@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
html {
    background: #E9F3FB;
}

.modis-background {
    background-color: #ffffff;
}

body {
    font: 13px / 1.231 arial, helvetica, clean, sans-serif;
    font-size: 62.5%;
    text-align: left;
    color: #000000;
}

#main-wrapper {
    width: 96.82em;
    min-width: 1007px;
    margin: 0 auto;
	background:#fff url(../images/main_body.gif) top center repeat-y;
}

#main-wrapper-modis {
    float: left;
    margin: 0 auto;
    width: auto;
}

#main-wrapper-hd {
    zoom: 1;
}

#sponLevelHeader,
#partLevelHeader {
		background: url(../images/planSelect.gif) top repeat-x;
		padding-top:15px;
		width:995px;
}
#sponLevelHeader ul,
#partLevelHeader ul {
	margin-top:7px;
	margin-right:10px;
}
#cmsSiteHeader {
    padding:10px;
	height:70px;
}

#sponsorSelectionPage #cmsSiteHeader,
#loginIndex #cmsSiteHeader,
#LoginTrans_enterCustUIDView #cmsSiteHeader {
	background: none;
}

#main-wrapper-bd {
    background: ;
    padding: 4px 12px 36px;
    zoom: 1;
}

#main-wrapper-bd:after, #main-wrapper-hd:after, #main-wrapper-ft:after, #contentSection:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#main-wrapper-ft {
    background: ;
    margin-top: 10px;
    clear: both;
    zoom: 1;
}
#main-wrapper-ft {
    font-family: arial,FreeSans,verdana,sans-serif;
    line-height: 1.3;
    margin: 2em 0 0 6px;
	padding: 6px 0 15px;
    text-align: left;
    text-decoration: none;
	width:995px;
}
#main-wrapper-ft #mainFooter {
    background: url("../images/fMain.jpg") no-repeat scroll 100% 100% transparent;
    border: medium none;
    margin: 0;
    min-height: 100px;
    padding: 0;
}
#mainFooter strong {
    color: #103184;
    display: block;
    margin: 0 0 5px 5px;
	font-size: 1.2em;
    line-height: 1.231;
	font-weight:bold;
}
#quickLinks {
    float: left;
    margin: 0;
    padding-top: 0.85em;
    width: 270px;
}
#quickLinks strong {
	margin-left:20px;
}
#quickLinks ul {
    float: left;
    list-style: none outside none;
    margin-left: 15px;
    width: 120px;
}
#quickLinks li {
    padding: 0 0 3px;
}
#mainFooter li {
    line-height: 1.2;
	font-size:90%;
}
#quickLinks ul {
    float: left;
    list-style: none outside none;
    margin-bottom: 0.25em;
    margin-left: 15px;
    width: 120px;
}
#quickLinks li a {
    background: url("../images/fQL.gif") no-repeat scroll 0 0.1em transparent;
    display: inline-block;
    padding: 0 0 0 10px;
}
#keepInTouch {
    float: left;
    margin: 0;
    padding-top: 0.85em;
    width: 360px;
}
#keepInTouch ul {
    float: left;
    list-style: none outside none;
    margin-bottom: 0.25em;
    margin-left: 0;
    width: 165px;
}
#keepInTouch li a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    min-height: 18px;
    padding: 8px 4px 0 27px;
}
#keepInTouch .emailcs a {
    background-image: url("../images/f-ico-emailcs.png");
}
#keepInTouch .findfp a {
    background-image: url("../images/f-ico-findfp.png");
}
#keepInTouch .phone a {
    background-image: url("../images/f-ico-phone.png");
}
#keepInTouch .office a {
    background-image: url("../images/f-ico-office.png");
}
#elseWhere {
    float: right;
    margin: 0;
    padding-bottom: 0.5em;
    padding-top: 0.772em;
    position: relative;
    width: 290px;
}
#elseWhere strong {
	margin-left:0;
}
#subFooter {
    background: url(../images/fTools.png) repeat-x scroll 0 0 #E2E6E4;
    border: medium none;
    clear: none;
    margin: 0;
    padding: 0;
    text-align: right;
	text-align:center;
}
#subFooter li:first-child:before {
    content: "";
}
#subFooter li:before {
    content: " |  ";
}
#subFooter li {
    padding: 0;
	font-size:90%;
}
#subFooter li {
    display: inline;
    padding: 0 0.5em;
}
#subFooter li a {
	padding-left:5px;
}
#subFooter .copy {
	color: #666;
}
#subFooter .caption {
	text-align:left;
	padding:15px 10px;
}

