body {

	background-color: #F0F0F0;
	color: #000000;

}

div.header {

	padding: 15px;

}

div.header_logo {

	text-align: left;

}

div.header_title {

	font-family: verdana;
	font-size: 18pt;
	font-weight: bold;
	text-align: right;

}

div.menu_bar {

	float: left;
	width: 200px;

}

div.main_container {

	text-align: center;

}

div.box_container {

	border: outset 1px;
	font-family: verdana;
	font-size: 10pt;
	-moz-border-radius: 5px;

}

div.box_title {

	background-color: #B0B0F0;
	padding: 2px;
	font-family: verdana;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;

}

div.box_content {

	padding: 2px;
	background-color: #B0B0F0;
	background-image: url('img/gradient.png');
	background-repeat: repeat-x;

}

div.menu_element {

	padding: 1px;
	text-align: center;

}

a.menu_link {

	font-family: verdana;
	font-size: 10pt;
	text-decoration: none;
	color: #000000;

}

a.menu_link:hover {

	font-weight: bold;

}

div.xsmall-centered {

	font-family: verdana;
	font-size: 6pt;
	text-align: center;

}

div.id_form_container {

	display: table;
	text-align: center;
	border: dashed 1px;

}

div.id_form_label {

	font-weight: bold;
	width: 200px;

}

div.id_form_field {

	width: 200px;

}

div.auth_failure_txt {

	color: #FF0000;
	font-weight: bold;

}

a.logout_link {

	font-family: verdana;
	font-size: 8pt;
	font-style: italic;
	text-decoration: none;
	color: #C050A0;

}

a.logout_link:hover {

	font-weight: bold;

}

table.list {

	-moz-border-radius: 5px;
	border: inset 1px;

}

table.button_bar {

	-moz-border-radius: 5px;
	border: inset 1px;
	background-color: #F0F0D0;

}

th {

	background-color: #202000;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
	text-align: right;

}

tr.altern_0 {

	background-color: #F0F0A0;

}

tr.altern_0:hover {

	background-color: #FFFFB0;

}

tr.altern_1 {

	background-color: #F0F0D0;

}

tr.altern_1:hover {

	background-color: #FFFFE0;

}

td {

	font-family: verdana;
	font-size: 10pt;
	text-align: right;

}

input.submit_red {

	font-family: verdana;
	font-size: 8pt;
	background-color: #FFB0B0;
	-moz-border-radius: 5px;

}

input.submit_red:hover {

	background-color: #FFD0D0;

}

input.submit_green {

	font-family: verdana;
	font-size: 8pt;
	background-color: #B0FFB0;
	-moz-border-radius: 5px;

}

input.submit_green:hover {

	background-color: #D0FFD0;

}

hr {

	height: 1px;
	color: #000000;
	border-top: none;
	border-bottom: solid 1px;
	width: 99%;
	text-align: center;
	
}

a.list_link {

	text-decoration: none;

}

a.list_link:hover {

//	font-weight: bold;

}

div.conf_form_container {

	background-color: #F0F0D0;
	border: solid 1px;
	text-align: left;
	padding: 5px;
	-moz-border-radius: 5px;

}

div.conf_form_label {

	font-weight: bold;

}

input {

	font-family: verdana;
	font-size: 8pt;

}

select {

	font-family: verdana;
	font-size: 8pt;

}

input.conf_field_small {

	width: 100px;

}

input.conf_field_medium {

	width: 200px;

}

input.conf_field_large {

	width: 400px;

}

div.error_box {

	border: dashed 3px;
	border-color: #FF0000;
	margin-bottom: 10px;
	padding: 10px;
	text-align: left;
	background-color: #FFF0F0;

}

div.realtime_item {

	border: outset 1px;
	-moz-border-radius: 5px;

}

div.realtime_item_inactive {

	border: outset 1px;
	opacity: 0.33;
	filter: alpha(opacity=33);
	-moz-border-radius: 5px;

}

