@charset "utf-8";
/* CSS Document for ROAD CODE TEST 
*
*	2008 Marco Siebert, interactiveSites
*	EMail: marco@i-sites.de
*/

/*********** custom classes *************/

.divider {
	border-bottom: 1px solid #ccd2d2;
}

.clearer {
	clear:both;
	height:1px;
	font-size:1px;
	margin:0;
	padding:0;
}


#tl {
	left:-1px;
	margin:0px;
	padding:0px;
	float:left;
	top:-1px;
	z-index:100;
}

#tr {
	margin:0px;
	padding:0px;
	float:right;
	right:-1px;
	top:-1px;
	z-index:100;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

* {
margin:0;
padding:0;
}

html, body{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.366;
	margin: 0px;
	padding: 0px;
	background:#868888 fixed; 
	background-image: url(images/sys_bg_grad.jpg); 
	font-size:88.5%;
	text-align:center;
display:block;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #333333;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

/************** header tag styles **************/

h1,h2,h3,h4,h5 { clear:right; }

h1{
 font: bold 1.7em Arial,sans-serif;
 color: #334d55;
 margin-bottom: 10px;
 padding: 0px;
}

h2 {
	font: bold 1.5em Arial, sans-serif;
	color: #fff;
	padding: 8px;
        margin:10px 0 10px 0;
  	background-color:#6aaafa;
  	
}

h4{
 font: bold 1.3em Arial, sans-serif;
 color: #666d88;
 margin:15px 0 15px 0;
 padding:4px 0 4px 0;
}

h3 a, a.internal-link {
 color:#aa6d66;
}

h3{
	font: bold 1.4em Arial, sans-serif;
	color: #000033;
	margin: 8px 0 8px 0;
	padding: 2px 0 2px 0;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
	list-style-type: square;
	margin-left: 20px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#main_wrapper {
   width:920px !important;
   height:100%;
   border-right:1px dotted #585888;
   border-left:1px dotted #585888;
   background-color:#fff;
text-align:left;
margin:0 auto;
}


#clcrc_pagecell1{
	float:left;
	background-color: #FFFFFF;
	background-image:url(styles_FILES/bg_content.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	font-size:0.9em;
	z-index: 1;
	width:920px;
}

#clcrc_masthead{

 width:920px;
 padding:0;
 margin:0;
height:180px;
overflow:hidden;

}


#clcrc_content {
	/*margin:20px 0;*/
	width: auto;
	margin-left:1px;
}

#clcrc_searchbox {
	float:right;
	margin-right:28px;
}


/************ sectionLinks styles **************/

#clcrc_sections, #sidemenu{
	float: left;
	width:178px;
	height:100%;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: 10px Arial, Helvetica, sans-serif;
}

#clcrc_sections h3, #sidemenu h3 {
	margin:0;
	background:none;
}

#sidemenu {
	margin: 0 12px 0 0;
	padding: 0px;
	float:left;
	width:180px;

}

#sidemenu li { list-style:none; }

#sidemenu h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sidemenu a:link, #sidemenu a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(styles_FILES/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}


#sidemenu a:hover{
	border-top: 1px solid #cccccc;
	background-color: #CCCCCC;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}
/***********************************************/
/* Component Divs                              */
/***********************************************/

/************** pageName styles ****************/

#clcrc_pageNamewrap {
float:left;    
 width:100%;
height:auto;
clear:both;
	border-bottom:1px solid #ccd2d2;
}

#clcrc_pageName{
	float:left;
	width:480px;
	padding: 0;
	margin-left: 10px;
	text-align:left;
}

#clcrc_pageName h2{
	font: bold 155% Arial,sans-serif;
	color: #666666;
	margin:0px;
	padding: 0px;
}

#clcrc_pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/

#globalNav{
	top:-6px;
	position: relative;
	width: 920px;
	min-width: 640px;
	height: 42px;
	color: #cccccc;
	padding: 0px;
	margin: 0px;
background-color:#888;
	background-image: url(images/glbnav_background.gif);
    background-repeat:repeat-x;
}

#globalNav img{
	margin-bottom: -4px;
}

#gnl {
	position: absolute;
	top:0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink {
	position: absolute;
	height: 32px;
	min-width: 840px;
	padding: 3px 2px 2px;
	margin: 0px;
	left: 7px;
	z-index: 100;
}


li.glink {
     display:inline;
     height:auto;
}

#globalNav_sub { display:none;  }

li.glink a, li.glink a:visited, li.glink a:hover {
	color: #FFFFFF;
	font-size:1.2em;
        font-weight:300;  
	margin:0;
	padding:4px 12px 10px 12px;
	height:28px;
	border-right: 1px solid #999999;
}

li.glink a:hover{
  	background-image: url(images/glblnav_selected.gif);
	text-decoration: none;
}

.skipLinks {display: none;}


/************* breadCrumb styles ***************/

#clcrc_breadCrumb {
	text-align:left;
	padding: 5px 0px 5px 10px;
	font: smaller Verdana,sans-serif;
	color: #AAAAAA;
}

#clcrc_breadCrumb a{
	color: #AAAAAA;
}

#clcrc_breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

.csc-textpic-text {
	margin:16px;
}

.feature {
margin-left:186px;
	padding: 10px ;
	font-size: 1em;
	text-align:justify;
}

#feature_content table {
width:95%;
margin:10px;
padding:5px;
background-color:#eee;
}


.clrc_feature {
  margin:10px;
  width:95%;
}

.clrc_fce_left > .clrc_feature {
  margin:10px;
  width:auto !important;
}

