﻿/* GENERAL */
body {background-color: #212C42; font-family: "Verdana", "Arial CE", sans-serif; font-size: 9pt; color: #C1C1C1; behavior: url("csshover3.htc");}
table {border-collapse: collapse; padding: 0px; margin: 0px; border-color: #505050;}
td {font-size: 9pt; vertical-align: top; border-color: #505050;}
td.menuleft {width: 130px}
#head td {background-color: #374560; font-weight: bold}
.head {background-color: #374560; font-weight: bold}
.lighthead {background-color: #6180AF; font-weight: bold; color: white}
.menuhead {background-image: url("images/menuleft_head.jpg"); height: 24px; font-weight: bold; font-size: 9pt; vertical-align: middle; text-align: left}
.rightinfo {text-align: right}
.microital {font-style: italic; font-size: 7pt}
.bottomline {height: 4px; background-color: #374560;}
.headline {font-weight: bold; text-decoration: none; font-size: 9pt; }

a {color: #6180AE; text-decoration: underline; font-size: 9pt}
a:hover {color: white; text-decoration: underline; font-size: 9pt}
a.light {color: #C1C1C1; text-decoration: underline; font-size: 9pt}
a.light:hover {color: white; text-decoration: underline; font-size: 9pt}

/* LEFT MENU */
#menuleft {color: #C1C1C1; text-decoration: none; font-size: 9pt}
#menuleft a {color: #C1C1C1; text-decoration: none; font-size: 9pt}
#menuleft a:hover {color: white; text-decoration: none; font-size: 9pt}

/* RIGHT MENU */
.rightmenublock {text-align: justify;}

/* TOP MENU */
.menutop {background-color: #374560; font-weight: regular; height: 20px; vertical-align: middle; text-align: right; padding: 4px 0px 4px 4px}

/* TOP MENU DROP-DOWN DEFINITIONS */
ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}

ul#nav li a {
	display: block;
	font-weight: regular;
	color: #C1C1C1;
	text-decoration: none;
}

ul#nav li a:hover{
	}
	
ul#nav li {
  padding: 0;
  list-style: none;
	float: left;
	position: relative;
	width: 170px;
	text-align: center;
	vertical-align: middle;
	margin-right:5px;
	border:1px solid #6180AE;
  background-color: #212C42;
  vertical-align: middle;
  line-height: 22px;
}

ul#nav li.small {
	width: 100px;
}

ul#nav li.verysmall {
	width: 35px;
}

ul#nav li.big {
	width: 250px;
	height: 80px;
	text-align: justify;
	font-size: 8pt;
}

ul#nav li.notifier {
  width: 250px;
  text-align: justify;
  font-size: 8pt;
  vertical-align: top;
  line-height: 1.5em;
  display: block;
  }

ul#nav img {
  vertical-align: middle;
  padding-right: 5px;
  margin-top: -5px;
  margin-bottom: -1px;
  border: none;
}

ul#nav li:hover {
  background-color: #6180AE;
}

ul#nav li.current a{
	background:#ddd;
	}

ul#nav li.current a:hover{
	background:#888;
	}

li ul {
	display: none;
	position: absolute;
	width:200px;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 1px 0px 0px 0px;
	margin-left:-1px;
}

ul#nav li ul.sub li{
	border-width:0 1px 1px 1px!important;
}

ul#nav li ul.sub li a{
	font-weight: normal!important;	
}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}

/* MSG CLASS CSS */
.msg_info {background-color: #374560; border: 1px solid #505050; text-align: center}
.msg_error {background-color: #653030; border: 1px solid #505050; text-align: center}

#footer {font-size: 7pt}
#footer a {color: #C1C1C1; text-decoration: underline}
#footer a:hover {color: white; text-decoration: underline}

#micro {color: #C1C1C1; font-size: 7pt}
#micro a {color: #C1C1C1; text-decoration: underline; font-size: 7pt}
#micro a:hover {color: white; text-decoration: underline; font-size: 7pt}

/* LOGIN ONLY */
#login input {background-color: #6180AE; color: white; font-weight: bold; width: 150px; border: solid 1px #364660; font-size: 9pt}
#login input.loginconfirm {width: 80px}
#login input.loginclose {width: 70px}
#login_popup {background-color: #212C42; border: 2px solid #505050}
#login_table_head {background-color: #374560; padding: 10px; font-weight: bold}
#login_table_std {padding: 10px; padding-left: 45px}

.rules {color: white; background-color: #6180AE; font-family: Courier, Verdana}
.formhead {background-color: #374560; font-weight: bold}

.greyback{background-color: #E0E0E0; font-weight: bold}
.blackback{background-color: #000000; font-weight: bold; color: #FFFFFF}

.PTheading{background-color: #374560; font-weight: bold}
.PTheadingerror{background-color: #990000; font-weight: bold}
.microtab {font-size: 7pt}

#infotable td {font-size: 7pt}

.afinput {font-size: 7pt; width: 100%; background-color: #F0F0F0; border: solid 1px #C0C0C0}
.aftexts {font-size: 9pt; width: 100%; height: 200px; background-color: #F0F0F0; border: solid 1px #C0C0C0}
.aftextl {font-size: 9pt; width: 100%; height: 400px; background-color: #F0F0F0; border: solid 1px #C0C0C0}

.btnbb {background-color: #6180AE; font-size: 7pt; border: solid 1px #374560; color: #C1C1C1}
.rating {color: #6180AE; font-size: 12pt; font-weight: bold}

button.usermenu {display:block; width: 250px; background-color: #374560; border: solid 1px #505050; height: 30px; font-weight: bold; font-size: 8pt; color: #C1C1C1}

/* BUTTONS */

.buttons a, .buttons button{
    /*display:block;
    float:left;*/
    margin:0 7px 0 0;
    background-color:#dfdfdf;
    border:1px solid #374560;
    border-top:1px solid #607fad;
    border-left:1px solid #607fad;

    font-family: Verdana;
    font-size:8pt;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:3px 5px 3px 5px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:2px 5px 2px 3px; /* IE6 */
}
.buttons button[type]{
    padding:4px 9px 4px 6px; /* Firefox */
    line-height:15px; /* Safari */
}
*:first-child+html button[type]{
    padding:3px 9px 2px 6px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 4px -1px 0 !important;
    padding:0;
    border:none;
    width:12px;
    height:12px;
}

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.buttons a.semi, button.semi{
    color:#FF9900;
}
.buttons a.semi:hover, button.semi:hover{
    background:#FFCF00;
    border:1px solid #FF99cc;
    color:#FF9900;
}
.buttons a.semi:active{
    background-color:#FFCC00;
    border:1px solid #FFCC00;
    color:#fff;
}

