/* In this CSS
site, header, navigation, content, footer, forms, global
*/

/*/////// site /////////////////////////////////////////////////////////////*/

* { margin: 0; padding: 0; }
a { outline: expression(blur()); outline: 0; }
table { empty-cells: show; }
table td, table th { vertical-align:top;}

html { 
	/*site wide inherited attributes*/
	color : #333333; 
	font: 13px/19px Arial, Helvetica, sans-serif; 
	filter: expression( document.execCommand("BackgroundImageCache", false, true)); 
 }
body { 
	margin: 0; 
	padding: 0;
	background:#ffffff url(/Images/CommonImages/site_bg.jpg) center top repeat-x;
 }
.wrapper { 
	margin: 0 auto; 
	width: 960px; 
 }
.wrapper_padding { padding: 0; }


/*/////// header /////////////////////////////////////////////////////////////*/

.header { 
	height: 175px; 
	margin-bottom: 25px; 
	color: #ffffff; 
	font-size: 11px; 
	line-height: 16px; 
	clear:both;
	background-color:#003466;
 }
.header_padding { }

.logo{ float:left;}
.site_title { margin: 30px 0 14px 0; float:right;}

/*/////// navigation /////////////////////////////////////////////////////////////*/

ul.primary_nav { 
	height: 34px;
	width:823px;
	margin:0;
	padding:0;
	float:right;
	list-style:none;
	display:block;
 }
ul.primary_nav li { float:left; display:block; margin:0;}

