/* file requested: /App_Themes/default/parent_layout.css */
/* file resolved: /App_Themes/default/parent_layout.css */
.debugPanel{background-color:Black;color:lime;height:30px;}

/* GENERAL */
body {margin: 0; padding: 0; font: 76% arial, verdana, sans-serif; color: #333; background-color: #ededed ; text-align: center}
a {color: #0067ac; text-decoration: none; border: 0; font-weight: bold;}
a:hover {text-decoration: underline;}
img {border: 0;} .image-left {float: left; margin: 0 10px 5px 0;} .image-right {float: right; margin: 0 0px 5px 10px;}  
form {margin: 0; padding: 0; }
ul {list-style-type: none;}
ul, dl, dt, dd {margin: 0; padding:0;}
sup {font-size: 0.75em; line-height: 0.5em}
label {font-weight: bold;}
fieldset {border: 0; margin: 0; padding: 0;}
legend {white-space:normal; color: #333;}
select, input, textarea {font-family: arial, verdana, sans-serif; font-size: 1em;}
ul.bulletdisc {list-style-type: disc; padding-left: 20px; margin-bottom: 15px;}
ul.bulletdisc li {padding-bottom: 2px;}
ul.bulletdisc {list-style-type: disc; padding-left: 20px; margin-bottom: 15px;}
ul.bulletdisc li {padding-bottom: 2px;}
#maincontent .fillerror {color: #f00; font-size: 0.9em; padding: 2px 0 2px 25px; background: url('/App_Themes/default/images/warning_icon.gif?v=22') top left no-repeat; margin-bottom: 0;}
#maincontent .iconnext {background: #005695 url('/App_Themes/default/images/submit_next.gif?v=22') right 50% no-repeat; padding-right: 26px; }
.lc {font-weight: normal;}
#maincontent .iconback {background: #005695 url('/App_Themes/default/images/submit_back.gif?v=22') left 50% no-repeat; padding-left: 26px; }
.lc {font-weight: normal;}
#maincontent .iconpause {background: #005695 url('/App_Themes/default/images/submit_pause.gif?v=22') left 50% no-repeat; padding-left: 26px; }
.linkbutton {border: 0; background-color: #fff;color: #0067ac; font-weight: bold; padding: 3px 10px 4px 0; cursor: pointer;text-align:left; overflow: visible;}
.iconreturn {background:#fff url('/App_Themes/default/images/icons/icon_restart.gif?v=22') no-repeat right;text-align:center; padding:6px 30px 6px 6px !important; }
.iconreturn:hover {text-decoration:underline}

.inactivelink {color: #333; cursor: default; }
a.inactivelink:focus, a.inactivelink:active {color: #333!important; background-color: #fff;}

.seplet {word-spacing: -0.2em; margin-right: 0.1em;}
.normalfont {font-weight: normal !important}
.normalfont strong {font-weight: bold !important;}
.lc {font-weight: normal;}
.nobreak {white-space:nowrap;}
label {color: #333;}
.valTextHidden{color:#fff}
p {padding: 0; margin: 0 0 1em; }
.submitbutton {border: 0; background-color: #0067ac; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 1em; cursor: pointer; padding: 3px 5px; overflow: visible;}
.secondcolumn .sidebox .submitbutton:focus {background-color: #fff; color: #0067ac !important; border:  1px solid #0067ac;}
.homebutton .submitbutton {margin-bottom: 5px;}

dl{}
dd{}
dt{font-weight:bold}
div.hlight {border: 1px solid #ccc; padding: 10px 10px  0; background-color: #fbfbfb; margin-bottom: 15px;}
.accessible {position: absolute; top: -99999px; left: -99999px;}
.questnav {clear: both; padding-top: 50px;}
.iconcancel {background: url('/App_Themes/default/images/icons/icon_roundcancel.gif?v=22') no-repeat;padding:3px 0 3px 25px;text-align:left}
.iconcancel:hover{text-decoration:underline}
.starwarning {color: #f00;}
.entryerror {background-color: #fbebeb; border: 1px solid #666;}
.field-validation-error { color: #f00; font-size: 0.9em; padding: 2px 0 2px 25px; background: url('/App_Themes/default/images/warning_icon.gif?v=22') top left no-repeat; margin-bottom: 0; display: block; clear: both; }
.warninglogo { background: url('/App_Themes/default/images/icons/icon_bigwarning.gif?v=22') left top no-repeat;}
.errorlogo { background:  #fff url('/App_Themes/default/images/icons/icon_bigwarningred.gif?v=22') left top no-repeat;}
#confirmbox {border: 2px solid #ccc; padding: 15px 15px 15px 170px;min-height:140px}
#confirmbox .questnav { padding-top: 10px; padding: 0 !important;}
#confirmbox .questnav input { padding-left: 25px; padding-right: 25px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*[class$="clearfix"] {display: inline-block;  } /* ie7, ignored by opera 8 */
* html>body .clearfix { width: 100%; } /* ie mac only */
* html .clearfix { /* Hides from IE-mac \*/
height: 1px; /* End hide from IE-mac */ }
.clearfix {display: block;}

.formrow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*[class$="formrow"] {display: inline-block;  } /* ie7, ignored by opera 8 */
* html>body .formrow { width: 100%; } /* ie mac only */
* html .formrow { /* Hides from IE-mac \*/
height: 1px; /* End hide from IE-mac */ }
.formrow {zoom: 1;}
.formrow {display: block; clear: both;  margin-top: 6px;}
.localeselector-label{padding:0 3px 0 0}

/* LAYOUT */

#skipnav {position: absolute; top: -99999px; left: -99999px;}

/* Skip navigation */

#skiplinkholder p {margin: 0;}
a:hover {text-decoration:none}
a:focus, a:active {color: #fff !important; background-color: #0067ac}

#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skiplinkholder a:focus, #skiplinkholder a:active {left: 0; top: 0; z-index: 100}
#contentholder {position: absolute; left: -200%}

#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {color: #fff; background: #333; text-decoration: none; border-bottom: solid #fff 2px; padding: 5px}

.mainpagemenu { color: #666; padding: 0; text-align: center; }
.mainpagemenu ul {text-align: right; width: 842px; margin: 0 auto; padding: 5px 10px; background-color: #fff;}
.mainpagemenu ul li {display: inline; padding: 0 5px; border-right: 1px solid #666;}
.mainpagemenu ul li.last, .mainpagemenu ul li.languageselection {border-right: 0;}
.mainpagemenu ul li.languageselection select {font-size: 0.9em; color: #666; padding-top: 1px; padding-bottom: 1px; border: 1px solid #666; }
.mainpagemenu ul li.languageselection span {font-size: 0.9em; color: #666; padding: 1px 3px 1px 0;font-weight:bold}
.mainpagemenu ul li:last-child {border-right: 0;}
.mainpagemenu a {color: #0067ac; font-size: 0.9em; font-weight: normal;}
.mainpagemenu a:hover {text-decoration: underline;}
#mainpage {}
#page {width: 862px; text-align: left; background-color: #fff; margin: 0 auto;}

#header {min-height: 108px; position: relative; border-bottom: 4px solid #3cb6fb; padding: 0 10px;}
* html #header {height: 108px;}

#header h1{margin: 0; padding: 10px 0 0;}
#header ul.navigation { position: absolute; margin:0; padding: 0; list-style:none; bottom: -1px;}
#header ul.navigation li { float:left; background-color: #fafafa; margin:0 2px 0 0; padding:0 0 0 0px;}
#header ul.navigation a { display:block; padding:8px 10px 8px; color: #333; font-weight: bold; text-decoration: none; border: 1px solid #ccc; border-bottom: 1px solid #3cb6fb; }

#header ul.navigation li a:focus, #header ul.navigation li a:active {background-color: #3cb6fb; color: #fff !important; } 
#header ul.navigation a:hover {color: #3cb6fb !important;}
#header ul.navigation .current { background: #3cb6fb !important; }
#header ul.navigation .current a { color: #fff; cursor: default; border-bottom: 1px solid #3cb6fb; }
#page #header ul.navigation .current  a:hover {color:#fff !important;}


/* breadcrumb */

.breadcrumbs ul li {display: inline; }
.breadcrumbs ul li a {color: #333; font-weight: normal;}
.breadcrumbs ul li.current a {font-weight: bold;}
/*.breadcrumbs {border-bottom: 1px solid #cfcfcf; padding-bottom: 5px; margin-bottom: 20px;}*/
.breadcrumbs {padding-bottom: 3px; margin-bottom: 10px;}

#content {min-height: 350px; padding: 20px 10px 0px; background-color: #fff; }
#content h2 {font-size: 1.5em; margin: 0 0 15px; padding: 0;}
#maincontent em {font-weight: normal; font-size: 0.8em;}
* html #content {height: 350px;}

#maincontent .articlecontent em {font-size: 1em;}

#maincontent {clear: both;}
#maincontent .questnav {padding-left: 250px;  padding-bottom: 20px;}
#maincontent .questnav input, #maincontent .questnav a  {margin-right: 10px;}

#footer {clear: both; margin-top: 20px; font-size: 0.8em; text-align: center; border-top: 1px solid #999; padding: 0; margin: 0 10px 0;}
#footer a {font-weight: bold;}
#footer p {margin: 0 0 0px; padding: 12px 0 20px;}
div.messageBox {background-image:url('/App_Themes/default/images/icons/icon_acknowledge_sm.gif?v=22');padding:5px 5px  5px 80px;border:1px solid #009c4c;background-repeat:no-repeat;background-position:15px center;background-color:#e4f4ec;width:auto;min-height:50px;margin-bottom:10px;color:#CF6237;font-weight:bold;}
div.errorBox {background-image:url('/App_Themes/default/images/icons/icon_error_sm.gif?v=22');border:1px solid #e61b23;background-color:#fceff0;color:Red;}

/* CALLOUT BOX */

.callout {display: inline;padding: 0; margin-left: 12px; font-size: 0.9em; margin: 10px 10px 10px 0; }
.callout p {font-weight: normal !important;}
.hidtext {color: #0263a8; font-size: 0.8em;}
.hidtext span {font-size: 0.9em;}
.hidtext a {cursor: help; text-decoration: none;}
.hidtext a strong {display: block; margin-top: 5px;}
.hidtext a span { position: absolute; cursor: help; color: #000; top: -99999px; left: -99999px; width: 225px; background: #fff;  border-bottom: 1px solid #0067ac; z-index: 200;}
.hidtext a:hover span, .hidtext a:focus span, .hidtext a:active span, .hidtext a.showme span   {top: 5px; left: 0px; }

.hidtext a:hover, .hidtext a:focus, .hidtext a:active, .hidtext a.showme {position: relative; z-index: 50; border-top: 1px solid #fff; text-decoration: none;}
.hidtext a:hover span, .hidtext a:focus span, .hidtext a:active span, .hidtext a.showme span {display: block; background: url('/App_Themes/default/images/callout_bckg.gif?v=22') left top no-repeat; margin-top: 15px; text-decoration: none; font-weight: normal; position: absolute; display: block;  padding: 17px 10px 10px; z-index: 30;}

.sideresults .hidtext a:hover span, .sideresults .hidtext a:focus span, .sideresults .hidtext a:active span, .sideresults .hidtext a.showme span  {top: -20px; left: -260px; }
.sideresults .hidtext a:hover span, .sideresults .hidtext a:focus span, .sideresults .hidtext a:active span, .sideresults .hidtext a.showme span { background: #fff; border-left: 1px solid #0067ac; border-top: 1px solid #0067ac; border-right: 1px solid #0067ac; padding-top: 10px;  padding: 10px 10px 10px;}

.fieldwarning{cursor: help; color: #000; background: #fff;  border: 1px solid #0067ac; z-index: 200;padding:4px;font-size: 0.9em;}
.invisible {display:none;}


/* services */

#maincontent ul.withoutgap {margin-bottom: 15px;}
#maincontent ul.withoutgap li {margin: 0 ; padding: 0;}
.servlogo {width: 160px; float: left; margin-top: 5px;}
.servlogo img {display: block; margin-bottom: 15px;}
.servcontent {margin-left: 180px; }

#content .services h2 {font-size: 2em;}
#content .service { background-color: #fff; min-height: 85px; margin-bottom: 15px; border: 1px solid #ccc; padding: 10px;  background-color: #fff;}
* html #content .service {height: 85px;}
#content .services .running {background: #fff url('/App_Themes/Default/images/services/icon_running.gif?v=22') left top no-repeat;}
#content .service h3 {font-size: 1.2em; padding: 10px 0 5px; margin: 0; }
#content .service p {padding: 0 0 5px; margin: 0;}

.service:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*[class$="service"] {display: inline-block;  } /* ie7, ignored by opera 8 */
* html>body .service { width: 100%; } /* ie mac only */
* html .service { /* Hides from IE-mac \*/
height: 1px; /* End hide from IE-mac */ }
.service {display: block;}

/* score breakdown widget */

.scorewidget {width: 224px; background: #f5f4f4 url('/App_Themes/Default/images/boxes/scorewidget_bottom.gif?v=22') left bottom no-repeat;}
.scorewidget .scorewidgetinner {padding: 5px 0 5px; text-align: center; background: transparent url('/App_Themes/Default/images/boxes/scorewidget_top.gif?v=22') left top no-repeat;}
#scorebreakdown .scorewidget {display: inline;}

.row .scorewidget {float: left; margin:10px 25px;}
.scorewidget h3 {font-size: 1.1em !important; text-align: center; padding: 0 10px 3px !important; margin: 0;}
.scorewidget p.notation {margin: 0; padding: 0 0 3px ;}
.scorewidget .scorebar img {display: block; margin-left: auto; margin-right: auto;}
.scorewidget .scorebar .nbprevscore {font-size: 0.9em; font-weight: bold; text-align: left; padding-left: 15px !important; padding-right: 15px !important;}
.scorewidget .scorebar .prevbad {text-align: left;}
.scorewidget .scorebar .prevmed {text-align: center;}
.scorewidget .scorebar .prevgood {text-align: right;}

.lastrowwidget {margin-right: 0 !important;}

/* video */
#content .tvset {width: 840px; margin: 0 auto;}
#content .tvset .vidheader {min-height: 50px;}
#content .tvset .vidheader h2{font-size: 1.7em; margin: 0; padding: 10px 0 0;}
#content .tvset .vidheader h3{font-size: 1.2em; margin: 0; padding: 16px 0 0;}
* html .tvset .vidheader {height: 40px;}
.mainvideo {float: left; width: 480px; margin-right: 10px;}
.mainvideo .vidcontent {padding-top: 15px;}
.mainvideo .screen {width: 480px; height: 400px;}
.mainvideo .screen img {display: block;}
.othervideos {float: left; width: 348px; }
.vidlist {padding: 0 10px 10px; height: 550px; overflow: auto; border: 1px solid #ccc;}
.vidimage {width: 78px; float: left; margin-right: 10px;}
.vidimage img {display: block;}
.vid {padding: 10px 0; border-bottom: 1px solid #ccc;}
.vid .vidcontent {width: 218px; float: left;}
#content .vid .vidcontent h4 {font-size: 1.1em;margin: 0; padding: 0;}
.vid .vidcontent p {margin: 0; padding: 0 0 5px;}

/* v2 layout */

#breadcrumbs {margin-bottom: 15px;}
#breadcrumbs ul li {display: inline; font-size: 1em;}
#breadcrumbs ul li {padding-right: 18px; background: transparent url('/App_Themes/default/images/breadcrumbarrow.gif?v=22') right center no-repeat;}
#breadcrumbs ul li.lastcrumb {background-image: none; font-weight: bold;}
#breadcrumbs ul li a {font-weight: normal;}
#breadcrumbs ul li a:hover {text-decoration: underline;}


/* v2 home */

.languageselection form {display: inline}

.twitterbox {margin: 15px 0 55px; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.twitterbox .twittlogo {width: 50px; float: left; margin-right: 10px}
.twitterbox .twitttext h4{margin: 0; padding: 0;}
.twitterbox .twitttext {width: 600px; float: left; font-size: 1em;}
.twitterbox .twittbutton{width: 165px; padding-top: 15px; margin-left: 15px; float: left;}

/* Challenges */

.challengebox {padding: 10px 200px 10px 10px; background: #f2f2f2 top right no-repeat; border: 1px solid #ccc; margin-bottom: 15px; min-height: 105px;}
* html .challengebox {height: 105px;}
.challengebox h3{font-size: 1.2em; margin: 0; padding: 0 0 5px;}



.pagebutton { color: #0067ac; text-decoration: none;  border: 0; font-weight: bold; background-color: transparent; cursor: pointer; }
.pagebuttonDisable { cursor: default; color: #999999; }


@media print {
	.mainpagemenu {display: none;}
}

.notaccessiblebox {padding: 10px 290px 10px 10px; border: 1px solid #ccc; margin-top: 15px; margin-bottom: 15px; min-height: 200px; background: #ffffff top right no-repeat;}
* html .notaccessiblebox {height: 200px;}
.notaccessiblebox h3{font-size: 1.2em; margin: 0; padding: 0 0 5px;}