/*GENERAL*/

* {padding: 0; margin: 0; outline: 0;}

body {
 font-size: 12px;
 line-height: 18px;
 font-family: Arial, Helvetica, Sans-Serif;
 color: #585f63;
 background: #F9F9F9;
}

html, body {
 height: 100%;
}

a {color: #0770a6; text-decoration: none; cursor:pointer;}
a:hover {text-decoration: underline;}
a img {border: 0;}

input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size:12px; 
padding:3px;margin:3px;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc;
-webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
}

input:focus, textarea:focus, select:focus {
border: 1px solid #ABC8E2;
-webkit-box-shadow: 0px 0px 6px #375D81;
-moz-box-shadow: 0px 0px 5px #375D81;
box-shadow: 0px 0px 5px #375D81;
}

table {border-collapse: collapse;}
td {padding:3px;}
th {padding:3px;background:#F9F9F9;}

hr {border-top:1px solid #B8B8B8;}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}

h1 {line-height:20px;}
h2 {line-height:20px;}
h3 {line-height:20px;}

/*SPECIFIC*/
.boldtext {font-weight:bold;font-size:15px;color:#008770;}
.head {background:#F9F9F9;padding:5px;padding-bottom:10px;border-bottom:2px solid #eeeeee;}
.body {background:white;padding:3px 10px 5px 10px ;}
.foot {font-size:10px;background:#F9F9F9;padding:10px 15px 5px 15px;border-top:2px solid #eeeeee;}

.loginbox {
 padding:20px;width:30%;margin:20px;outline: none;
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border: 1px solid #ccc;
 -webkit-box-shadow: 10px 10px 16px #ccc;-moz-box-shadow: 10px 10px 15px #ccc;box-shadow: 10px 10px 15px #ccc;
 margin-left:30%;width:40%;margin-right:30%;	
}

.button {padding:5px 20px 5px 20px;
background:#F9F9F9;color:grey;
font-size:12px;}
.button:hover {color:black;}

.display{width:100%;margin:5px;}

.tab {padding:10px 20px 10px 20px;border-bottom:1px solid #efefef;font-size:15px;background:#efefef;}
a.tab{text-decoration:none;color:#585f63;}
.tabselected {font-weight:bold;border-bottom:3px solid #A3CCA3;}

.smalltab {padding:5px 10px 5px 10px;border-bottom:1px solid #efefef;font-size:15px;background:#efefef;}
a.smalltab{text-decoration:none;color:#585f63;}
.smalltabselected {font-weight:bold;border-bottom:3px solid #A3CCA3;}

.questionbox {
 padding:5px;margin:5px;margin-bottom:30px;outline: none;
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border: 1px solid #ccc;
 -webkit-box-shadow: 8px 8px 10px #ccc;-moz-box-shadow: 10px 10px 15px #ccc;box-shadow: 8px 8px 10px #ccc;
}

.timer {
position:fixed;right:0px;bottom:0px;padding:5px;border:0px;font-weight:bold;font-size:20px;opacity:0.5;
}
.timer:hover{opacity:0.9;border:1px solid #efefef;background:#F9F9F9;}

.separater {padding:5px 5px 0px 5px;margin:0px 5px 0px 5px;float:left;}
.separater:hover {background:#EAF0F6;}

.browsererror {
background:#9E0202;
color:white;
padding:5px;
font-size:15px;
}
.browsererror a {color:white;font-weight:bold;}
tr.hovertr:hover  {background:#efefef;}

.stats {background:#FFFFED;width:500px;padding:2px;margin:3px;}