@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif !important;

	background-color:#fff;
	height:100%;/* Don't mind me, I'm just the parent */
	alignment-adjust:middle;
	font-size:12px !important;
}
	

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}


.logo {
	padding-top:20px;
	margin-left:23px;
	display: block;
	height:45px;
	float:left;	
	width: auto;
	
}

.Corplogo {
	padding-top:20px;
	margin-right:10px;
	display: block;
	width: auto;
	height:45px;
	float:right;
	
}

.clientLogo {
	padding-top:10px;
	display: block;
	text-align: center;	
	width: 100%;
	
}

.pageCaption {
	
	height:25px!important;
    width: 100% !important;
	margin-top:0;
	background:url(../Images/pageCaption_BG.png) repeat-x !important;
	border-radius:10px 10px 0 0;
	vertical-align:top;
	color: white;
    font-size: 14pt;
    font-weight: bold;
	font-family:sans-serif;
	letter-spacing:1px;
	margin:inherit;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    width: 80%;
	margin-bottom:15px;
}

.outershape{
	/*margin: 1% 1% 1% 1%;*/
	display: inline-block;
	text-align:center;
	box-sizing: border-box;
	border-radius: 10px;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	box-shadow: 2px 1px 2pt 3px #777;
	background-color: #e2eaff !important;
	padding: 0 0 10px;
	height: auto; /* works only if parent container is assigned a height value */
	width: 97%; /* This can be changed to fill the page */
	min-width:1200px;
}
.innershape{
	 -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    display: inline-block;
    height: auto;
    margin-right: 1%;
	margin-bottom:1%;
	margin-left:1%;
    padding: 20px 8px 20px 20px;
    text-align: center;
	height: auto; /* works only if parent container is assigned a height value */
	min-height: 500px;
	width: 94%; 
}

