/* =============================================================================

	STYLE.CSS
	version: 1.6
	updated: 2009-03-06, 13:00 GMT+1

============================================================================= */

/* =============================================================================
HTML - styles
============================================================================= */
body {background-color:#FFFFFF; color:#303030;}
a {color:#0085cc;}
a:hover, a:active, a:focus {color:#df0000;}
#content h2 {color:#0085cc;}
#content table th {background-color:#e8f6ff; color:#006699;}
#content table td {border-bottom:1px solid #B4DAEF;}
#content table tr.bg td {background-color:#e8f6ff;}
#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc;}
#content legend {background:#FAFAFA; color:#0085cc;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

#login_bg h2 {color:#0085cc;}
#login_bg table th {background-color:#e8f6ff; color:#006699;}
#login_bg table td {border-bottom:1px solid #B4DAEF;}
#login_bg table tr.bg td {background-color:#e8f6ff;}
#login_bg dl dt {color:#df0000;}
#login_bg fieldset {border:1px solid #ccc;}
#login_bg legend {background:#FAFAFA; color:#0085cc;}
#login_bg acronym, #content abbr, #login_bg .help {border-bottom:1px dotted #cfcfcf;}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}
/* =============================================================================
LAYOUT
============================================================================= */

#tray {background-color:#B4DAEF; color:#FFF;}
#tray a, #tray strong {color:#fff;}
#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}
#menu {background-color:#0085cc;}
#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {color:#df0000;}
#menu ul.f-right a {color:#df0000;}
#content {border:1px solid #CFCFCF; background:#FAFAFA;}
#login_bg {border:1px solid #CFCFCF; background:#FAFAFA;}
#footer {color:#707070;}
#footer a {color:#707070;}
#footer a:hover, #footer a:active, #footer a:focus {color:#303030;}

/* =============================================================================
OTHERS
============================================================================= */

#aside #logo img {border:1px solid #bfbfbf;}
#aside #search fieldset a {color:#303030;}
#aside #search fieldset {border:1px solid #bfbfbf;}
#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;}
#aside #btn-create a {background-color:#fff; color:#303030; font-size: 0.8em/1.5;}
#aside #btn-create a span {background-color:#fff; font-size: 0.8em/1.5; }
#aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}
#aside ul li#submenu-active a {background-color:#df0000; color:#fff;}
#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}
#aside ul li ul li a {background-color:#e3e3e3;}
#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;}
#content h1 {background-color:#303030; color:#fff;}
#content .tabs {border-bottom:1px solid #cfcfcf;}
#content .tabs a {color:#303030;}
#content .tabs a span {color:#303030;}
#content .tabs .ui-tabs-selected a {color:#fff;}
#content .tabs .ui-tabs-selected a span {color:#fff;}

#login_bg h1 {background-color:#303030; color:#fff;}
#login_bg .tabs {border-bottom:1px solid #cfcfcf;}
#login_bg .tabs a {color:#303030;}
#login_bg .tabs a span {color:#303030;}
#login_bg .tabs .ui-tabs-selected a {color:#fff;}
#login_bg .tabs .ui-tabs-selected a span {color:#fff;}

.high {color:#df0000;}
.high-bg {background:#FFB;}
.low {color:#707070;}

/* =============================================================================
MESSAGES
============================================================================= */

#flashMessage {padding:10px; padding-left:35px;}
#flashMessage.warning {background: #E8F6FF url("/img/icons/warning.png") 10px 50% no-repeat;}
#flashMessage.message {background: #FFF5CC url("/img/icons/info.png") 10px 50% no-repeat;}
#flashMessage.done {background:: #EAF7D9 url("/img/icons/done.png") 10px 50% no-repeat;}
#flashMessage.error {background: #FEEBEB url("/img/icons/delete.png") 10px 50% no-repeat;}

.message {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.error {
	border: 0px solid #efefef;}
.warning {
background: #E8F6FF url("/img/icons/warning.png") 10px 50% no-repeat;
border:2px solid #F2DD8C; background-color:#FFF5CC;
padding-left:30px;
color:#CC3333;
}

/**************************************************************************/
/******* FORM *******/
#customForm{
	padding: 0 10px 20px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	width: 194px;
	padding: 4px;
	color: #000000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #166FC3;
}
#customForm select{
	width: 204px;
	padding: 5px;
	color: #000000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #166FC3;
}
#customForm span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm span.error{
	color: #CC3333;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #B4DAEF;
}
#customForm input.input-submit{
font: bold 12px arial, sans-serif; /* Change 13px as desired */
color: #000000;
height: 29px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
cursor:pointer;
width:100px;
background-color:#B4DAEF;
}

#loginForm{
	padding: 0 10px 10px;
}

#loginForm input{
	width: 190px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #166FC3;
}
#loginForm select{
	width: 200px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #166FC3;
}
#loginForm span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#loginForm span.error{
	color: #CC3333;
}
#loginForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#loginForm input.input-submit{
font: bold 12px arial, sans-serif; /* Change 13px as desired */
color: #000000;
height: 29px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
cursor:pointer;
width:100px;
background-color:#B4DAEF;

}

/* Search Form */
#searchForm{
	padding: 0 10px 20px;
}
#searchForm label{
	display: block;
	color: #797979;
	font-weight: 500;
	line-height: 1.4em;
}
#searchForm input{
	width: 150px;
	padding: 3px;
	color: #000000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #166FC3;
}
#searchForm select{
	width: 204px;
	padding: 5px;
	color: #000000;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #166FC3;
}
#searchForm span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#searchForm span.error{
	color: #CC3333;
}
#searchForm input.error{
	background: #f8dbdb;
	border-color: #B4DAEF;
}
#searchForm input.input-submit{
font: bold 12px arial, sans-serif; /* Change 13px as desired */
color: #000000;
height: 23px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */
text-decoration: none;
cursor:pointer;
width:100px;
background-color:#B4DAEF;
}

/* Autocomplete */
@CHARSET "UTF-8"; 
.autocomplete_live { 
    background:#FAFAFA none repeat scroll 0%; 
    clear:both; 
    cursor:pointer; 
    display:block;
    margin:0px; 
    padding:0px; 
    z-index:9999; 
} 

.autocomplete_live ul { 
    clear:both; 
    display:block; 
    list-style-type:none; 
    margin:0px; 
    padding:0px; 
    position:absolute; 
    width:295px; 
} 

.autocomplete_live li { 
    background:#FFFFFF none repeat scroll 0%; 
    border-bottom:1px solid #C0C0C0; 
    display:block; 
    height:18px; 
	width:290px; 
    list-style-type:none; 
    margin:0px; 
    padding:0px; 
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:10px;
} 

a.topmenu:link
{
font-family:Trebuchet MS, Arial, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
a.topmenu:active {
font-family:Trebuchet MS, Arial, sans-serif;
font-size:12px;
color:#FF0000;
text-decoration:none;
font-weight:bold;
}
a.topmenu:visited
{
font-family:Trebuchet MS, Arial, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
a.topmenu:hover
{
font-family:Trebuchet MS, Arial, sans-serif;
font-size:12px;
color:#FFD400;
font-weight:bold;
text-decoration:none;
}