table.main { height:100%; padding: 0px; margin-left: auto; margin-right: auto; }

td.navleft { background: url(/misc/images/menu/bgmenu.jpg) no-repeat; height:100%; width:162px; text-align:left; vertical-align:top; padding-top:0px; }
td.menu { width:159px; vertical-align:top; background-color:#fff; margin-left:2px; border: 0px 0px 1px 0px solid #fff; }
td.content { width:840px; padding:20px 30px 40px 30px; vertical-align: top; font-weight: normal; }
td.ads { padding-top:100px;vertical-align:top; width:120px; }


#footer { background:#000 url(/misc/images/div/bgfooter.jpg) repeat-x scroll 0%; bottom: 0; width:100%; position: relative; }
#footerbg { margin: 0 auto; background:transparent url(/misc/images/div/bgfooter2.jpg) no-repeat scroll 0%; height:140px; width:1112px; color:#999999; font-size:14px; }


/********************* Chartjs Legend ***************************/
.legend {
    border: 1px solid black;
    margin-left: 30px;
}

.legend .title {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    padding: 0 0.3em;
    color: white;
}

.legend .color-sample {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    border: 2px solid; /* Comment out if you don't want to show the fillColor */
    border-radius: 0.5em; /* Comment out if you prefer squarish samples */
    margin-right: 0.5em;
}

/********************* Button Submit Certification ***************************/
#buttonSubmitCert {
width: 195px;
border: 1px solid #ffffff;
font-size: 10px;

background-color: #A32121;
color: #ffffff;
font-weight: bold;
height: 20px;
font-size: 10.5px;
}

.buttonSubmitCertRed {
width: 158px;
border: 1px solid #ffffff;
padding: 2px;
background-color: #A32121;
color: #ffffff;
font-weight: bold;
height: 22px;
font-size: 10.5px;
}

/********************* Button Submit Certification ***************************/
.buttonSubmitCert {
width: 195px;
border: 1px solid #ffffff;
padding: 2px;
background-color: #004E70;
color: #ffffff;
font-weight: bold;
height: 30px;
font-size: 12px;
margin-top:10px;
}


/********************* Certification ***************************/

#qlist .LinkSubmitCert {
width: 150px;
border: 1px solid #ffffff;

padding-top:2px;
background-color: #A32121;
color: #ffffff;
font-weight: bold;
height: 17.5px;
font-size: 10.5px;
margin-top:15px;
margin-bottom:15px;
cursor: default;
display:block;
text-align: center;
}


/********************* text settings ***************************/

