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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.link6:link {
    color: #3263ad;
    font-size: 120%;
    background-color: transparent;
    text-decoration: none;
}

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

a.link6:hover {
    color: #0066cc;
    font-size: 120%;
    text-decoration: underline;
}

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

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

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

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

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

a.link8:link {
    color: #0066cc;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

a.link10:active {
    color: #0066cc;
    font-size: 140%;
    text-decoration: none;
    font-weight: bold;
}

a.tableOrder:link {
    color: #0066cc;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}

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

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

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

/* 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: #000000;
    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: #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: #663366;
    font-size: 200%;
    font-weight: bold;
}

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

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

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

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

.pageTitle6 {
    color: #663366;
    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: #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:11px;	
    font-weight:bold;
    display: block;
	text-align:center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /* RSIM-4025 */
    background: -webkit-gradient(linear, left top, left bottom, from(#3263AD), to(#3263AD)) !important;
    background: -moz-linear-gradient(top, #3263AD, #3263AD) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3263AD, endColorstr=#3263AD) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3263AD, endColorstr=#3263AD)" !important;
    background-color: #3263AD;
    text-decoration:none;
    margin-top: 3px;
    /* END OF RSIM-4025 */
    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(#826583), to(#320033));
	background: -moz-linear-gradient(top, #826583, #320033);
	background: linear-gradient(#826583, #320033);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#826583, endColorstr=#320033);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#826583, endColorstr=#320033)";
	cursor:pointer;
	
}
/* 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: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;
	
}
/* 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{
    /*background-color: #006dcc !important;*/
    background-image: linear-gradient(to bottom, #0088cc, #0044cc) !important;
	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:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	/*background: -webkit-gradient(linear, left top, left bottom,	from(#a3c0de), to(#6a9aca));*/
	/*background: -moz-linear-gradient(top, #a3c0de, #6a9aca);*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3c0de, endColorstr=#6a9aca);*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3c0de, endColorstr=#6a9aca)";*/
	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: #EEF3F8;
    color: #000;
    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:#000000;
}

.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:#006dcc;
	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;
}

/* RSIM-2975*/
.processContent #exchangeTo #dataTable{
  table-layout:fixed !important;
  }
/*End RSIM-2975*/

/* RSIM-3271 */

/*Purple color and disable buttons for Choose Enrollment Screen*/
.button5{
    padding:18px 40px 16px;
    width: 53px;
    margin: auto;
    font-size: 140%;
    background-color: #660066;
    overflow:visible;
    border:0;
    color: #FFFFFF;
    height:26px;
    line-height:26px;  
    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;
}
.button5DisabledButton{
	overflow: visible;
    border: 0;
    width: 53px;
    line-height: 26px;
    height: 26px;
    margin: auto;
    padding:18px 40px 16px;
    color: #cccccc;
    font-size: 140%;
    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;
}
/*Purple color and disable buttons for Streamline Enrollment Page*/
.button6{
    overflow: visible;
    width: 150px;
    line-height: 37px;
    height: 70px;
    padding: 18px 0px 16px;
    font-size: 140%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    float: left;
    margin: auto;
    font-size: 140%;
    background-color: #660066;
    border:0;
    color: #FFFFFF;
    line-height:26px;  
    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;
}
#loginIndexContainer .loginContentLeft h2{
    display:none;
}
.LoggedInAsSponsor .loginContentRight #contactUsSpan{
   display:none;
}
/*End RSIM-3874*/

.button6DisabledButton {
    overflow: visible;
    border: 0;
    width: 150px;
    line-height: 37px;
    height: 70px;
    padding: 18px 0px 16px;
    color: #cccccc;
    font-size: 140%;
    font-weight: normal;
    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;
}

/* END OF RSIM-3271 */

/* RSIM-3889 */
#partLevelHeader .topRight #contactUs {
    display:none;
}

.LoggedInAsParticipant #partLevelHeader .topLeft li:nth-child(2) {
    display: none;
}
html {
    background: none !important;
}

#bdHeader span {
    color: #000 !important;
    font-size: 11px !important;
}

#bdHeader {
    background: #fff none repeat scroll 0 0 !important;
    color: #000 !important;
    border: 1px solid #ccc !important;
    margin: 2px !important;
    padding: 8px 1.2em 0 !important;
    border-radius: 2px;
}

