/* GENERAL STYLES */
/*
-----------------------------------------------
CareFirst Administrators Screen Styles
Author: Nat Ring
Version: 12/19/08
----------------------------------------------- */


@import "reset.css";
/*  mass reset so all browsers have margins set to zero
	and creates em based font sizing
	1em = 10px (approx.)
*/


/*
-----------------------------------------------
Color Library

Color Name			- 	Hex Value
Black(example)		-	#000
----------------------------------------------- */


/* Common=General
----------------------------------------------- */
body{
	background:#E6E6E6 url(/data/Assets/images/bg-body.png) repeat-x 0 0;
}
a,
a:link{
	color:#003399;
}
a:hover{
	color:#387fd5;
}
a:visited{
	color:#572667;
}
h1{
}
h2{
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.34em;
	color:#0066CC;
	margin:0 0 20px 0;
}
h3{
}
h4{
}
h5{
}
p{
	margin:0 0 10px;
}
ul{
	display: block;
	list-style-type: disc;
	margin: 1em 0;
}
ol {
	display: block;
	list-style-type: decimal;
	margin: 1em 0;
}
li {
	display: list-item;
	margin:0 0 0.5em 40px;
}
li li{
	margin:0 0 0.5em 30px;
}
	
/* nested lists have no top/bottom margins */
ul ul,   ul ol,   ol ul,   ol ol{
	margin-top:.5em;
	margin-botom:.5em;
}

/* 2 deep unordered lists use a circle */
ol ul,   ul ul{
	list-style-type: circle;
}

/* 3 deep (or more) unordered lists use a square */
ol ol ul,     ol ul ul,     ol menu ul,     ol dir ul,
ul ol ul,     ul ul ul,     ul menu ul,     ul dir ul{
	list-style-type: square;
}


table{
	margin-bottom:1em;
	border:1px solid #D6D6D6;
}
tr th{
	background:#007fd7 url(/data/Assets/images/gradient-blue-table.png) repeat-x 0 0;
	padding:5px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}
tr td{
	padding:5px;
	text-align:center;
}
tr.odd{
	background:#E5E5E5;
}


strong,
.bold{font-weight:bold;}
a.blackLink,
a.blackLink:link{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}
a.blackLink:hover{
	color:#387fd5;
}
.fileDesc{
	font-size:0.91em;
	font-weight:bold;
}


/* Common=Sructure
----------------------------------------------- */
#wrapper{
	margin:0 auto;
	width:976px;
	font-size:1.1em;
	padding:0 3px;
	background:#E6E6E6 url(/data/Assets/images/bg-contentTop.png) no-repeat 0 0;
}
#header{
	padding:10px 0 0;
	overflow:auto;
}
#header h1.header{
	float:left;
	height:63px;
	width:220px;
	position:relative;
	margin:0 0 0 20px;
}
#header h1.header a{
	cursor:pointer;
	display:block;
	float:left;
	height:63px;
	width:220px;
}
#header h1.header span{
	background:transparent url(/data/Assets/images/logo-cf.png) no-repeat scroll 0 0;
	position:absolute;
	height:63px;
	width:220px;
}
.footer{
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	text-align:center;
	color:#000000;
	padding:22px 0;
	font-size:0.9em;
}
.footer a.footerLink{
	display:inline;
	margin:0 10px;	
}


/* Common=Navigation
----------------------------------------------- */
#utilityNav{
	font-size:1.09em;
	float:right;
	padding:14px 0 0;
	margin:0;
}
#utilityNav li{
	float:left;
	display:inline;
	margin:0 25px 0 0;
}
#utilityNav li.search{
	margin:-3px 25px 0 0;
}
#utilityNav li.text{
	margin:-5px 25px 0 0;
}
#utilityNav a{
	color:#000000;
	text-decoration:none;
}
#utilityNav a:hover{color:#387fd5;}
#utilityNav input.utilSearch{
	border:1px solid #b7b7b7;
	width:136px;
	padding:2px;
	margin:0 0 0 8px;
	vertical-align:middle;
}
#utilityNav .textIcon{
	margin:0 1px -3px;
}
#utilityNav .searchBtn{
	vertical-align:middle;
	margin:0;
}
#mainNav{
}
#subNav{
}
#terNav{
}
#quatNav{
}
#breadcrumbNav{
}


