/*
 Side Menu
	rusty color: #E98510
	Light Blue: #507CD1
	Mid Blue: #245E9E
	Dark Blue: #093B77
*/

body 
{
	font-family: Verdana;
	font-size: small;
	background-image: url(Images/content_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* company name */
h1
{
	text-indent: 8px;	
	margin: 4px 0px 0px 0px;
	color: White;
	font-family: Verdana;
	font-weight: bold;
	font-size: xx-large;
	border-bottom: solid 1px #99CCFF;
}

/* Slogan */
.Slogan
{
	text-indent: 8px;
	margin: 0px;
	color: white;
	font-family: Verdana;
	font-weight: normal;
	font-style: italic;
	font-size: small;
}

/* page title */
h2
{
	margin-top: 4px;
	font-family: Arial;
	font-weight: bold;
	font-size: x-large;
	color:#093B77;
}
/* heading */
h3
{
	color:#093B77;
}
h4
{
	color:#093B77;
}

h5
{
	color:#093B77;
}

p
{	
	color:#093B77;
}
	
ul
{	
	color:#093B77;
}
		
caption
{
	font-weight: bold;
	text-align: center;
}

#page
{
	width:960px;
	background:url(girl.jpg) top right no-repeat;
	text-align:left;
	margin:0 auto;
	padding:0;
}

#header
{
	border-top: 1px solid #093B77;
	border-right: 1px solid #093B77;
	border-left: 1px solid #093B77;
	
	background-color: green;
	vertical-align: middle;
	
	background-image: url(Images/header01_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #245E9E;
}
#header .Title
{
	padding: 8px;
}
#header .Logo
{
	float: left;
}

#side /* This is the menu on the side*/
{
	/* position */
	top:0px;
	width: 200px;
	empty-cells: hide;

	/* margin */
	margin-top: 0px;
	margin-right:7px;
}

#side .Item
{
	/* margin */
	margin-bottom: 8px;
	padding: 0px;
	background-color: #EFF3FB;
	/* style */
	border: solid 1px #245E9E;
}

#side .Item .Header
{
	/* margin */
	margin: 0px;
	padding: 8px;

	/* tag style */
	border-bottom: solid 1px #245E9E;
	background-color: #093B77;

	/* font style */
	color: white;
	font-weight: bold;
}

#side .Item .Content
{
	margin: 8px;
}

/* Middle section is used for the Content */
#middle 
{
	/* layout */
	display: block;
	float: none;
	clear: none;
	empty-cells: hide;
	
	/* margin */
	padding: 5px;
	margin-top:0px; 
	top:0px;
	
	/* style */
	border: solid 1px #245E9E;
	background-color: white;	
}

#maincontent
{
	margin-top:7px;
}

#footer
{
	margin-top: 16px;
	text-align: center;
	color: gray;
	font-style: normal;
	font-size: smaller;
}

.Indent
{
	padding: 0px;
	margin-left: 40px;
}

.Error
{
	color: Red;
}

.ErrorSummary
{
	position: static;
	display: block;
	float: none;
	clear: none;
	empty-cells: hide;
	
	width: 100%;
	border: solid 1px red;
	margin-bottom: 8px;
}

.ErrorSummary h2
{
	margin: 0px 0px 0px 0px;
	color: White;
	background-color: red;
		
	padding: 6px 4px 6px 4px;
	
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
}

.Command input
{
	width: 100px;
}

.ContentSectionLayout /* Used on the Default page */
{
	vertical-align: top;
}

.ContentSection /* Used on the Default page */
{
	margin-top:	0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	top:0px;

	width: 260px;
	height: 100%;
	background-image: url(Images/content_bg.gif);
}

.ContentSectionPara /* Used on the Default page */
{
	margin-top:	0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top:20px;

	font-family:Verdana;
	font-weight:bold;
	
	height: 100%;

	color:#093B77;
	text-align:center;
}

.ContentSection h2 /* Used on the Default page */
{
	font-weight: bold;
	color:White;
	
	background: #093B77;
	border-bottom: solid 2px white;
	
	padding-left: 4px;
	padding-right: 4px;
	
	margin-top: 0px;
	margin-bottom: 0px;
}

.ContentSection h3 /* Used on the Default page */
{
	font-weight: bold;
	color:White;
	
	background: #093B77;
	border-bottom: solid 2px white;
	border-top:solid 8px white;
	border-right: solid 0px white;
	
	padding-left: 4px;
	padding-right: 4px;
	
	margin-top: 0px;
	margin-bottom: 0px;
}

.ContentSection ul /* Used on the Default page */
{
	font-weight: bold;
	font-size:small;
	color:White;
	border-right: solid 0px white;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:1em;
	padding-bottom: 1em;
}
.ContentSection a:link 
{ 
	font-weight: bold; 
	text-decoration: underline; 
	color:white;
}
.ContentSection a:visited 
{ 
	font-weight: bold; 
	text-decoration: underline; 
	color: White;
}
.ContentSection a:hover, a:active 
{ 
	text-decoration: underline; 
	color:Navy;
}

.TTWizard
{
	background:#093B77; 
	color:White; 
	font-size: small; 
	font-weight:bold; 
	padding:5px; 
	margin-top:5px;
	}
.Invisible
{
	display:none;
	}

/* This is the Identification Table*/
.IDTableLayout
{
	vertical-align: top;
}

.IDTableLayout tr
{
	vertical-align:top;	
}

.IDTable
{
	margin-top:	0px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	
	height: 100%;
	background-image: url(Images/content_bg.gif);
}
.IDTable td
{
	border-bottom: solid 5px white;
	padding-top:5px;
}

.IDTable h5
{
	font-weight: bold;
	color:White;
	background: #093B77;
	border-bottom: solid 1px white;
	vertical-align:middle;
	height:20px;
	
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.IDTable p
{
	color:White;
	padding-left: 4px;
	padding-right: 4px;
	height:100%;
	margin-top:10px;
	margin-bottom: 10px;
}

.IDTable ul
{
	color:White;
	margin-left:0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 1em;
	padding-left:2em;
}

/* The Rate Table is used in the Left Hand Side*/
.RateTableLayout
{
	width: 200px;
	top:0px;
    text-align: center;
  	border-color:#093B77;
  	margin-right:0px;
}

.RateTable
{
	margin-top:	0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;

	background-image:url("../App_Themes/Default/Images/syd_skyline_tiny.jpg")
}

.RateTable h5
{
	font-weight:bold; 
	color:White;
	text-align:center;
	
	background: #093B77; 
	border-bottom: solid 0px white;
	padding-left: 0px;
	padding-right: 0px;
	
	margin-top: 0px;
	margin-bottom: 0px;

}

.RateTable ul
{
	font-weight: bold;
	color:White;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 1em;
}

.Normal p
{
	padding-right:5px;
	color:#245E9E;
}

.Normal ol
{
	width:465px;
	background:#245E9E;
	font-weight: normal;
	color:white;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 3em;
	padding-top: 15px;
	padding-right: 15px;
}

.Normal ul
{
	width:480px;
	background:#245E9E;
	font-weight: normal;
	color:white;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 3em;
	padding-bottom: 1em;
	padding-top: 1em;
}

.Normal li
{
	padding-bottom:15px;
}
.Normal a:link 
{ 
	font-weight: bold; 
	text-decoration: underline; 
	color:white;
}
.Normal a:visited 
{ 
	font-weight: bold; 
	text-decoration: underline; 
	color: White;
}
.Normal a:hover, a:active 
{ 
	text-decoration: underline; 
	color:Navy;
}


/* The Normal Table is used in the RightSideMenu user control*/
.NormalTable
{
	margin-top:	0px;
	margin-bottom: 0px;
	margin-left: 7px;
	margin-right: auto;	
	background:white;
	width: 198px; 
    text-align: center;
  	border-color:#093B77;
    border:solid 2px #093B77;
    top:0px;
}

.NormalTable ul
{
	font-weight: normal;
	font-size:small;
	text-align:left;
	color:#093B77;

	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 1em;
	padding-left: 1.4em;
	border:0px;
}

.NormalTable a:link 
{ 
	font-weight: normal; 
	text-decoration:underline; 
	color:#093B77;
}
.NormalTable a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color:#093B77;
	}
.NormalTable a:hover, a:active { 
	text-decoration: underline; 
	font-weight:bold;
	color:Navy;
	}

.MRLayout
{
	width:520px;
    position:relative; 
  	border-color:#093B77;
}

.Orders 
{
  	border:solid 2px #507CD1;
  	background:#EFF3FB;
  	width:480px;
  	
}  	
.td1
{
	BACKGROUND-COLOR: #D1DDF1;
	Color:#093B77;
	font-weight:bold;
	width:140px;
	height:30px;	
	}

.td2
{
	Color:#093B77;
	font-weight:bold;
	}
.td2Head
{
	padding-left: 4px;
	background-color:#507CD1;
	font-weight: bold;
	color:White;	
	text-transform: none;
}


.Orders td
{
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
}

/* This is used to define the content part of the Help Pages */
#HelpPageLeft
{
	/* layout */
	display: block;
	float: none;
	clear: none;
	empty-cells: hide;
	
	/* margin */
	padding: 5px; 
	
	/* style */
	border: solid 1px #245E9E;
	background-color: white;	
}


#HelpPages h5
{
	font-family: Arial;
	font-weight: bold;
	font-size: medium; 
	color:#093B77;
	padding-bottom:0px;
	margin-bottom:0px;
}
	
.p
{
	font-family: Arial;
	font-size:  small; 
	color:#093B77;
	padding-top:0px;
	padding-bottom:0px;
	}
	
.AlignRight
{
	text-align:right;
	}

/*
This section is used for the News feed on fxnews.aspx
*/
		
.morehl {
		font-family: Geneva, Arial, sans-serif !important;
		font-size: 11px !important;
		color: #003399 !important;
		font-weight: bold !important;
		font-style: normal !important;
		text-decoration: underline !important;
	}	
	
	A:link.morehl, A:vlink.morehl, A:alink.morehl {
		color: #003399 !important;
	}
	
	.moresrc {
		font-family: Geneva, Arial, sans-serif !important;
		font-size: 11px !important;
		color: #6699cc !important;
		font-weight: normal !important;
		font-style: normal !important;
		text-decoration: none !important;
	}
	
	A:link.moresrc, A:vlink.moresrc, A:alink.moresrc {
		color: #6699cc !important;
	}
	
	.moreti {
		font-family: Geneva, Arial, sans-serif;
		font-size: 11px;
		color: #6699cc;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
	}
	
	.morehlt {
		font-family: Geneva, Arial, sans-serif;
		font-size: 11px;
		color: #003399 !important;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
	}	
#MobileFooter
{
	margin-top: 16px;
	text-align: left;
	color: gray;
	font-style: normal;
	font-size: smaller;
}
#MobileHeader
{
	border-top: 1px solid #093B77;
	border-right: 1px solid #093B77;
	border-left: 1px solid #093B77;
	border-bottom: 1px solid #093B77;
	
	vertical-align: middle;
	
	background-image: url(Images/header01_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #245E9E;
}

#MobileHeader .Logo
{
	float: left;
}

/* Slogan */
#MobileHeader .Slogan
{
	margin: 0px;
	color: white;	
	font-family: Verdana;
	font-weight: normal;
	font-style: italic;
	font-size: x-small;
}
.MobileMenu
{
	margin-top:	0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: auto;	
	background:white;
	width: 210px; 
  	border-color:#093B77;
    border:solid 2px #093B77;
    top:0px;
}

.MobileRateQuote 
{
  	border:solid 2px #507CD1;
  	background:#EFF3FB;
  	width:215px;
  	font-size:xx-small;  	
}  	

.MobileRateQuoteCombo
{
	BACKGROUND-COLOR: #D1DDF1;
	Color:#093B77;
	font-weight:bold;
	width:80px;
	height:30px;	
	font-size:xx-small;
	}

.td2
{
	Color:#093B77;
	font-weight:bold;
	}