/* Public Application Template v.3.0 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
body {color:#333; font-size:76%; line-height:1.25;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
abbr, acronym {border-bottom:1px dotted #ebebee; cursor:help;}
em {font-style:italic; font-weight:inherit;}
strong {font-weight:bold; font-style:inherit;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
li li, li p, td p, blockquote p {font-size:1em;}
:focus {outline:0;}
ins {text-decoration:none; color:#090; font-size:1.1em;}
del {text-decoration:line-through;}

/* Layout tools */
.clear:after {display:block; visibility:hidden; clear:both; height:0; content: ".";}

/* Watchdog : defeat deprecated content */
font, basefont {color:inherit; font:inherit; font-size:100%;}
center {text-align:inherit;}
s,strike/*,u*/ {text-decoration:inherit;}
div[align], h1[align], h2[align], h3[align], h4[align], h5[align], h6[align], p[align], blockquote[align], pre[align], font[align], img[align], center[align], dl[align], dd[align], dt[align], ul[align], ol[align], li[align], table[align], tr[align] {text-align:inherit;}
marquee {overflow:visible; -moz-binding:none;}
blink {text-decoration:none;}

/* MAIN */
html, body {background: url("../img/layout/bodyBg_tile.png") left top repeat-x; text-align:center;}

/* Primary containing block for all page areas. */
#container {background-color:#fff; margin:10px auto; padding:10px; text-align:left; width:940px;}
body.full #container {margin:0; padding:0; width:auto;}

#head {background:transparent url("../img/layout/headerBg.png") left top repeat-x; height:99px; border-bottom:1px solid #C3D2DF;}
#head a.logo {background:transparent url("../img/layout/logo.png") right top no-repeat; margin:0; padding:0 0 0 10px; display:block; float:left; height:99px; text-decoration:none; width:200px;}
	#head a.logo img {display:none;}
#headlink {height:99px; float:right; padding:0 15px 0 0;}
#headlink a {display:block; margin-top:25px; font-weight:bold; font-family:Verdana,Arial,sans-serif; color:#0365fe; width:auto;}