/* Common=Search
----------------------------------------------- */
#searchForm{
}
#searchInput{
}
#searchForm #searchBtn{
}


/* Common=Forms
----------------------------------------------- */
form{
}

/* Homepage=Content
----------------------------------------------- */
div.content{
	clear:both;
	width:958px;
	padding:0 10px 10px 8px;
	overflow:auto;
	overflow-x:hidden;
}
.home .content{
	background:#FFFFFF url(/data/Assets/images/bg-homeBottom.png) no-repeat left bottom;
	padding:8px 10px 10px 8px;
}
.threeColumn .content{
	background:#FFFFFF url(/data/Assets/images/bg-3colBody.png) repeat-y left top;
}
/*  Gets rid of incompatibilities with Google's search module */
div#goog-fixurl .content{
	clear:none;
	width:auto;
	padding:0;
	overflow:none;
	background:none;
}
.threeColumn .bottomBackground{
	background:#FFFFFF url(/data/Assets/images/bg-3col.png) no-repeat scroll left top;
	clear:both;
	display:block;
	height:22px;
	margin:0 0 -10px -8px;
	padding:0;
	width:976px;
}
.home .primaryContent{
	font-family:Helvetica, Arial, sans-serif;
	width:540px;
	float:left;
	font-size:1.2em;
	padding:0 60px 0 20px;
}
.home .primaryContent .firstElement{
	margin-top:22px
}
.home .primaryContent p{
	line-height:1.4em;
}
.home #secondaryContent{
}
ul.panels{
	width:960px;
	height:200px;
	overflow:hidden;
	position:relative;
	clear:both;
	margin:0 0 28px;
}
ul.mainNav{
	clear:both;
	overflow:hidden;
	width:960px;
	padding:8px 8px 0px 8px;
	margin:0;
}
ul.panels li{
	display:block;
	float:left;
	height:100%;
	background:url(/data/Assets/images/gradient-blue.png) repeat-x 0 0;
	border-left:1px solid #FFFFFF;
	margin:0;
}
ul.mainNav li{
	display:block;
	float:left;
	background:url(/data/Assets/images/gradient-blue.png) repeat-x 0 0;
	width:239px;
	border-left:1px solid #FFFFFF;
	margin:0;
}
ul.panels li.first,
ul.mainNav li.first{border-left:none;}
ul.mainNav li.first{width:240px;}
ul.panels li a,
ul.mainNav li a{
	text-decoration:none;
	display:block;
}
ul.panels li.active,
ul.panels li:hover,
ul.panels li.sfhover,
ul.mainNav li.active,
ul.mainNav li:hover,
ul.mainNav li.sfhover{background:url(/data/Assets/images/gradient-orange.png) repeat-x 0 0;}	
ul.panels li span,
ul.mainNav li span{
	display:block;
	padding:14px 0 11px 20px;
	font-size:14px;
	font-family:Helvetica,sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}
ul.panels li span.first,
ul.mainNav li span.first{background:url(/data/Assets/images/gradient-blueCornerLeft.png) no-repeat 0 0;}
ul.panels li span.last,
ul.mainNav li span.last{background:url(/data/Assets/images/gradient-blueCornerRight.png) no-repeat 100% 0;}
ul.panels li.active span.first,
ul.panels li:hover span.first,
ul.panels li.sfhover span.first,
ul.mainNav li.active span.first,
ul.mainNav li:hover span.first,
ul.mainNav li.sfhover span.first{background:url(/data/Assets/images/gradient-orangeCornerLeft.png) no-repeat 0 0;}
ul.panels li.active span.last,
ul.panels li:hover span.last,
ul.panels li.sfhover span.last,
ul.mainNav li.active span.last,
ul.mainNav li:hover span.last,
ul.mainNav li.sfhover span.last{background:url(/data/Assets/images/gradient-orangeCornerRight.png) no-repeat 100% 0;}


