@charset "utf-8";
/* CSS Document */

/* GLOBAL: ~~~~~~~~~~~~~~~*/
html{
	background:url(images/pageBGR.gif) top left repeat #012a56;}
html, body{
	padding:0; margin:0;}
* {	margin: 0; padding: 0;}
body{font-size: .85em; 
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/topBGR.gif) top left repeat-x;}
	
h1, h2, h3, h4, h5, h6{
	margin:10px 0 2px 0; padding:0;}
h1{	font-size:22px;
	color:#003e7e;
	font-family:Arial narrow bold;
	font-weight:bold;
	margin:15px 0 0 0; padding:0;}
h1 + p {
	padding-top:0; margin-top:10px!important;}
h2{	color:#f89f14;
	font-size:15px;}
h2 + p {
	padding-top:0; margin-top:5px!important;}
h2.getStarted{	font-size:22px;
	color:#003e7e;
	font-family:Arial narrow bold;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.35em;}
h3{	font-size:1.3em;}
h4{	font-size:1.25em;}
h5{	font-size:1.2em;}
h6{	font-size:1.15em;}

p	{margin:10px 0; padding:0;}

a, a:visited{	
	color:#003e7e;}
a:hover{}

a.btnPrimary,
input#btnLogin{
	background:url(images/btnPrimary.gif) top left repeat-x #f8a014;
	font-weight:bold;
	color:#003e7e;
	padding:6px;
	border:1px solid #f8a014;}

img{
	border:none;}

ul	{	
	margin:8px;  padding:0 0 0 10px;}
ul li	{
	list-style:disc;
	padding:8px 0; margin:0;}

dl{		
	margin:10px 0;  padding:0;}
dl th{}
dl dd{}

table{
	margin:10px 0; padding:0;}
table th{}
table tr{}
table tr td{}

form{}
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{}
#header-wrap{
	display:block;
	height:90px;
	background:#fff;}
#header{
	width:960px;
	margin:0 auto;
	position:relative;}
#header img.logo{
	width:360px; height:90px;
	position:absolute;
	top:1px; left:0;}
#header img.poweredByKuder{
	width:150px; height:38px;
	position:absolute;
	top:25px; right:0;}	
	
	
	
#banner-wrap{
	display:block;
	height:350px;}
#banner{
	width:960px;
	margin:0 auto;
	height:330px;
	text-align:center;}
	
	
#tabs-wrap{
	width:1000px;
	margin:0 auto;
	background:url(images/shadow-center.png) top center repeat-y;
	position:relative;
	margin-top:-20px;}
#tabs-wrap ul.tabs{
	padding:0; margin:0 20px 0 20px;
	display:block;
	background:url(images/tabsBGR.png) top center no-repeat;
	height:40px;
	position:relative;
	border-bottom:1px solid #fff;}
#tabs-wrap ul.tabs li{
	padding:0; margin:0;
	display:inline;}
#tabs-wrap ul.tabs li.first a{
	margin-left:10px;}
#tabs-wrap ul.tabs li a{
	color:#01284f;
	text-transform:uppercase;
	padding:12px 20px 12px 20px!important; margin:0; 
	display:inline-block;
	float:left;
	text-decoration:none;
	font-size:14px;
	font-family:Arial narrow bold;
	font-weight:bold;}
#tabs-wrap ul.tabs li.active a{
	background:url(images/tabs-activeIMG.png) top left no-repeat;
	background-position:0 10px;}
#tabs-wrap ul.tabs li a:hover,
#tabs-wrap ul.tabs li.active a{
	text-decoration:underline;}
	
	
#center-wrap{
	width:1000px;
	margin:0 auto;
	clear:both;
	background:url(images/shadow-center.png) top center repeat-y;}
#center{
	margin:0 20px;/*make room for shadow*/
	background:#fff;
	position:relative; overflow:hidden;}


#content-col01{
	width:310px;
	float:left;
	color:#003e7e;
	font-size:13px;}
#content-col01 .padding{
	padding:20px 0 20px 30px;}
#content-col01 img.getting-started{
	margin-top:20px;}
#content-col01 table.tbl-login {
	padding:0; margin:10px 0;}
#content-col01 table.tbl-login tr td{
	color:#003e7e;
	padding:2px 0; margin:0;}
#content-col01 table.tbl-login tr td.col_label{
	width:90px;
	text-align:right;}
#content-col01 table.tbl-login tr td.col_label label{
	padding-right:5px;
	 
	font-weight:bold;}
#content-col01 table.tbl-login input{
	width:180px;
	border:1px solid #94acc5;}
#content-col01 p.loginLinks a,
#content-col01 p.loginLinks a:visited{
	display:block;
	color:#003e7e;
	padding:2px 0;}	

/*HOME - PAGE*/
#page-home #center{
	background:url(images/col01BGR.gif) top left repeat-y #fff!important;}
#page-home #content-col01 .padding{
	padding:20px!important;}
	
	
#content-wrap{
	margin-left:310px;}
#content-main{
	width:650px;
	float:left;}
#content-main .padding{
	padding:20px 65px 15px 45px;}
#content-main  p{
	margin:20px 0; padding:0; 
	line-height:1.6em;}
#content-main{
	line-height:1.6em;}




	
#content-col02{
	margin-left:590px;
	display:none;}

	
	
	
	
#footer-wrap{
	width:1000px;
	margin:0 auto;
	clear:both;
	background:url(images/shadow-bottom.png) top center no-repeat;}
#footer-wrap .padding{
	padding:25px 20px;
	text-align:center;
	color:#fff;
	font-size:.85em;}
#footer-wrap .padding a,
#footer-wrap .padding a:hover{
	color:#fff;
	text-decoration:none;
	padding:5px;}
#footer-wrap .padding a:hover{
	text-decoration:underline;}
#footer-wrap .padding a.link-kuder,
#footer-wrap .padding a.link-kuder:hover{
	padding-left:0;}

