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

a, div a.maLink:link {
    color: #006298;
	font-weight:normal;
}

div a.maLink:hover {
	color:#3487E3;
	text-decoration: underline;
}

a.linkWithoutUnderline:link {
    color: #4663C0;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}

a.linkWithoutUnderline:visited {
    color: #4663C0;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}

a.linkWithoutUnderline:hover {
    color: #4663C0;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}

a.linkWithoutUnderline:active {
    color: #4663C0;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}

a.link1:link {
    color: #4663C0;
    font-size: 200%;
    text-decoration: none;
}

a.link1:visited {
    color: #4663C0;
    font-size: 200%;
    text-decoration: none;
}

a.link1:hover {
    color: #4663C0;
    font-size: 200%;
    text-decoration: underline;
}

a.link1:active {
    color: #4663C0;
    font-size: 200%;
    text-decoration: none;
}

a.link2:link {
    color: #4663C0;
    font-size: 200%;
    font-weight: bold;
    text-decoration: none;
}

a.link2:visited {
    color: #4663C0;
    font-size: 200%;
    font-weight: bold;
    text-decoration: none;
}

a.link2:hover {
    color: #4663C0;
    font-size: 200%;
    font-weight: bold;
    text-decoration: underline;
}

a.link2:active {
    color: #4663C0;
    font-size: 200%;
    font-weight: bold;
    text-decoration: none;
}

a.link3:link {
    color: #4663C0;
    font-size: 160%;
    text-decoration: none;
}

a.link3:visited {
    color: #4663C0;
    font-size: 160%;
    text-decoration: none;
}

a.link3:hover {
    color: #4663C0;
    font-size: 160%;
    text-decoration: underline;
}

a.link3:active {
    color: #4663C0;
    font-size: 160%;
    text-decoration: none;
}

a.link4:link {
    color: #4663C0;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
}

a.link4:visited {
    color: #4663C0;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
}

a.link4:hover {
    color: #4663C0;
    font-size: 160%;
    font-weight: bold;
    text-decoration: underline;
}

a.link4:active {
    color: #4663C0;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
}

a.link5:link {
    color: #006298;
    font-size: 120%;
    text-decoration: none;
}

a.link5:visited {
    color: #4663C0;
    font-size: 120%;
    text-decoration: none;
}

a.link5:hover {
    color: #4663C0;
    font-size: 120%;
    text-decoration: underline;
}

a.link5:active {
    color: #4663C0;
    font-size: 120%;
    text-decoration: none;
}

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

a.link6:visited {
    color: #4663C0;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}

a.link6:hover {
    color: #4663C0;
    font-size: 120%;
    font-weight: bold;
    text-decoration: underline;
}

a.link6:active {
    color: #4663C0;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
}

a.link7:link {
    color: #4663C0;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
}

a.link7:visited {
    color: #4663C0;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
}

a.link7:hover {
    color: #4663C0;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: underline;
}

a.link7:active {
    color: #4663C0;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
}

a.link8:link {
    color: #006298;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

a.link8:visited {
    color: #4663C0;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

a.link8:hover {
    color: #4663C0;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

a.link8:active {
    color: #4663C0;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

a.link9:link {
    color: #4663C0;
    font-size: 110%;
    text-decoration: none;
}

a.link9:visited {
    color: #4663C0;
    font-size: 110%;
    text-decoration: none;
}

a.link9:hover {
    color: #4663C0;
    font-size: 110%;
    text-decoration: underline;
}

a.link9:active {
    color: #4663C0;
    font-size: 110%;
    text-decoration: none;
}

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

a.link10:visited {
    color: #4663C0;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
}

a.link10:hover {
    color: #4663C0;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
}

a.link10:active {
    color: #ffffff;
    font-size: 140%;
    text-decoration: underline;
    font-weight: bold;
}

a.tableOrder:link {
    color: #4663C0;
    font-size: 100%;
    font-weight: bold;
    text-decoration: underline;
}

a.tableOrder:visited {
    color: #4663C0;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

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

a.tableOrder:active {
    color: #4663C0;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.title15 {
    color: #ffffff;
    font-size: 110%;
    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: #0066cc;
    font-size: 100%;
}

.text6 {
    color: #0066cc;
    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: #333;
    font-size: 200%;
    font-weight: bold;
}

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

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

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

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

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

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


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

.pageTitle9 {
    color: #333;
    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;
	border-radius:4px
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    color: #cccccc;
    font-size: 130%;
    font-weight: normal;
    display: block;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    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;
}
/* Sso Return (models button1 by default) */
.ssoReturnClass{
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:0 8px;
    font-size: 130%;	
    font-weight:normal;
    display: block;
	text-align:center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom,	from(#826583), to(#320033));
	background: -moz-linear-gradient(top, #826583, #320033);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#826583, endColorstr=#320033);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#826583, endColorstr=#320033)";
	cursor:pointer;
	
}
/* 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:normal;
    display: block;
	text-align:center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom,	from(#65AFD3), to(#1870AF));
	background: -moz-linear-gradient(top, #65AFD3, #1870AF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#65AFD3, endColorstr=#1870AF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#65AFD3, endColorstr=#1870AF)";
	cursor:pointer;
	
}
/* purple button now blue */
.button1{
	background-color: #003D6D;
	overflow:visible;
	width:auto;
	border:0;
	border-radius:4px;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:0 8px;
    font-size: 130%;	
    font-weight:normal;
    display: block;
	text-align:center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #003D6D;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#65AFD3, endColorstr=#1870AF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#65AFD3, endColorstr=#1870AF)";
	cursor:pointer;	
}
	
}
/* gray button */
.button2{
	background-color: #646464;
	overflow:visible;
	width:auto;
	border:0;
    color: #FFFFFF;
	height:26px;
	line-height:26px;
	padding:0 8px;
	font-size:130%;
	font-weight:normal;
	display:block; 
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background: -webkit-gradient(linear, left top, left bottom,	from(#a3a3a3), to(#676767));
	background: -moz-linear-gradient(top, #a3a3a3, #676767);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3a3a3, endColorstr=#676767);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3a3a3, endColorstr=#676767)";
	cursor:pointer;
	
}
/* 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: #1870AF;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background: -webkit-gradient(linear, left top, left bottom,	from(#65AFD3), to(#1870AF));
	background: -moz-linear-gradient(top, #65AFD3, #1870AF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#65AFD3, endColorstr=#1870AF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#65AFD3, endColorstr=#1870AF)";
	cursor:pointer;
}



/* 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);
}

.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: ##9799b;
    color: #FFF;
    border-bottom: 2px solid #ddd;
    padding: 0.6em 0;
	vertical-align:bottom;
}

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

.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
	color: #333;
}

.textCenter{
	text-align:center;
}

.textRight {
    text-align: right;
	color: #333;
}

.floatLeft {
    float: left;
	color: #333;
}

.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: #003D6D;
    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: #3399FF;
}

.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 #D5D6D7;
	clear: both;
    padding: 5px;
	background-color: #F4F5F5;
    background: #F4F5F5;
}

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;
}

/*Updates to sub-tab*/
div .myPortfolioTopNav,div .contributionNav,div .researchTopNav {background: #003D6D !important;background: #003D6D !important;background-image: #003D6D !important;}
#complianceTopNavContainer .complianceTopNav{background: -webkit-gradient(linear, left top, left bottom, from(#B73F6D), to(#882345)) !important;background: -moz-linear-gradient(top, #B73F6D, #882345) !important;background-image: -ms-linear-gradient(top, #B73F6D, #882345) !important;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#B73F6D', endColorstr='#882345');}
#complianceTopNavContainer .complianceTopNav .title15{color: #ffffff;}

.advancedAnalysisQuery #advancedAnalysisNavContainer .advancedAnalysisTopNav{background: #003D6D;
}

.advancedAnalysisQuery #advancedAnalysisNavContainer .advancedAnalysisTopNav .title15{color: #ffffff;}

#financialsTopNavContainer .financialsTopNav{
	background: #003D6D;
}

#financialsTopNavContainer .financialsTopNav .title15{color: #ffffff;}
#loansTopNavContainer .loansTopNav{background: -webkit-gradient(linear, left top, left bottom, from(#B73F6D), to(#882345)) !important;background: -moz-linear-gradient(top, #B73F6D, #882345) !important;background-image: -ms-linear-gradient(top, #B73F6D, #882345) !important;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#B73F6D', endColorstr='#882345');}
#loansTopNavContainer .loansTopNav .title15{color: #ffffff;}

#feesTopNavContainer .feesTopNav {
	background: #003d6d
}

#feesTopNavContainer .feesTopNav  .title15{color: #ffffff;}

#planInformationTopNavContainer .planInformationTopNav{
	background: #003D6D;
	color: #FFF;
}
#loansTopNavContainer .loansTopNav .title15{color: #ffffff;}
/*End Sub-tab*/

/*Plan Sponsor Plan Info table header color*/
#planInformationContentSection #scrollInvestment #investmentDataSheet thead th{background: 97999B; color:#ffffff;}
/*Participant Research Inv table header color*/
#investmentOptions #main-wrapper #main-wrapper-bd #bdContent #contentSection #scrollInvestment #investmentDataSheet thead th{background: none repeat scroll 0 0 #97999b; color:#FFF;}
/*Part Resarch Inv table - Only show investments I own text color*/
.firstLevelHeader .seperateItems #investmentDataOtherFilter .showOwnInvestmentsContainer{color:#000000;}
/*Participant Contributions table header color*/
#contribution #main-wrapper #main-wrapper-bd #bdContent #contentSection #leftContentSection .contributionDataSheetTableArea .contributionsDataSheet thead th{background: none repeat scroll 0 0 #21578A; color:#ffffff;}

#contentSection #leftContentSection .holdingTopSection #changeInvestmentShow,#contentSection #leftContentSection .contributionTopSection #changContributionTitle, #contentSection  .researchTopSection #changeInvestmentShow, #contentSection #leftContentSection #accountActivityLeft #transactionHistory #requestThisStatement{background: -webkit-gradient(linear, left top, left bottom, from(#65AFD3), to(#1870AF)) !important;background: -moz-linear-gradient(top, #65AFD3, #1870AF) !important;background-image: -ms-linear-gradient(top, #65AFD3, #1870AF) !important;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#65AFD3', endColorstr='#1870AF');}
#contentSection #leftContentSection .holdingTopSection #changeInvestmentShow:hover,#contentSection #leftContentSection .contributionTopSection #changContributionTitle:hover, #contentSection  .researchTopSection #changeInvestmentShow:hover, #contentSection #leftContentSection #accountActivityLeft #transactionHistory #requestThisStatement:hover{background: -webkit-gradient(linear, left top, left bottom, from(#65AFD3), to(#1870AF)) !important;background: -moz-linear-gradient(top, #65AFD3, #1870AF) !important;background-image: -ms-linear-gradient(top, #65AFD3, #1870AF) !important;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#65AFD3', endColorstr='#1870AF');}


.button3:hover{text-decoration: underline;}

#LoginTrans_enterCustUIDView #main-wrapper #main-wrapper-bd .maContainer1 #tracMaForm .contentLeft{background-color:#E5F5FC; border: 1px solid #99D9F2}


#site-footer{font-size:12px; color:#333; font-weight:normal; background-color:#ffffff; padding:4px 4px 5px 13px;}
#site-footer span, #site-footer .footer-disclaimer p{font-size:100%; background-color:#ffffff;}
.footer_paragraph{font-size:12px; background-color:#ffffff;}

/*Drop down color*/
.selectedItem a.link4:link{color: #ffffff;}
.selectedItem a.link6:link{color: #ffffff;}
.selectedItem a.link8:link{color: #ffffff;}
#topPlanTitle #topPlanSelect #yui-gen1 .selectedItem .summaryOfAllAccountsLink{color: #ffffff;!important}

/*Colors for numbered steps*/
.process li.current span {color: #4698CB;}

/*Sponsor Login page*/
#loginIndex #main-wrapper #main-wrapper-bd #loginIndexContainer .loginContentLeft {
    background-color: #E5F5FC;
    border: 0.1em solid #99d9f2;
    position: relative;
    top: 30px;
    width: 24%;
}

#loginIndex #main-wrapper #main-wrapper-bd #loginIndexContainer .loginContentLeft .pageTitle2 .loginSecurityLogo{
	padding-left:5px;
}

#loginIndexContainer .loginContentLeft #changPassword {
	color: #006298; 
	font-weight: normal;
}
	
#loginIndexContainer .loginContentLeft #passwordReset {
	color: #006298; 
	font-weight: normal;
}
	
.loginContentRight .titlePart #contactUsSpan #contactUsClick{
	color: #006298; 
	font-weight: normal;
}

/*Sponsor Landing Page*/
#main-wrapper #main-wrapper-bd #bdContent #contentSection .planListTitle{color:#A30234;}
/*Sponsor Site Header*/
#main-wrapper #globalNavigation{
	background: #FFF;
	border-bottom: 10px solid #003D6D;
	border-top: 1px solid #D5D6D7;
}

.topSponsorSelectDropDown{padding: 0.4em 0 0.4em 7px;!important}

#compliance #main-wrapper #main-wrapper-bd #bdContent #contentSection #leftContentSection #bdFeeDisclosure #complianceTopNavContainer #complianceTopNavSymbol {
    border-bottom: 0.9em solid #FFFFFF;
    border-left: 1.3em solid rgba(0, 0, 0, 0);
    border-right: 1.3em solid rgba(0, 0, 0, 0);
    display: block;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: absolute;
    width: 0;
}

#participantSearchForm .sponsorTopSearch .participantSearchGoButtonDisabled{
	background: none repeat scroll 0 0 #777777
    border: medium none;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-size: 120%;
    font-weight: bold;
    height: 21px;
    margin-left: 0.3em;
    padding: 0.2em 0.6em;
    text-align: center;
    vertical-align: top;
}

#participantSearchForm .sponsorTopSearch .participantSearchGoButton{
	background: -moz-linear-gradient(center top , #65AFD3, #1870AF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-size: 120%;
    font-weight: bold;
    height: 21px;
    margin-left: 0.3em;
    padding: 0.2em 0.6em;
    text-align: center;
    vertical-align: top;
}



#contentSection #payrollFilter #payrollSearchForm #payrollFilterContent .filterPayrollButtonArea {
    clear: both;
    font-size: 100%;
    padding-bottom: 1em;
    position: relative;
    right: 407px;
    text-align: left;
    width: auto;
}

.loginContentRight .clientContent .contentLeft .pageTitle1{
    color: #333;
    font-size: 200%;
    font-weight: bold;
}

.loginContentRight .clientContent .contentLeft {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    float: left;
    padding: 1em;
    width: 70%;
}

#loginIndex #main-wrapper #main-wrapper-bd #loginIndexContainer .loginContentRight .titlePart {
    position: relative;
    right: -12px;
}

# .loginContentLeft .pageTitle2{
    color: #A30234;
    font-size: 130%;
    font-weight: bold;
}

#loginIndexContainer .loginContentLeft .loginButtonArea .loginContinueButton{border-radius:4px;}

#planInformation #planFeaturesTabNav {display:none;}


/*TWI-8094 Start*/
#participants #submitPlanParticipants {
    clear: both;
    margin-top: 1.2em;
    text-align: left;
    width: 15%;
}

#accountActivity #retrieveButton {
    clear: both;
    text-align: center;
    width: 17%;
}

/*End TWI-8094*/

/*TWI-8162*/
#LoginTrans_enterCustUIDView .clientContent .contentLeft {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    float: left;
    padding: 1em;
    width: 70%;
}

#LoginTrans_enterCustUIDView .clientContent .contentLeft .pageTitle1 {
    color: #333;
    font-size: 200%;
    font-weight: bold;
}
/*END TWI-8162*/

/*TWI-8094*/
#LoginTrans_enterCustUIDView .contentLeft hr {
    border-bottom: medium none;
    border-top: medium solid #BBBBBB;
    margin: 1em 0;
}