/* Login Panel
----------------------------------------------- */
div.loginPanel{
	width:306px;
	margin:0 2px 4px 0;
	float:right;
	background:url(/data/Assets/images/bg-loginPanel.png) no-repeat bottom right;
}
.loginPanel .formArea{
	padding:0 30px 22px 48px;
	overflow:auto;
}
.loginPanel .txtInput{
	border:1px solid #999999;
	padding:1px 2px;
	width:224px;
	height:20px;
	font-size:1.2em;
}
.loginPanel .firstField{margin:12px 0 6px;}
.loginPanel label{
	font-size:1.27em;
	margin:0 0 16px;
}
.loginPanel label input{margin:3px 0 0;}
.loginPanel .loginBtn{
	margin:2px 0 0;
	float:right;
}
.loginPanel .loginLinks{
	display:block;
	float:left;
}
.loginPanel .loginLinks li{
	list-style:none;
	list-style-image:none;
	display:block;
	margin:0 0 5px 0;
}
.loginPanel .loginLinks li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003399;
}
.loginPanel .dottedTop{background:url(/data/Assets/images/div-dottedTop.png) no-repeat top left;}
.loginPanel .dottedBottom{background:url(/data/Assets/images/div-dottedBottom.png) no-repeat bottom left;}



/* Interior Login Panel
----------------------------------------------- */
form.intLogin{
	margin:12px 0 0;
}
form.intLogin .intTextInput{
	border:1px solid #999999;
	padding:1px 2px;
	width:140px;
	height:20px;
	margin:3px 0 0;
}
form.intLogin label{
	font-size:1.09em;
	float:left;
	margin:0 0 8px;
}
form.intLogin .loginLinks{
	margin:5px 0 0;
	display:block;
	float:left;
}
form.intLogin .loginLinks a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003399;
	margin:0 0 5px 0;
}
form.intLogin .loginBtn{
	float:right;
	margin:20px 0 0;	
}



/* Interior=Content
----------------------------------------------- */
.interior .primaryContent img.headerShadow{
	position:absolute;
	top:0;
	left:0;
	width:575px;
}
.interior .secondaryContent img.headerShadow{
	position:absolute;
	top:0;
	left:0;
}
.interior .primaryContent{
	float:left;
	padding:40px 40px 0 46px;
	width:489px;
	font-size:1.09em;
	position:relative;
}
.interior .primaryContent p{
	line-height:1.5em;
	margin:0 0 1.27em;
}
.interior .primaryContent li{
	line-height:1.5em;
}
.interior .primaryContent .firstElement{margin-top:19px;}
.interior .secondaryContent{
	float:right;
	width:147px;
	padding:98px 26px 0 30px;
	position:relative;
}
.interior .secondaryContent hr{
	margin:18px -10px 18px -15px;
	color:#c9c9c9;
	background-color:#c9c9c9;
}
.interior .leftNav{
	font-family:Arial, Helvetica, sans-serif;
	width:180px;
	float:left;
	padding:0 0 120px 0;
}
.interior ul.leftNav{
	margin:0;
}
.interior ul.leftNav li{
	margin:0;
	list-style-type:none;
}
.interior .leftNav ul li a{
	color:#000000;
	text-decoration:none;
	font-size:1.09em;
	display:block;
	padding:10px 10px 8px 20px;
	border-bottom:1px solid #b2b2b2;
}
.interior .leftNav ul li.active a{
	font-weight:bold;
	color:#0066cc;
	background:url(/data/Assets/images/icon-leftNavActive.png) no-repeat 8px 12px;
}
.interior .leftNav ul li a:hover{color:#0066cc;}

.interior img.headerImg{
	width:960px;
	height:94px;
	margin:0 0 26px;
}
.interior p.address{
	margin:0 0 20px 40px;
}



/* Forms
----------------------------------------------- */
form label{
	float:left;
}


/* EDITOR PROPERTIES */