﻿body{font:12px/16px Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; color:#111111; height:100%; width:auto; background:url(images/Public/bg.jpg) repeat-x center top; background-color:#FCF26F; background-position: 0 -35px}

ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p{padding:0; margin:0; font-weight:normal; text-align:left; border:none;}
ul,li { list-style-type: none;}

.aller {font-family:'aller';}

/* End of Input Form */

input.green_btn { border:1px solid #FFFFFF; background:url(images/Public/green_btn.png) no-repeat 0 0;color:#ffffff !important;font-size:11px;height:23px;width:61px;text-align:center; cursor:pointer; }
input.blue_btn { border:1px solid #FFFFFF; background:url(images/Public/blue_btn.png) no-repeat 0 0;color:#ffffff !important;font-size:11px;height:23px;width:61px;text-align:center;  cursor:pointer;}


div.the_box { border:6px solid #FFFFFF; background-color:#FFFFFF;}
/**************** wrapper starts *************/
.wrapper{ width:1006px; margin:0px auto;}

/**************** indented *************/
.indented{ padding:8px 14px !important;}

/**************** header starts *************/
#header{ width:100%; height:148px; float:left; margin-top:-8px;}
#header #headerLogo{ float:left;margin:-100px 0 0 25px;}
#header #headerMenu {float:left; width:1006px; height:43px; background:url(images/Public/menuBg1.png) bottom left no-repeat;}
#header #search{ float: right; height: 65px; width: 820px; padding: 40px 25px 0px; text-align: right;}
#header #search img {float:left; padding:15px}
/**************** header ends *************/

/**************** menu starts *************/
#header #menulist, .menulist ul {margin: 0; padding: 0; list-style: none; height: 43px; }
#header #menulist li {font-size: 17px; font-weight: bold; color: #fff; text-align: center; line-height: 44px; float:left;margin-left:15px;position:relative; float:left;}
#header #menulist li a {color: #fff; text-decoration:none;}
#header #menulist li span {float:right; display:block; margin-right:-17px; margin-left:-17px; padding-left:28px; padding-right:12px}
#header #menulist li ul { display:none;position:absolute; top:38px; margin-left:-7px}
#header #menulist li:hover a {background:transparent url(images/Public/menuBtnL.png) no-repeat top left; color:#000;float:left; text-decoration:none; }
#header #menulist li:hover span {background:url(images/Public/menuBtnR.png) no-repeat top right; float:right; display:block; margin-right:-17px; margin-left:-17px; padding-left:28px; padding-right:12px}
#header #menulist li:hover ul { }
#header #menulist li:hover ul li { background: #fff; border: 1px solid grey; width:200px; min-height:27px; margin-top:-1px; z-index:10000;}
#header #menulist li:hover ul li:first-child { margin-top:0;}
#header #menulist li:hover ul li a { background:none; color:#000; line-height:25px !important; display:block; padding: 0 20px; font-size:12px !important;}
#header #menulist li ul li:hover {background:#555B51;}
#header #menulist li ul li:hover a {color:#fff;}
#header #menulist li:hover ul li:first-child { border-radius: 0 !important; }
#header #menulist li:hover ul li:last-child { border-radius: 0 0 15px 15px !important; }
#menulist li.current > a {filter: progid:DXImageTransform.Microsoft; /* for IE */}


/**************** menu ends *************/

/**************** body container starts *************/
#wrapperContent {width: 1006px; background: url(images/Public/wrapperContent_topBg.png) top no-repeat;}
#wrapperContent #top {line-height: 0px; font-size: 0px; height: 5px;}
#wrapperContent #mainContent {width: 1006px; background: url(images/Public/wrapperContent_Bg.png) left repeat-y;}
#wrapperContent #content{ width: 998px; margin: 0 auto; background-color: #03256C; background-position: top; background-repeat: repeat-x;} 
#wrapperContent #bottom {width: 1006px; height: 22px; background: url(images/Public/1wrapperContent_bottomBg.png) top no-repeat; }
/**************** body container ends *************/

/* generic classes - names are descriptive - names has meaning */

.middleColumnWhenNoLeftSidebar
{
	float:left;
	overflow:hidden;
}

.middleColumnWhenLeftSidebar
{
	background-color:#fff;
	border-radius: 15px !important;
	float:left;
	margin: 8px 3px 4px 0px;
	/*padding: 20px 0;*/
	min-height:500px;
	overflow:hidden;
	width:716px;
}

.middleColumnWhenLeftSidebar h2.headerTitle
{
	background: url(images/Public/headerGreyBackground1.png) top repeat-x !important;
	line-height:16px;
	margin-bottom:15px;
	padding:11px;
}

.leftSideBar
{
	float:left;
	margin:8px 10px;
	overflow:hidden;
	width: 250px;
}

/*.leftSideBar h2
{
	background: url(images/Public/headerBackground1.png) top repeat-x !important;
	color:#fff;
	line-height:16px;
	margin-bottom:15px;
	padding:11px;
}

.leftSideBar a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #383838;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height: 30px;
	display: block;
	padding-left: 3px;
}

.leftSideBar ul
{
	border-top: dotted 1px #1C4EBC;
}

.leftSideBar ul li
{
	border-bottom: dotted 1px #1C4EBC;
}

.leftSideBar ul li a
{
	color: #1C4EBC;
	text-transform: uppercase;
}

.leftSideBar ul li a:hover
{
	background-color:#EFEFEF;
	color:#1C4EBC;
}

.leftSideBar ul li ul
{
	line-height: 20px;
	margin-top: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-left: 0px;
	border-top: dotted 0px #1C4EBC;
	background-color: #F9F9F9;
}

.leftSideBar ul li li a
{
	color: #383838;
	text-transform: none;
}

.leftSideBar ul li ul li
{
	border-top: dotted 1px #1C4EBC;
	border-bottom: dotted 0px #1C4EBC;
}

.leftSideBar ul li ul li a {
	padding-left: 3px;
	line-height: 20px;
	font-size: 11px;
}*/

.boxBlue
{
	/*background: url(images/Public/boxBlue.png) top repeat-x !important;
	background-color:#fff !important;*/
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #78C7F4 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #78C7F4 100%);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #78C7F4 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #78C7F4));
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #78C7F4 100%);
	background-image: linear-gradient(bottom, #FFFFFF 0%, #78C7F4 100%);
}

.boxContent
{
	width:100%;
	background-color:#fff;
	border-radius: 15px !important;
	overflow:hidden;
	margin-bottom:12px;
}

.boxContent h2
{
	background: url(images/Public/headerBackground1.png) top repeat-x !important;
	color:#fff;
	line-height:16px;
	padding:11px;
}

.boxContent h3
{
	color: #1C4EBC;
	text-transform: uppercase;
	margin-bottom:8px;
}

/* end of generic classes */

.subContainerHalf
{
	background-color:#fff;
	border-radius: 15px !important;
	float:left;
	margin: 8px 3px 4px 10px;
	min-height:160px;
	overflow:hidden;
	width:48%;
}

.subContainerHalf h2
{
	background: url(images/Public/headerBackground1.png) top repeat-x !important;
	color:#fff;
	line-height:16px;
	margin-bottom:15px;
	padding:11px;
}

.OneHalf
{
	position:relative;
	float:left;
	width:47%;
	margin-right:1%;
	margin-left:1%;
}

.subContainerThreeQuarter
{
	background-color:#fff;
	border-radius: 15px !important;
	float:left;
	margin: 8px 3px 4px 10px;
	min-height:160px;
	overflow:hidden;
	width:70.5%;
}

.subContainerQuarter
{
	background-color:#fff;
	border-radius: 15px !important;
	float:left;
	margin: 8px 3px 4px 10px;
	min-height:190px;
	overflow:hidden;
	width:23%;
}

.subContainerQuarter h2
{
	background: url(images/Public/headerBackground1.png) top repeat-x !important;
	color:#fff;
	line-height:16px;
	margin-bottom:15px;
	padding:11px;
}
/* PREDEFINED COLORS */

/* TEXT COLOR */
.blueDark           {color:#004B70 !important;}

.greyDisabledColor  {color:#9D9D9D !important;}

.greyColor          {color:#8E8E8E !important;}

.greyDarkColor      {color:#3B3B3B !important;}

.blackColor         {color:#000000 !important;}

.blueDisabledColor  {color:#95ABC4 !important;}

.blueColor          {color:#0086AD !important;}

.whiteColor         {color:#FFFFFF !important;}

.blueLightColor     {color:#4462a0 !important;}

.blueLight2Color    {color:#BFE1EB !important;}

.blueLight3Color	{color:#0087AE !important;}

.navigationArrow	{color:#3057AC !important;}

.greenColor         {color:#00AC7A !important;}

.redColor			{color:#f00 !important;}

/* BACKGROUND COLOR */

.whiteBackColor         {background-color:#FFFFFF !important;}

.grayBackColor          {background-color:#F1F1F1 !important;}

.grayBlueBackColor      {background-color:#D8E1E5 !important;}

.blueBackgroundColor    {background-color:#004B6F !important;} /* #0086AD */

.lightBlueBackColor     {background-color:#D9F3EB !important;}

.lightBluePanelBackColor{background-color:#BEE0EB !important;}

.blueBackColor          {background-color:#0087AE !important;}

.darkBlueBackColor      {background-color:#004C70 !important;}

.brownBackColor         {background-color:#3B3B3B !important;}

.lightRedBackColor      {background-color:#E5BDBE !important;}

.lightGreenBackColor    {background-color:#C2EBDD !important;}

.alternateRowBackColor  {background-color:#EEF1F8 !important;}

/* BORDER COLOR */

.borderBlack    {border:1px solid #3A3A3A !important;}

.borderBlue     {border:2px solid #0087AE !important;}

.borderDarkBlue {border:1px solid #256684 !important;}

.borderGrey     {border:1px solid #505354 !important;}

/* END OF PREDEFINED COLORS*/

/**************** table styles starts *************/

table.borderClass
{
	border-collapse:separate;
	border-spacing: 2px;
	border-color:#C8D3E1;
	border-width:1px;
	border: 1px solid #C8D3E1;/*#DCE3F5*/
	padding:1px;
}

.borderClass td, .borderClass th
{
	border: 1px solid #C8D3E1;
}

.borderClass tr:hover
{
	background-color:#EFEFEF !important;
	color:#1C4EBC;
}

.borderClass tr
{
    height:26px;
    border:2px solid #C8D3E1;
}

.borderClass tr td
{
    line-height:22px;
}

.borderClass tr.closed
{
    background-color:#EEF1F8;
}

.borderClass .mappingRow
{
    max-height: 26px;
}

.borderClass .mappingRow td
{
    line-height: 24px;
}


/**************** table styles end *************/


/**************** button Syles ****************/
a.btn-blue
{
	background: url("images/Public/button4.png") 0 -14px no-repeat;
	background-position:0 0;
	color:#fff;
	display: block;
	float: left;
	height: 32px;
	overflow: hidden;
	text-decoration:none;
	width: 102px;
	line-height:32px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

a.btn-blue:hover { background-position:0 -33px; }

a.btn-black
{
	background: url("images/Public/button4.png") 0 -14px no-repeat;
	background-position:0 -32px;
	color:#fff;
	display: block;
	float: left;
	height: 32px;
	overflow: hidden;
	text-decoration:none;
	width: 102px;
	line-height:32px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
}

a.btn-black:hover { background-position:0 0; }

a.buttonblack
{
	float:left;
	display: block;
	height: 34px;
	line-height:32px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	text-decoration:none;
	background:transparent url(images/Public/1btn-l.png) no-repeat top left;
}

a.buttonblack span
{
	display: block;
	height: 34px;
	margin-right:-10px;
	margin-left:-10px;
	padding-left:20px;
	padding-right:10px;
	background:transparent url(images/Public/1btn-r.png) no-repeat top right;
}

a.buttonblack:hover
{
	background-position:0 -34.5px;
}

a.buttonblack:hover span
{
	background-position: right -34.5px;
}

a.buttonblue
{
	float:left;
	display: block;
	height: 40px;
	line-height:39px;
	margin: 0px 10px;
	font-size:16px;
	font-weight:400;
	color:#fff;
	text-decoration:none;
	background:transparent url(images/Public/btn-l.png) no-repeat top left;
	background-position:0px -41px;
}

a.buttonblue span
{
	display: block;
	height: 40px;
	margin-right:-11px;
	margin-left:-10px;
	padding-left:20px;
	padding-right:10px;
	background:transparent url(images/Public/btn-r.png) no-repeat top right;
	background-position:right -41px;
}

a.buttonblue:hover
{
	background-position:0 0px;
}

a.buttonblue:hover span
{
	background-position: right 0px;
}

/*a.submitButton
{
	float:left;
	display: block;
	height: 33px;
	line-height:32px;
	margin: 0px 10px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	text-decoration:none;
	background:transparent url(images/Public/btnL-s.png) no-repeat top left;
	background-position:0px -32px;
}

a.submitButton span
{
	display: block;
	height: 32px;
	margin-right:-10px;
	margin-left:-10px;
	padding-left:25px;
	padding-right:15px;
	background:transparent url(images/Public/btnR-s.png) no-repeat top right;
	background-position:right -32px;
}

a.submitButton:hover
{
	background-position:0 0px;
}

a.submitButton:hover span
{
	background-position: right 0px;
}*/

.submitButton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	/* color */
	color: #fff;
	/*border: solid 1px #da7c0c;*/
	background: #3D70DE;
	background: -webkit-gradient(linear, left top, left bottom, from(#3D70DE), to(#0844B9));
	background: -moz-linear-gradient(top,  #3D70DE,  #0844B9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D70DE', endColorstr='#0844B9');
}

.submitButton:hover {

	/* color */
	background: #606060;
	background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#131313));
	background: -moz-linear-gradient(top,  #606060,  #131313);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#131313');
}

a.btn-disabled
{
	background: url("images/Public/button2.png") 0 -14px no-repeat;
	background-position:0 -24.5px;
	color:#8E8E8E;
	display: block;
	float: left;
	height: 23px;
	margin: 6px 8px 5px 5px;
	overflow: hidden;
	text-decoration:none;
	width: 67px;
	line-height:23px;
	text-align:center;
}


.body_container .left .account .content a span{
	text-decoration: none;
}

a.btn
{
	display:inline-block;
	border:1px solid #FFFFFF; 
	background:url(images/Public/green_btn.png) no-repeat 0 0;
	color:#ffffff !important;
	font-size:11px;
	height:23px;
	line-height:20px;
	width:61px;
	text-align:center; 
	text-decoration:none;
	cursor:pointer; 
}
a.btn:hover  
{
	background:url(images/Public/blue_btn.png) no-repeat 0 0;
}

a.medium_btn
{
	display:inline-block;
	border:1px solid #FFFFFF; 
	background:url(images/Public/green_btn_medium_1.png) no-repeat 0 0;
	color:#ffffff !important;
	font-size:11px;
	height:23px;
	/*line-height:20px;*/
	width:91px;
	text-align:center; 
	text-decoration:none;
	cursor:pointer; 
}
a.medium_btn:hover
{
	background:url(images/Public/blue_btn_medium_1.png) no-repeat 0 0;
}

a.large_btn
{
	display:inline-block;
	border:1px solid #FFFFFF; 
	background:url(images/Public/green_btn_large_1.png) no-repeat 0 0;
	color:#ffffff;
	font-size:11px;
	height:23px;
	line-height:20px;
	width:180px;
	text-align:center; 
	text-decoration:none;
	cursor:pointer; 
}
a.large_btn:hover  
{
	background:url(images/Public/blue_btn_large_1.png) no-repeat 0 0;
}

.inputform
{
	float:left;
	width: 100%;
}

.inputform .short 
{
	width: 200px;
}

input:focus
{
	border-color:#FCF26F !important;
	border-width:1px !important;
}

.button a
{
	color: #fff;
}

.linkMedium
{
	color:#3057AC;
	text-decoration: none;
	font-weight: bold;
}

.linkMedium:hover
{
	color:#000;
}

.linkMediumSlim
{
	text-decoration:none;
}

.linkMediumSlim:hover
{
	color:#000;
}

/*********** Button Styles End ***********/


/*********** Margin, Padding and Align Styles  ***********/

.marginBottom
{
	margin-bottom:5px !important;
}
.marginBottom10
{
	margin-bottom:10px;
}
.marginBottom20
{
	margin-bottom:20px;
}
.marginTop
{
	margin-top:5px;
}
.marginTop20
{
	margin-top:20px !important;
}
.marginTopHigh
{
	margin-top:70px;
}
.marginTopBottom10
{
	margin-top:10px !important;
	margin-bottom:10px !important;
}

.leftMargin
{
	margin-left:20px !important;
}

.leftMarginSmall
{
	margin-left:3px !important;
}

.rightMargin
{
	margin-right:20px !important;
}

.rightMarginSmall
{
	margin-right:3% !important;
}

.leftRightMargin
{
	margin:0 20px;
}

.leftRightMarginSmall
{
	margin:0 3%;
}

.maxWidth
{
	width:100% !important;
}

.leftAlign
{
	text-align:left !important;
}

.rightAlign
{
	text-align:right !important;
}

.centerAlign
{
	text-align:center !important;
}

.justify
{
	text-align:justify !important;
}

.overFlowHidden
{
	overflow:hidden !important;
}

.paddingRight
{
	padding-right:10px !important;
}

.paddingTopBottom10
{
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.clearNone
{
	clear:none !important; 
}

.noMargin
{
	margin:0 !important;
}

.noPadding, .noPadding label, .noPadding a, .noPadding span, .noPadding input
{
	padding:0 !important;
}

.noLRPadding
{
	padding-left:0 !important;
	padding-right:0 !important;
}

.noTBPadding
{
	padding-top:0 !important;
	padding-bottom:0 !important;
}

/*********** Margin, Padding and Align Styles End  ***********/

ul.horizontalList li
{
	display:inline !important;
	margin-right:10px;
}

ul.customListSeparator li
{
	margin:0 !important;
}

ul.customListSeparator li:before
{
	content: " | ";
}

ul.customListSeparator li:first-child:before
{
	content:"";
}

.roundedCorners
{
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	border-radius: 5px !important;
}

.lineHeightInherit
{
	line-height:inherit !important;
}

.failureNotification
{
	color:red !important;
}

.clear      {display:block; clear:both;}

.right      {display:block; float:right !important;}

.left       {display:block; float:left !important;}

.bold       {font-weight:bold !important;}

.italic     {font-style:italic !important;}

.underline  {border-bottom: 2px solid #0086AD;}

.underlineBlack {border-bottom: 2px solid #000;}

.underlineDottedBlue {border-bottom: dotted 1px #1C4EBC;}

.truncatedText { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display:inline-block; }

.underlineGrayBold {border-bottom: 2px solid #DBDBDB}

.underlineThin {border-bottom: 1px solid #0086AD;}

::-webkit-input-placeholder  { color:darkGray; font-style: italic;}
:-moz-placeholder { color:darkGray; font-style: italic;}
.placeholder{ color:darkGray; font-style: italic;}

.hiddenControl
{
	visibility:hidden !important;
	display:none !important;
}