/* hyperslink css start */
a {
    text-decoration: none;
}

a.linkWithoutUnderline:link {
    color: #278dc1;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.linkWithoutUnderline:visited {
    color: #278dc1;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.linkWithoutUnderline:hover {
    color: #278dc1;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.linkWithoutUnderline:active {
    color: #278dc1;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link1:link {
    color: #278dc1;
    font-size: 200%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link1:visited {
    color: #278dc1;
    font-size: 200%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link1:hover {
    color: #278dc1;
    font-size: 200%;
    text-decoration: underline;
	text-transform: uppercase;
}

a.link1:active {
    color: #278dc1;
    font-size: 200%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link2:link {
    color: #278dc1;
    font-size: 200%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link2:visited {
    color: #278dc1;
    font-size: 200%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link2:hover {
    color: #278dc1;
    font-size: 200%;
    font-weight: bold;
    text-decoration: underline;
	text-transform: uppercase;
}

a.link2:active {
    color: #278dc1;
    font-size: 200%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link3:link {
    color: #278dc1;
    font-size: 160%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link3:visited {
    color: #278dc1;
    font-size: 160%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link3:hover {
    color: #278dc1;
    font-size: 160%;
    text-decoration: underline;
	text-transform: uppercase;
}

a.link3:active {
    color: #278dc1;
    font-size: 160%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link4:link {
    color: #278dc1;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link4:visited {
    color: #278dc1;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link4:hover {
    color: #278dc1;
    font-size: 160%;
    font-weight: bold;
    text-decoration: underline;
	text-transform: uppercase;
}

a.link4:active {
    color: #278dc1;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link5:link {
    color: #278dc1;
    font-size: 120%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link5:visited {
    color: #278dc1;
    font-size: 120%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link5:hover {
    color: #278dc1;
    font-size: 120%;
    text-decoration: underline;
	text-transform: uppercase;
}

a.link5:active {
    color: #278dc1;
    font-size: 120%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link6:link {
    color: #278dc1;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link6:visited {
    color: #278dc1;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link6:hover {
    color: #278dc1;
    font-size: 120%;
    font-weight: bold;
    text-decoration: underline;
	text-transform: uppercase;
}

a.link6:active {
    color: #278dc1;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link7:link {
    color: #278dc1;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
	text-transform: uppercase;
}

a.link7:visited {
    color: #278dc1;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
	text-transform: uppercase;
}

a.link7:hover {
    color: #278dc1;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: underline;
	text-transform: uppercase;
}

a.link7:active {
    color: #278dc1;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
	text-transform: uppercase;
}

a.link8:link {
    color: #278dc1;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link8:visited {
    color: #278dc1;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link8:hover {
    color: #278dc1;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
	text-transform: uppercase;
}

a.link8:active {
    color: #278dc1;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.link9:link {
    color: #278dc1;
    font-size: 110%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link9:visited {
    color: #278dc1;
    font-size: 110%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link9:hover {
    color: #278dc1;
    font-size: 110%;
    text-decoration: underline;
	text-transform: uppercase;
}

a.link9:active {
    color: #278dc1;
    font-size: 110%;
    text-decoration: none;
	text-transform: uppercase;
}

a.link10:link {
    color: #278dc1;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
	text-transform: uppercase;
}

a.link10:visited {
    color: #278dc1;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
	text-transform: uppercase;
}

a.link10:hover {
    color: #278dc1;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
	text-transform: uppercase;
}

a.link10:active {
    color: #278dc1;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
	text-transform: uppercase;
}

a.tableOrder:link {
    color: #278dc1;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.tableOrder:visited {
    color: #278dc1;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

a.tableOrder:hover {
    color: #278dc1;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
	text-transform: uppercase;
}

a.tableOrder:active {
    color: #278dc1;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
}

/* hyperlinks css end */
/* black title start */
.title1 {
    color: #000000;
    font-size: 200%
}

.title2 {
    color: #000000;
    font-size: 200%;
    font-weight: bold;
}

.title3 {
    color: #000000;
    font-size: 180%;
}

.title4 {
    color: #000000;
    font-size: 180%;
    font-weight: bold;
}

.title5 {
    color: #000000;
    font-size: 120%;
}

.title6 {
    color: #595959;
    font-size: 120%;
    font-weight: bold;
}

.title7 {
    color: #000000;
    font-size: 100%;
}

.title8 {
    color: #000000;
    font-size: 100%;
    font-weight: bold;
}

.title9 {
    color: #000000;
    font-size: 80%;
}

.title10 {
    color: #000000;
    font-size: 140%;
    font-weight: bold;
}

.title11 {
    color: #000000;
    font-size: 110%;
    font-weight: bold;
}

.title12 {
    color: #000000;
    font-size: 140%;
}

.title13 {
    color: #000000;
    font-size: 160%;
}

.title14 {
    color: #000000;
    font-size: 160%;
    font-weight: bold;
}

.title15 {
    color: #ffffff;
    font-size: 110%;
    font-weight: bold;
}
.title16 {
    color: #000000;
    font-size: 170%;
    font-weight: bold;
}

/* black title end */
/* document text css start */
.text1 {
    color: #666666;
    font-size: 120%;
}

.text2 {
    color: #666666;
    font-size: 120%;
    font-weight: bold;
}

.text3 {
    color: #666666;
    font-size: 110%;
}

.text4 {
    color: #666666;
    font-size: 110%;
    font-weight: bold;
}

.text5 {
    color: #278dc1;
    font-size: 100%;
}

.text6 {
    color: #278dc1;
    font-size: 100%;
    font-weight: bold;
}

.text7 {
    color: #333333;
    font-size: 120%;
}

.text8 {
    color: #333333;
    font-size: 120%;
    font-weight: bold;
}

.text9 {
    color: #333333;
    font-size: 110%;
}

.text10 {
    color: #666666;
    font-size: 100%;
}

.text11 {
    color: #666666;
    font-size: 140%;
}

.text12 {
    color: #666666;
    font-size: 160%;
    font-weight: bold;
}

.text13 {
    color: #cccccc;
    font-size: 100%;
}
.noInforMessage{
	font-style:italic;
	font-weight:bold;
	color: #666;
}
.actionTips{
	color: #000000;
    font-size: 120%;
}
.actionTips strong {
	font-weight: bold;
}
/* document text css end */
/* the title color is rose start */
.pageTitle1 {
    color: #115f8e;
    font-size: 200%;
    font-weight: bold;
}

.pageTitle2 {
    color: #115f8e;
    font-size: 160%;
    font-weight: bold;
}

.pageTitle3 {
    color: #115f8e;
    font-size: 140%;
    font-weight: bold;
}

.pageTitle5 {
    color: #115f8e;
    font-size: 120%;
    font-weight: bold;
}

.pageTitle4 {
    color: #115f8e;
    font-size: 200%;
}

.pageTitle6 {
    color: #115f8e;
    font-size: 240%;
}

.pageTitle7 {
    color: #686800;
    font-size: 160%;
    font-weight: bold;
}


.pageTitle8 {
    color: #0066cc;
    font-size: 140%;
    font-weight: bold;
}

.pageTitle9 {
    color: #9b9b9b;
    font-size: 160%;
    font-weight: bold;
}

/* the title color is rose end */
.split {
    padding: 0 0.3em;
    font-size: 120%;
    color: #666666;
    font-weight: bold;
}

.inputBox {
    border: 1px solid #cccccc;
    height: 16px;
    padding: 1px;
    font-size: 120%;
    color: #333;
}

.disableBox {
    background: #f5f5f5;
	color: #999999 !important;
}

/* button css start */
.disabledButton{
    overflow: visible;
    width: auto;
    border: 0;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    color: #ffffff;
	
    font-size: 130%;
    font-weight: normal;
    display: block;
    text-align: center;
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-text-stroke-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom,	from(#dddddd), to(#dddddd));
	background: -moz-linear-gradient(top, #dddddd, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFdddddd, endColorstr=#FFdddddd);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFdddddd, endColorstr=#FFdddddd)";
	cursor:default;
	box-shadow: 1px 1px 1px #aaaaaa;
}
/* Sso Return (models button1 by default) */
.ssoReturnClass{
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:6px;
	background: #000000;
    display: block;
	text-align:center;
}

/* Modis Return (models button1 by default) */
.modisReturnClass{
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:0 8px;
    font-size: 130%;	
    font-weight:bold;
    display: block;
	text-align:center;
	border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom,	from(#f9b89b), to(#f47138));
	background: -moz-linear-gradient(top, #f9b89b, #f47138);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9b89b, endColorstr=#f47138);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9b89b, endColorstr=#f47138)";
	cursor:pointer;
	box-shadow: 1px 1px 1px #aaaaaa;
}
/* purple button */
.button1{
	background-color: #660066;
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:0 8px;
    font-size: 130%;	
    font-weight:bold;
    display: block;
	text-align:center;
	border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-text-stroke-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom,	from(#91c0eb), to(#278dc1));
	background: -moz-linear-gradient(top, #91c0eb, #278dc1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#91c0eb, endColorstr=#278dc1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#91c0eb, endColorstr=#278dc1)";
	cursor:pointer;
	box-shadow: 1px 1px 1px #aaaaaa;
}

/* gray button */
.button2{
	background-color: #c4c4c4;
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:0 8px;
	font-size:130%;
	font-weight:bold;
	display:block; 
	text-align:center;
	border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-text-stroke-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom,	from(#91c0eb), to(#278dc1));
	background: -moz-linear-gradient(top, #91c0eb, #278dc1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#91c0eb, endColorstr=#278dc1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#91c0eb, endColorstr=#278dc1)";
	cursor:pointer;
	box-shadow: 1px 1px 1px #aaaaaa;
}
/* blue button */
.button3{
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:0 8px;
	font-size:130%;
	font-weight:bold;
	display:block; 
	text-align:center;
	background-color: #6a9aca;
	border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-text-stroke-color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom,	from(#91c0eb), to(#278dc1));
	background: -moz-linear-gradient(top, #91c0eb, #278dc1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#91c0eb, endColorstr=#278dc1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#91c0eb, endColorstr=#278dc1)";
	cursor:pointer;
	box-shadow: 1px 1px 1px #aaaaaa;
}
/* orange button */
.button4 {
	background-color: #660066;
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	line-height:26px;
	height:28px;
	padding: 0 10px;
    font-weight:bold;
    display: inline-block;
	text-align:center;
	border-radius:10px!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -webkit-text-stroke-color: #ffffff;
    border: solid 1px #a62f00;
	background: #fd9b71; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9b89b 0%, #f47138 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9b89b), color-stop(100%,#f47138))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9b89b 0%,#f47138 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9b89b 0%,#f47138 100%)!important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9b89b 0%,#f47138 100%)!important; /* IE10+ */
	background: linear-gradient(to bottom,  #f9b89b%,#f47138 100%)!important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b89b', endColorstr='#f47138',GradientType=0 )!important; /* IE6-9 */
	cursor:pointer;
	font-size:130%;
	text-shadow: -1px 1px 1px rgba(50, 50, 50, 0.7);
	box-shadow: 1px 1px 1px #aaaaaa;
}

.ssoReturnClass:hover, .modisReturnClass:hover, .button1:hover, .button2:hover, .button3:hover, .button4:hover{
	background: #000000;
}


.buttonMarginRight {
	margin-right: 1em;
}

.buttonMarginLeft {
	margin-left: 1em;
}

.smartPlan{
	
}

.corner{
	width:60%;
	background:#f9fafe;
	-moz-border-radius:4px;
	border:1px solid #6a9aca;
	padding:0.5em 0 0.5em 0.2em;
}

/*button css end*/

.logoutArea {
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 3em;
	text-align: right;
	margin-top: -0.4em;
	z-index: 1;
}

.logoutArea  li img {
	margin-right:0.4em;
	vertical-align:middle;		
}
.menuArea {
    line-height: 2em;
}

.downArrow {
    display:inline-block;
    font: 0 / 0;
    border: 4px solid;
    border-color: #921902 #fff #fff #fff;
    float: left;
    margin: 8px 0 0 2px;
}

.upArrow {
    display:inline-block;
    font: 0 / 0;
    border: 4px solid;
    border-color: #fff #fff #921902 #fff;
    float: left;
    margin: 8px 0 0 2px;
}

.leftArrow {
    display:inline-block;
    font: 0 / 0;
    border: 4px solid;
    border-color: #fff #fff #fff #921902;
    float: left;
    margin: 8px 0 0 2px;
}

.rightArrow {
    display:inline-block;
    font: 0 / 0;
    border: 4px solid;
    border-color: #fff #921902 #fff #fff;
    float: left;
    margin: 8px 0 0 2px;
}

.dataSheet {
    width: 100%;
    float: left;
    border-collapse: collapse;
}

.dataSheet th {
    background: #EEF3F8;
    color: #0f4876;
    border-bottom: 2px solid #ddd;
    padding: 0.6em 0;
	vertical-align:bottom;
}

.dataSheet tbody td {
    padding: 0.6em 0;
    border-bottom: 1px solid #ddd;
	color:#595959;
}

.dataSheet img {
    vertical-align: middle;
}
tfoot {
	display: table-row-group;
}
/*
 * sub data sheet
 */
.subDataSheet {
    width: 100%;
    border-collapse: collapse;
    background: #ededed;
    font-size: 120%;
}

.subDataSheet th {
    color: #666666;
    border-bottom: 1px solid #cccccc;
    vertical-align: bottom;
    font-weight: bold;
    background: none;
}

.subDataSheet tbody td {
    border-bottom: 1px solid #e7e7e3;
    color: #666666;
}
.overlay {
    width: 100%;
}

.menuArea li ul li {
    line-height: 1.8em;
}

.textLeft {
    text-align: left
}

.textCenter{
	text-align:center;
}

.textRight {
    text-align: right;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.listSquare{
	width:0;
	height:0;
	display:inline-block;
	float:left;
	vertical-align:middle;
	margin:6px 3px 0 0;
	border: 3px solid #666;
	font-size:0;
	line-height:0;
}
.listWithSquare li{
	position:relative;
	padding-left: 1em;
	word-wrap:break-word;
}
.listSquareEnhance{
	width:0;
	height:0;
	vertical-align:middle;
	border: 3px solid #666;
	position: absolute;
	top: 6px;
	left:0;
	font-size:0;
	line-height:0;
}
.yui-overlay{
	position:absolute;
}

.overlayHead {
    height: 28px;
    background: #e8e8e8;
    text-align: right;
}
.overlayHead img{
	cursor:pointer;
}
.overlayContent{
	background:#ffffff;
}
.clear{
	clear:both;
}
.clearFix {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearLeft{
	clear:left;
}
.verticalMiddle{
	vertical-align:middle;
}
.verticalTop{
	vertical-align: top;
}
.hide{
	display:none;
}
.show{
	display:block;
}
.dataSheet tbody .negativeNumber {
    color: #ff0000;
}

.negativeNumber, .warningMessage {
	color: #ff0000;
}

/* paging start */
.paging {
	font-size: 120%;
	color: #333333;
	text-align:center;
	padding:0.5em 0;
}

.paging span {
	padding: 0 0.2em;
}

.paging a:link {
    text-decoration: none;
	border: 1px solid #cccccc;
	padding: 0.1em 0.4em;
	text-decoration: none;
	color: #333333;
}

.paging a:visited {
    text-decoration: none;
	border: 1px solid #cccccc;
	padding: 0.1em 0.4em;
    text-decoration: none;
	color: #333333;
}

.paging a:hover {
    text-decoration: none;
	border: 1px solid #979797;
	padding: 0.1em 0.4em;
    text-decoration: underline;
	color: #333333;
}

.paging a:active {
   text-decoration: none;
	border: 1px solid #979797;
	padding: 0.1em 0.4em;
    text-decoration: underline;
	color: #333333;
}

.paging a.enable:link {
    text-decoration: none;
	border: 1px solid #cccccc;
	padding: 0.1em 0.4em;
	text-decoration: none;
	color: #333333;
}

.paging a.enable:visited {
    text-decoration: none;
	border: 1px solid #cccccc;
	padding: 0.1em 0.4em;
    text-decoration: none;
	color: #333333;
}

.paging a.enable:hover {
    text-decoration: none;
	border: 1px solid #979797;
	padding: 0.1em 0.4em;
    text-decoration: underline;
	color: #333333;
}

.paging a.enable:active {
   text-decoration: none;
	border: 1px solid #979797;
	padding: 0.1em 0.4em;
    text-decoration: underline;
	color: #333333;
}

.paging a.disable{
    text-decoration: none;
	border: 1px solid #cccccc;
	background:#dfdfdf;
	padding: 0.1em 0.4em;
	color: #999999;
	cursor:default;
}
/* paging end */

/* Drop down start */
.dropDownListTitleActive {
	text-decoration: none !important;
    cursor: pointer;
    color: #ffffff !important;
    background: #646464;
    background: -webkit-gradient(linear, left top, left bottom,	from(#9d9d9d), to(#646464));
	background: -moz-linear-gradient(top, #9d9d9d, #646464);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF9d9d9d, endColorstr=#FF646464);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF9d9d9d, endColorstr=#FF646464)";
}

.dropDownListTitleActive em {
    border: 4px solid gray;
    border-top: 4px solid #fff;
	width: 0;
    height: 0;
    display: inline-block;
    margin-top: 6px;
    margin-left: 2px;
}


.dropDownListTitleInactive{
	color:#0066cc;
	text-decoration: none !important;
	filter:none;
}
.dropDownListTitleInactive.btModle a{
	color:#fff;
}

.dropDownListTitleInactive em {
	width: 0;
    height: 0;
    border: 4px solid #fff;
    border-top: 4px solid #921902;
    display: inline-block;
    margin-top: 6px;
    margin-left: 2px;
}

.dropDownListTitleActive a:link {
    color: #ffffff;
}
.dropDownListTitleActive a:visited {
    color: #ffffff;
}

.dropDownListTitleActive a:hover {
    color: #ffffff;
}

.dropDownListTitleActive a:active {
    color: #ffffff;
}

.dropDownListTitleActive .downArrow {
    border-color: #ffffff #808080 #808080 #808080;
    display: inline-block;
}
.selectedItem{
	background-color: #B5D7FF;
}



.dropDownListBtnModleAction {
    line-height: 2.0em;
    -webkit-border-radius: 4px;
	border-radius: 4px;
}

.dropDownListTrigerButtonModle li{
	float:left;
	padding: 0 0.5em;
}

.dropDownListTrigerListModle{
    background: #fff;
    border: 1px solid #ccc;
    text-align: left;
}

.dropDownListTrigerListModle li a {
    padding: 4px 10px 4px 10px;
}

@media print{
	.dropdownListContainer{
		display:none;
	}
	
	.dropdownListTitleActive{
		color: red !important;
		background: none !important; 
		filter:none; 
	}
	
	.dropdownListTitleActive em, .dropdownListTitleActive .downArrow{ 
		border-color: #921902 #fff #fff #fff; 
	}

}

/* Drop down end */

/* Slide Panel */
.slidePanelHeader {
    cursor: pointer;
    margin: 0 0 1em 0;
	display:inline-block;
}

.slidePanel {
    height: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.slidePanelBody {
    padding: 1em 0 1em 1.8em;
    text-align: left;
    display: block;
}

.slidePanel img, .slidePanelBody img, .slidePanelHeader img {
    vertical-align: middle;
}

/*Calendar*/

#calendarBody_nav_month{
	width:90%;	
}

.filterBackground {
    border: 1px solid #ccc;
	clear: both;
    padding: 5px;
	background-color: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom,	from(#ffffff), to(#e2e2e2));
	background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e2e2e2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e2e2e2)";
}

sup {
    vertical-align: super;
}

pre{
	font: 13px / 1.231 arial, helvetica, clean, sans-serif;
    font-size: 65%;
    text-align: left;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.breakWord {
	word-wrap: break-word;
}
.yui-skin-sam .yuimenuitemlabel {
	font-size: 120%;
	display:block !important;
}
#_yuiResizeMonitor {
	display: none;
}
.topSponsorSelectMaxLength{
	max-width: 510px;
	overflow-x: hidden;
	white-space: nowrap;
	display: inline-block;
}
.topPlanSelectMaxLength{
	max-width: 779px;
	overflow-x: hidden;
	white-space: nowrap;
	display: inline-block;
	line-height: 18px;
}
#calendarDialogT .tracwebCalendarDialog{
	width:170px;
	overflow: hidden;
	font-size: 100%;
	padding: 0;
}
#calendarDialogT .tracwebCalendarBody{
	padding: 14px;
	border: none;
}
@media print {
	* {
		filter: none;
	}
	.hasOverlay	#main-wrapper {
		display: none !important;
	}
	.mask {
		display: none !important;
	}
	.underlay {
		display: none !important;
	}
	.yui-overlay .process {
		display: none;
	}
	.hasOverlay .yui-panel-container.shadow{
		top:0px !important; 
		left:0px !important;	
	}
	.hasOverlay .yui-module.yui-overlay.yui-panel{
		border: 1px solid #808080 !important;
	}
	.noPrint {
		display: none !important;
	}
	.hasOverlay .processContent,
	.hasOverlay #makeYourEditsBody,
	.hasOverlay #middlenArea,
	.hasOverlay .dataSheet{
		float: none \9 !important; 
		clear: both \9 !important;
	}
}

/* orange button */
.button4 {
	background-color: #660066;
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	line-height:26px;
	height:28px;
	padding: 0 10px;
    font-weight:bold;
    display: inline-block;
	text-align:center;
	border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: solid 1px #a62f00;
	background: #a62f00; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9b73 0%, #a62f00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b73), color-stop(100%,#a62f00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9b73 0%,#a62f00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9b73 0%,#a62f00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9b73 0%,#a62f00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff9b730%,#a62f00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b73', endColorstr='#a62f00',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.6);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.6);
	cursor:pointer;
	font-size:130%;
	text-shadow: -1px 1px 1px rgba(50, 50, 50, 0.7);
}
.subTitle {
    padding: 0.5em 0 1em 0.5em;;
}

.off-screen {
    position: absolute;
    left: -999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.required {
    vertical-align: top !important;
}
/* overlay closing css */
.yui-skin-sam .yui-dialog .ft .button-group{
	overflow: hidden;
}
.yui-skin-sam .yui-dialog .yui-button{
	float: right;
}
.yui-skin-sam .yui-dialog .ft span.default{
	float: left;
}

.FusionCharts {
	visibility: inherit !important;
}

.mpnBrowsePageHeaderMsg {
    color: #FFFFFF;
    float: right;
    font-size: 120%;
    font-weight: bold;
    line-height: 2.2em;
    padding-right: 1em;
}

.mpnBrowseOverlayHeaderRightMsg {
    color: #000000;
    float: right;
    font-size: 120%;
    font-weight: bold;
    line-height: 2.2em;
    padding-right: 1em;
}

.mpnBrowseOverlayHeaderLeftMsg {
    color: #000000;
    float: left;
    font-size: 120%;
    font-weight: bold;
    line-height: 2.2em;
}
.retirementGoalButtonGroup{
    overflow:hidden;
    padding-top:12px;
}

#preRetirementRateOfReturnInputArea{
    float: left;
}

#postRetirementRateOfReturnInputArea{
    float: left;
    margin:0px 0px 0px 80px;
}
.investmentStyleContent{
    padding:0px 0px 50px 7px;
}
.messageBanner{
    background-color: #F8F8F0;
    border: 1px solid #BA9A30;
    display: inline-block;
    margin-bottom: 5px;
    padding: 7px 9px;
}

#mapColumnContent .dataSheet {
    width: 100%;
    float: left;
    border-collapse: collapse;
    table-layout:fixed;
}

#mapColumnContent .dataSheet td
{
    word-wrap:break-word;
}

.displayInline{
    display:inline;
}

.displayNone{
    display:none;
}

.displayBlock{
    display:block;
}

.displayTable{
    display:table;
}

#main-wrapper-ft {
    background: none repeat scroll 0 0 #ffffff;
    padding: 0px;
	margin: 0px;
}
#046886
body #forgetYourUserIdLink, body #forgetYourPasswordLink, body #contactUsClick
{
    color: #278dc1;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

body .myPortfolioTopNav, body .contributionNav, body .researchTopNav {
    background: -webkit-gradient(linear, left top, left bottom,	from(#ffffff), to(#dbdbdb));
	background: -moz-linear-gradient(center top , #ffffff, #dbdbdb) repeat scroll 0 0 #dbdbdb;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dbdbdb);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dbdbdb)";
    border-radius: 10px 10px 0 0;
	color: #f47138;
    height: 3em;
    line-height: 3em;
    list-style: outside none none;
    padding-left: 0.4em;
	text-transform: uppercase;
}

body #main-wrapper #main-wrapper-ft
{
	height:144px;
}
#main-wrapper-hd #cmsSiteHeader{
width:100%; background:#ffffff;
}

body #main-wrapper-hd{
background: none repeat scroll 0 0 #ffffff;
}

body a.maLink:link{color: #278dc1;}

body div.yui-navset ul.yui-nav li a{padding:0px; border-width:0px!important; background:#ffffff!important;}
body div.yui-navset ul.yui-nav li a em{border-width:0px!important; color:#0F4876!important;}

body div.yui-navset ul.yui-nav li.selected a
{	
	border-color: #cccccc!important;
    border-radius: 5px 5px 0 0!important;
    border-style: solid!important;
    border-width: 1px 1px 0!important;
    color: #0064c8!important;
	background: -webkit-gradient(linear, left top, left bottom,	from(#ffffff), to(#e7e7e7))!important;
	background: -moz-linear-gradient(top, #ffffff, #e7e7e7)!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e7e7e7)!important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e7e7e7)"!important;
}


body div.yui-navset ul.yui-nav li.selected a em{color:#278dc1 !important;}

body .myPortfolioTopNavContainer .myPortfolioTopNav .title15, body .myPortfolioTopNav .title15, body .contributionNav  .title15, body #researchTopNavContainer li a
{ 
	color: #278dc1;
}

body .dropDownListTitleActive, body .dropdownListContainer li.selectedItem, body .dropdownListContainer li{
	background:#2f719a;
}
body .dropdownListContainer li.selectedItem a, body .dropdownListContainer li a{
	color:#ffffff!important;
}

body .process li.current {color: #278dc1; }

.dropDownListTrigerButtonModle ul li, .dropDownListTrigerButtonModle ul li {background:#ffffff;}
.dropDownListTrigerListModle ul li{background:#2f719a;}

/*RSIM-1990*/

/*participant*/

/*login page*/
.contentLeft .pageTitle2,
.titlePart .pageTitle1,
.loginContentLeft .pageTitle2 
{
	color: #0f4876;
}

/*summary page*/
#topPlanSelect .topPlanSelectSub,
#messageBox #alerts h3,
#actionTextSection .title14,
#myAssertAllocationTitlePart .myAssertAllocationTitle
{
	color: #0f4876;
}

.pieChartList .pieChartListSubTitle,
.detailItem .title10 
{
	color:#278dc1;
}

/*My Portfolio*/
.holdingTopSection #myPortfolio
{
	color: #0f4876;
}


.pieChartList .pieChartListTitle,
.electionspieChartList #electionspieChartListTitle
{
	color:#278dc1;
}

/*withdrawals*/
.withdrawalInformationActions .pageTitle3{
color: #0f4876;
}


/*Model a withdrawal overlay*/
.processHeader .pageTitle6{
	color: #0f4876;
}

#withdrawalTypeArea .title6,
.withdrawalTypeArea .title6{
	color:#278dc1;
}

.rollover .title6 strong{
	color:#278dc1;
} 

.account-details p strong{
	color:#000000 !important;
}

.cash .title8{
	color:#278dc1;
}
.prompt .title8{
	color:#000000 !important;
}

#rolloverDetail .title6{
	color:#278dc1;
}

.withdrawalOverviewBody .title6{
	color:#278dc1;
}

/*Request Withdrawal*/
#withdrawalDisclaimerBody .title6{
	color:#278dc1;
}

/*change investment*/
.td2 .title4,
#exchangeFrom h3{
	color: #278dc1;
}

/*contributions*/
.contributionTopSection #contributions{
	color: #0f4876;
}


/*loans and withdrawals*/
.loanInformationActions .pageTitle3,
.withdrawalInformationActions .pageTitle3
{
	color: #0f4876;
}

.pageTitle2,
.pageTitle3,
.pageTitle5,
.pageTitle6{
	color: #278dc1;
}

/*model a loan*/

.loanModelTitleArea #modelALoan{
	color: #0f4876;
}


/*Request a loan*/
.loanRequestTitleArea #requestALoan{
  color: #0f4876;
}

.selectPaymentMethod h3{
	color: #278dc1 !important;
}

/*View Available amounts*/
.viewAvailableAmountsOverlayContainerBody .pageTitle6 {
	color: #0f4876;
}

/*Stmts and Transactions*/

#transactionHistory .accountActivityTitle{
	color: #0f4876;
}

#transactionHistoryDetailContent .title14{
	color: #278dc1;
}


/*plan information*/
#planInformation .pageTitle3{
	color: #0f4876;
}


#planInformation h3{
	color: #278dc1;
}

/*research investment*/
.researchTopSection .pageTitle2{
	color: #0f4876;
}

#viewTypeSection .title6,
#investmentDataOtherFilter .title6,
#filterSection .title6
{
	color: #278dc1;
}

/*My Profile*/
#topPlanTitle h1 .title1{
	color: #0f4876;
}

#changeAddressContactInfoHeader{
	color: #0f4876;
}

.activeAccountSecurityProfile #heading{
	color: #0f4876;
}


#changeQuestionAndAnswer .changeQuestionAndAnswerTitle{
	color: #0f4876;
}

/*Beneficiary*/
.beneficiaryText .pageTitle2 {
	color: #0f4876;
}

.beneficiaryText .title10{
	color: #278dc1;
}

#beneficiaryChangeOverlay #myprofileaddbeneficiary{
	color: #0f4876;
}


/*communication*/

.communicationBody .title6{
	color: #278dc1;
}

#communicationsChangeOverlay #communicationsChangeOverlayHeading{
	color: #0f4876;
}

.paperlessText .pageTitle7{
	color: #278dc1;
}

#alertsHeading{
	color: #278dc1;
}

#clientDisclaimHeading{
	color: #278dc1;
}

#advisorTransactionsHeading{
	color: #0f4876;
}

#contactUsContent .pageTitle6{
	color: #0f4876;
}

/*end participant*/

/*Sponsor*/

/*terms and conditions*/

.pageTitle1,
.sponsorSelectionPageTitle{
	color: #0f4876;
}

/*landing page*/
.sponsorNameVal{
	color: #0F4876 ;
}

.planListTitle{
	color: #0F4876 !important;
}

.assetsChartSectionPieChartListTitle{
	color: #278dc1;
}


/*calendar*/
.summaryCalendarHeader .pageTitle2,
#planParticipantsHead .pageTitle2,
#addParticipantContent .pageTitle6,
.withdrawalRequestsHeader .pageTitle2  {
	color: #0F4876 ;
}

/*financials*/
#financials .title14{
	color: #0F4876 ;
}


.sponPlanInformationInvestmentOptionsTitle .pageTitle2{
	color: #0F4876 ;
}

/*plan features*/
.planInformationSubModuleTitle .pageTitle2{
	color: #0F4876 ;
}

#planFeaturesArea h4 .title6{
	color: #278dc1;
}

.complianceTestingArea .pageTitle2,
.loanFilterControlSection .pageTitle2,
.loanRequestTitleArea .pageTitle6,
.modelLoanHeader .pageTitle6,
#messageCenterNav .pageTitle2,
#requestDemandReportOverlay .pageTitle6,
#dailyConfirmsPart .pageTitle2,
.reportsTopLink .pageTitle2,
#companyPayrollContent .pageTitle2,
#importWrapper .pageTitle6,
#importReviewPayrollDetails .pageHeaderTitle,
.employeeDetailsOverlayHeader .title4{
	color: #0F4876 ;
}  


.reportingTitle{
	color: #0F4876 ;
}

#requestDemandReportContent .requestDemandReportSubTitle{
	color: #278dc1;
}

/*trust report*/
#requestTrustReportInformationContent .pageTitle4{
	color: #0F4876 ;
}

.reqCustomPlanReportTitle{
	color: #0F4876 ;
}

.chooseParticipantDateConditionalValueContent .pageTitle6,
.planPayroll .pageTitle2,
#viewPayrollBody .pageTitle6,
#updateQuestionAndAnswerContent .pageTitle6{
	color: #0F4876 ;
}
/*End RSIM-1990*/


/*RSIM-1990*/
.topPlanSelectSub .totalDollarValue{
    color: #0f4876;
}

#myRetirementGoalsWithInflationActionTextSection .actionTextHeader {
    color: #0f4876;
}


.rightAnimation .link10:link {
    color: #0F4876 
}

.dropDownListTitleInactive .title6{
    color: #278dc1;

}

#myAssertAllocationTitlePart .floatRight .text2 {
    color: #278dc1
}

.dropDownListTitleActive .title6{
    color: #ffffff;
}


.processTag .process a.current li {
    color: #278dc1;
} 

.processTag .process a.activity li {
    color: #0F4876;	
}
#aboutMeContent #letsStart,
#retirementGoalAgeAndIncomeArea #savings{
    color: #278dc1;
}


.retirementSavingContent #addUpdateOutsideAccounts{
   color: #0F4876;
}

#titleContainer #trackParticipant{
    color: #278dc1;
}

#topNavigation .nav li a{
    color: #278dc1;	
}
.profileAddressInformation h3{
    color: #278dc1;	
}

#advisorTransDetailType .square{
    background-color: #278dc1 !important;
}

#changeInvestmentShow,
#changContributionTitle,
#requestThisStatement,
#changeInvestmentShow,
#changContributionTitle,
#requestThisStatement {
    background: -webkit-gradient(linear, left top, left bottom,	from(#91c0eb), to(#278dc1)) !important;
	background: -moz-linear-gradient(top, #91c0eb, #278dc1) !important;;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#91c0eb, endColorstr=#278dc1) !important;;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#91c0eb, endColorstr=#278dc1)" !important;;
}

.processTag  .process li.activity {
    color: #0F4876;	
}
#vwiseShow{
    color: #278dc1;
}

ul.logoutArea li a {
    color: #278dc1 !important;
}

.viewModelContainer th{
    color: #0F4876;		
}
.portfoliosTitle .title14{
    color: #278dc1;	
}

.slidingPanelSection .link10:link{
 color: #0F4876;
}
#searchParticipantContentBody .title10{
    color: #278dc1;
}

#addAndRemoveColumns .pageTitle6{
    color: #0F4876;
}
#addRemoveColumns .title10{
    color: #278dc1;	
}
#companyName {
	display: none;
}
/*End RSIM-1990*/
/* RSIM-2389 */
div#footer_b {
    background-color: #006699;
    bottom: 0;
    clear: both;
    color: #FFFFFF;
    display: block;
    margin-left: -2px;
    padding-bottom: 12px;
    padding-right: 1px;
    padding-top: 12px;
    position: fixed;
    text-align: right;
    width: 1014px;
}
div.copy {
    float: left;
    padding-left: 10px;
    padding-top: 2px;
}
div.sep {
    float: right;
    width: 600px;
}

div#footer_b #nav {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: auto;
}