h1, h2, h3, h4, h5, h6 { color:#fff; font-family:"Helvetica Neue","Lucida Grande",Helvetica,Arial,sans-serif; font-weight:normal;}

h1 { font-size:2.5em; letter-spacing:-0.5px; line-height:1; padding:6px; margin:0px 0px 20px 0px; }
h2 { color:#999999; font-size:1.75em; letter-spacing:-0.3px; margin:18px 0px 12px 0px; }
h3 { color:#A32121; font-size:1.75em; line-height:1; margin:18px 0px 12px 5px; }
h3 span { background:#CC3333 none repeat scroll 0%; color:#000; font-weight:bold; padding:3px; }
h4 { font-size:1.2em; }
h5 { font-size:1em; font-weight:bold; margin-bottom:0em; }
h5 span { background:#CC3333 none repeat scroll 0%; color:#000; font-weight:bold; padding:3px; }
h6 { font-size:0.8em; font-weight:bold; margin-bottom:0.25em; }

.red { color:#A32121; }
.green { color:#6CD22E; }
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }

p {
	padding: 0px;
	text-align:justify;
}

p.small {
	padding: 5px 5px 5px 10px;
	text-align:justify;
	font-size:10px;
	font-weight:bold;
}


	


/********************* link settings ***************************/

a.order,a.order:link,a.order:visited,a.order:hover,a.order:active	{ color: #A32121; font-weight: bold; border:0px; text-decoration:none;}

a,a:link	{ color: #999999; font-weight: bold; border:0px; text-decoration:none;}
a:visited	{ color: #999999; font-weight: bold; border:0px; text-decoration:none;}
a:hover		{ color: #A32121; font-weight: bold; border:0px; text-decoration:none;}
a:active	{ color: #999999; font-weight: bold; border:0px; text-decoration:none;}

a.images,
a.images:link,
a.images:visited,
a.images:active { text-decoration:none; border: 0; }


a.small,a.small:link	{ font-size:11px; color: #999999; font-weight: bold; border:0px; text-decoration:none;}
a.small:visited		{ font-size:11px; color: #999999; font-weight: bold; border:0px; text-decoration:none;}
a.small:hover		{ font-size:11px; color: #999999; font-weight: bold; border:0px; text-decoration:none;}
a.small:active		{ font-size:11px; color: #999999; font-weight: bold; border:0px; text-decoration:none;}

a.scsmenu,a.scsmenu:link	{ color: #ffffff; font-weight: bold; border:0px; text-decoration:none; background-color:#A32121; padding:3px;}
a.scsmenu:visited		{ color: #ffffff; font-weight: bold; border:0px; text-decoration:none; background-color:#A32121; padding:3px;}
a.scsmenu:hover		{ color: #ffffff; font-weight: bold; border:0px; text-decoration:none; background-color:#787878; padding:3px;}
a.scsmenu:active	{ color: #ffffff; font-weight: bold; border:0px; text-decoration:none; background-color:#787878; padding:3px;}

a.scsmenuActive,a.scsmenuActive:link	{ color: #ffffff; font-weight: bold; border:0px; text-decoration:none; background-color:#787878; padding:3px;}
a.scsmenuActive:visited		{ color: #ffffff; font-weight: bold; border:0px; text-decoration:none; background-color:#787878; padding:3px;}
a.scsmenuActive:hover		{ color: #ffffff; font-weight: bold; border:0px; text-decoration:none; background-color:#A32121; padding:3px;}
a.scsmenuActive:active		{ color: #ffffff; font-weight: bold; border:0px; text-decoration:none; background-color:#787878; padding:3px;}


/********************* Menu Item - ROOT items *******************/

ul, li { margin:0; }

ul.navleft {
	width:159px;
	list-style-type:none;
	margin-top:0px;
	margin-left:1px;
	padding:0px;
} 

ul.navleft ul.navleft {
	width:159px;
	list-style-type:none;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
} 

li.navleft {
	margin: 0px 0px 1px 0px;
}
li.navleftsub {
	margin: 0px 0px 1px 0px;
}


li.navleftactive {
	margin: 1px 0px 1px 0px;	
}
li.navleftsubactive {
	margin: 0px 0px 1px 0px;	
}


a.navleft,
a.navleft:link, 
a.navleft:visited {
	color:#FFFFFF;
	font-size:12px;
	background-color:#A32121;
	text-decoration:none;
	font-weight: normal;
	padding:1px 0px 1px 10px;
	margin-top:1px;
	display:block;
}

a.navleft:hover {
	color:#FFFFFF;
	font-size:12px;
	background-color:#434343;
	text-decoration: none;
	font-weight: bold;
	padding:1px 0px 1px 10px;
	display:block;
}

/************** ACTIVE Menu items **************/

a.navleftactive,
a.navleftactive:link,
a.navleftactive:visited,
a.navleftactive:active {
	color:#FFFFFF;
	font-size:12px;
	background-color:#434343;
	text-decoration:none;
	font-weight: bold;	
	padding:1px 0px 1px 10px;
	display:block;
}

a.navleftactive:hover {
	color:#FFFFFF;
	font-size:12px;
	background-color:#A32121;
	text-decoration: none;
	font-weight: bold;
	padding:1px 0px 1px 10px;
	display:block;
}


/************** SUB Menu items **************/

ul.navleft ul.navleft a.navleft,
ul.navleft ul.navleft a.navleft:link, 
ul.navleft ul.navleft a.navleft:visited {
	color:#fff;
	font-size:12px;
	background-color:#787878;
	text-decoration:none;
	font-weight: normal;
	padding:1px 0px 1px 20px;
	margin-top:1px;
	display:block;
}

ul.navleft ul.navleft a.navleft:hover {
	color:#fff;
	font-size:12px;
	background-color:#787878;
	text-decoration: none;
	font-weight: bold;
	padding:1px 0px 1px 20px;
	display:block;
}

ul.navleft ul.navleft a.navleftactive,
ul.navleft ul.navleft a.navleftactive:link,
ul.navleft ul.navleft a.navleftactive:visited,
ul.navleft ul.navleft a.navleftactive:active {
	color:#fff;
	font-size:12px;
	background-color:#787878;
	text-decoration:none;
	font-weight: bold;
	padding:1px 0px 1px 20px;
	display:block;
}

ul.navleft ul.navleft a.navleftactive:hover {
	color:#fff;
	font-size:12px;
	background-color:#A32121;
	text-decoration:none;
	font-weight: normal;	
	padding:1px 0px 1px 20px;
	display:block;
}


table.directlinks {
	width:100%;
	background-color:#fff;
	font-size:11px;
	margin:0px;
	padding:0px;
}

td.directlinks_header {
	height:21px;
	background-color:#787878;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:0px 0px 0px 10px;
}

td.directlinks_content {
	background-color:#7D7D7D;
	color:#FFFFFF;
	font-size:11px;
	padding:4px 0px 4px 10px;
}

a.directlinks,
a.directlinks:link, 
a.directlinks:visited {
	color:#fff;
	font-size:11px;
	text-decoration:none;
	font-weight: normal;
}

a.directlinks:hover {
	color:#fff;
	font-size:11px;
	text-decoration:none;
	font-weight: bold;
}

/********************* END Menu ***************************/


/********************* Table Elements ***************************/


/************** Message Table *************/

table.messages {
	width:100%;
	border:0px;
	padding:0px;
	margin:5px;
}

table.innermessages {
	width:100%;
	border:0px;
	padding:0px;
	margin:0px;
}


tr.messageshead {

}

td.messageshead {
	background-color:#454545;
	padding:2px 6px;
}

tr.messages {
	background-color:#222;
}

td.messages {
	padding:8px 6px;
}

td.outhermessages {
}

/************** Event Table *************/
table.listQuestion {
	width:100%;
	border:0px;
	padding:0px;
	margin:5px;
	border: 1px solid #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

table.listNavigator {
	width:100%;
	border:0px;
	padding:0px;
	margin:5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

table.list {
	width:100%;
	border:0px;
	padding:0px;
	margin:5px;
}

tr.listhead {

}

td.listhead {
	background-color:#454545;
	padding:2px 6px;
	color:#ffffff;
}

tr.list {
	background-color:#222;
}

td.list {
	padding:8px 6px;
}
tr.list:nth-of-type(odd) {
  background-color:#282828;
}

/************** Ranking Table *************/


table.ranking {
	width:100%;
	border:0px;
	padding:0px;
	margin:5px;
}

tr.rankinghead {

}

td.rankinghead {
	background-color:#454545;
	padding:2px 6px;
	color:#ffffff;
}
th.listhead {
	text-align: left;
	cursor: pointer;
	background-color:#454545;
	padding:2px 6px;
	
}

tr.ranking {
	background-color:#222;
}

td.ranking {
	padding:4px 6px;
	color:#ffffff;
	overflow:hidden;
}

tr.caseranking{
	background-color:black;
}

/*********************User Manager *****************************/
.table-usermanage, .dl-usermanage{
	color: #ffffff;
	margin: 5px;
	font-size: 13.2;
}

.delete_image {
	width: 16px; 
	height: 16px; border-style: none; 
	cursor: pointer;
}

/*********************DL Elements ******************************/
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
.dl-horizontal dd:before,
.dl-horizontal dd:after{
  	display: table;
  	content: " ";
}

.dl-horizontal dd:after{
	clear: both;
}

/********************* Form Elements ***************************/

input, select {border:2px solid #787878; font-size:10px; padding:2px; }
input {width: 195px;}
select {width: 202px;}
input.paypal { border:2px solid #787878; font-size:10px; padding:2px; width:120px; }
select.small {	width: 65px; }
input.small { width:120px; }
input.radiobutton {width:14px; }

.redstyleButton{
  width: 110px;
  background-color: #A32121;
  border: 1px solid white;
  color: #FFFFFF;
}


/********************* DIVERSES ***************************/

div.help { cursor: help; height: 25px; width: 150px; float: left; }


/********************* Boxen ***************************/

div.box_red {
	border: 1px solid #A32121;
	margin: 10px;
	padding: 10px;
	float: left;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	width: 200px;
}

div.code {
	font-family: Courier;
}


img.minicon {
	width: 16px;
	height: 16px;
	border-style: none;
}