div.realtime_title {

	padding: 2px;
	background-color: #000000;
	height: 11pt;

}

div.realtime_title_left {

	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	float: left;

}

div.realtime_title_right {

	font-family: verdana;
	font-size: 8pt;
	color: #F0F0A0;
	float: right;

}

div.realtime_content {

	text-align: center;
	padding: 10px;
<? if (strpos($_SERVER["HTTP_USER_AGENT"], "MSIE") !== false) { ?>
	background-color: #C1CACF;
<? } else { ?>
	background-image: url('img/gradient-realtime.png');
	background-repeat: repeat-y;
	background-color: #CFCFCF;
<? } ?>
}

div.realtime_label_inactive {

	color: #FF0000;
	font-weight: bold;
	font-style: italic;
	height: 108px;

}

div.realtime_label_no_op {

	color: #00C000;
	font-weight: bold;
	font-style: italic;
	height: 108px;

}

div.realtime_label_op_name {

	color: #000000;
	font-weight: bold;

}

option.status_disponible {

	background-color: #A0FFA0;

}

option.status_indisponible {

	background-color: #FFA0A0;

}

option.status_retrait {

	background-color: #FFFFA0;

}

option.status_campagne {

	background-color: #A0A0FF;

}

select.status_disponible {

	background-color: #A0FFA0;

}

select.status_indisponible {

	background-color: #FFA0A0;

}

select.status_retrait {

	background-color: #FFFFA0;

}

select.status_campagne {

	background-color: #A0A0FF;

}

div.realtime_online_status_offline {

	float: left;
	padding: 2px;
	font-family: verdana;
	font-size: 6pt;
	font-weight: bold;

}

div.realtime_online_status_online {

	float: left;
	padding: 2px;
	font-family: verdana;
	font-size: 6pt;
	font-weight: bold;
	border: dashed 1px;

}

div.realtime_online_status_timer_online {

	color: #000000;
	text-align: right;

}

div.realtime_online_status_timer_offline {

	color: #000000;
	text-align: right;

}

div.realtime_group_list {

	font-family: verdana;
	font-size: 6pt;

}

div.realtime_call_desc {

	padding: 1px;
	font-family: arial;
	font-size: 7pt;
	color: #00A000;

}

div.realtime_stats {

	padding: 3px;
	font-family: verdana;
	font-size: 8pt;
	text-align: right;

}

div.realtime_incoming_label {

	color: #00A000;
	display: inline;

}

div.realtime_incoming_count {

	color: #00A000;
	display: inline;

}

div.realtime_incoming_duration {

	display: inline;

}

div.realtime_outgoing_label {

	color: #A00000;
	display: inline;

}

div.realtime_outgoing_count {

	color: #A00000;
	display: inline;

}

div.realtime_outgoing_duration {

	display: inline;

}

div.realtime_status_combo {

	text-align: right;

}

option.force_close_no {

	background-color: #A0FFA0;

}

option.force_close_yes {

	background-color: #FFA0A0;

}

select.force_close_no {

	background-color: #A0FFA0;

}

select.force_close_yes {

	background-color: #FFA0A0;

}

div.cc_status_open {

	border: inset 1px;
	font-size: 12pt;
	font-weight: bold;
	display: inline;
	padding: 5px;
	font-style: italic;
	background-color: #A0FFA0;

}

div.cc_status_closed {

	border: inset 1px;
	font-size: 12pt;
	font-weight: bold;
	display: inline;
	padding: 5px;
	font-style: italic;
	background-color: #FFA0A0;

}

div.plan_select {

	float: right;

}

div.zones_letter {

	text-align: left;
	margin: 6px;

}

a.zones_letter {

	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	padding: 4px;

}

a.zones_letter:hover {

	border: outset 1px;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	padding: 3px;

}

a.zones_letter_selected {

	border: inset 1px;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
	color: #114466;
	padding: 3px;

}