.primary_nav a { color: #007650; text-decoration: none; }
.primary_nav a:link { color: #007650; text-decoration: none; }
.primary_nav a:visited { color: #007650; text-decoration: none; }
.primary_nav a:active { color: #007650; text-decoration: none; }
.primary_nav a:hover { color: #000000; text-decoration: none; }

.primary_nav a.on { color: #000000; text-decoration: none; }
.primary_nav a:link.on { color: #000000; text-decoration: none; }
.primary_nav a:visited.on { color: #000000; text-decoration: none; }
.primary_nav a:active.on { color: #000000; text-decoration: none; }
.primary_nav a:hover.on { color: #000000; text-decoration: none; }

.sec_nav { width:330px; margin-bottom:20px;}
.sec_nav_padding { padding: 0 5px 0 12px;}
h2.sec_nav_title {
	display:block;
	font-size: 15px;
	line-height: 22px;
	padding: 5px 15px 1px 15px; 
	color: #6699cc;
	background-color:#24578a;
	font-weight:bold;
}
ul.secondary_nav {
	margin:0;
	padding:15px 16px;
	list-style:none;
	display:block;
	background: #87cfeb url(/Images/CommonImages/sec_navigation_bg.jpg) left bottom no-repeat;
}
ul.secondary_nav li { margin:0; font-size:15px; font-weight:bold; line-height:18px; padding: 2px 0; border-bottom: 1px dotted #ffffff;}
ul.secondary_nav li.sec_nav_last { border-bottom:none;}
ul.secondary_nav li a { display:block; padding: 5px 4px 3px 4px; color: #ffffff !important; text-decoration: none !important; }
ul.secondary_nav li a:hover { color:#0066cc !important;}
ul.secondary_nav li a.on {background-color:#afd4e8; color:#0066cc !important;}
ul.secondary_nav li a.on:hover { background-color:#afd4e8;}

/* tabs */

ul.tabs {
	height: 33px;
	margin:0;
	margin-top: -33px;
	margin-left: 30px;
	padding:0;
	list-style:none;
	display:block;
	position:absolute;
}
ul.tabs li { float:left; display:block; font: bold 15px/20px Helvetica, "Trebuchet MS", sans-serif; margin: 0 3px 0 0; background:none !important; padding:0 !important;}
ul.tabs li a { color: #70a3d6; text-decoration: none; display:block;}
ul.tabs li a:link { color: #70a3d6; text-decoration: none; }
ul.tabs li a:visited { color: #70a3d6; text-decoration: none; }
ul.tabs li a:active { color: #70a3d6; text-decoration: none; }
ul.tabs li a:hover { color: #70a3d6; text-decoration: none; }

ul.tabs li a.on { color: #00a4e4;}
ul.tabs li a.on:link { color: #00a4e4;}
ul.tabs li a.on:visited { color: #00a4e4;}
ul.tabs li a.on:active { color: #00a4e4;}
ul.tabs li a.on:hover { color: #00a4e4;}

.ui-tabs-hide { display: none; }
#cons { line-height: 22px; }

/* accordian and bar headers */

ul.drawers {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
ul.drawers li { margin:0; padding:0; display: block;}
ul.drawers ul { margin:0; padding:0; display: block; list-style:none;}
ul.drawers li.drawer { padding: 0 2px 8px 33px; display:block; float:left; width:298px;}

li.drawer_on { background: url(/Images/CommonImages/nav_arrow.gif) left 5px no-repeat;}

h2.drawer-handle { padding: 0; color: #ffffff; height:30px; display:block; font: 14px/14px Arial, Helvetica, sans-serif; overflow:hidden; cursor:pointer;}
.step_title h2.drawer-handle { cursor:default !important;}
/*H2.open { height:27px;}*/

ul.nav_text { background: url(/Images/CommonImages/nav_text_bg.gif) center bottom no-repeat;}
ul.nav_text li {padding:8px 10px; font: 12px/17px Arial, Helvetica, sans-serif; color:#666666;}

H2.drawer-handle span.nav_bar_text {display:block; padding: 8px 10px 8px 0; margin: 0 0 0 10px;}
H2.drawer-handle a { color: #ffffff; text-decoration:none; display:block; height:30px;}
H2.drawer-handle a:link { color: #ffffff; text-decoration: none;}
H2.drawer-handle a:visited { color: #ffffff; text-decoration: none;}
H2.drawer-handle a:active { color: #ffffff; text-decoration: none;}
H2.drawer-handle a:hover { color: #ffffff; text-decoration:none; zoom:1;}

H2.drawer-handle a .read_more { text-decoration:underline; cursor:pointer;}
H2.drawer-handle a:hover .read_more { text-decoration:none;}

li.drawer_on H2.drawer-handle { background: #ffffff url(/Images/CommonImages/bars_grey.gif) left top no-repeat !important;}
li.drawer_on H2.drawer-handle span.nav_bar_text {background: #ffffff url(/Images/CommonImages/bars_grey.gif) right top no-repeat !important;}
li.drawer_on H2.drawer-handle a { color:#ffffff !important;}

H2.blue {background: #ffffff url(/Images/CommonImages/bars_blue.gif) left top no-repeat !important;}
H2.blue span.nav_bar_text {background: #ffffff url(/Images/CommonImages/bars_blue.gif) right top no-repeat !important;}
H2.blue, H2.blue a { color: #99ccff !important;}

H2.red {background: #ffffff url(/Images/CommonImages/bars_red.gif) left top no-repeat !important;}
H2.red span.nav_bar_text {background: #ffffff url(/Images/CommonImages/bars_red.gif) right top no-repeat !important;}
H2.red, H2.red a { color: #ffffff !important;}

H2.yellow {background: #ffffff url(/Images/CommonImages/bars_yellow.gif) left top no-repeat !important;}
H2.yellow span.nav_bar_text {background: #ffffff url(/Images/CommonImages/bars_yellow.gif) right top no-repeat !important;}
H2.yellow, H2.yellow a { color: #663300 !important;}

H2.green {background: #ffffff url(/Images/CommonImages/bars_green.gif) left top no-repeat !important;}
H2.green span.nav_bar_text {background: #ffffff url(/Images/CommonImages/bars_green.gif) right top no-repeat !important;}
H2.green, H2.green a { color: #ffffff !important;}

h3.red { color:#CA484A !important; padding:10px 0;}
h3.yellow { color:#DCB532 !important; padding:10px 0;}
h3.green { color:#719D5E !important; padding:10px 0;}

/* nav elements */

.read_more { float:right;}
a.read_more { text-decoration:underline; cursor:pointer;}
a.read_more:hover { text-decoration:none;}

.open {} /* mouseover class */


/*/////// content /////////////////////////////////////////////////////////////*/

.content { clear:both;}
.content_padding { background-color:#ffffff; padding: 23px 21px 40px 21px;}

.content_header { height:182px; width:918px; overflow:hidden;}

.center_content { padding-top:22px;}
.center_content_padding { padding: 6px 30px 0 30px; background: url(/Images/CommonImages/dashed_vert.gif) right top repeat-y;}
.home_center_content_padding { padding: 0 30px;}

.right_content { width:333px; padding-top:22px;}
.right_content_padding { }


h1.title { 
	position:absolute;
	background-color:#FFFFFF;
	padding: 7px 20px; 
	margin-top:-20px;
	margin-left:10px;
}

.step_title { background-color:#f2f2f2; padding:25px 20px 7px 20px; margin-bottom:10px;}
.step_title_nav { padding: 5px 4px 0 4px; font-weight:bold;}
.step_title H2.drawer-handle { font: bold 18px/18px Arial, Helvetica, sans-serif;}
.step_title H2.drawer-handle span.nav_bar_text {padding: 6px 10px 6px 0;}

.back_to { background-color:#f2f2f2; color:#00a4e4; font: 12px/20px Arial, Helvetica, sans-serif; padding: 4px 22px;}
.back_to a { color: #00a4e4; text-decoration: none;}
.back_to a:link { color: #00a4e4; text-decoration: none;}
.back_to a:visited { color: #00a4e4; text-decoration: none;}
.back_to a:active { color: #00a4e4; text-decoration: none;}
.back_to a:hover { color: #00a4e4; text-decoration:underline;}

/* lisitng */

ul.listing {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
ul.listing li { margin:0; padding:0 0 0 20px; display: block; line-height:20px; background:url(/Images/CommonImages/bullet_torquise.gif) 3px 7px no-repeat;}
ul.listing a { color: #33aede !important; font-weight:bold; line-height:22px;}

.step_list_text { padding:3px 5px 10px 5px;}

/* tool */

.tool_section_origin { font-size:15px; font-weight:bold;}

.tool_title { color:#003366; font: bold 18px/26px Arial, Helvetica, sans-serif; padding:12px 22px;}
.download_header {background:#f2f2f2;}
.download_header_featured {background:#f2f2f2 url(/Images/Icons/Tool-Icon.gif) right 15px no-repeat;}
.download_header_padding {padding: 28px 72px 40px 22px; text-align:right;}
ul.download_tab { margin-left: 22px !important; height:27px !important; margin-top:-27px !important;}
.tool_content { padding: 20px 24px;}

/* callout */

.callout { margin-bottom:20px; color:#336699; line-height:15px;}
.callout_padding { padding: 0 5px 0 12px;}
.callout_title { font: 22px/26px Helvetica, Arial, sans-serif; color:#003366;}
.callout_hr { height:1px; overflow:hidden; border-bottom: 1px dotted #999999; margin: 0 5px 20px 12px;}
.callout_icon { float:left;}
.callout_icon img { margin: 0 4px 4px 4px;}
.callout_text { float:left; width: 249px; color:#666666; line-height:20px;}

.teaser {}
.teaser_padding { padding:0 2px 0 33px;}
.teaser a { color:#00a4e4 !important;} 

/* site map */
.site_map { margin-top:20px;}
.site_map td { padding-right:20px;}

/*/////// footer /////////////////////////////////////////////////////////////*/

.footer { 
	color: #999999;
	font-size: 11px;
	line-height: 20px;
	clear:both;
}
.footer_padding {background:#ffffff url(/Images/CommonImages/footer_bg.jpg) center top repeat-x; padding: 10px 12px;}

.footer_nav { padding-left:12px; float:left; width:860px;}

.footer_nav a { color: #003366; text-decoration: underline; padding: 0 10px;}
.footer_nav a:link { color: #003366; text-decoration: underline; }
.footer_nav a:visited { color: #003366; text-decoration: underline; }
.footer_nav a:active { color: #003366; text-decoration: underline; }
.footer_nav a:hover { color: #003366; text-decoration: none; }

#backtotop { text-align:left; padding: 0 21px 24px 21px; display:none;}

/*/////// forms /////////////////////////////////////////////////////////////*/

form { display: inline }

.form { margin-top: 10px; border:1px solid #dfdfdf; color:#666666; margin-bottom:8px;}
.form_padding { padding:40px 12px 12px 12px;}

legend.form_title { color:#075b87; font: bold 13px/18px Arial, Helvetica, sans-serif; margin-left:12px; padding: 0 6px; background-color:#fff;}
.form_info { float:right; background: #fff url(/Images/CommonImages/form_req_ast.gif) 3px 4px no-repeat; padding: 0 6px 0 12px; margin-right:18px; margin-top:-13px;}


.formcell { 
	clear:both;
	border-bottom: 1px solid #dfdfdf;
	padding: 7px 6px;
}
.form label { 
	font-size: 12px; 
	line-height: 17px; 
	display: block; 
	width:45%;
	float:left;
	margin-right:3%;
}
.form input, .form select, .form textarea { 
	color : #000000; 
	font: normal 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	margin: 0; 
	border: 2px solid #dfdfdf; 
	float:left;
}

.form .form_req label { background: url(/Images/CommonImages/form_req_ast.gif) right top no-repeat;}
.form .form_err { border-top: 1px solid #df7d7d !Important; border-bottom: 1px solid #df7d7d !Important; background-color:#ffdfdf; }
.form .errmessage { display:none; font: bold 12px/18px "Trebuchet MS", Helvetica, sans-serif; color:#ca4c4c; background-color:#ffbfbf;  margin-bottom:10px; padding: 4px 6px;}
.form .form_err .errmessage { display:block;}
.form_selected { background-color:#fffcdf;}
.form_selected input, .form_selected select, .form_selected textarea {border-color:#f0cc01; }

option { padding-right: 5px; }

.no_border { border: none !important; width: auto !important; }
.no_border input { border: none !important; }
input[type='checkbox'] { border: none !important; }
input[type='radio'] { border: none !important; }


.short { width: 25% !important; }
.medium { width: 50% !important; }
.long { width: 100% !important; }

textarea.medium { height: 65px !important; }
textarea.long { height: 120px !important; }

.form_submit { clear:both; background-color:#e4e4e4;}
.form_submit_padding {padding: 6px 12px; text-align:right;}
.form_submit input { margin-left:15px;}
input.button { 
	/*use to make a button-like element on a button*/
	color: #ccffff !important; 
	font: bold 12px/16px Arial, Helvetica, sans-serif; 
	padding: 5px 10px; 
	background-color: #006699; 
	border: none; 
	width: auto; 
	cursor: pointer; 
}
input.clear_button { 
	/*use to make a button-like element on a button*/
	color: #666666 !important; 
	font: 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	padding: 3px;
	background-color: transparent; 
	border: none; 
	width: auto; 
	cursor: pointer;
	text-decoration:underline;
}
input.clear_button:hover { text-decoration:none;}

/*/////// homepage modal /////////////////////////////////////////////////////////////*/

.framework_callout {
	padding: 0 0 25px 23px;
}


.overlayBkgd {
	background-color: #003366;
	left: 0;
	opacity: 0.6;
/*	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
*/	filter: alpha(opacity = 60);
	overflow: hidden;
	position: absolute;
	top: 0;
	display: none;
	z-index: 100;
}
.modal {
	background: white none repeat scroll 0 0;
	display: none;
	height: 300px;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	top: 20px;
	width: 900px; height: 625px;
	z-index: 120;
	background: #fff;
}
.modal-pad { padding: 10px;}
.modal-pad .close { margin-top: -5px; margin-left: -20px; text-align: right; position:absolute; width: 900px; font-size: 14px; font-weight: bold; color:#ca6634;}

.modal-pad a {text-decoration:none;}
.modal-pad a:link {text-decoration:none;}

.framework_image {
	position:absolute;
	right:0;
	padding:0 40px 20px 20px;
}

.framework_header h1 {
	color:#983434;
	padding-left:0px;
}

.framework_content {
	margin: 40px 0 25px 40px;
}

.framework_content p {
	width: 380px;
}
.framework_orange_block {
	display:block;
	background-color:#fcb827;
	width:41px;
	height:41px;
	margin-left: -55px;
	float:left;
}

.section_title_box {
	background:url(../Images/CommonImages/Framework_section-bg.gif) top center no-repeat;
	height:57px;
	vertical-align:top;
	text-align:center;
	padding-top:15px;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#333333;
	width:100%;
	text-align:center;
}

.small_text {
	font-size:11px;
	color:#999999;
}

.framework_sections ul {
	list-style-type:disc;
	color:#346699;
}

.framework_sections li {
	margin-left:15px;
	font-size:11px;
}


/*/////// global /////////////////////////////////////////////////////////////*/

a { color: #33AEDE ; text-decoration: underline; }
a:link { color: #33AEDE ; text-decoration: underline; }
a:visited { color: #33AEDE ; text-decoration: underline; }
a:active { color: #33AEDE ; text-decoration: underline; }
a:hover { color: #33AEDE ; text-decoration: none; }

p { margin: 0 0 8px 0; padding: 0 0 7px 0 ; }
p.indent { text-indent: 30px; }
blockquote{ font-style: italic}
address { font-style:normal; padding: 0 0 15px 15px;}

h1 { 
	font: 22px/28px Helvetica, Arial, sans-serif;
	padding: 10px 0 15px 0; 
	color: #336699; 
}

h2 { 
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 10px; 
	color: #003366; 
}

h3 { 
	font-size: 15px; 
	line-height:20px;
	padding: 0 0 4px 0; 
	color: #336699; 
}
h3 a {color: #336699 !important; }

h4, h5, h6 { 
	font-size: 13px; 
	padding: 0 0 4px 0; 
	color: #336699; 
}

table.basic { 
	/*table class to have padding=0 border=0 spacing=0 width=100% valign=top*/
	border: none; 
	width: 100%; 
	padding: 0; 
	margin: 0; 
	border-spacing: 0px; 
	border-collapse: collapse; 
}
table.basic td { 
	padding: 0; 
	vertical-align: top; 
}

.tablegrid { border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; color: #666666; }
.tablegrid td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

.float_left { 
	float: left; 
	position: relative; 
}
.float_right { 
	float: right; 
	position: relative; 
}
.clear { clear: both; }

.odd { background-color: #CCCCCC; }
.even { background-color: ; }

.hr { 
	background-color : #E6E6E6; 
	margin: 1px 0; 
	height: 1px; 
	overflow: hidden; 
}

ol { 
	margin: 2px 0px 7px 15px; 
	padding: 2px 0px 7px 15px; 
}

ul { 
	margin: 2px 0px 7px 0; 
	padding: 2px 0px 7px 0;
	list-style:none;
} 
.center_content ul li { background: url(/Images/CommonImages/bullet_torquise_sm.gif) left 7px no-repeat; padding: 0 0 0 10px; display:block; margin-bottom:7px }
li { margin-bottom: 3px;}

ul ul { 
	margin: 0px 0px 0px 15px; 
	padding: 0px 0px 0px 15px; 
} 

img { border: 0px; }
.icon { 
	/*aligns img/input/text so they all have verticle centering - all elements need to be the same height*/
	vertical-align: middle; 
}
img.icon { 
	margin: 0 5px 0 5px; 
	display: inline; 
}

.img_mask { 
	position: absolute; 
	z-index: 100; 
}

@media print { 
	
}