/* individual skin, define colors, fonts, backgrounds...
----------------------------------------------- */

body {
   background: url("bg-container.jpg") repeat-y 0px 0em;
	background-position: center;
  	background-color: #f82315;	
  	text-align: center;
  }
  


.container {
	text-align: left;
}


/* =box
----------------------------------------------- */
.boxHeader, .boxContent, .boxFooter {
	float:left;
	width:100%;
	margin:0;
}

.boxHeader {
	background: url("box-header.gif") no-repeat 0px 0em;	
	margin-top:0px;
}

.boxContent {
	background: url("box-content.gif") repeat-y 0px 0em;	
}

.boxFooter {
	background: url("box-footer.gif") no-repeat 0px 0em;
	height:47px;
}

#checkBoxPage .boxHeader {
	
}
 
#checkBoxPage .boxContent {
	background: url("box-content-cbp.gif") repeat-y 0px 0em;	
}

#checkBoxPage .boxFooter {
	background: url("box-footer-cbp.gif") no-repeat 0px 0em;	
}


#jobPage .boxContent, #newsPage .boxContent {
	background: url("box-content-dp.gif") repeat-y 0px 0em;	
}

#jobPage .boxFooter, #newsPage .boxFooter {
	background: url("box-footer-dp.gif") no-repeat 0px 0em;	
}
 
 
 .boxContent .quizHeader {
 	padding-left: 10px;
 }
 
 .info .quizHeader {
 	padding-left: 10px;
 }
 
  
/* =main
----------------------------------------------- */
.main {	
	background: url("bg-vertical-bar.gif") repeat-x 0px 0em;
}


/* =context
----------------------------------------------- */
.context {
	
}

.context h3.search {
	display:none;
}


/* =content
----------------------------------------------- */
.content {
	
}



/* =nav
----------------------------------------------- */
#nav {
	
}
ul.nav {
	margin-top:30px;
	margin-bottom:0;
	padding:0;
	padding:0;
	list-style:none;
}

ul.nav li {
	float:left;
	width:160px;
	margin-bottom:5px;
	background: url("menu.jpg") no-repeat 0px 0em;
}

ul.nav li.current {
	background-position:-180px;	
}

ul.nav li a {
	display:block;
	width:100%;
	height:24px;
	background: url("menu.jpg") no-repeat 0px 0em;		
	color:#000;
	font-weight:bold;
	border-bottom-width:0;	
}

ul.nav li a:hover, ul.nav li.current a {
	background-position:-180px;	
	border-bottom-width:0;
	color:#fe9901;
}

ul.nav li a span {
	display:block;
	padding-left:30px;
	padding-top:4px;	
}




/* =links
----------------------------------------------- */


/* =headings
----------------------------------------------- */
.boxHeader h2 {
	margin-top:0;
	margin-bottom:0;
	padding-top:30px;
	padding-bottom:20px;
}

.result h3, .info h3, .result h4 {
	margin-top:0;
	padding-top:.5em;
	padding-bottom:.5em;		
}

.result h3 {
	background-color:#f7ba09;
	margin-bottom:0;		
}

.result h4 { 
	background-color:#F82315;
	color:#FFF;
	margin-bottom:0;
}

.result .correctAnswer span {
	color:green;
	}
	
.result .wrongAnswer span{
	color:red;
	}

.info h3 {
	background-color:#f82315;
	color:#FFF;
}

#jobPage .info h3 {
  
}

.info h3.slideShow {
	margin:0;
	background-color:#f82315;
}

/* =lists
----------------------------------------------- */
ul.default {
	list-style: none;
	padding-left:0;
}

ul.default li {
   background: url("icon-default.gif") no-repeat 0px .4em;
	padding-left:15px;
	padding-bottom:5px;
}

.result ul {
	
}

.result ul li.pdf {
	background: url("icon-pdf.jpg") no-repeat 0px 0em;
	padding-left:33px;
}

