@import url("reset.css");
@import url("navigation.css");

body{
	background: #FFF url(images/background.gif) top left repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#636466;
line-height:20px;
}

a:link {color: #636466;}
a:visited {color: #636466; }
a:hover {color: #2877BC; }
a:focus {color: #2877BC; }
a:active {color: #2877BC; }


/* Typgraphy */

ul{
	margin: 0 !important;
	padding: 0 !important;
}

#main-content ul li ul{
	margin: 0px 0 0px 30px !important;
}


h2{
	font-size: 12px;
	letter-spacing: 0;
}

#main-content p > h2{
	margin-top: -5px;
}

#main-content p, #main-content h2, #main-content h3, #main-content h1, #main-content h4{
	margin-left: 22px;
	margin-right: 0px;
	padding: 0;
}
h1.bigtitle{
 font-size: 20px;
 font-weight: normal;

}
 #main-content strong{margin-left: 22px;}
 #main-content p strong {margin:0;}

.group-sponsors h1, .group-sponsors h2, .group-sponsors h3, .group-sponsors h4{
	color: #C7CF17 ;
}

.group-about h1, .group-about h2, .group-about h3, .group-about h4 {
	color: #2877BC;
}

.group-statefunded h1, .group-statefunded h2, .group-statefunded h3, .group-statefunded h4 {
	color: #4b890e;
}

.group-selfinsured h1, .group-selfinsured h2, .group-selfinsured h3, .group-selfinsured h4{
	color: #7DA127;
}

.group-contact h1, .group-contact h2, .group-contact h3, .group-contact h4{
	color: #FDC621;
}
#main-content p{
	margin-bottom: 13px;
}
#main-content h2{
	font-weight: bold;
	padding: 0;
	margin-bottom: 2px;
}


#main-content ul{
	margin: 0px 0 13px 60px !important;
}
/* Structure */

#wrapper{
	margin: 0 auto;
	width: 950px;
	position: relative;
}

#header{
	height: 94px;
	margin-top: 6px;
	overflow: hidden;
	background:url(images/bg_header.png) repeat-x;
}

.left-nav{
	background: url(images/bg_leftnav.gif) bottom right no-repeat;
	display: inline;
	float: left;
	line-height: 30px;
	height:auto !important;
	margin: 0;
	padding: 0px 0 80px 0 !important;
	width: 234px;
	text-align: right;
	font-size:10px;
}

#main-content{
	display: inline;
	float: left;
	margin: 25px 0 40px 8px;
	width: 707px;
}

#footer{
	background: url(images/bg_footer.gif) top left no-repeat;
	clear: both;
	height: 32px;
	width: 950px;
	padding-bottom: 20px;
}
/* Header Classes */
.header-logo{
	display: inline;
	float: left;	
}
	
/* Left Nav */
.left-nav li{
	background: url(images/bg_leftnavlinks.gif) bottom right no-repeat;
	display: block;
	height: 28px;
	list-style: none;
	padding-right: 11px;
}
.left-nav li a{
	text-decoration: none;
}
	
.btn_freeanalysis{
    padding:32px 19px 0 0;
}



/* Footer */
.address-phone{
	color: #9a9a9a;
	font-size: 10px;
	float: left;
	margin: 13px 0;
}
.footer-logo{
	display: inline;
	float: right;
	margin: 13px 0;
}

#headerbar {padding-top:15px;}
.greenbold {color:#c7d016; font-weight:bold;}
.read-more {margin:-10px 0px 15px 21px; padding-bottom:15px; border-bottom:1px #dfdfe1 solid;}
.alignright {float:right; margin:0px 0px 20px 40px;}

#main-3-col{
	margin: 0 auto;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 40px;
	width: 950px;
}

#left-col{
	display: inline;
	float: left;
	padding:0px 24px 0px 29px;
	width: 257px;
}
#left-col p {margin-top:8px;}
#left-col strong {color:#005daa; font-weight:bold; font-size:13px;}
#mid-col strong {color:#005daa; font-weight:bold; font-size:13px;}
#right-col strong {color:#005daa; font-weight:bold; font-size:13px;}
#mid-col p {margin-top:8px;}
#right-col p {margin-top:8px;}
#mid-col{
	display: inline;
	float: left;
	padding:0px 24px 0px 36px;
	width: 260px;
}

#right-col{
	display: inline;
	float: left;
	padding:0px 0px 0px 31px;
	width: 252px;
}