#loginIndex .loginContentLeft hr {
    border-bottom: medium none;
    border-top: medium solid #BBBBBB;
    margin: 1em 0;
}

/*TWI-9253*/
#LoginTrans_enterCustUIDView .contentLeft #forgetYourUserIdLink{display:none;}

/*TWI-9708*/
#participants .updateParticipantStepContainer #cmsOverlayFooter {left: 410px; position: relative; top: -20px;}

/*TWI-11000*/
#payrollEmailNotification p.text7 {color: #000000; width:100%; word-wrap:break-word; word-break :normal;white-space:normal;}
/*END TWI-11000*/

/*RSD-4040*/
.title16{color: #000000; font-size: 170%; font-weight: bold;}
.displayInline{display:inline;}
.displayNone{display:none;}
.displayBlock{display:block;}
.displayTable{display:table;}
/*END RSD-4040*/

/*TWI-8897*/
#mapColumnContent .dataSheet {width:100%; float:left; border-collapse:collapse; table-layout:fixed;}
#mapColumnContent .dataSheet td{word-wrap:break-word;}
/*END TWI-8897*/


#MA_Disclaimer .maContent .disclaimContent {
    border: medium none;
    height: auto;
    width: 51em;
	overflow:hidden;
}

#reportArea .linereport2 .userpricearea {
	background: #f4f5f5 !important;
	border: 1px solid #D5D6D7!important;
}