.result ul li.new {
	background: url("icon-new.gif") no-repeat 0px 0em;
	padding-left:33px;
	padding-top:7px;
	padding-bottom:15px;
}

ul li.news {
	background: url("icon-news.gif") no-repeat 0px 0em;
	padding-left:25px;
	padding-top:2px;	
	padding-bottom:2px;	
}

.result dd {
	margin-bottom:10px;
}

dl.question {
	font-size:9px;	
	margin-bottom:20px;
}

dl.question dt {
	margin-bottom:3px;
}

dl.question dd {
	margin-left:0;
	font-weight: normal;
	color:red;
}

dl.question dd div.barPositive {	
	background: url("bar-positive.jpg") no-repeat 0px 0em;	
	height:5px;	
}

dl.question dd div.barNegative {
	background: url("bar-negative.jpg") no-repeat 0px 0em;	
	height:5px;	
}

dl.question dd div.slider {
   background-color:#aeaeae;
	width:4px;
	height:5px;
}

dl.question dd div.value {
	display:none;
}


.info ul {
	padding:0;
	list-style:none;
}

.whoelse ul {
	padding:0;
	list-style:none;
}

.info ul li {
	margin-bottom:10px;
}

ul li.pdf {
	background: url("icon-pdf.jpg") no-repeat 0px .25em;
	margin-left:0px;
	padding-left:25px;
	padding-top:2px;	
	padding-bottom:7px;	
}

ul li.pdf em {
	color:#c0c0c0;
	font-size:80%;
}
ul.moreInfoLinks {
	list-style:none;
}

ul li.url {
	background: url("icon-url.gif") no-repeat 0px .25em;
	margin-left:0px;
	padding-left:25px;
	padding-top:2px;	
	padding-bottom:2px;	
}

ul li.job {
	background: url("icon-job.gif") no-repeat 0px .25em;
	margin-left:0px;
	padding-left:25px;
	padding-top:3px;	
	padding-bottom:2px;	
}

ul li.print {
	background: url("icon-print.gif") no-repeat 0px .25em;
	margin-left:0px;
	padding-left:25px;
	padding-top:3px;	
	padding-bottom:5px;	
}

ul li.adobeReader a {
	display:block;
	width:88px;
	height:31px;
	background: url("icon-adobeReader.gif") no-repeat 0px 0em;
	border-bottom-width:0;
}

ul li.adobeReader a:hover {
	border-bottom-width:0;	
}

ul li.adobeReader a span {
	display:none;
}

/* =table
----------------------------------------------- */
.result table {
	width:100%;
}

.result table th, .result table td {
	padding: 5px 7px 5px 7px;	
}

.result table th {
	background-color:#bdbdbd;
}

.result table th.position {
	width:10%;
	text-align:center;
}

.result table td.position {
	text-align:center;
	font-weight:bold;
}

.result table tr.header {
	display:none;
}

.result table th.title, .result table td.title {
	padding-left:20px;
}

.result table tr.noShade td {
	background-color:#FFF;
}

.result table tr.shade td {
	background-color:#e8e8e8;
}

.result table tr.footer td {
	background-color:#bdbdbd;	
}

table.mediaList {
	
}

.result table.mediaList th.icon {
	width:16px;	
}

.result table.mediaList th.filesize {
	width:80px;	
}


.result table.mediaList .filesize {
	text-align:right;
}

.result table.mediaList .zip {
	text-align:center;
}

.icon a, .icon a:hover,
.zip a, .zip a:hover
 {
	border-bottom-width:0;
}

/* =misc
----------------------------------------------- */
div.lineTop {
	border-top:1px solid #f7ba09;
}

div.bar {
	width:190px;
	height:5px;
	margin-top:3px;
	line-height:0;
	border:1px solid #000;
}

.letter {
	color:#000;
	background-color:#FFF;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
}

#imprintPage .result  p {
	margin-bottom:20px;
}

.fileSize {
	
}