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

/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
	}
ul,li {
	list-style-type:none;
	}

body{
 margin: 0 auto;
 font-family: "Lucida Sans Unicode", sans-serif;
 font-size: 9pt;
 line-height: 14pt;
 color: #2d2c2e;
 background-color: #ededed;
 background: transparent url(../images/adm/hdr_bg.gif) repeat-x 100% 0;
}

hr {
	clear:both;
	visibility:hidden;
	}
.clear, .clear-break {
	clear: both;
	}
.centered, p.centered {
	text-align:center;
	}
.right {
	text-align:right;
	}		
img {
	border:0;
	}	
.red {
	color: #f00000;
	}
	
/* Header Layout
------------------------------------------------------------------*/
#header-wrap {
	width: 100%;
	height: 175px;
	display: block;
        background: -webkit-linear-gradient(to right, #08b0ef, #08b0ef, #81d5f7, #81d5f7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(to right, #08b0ef, #08b0ef, #81d5f7, #81d5f7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to right, #08b0ef, #08b0ef, #81d5f7, #81d5f7); /* For Firefox 3.6 to 15 */
  background: -ms-linear-gradient(to right, #08b0ef, #08b0ef, #81d5f7, #81d5f7); /* Standard syntax */
/*	background: #002c5f url(../images/adm/ccm_in.jpg) top left repeat-x;*/
	}
	
#header {
	width: 900px;
	height: 124px;
	margin: 0 auto;
	display: block;
	background: transparent url(../images/adm/ccm_in_hdr.jpg) top left no-repeat;
	}

	
#header h1 {
	/*width: 269px;
	height: 124px;
	display: block;  
	background: transparent url(../images/adm/hdr_logo.gif) top left no-repeat; */
	text-indent: -9999px;
}

/* Content Layout
------------------------------------------------------------------*/
#content-wrap {
    
	background: #fff url(../images/content_bg.gif) top right;
	}
	
#contents {
        width: 90%;
/*	width: 80%;*/
	margin: 0 auto;
	/* background: #fff url(../images/content_bg.gif) top right; */
	}
	
#main-content {
	min-height: 514px;
	padding: 30px 50px 10px 50px;
	}
	
#main-content p {
	padding-top: 15px;
	}
	
#main-content table {
	margin-bottom: 10px;
	min-width: 50%;
	font-size: 7pt;
	line-height: 11pt;
	}
	
#main-content table th {
	padding: 5px;
	background-color: #6699FF;
	border-bottom: 2px solid #666;
	}

#main-content table tr td {
	padding: 5px;
	background-color: #fff;
	border-bottom: 1px dotted #333;
	border-left: 1px dotted #333;
	}
	
#main-content table tr td label {
	display: block;
	}
	
.total {
	font-weight: bold;
	color: #d00000;
	}
/* login */
#login-desc {
	width: 60%;
	display: block;
	float: left;
	}
	
/* Page title replacements */
#welcome {
	width: 222px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/adm/welcome.jpg) top left no-repeat;
	}

#viewsoa {
	width: 389px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/adm/viewsoa.gif) top left no-repeat;
	}

#step-1 {
	width: 57px;
	height: 57px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: transparent url(../images/adm/step_1.gif) top left no-repeat;
	margin: 20px 10px 10px 0px;
	}

#step-2 {
	width: 57px;
	height: 57px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: transparent url(../images/adm/step_2.gif) top left no-repeat;
	margin: 20px 10px 10px 0px;
	}
	
#tot_due {
	text-align: right;
	font-size: 18pt;
	font-weight: bold;
	color: #d00000;
	}
	
#contents a:link, #contents a:visited {
	color: #002c5f;
	text-decoration: none;
	border-bottom: 1px dotted #002c5f;
	font-weight: bold;
	}
	
#contents a:hover, #contents a:visited:hover, #contents a:focus {
	color: #69f;
	border-bottom: 1px solid #69f;
	}
	
.ccm_card {
	background-color: #6699FF;
	padding: 4px;
	color: #000;
	font-weight: bold;
	}
        
        
/*notice layout        */

.sort_icon{
     position: absolute; 
     margin-top: 3px; 
     margin-left: 3px;
}

#plist_div{
    float: left; 
    width: 100%; 
    padding: auto;
    padding-top: 15px; 
    padding-bottom: 15px;
    background-color:#19306a;
    
}

#notice{
    top: 250px;
    left: 20px;
    border: 1px solid gray;
    -webkit-box-shadow: 7px 7px 20px #332e2e;
    -moz-box-shadow: 7px 7px 20px #332e2e ;
    border-radius: 0px 0px 10px 10px ;
    -moz-border-radius:0px 0px 10px 10px ;
    -webkit-border-radius:0px 0px 10px 10px ; 
}
#notice p {
	padding-top: 15px;
	}
	
#notice h3 {
	 font-size: 12px;
	}
#notice table {
margin-bottom: 10px;
min-width: 50%;
font-size: 7pt;
line-height: 11pt;
}
	
#notice table th {
	padding: 5px;
	background-color: #6699FF;
	border-bottom: 2px solid #666;
        font-size: 10px;
	}

#notice table tr td {
	padding: 5px;
	background-color: #fff;
	border-bottom: 1px dotted #333;
	border-left: 1px dotted #333;
        font-size: 10px;
	}
	
#notice table tr td label {
	display: block;
        font-size: 10px;
	}


/* Footer Layout
------------------------------------------------------------------*/

#footer-wrap {
	width: 100%;
	min-height: 60px;
	border-top: 1px solid #999;
	}
	
