@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&display=swap');
:root {
	--peoBlue: #151848;
	--pgsGreen: #1D979D;
    --peoLight: #5CCBD9;
}
html, body { font-family:"Open Sans", Arial, Helvetica, sans-serif !important; font-size:11px; margin: 0px; padding:0px; color:#333333;  }
html { min-height:100%; }

body { background-repeat:repeat-x; background-color:#444444; color:#666; background-image:none; padding-bottom:30px; margin-top:36px; }
body.mobilecss, body.mobile { padding-bottom:0px; background-image:none; background-color:#FFF; }
body.newmobile, body.newmobile .bam { font-size:16px; }
body.printing { background-color:#FFF; background-image:none; color:#333; padding-bottom:5px; }
body.agencyportal.loginpage { padding-bottom:0px; background-color:#3B5B71; height:100%; }

img { border:none; vertical-align: middle; }
h1 { margin-top:0px; font-size:30px; font-weight:100; padding-bottom:5px; border-bottom:0px none #999; }
.agencyportal h1 { font-size:20px; }
h2 { clear: left; font-size:16px; font-weight: normal; margin-top:0px; }
h2 span, .highlight { /*color: #378d2b;*/ color: #F58426; font-weight: bold;  }
.firsthead { font-family:"Open Sans", Helvetica, sans-serif; font-size:22px; margin-bottom:15px; }

h3 { clear: left; font-size: 14px; }
div { position:relative; }
form { margin:0px; }
th { position: sticky; top:32px; background-color: #FFFFFF; font-weight: bold !important; }
#wrapper { width:1000px; height:auto; margin:auto; position:relative; }
.printing #wrapper { width:auto; margin:0px; }
#wrapper.norestrictions  { width:auto !important;  }
#wrapper.norestrictions .bam { width:auto !important; float:none !important;  }

.racs-orange, 					a { color:#F58426; }
.racs-orange-back 				    { background-color:#F58426; } td.racs-orange-back { color:#FFF; }
.racs-collective-blue-back 	        { background-color:#00A4E4; }
.racs-paye-purple-back 			    { background-color:#7D439A; }
.psc-back 							{ background-color:#C00; }
.peoback 							{ background-color:#20FFC0; color:var(--peoBlue) !important; }
.peoback.Proxi                      { background-color: #252523; }
.peo-back 							{ background-color:var(--peoLight) !important; color:#FFF !important; }
.cis-back, .apboxlb.cis-back	    { background-color:#89649F !important; color:#FFF !important; }
.col-back							{ background-color:#49C2BA !important; color:#FFF !important; }
.paye-back							{ background-color:#5AC775 !important; color:#FFF !important; }
.pspro-back							{ background-color:#5A5D9F !important; color:#FFF !important; }
.racs-pink							{ color:#E94472; }
.racs-pink-back					    { background-color:#E94472; }
.submitlg3 							{ background-color:#0092CE; border-color:#0092CE; }
.submitlg3:hover					{ background-color:#F58426 !important; border-color:none; text-decoration:none; }
.submitlg6							{ background-color:#20FFC0; border-color:var(--peoBlue); text-decoration-color: darkblue}
.submitlg6:hover					{ background-color:var(--peoBlue) !important; border-color:none; text-decoration:none; }
.agencybluel						{ color:#C7E0EB; }
.agencybluelback					{ background-color:#C7E0EB; }
.submitlg2 							{ background-color:#F58426; border-color:none; }
.submitlg2:hover					{ background-color:#0092CE !important; border-color:none; text-decoration:none; }
.apbox .submitlg2:hover			    { background-color:#C7E0EB !important; color:#212121 !important; }
.submitlg2.warning                  { background-color: #900 !important; }
.submitlg2.warning:hover            { background-color: #000 !important; color:#FFF !important; }
.submitlg4							{ background-color:#A92168; }
.submitlg4:hover					{ background-color:#812051; text-decoration:none; }
.MyWalletPinkBack, li.portalactive.MyWalletPinkBack					{ background-color:#EA205A; color:#FFF; }
.racs-cis-green, 					.cispage a, 		.racs-cis-green h2 span, 	.racs-cis-green .highlight { color:#00853F; }
.racs-collective-blue, 			.collective a, 	.collective h2 span, 		.collective .highlight { color:#00A4E4; }
.racs-limited-psc-red, 			.limited a, 		.limited h2 span, 			.limited .highlight { color:#ED164F; }
.racs-paye-purple, 				.paye a, 			.paye h2 span, 				.paye .highlight { color:#7D439A; }
.racs-cis-collective-green, 	.ciscollective a, .ciscollective h2 span, 	.ciscollective .highlight { color:#7BC143; }
.racs-self-employed-green, 	.selfemppage a, 	.selfemppage h2 span, 		.selfemppage .highlight{ color:#C2D82E; }

.UkraineBlue, .submitlg2.UkraineBlue { background-color:#0057b7 !important; color:#ffd700 !important; }
.UkraineYellow, .submitlg2.UkraineBlue:hover { background-color:#ffd700 !important; color:#0057b7 !important; }
.UkraineBlue.headerbox { min-height:100px; font-size:40px; line-height:100px; text-align:center; }
.mobilecss .UkraineBlue.headerbox { font-size:24px; }
.UkraineYellow.headerbox  { height:100px; text-align:center; font-size:24px; }
.mobilecss .UkraineYellow.headerbox  { font-size:20px; }
.UkraineYellow.headerbox div { padding:10px; }

.col-back a, .peoback a, .peoback a.blk { color: #FFFFFF; }

a.highlight { color:#000 !important; }

.redrow { background-color:#ED164F; color:#FFF; }
.deadrow { background-color:#ED164F; color:#FFF; }
.ruled-table .redrow td { border-bottom-color:#FFF; }
.redrow td, .redrow a, .redrow a.blk, .redrow a.blk:hover, .redrow .grey { color:#FFF; }
.deletedrow { background-color:#E9E9E9 !important;  }
.redrow.deletedrow a.blk, .yellowrow.deletedrow a.blk, .deletedrow a, .deletedrow td { color:#777 !important; }
.yellowrow { background-color:#FC3; }
.ruled-table .yellowrow td { border-bottom-color:#FFF; }
.yellowrow a { color:#000; }

.portal h2, .portal h3 { border-bottom:1px dotted #666; padding-bottom:5px; }
.portal h3 { font-size:18px; color:#F58426; }
.portal .portalblock { margin-bottom:25px; }
.portal .catchlinefooter { line-height:29px; margin-top:10px; text-align:left; height:29px; margin-bottom:10px; font-size:10px; color:#999; }
.portal .catchlinefooter a { color:#999; text-decoration:none; }
.portal .textfieldRow input, .xp.reg { border:0px none; background-color:#FDEFDD; padding:2px; }
.membernav img { vertical-align:middle; margin-right:8px; } 

/* Top Navigation */
.header { background-color:#FFF; height:115px; font-size:11px; width:1024px; }
.header.mobileheader { height:60px; background-color:#FFF; background-image:none; width:auto; }
.header a { text-decoration:none; }

#navContainer { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index: 100000000; background-color:rgba(255,255,255,0.0); display:none; }
#navContent { position:absolute; height:auto; background-color:var(--peoBlue); margin:0px auto; top:36px; z-index: 100000001; border-radius:0 0 10px 10px;  -moz-box-shadow: 6px 6px 6px #AAA; -webkit-box-shadow: 6px 6px 6px #AAA; box-shadow:6px 6px 6px #AAA; display:none; }
.navLinks { padding:0px 20px 20px 20px; }
.navBlock { float:left; width:160px; margin-right:30px; }
.navBlockIn { margin-left:0px; }
#navContent a { display: block; padding-left:3px; }
#navContent a:hover { background-color:#2e3265; text-decoration:none; }
a.masterLink { font-weight:bold; border-bottom:2px solid #FFF; }

#racslogo { position:absolute; top:30px; left:0px; top:20px; }
#loginnav { position:absolute; right: 105px; right:0px; top:24px; width:300px; font-size:17px; text-align:right; color:#000; line-height:20px; top:18px; }
#thawte { position:absolute; right:0px; top:29px; }
.header #scuWrb, .header #scfDQM { float:none; position:absolute; top:6px; right:0px; width:99px; }
.navback { height:40px; line-height:40px;background-color:#F58426; color:#FFF; z-index:999; }
.nav { line-height:40px; width:1024px; text-align:left; }
.nav a { text-decoration:none; }
.nav li { list-style:none; float: left; margin: 0px; margin-left:12px; margin-right:12px; padding: 0px; text-align:center; font-size:11px; line-height:35px;  }
.nav li.active a { color:#FFFFFF; }

.tintbar { font-size:16px; text-align:center; padding:5px; margin-bottom:5px; }
.tintbar a { color: #FFF; };

.colouredrule { border-bottom:1px solid #00A4E4; font-size:1pt; height:20px; }
.paye .colouredrule { border-bottom-color:#7D439A; }
.paye .tint, .paye .Contract2017 .tint, .paye .tintbar { background-color:#E8DBEF !important; }
.paye .highlight { color:#7D439A !important; }

/* brand splits */
.top2bottom { background-color:#FFF; }
.loginpage .top2bottom { background-image:url(../images/layout/login-background.jpg?x=yy); background-color:#3B5B71; min-height:100%; }
.signoutbar { color:#FFF; line-height:36px; height:36px; font-size:13px; z-index:999; padding-left:10px; padding-right:10px; width:100%; top:0px; position: fixed; }

.navsearchbutt { vertical-align:middle; width:38px; height:39px; background-image:url(../images/icons/magnifying-glass.png); background-repeat:no-repeat; background-position:center center; }
.bodybottom { height:4px; background-color:#F58426; }
.loginpage .bodybottom { background-color:transparent !important; }
.firstfooter { background:url(../images/layout/footer-bar-orange.png) repeat-x top #444444; }
.bodyarea { border:1px solid #CCC; background-color:#FFF; margin-bottom:53px; padding:0px; border:0px none; text-align:left; max-width:2000px; }
.bodyarea .bodyarea { margin-bottom:0px; }
.firstfootertext { text-align:left; color:#8C8C8C; padding-top:40px; padding-bottom:5px; font-size:14px; }
.tint, .tintbar, .fval, .tdhover:hover, .expandingcontent { background-color:#FEF0DE; }
.standarddoctable td { padding-bottom:4px; padding-right:10px; }
.standarddoctable2 td { padding:4px 10px 4px 4px; vertical-align:top; }
.tdhover { cursor:pointer; }
.contractbody .highlight { color:#00A4E4; }
.expanding { margin-bottom:1px; border-radius:0px; color:#FFF; padding-bottom:0px; padding-left:0px; }
.exphead { font-size:16px; text-decoration:none; line-height:37px; padding-left:50px; background-color:#F58426; cursor:pointer }

.expandingsub { background-image:none; border-radius:0px; border-bottom:2px solid #C7E0EB; }
.expanding h3, .expandingsub h3 { color:#000 !important; text-decoration:underline; margin-bottom:10px !important; border:0px none !important; font-size:16px !important; }
.teardrop, .teardropplain { position:absolute; left:10px; top:0px; height:28px; width:28px; background:url(../images/icons/racs-white-teardrop-fill.png) no-repeat; line-height:28px; text-align:center; color:#F58426; font-weight:bold; font-size:17px; }
.teardrop { height:30px; width:30px; top:3px; background-size:contain; }
.expandingcontent { padding:10px 10px 10px 50px; border-radius:0px 0px 5px 5px; border:1px solid #F58426; margin-bottom:3px; list-style-image:none; font-size:14px; color:#000 }
.expandingcontent .expandingcontent { background-color:#FFF !important; color:#000 }
.teardropplain { background-image:url(../images/layout/orange-teardrop-hole.png); }

img.rlogo { margin-left: 1px; height:90px; height:75px; }

.portalnav { background:url(../images/layout/nav-bottom-blank.png?x=y) repeat-x bottom right #F58426; height:47px; border:0px none; overflow:hidden; }
.agencyportal .portalnav { background:url(../images/layout/nav-bottom-blank.png?x=y) repeat-x bottom right #C7E0EB; }

.homebox { float:left; margin-right:20px; margin-bottom:20px; background-color:#F1F1F1; border-radius:10px; width:200px; padding:10px; height:150px; font-size:20px; text-align:center; color:#000; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; box-shadow:2px 2px 2px #999; cursor:pointer; }
.homebox:hover { background-color:#F5F5F5; }
.homebreak { clear:left; height:1px; }
.homeicon { display:table; width:100%; margin-bottom:10px; }
.homeiconcell { display:table-cell; vertical-align:bottom; height:80px; }
.dscdocboxes .homebox div, .dscdocboxes .homebox a { padding-top:80px; margin-top:10px; background-image:url(../images/icons/document-white.png); background-repeat:no-repeat; background-position:top center; }
.dscdocboxes .homebox a { display:block; color:#FFF; text-decoration:none; font-size:18px; }

.navbar-nav .dropdown-menu { background-color:#F58426; }

.racs-dsc, .dscpage a, .dscpage .highlight, .dscpage .teardrop, .dscpage .expandingcontent, .portal.dscpage h3, .dscpage h2, .dscpage h2 span, .dscpage .messaging h1, .dscpage .highlight { color:#A92168; }
.dscpage .topborder, .dscdoc .topborder, .dscpage .bottomborder, .dscdoc .bottomborder, .contractbody.dscpage, .dscpage .expandingcontent, .dscpage .contractbody { border-color:#A92168 !important;}
.dscpage .standarddoctable td strong, .dscpage .standarddoctable2 td strong { color:#A92168; text-transform:none !important; }
.racs-dsc-back, .dscpage .portalnav, .dscpage .signoutbar, .dscpage .exphead, .dscpage .bodybottom, .dscback, li.dscback { background-color:#A92168; }
td.dscback { color:#FFF; }
.dscpage img.rlogo { height:88px; }
.dscpage .firstfooter { background-image:url(../images/layout/footer-bar-dsc.png); }
.dscpage .homebox:hover { background-color:#F0E2E1; }
.dscdocboxes .homebox { background-image:url(../images/layout/hatchback-dsc.png); color:#FFF; }
.dscpage .top2bottom { background-image:url(../images/layout/contractor-portal-back-dsc.jpg); }
.dscpage .tint, .dscpage .tintbar, .dscpage .tint2, .dscpage .tint3, .dscpage .expandingcontent, .dscpage .fval, .dscpage tr.tdhover:hover, .dscrow td 
	{ background-color:#F0E2E1 !important; color:#000; }

.racs-cisdsc, .cisdscpage a, .cisdscpage .highlight, .cisdscpage .teardrop, .cisdscpage .expandingcontent, .portal.cisdscpage h3, .cisdscpage h2, .cisdscpage h2 span, .cisdscpage .messaging h1, .cisdscpage .highlight { color:#008023; }
.cisdscpage .racs-dsc-back, .submitlg5, .cisdscpage .portalnav, .cisdscpage .portalnav, .cisdscpage .signoutbar, .cisdscpage .bodybottom, .cisdscpage .exphead, .cisdscpage .dscback, .cisdscpage li.dscback { background-color:#008023; text-decoration:none; }
.submitlg5:hover { background-color:#005600; text-decoration:none; }
.cisdscpage img.rlogo { height:88px; }
.cisdscpage .firstfooter { background-image:url(../images/layout/footer-bar-dsc.png); }
.cisdscpage .homebox:hover { background-color:#F0E2E1; }
.cisdscpage .dscdocboxes .homebox { background-image:url(../images/layout/hatchback-dsc.png); color:#FFF; }
.cisdscpage .top2bottom { background-image:url(../images/layout/contractor-portal-back-dsc.jpg); }
.cisdscpage .expandingcontent { border-color:#A92168;}
.cisdscpage .tint, .cisdscpage .tintbar, .cisdscpage .tint2, .cisdscpage .tint3, .cisdscpage .expandingcontent, .cisdscpage .fval, .cisdscpage tr.tdhover:hover, .cisdscrow td { background-color:#C6E3D1; color:#000; }
.cisdscpage .standarddoctable td strong { color:#008023; text-transform:none !important; }
.cisdscpage .standarddoctable2 td strong { color:#008023; text-transform:none !important; }
.cisdscpage .contractbody { border-color:#008023 !important; }

.racs-pspro, .pspropage a, .pspropage .highlight, .pspropage .teardrop, .pspropage .expandingcontent, .portal.pspropage h3, .pspropage h2, .pspropage h2 span, .pspropage .messaging h1, .pspropage .highlight { color:#79AC3A; }
.pspropage .standarddoctable td strong, .pspropage .standarddoctable2 td strong { color:#79AC3A; text-transform:none !important; }
.pspropage .racs-dsc-back, .submitlg5, .pspropage .portalnav, .pspropage .portalnav, .pspropage .signoutbar, .pspropage .bodybottom, .pspropage .exphead, .pspropage .dscback, .pspropage li.dscback, .pspro-back { background-color:#79AC3A; text-decoration:none; }
.submitlg5:hover { background-color:#005600; text-decoration:none; }
.pspropage img.rlogo { height:88px; }
.pspropage .firstfooter { background-image:url(../images/layout/footer-bar-pspro.png); }
.pspropage .homebox:hover { background-color:#EEF4E5; }
.pspropage .dscdocboxes .homebox { background-image:url(../images/layout/hatchback-pspro.png); color:#FFF; }
.pspropage .top2bottom { background-image:url(../images/layout/contractor-portal-back-dsc.jpg); }
.pspropage .expandingcontent { border-color:#79AC3A;}
.pspropage .bordertop, .pspropage .borderbottom { border-color:#79AC3A !important;}
.pspropage .tint, .pspropage .tintbar, .pspropage .tint2, .pspropage .tint3, .pspropage .expandingcontent, .pspropage .fval, .pspropage tr.tdhover:hover, .psprorow td 
	{ background-color:#EEF4E5; color:#000; }
.pspropage .contractbody { border-color:#79AC3A !important; }
.pspropage .submitlg3 { background-color:#000 !important; }

.agencyblue, .agencyportal .teardrop { color:#0092CE; }
.agencyblueback, .agencyportal .signoutbar, .agencyportal .bodybottom, .agencyportal .exphead { background-color:#0092CE; color:#FFF;}
.agencyportal .firstfooter { background-image:url(../images/layout/footer-bar-blue.png); }
.agencyportal.loginpage .bodyarea { background-color:transparent; margin-bottom:0px; min-height:100%; padding-bottom:115px; }
.agencyportal.loginpage .pgsbody { background-color:transparent; }
.agencyportal.loginpage .header { background-image:none !important; height:134px; background-color:transparent !important; }
.agencyportal.loginpage .header #scuWrb, .agencyportal.loginpage .header #scfDQM { top:0px; }
.agencyportal .tint, .agencyportal .expandingcontent { background-color:#C7E0EB; border-color:#0092CE; }

/* end */

.signoutbar a { color:#FFF; text-decoration:none; } 
.bodywidth { width:1024px; max-width:100%; }
.staffportal .bodywidth { width:1200px; }
.signouttext { text-align:left; }

#wrapper { width:1024px; }
.mobilecss #wrapper { width:auto; padding:10px; }
.rightcolumn { float:right; padding:0px; text-align:center; width:240px; margin-top:10px; }
.clear-line { clear:both; height:4px; border-bottom:1px dotted #CCC; margin-bottom:5px; }

li.ptleft { width:6px; margin-right:0px; padding:0px; background-image:url(../images/layout/portaltab-left.jpg); }
li.ptright { width:6px; margin-right:1px; padding:0px; background-image:url(../images/layout/portaltab-right.jpg); }
li.portalactive { background-image:url(../images/layout/portaltab-on.jpg); }
li.ptleft.portalactive {background-image:url(../images/layout/portaltab-on-left.jpg); }
li.ptright.portalactive {background-image:url(../images/layout/portaltab-on-right.jpg); }


.portalnav ul { margin:0px; padding:0px; }
.portalnav li { list-style:none; float:left; margin:0px; padding:0px; height:47px; text-align:center; font-size:14px; line-height:39px; background-image:url(../images/layout/nav-lower-arrow-portal.png?x=y); background-repeat: repeat-x;  background-position:bottom left; }
.agencyportal .portalnav li { background-image:url(../images/layout/nav-lower-arrow.png?x=y);  }
.portalnav li.MyWalletPinkBack { background-image:url(../images/layout/nav-lower-arrow-mywallet.png); } 
li.portalactive.MyWalletPinkBack a { color:#FFF !important; } 
.portalnav li a { color:#FFF; text-decoration:none; display:block; height:47px; padding:0px 15px 0px 15px; }
.portalnav li.tab1 a { padding-left:20px; }

.agencyportal .portalnav li a { color:#212121; padding:0px 15px 0px 15px; }
.portalnav li a:hover { background-image:url(../images/layout/nav-lower-arrow-portal.png); background-repeat:no-repeat; background-position:left bottom !important; background-color:#231F20; color:#FFF; text-decoration:none; }
.agencyportal .portalnav li a:hover { background-image:url(../images/layout/nav-lower-arrow.png); background-color:#0092CE; }
li.portalactive, li.portalactive a:hover { background-position:center bottom !important; background-color:#231F20; color:#FFF;}
.agencyportal li.portalactive, .agencyportal li.portalactive a:hover { background-color:#0092CE; }
li.portalactive a { color:#FFF !important; }

.navsearchbox { width:158px; height:20px; background-color:#FFF; border:0px none; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; box-shadow:2px 2px 2px #999; vertical-align:middle; margin-right:3px; padding-left:5px; }

.moreborderleft { position:absolute; width:1px; height:8px; background-color:#B8B8B8; left:0px; bottom:0px; }
.moreborderright { position:absolute; width:1px; height:8px; background-color:#B8B8B8; right:0px; bottom:0px; }

.pgsbody { border-left:1px solid #B8B8B8; border-right:1px solid #B8B8B8; background-color:#FFF; padding:0px 15px 40px 20px; text-align:left;}
.agencyportal .pgsbody {  padding:12px 30px 40px 30px; }

.tightpadding .pgsbody { padding:0px !important; }
.tightpadding .portalnav, .tightpadding .portalnav li { height:39px !important; }
.tightpadding .portalnav li, .tightpadding .portalnav li:hover, .tightpadding .portalnav, .tightpadding li.portalactive:hover, .tightpadding .portalnav li a:hover { background-image:none; }

.loginpage .pgsbody { border-left:0px none; border-right:0px none; padding-bottom:20px; }
.firstfootertext a { color:#FFF; text-decoration:none; }
.lastfooter { background-color:#EAE8E9; padding:3px; margin-bottom:20px; margin-top:15px; }
.lastfooterhead { background-color:#F58426; color:#FFF; line-height:35px; font-size:16px; }
.lastfooterbody { background-color:#FFF; }
.loginfooter { position:absolute; bottom:0px; width:100%; height:40px; padding-top:65px; background:url(../images/layout/footer-swoosh-alpha.png) no-repeat top center; }

.rightcolumnap { float:right; text-align:center; width:202px; }
.leftcolumnap { float:left; width:730px; }
.leftcolumnap1 { float:left; width:514px; }
.apbox, .apboxlb, .apboxpink, .apboxred, .apboxGr { border-radius:10px; background:url(../images/layout/hatchback-blue.png); padding:20px; margin-bottom:10px; color:#FFF; -moz-box-shadow:1px 2px 2px #bbb; -webkit-box-shadow:1px 2px 2px #bbb; box-shadow:1px 2px 2px #bbb; }
.dscpage .apbox { background-image:url(../images/layout/hatchback-dsc.png); }
.pspropage .apbox { background-image:url(../images/layout/hatchback-pspro.png); }
.inbam .apboxlb { padding:10px; }
.apbox a { color:#FFF; }
.apbox a.agencybluel { text-decoration:none; color:#C7E0EB; font-weight:bold; color:#F58426; }
.apboxlb { background-color:#C7E0EB; background-image:none; color:#212121; }
.apboxlb .formrowlg td, .apboxlb.formrowlg td { border-bottom:0px none; }
.apboxpink { background-color:#E94472; background-image:url(../images/layout/hatchback-pink.png); }
.apboxpink .formrowlg td, .apboxpink.formrowlg td { border-bottom:0px none; }
.apboxpink ul { list-style-image:url(../images/icons/racs-bullet-white.png?x=yxyy); padding-left:20px; }
.apboxpink ul li { padding-left:5px; margin-bottom:5px; }
.apboxpink a { color:#FFF; }
.apboxred { background-image:url(../images/layout/hatchback-red.png); }
.apboxGr { background-image:none; background-color:#F4F4F4; color:#222; border-radius:7px; border:1px solid #DEDEDE; }
.apboxGr.nopad { padding:0px; } 
.subudiv { padding:15px;border-bottom:1px solid #DEDEDE; font-size:14px; text-align:center; }
.subudiv.blackbox { font-size:14px; background-color:#3D3D3D; color:#FFF; border-radius:0px 0px 6px 6px; padding:25px 15px 25px 15px; }
.dscpage .subudiv.blackbox a { color:#FFF; }

.apboxbluetop, .apboxpinktop { background-color:#0092CE; color:#FFF; border-radius:10px 10px 0px 0px; padding:10px 20px 10px 20px; font-size:14px; }
.apboxbluebottom, .apboxpinkbottom { background-color:#C7E0EB; padding:10px 20px 20px 20px; border-radius:0px 0px 10px 10px; font-size:14px; }

.apboxpinktop { background-color:#E94472; }
.apboxpinkbottom { background-color:#FFD5DF; }

.formrowlg.apboxlb { padding:0px; }
.formrowlg.apboxlb td { padding:7px 10px 7px 20px; }
tr.blueheader td { background-color:#0092CE; color:#FFF; font-weight:bold; padding-top:10px; padding-bottom:10px; }
td.curvedtopl { border-radius:10px 0px 0px 0px; }
td.curvedtopr { border-radius:0px 10px 0px 0px; }

.shadowed {  -moz-box-shadow:5px 7px 15px #000; -webkit-box-shadow:5px 7px 15px #000; box-shadow:5px 7px 15px #000; }
@media only screen and (max-width:1200px) {
img.shadowed { max-height:80px; }
}

.agencybullet { padding-left:40px; background:url(../../images/layout/orange-teardrop-hole.png) no-repeat left top; color:#000; font-weight:bold; }

tr.racs-orange-back td, tr.racs-orange-back td a, tr.racs-orange-back td a.blk { color:#FFF !important; }

#notifybox { padding:15px; text-align:center; background-color:#E5E5E5; font-size:20px; position: absolute; z-index: 999; top:-8px;left:0px;right:0px; }
.agencyportal #notifybox { margin-bottom:20px; }
/*
ul.dropdown, ul.admindd              { position: relative; margin:0px; padding:0px; }
ul.dropdown li, ul.admindd li       { float: left; list-style-image:none; list-style:none; padding:0px; margin:0px; }
ul.dropdown a:hover, ul.admindd a:hover { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a, ul.admindd li a { display: block; padding: 4px 5px 3px 5px; }
ul.admindd ul li a { display: block; padding: 0px 5px 0px 5px; }
ul.admindd ul ul li a { display: block; padding: 0px 5px 0px 5px; }
ul.dropdown li:last-child a         { border-right: none; } 
ul.dropdown li.hover,
ul.admindd li:hover                { color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }
*/
/* Level 2 */
/*
ul.dropdown ul, ul.admindd ul		{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0px; margin:0px; padding:0px; }
ul.dropdown ul li, ul.admindd ul li	{ font-weight: normal; color: #000; border-bottom: 1px solid #FFF; float: none; }

ul.admindd ul		{ width:170px; }
ul.admindd ul ul	{ width:170px; left:150px; top:-0px;-webkit-box-shadow: -2px 2px 2px #bbb; box-shadow:-2px 2px 2px #bbb; }

ul.admindd a, ul.admindd a:hover { color:#FFF; }
ul.dropdown ul li a, ul.admindd ul li a { border-right: none; width: 100%; display: inline-block; } 
*/
/* Level three */
/*
ul.dropdown ul ul 					{ left: 100%; top:0px; }
ul.dropdown li:hover > ul, ul.admindd li:hover > ul { visibility: visible; }
*/
.printrow { text-align:right; margin-bottom:15px;}
.portalgroup { clear:both; margin-bottom:23px; }
.frow { clear:both;line-height:28px; font-size:12px; }
.flabel { float:left; width:170px; font-weight:bold;  }
.fval { float:right; width:535px; padding:3px 5px 3px 5px; margin-bottom:1px; font-size:14px; min-height:26px; }
.fval.plain { background-color:transparent; padding: 3px 2px 3px 7px; }
.flabel.plain { padding: 3px 2px 3px 0px; }
.ftickcol1, .ftickcol2 { float:left; width:250px; margin-left:13px; }
.ftickcol2 { margin-left:20px; }
.fval input {background-color:transparent; border:0px none;}

.fval .xp { padding:5px !important; }
.fval input { border:1px solid #CCC !important; background-color:#FFF !important; font-size:14px; }
.fval select { font-size:14px; }


.mugholder, .mugholdersm { border:1px solid #9F9F9F; padding:4px; cursor:pointer; text-align: center; }
.mugholder div, .mugholdersm div { background-color:#EFF0F1; height:110px; width:110px; overflow:hidden; text-align:center; background-repeat:no-repeat; background-position:center top; }
#mugshotHolder { max-width: 150px; max-height: 150px; }
.mugholder div { height:150px; width:150px; }
.mugholder div.mugedit { position:absolute; bottom:10px; width:100%; height:auto !important; background-color:transparent !important; text-align:center; z-index:99; }
.archivebox { background-color:#FF9B25; padding:19px; border:2px solid #DC690E; margin-left:100px; margin-bottom:20px; color:#FFF; }
.archivebox h3 { font-size:16px; color:#FFF; padding-bottom:10px; border-bottom:1px solid #DC690E; margin-bottom:10px; margin-top:0px; }

#racstally .grey { font-size:14px; text-decoration:none !important; }

.feedback { padding:20px; border:2px dotted #CCC; font-size:18px; text-align:center; margin-bottom:20px; }

.applicationform label { width: 180px; font-weight: bold; display: inline-block; }
.applicationform .textfieldRow { padding-top:5px !important; padding-bottom:5px !important; }
.applicationform .xp { padding:5px !important;  }

.applicationcol1 { float:left; width:400px; }
.applicationcol2 { float:right; width:400px; }

.fullbody label { font-size:14px; }
.label1 { font-size:14px; width: 120px; display: inline-block; vertical-align: top; padding-top:9px; }

.applicationcol1 .xp, .applicationcol2 .xp { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; border: solid 1px #C5C5C5; margin-top:10px; }
.xp.num { text-align:right; }
.fullbody .xp, .textfieldRow .xp { padding:5px; }
.tdbox { border:1px solid #000; text-align:center; }
.tdbox input.xp, .tdbox textarea { border:0px none; }
.tdbox label { width:auto; font-weight:100; display:inline; }

.messaging { float:right; width:580px; }
.messaging h1 {color:#F58426;}
.maildate { float:right; width:100px; z-index:99; text-align:right }
.mailrecip { margin-bottom:5px; font-weight:bold; font-size:13px; }
.maildate a, .mailrecip a { text-decoration:none; }
.mailsubject { font-weight:bold; color:#666; }
.mailsubject a { color:#666; text-decoration:none; }

ul.racs { list-style-image:url(../images/layout/racs-bullet.gif) }
.expenses { background-color:#FFF; }
.expenses.cis ul.racs { list-style-image:url(../images/layout/racs-bullet-construction.gif) }
.expenses.psc ul.racs { list-style-image:url(../images/layout/racs-bullet-limited.gif) }
.expenses.collective ul.racs { list-style-image:url(../images/layout/racs-bullet-collective.gif) }
.expenses.selfemppage ul.racs { list-style-image:url(../images/layout/racs-bullet-self-emp.gif) }
.expblue { background-color:#dae5f1; }
.expenses.reversal .expblue { background-color:#F99; }

.downloadlink { padding-left:18px; margin-left:0px; margin-top:0px }
.downloadlink a { text-decoration:none; }

#catchline { width:1000px; padding:0px; text-align:left; color:#FFF; margin-top:15px; font-size:11px; padding-top:8px; padding-bottom:1px; }
#catchlogos { margin-bottom:10px; text-align:center; }
#catchlogos img { margin-right:9px; margin-left:9px; }
#catchline a { color:#000; text-decoration:none; }
.catchlinearea { background-image:url(../images/layout/footer-back-2012.jpg); background-repeat:repeat-x; background-color:#FFF; }
#catchnav { position:absolute; }
.catchhead { font-size:13px; margin-bottom:20px; font-weight:bold; }
.catchlist { margin-bottom:7px; padding-left:18px; background:url(../images/layout/racs-bullet.gif) no-repeat left center; color:#000; font-size:12px; }
#catchlinefooter { width:1000px; line-height:29px; margin-top:10px; text-align:left; height:29px; margin-bottom:10px; font-size:10px; }

#leftcol { float:left; width:240px; }
#rightcol { float:right; width:740px; }

#fullwidth, #ctl00_ContentPlaceHolder1_fullwidth { width:934px; }
.bam { border:0px none; padding:0px; float:left; width:725px; background-color:#FFF; font-size: 12px; text-align:left; }
.bam.fullwidth { padding:10px; float:none; width:auto !important;}
.mobilecss .bam { width:auto !important; padding:10px !important; }
.mobilecss .tightpadding .bam { padding:0px !important; }
.printing .bam { font-size:10px; border:0px none; padding:0px; width:640px; float:none; }
.bamads { float:left; width:202px; background-color:#FFF; padding:10px; }
.bamads a { display:block; margin-bottom:10px; }
.bamads img { border:1px solid #000; }
.expenses h1 { border-bottom:none; font-size:24px; }

.expenses.psc .productspecific { color:#ED164F; }
.expenses.collective .productspecific { color:#00A4E4; }
.expenses.cis .productspecific { color:#00853F; }
.expenses.ciscollective .productspecific { color:#00853F; }
.expenses.selfemppage .productspecific { color:#00853F; }

.productspecific a { color:#000; }

.cispage h2 span { color:#00853F; }
.collective h2 span { color:#00A4E4; }
.pscpage h2 span { color:#ED164F; }
.selfemppage h2 span { color:#00853F; }

.size10 { font-size:10px; }
.size11 { font-size:11px; }
.size12 { font-size:12px; }
.size14 { font-size:14px; }
.size16 { font-size:16px; }
.size18 { font-size:18px; }
.size20 { font-size:20px; }
.size22 { font-size:22px; }
.size24 { font-size:24px; }
.size26 { font-size:26px; }
.nobold { font-weight:100; }

.errorlist { margin-bottom:10px; margin-left:50px; color:#C00; }
.submitapplication { font-size:14px; width:110px; }

a:hover {text-decoration:underline; }
.blk { color:#000; }
.white { color:#FFF; }
.grey { color:#999; }
a.blk , a.grey { text-decoration:none; }
a.blk:hover, a.grey:hover { color:#666; text-decoration:underline; }

.boxhead, .boxheadlight { background: scroll #333333 url(../images/layout/box-header.jpg) repeat-x; height:31px; border:2px solid #666; border-bottom:0px none; }
.boxheader, .boxheaderlight { font-size:14px; color:#FFFFFF; line-height:31px; padding-left:20px; height:31px; }
.boxheader a { color:#FFF; text-decoration:none; }
.boxhead.blueborder { border-color:#333; background-image:none; }
.cispage .boxhead { background-image:none; }
.pscpage .boxhead { background-image:none; }
.collective .boxhead { background-image:none; }
.selfemppage .boxhead { background-image:none; }
.homebox p { line-height:normal; margin-top:0px; margin-bottom:10px; }

#xleftBox2_page h1 { line-height:normal; }
#xleftBox2_page img.padl { border-left:10px solid #FFF; }

.boxheadlight { background: scroll #666666 top left no-repeat;}
.boxheadlight .boxheader { background: scroll top right no-repeat;  }
.boxbody { background-color: #FFFFFF; margin-bottom: 10px; border:2px solid #666;  }
.boxbody.blueborder { border-color:#333; border-width:2px; }
.cispage .boxbody.blueborder { border-width:2px; }
.pscpage .boxbody.blueborder { border-width:2px; }
.collective .boxbody.blueborder { border-width:2px; }
.selfemppage .boxbody.blueborder { border-width:2px; }
.boxbodytext { padding:20px; height:auto; }
#leftcol .boxbodytext { padding-left:15px; padding-right:15px; }
.box2 .boxbody { background: scroll #A5A5A5 bottom left no-repeat; margin-bottom: 10px; }
.box2 .boxbodytext { padding:7px; height:auto; background: scroll bottom right no-repeat; color:#000000;}
.box2 .boxbodytext p, .box2 .boxbodytext div, .box2 .boxbodytext a { color:#000000; }
.box2 .boxbodytext a { color:#000000; text-decoration:underline; }
.box2 .boxbodytext a:hover { color:#9FDCE1; text-decoration:none; }
.box3 .boxbody, .box4 .boxbody { background: scroll #666666 bottom left no-repeat; margin-bottom: 10px; }
.box3 .boxbodytext, .box4 .boxbodytext { padding:7px; height:auto; background: scroll bottom right no-repeat;}
.box1 .boxbody { background: scroll #660000 bottom left no-repeat; margin-bottom: 10px; }
.box1 .boxbodytext { padding:7px; height:auto; background: scroll bottom right no-repeat;}
.boxheader h1 { margin:0px; }

.boxarrow { background-image:url(../images/layout/box-arrow.gif); background-repeat:no-repeat; background-position:0px 4px; }
.selfemppage .boxheader .boxarrow { background-image:url(../images/layout/box-arrow-self-emp.gif); }

#news h4, #news p { padding: 0; margin: 0; font-size:11px; }
#news h4 { clear: left; line-height: 12px; }
#news p { margin-bottom: 10px; overflow: hidden; }
#news p span { float: left; width: 390px; overflow: hidden; padding-right: 5px; }
#news p a { color: #1e1a55; text-decoration: none; /*float: right;*/ }
#news p a:hover { text-decoration: underline; }
.morenews { float:right; margin-left:10px; }

.folderview { padding:1px; line-height:28px; background-image:url(../images/members/folder-icon.gif); padding-left:35px; background-repeat:no-repeat; }
.folderviewbox { padding:1px; line-height:15px; margin-left:0px; }
.fileview { padding:1px; height:17px; }
.folderview a { color:#000; text-decoration:none; }
.folderview a:hover { text-decoration:underline; }
.folderview img { vertical-align:top; }
.folderview div { margin-left:12px; }
.folderview div.folderviewbox { margin-left:0px; }

.tdbox { border:1px solid #000; text-align:center; }
.tdbox input.xp, .tdbox textarea { border:0px none; }
.tdbox label { width:auto; font-weight:100; display:inline; }
.portal .xp { padding:3px; }

.regnav, .regnavfirst { float:left; height:30px; line-height:30px; color:#000; background:url(../images/layout/reg-nav-r-grey.gif) #E9E8EE no-repeat right; padding:0px 20px 0px 0px; font-size:10px; }
.regnavfirst { padding-left:10px; width:50px; }
.regnav div { float:left; margin-right:10px; background-image:url(../images/layout/reg-nav-l-grey.gif); width:7px; height:30px; }
.navon { background-color:#F58426; color:#FFF; background-image:url(../images/layout/reg-nav-r.gif) }
.regnav.navon div { background-image:url(../images/layout/reg-nav-l.gif) }

.cispage .navon { background-color:#00853F; background-image:url(../images/layout/reg-nav-r-construction.gif); }
.cispage .regnav.navon div { background-image:url(../images/layout/reg-nav-l-construction.gif) }
.ciscollective .navon { background-color:#7BC143; background-image:url(../images/layout/reg-nav-r-cis-collective.gif); }
.ciscollective .regnav.navon div { background-image:url(../images/layout/reg-nav-l-cis-collective.gif) }
.pscpage .navon { background-color:#ED164F; background-image:url(../images/layout/reg-nav-r-limited.gif); }
.pscpage .regnav.navon div { background-image:url(../images/layout/reg-nav-l-limited.gif) }
.collective .navon { background-color:#00A4E4; background-image:url(../images/layout/reg-nav-r-collective.gif); }
.collective .regnav.navon div { background-image:url(../images/layout/reg-nav-l-collective.gif) }
.selfemppage .navon { background-color:#C2D82E; background-image:url(../images/layout/reg-nav-r-self-emp.gif); }
.selfemppage .regnav.navon div { background-image:url(../images/layout/reg-nav-l-self-emp.gif) }
.paye .navon { background-color:#7D439A; background-image:url(../images/layout/reg-nav-r-paye.gif); }
.paye .regnav.navon div { background-image:url(../images/layout/reg-nav-l-paye.gif) }
#payeinfo { margin-left:187px; margin-bottom:15px; } /*color:#FFF;background-color:#7D439A; padding:10px; font-size:14px; width:500px; line-height:20px; */

.xp { font-family: "Open Sans", Arial, Helvetica, sans-serif; border: solid 1px #BBB; }
.xp.num { text-align:right; }
.redhead { color:#C00; margin-left:30px; margin-bottom:30px; }
.redhead h1 { border-bottom:0px none; color:#C00; }
.ruled-table td, .ruled-table th { border-bottom: 1px solid #CCC; padding:3px; font-weight:100; }
.inbam .ruled-table td { padding:1px 3px 1px 2px; }
.ruled-table.contractorlist td { font-size:13.33px; padding:6px; }
.ruled-table.contractorlist td a { text-decoration:none !important; }
.ruled-table.size16 td { font-size:16px; }
.ruled-table.size18 td { font-size:18px; }
.ruled-table.size22 td { font-size:22px; padding:5px; }
.ruled-table.size24 td { font-size:24px; }
a.blk, .blk { color:#000; text-decoration:none; }
a.blk:hover { text-decoration:underline; }

.formrowlg td, .formrowlg th { padding:4px; font-size:15px; border-bottom:1px solid #CCC; }
.formrowlg.size14 td { font-size:14px; }
.apboxlb .ruled-table .xp, .apboxlb .awrq .xp, .apboxlb .xp, .apbox .xp { font-size:13px; padding:4px; border-radius:4px; border-color:#BBB; }
.formrowlg .xp, .formrowlg .xpnum { font-size:15px; padding:4px; border-radius:4px; border-color:#BBB; border:1px solid #BBB; }

.fixedHeader th { position:sticky; background-color:#FFFFFF; top:0px; }

table.fulltable { border-top:1px solid #CCC; border-right: 1px solid #CCC; background-color: #FFF; }
.fulltable td { border-left: 1px solid #CCC; }

.submitlg { font-size:16px; }
.submitlg2, .submitlg3, .submitlg4, .submitlg5, .submitlg6 { color:#FFF !important; border-radius:10px; font-size:16px; padding:7px; border:0px none; text-decoration:none; cursor:pointer; white-space:nowrap; }
.submitlg2 img, .submitlg3 img, .submitlg4 img, .submitlg5 img, .submitlg6 img { vertical-align:middle; }
.submitsml { text-decoration:none; text-align:center; border-radius:4px; background-color:#F58426; padding:0px 2px 3px 2px; display:block; color:#FFF; }
.submitsml:hover { text-decoration:none; background-color:#0092CE; }

.scrollable { position:relative; overflow:hidden; width: 745px; height:239px; }
.scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; }
.items div { float:left; width:745px; }
/* single scrollable item */
.scrollable img { /*float:left;*/ -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; }
/* active item */
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }

/* AWR questionnaire */
.awrq { margin-bottom:10px; border-bottom:2px dotted #CCC; width:810px; }
.awrq1 { float:left; width:400px; font-weight:bold; margin-right:10px; text-align:right; }
.awrq2 { float:left; width:400px; }
.awrq2 input.xp, .awrq2 textarea { width:400px; font-size:12px; }
.awrq2 label { width:auto; }
.awrq3 { clear:both; height:10px; }
.awrq4 { float:right;z-index:10; }
.awrqsub { margin-top:10px; }
.awrqsub .awrq1 { width:400px; margin-bottom:5px; text-align:left; }
.bambox .awrq, .bambox .awrq1, .bambox .awrq2 { float:none; text-align:left; margin-bottom:1px; padding-bottom:2px; width:auto; font-weight:100; }
.bambox .awrq2 { float:none; text-align:left; margin-bottom:10px; }
.SEQentry .awrq { width:auto; font-size:14px; }
.SEQentry { font-size:14px; line-height:140%; margin:0px 10px 10px 10px; }
.llightboxScroll { padding-bottom: 20px; }
.SEQentry .awrq1 { text-align:left; width:560px; }
.SEQentry .awrq2 input.xp, .SEQentry .awrq2 textarea { font-size:16px; }
 
/* Tooltips */
#WzTtDiV { font-size:11px; border:1px solid #666666; background-color:#FFCC66; color:#333333; padding:10px; }
.tiptitle { font-weight:bold; font-size:12px; margin-bottom:2px; }

/* new tabs */
.shadetabs { padding: 0px; margin:0px; list-style-type: none; font-size:14px; text-align: left; height:33px;  } /* background-image:url(../images/layout/tab-back.jpg); background-repeat:repeat-x; }*/
.shadetabs li { display: inline; margin: 0px; background-color:#FFF; float:left; width:115px; margin-right:2px; height:32px; line-height:32px; border:1px solid #333; border-bottom:0px none; }
.shadetabs li a { text-decoration: none; z-index: 1; padding: 0px; color: #000000; display:block; text-align:center; }
.shadetabs li a:hover{ text-decoration: underline; color: #000000; text-decoration: none; }
.shadetabs li a.selected{ color:#FFFFFF; background-color:#333; }
.tabcontent h1 { line-height:normal; } 

/*	Taken from css/main.css for printing */
.groupOne, .groupTwo {
    display: block;
    float: left;
    width: 425px;
    margin-bottom: 20px;
    } 
    
.groupOne {
    clear: left;
    }   

.buttons {
    display: block;
    clear: both;
    margin-top: 20px;
    padding-bottom: 40px;
    }
    
.textfieldRow,
.radioButtonRow,
.dateSelectRow,
.selectfieldRow,
.confirmationRow,
.checkboxRow {
    padding: 1px 0 0px 0;
    clear: left;
    }
    
.textfieldRow input {
    width: 220px;
    border: solid 1px #666666; padding:1px 5px 1px 5px !important;
    }
/*	end main.css */


.padl { float:right; margin:0px 0px 10px 10px; }
.padb { margin-bottom:8px; }

/* ******************* */
#lightbox { z-index:100000; background-color:#FFF; left:50%; top:30px; border-radius:8px; padding:8px; position:fixed !important; overflow-y:auto; max-height:92%; }
.mobilecss #lightbox { height:100% !important; left:0px !important; top:0px !important; border-radius:0px; padding:0px; position:relative !important; overflow:auto; }
.mobilecss #lightboxcontent { padding:8px; overflow:auto !important; position:relative; }
#lightboxback {position: absolute; position:fixed; top: 0px;left: 0px; background-color:#000 ;height: 100%;width: 100%; display: none; z-index: 99999; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.expm1  { float:left; width:70px; line-height:20px; }
.expm2  { float:left; width:275px; line-height:18px; margin-bottom:5px; }
.expm2 select { width:220px; }
#lightbox .expm1, #lightbox .expm2 { font-size:14px; line-height:22px; }
#lightbox .expm1 { width:80px; margin-bottom:8px; }
#lightbox .expm2 { width:300px; margin-bottom:8px; }

.failclass { background-color:#C00; color:#FFF; }
.failclass a { color:#FFF; }
.mileagesummary { text-align:right; width:50px; border:0px none; font-size:16px; }
.mileagetotals { text-align:right; width:98px; border:2px solid #000; font-size:16px; margin-bottom:2px; }
.xp.asglist { width:220px; } 
#asgdate1 { font-size:16px; width:85px !important; }
.ui-datepicker-trigger { vertical-align:middle; margin-left:3px; width:18px; }
input.hasDatepicker { font-family:"Open Sans", Arial, Helvetica, sans-serif; border:1px solid #CCC; }
.ui-datepicker { width:21em; z-index:999999 !important; }
.ui-datepicker-multi-2 { width:44em; }
.ui-datepicker table { font-size:1.2em; }
.ui-datepicker table td, .ui-datepicker td a, .ui-datepicker td span { text-align:center; }
.ui-datepicker-week-end, .ui-datepicker-week-end .ui-state-default { background-color:#F5F5F5; background-image:none; color:#BBB; border-color:#F5F5F5; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-image:none; background-color:#EEE;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color:#333 !important; color:#FFF !important; background-image:none; }
.ui-datepicker .ui-datepicker-title select { font-size: 2em; }
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all { line-height: 100px; }

.contractbody { font-family:Calibri, Helvetica, Arial, sans-serif; font-size:9pt; height:300px; overflow-y:scroll; overflow-x:hidden; padding:5px; border:2px solid #00A4E4; list-style-image:none !important; }
.contractbody p, .contractbody li { text-align:justify; font-size:9pt; }
.contractbody .rightcatch { float:right; width:110mm; text-align:right; font-size:8pt; }
.contractbody .highlightcis { color:#00853F; }
.nobold { font-weight:100; }
.nojustify { text-align:inherit; }
.alpha { list-style-type:lower-alpha !important; }
.roman { list-style-type:lower-roman !important; }
.contractbody td { font-size:9pt; text-align:justify; }
.contractbody .biggerrows td { padding-top:5px; padding-bottom:5px; }
.contractbody ol { list-style-image:none !important; }
.contractbody ol ol { list-style:lower-alpha; text-align:justify; }
.contractbody ol ol ol { list-style:lower-roman; text-align:justify; }
.contractbody .decimal-list ol ol { list-style:decimal; }
.contractbody .decimal-list ol ol ol { list-style:decimal; }

.greenflag, .greenflag0, .greenflag1, .greenflag2, .greenflag3, .greenflag6 { background-color:#093; color:#FFF; padding:5px; }
tr.greenflag, tr.greenflag0 { background-color:#FFF; color:#000; }
div.greenflag, div.greenflag0, div.greenflag1, div.greenflag2, div.greenflag3 { font-size:14px; line-height:30px; }
div.greenflag, div.greenflag0, td.greenflag5 { background-color:#333; color:#FFF; }
.greenflag1 { background-color:#093; }
.greenflag2 { background-color:#F90; }
.greenflag3 { background-color:#C00; }
.greenflag4 { background-color:#BBB; color:#333; }
.greenflag6 { background-color:#06C; }
.greenflag7 { background-color:#FEE5CC; color:#000; }
.expensesummarybox { border:2px dotted #999; padding:10px;margin-bottom:50px; margin-top:30px; }
.approvalborder1 { border:10px solid #093; }
.approvalborder2 { border:10px solid #F90; }
.approvalborder3 { border:10px solid #C00; }
.greenflag1 .blk, .greenflag1 a, .greenflag2 .blk, .greenflag3 .blk { color:#FFF !important; }
.greenflag1 a.blk:hover, .greenflag2 a.blk:hover , .greenflag3 a.blk:hover { color:#FFF !important; }
.greenflag2 a, .greenflag3 a, .greenflag6 a { color:#FFF; }
.greenflag4 a, .greenflag4 a.blk { color:#000 !important; }
.apboxlb .greenflag7 a { color:#000; }
.lightrow td, .lightrow td .blk { color:#BBB; }
.light-grey { color:#D5D5D5; }
.xpnum { text-align:right; }
.noborder, .noborder td, .noborder2, .noborder2 td { border:0px none; background-color:transparent; }
.greenflag .noborder, .greenflag0 .noborder, .greenflag1 .noborder, .greenflag2 .noborder, .greenflag3 .noborder { color:#FFF; }

.adminnav { margin-bottom:20px; z-index:999; }
.adminlinks { padding:0px; border:1px solid #E06C00; border-bottom:0px none; text-align:left; background-color:#FFF; }
.adminlinks a { color:#666; text-decoration:none; font-size:12px; }
.adminlinks div { line-height:25px; border-bottom:1px dotted #999; color:#666; padding-left:15px; font-size:12px; }
.adminlinks a:hover { text-decoration:underline;  } 

.linklist{ padding: 0px; margin:0px; list-style-type: none; font-size:14px; text-align: left; height:33px;  } 
.linklist li{ background-image:url(../images/icons/download-icon.jpg?x=y); background-repeat:no-repeat; display: inline; margin: 0px; background-color:#FFF; float:left; width:340px; margin-right:20px; margin-bottom:20px; height:70px; border:1px solid #CCC; border-bottom:5px solid #F58426; line-height:auto;  }
.linklist li a { text-decoration: none; z-index: 1; padding: 0px; color: #000000; display:block; text-align:left; height:55px; width:250px; padding:8px 5px 7px 85px; font-size:14px; }
.linklist li a:hover { text-decoration: underline !important; color: #000000; text-decoration: none; }


.linklist{ font-size:18px; height:60px;  } 
.linklist li{ background-image:none; margin: 0px; background-color:transparent; width:340px; margin-right:20px; margin-bottom:20px; height:auto; border:0px none; border-radius:10px; }
.linklist li a { background-color:#F58426; border-radius:10px; width:310px; color: #FFF; display:block; text-align:center; height:100px; padding:15px; font-size:22px; }
.linklist li a:hover { text-decoration: none !important; background-color:#111; color:#FFF; }


.c4theader { background-color:#F58426; color:#FFF; height:42px; line-height:42px; font-size:14px; padding-left:15px; margin-bottom:45px; margin-left:15px; margin-right:15px; }
.c4theader a { color:#FFF; text-decoration:none; }
.c4theader a:hover { text-decoration:underline; }
.c4tbody { padding:0px 30px 0px 30px; }
.c4tbody h1 { color:#F58426; font-size:24px; font-weight:bold; }
.c4tbody p, .c4tbody li { font-size:16px; }
.c4tbody.size16 p, .c4tbody.size16 li { font-size:16px; }
.c4tbody a { text-decoration:none; }
.bodyarea.c4t { padding:5px 0px 10px 0px; line-height:normal; }

input:-webkit-autofill { background-color: #fff !important;  }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset; }
.scheduleneg { background-color:#C00; color:#FFF; }

.largeadpicker #gbaddress, .largeadpicker .size10 { font-size:16px !important; }
@media print { 
body, body.portal { background-image:none; background-color:#FFF; }
.portal .bodyarea { border:0px none; padding-top:0px; padding-bottom:0px; margin-bottom:0px; }
.bam { padding-bottom:0px; }
#headerbox { display:none; }
.portalnav { display:none; }
.expensesummarybox { margin-top:0px; border-width:6px; margin-bottom:20px; }
.expensesummarybox h1 { font-size:18px; margin:0px; line-height:24px; }
.notprinting { display:none; }
#amberlettersent { display:none; }
#formfooter, #lastbrowser { display:none; }
.rightcolumn { display:none; } .portal .bam { width:100%;} 
.textfieldRow, .radioButtonRow, .dateSelectRow, .selectfieldRow, .confirmationRow, .checkboxRow { padding: 2px 0 1px 0 !important; } 
h2 { margin-bottom:3px !important;} .groupOne, .groupTwo { margin-bottom: 8px; } 
.signoutbar, .firstfooter, .bodybottom, #loginnav, #scuWrb { display:none; } .top2bottom { background-image:none; background-color:#FFF; } .bodyarea, .pgsbody { border:0px none;} 
.rlogo { width:auto !important; height:17mm !important; padding-left:10mm; }
#MainPortalLogo { float:right; height:15mm !important; margin-right:10mm; } 

}

.expensedate { background-color:#F5F5F5; border-radius:10px; border:1px solid #999; padding:5px; font-size:18px; margin-bottom:10px; }

.bamRecBox, .bamRecBox2, .bamRecBoxNotRec { display:none; font-size:20px; margin-bottom:10px; padding:5px; border-radius:10px; background-color:#FFF; }
.bamRecBox img, .bamRecBox2 img, .bamRecBoxNotRec img { float:left; margin-right:10px; }
.bamRecBox a, .bamRecBoxNotRec a { color:#666; font-size:12px; }
.bamRecBoxNotRec { background-color:#E5E5E5; color:#666; filter:alpha(opacity=60); opacity:0.6; }
.bamhead, td.bamhead, .inbam td.bamhead { font-size:16px !important; margin-bottom:2px; padding-bottom:2px; border-bottom:1px solid #000; }
.inbam td.bamhead { font-weight:normal; padding-top:10px; }
.bamsave { float:right; width:20px; z-index:10; }
.bamsave img { width:20px; cursor:pointer; }
.xp.bamstd { width:97% !important; }

.bamRecBox2 { background-color:transparent; }
.bamRecBox2 a { color:#FFF !important; font-size:12px; }

#CommsList { font-size:12px; }
/* extra contract styles for inline viewing */
.Contract2017 ol { list-style:upper-alpha !important; text-align:justify; }
.Contract2017 ol ol { list-style:decimal !important; text-align:justify; }
.Contract2017 ol ol ol ol { list-style:lower-alpha !important; text-align:justify; }
.Contract2017 li { margin-bottom:5px; margin-top:10px; }
.Contract2017 h1 { font-size:16pt;}
.Contract2017 .tint { background-color:#DCE6F2 !important; }

.commBox  { border:1px solid #CCC; border-radius:5px; padding:8px; margin-bottom:5px;text-align: left; }
.commBox.requiresaction { border:3px solid #F90; padding:6px; }
.commHeader { border-bottom:1px solid #CCC; text-align: left; }
.commHeader.peoback { padding:2px; }
.commsDisplay { overflow-y:auto; overflow-x:hidden; max-height:500px; margin-bottom:20px; }
.commsDisplay.agencystyle { max-height:none; height:auto; margin-bottom:20px; font-size:14px; }
.commsDisplay.agencystyle .commBox { margin-bottom:15px; }
.commsDisplay.agencystyle .commHeader { font-size:18px; margin-bottom:5px; }

/* AWS */
.ToggleButtons { height:100px; border-left:40px solid #C2C0C1; border-right:40px solid #C2C0C1; width:160px; background-color:#231F20; }
.SubMinus { display:inline-block; width:70px; height:60px; z-index:999; margin-top:20px; }
.SubMinus img { cursor:pointer; width:60px; height:60px; }
.mobilecss .SubMinus { width:70px; height:60px; }
.mobilecss .SubMinus img { width:60px; height:60px; vertical-align:bottom; margin-top:5px; }
.mobilecss .SubAdv { font-size:40px; width:220px; height:65px; }
.awsback { background-color:#231F20; padding:34px; color:#FFF; }
.awsleftbox, .awsrightbox { float:left; width:458px; height:458px; }
.awsleftbox { text-align:center; }
.awsrightbox { float:right; border-radius:10px; background-color:#FFF; color:#000; }
.awsLeftTopBox { background-color:#D5D5D5; border-radius:10px 10px 0px 0px; padding:13px; margin-top:20px; color:#000; }
.awsLeftBottomBox { background-color:#D5D5D5; border-radius:0px 0px 10px 10px; padding:0px; margin-bottom:20px; color:#000; }
.awsamount { margin:10px 0px 10px 0px; padding-bottom:10px; background-color:#FFF; border-left:15px solid #F58426; border-right:15px solid #F58426; text-align:center; font-size:70px; color:#000; }
#AdvanceShow { font-weight:bold; }
#WhenMoneyArrives { font-size:18px; text-align:center; padding:20px; }
#promocodebox { background-color:#D5D5D5; border-top:10px solid #231F20; border-bottom:10px solid #231F20; font-size:18px; padding:18px; text-align:center; }
#submitarea { padding:22px; font-size:14px; }
#termsbox td { vertical-align:top; border-bottom:0px none; }
.awsback #mainsububutt, .awsback .submitlg2 { font-size:22px; }
.subudiv { border:0px none; }

.mobilecss .awsback { padding:5px; }
.mobilecss .awsleftbox, .mobilecss .awsrightbox { float:none; width:auto; height:auto; }
.mobilecss #AdvanceShow, .mobilecss .awsamount strong { font-size:65px; margin:0px;  }
.mobilecss .awsamount { font-size:16px; }
.mobilecss .submitlg2, .mobilecss .submitlg3 { font-size:18px !important; display: inline-block; margin-top: 2px; margin-bottom: 2px; }

.cantadvance .awsamount { font-size:30px; border-radius:10px 10px 0px 0px; margin-top:20px; }
.cantadvance .awsLeftBottomBox, .cantadvance .awsLeftTopBox, .cantadvance #submitarea, .cantadvance #WhenMoneyArrives { display:none; }
.cantadvance .awsleftbox, .cantadvance .awsrightbox { height:auto; float:none; width:auto; background-color:transparent; }
.cantadvance #promocodebox { border-radius:0px 0px 10px 10px; border:0px none; }

.SmallBoxBlack, .SmallBoxWhite, .MarginBox { padding:2px; width:22px; background-color:#000; color:#FFF; display:inline-block; text-align:center; border-radius:5px; margin-right:3px; font-size:12px; }
.SmallBoxWhite { background-color:#FFF; color:#999; }
.MarginBox { width:45px; text-align:right; padding-right:4px; padding-left:0px; }
.MarginBox.isgreen { background-color:#093; }
.MarginBox.isamber { background-color:#F90 }
.MarginBox.isred { background-color:#C00; }
.MarginBox.isblack { background-color:#000; }

.prodnav2 { margin-bottom:10px; margin-top:10px; padding-bottom:10px; padding-top:10px; border-bottom:1px solid #DDD;  border-top:1px solid #DDD; }
.NavBadge, .NavBadgeOn { display:inline-block; width:25px; text-align:center; background-color:#E5E5E5; color:#000; border-radius:3px; margin-left:2px; margin-right:2px; padding:5px 0px 5px 0px; font-size:14px; border:1px solid #000; text-decoration:none !important; }
.NavBadgeOn { background-color:#000; color:#FFF; }
.NavBadge:hover { background-color:#000; color:#FFF; }
.NavBadgeOn:hover { background-color:#E5E5E5; color:#000; }
.mobilecss .NavBadge, .mobilecss .NavBadgeOn { font-size:15px; width:29px; }

.cancelledcontract { color:#DDD !important; font-size:12px !important; }
.cancelledcontract a, .cancelledcontract .blk { color:#CCC !important; }
.cancelledcontract .size18 { font-size:14px !important; }

.WalletPointsBox { background-color:#EA205A; padding:20px 40px 20px 40px; color:#FFF; font-size:22px; margin-bottom:5px; text-align:center; }
.mywalletlogo { vertical-align:middle; width:30%; margin-right:50px; }
.LoyaltyPointsBox { width:50%; padding:10px 0px 10px 0px; background-color:#AFC6D0; text-align:center;color:#EA205A; font-size:12px; }
.LoyaltyPointsBox .piggybank { position:absolute;z-index:50; font-size:36px; color:#FFF; font-weight:bold; top:78px; text-align:center; width:100%; }
.LoyaltyPointsBox img { width:120px; margin-top:5px; }

.benefits-nav { height:150px; background-image:url(/images/layout/benefits/myw-back.png); background-repeat:repeat-x; text-align:center; background-size:auto 151px; }
.benefits-nav img { height:150px; }
.benefits-h1 { font-size:48px; text-align:center; font-weight:bold; margin-bottom:20px; }
.benefit-action-button { height:70px; }
.mywalletbox { padding:10px; text-align:center; }
.mywalletbox p { font-size:16px; }
.mywalletbox h2 { color:#30b1d7; font-size:22px; font-weight:bold; margin-top:40px; border-bottom:0px none; background-color:transparent; }
.mywalletbox h2 span { color:#30b1d7; background-color:transparent; }

.WalletPointsBox2 { background-color:#30b1d0; background-image:url(/images/extra/benefits-blue-back.jpg); font-size:16px !important; background-position: left -30px; background-repeat:nno-repeat; background-size:100%; padding:30px 40px 30px 40px; color:#FFF; }
.WalletPointsBox2 .imagebox { float:left; width:50%; text-align:center; }
.WalletPointsBox2 .mywalletlogo { width:60%; margin-right:67px; margin-top:13px; }
.mwText { float:left; width:50%; text-align:left; }
.pointsTotalText { float:left; line-height:30px; margin-right:20px; }
.pointsBox { float:left;width:100px; padding:2px 10px 2px 10px; border:1px solid #FFF; font-size:28px; border-radius:5px; text-align:center; font-weight:bold; margin-right:30px; }
.pointsStatement { float:left; line-height:30px; font-size:12px; }

.mobilecss .WalletPointsBox2 { padding:30px; background-position:0 0; background-size:100% 100%; }
.mobilecss .WalletPointsBox2 .imagebox { float:none; width:auto; }
.mobilecss .mwText { float:none; width:auto; text-align:justify; }
.mobilecss .WalletPointsBox2 .mywalletlogo { width:200px; margin-right:0px; margin-top:0px; margin-bottom:10px; }
.mobilecss .pointsBox { width:auto; min-width:100px; }

.slimHeader { height:118px; }
.mobilecss .slimHeader { height:50px; text-align:left; }
.mobilecss .bodywidth { width:auto; }
.slimHeader .bodywith { padding-top:31px; text-align:left; }
.mobilecss .slimHeader .bodywidth { padding:10px; }
.returnToWeb { float:right; line-height:55px; } .mobilecss .returnToWeb { line-height:30px; }
.headerNav { font-size:16px; height:30px; line-height:30px; }
.mobilecss .headerNav { text-align:center; font-size:18px; }
.paye-back.bodywidth.headerNav { display:none; } .mobilecss .paye-back.bodywidth.headerNav { display:block; }
.slimFooter { height:120px; } .mobilecss .slimFooter { height:auto; min-height:50px; }
.footerContent { text-align:left; height:80px; width:1130px; line-height:40px; border-bottom:2px solid #E9EFEF; padding-bottom: 40px; margin-bottom: 40px; } .mobilecss .footerContent { height:auto; width:auto;text-align:center; }
.bootstraprow { border-bottom:0px none; margin-bottom:20px; }
.bootstraprow.SpaceForLabel { padding-top:30px; }
.bootstraprow.hoverover:hover { background-color: #E5E5E5; }
.moblabel { padding:25px 5px 5px 5px !important; }
.newTextLabel { position:absolute; top:0px; left:5px; z-index: 999; }
.centeredRow { text-align: center; }
.centeredRow .newTextLabel { width:100%; left:0px; }
.centeredRow input { text-align: center !important; }
.mainwidth { max-width:500px; margin:10px; padding:10px; }
.ConsultantBox { max-width:500px; margin:10px; padding:10px; border:1px solid #CCC; border-radius:5px; }
.collapsingBody .ConsultantBox { max-width: none; margin:0px; margin-bottom: 20px; }
.mobilecss .ConsultantBox { margin:10px 0px 10px 0px; }
.NelsoniFrame { width: 570px; min-height: 220px; border: none; resize: both;  }

.ciscol1 { display:inline-block; width:160px; text-align:right; }
.ciscol2 { display:inline-block; width:100px; text-align:right; }

.UploadedFile { margin-top:5px; margin-bottom:5px; }
.inbam .UploadedFile { background-color: #F5F5F5; padding: 8px 30px 8px 30px; border-radius: 5px; margin-bottom: 10px; font-size:18px; text-align: center; }
.inbam .FileCategory, .inbam .FileUploaded { display: block; margin:7px 0px 7px 0px; font-size:16px; }
.inbam .UploadedActions { position:absolute; top:15px; right:20px; }

.circled { border-radius: 50%; behavior: url(PIE.htc);background-repeat: no-repeat; background-position:center center; }
.iconbox { position:absolute; top:3px; background-color:#CCC; padding:5px; width:20px; height:20px; }
.icontext { background-color:#EEE; height:22px; width:22px; text-align:center; line-height:22px; display:inline-block; font-size:16px; border:1px solid #333; }
.icontext.inactive { background-color: #F5F5F5 !important; color:#CCC !important; border-color: #CCC; }
.icontext.inactive:hover { background-color: #E5E5E5; color:#AAA; border-color: #AAA; }
.circled.greenicon { background-color: rgba(88, 151, 88); color: #FFF; }
.gradingAreaList .iconbox { top:3px; padding:5px; right:83px; }
.firstaid, .firstaidamber, .firstaidgrey { background-image:url("https://i.blackculm.com/w/153-aid-kit.png"); background-size: 17px; background-position: 6px 5px; background-color:#C00;  }
.firstaid { background-color:#C00; }
.firstaidamber { background-color:rgb(247, 190, 33); }
.firstaidgrey { background-color:#AAA; }

.rotator { width:40px;height:40px; margin-bottom:10px; cursor:pointer; background-size: 25px; background-position: center center; }
.showImage { width:300px; height:300px; margin:auto; background-repeat:no-repeat; background-size:contain; background-position:center top; position:relative; }
#uploadingcanvas1 { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:9999; background-color:#FFF; display:none; }
.input-pin { width:25px; padding:5px; font-size:26px; border-radius:5px; border:1px solid #000; text-align:center; margin:10px 4px 10px 4px; }
.input-pin.bitofagap { margin-right:10px; }
.mobilecss .input-pin { width:45px; font-size:30px; }
.input-pin.threechars { width:90px; }
.feedback2 { border:3px dotted #999; padding:20px; margin:20px; border-radius:10px; font-size:18px; }
::placeholder { color: #CCC; opacity: 1; }
:-ms-input-placeholder, ::-ms-input-placeholder { color: #CCC; opacity: 1; }
.cke_source {white-space: pre-wrap !important; }

.gotCompBox { display:inline-block; height:22px; width:22px; background-size: contain; background-repeat:no-repeat; background-image:url('/images/icons/273-checkmark.png'); margin-right:3px; }
.gotCompBox.notcompleted { filter:alpha(opacity=10); opacity:0.1; background-image:url('/images/icons/272-cross.png');  } 
.CompCheckBoxes { font-size:20px; margin-bottom:10px; margin-left:0px; height:35px; line-height:35px; padding-left:60px; background-image:url("/images/icons/273-checkmark.png"); background-size: 30px; background-position: 20px 2px; background-repeat:no-repeat; cursor:pointer; }
.CompCheckBoxes.NotDone { background-image:url("/images/icons/272-cross.png"); }
.CompCheckBoxes:hover { background-color:#E5E5E5; }

.colourHeading { width:210px; text-align:right; display:inline-block; margin-right:15px; }

.unreleased td { background-color: #FFFFFF !important; color:#CCC !important; border-color:#EEEEEE; }
.unreleased td a, .unreleased td strong { color:#DDD !important; }

.docChooser { max-height:400px; max-width:500px; overflow-y:auto; padding-top:20px; }
.docChooser .docItem { border:1px solid #CCC; border-radius:5px; padding:5px; margin-bottom:2px; font-size:12px; cursor: pointer; }
.docChooser .docItem:hover { background-color: #F5F5F5; }
.docChooser .docItem.isSelected { background-color: #f5f36f6e; }

.collapsing { background-color: var(--peoBlue); padding:10px 34px; border:1px solid #CCC !important; border-radius: 5px; margin-bottom: 20px; color:#FFF; background-position: 5px center; font-size:18px; background-size: 22px; background-repeat: no-repeat; background-image: url(/images/icons/w/1120-plus-circle.png); height:auto !important; }
.collapsing.green { background-color: var(--pgsGreen); }
.collapsing.grey { background-color: #E5E5E5; color: #333; background-image: url(/images/icons/1120-plus-circle.png); }
.collapsing:hover { cursor: pointer; }
.addCounter { display: block; float: right; border:2px solid #FFF; border-radius: 5px; padding:2px 4px; font-weight: bold; margin-top:-4px; }
.curvedbox .addCounter { border:2px solid #000; }
.collapsing.open { border-radius:5px 5px 0px 0px; margin-bottom:0px; background-image: url(/images/icons/w/1121-minus-circle.png); }
.collapsing.grey.open { background-image: url(/images/icons/1121-minus-circle.png); }
.collapsing.afterFeedBack { border-top-right-radius:0px;border-top-left-radius:0px; }
.collapsingBody { display: none; border:1px solid #CCC; border-top:0px none; border-radius: 0px 0px 5px 5px; padding:15px; margin-bottom: 20px; background-color: #FFFFFF; }

.showSQL { display: none; }
.pgsDial { cursor:pointer; float:right; width:20px; height: 20px; background-image: url("/images/icons/0288-phone-wave.png"); background-repeat: no-repeat; background-position: center center; background-size: 18px; }

.ui-autocomplete.ui-front { z-index: 9999; }