.holdingTableContainer .holdlingDataSheet .holdingsBreakLine hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #D5D6D7;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    height: 2.2em;
    margin: 0;
}

#investmentDataSheet tbody td {
    background: none repeat scroll 0 0 #eaebeb;
    padding: 0.4em 6px;
    vertical-align: top;
}

#scrollInvestment #investmentDataSheet table tbody td.leftCloums {
    background: none repeat scroll 0 0 #fff;
}

.investmentNameRows .investmentNameTitle {
    color: #333;
    display: inline-block;
    padding-left: 50px;
    position: relative;
}

body .changeInvestmentDataSheet thead th {
    background: none repeat scroll 0 0 #97999b;
    border-bottom: 1px solid #e8e8e8;
    color: #fff;
    padding: 4px;
}

body .processContent {
    border: 2px solid #d5d6d7;
    float: left;
    padding: 0.8em;
    width: auto;
}

body .changeInvestmentDataSheet tbody td {
    border-bottom: 1px solid #d5d6d7;
    padding: 4px;
}

.lastContributionAmount {
    color: #fff;
    display: inline-block;
    width: 60%;
}

#contentSection .payrollDataSheet thead th {
    padding-left: 0.5em;
    padding-right: 0.5em;
    word-wrap: break-word;
	background: #97999B;
}
/* FIX FOR PROD ERROR 3/29/2015 - dt41307 */
#topNavigation ul.nav #withdrawalsNav{display: none;}

/*RSIM-970*/
#payrollList #fundYourPayrollOverlay #verifyAndSubmitNewPayrollForm #fundYourPayroll #fundPayroll #expenseAccountDataSheet{display:none;}
/*END RSIM-970*/

/* RSIM-1486 */
.dataSheet th.text6 span,.dataSheet th.text6
{	
	color: #666666;
} 
body #editPayrollMakeEditsCancelButton, body #editPayrollMakeEditsContinueLaterButton
{
	font-size: 130%;
	height: 26px;
    overflow: visible;
    padding: 0 8px;
}
/* END RSIM-1486 */

/* RSIM-2885*/
.buttonTour{
  display:none !important;
}
#LoginTrans_enterCustUIDView .contentLeft hr:nth-child(10) {
display:none !important;
}
#LoginTrans_enterCustUIDView .contentLeft hr:nth-child(12) {
display:none !important;
}
#LoginTrans_enterCustUIDView .contentLeft li:nth-child(7) {
display:none !important;
}

/* END RSIM-2885 */

/* RSIM-7579 */
.text7.SSNSecurityMessage{
    padding-top: 10px;
    width: 125%;
}
.SSNHide{
	display: none!important;
}
/* End RSIM-7579 */