@charset "utf-8";
/* CSS Document */

/* GLOBAL: ~~~~~~~~~~~~~~~*/
html{
	background:url(images/pageBGR-patternOverlay.png) top left repeat #767676;}
html, body{
	padding:0; margin:0;}
* {	margin: 0; padding: 0;}
body{font-size: .89em; 
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/headerBGR.png) top left repeat-x;}
	
h1, h2, h3, h4, h5, h6{
	margin:15px 0 2px 0; padding:0;}
h1{	font-size:1.435em;}
h2{	font-size:1.3em;}
h3{	font-size:1.23em;}
h4{	font-size:1.2em;}
h5{	font-size:1.15em;}
h6{	font-size:1.1em;}

p	{margin:10px 0; padding:0;}
a{	color:#026dd3;}
a:hover{color:#026dd3;}

img{
	border:none;}

ul	{	
	margin:10px;  padding:0;}
ul li	{
	list-style:disc;}

dl{		
	margin:10px 0;  padding:0;}
dl th{}
dl dd{}

table{
	margin:10px 0; padding:0;}
table th{}
table tr{}
table tr td{}

form{
	margin:0; padding:0;}
label{}
input{}

sup, sub {/*Prevent Superscripts and Subscripts from Affecting Line-Height*/
   vertical-align: baseline;
   position: relative;
   padding-right:2px;
   top: -0.3em;}
   
hr{}

/* CUSTOM: ~~~~~~~~~~~~~~~*/
.error{		color:red;}
.important{ color:red;}
.floatL{	float:left;}
.floatR{	float:right;}
.hide{		display:none;}
.clearBoth, .clearfloat{
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
.accessibility{
	position: absolute;
   	left: -999em;}	

/* LAYOUT: ~~~~~~~~~~~~~~~*/
#page-wrap{}

#center-wrap{
	width:960px;
	margin:0 auto;
	position:relative;}
#content-col01{
	position:absolute;
	top:0px; right:0px;
	margin-left:690px;
	font-size:.95em;}

#content-wrap{}
#header-wrap{
	height:240px;
	background:url(images/LOGO.png) top left no-repeat;}
#content-main{
	width:690px;}
#content-main .padding{
	margin:60px 60px 35px 30px}
	
#content-main p{
	line-height:2.5em;
	color:#fff;
	font-size:16px;}
	
	
	
.customLinks-WRAP1{
	background:url(images/whiteTransparency.png) top left repeat;}
.customLinks-WRAP2{
	width:960px; 
	margin:0 auto;}
.customLinks-WRAP3{
	margin-right:270px;}
table.customLinks{
	width:100%;
	margin:0 0 15px 0; padding:0;}	
table.customLinks td{
	width:33%;
	padding:0; margin:0;}	
table.customLinks td h3{
	color:#002d62; 
	margin-left:20px;
	padding-top:10px;
	font-size:18px}
	
table.customLinks td ul{
	margin:10px 0 5px 20px; padding:0;}	
table.customLinks td ul li{
	list-style:none;
	margin:0px; padding:4px 0 4px 16px;
	background:url(images/bullets/primary.png) top left no-repeat;
	background-position:0 8px;}	
table.customLinks td ul li a{
	color:#fff;
	text-decoration:none;}	
table.customLinks td ul li a:hover{
	text-decoration:underline;}		



#content-col01 .login-outerWRAP1,
#content-col01 .login-outerWRAP2,
#content-col01 .login-innerWRAP1,
#content-col01 .login-innerWRAP2{
	margin:0; padding:0;
	font-size:14px;}

#content-col01 .login-outerWRAP1{
	background:url(images/getStarted-header.png) top center no-repeat;
	padding-top:105px;}
#content-col01 .login-outerWRAP2{
	background:url(images/getStarted-center.png) top center repeat-y;}
#content-col01 .login-innerWRAP{
	background:url(images/colGradient.png) bottom center no-repeat;
	padding:10px 20px 30px 20px;
	position:relative;
	bottom:-5px;}

#content-col01 .login-innerWRAP a{ color:#026dd3; }


/*#content-col01 ul.login{
	margin:0; padding:0;}
#content-col01 ul.login li{
	margin:0; padding:0; 
	list-style:none;}
#content-col01 ul.login li a{
	display:block;
	margin:0; padding:6px 5px 7px 31px;
	background:url(images/bullets/login.png) left center no-repeat;
	color:#000;
	font-weight:bold;
	text-decoration:none;}
#content-col01 ul.login li a:hover{
	text-decoration:underline;}*/


#content-col01 p.btnLogin{
	text-align:right;
	clear:both;
	display:block;}
#content-col01 p.btnLogin input{
	display:block;
	float:right;
	width:70px; height:30px;
	background:url(images/buttons/btn_loginBGR.png) left center no-repeat; 
	cursor:pointer; 
	border:0; color:#fff;}
#content-col01 p.loginLinks{
	clear:both;
	text-align:right;
	display:block;}
#content-col01 p.loginLinks a{
	display:block;
	line-height:1.5em;}

#content-col01 table.login{
	border:none; padding:0; margin:0;
	width:232px;}
#content-col01 table.login tr td.col_label{
	width:100px;}
#content-col01 table.login tr td.col_label label{
	width:100px;}
#content-col01 table.login tr td.col_input{
	width:132px;
	text-align:right;}
#content-col01 table.login tr td.col_input input{
	width:132px;}


#content-col01 hr{
	border:none;
	color:#e2e2e2;
	background:#e2e2e2;
	margin:10px 0 0 0; padding:0;
	height:2px;
	border-bottom:1px solid #fff;}	
	
	
	
#content-col01 h2{
	color:#002d62;
	margin-top:15px;}
#content-col01 p{
	color:#4b4b4b;
	margin-bottom:10px;
	line-height:1.5em;}

#footer-wrap{
	background:#002d62;
	overflow:hidden;
	margin-top:18px;}
#footer-wrap .padding{
	width:960px; margin:0 auto;
	padding:3px 10px;
	text-align:center;
	font-size:.9em;
	color:#fff;}
	
#footer-wrap p.poweredByKuder{
	padding:5px 0;
	display:block; width:150px; 
	float:left;}
#footer-wrap p.kuderFooterLinks{
	margin:0;
	display:block; 
	margin-left:200px; 
	text-align:right;
	padding:35px 0 0 0;}
	
#footer-wrap a,
#footer-wrap a:active,
#footer-wrap a:visited{
	color:#fff;
	text-decoration:none;}
#footer-wrap a:hover{
	color:#fff;
	text-decoration:underline;}	
	
	
/* percentGRID24-row ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.percentGRID24-row{
	display:block;
	clear:both;
	width:100%;
	overflow:visible;}
.percentGRID24-row:after{
	/*IE-6 and IE-7 does NOT support ":after", so need to triger has-layout for those 2 browsers*/
    content:".";
    display:block;
    height:0;
    clear:both; position:relative;
    visibility:hidden;}
.percentGRID24-row{display:inline-block;}
/* Hide from IE Mac \*/
.percentGRID24-row{display:block;}
/* End hide from IE Mac */
.percentGRID24-row .GRID-col{
	display:block;
	float:left;
	zoom:1;	
	height:100%;
	vertical-align:top;
	/* 12 col GRID:
	margin-right:3%;*/
	margin-right:2.5%;
	overflow:visible;
	word-wrap: break-word;/*IE-only*/}