#footer {
	width: 80%;
	margin: 0 auto;
	border-top: 4px solid #999;
	}


/* Navigation Layout
------------------------------------------------------------------*/
ul#adm-nav {
    width: 900px;   
    height: 50px;
    margin: auto;
}

ul#adm-nav li {
    display: block; 
    float: left;
    margin-right: 35px; 
}

#navigator {
    /*background-color: #001834; */
	background-color: #003471;
	height: 150px;
	}
	
ul#main-nav {
	width: 900px;  
	height: 50px;
	margin: 0 auto;
	background: transparent url(../images/adm/nav-ins.jpg) 0px 0px no-repeat;
}

ul#main-nav li {
	padding: 0px;
	margin: 0px;
	display: block; 
	float: left;
	text-indent: -9999px;
	}
	
ul#main-nav li a {
	display: block; 
	text-decoration: none;
	border: 0px solid #000;
	overflow: hidden;
	background: transparent url(../images/adm/nav-ins.jpg) no-repeat;
	}
	
/* Define navigation area */
li#home a {
	/*width: 71px; */
	width: 71px; 
	height: 50px;
	border: 0px solid #000;
	}

li#cards a {
	/*width: 69px; */
    width: 130px; 	
	height: 50px;
	border: 0px solid #000;
	}
/*
li#benefits a {
	width: 88px;
	height: 50px;
	}
*/	
li#faqs a {
	/*width: 57px; */
	width: 80px;
	height: 50px;
	}

li#contacts a {
	width: 105px;
	height: 50px;
	}
	
li#access a {
	/*width: 181px; */
	width: 210px;
	height: 50px;
	}

li#apply a {
	width: 120px;
	height: 50px;
	}
        
li#rewards a {
	width: 180px;
	height: 50px;
	}        

/* Mouse-over Actions */
li#home a:link, li#home a:visited {
	background-position: 0px 0px;
	border: 0px solid #000;
	}

li#home a:hover, li#home a:focus {
    /*background-position: 0px -50px; */
	background-position: 0px -44px;
	border: 0px solid #000;
	}

li#cards a:link, li#cards a:visited {
	/*background-position: -71px 0px;*/
	background-position: -65px 0px;
	border: 0px solid #000;
	}

li#cards a:hover, li#cards a:focus {
	/*background-position: -71px -50px;*/
	background-position: -66px -44px;
	border: 0px solid #000;
	}

/*li#benefits a:link, li#benefits a:visited {
	background-position: -140px 0px;
	border: 0px solid #000;
	}

li#benefits a:hover, li#benefits a:focus {
	background-position: -140px -50px;
	border: 0px solid #000;
	}
*/
li#faqs a:link, li#faqs a:visited {
	/*background-position: -228px 0px; */
	background-position: -190px 0px;
	border: 0px solid #000;
	}
	
li#faqs a:hover, li#faqs a:focus {
	background-position: -190px -44px;
	border: 0px solid #000;
	}
	
li#contacts a:link, li#contacts a:visited {
	/*background-position: -285px 0px; */
	background-position: -280px 0px;
	border: 0px solid #000;
	}
	
li#contacts a:hover, li#contacts a:focus {
	/*background-position: -285px -50px;*/
	background-position: -281px -44px;
	border: 0px solid #000;
	}
	
li#access a:link, li#access a:visited {
	background-position: -390px 0px;
	border: 0px solid #000;
	}
	
li#access a:hover, li#access a:focus {
	/*width: 200px; */
	background-position: -391px -44px;
	border: 0px solid #000;
	}
        
li#rewards a:link, li#rewards a:visited {
	background-position: -600px 0px;
	border: 0px solid #000;
	}
	
li#rewards a:hover, li#rewards a:focus {
	background-position: -600.2px -44px;
	border: 0px solid #000;
	}
	
li#apply a:link, li#apply a:visited {
	background-position: -780px 0px;
	border: 0px solid #000;
	}
	
li#apply a:hover, li#apply a:focus {
	background-position: -781px -43.5px;
	border: 0px solid #000;
	}
	
/* Active Buttons */
body#access-pg ul#main-nav li#access a {
	background-position:-390px 0;
	}

body#reports-page ul#main-nav li#reports a {
	background-position:-225px -25px;
	}

body#account-page ul#main-nav li#account a {
	background-position:-320px -25px;
	}

body#faq-page ul#main-nav li#faq a {
	background-position:-425px -25px;
	}

ul#main-nav li ul {
	z-index: 100;
	visibility: hidden;
	position: absolute;
}

ul#main-nav li ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	border-bottom: 1px solid #001834;
	border-top: 1px solid #2b4866;
}

ul#main-nav li ul li a {
	padding: 10px 20px 10px 10px;;
	color: #ebebeb;
	background-color: #00234b;
	background-image: none;
	text-decoration: none;
	font: 10pt Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 20px;
	}
	
ul#main-nav li#cards ul li a {
	width: 160px; 
	}

ul#main-nav li ul li a:hover, ul#main-nav li ul li a:visited:hover {
	color: #9dcc40;
	text-decoration: underline;
}

ul#main-nav li ul li ul {
	margin: -41px 0px 0px 175px;
	position: absolute;
	}

ul#main-nav li ul li ul li {
	border-bottom: 1px solid #001834;
	border-top: 1px solid #2b4866;
	}
	
ul#main-nav li ul li ul li a {
	width: 100px;
	}
        
.error-block {
	font-size: 8pt;
	font-weight: bold;
	color: #f00;
}