div#footer_b #nav li {
    float: left;
    line-height: 1.3em;
    list-style: outside none none;
    position: relative;
}
div#footer_b #nav li a {
    border-right: 1px solid;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    padding: 0 10px 0 11px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}
div#footer_b #nav #nav104 a {
    border-right: none;
}

/* END OF RSIM-2389 */
/* RSIM-2393 */
ul.logoutArea li a, .logoutArea .split {
	color: #FFF !important;
}
/* END RSIM-2393 */

/* RSIM-2403 */
body #main-wrapper #main-wrapper-ft {
    height: auto !important;
}
/* END OF RSIM-2403 */
/*RSIM-2923*/
#investmentOptions #investmentDataOtherFilter .disabledButton{
    box-shadow:none;
    color:#595959;
}
 
#planInformation #investmentDataOtherFilter .disabledButton{
    box-shadow:none;
    color:#595959;
}
/*End RSIM-2923*/

/* RSIM-2924 */
#LastContributionDate .lastContributionTitle {
   text-align: left !important;
}

#LastContributionAmount .lastContributionTitle {
	text-align: right !important;
}

#LastContributionAmount {
    text-align: right !important;
}
/* END OF RSIM-2924 */


/* RSIM-3837 */

#fundYourPayroll #fundPayroll #expenseAccountDataSheet {
    display:none;
}

/* END OF RSIM-3837 */
/*RSIM-4068 */
#employeeDetailsMainWrapperbd #topNavigation {
    margin: 4.15em 0 1.15em 1em !important;
}
/* End RSIM-4068 */

/*RSIM-4116*/
#eligibilityResultsArea .planFeaturesContainerList li:last-child{
	display:none;
}
/*End RSIM-4116*/


.payrollTopNav .payrollsplit,
#systematicPayrollTopNav,
.yui-skin-sam li #payrollSystematicLink{
	display: none!important;
}
#payrollTopNavContainer .payrollTopNav li:nth-of-type(2){
	display:inline!important;
}