/* Content */ 
div#container { 
	width: auto; 
	/*background: #FFFFFF;*/
	margin: 0 auto; 
	border: 0px solid #ccc;
	text-align: left;
	margin-right:inherit;
	padding-left: 10px;
	height:auto; /* works only if parent container is assigned a height value */
}
div#sidebar {
	float: left;
	width: 20%;
	background: #EBEBEB;
	padding: 15px 10px 15px 20px;
	height: 100%; /* works only if parent container is assigned a height value */
}
div#Content { 
	margin-left: 0%;
	width: auto;
	padding: 0 20px 20px 20px;
 /* works only if parent container is assigned a height value */
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 25px;
	clear:both;
	background: rgb(63,84,137); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(63,84,137,1) 0%, rgba(25,57,138,1) 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,84,137,1)), color-stop(98%,rgba(25,57,138,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(63,84,137,1) 0%,rgba(25,57,138,1) 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(63,84,137,1) 0%,rgba(25,57,138,1) 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(63,84,137,1) 0%,rgba(25,57,138,1) 98%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(63,84,137,1) 0%,rgba(25,57,138,1) 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5489', endColorstr='#19398a',GradientType=0 ); /* IE6-9 */
	color: white;
    font-size: 10pt;
	margin-top:0px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}	 

.clearB {clear:both}
.vTop {vertical-align:top}
.vMid {vertical-align: middle}
.txtGray{color:#dfdfdf}
.txtBlack {color:black}
.txtBold {font-weight:bold}
.txtCap {text-transform:capitalize}
.txtUpper{text-transform:uppercase}
.txtCenter{text-align:center !important}
.txtJustfy{text-align:justify}
.txtLeft {text-align:left}
.txtLineHei15 {line-height: 15px}
.txtSanS {font-family:sans-serif}
.txtGray {color:#5c5c5c}
.LetSpac1{letter-spacing:1px}
.fltLt {float:left}
.fltRt {float:right}
.marAuto{margin:auto !important}
.click{cursor:pointer}
.bgfff{background:#fff}
.borderCCC {border: solid 1px #ccc}
.borderCCC124{ border:solid 1px #cccccc; border-bottom:none !important}
.borderCCC234{ border:solid 1px #cccccc; border-top:none !important}
.tagBG {background:#90c1fc !important; color:#4a89d4 !important}
.portalStage {background:#fff; border: solid 1px #ccc; padding:15px}
.subHeader {background:#595959; color:#fff}
.attentionBorder {background:#fff7d5; border:solid 1px #bfb06d; padding:10px; margin:5px 0}
.alertBorder {background:#fff7d5; border:solid 1px red; padding:10px; margin:5px 0}


.F9 {font-size:9px}
.F10 {font-size:10px}
.F11 {font-size:11px}
.F12 {font-size:12px}
.F13 {font-size:13px}
.F14 {font-size:14px}
.F20 {font-size:20px; font-family:sans-serif; line-height:35px;}


.W100p {width:100%}
.W94p {width:94%}
.W92p {width:92%}
.W90p {width:90%}
.W75p{width:75%}
.W56p {width:56%}
.W50p {width:50%}
.W49p {width:49%}
.W48p {width:48%}
.W45p {width:45%}
.W43p {width:43%}
.W40p {width:40%}
.W35p {width:35%}
.W34p {width:34%}
.W33p {width:33%}
.W30p {width:30%}
.W25p {width:25%}
.W20p {width:20%}
.W19p {width:19%}
.W16p {width:16%}





.H16 {height:16px}
.H18 {height:18px}
.H20 {height:20px}
.H25 {height:25px}
.H30 {height:30px}
.H36 {height:36px}
.H50 {height:50px}

.W30 { width:30px}
.W60 { width:60px}
.W66 { width:66px}
.W70 { width:70px}
.W72 { width:72px}
.W100{width:100px}
.W105 { width:105px}
.W110{width:110px}
.W115{width:115px}
.W120 { width:120px}
.W130 { width:130px}
.W139{width:139px}
.W160{width:160px !important}
.W200{width:200px}
.W220 { width:220px}
.W230 { width:230px}
.W250 { width:250px}
.W280{width:280px}
.W300 { width:300px}
.W600 { width:600px}
.Wmin600 {min-width:600px}
.W620 { width:620px}
.W680 { width:680px}
.W642{width:642px}
.W800{width:800px}
.W850{width:850px}
.W910{width:910px}
.W930{width:930px}
.W940 {width:940px}
.W1000 {width:1000px}
.W1060 {width:1060px}
.Wmin1200{min-width:1200px}
.PT10 { padding-top:10px}

.PAll10 {padding:10px}
.PAll30 {padding:30px}

.PT5 {padding-top:5px !important}
.PB5 {padding-bottom:5px}
.PB8 {padding-bottom:8px}
.PB15 {padding-bottom:15px}
.PB20 {padding-bottom:20px}
.PB10 {padding-bottom:10px}
.PB30 {padding-bottom:30px}
.PB50 {padding-bottom:50px}


.PR10 {padding-right:10px}

.PL5 {padding-left:5px !important}
.PL10 {padding-left:10px}
.PL15 {padding-left:15px}
.PL20 {padding-left:20px !important}
.PL25 {padding-left:25px}
.PL30 {padding-left:30px}
.PL80 {padding-left:80px}

.PR30 {padding-right:30px}

.PT2 {padding-top:2px}
.PT3 {padding-top:3px}
.PT5 {padding-top:5px}
.PT10 {padding-top:10px}
.PT15 {padding-top:20px}
.PT17 {padding-top:17px}
.PT20 {padding-top:20px}

.MR2 {margin-right:2px}
.MR5 {margin-right:5px}
.MR10 {margin-right:10px}
.MR20 {margin-right:20px}
.MR30 {margin-right:30px}
.MR40 {margin-right:40px}

.ML5{margin-left:5px}
.ML10{margin-left:10px}
.ML15{margin-left:15px}
.ML17{margin-left:17px}
.ML20{margin-left:20px}
.ML30{margin-left:30px}
.ML50{margin-left:50px}
.ML85{margin-left:85px}
.ML130{margin-left:130px}


.MA30 {margin:30px}
.MT5 {margin-top:5px}
.MT7 {margin-top:7px}
.MT10 {margin-top:10px !important}
.MT12 {margin-top:12px}
.MT13 {margin-top:13px}
.MT15 {margin-top:15px}
.MT20 {margin-top:20px}
.MT25 {margin-top:25px}
.MT22 {margin-top:22px}
.MT30 {margin-top:30px}
.MT35 {margin-top:35px}
.MT40 {margin-top:40px}
.MT50 {margin-top:50px}

.MB2 {margin-bottom:2px !important}
.MB5 {margin-bottom:5px}
.MB10 {margin-bottom:10px!important}
.MB15 {margin-bottom:15px}
.MB20 {margin-bottom:20px}
.MB25 {margin-bottom:25px}
.MB30 {margin-bottom:30px}
.MB50 {margin-bottom:50px}


.minH600 { min-height:600px}



.borderTest {border: solid 1px red !important}