.link-careers{
	display: inline;
	float: right;
	margin-left:20px; margin-bottom:10px;
}


   .kwicks
    {
    /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    float:left;
  }
    .kwicks li
    {
    /* these are required, but the values are up to you (must be pixel)
    width: 196px;*/
    height: 427px; 
    /*do not change these */
    display: block;
    overflow: hidden;
    padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
    }
    .kwicks.horizontal
    {
    /* set default position and width for smoother loading */
    width: 912px;
    }
    .kwicks.horizontal li
    {
    /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
    margin: 0px; /*Set to same as spacing option. */
    float: left;
    }
    .kwicks.horizontal .cursorDiv
    {
    margin: 0;
    padding: 0;
    width: 50px;
    height: 427px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    }
    .kwicks.horizontal .contentDiv
    {
    margin: 0;
    padding: 0;
    width: 800px;
    height: 427px;
    cursor: default;
    position: absolute;
    right: 70px;
    top: 10px;
    }
  .kwicks.vertical li
    {
    /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
    margin-bottom: 0px; /*Set to same as spacing option. */
  }
  #kwick_1
    {
    background-image: url('../images/h-1.jpg');
    width: 800px;
	background-position:right top;
  }
  #kwick_2
    {
    background-image: url('../images/h-2.jpg');
    background-color: #2772BA;
	background-position:right top;
    /* set default position and width for smoother loading */
    width: 50px;
    left: 800px;
    position: absolute;
  }
  #kwick_3
    {
    background-image: url('../images/h-3.jpg');
    background-color: #27591A;
	background-position:right top;
    /* set default position and width for smoother loading */
    width: 50px;
    left: 850px;
    position: absolute;
    }
  #kwick_4
    {
    background-image: url('../images/h-4.jpg');
    background-color: #C4D228;
	background-position:right top;
    /* set default position and width for smoother loading */
    right: 0px;
    width: 50px;
    position: absolute;
    }
    .kwicks.horizontal #kwick_4
    {
    margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
    }
    .kwicks.vertical #kwick_4
    {
    margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
    }
    .kwicks.horizontal .contentDiv a
    {
    font-size:10px; font-weight:bold; text-decoration:none; text-transform:uppercase;
    }
    .kwicks.horizontal .contentDiv a:hover { text-decoration: underline; }
    #kwick_1 a, #kwick_2 a, #kwick_3 a { color: #ffffff; border: 0;}
    #kwick_4 a { color: #ffffff; border:0;}