/************* PLUGIN STYLES **************/

/************** siteInfo styles ****************/

#siteInfo{
position:relative;
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 0.9em;
	color: #666666;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
bottom:0px;
width:900px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}



.tx-isitesroadcode-pi1 {
    display:block;
width:100%;
margin:0 auto;    
clear:both;
}


.tx-isitesroadcode-pi1 #typeselector {
padding:12px 0 12px 0;
margin:12px 0 12px 0;
border-bottom:1px solid #ccd2d2;
}

.tx-isitesroadcode-pi1 #typeselector select {
margin-left:20px;
}


.test  {
	padding: 10px;
	border: 1px dotted #999999;
	background-color: #FFFFDD;
	min-height:290px !important;
	height: 290px;
	width:400px;
	float:left;
	margin-left:20px;
	margin-bottom:18px;
	cursor: help;
}

.test .answer, .test .cell_green, .test .cell_red {
	float:left;
	width:220px;
    height:auto;
	font-size:0.9em;
	margin-bottom:8px;
	padding:4px 2px 2px 4px;
}

.test .a_radio {
	float:left;
}

.test .answer a:hover {
   background-color:green;
}


.test .img, .test .img_blank {
	float:left;
	width:120px;
	height:180px;

}

.test h3 {
	margin-bottom:12px;
	font-size:1.4em;

}

.cell_light {
	background-color: #ffffff;
}
.cell_red {
	background-color: #660000;
	color: #FFFFFF;
}
.cell_green {
	background-color: #006600;
	color: #FFFFFF;
}

.cell_dark {
	background-color: #ededed;
}
.small_info {
	font-size: 0.8em;
	color:#999999;
}
.info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #660000;
}
.checkButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.cell_top {
	font-size: 12px;
	font-weight: bolder;
	background-image: url(../sys_cell_top.gif);
	background-repeat: no-repeat;
}
.cell_bordered {
	border-top: none #999999;
	border-right: none #999999;
	border-bottom: none #999999;
	border-left: 1px dotted #999999;
}


/********************* end **********************/


.info_green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #006600;
}

/*********************** stats ****************/
.statsCell {
  clear:both;

}

.statsCell_img {
	clear:right;
	float:left;
	border: 1px solid #333333;
}

.statsCell_label {
	width:180px;
	float:left;
}

#stats {
	float:left;
	width:100%;
	margin-bottom:32px;	
}

.stats img{
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
}

#stats_left {
  width:480px;
  margin:4%;
  float:left;
}



#stats_right {
	width:428px;
	float:left;
	padding: 10px;

	font-size: 90%;
	border: 1px dotted #999999;
	background-color: #FFFFDD;;
}

.clcrc_statsrow {
  display:block;
  width:100%;
  height:auto;
  border-bottom:1px solid #AAC;

}

.clcrc_statsrow  .statsCell {
  float:left;
  width:150px;
padding-top:5px;
clear:none;
}

.clcrc_statscol {
  float:left;
  min-width:90px;
border-right:1px solid #AAC;
margin-right:20px;
padding:4px;
}

.clcrc_overall {
float:left;
width:auto;
  font-size:2em;
  margin-bottom:22px;
}

.clcrc_stats_topics {
        float:right;
	width:300px;
	padding:10px;
	background-color:#FFFFCC;
	border:1px dotted #888;
margin-bottom:22px;
}

/*** FCE ****/
.clrc_fce_left, .clrc_fce_right {
float:left;
width:47%;
margin:10px;
}

.clrc_fce_left {
 border-right:1px dotted #999;
}

.clrc_fce_right { clear:right; }

/*** forms ***/
form { margin:5px 5px 20px 0px; }

.csc-mailform {
   padding:10px;
   border:1px solid #9999CC;   width:auto;
   background-color:#eeeeee;
}

.csc-mailform label {
  display:block;
  margin:5px;
}


.loginMsg {
color:#eee;
font-size:0.9em;
margin-left:10%;
}

.loginMsg b { color:#c00; }

.loginMsg em { color:#0c0; }



/************ forum *******/

.tx-wecdiscussion-page {
width:96%;
padding:2%;
}

.tx-wecdiscussion-page .tx-wecdiscussion-mainContent {
width:50%;
margin-right:5%;
}


.tx-wecdiscussion-page .tx-wecdiscussion-sidebar {
width:auto;
}

.tx-wecdiscussion-forumMessageSubject, .tx-wecdiscussion-listHeader {
background-color:#669999;
}

.tx-wecdiscussion-listHeader {
color:white;
padding:3px;
}

.tx-wecdiscussion-form {
margin-top:20px;
background-color:#eafefe;
}

.tx-wecdiscussion-listElement {
padding:3px;
background-color:#ccc;
border-bottom:1px solid #fff
}

.tx-wecdiscussion-listElement a:hover {
text-decoration:underline;
color:red;
}

.tx-wecdiscussion-form { width:auto; }

/****** Polls ****/

.tx-quickpoll-pi1 td {
font-size:smaller;
}

.polltitle h2, .tx-quickpoll-pi1 h2 {
background-color:#669999;
}

tr.pollmain td {
padding-left:20px;
}

tr.pollmain .pollanswer {
margin-bottom:5px;
}


#feature_content td, tr, th {
font-size:0.85em;
}

#feature_content img {
margin:1em;
}




.contentimage {
    background-color: #DDDDDD;
    display: block;
    margin: 5px;
    padding: 2px;
    text-align: center;
}

hr { display:block; clear:both; }

p, dl, multicol {
    display: block;
    margin: 1em 0;
}