/* Star Ratings */
p.difficulty {height:16px; line-height:16px;}
p.difficulty span {background:#fff url("../img/layout/rating.png") left top no-repeat; display:inline-block; text-indent:-99999px; height:16px; overflow:hidden; width:100px; vertical-align:middle;}
p.difficulty span.rating1 {background-position:0 0;}
p.difficulty span.rating2 {background-position:0 -16px;}
p.difficulty span.rating3 {background-position:0 -32px;}
p.difficulty span.rating4 {background-position:0 -48px;}
p.difficulty span.rating5 {background-position:0 -64px;}

#mainContent {padding-bottom:10px; min-width:940px; overflow:hidden;}
body.full #mainContent {padding:10px; min-width:auto;}

#footer {background:transparent url("../img/layout/footer_matrix.png") left top repeat-x;  border-top:1px solid #C3D2DF; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden; height:125px; padding:23px 0 10px; margin:0; position:relative; clear:both;}
	#footer a {color:#575757; font-size:0.96em;}
	#footer .midSection {width:160px; height:133px; float:left;}
	#footer .divide {background:transparent url("../img/layout/footer_matrix.png") 0 -430px no-repeat; padding-left:15px;}
	#footer p.title {font-size:1.3em; font-weight:bold; clear:left; color:#575757;}
	#footer ul {margin-top:2px;}
	#footer .address {background:transparent url("../img/layout/footer_matrix.png") 10px -210px no-repeat; float:left; height:210px; width:210px; padding-left:80px;}
	#footer .address a {color:#2870df;}
	#footer .right {width:275px; height:133px;}
		#footer .right p.title, #footer .right ul {margin-left:35px;}
	#footer .readersViewers {float:left;}
		#footer .readersViewers {height:16px; margin:0 0 13px 0;}
		#footer .readersViewers li {float:left; padding:0 0 0 7px;}
		#footer .readersViewers a {width:16px; height:16px; display:block; background-image:url("../img/layout/footer_matrix.png"); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
			#footer .readersViewers li.pdf a {background-position:0 -350px;}
			#footer .readersViewers li.ppt a {background-position:-16px -350px;}
			#footer .readersViewers li.zip a {background-position:-32px -350px; width:14px;}
			#footer .readersViewers li.doc a {background-position:-46px -350px;}
			#footer .readersViewers li.xls a {background-position:-62px -350px; width:15px;}
		#footer p.faq {background:transparent url("../img/layout/footer_matrix.png") 0 -600px no-repeat; height:30px; position:relative; top:-7px;}
		#footer p.faq a {color:#2870df; line-height:30px; font-weight:bold; font-size:1.3em; padding-left:35px;}
		#footer p.allQuestions a {font-weight:normal; font-size:1em; color:#2870df; position:relative; left:35px; top:-10px;}

/* Horizontal Navigation */
#hNav ul {background:#efefef url("../img/layout/hNav_l1.png") left top repeat-x; border-top:1px solid #ccc; height:30px; width:100%; margin:10px 0 0 0; padding:0;}
#hNav ul li {background-color:transparent; background-image:none; margin:0; padding:0; float:left; text-align:center;}
#hNav ul li a {color:#4d4d4d; display:block; float:left; height:23px; line-height:23px; padding:3px 11px; margin-top:1px;}
#hNav ul li.here a {background-color:#303A52; color:#fff; font-size:1.1em; font-weight:bold;}
	/* Level 2 support */
	#hNav ul.l2 {background:#303A52 url("../img/layout/hNav_l2bottom.png") left bottom repeat-x; border-top:0; clear:left; height:36px; margin-top:0; width:100%;}
	#hNav ul.l2 li {padding-bottom:7px;}
	#hNav ul.l2 li a {background-color:#303A52; border-top:0; color:#fff; margin-top:0;}
	#hNav ul.l2 li.here {background:transparent url("../img/layout/hNav_l2here.png") center bottom no-repeat;}
	#hNav ul.l2 li.here a {}

/* Vertical Navigation */
#vNav {font-family:Arial,Helvetica,sans-serif; font-size:1.1em; margin-top:10px; width:160px; float:left; overflow:hidden; background-color:#f0f4f7;}
	#vNav ul {margin:0; padding:0;}
	#vNav li {margin:0; padding:0;}
#vNavContent {width:760px; float:right; overflow:hidden;}
body.full #vNavContent {margin-left:170px; overflow:visible;}
	#vNav a {display:block;}
		#vNav a.here {background-color:#FFF; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; font-weight:bold; color:#000;}
	#vNav ul {background:transparent;}
	#vNav li {background:transparent;}
	#vNav li a {background:transparent; color:#0a2d4f; font-weight:bold; text-decoration:underline; padding:6px 5px; width:150px;}
		#vNav li a.here {}
	#vNav li li a {background-color:transparent; color:#204d79; font-size:0.8em; font-weight:normal; text-decoration:none; background-image:none; font-weight:normal;}
		#vNav li li a:hover {text-decoration:underline;}
		#vNav li li.isLB a {border-bottom:0;}
			#vNav li li.isLB li a.here {border-bottom:1px solid #c5c5c5;}
	#vNav li li ul {background-color:#f1f1f1; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
	#vNav li li li {padding:0; background-image:none;}
	#vNav li li li ul {border:none;}
	#vNav li li li a {background:transparent url("../img/layout/sb_arrow_blue.gif") 4px 3px no-repeat; padding:5px 5px 5px 15px; width:140px;}
	#vNav li li li li a {background-position:18px 3px; padding:5px 5px 5px 30px; width:125px;}



/* PAGE CONTENT: USER INPUT */
.content {font-family:Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.45; text-align:left;}

/* 2Column layout support */
.content .twoColumn {width:100%; overflow:hidden;}
.content .twoColumn .leftColumn, .content .twoColumn .rightColumn {overflow:hidden; width:48.72%;}
.content .twoColumn .leftColumn {float:left;}
.content .twoColumn .rightColumn {float:right;}

/* 3Column layout support */
.content .threeColumn {width:100%; overflow:hidden;}
.content .threeColumn .leftColumn, .content .threeColumn .middleColumn, .content .threeColumn .rightColumn {width:32.32%; overflow:hidden;}
.content .threeColumn .leftColumn {float:left; padding-right:10px;}
.content .threeColumn .middleColumn {float:left; padding-right:10px;}
.content .threeColumn .rightColumn {float:left;}

/* Boxed/colored headers */
.content .boxed {border:1px solid #ccc; margin:15px 0 2px; width:318px;}
.content .boxed div {padding:5px;}
.content .boxed-left {float:left; margin-right:10px; margin-bottom:2px;}
.content .boxed-right {float:right; margin-left:10px; margin-bottom:2px;}
.content .boxed-clearLeft {clear:left;}
.content .boxed-clearRight {clear:right;}
.content .boxed h3 {font-size:1.2em; margin-top:0; line-height:26px; height:26px; padding:0 5px;}
.content .boxed-blue h3 {background:#026F9C url("../img/layout/blue_gradient.gif") left top repeat-x; color:#fff;}
.content .boxed-lightBlue h3 {background:#028FC3 url("../img/layout/lightBlue_gradient.png") left top repeat-x; color:#fff;}
.content .boxed-black h3 {background:#424345 url("../img/layout/black_gradient.gif") left top repeat-x; color:#fff;}
.content .boxed-gray h3 {background:#EFEFDB url("../img/layout/gray_gradient.gif") left top repeat-x; color:#2d2d2d;}

/* Element Spacing: Top-Down */
.content p, .content ul, .content ol, .content dl, .content table, .content blockquote, .content form, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {margin:15px 0 2px 0;}
.content *.join, .content *.afterp {margin-top:2px;}

/* Horizontal Rules */
hr {border-color:#8e8e8e; border-style:solid; border-width:1px 0 0; clear:both; margin:20px 0 0; height:0;}
hr.heavy {border-width:3px 0 0;}

/* Links */
.content a, .content a:link {color:#054b99; text-decoration:underline;}
	.content ul a, .content ul a:link {text-decoration:none;}
.content a:visited, .content ul a:visited {color:#6a2e7d;}
.content a:hover {color:#054b99; text-decoration:none;}
	.content ul a:hover {color:#054b99; text-decoration:underline;}
.content a:active, .content ul a:active {color:#039; text-decoration:underline;}
.content a:focus, .content ul a:focus {outline:1px dotted #444;}
.content a.exiter, .content a[href^='/exit/'] {background:transparent url("../img/layout/exit_button.gif") right 2px no-repeat; padding-right:13px;}

/* Headings */
.content h1 {font-size:1.4em;}
.content h2 {font-size:1.25em;}
.content h3, .content h4, .content h5, .content h6 {font-size:1.05em;} /*3 visual levels enforced*/

/* Lists 
   NOTE: IE6 uses different set of less flexible rules for UL/OL */
.content dt {margin:10px 0 2px 0; font-weight:bold;}
.content dd {margin:2px 0 2px 15px;}

.content ul {margin-left:0; padding-left:4px;}
	.content ul > li {list-style-type:none; background:transparent url("../img/layout/bullet.gif") left 4px no-repeat; padding-left:12px;}
	.content ul ul > li {list-style-type:none; background:transparent url("../img/layout/bullet_indent.gif") left 4px no-repeat;}
.content ol {list-style-position:outside; padding-left:28px;}
	.content ol > li {list-style-type:decimal;}
	.content ol ol > li {list-style-type:lower-alpha;}
	.content ol ol ol > li {list-style-type:lower-roman;}
.content ul ol, .content ul ul, .content ol ul, .content ol ol {font-size:1.0em; margin-bottom:2px; margin-top:2px;}

.content li.more {background-image:none; list-style:none; list-style-image:none; font-weight:normal; font-size:0.9em; margin-top:5px;}
.content li.more a {font-weight:bold;}
.content ul.oversized li li, .content ol.oversized li li, .content ul.oversized li li li, .content ol.oversized li li li {margin:0 0 0 0;}
.content ul.oversized li, .content ol.oversized li, .content ul.oversized li ol.oversized li, .content ul.oversized li ul.oversized li, .content ol.oversized li ol.oversized li, .content ol.oversized li ul.oversized li {margin:10px 0;}

/* Visual Anchoring */
.content a.anchorUp, .content a.anchor-up, .content a.anchorDown, .content a.anchor-down {background-color:transparent; background-position:left center; background-repeat:no-repeat; padding:0 0 0 11px;}
.content a.anchorUp, .content a.anchor-up {background-image:url("../img/layout/anchor_up.gif");}
.content a.anchorDown, .content a.anchor-down {background-image:url("../img/layout/anchor_down.gif");}
.content ul.anchor-down li, .content ul.anchorDown li {background-image:url("../img/layout/anchor_down.gif"); background-position:left 5px;}
.content ul.anchor-up li, .content ul.anchorUp li {background-image:url("../img/layout/anchor_up.gif"); background-position:left 4px;}

/* Images */
.content img.border {border:1px solid #1d1d1d;}
.content img.left {float:left; margin:5px 4px 2px 0;}
.content img.right {float:right; margin:5px 0 2px 4px;}
.content div.image img {display:block;}
.content div.s1 img, .content div.s3 img {border:1px solid #3d3d3d; margin:0 auto;}
.content div.s2 img {margin:0 auto;}
.content div.s2, .content div.s3 {border:1px solid #3d3d3d; padding:2px 0; background:#f1f1f1;}
.content div.image p.caption {margin:0 auto; font-style:italic; font-size:76%;}

/* Blockquotes */
.content blockquote {margin-left:40px; margin-right:40px; padding:8px 10px 2px 10px; font-style:italic; background-color:#efefef; color:#052346;}
.content blockquote p {margin:2px 0 8px;}
.content blockquote em {font-style:normal;}

/* Super/subscript */
.content sup {font-size:0.76em; padding-left:1px; position:relative; top:-3px; line-height:0;}
.content sub {font-size:0.76em; padding-left:1px; position:relative; bottom:-3px; line-height:0;}

/* Monospace/Code */
.content pre {font-size:1.1em;}
.content tt, .content code {color:#a20; font-family:"Courier New", Courier, monospace; font-size:1.05em; line-height:1.1;}
.content var {font-style:italic; color:#a20;}
.content kbd {font-family:'andale mono','lucida console','courier new',monospace; font-size:1em; background-color:#eee; padding-left:2px; padding-right:2px; border:1px solid #ddd; border-bottom-color:#999; border-left-color:#999;}

/* Tables */
.content table {background-color:#EEE; border:1px solid #888; border-collapse:collapse; text-align:left; margin:18px 0 2px 0;}
.content table.strict {table-layout:fixed;}
.content table.collapsed {border-collapse:collapse;}
.content table.layout {background-color:#FFF; border:0; margin:15px 0 0;}
.content table.layout tbody td, .content table.layout tbody th {border:0; padding:0;}
.content td, .content th {background-color:#FFF; vertical-align:top; padding:2px 5px;}
.content caption {font-weight:bold; text-align:left;}
.content caption.header {background-color:#4D4D4D; text-align:center; color:#FFF; border:1px solid #2F2F2F; margin:0;}
.content thead {font-size:1em;}
.content thead tr th {background-color:#052346;}
.content thead tr.level-one th, .content thead tr.levelOne th {background-color:#003063;}
.content thead tr.level-two th, .content thead tr.levelTwo th {background-color:#052346;}
.content thead th {font-weight:bold; color:#fff; border:1px solid #777;}
.content thead tr.level-two th, .content thead tr.levelTwo th {color:#fff;}
.content tfoot th, .content tfoot td {background-color:#003063; border:1px solid #888; border-top:2px solid #666; font-weight:bold;}
.content tfoot td, .content tfoot th {color:#fff; font-size:0.9em;}
.content tfoot a:link,
.content tfoot a:visited {color:skyblue;}
.content tbody tr {background-color:#fff;}
.content tbody tr.altBg td, .content tbody tr.altBg th, .content tbody tr.alt-bg td, .content tbody tr.alt-bg th {background-color:#efefef;}
	/* css3 striping */
	.content table.striped tbody tr:nth-child(odd) td {background-color:#fff;}
	.content table.striped tbody tr:nth-child(even) td {background-color:#efefef;}
.content tbody td {border:1px solid #888;}
.content tbody th {border:1px solid #535353; font-weight:bold;}
.content table thead tr th a, .content table thead tr th a:link, .content table thead tr th a:visited {color:#fff !important;}
.content table.centered, .content tr.centered, .content td.centered, .content th.centered {text-align:center;}
.content table.left, .content tr.left, .content td.left, .content th.left {text-align:left;}
.content table.right, .content tr.right, .content td.right, .content th.right {text-align:right;}

/* FORM STYLES */
	form.layout p.required {margin:0; padding:2px;}
	form.layout p.required span, form.layout span.required {color:#C00; font-weight:bold; font-size:1.5em;}
	form.layout fieldset {border:none; margin:4px 0;}
	form.layout .formRow {clear:both; padding:4px; vertical-align:middle; overflow:hidden; line-height:1.6em;}
	form.layout .noLabel {padding-left:148px;}
	form.layout .optionGroup {clear:both; width:415px; border:1px solid #fff; margin:1px 0;}
	form.layout .caption {display: block; clear:both; margin-left:145px; font-style:italic;}
	form.layout .alt-bg {background-color:#F6F1DF; border:1px solid #F6F1DF;}
	form.layout .border {border:1px solid #999; margin-bottom:12px;}
	/*--Headings as Legends--*/
	form.layout .legend {font-size:1em; font-weight:bold; display:block; padding:2px 8px; margin-top:0;}
	form.layout h2.legend {border-bottom:1px solid #A4AFAD; color:#036;}
	form.layout h3.legend {padding:2px 8px; margin-bottom:0;}
	/*--Labels--*/
	form.layout label {clear:left; width:140px; text-align:right; float:left; display:block; margin:0 0; padding-top:1px; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;}
	form.layout label.secondary {clear:none; width:140px; text-align:left; float:left; padding-left: 4px;}
	/*--Text, Password, and Select Input Styling--*/
	form.layout input[type=password] {height:19px; border:1px solid #999;}
	form.layout input[type=text], form.layout textarea, form.layout select, form.layout input[type=password], form.layout input[type=file] {float:left; margin-left: 5px; }
	form.layout textarea {padding:2px;}
	form.layout input.readOnly {border: none; border-bottom: 1px dotted #CCC;}
	/*--Radio and Checkbox Styling--*/
	form.layout fieldset.optionGroup input[type=radio], form.layout fieldset.optionGroup input[type=checkbox] {clear:left; float:left; margin:3px 3px 0 141px;}
	form.layout fieldset.optionGroup label {float:left; width:250px; clear:none; text-align:left; margin:0 3px 6px 3px; font-weight:normal;}
	/*--Required, Error, and Locked Field Styling--*/
	form.layout input.errorField, form.layout textarea.errorField, form.layout select.errorField {background-color:#FDD;} 
	/*--Horizontal Layout of Checkboxes and Radio Buttons--*/
	form.layout fieldset.horizontal {padding-left:140px; width:421px;}
	form.layout fieldset.horizontal h3.legend {margin-left:-137px;}
	form.layout fieldset.horizontal input[type=radio], form.layout fieldset.horizontal input[type=checkbox] {clear:none; margin:4px 3px 0 8px;}
	form.layout fieldset.horizontal label {float:left; width:auto !important; clear:none; text-align:left; margin:0 6px 1px 3px;}
	form.layout fieldset.horizontal br {clear:both;}
	form.layout fieldset.horizontal span.label {display:block; float:left; width:100px; text-align:right; font-weight:bold; padding-right:2px; margin:1px 0 auto -100px;}
	form.layout div.multiInput input, form.layout div.multiInput select, form.layout div.multiInput textarea {float:none;}	
	input.button {margin-right:10px; border:1px solid #999; border-top-color:#CCC; border-left-color:#CCC; padding:0.2em 0.6em; background-color:#FFF; background-position:left top; background-image: url("../img/layout/buttonDefaultInverted.gif"); background-repeat:repeat-x; color:#333; font-size:0.9em; font-weight:bold;}
	input.button:hover {background-image:url("../img/layout/buttonDefault.gif"); background-position:left bottom; border-top-color:#999; border-left-color:#999; cursor:pointer;}
	input.button:active {border-top-color:#999; border-left-color:#999; border-bottom-color:#CCC; border-right-color:#CCC; position:relative; bottom:-1px; right:-1px;}
	input.primary {padding:0.2em 0.8em; border-color:#555;}
	input.secondary {background-image:url("../img/layout/buttonSecondaryInverted.gif"); color:#656565; text-transform:capitalize;}
	input.error {background:#FCC;}

/* jQueryUI Accordion Styling */
.ui-accordion {border:1px solid #999; float:right; width:360px;}
.ui-accordion .ui-accordion-header {cursor:pointer; height:26px; margin:0; padding:0; position:relative;}
.ui-accordion .ui-state-active{background:#000 url("../img/accordion/black_gradient.gif") top left repeat-x;}
.ui-accordion .ui-state-default {background:#4A9BEA url("../img/accordion/blue_gradient.gif") left bottom repeat-x;}
.ui-accordion .ui-accordion-header .ui-icon {height:26px; width:25px; position:absolute; left:0; top:0;}
.ui-accordion .ui-state-active .ui-icon {background:url("../img/accordion/aud_down-arrow.gif") 5px center no-repeat;}
.ui-accordion .ui-state-default .ui-icon {background:url("../img/accordion/mvv_arrow_right.gif") 5px center no-repeat;}
.ui-accordion .ui-accordion-header a, .ui-accordion .ui-accordion-header a:link, .ui-accordion .ui-accordion-header a:visited, .ui-accordion .ui-accordion-header a:hover {color:#fff; display:inline-block; font-size:1.1em; height:26px; line-height:26px; padding-left:25px; text-decoration:none;}
.ui-accordion .ui-state-active a {/*reserve*/}
.ui-accordion .ui-state-default a {/*reserve*/}
.ui-accordion .ui-accordion-content {display:none; overflow:hidden; width:360px;}
.ui-accordion .ui-accordion-content div {padding:8px; width:344px;}
.ui-accordion .ui-accordion-content-active {display:block;}
.ui-accordion .ui-accordion-content p, .ui-accordion .ui-accordion-content ul, .ui-accordion .ui-accordion-content ol, .ui-accordion .ui-accordion-content dl {margin-top:12px; margin-bottom:2px;}
.ui-accordion .ui-accordion-content p.join, .ui-accordion .ui-accordion-content ul.join, .ui-accordion .ui-accordion-content ol.join, .ui-accordion .ui-accordion-content dl.join {margin-top:2px;}
.ui-accordion .ui-accordion-li-fix {display:inline;}


/* GLOBAL STYLES */
.left {float:left; margin:0 10px 10px 0;}
.right {float:right; margin:0 0 10px 10px;}
.hidden, .forPrint {display:none;}
big, .big {font-size:1.15em;}
small, .small {font-size:0.85em;}
.bold {font-weight:bold;}
.alert {color:#e00;}