#locations p { margin-bottom:0px;}
.seminarfield {width:200px;}
.seminarbutton {color:#fff; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding:5px 8px 5px 8px; background:#2876bc; border:1px #10406b solid;}
.applicationbutton {color:#fff; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding:5px 8px 5px 8px; background:#c7d016; border:1px #b4bc12 solid;}
#apply {color:#fff; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding:5px 8px 5px 8px; background:#4B890E; text-decoration:none;}

/* STATE FUND SECTION */
.nextsteps{ border-left: 1px solid #dfdfe1; border-right: 1px solid #dfdfe1; border-bottom: 1px solid #dfdfe1; background: url(../images/bg_nextsteps_low.png) repeat-x bottom left; background-color: #ffffff; width: 693px; margin-top:30px; margin-left: 12px;}
.top_nextsteps{background-image:url(http://www.careworksconsultants.com/wp-content/themes/cci/images/bg_nextsteps.png); background-repeat:repeat-x; height:29px;}
.nextbox{ padding: 17px 14px 17px 13px; line-height: 18px;}
.nextbox a{color: #498a00; font-weight: bold;} .nextbox a:hover{ text-decoration: none;}
.next1, .next2{ float:left; display:inline-block; width:222px; border-right:1px solid #dfdfe1; }
.next3 { float: left; display:inline-block; width: 157px; padding-right: 0px;}
.nextstep_bold{ font-size: 12px; color: #636466; font-weight: bold;}

/*Pay Online */
.pay-info{
	padding: 20px;
	width:658px;
}
#pay-container{
	padding-bottom: 20px;
	clear: both;
	position: relative;
}
img.pay-step{ position: absolute; top:-12px; }
.pay-col1{
	border: 1px solid #dedede;
	width: 285px;
	float: left;
	padding: 13px 20px 30px 20px;
	margin: 0 9px 20px 0;
	display: inline-block;
}
.pay-col2{
	border: 1px solid #dedede;
	width: 280px;
	float: left;
	padding: 13px 20px 30px 20px;
	margin: 0 9px 20px 0;
	display: inline-block;
}
.pay-col3{
	border: 1px solid #c0d4a5;
	background-color: #e9f1e5;
	width: 241px;
	float: left;
	padding: 13px 20px 30px 20px;
	margin: 0 0 20px 0;
	display: inline-block;
}
.pay-col3 h3{ color: #528e17;}

.pay-col4{
	border: 1px solid #2876bc;
	background-color: #d9ecfc;
	width: 908px;
	float: left;
	padding: 13px 20px 30px 20px;
	margin: 0 0 20px 0;
}
.pay-col4 h3{ color: #005da9;}

#pay-form{ 	color: #636466; }

#pay-form fieldset{ border: none; margin: 0; padding: 0; margin-top: -6px; }

#pay-form .input-txt{
	background: url(../images/bg-pay-input.png) repeat-x bottom;
	height: 19px;
	border: 1px solid #dedede;
	width: 99%;
	font-size: 11px;
	line-height: 19px;
	padding-left: 4px;
	color: #636466;
}
#pay-form .input-txt-small{
	background: url(../images/bg-pay-input.png) repeat-x bottom;
	height: 19px;
	border: 1px solid #dedede;
	width: 50%;
	font-size: 11px;
	line-height: 19px;
	padding-left: 4px;
	color: #636466;
}
#pay-form .input-txt-cvv{
	background: url(../images/bg-pay-input.png) repeat-x bottom;
	height: 19px;
	border: 1px solid #dedede;
	width: 75px;
	font-size: 11px;
	line-height: 19px;
	padding-left: 4px;
	color: #636466;
	display: inline;
}
#pay-form .input-txt-amount{
	background: url(../images/bg-pay-input-cash.png) no-repeat left bottom;
	height: 19px;
	border: 1px solid #dedede;
	width: 40%;
	font-size: 11px;
	line-height: 19px;
	padding-left: 15px;
	color: #636466;
	display: inline;
}
#pay-form .input-txt-phone1{
	background: url(../images/bg-pay-input.png) repeat-x left bottom;
	height: 19px;
	border: 1px solid #dedede;
	width: 50px;
	font-size: 11px;
	line-height: 19px;
	padding-left: 4px;
	color: #636466;
	display: inline;
	margin-right: 5px;
}
#pay-form .input-txt-phone2{
	background: url(../images/bg-pay-input.png) repeat-x left bottom;
	height: 19px;
	border: 1px solid #dedede;
	width: 50px;
	font-size: 11px;
	line-height: 19px;
	padding-left: 4px;
	color: #636466;
	display: inline;
}

#pay-form .input-checkbox{}

#pay-form .required{
 color: #e3788a;
} 
#pay-form select{  }

#pay-form label{
 font-weight: bold;
 display: block;
 margin-top: 8px;
}
#pay-form label .reg-txt{
	font-weight: normal;
}
.nomargintop{ margin-top: 0px; }

.pay-line{
	background: url(../images/pay-line.png) no-repeat left 50%;
	height: 40px;
}

.pay-submit{ margin-top: 8px; }
.pay-verified{ text-align: center;}

.pay-input-half1{ width: 48%;  float: left; margin-right: 6%;}
.pay-input-half2{ width: 46%;  float: left;}

.pay-phone-1{ width: 125px; float: left; margin-right: 5px; }
.pay-phone-2{ width: 40px;  float: left; margin-right: 6%;}
.pay-phone-3{ width: 65px;  float: left;}

.pay-input-city{ width: 50%;  float: left; margin-right: 5%;}
.pay-input-state{ width: 19%;  float: left; margin-right: 5%;}
.pay-input-zip{ width: 20%;  float: left;}

.pay-input-m{ width: 35%; float: left;}
.pay-input-m, .pay-input-y{ width: 32%; float: left;}
.pay-input-cvv{ width: 36%; float: left;}
.cvv{ font-size: 9px;}

.pay-error, .pay-error2{
 border: 1px solid #e3788a;
 background-color: #f8dbdd;
 color: #414141;
 width:656px;
 font-weight: bold;
 font-size: 12px;
 margin-bottom: 35px;
}
.pay-error p, .pay-error2 p{ padding: 0 5px 5px 20px; margin-top: 5px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #dedede;
}
#tooltip h3, #tooltip div { margin: 0; }

/*End Pay Online */