ul.logoutArea {
    font-size: 11px !important;
}

.LoggedInAsParticipant #partLevelHeader .topLeft li:nth-child(1) {
    font-weight: bold;
}

ul.logoutArea li#logoutLink a {
    color: #000 !important;
}

/* END OF RSIM-3889 */

/*RSIM-3873*/
.LoggedInAsSponsor .loginContentRight #contactUsSpan{
    display:none;
}

.LoggedInAsSponsor #loginIndexContainer .clientContent .contentRight{
   background-color: #fff;
    border: none;
}
/*End RSIM-3873*/

/*RSIM-3874*/
.LoggedInAsSponsor #loginIndexContainer .titlePart .pageTitle1 {
    font-weight:normal;
    color: #000;
}
#loginIndexContainer .loginContentLeft h2{
    display:none;
}
/*End RSIM-3874*/

/*RSIM-7737*/
.shortTermTraderFee .warningMessage,
#exchangeToDataSheetHeader .ShortTermTraderWarning,
#changeInvestmentRebalancingTable .ShortTermTraderWarning,
#futureElectionDataSheet .ShortTermTraderWarning{
	display:none;
}

.logoutArea.topRight .split:first-of-type,
#contactUsSpan{
	display:none;
}
.dataSheet.payrollDataSheet thead th{
	font-size: 88%;
	word-wrap: normal;
}
.dataSheet.payrollDataSheet td{
	font-size: 106%;
}
#editPayrollFundYourPayrollForm #wire,
#editPayrollFundYourPayrollForm label[for="wire"],
#editPayrollFundYourPayrollForm #paymentTypeNa,
#editPayrollFundYourPayrollForm label[for="paymentTypeNa"]{
	display:none;
}

.loginContentRight .clientContent .contentLeft{
	width:96%;
}
#loginIndexContainer .loginContentRight{
	width: 75%;
}
.loginContentRight .contentLeft{
	 margin-top: 5px;
}
.left_login_links{
	width: 96%;
    float: left;
}
.left_login_links a{
	width: 40%;
    display: block;
	margin-top: 15px;
}
/*RSIM-7990*/
/*Hide complianceTesting div from Payroll*/
.addOrRemoveColunmsArea .complianceTesting {
	display: none;
}

/*RSIM-8104*/
.only_verify{
	display:none;
}
#verifyAndSubmitNewPayroll .only_verify{
	display: block;
}
#payrollLandingPage .yui-panel-container[id^="importReviewPayroll"]{
    position:fixed;
}

/*RSIM-9007*/
div#topNavigation li#aboutmeCommunicationsNav {
	display: none;
}
/*RSIM-8806*/
div#iWantToAnimBody ul li:first-of-type {
	display: none;
}
div#iWantToAnimBody ul li:nth-of-type(3) {
	display: none;
}
div#transactionHistory a#requestThisStatement {
	display: none;
}
div.profileContent p.profileInformationHeader span.split {
	display: none;
}
div#transactionHistory span.split.floatLeft {
	display: none;
}
/*RSIM-9875*/
.beneficiaryDesignationDisclosure p {
    font-size: 12px;
    line-height: initial;
    padding: 12px 0;
}
/*RSIM-10049*/
/*
.loanInformationDataSheet [id^=loanInvestements] [id^=editBankInstructions]{
        display:none !important;
}
li [id^=editBank],
.bankEditInformation #stopAutoPayment,
.bankEditInformation #stopAutoPayment + label{
    display:none !important;
}
.hide-if-empty:empty{
        display:none;
}
*/
/*RSIM-9912*/
div.primaryBeneficiaries span {
    font-size: 14px;
    font-family: verdana;
}

div.primaryBeneficiaries span.split {
    display: none;
}

.beneficiaryText div.addUpdateLine p span.title10 {
    font-size: 14px;
}

.beneficiaryText div.addUpdateLine p span.split {
    display: none;
}

.beneficiaryText div.addUpdateLine p a.link9 {
    padding: 10px;
    font-size: 11px;
}

/*RSIM-4354*/
input#editPayrollMakeEditsContinueLaterButton {
    float: left;
    background-image: linear-gradient(to bottom, #934893,#663366);
}
input#editPayrollMakeEditsContinueButton {
    min-width:100px;
}
/*end RSIM-4354*/