#main-wrapper-ft #subFooter .inner { 
	min-height: 27px; 
	padding: 0.909em 8px 0.1em 8px; 
	background: url(../images/fTools.png) 0 100% repeat-x; 
	text-shadow: 1px 1px 1px #fff;
}
#main-wrapper-ft .left {
    float: left;
    width: 35%;
}

#main-wrapper-ft .right {
    float: right;
    padding-top: 30px;
}

#bdHeader {
    width: 100%;
    z-index: 2;
    margin: 0px 0px 0px -6px;
}

#bdContent {
    width: 100%;
}

#topNavigation {
    width: 99.1%;
    border-bottom: 1px solid #CCCCCC;
    height: 32px;
    font-size: 120%;
    font-weight: bold;
    margin: 1.15em 0;
}

#topNavigation .nav {
    list-style: none;
}

#topNavigation .nav li {
    float: left;
}

#topNavigation .nav li a.current {
    height: 19px;
    background: #FFFFFF;
	border-top:2px solid #0065D9;
    color: #333333;
	filter:#ffffff; 
}

#contentSection {
	clear: both;
}

#leftContentSection {
    min-width: 73em;
    width: 73%;
    float: left;
}

#rightContectSection {
    min-width: 23.8em;
    width: 25%;
    float: left;
}
.positiveSort {
	background-position: right;
 	background-repeat: no-repeat;
	padding-right: 10px;
}
.invertedSort {
	 background-position: right;
	 background-repeat: no-repeat;
	 padding-right: 10px;
}
/*login box*/
#tracMaForm .contentLeft,
#loginIndex .loginContentLeft{
	background: #002677;
	border: #002677 solid 1px;
	}
#tracMaForm .securityLogo {
	margin-left:15px;
}
#tracMaForm .pageTitle2,
.loginContentLeft .pageTitle2 {
	color:#ffffff;
	padding-bottom: 12px;
	font-weight:bold;
	font-size:20px;
}
h2 .loginSecurityLogo {
	margin-left:10px;
	top: 0.5em;
}
/*RSIM-2751*/
#LoginTrans_enterCustUIDView #tracMaForm .inputBox,
.inputBox.loginIndexInputText{
	border: 1px solid #9AAEBB;
	width:180px;
}

/*Right Hand Section*/
div #partPlanLevelRightPanel {
	background: #E7E8ED url(../images/login-box-upper.jpg) repeat-y top left;
	border: 1px solid #E7E7E7;
}
div #partPlanLevelRightPanel hr {
    border: 0.1em dotted #BEBEBE;
    text-align: center;
}

#topNavigation .nav li a:hover{
    height: 19px;
    background: #FFFFFF;
	border-top:2px solid #0065D9;
    color: #103184;
	filter:#ffffff; 
}

#topNavigation .nav li a {
    display: block;
    border-width: 1px 1px 1px 1px;
    margin-right: -1px;
	margin-top:-1px;
    border-style: solid;
    border-color: #CCCCCC;
    padding: 7px 10px 5px;
    line-height: 20px;
    color: #0060D6;
    float: left;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f1fa',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px -1px 3px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px -1px 3px rgba(50, 50, 50, 0.1);
	box-shadow:         0px -1px 3px rgba(50, 50, 50, 0.1);
	font-size:11px;
	text-transform: uppercase;
	text-decoration: none;
}