BODY {
	background-color: #ececec;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
}

IMG {
	border: 0;
}

A {
	color: #000000;
	cursor: pointer;
}

P {
	margin: 0;
}

FORM {
	margin: 0;
}

INPUT, SELECT, OPTION, TEXTAREA {
	font-family: Arial;
	font-size: 9pt;
	border: 1px solid #333;
	background-color: #eee;
	padding: 2px;
	margin-bottom: 2px;	
}

INPUT[DISABLED] {
	background-color: #ccc;
}

OPTION {
	border: 0;
	margin: 0;
}	

H2 {
	margin: 0;
	font-size: 12px;
}

H1 {
	margin: 0;
	font-size: 16px;
}

UL {
	margin: 2px;
	padding-left: 15px;
}

HR {
	border: 0;
	height: 1px;
	color: #aaa;
	background-color: #aaa;
}


.icon_link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.icon_link IMG {
	border: 0;
	vertical-align: middle;
	padding-bottom: 2px;
	padding-top: 2px;
}

.im_code {
	width: 350px;
	height: 36px;
	border: 1px solid #000;
	padding: 4px;
	overflow: scroll;
}

#container {
	margin: 25px;
	border: 1px solid #000;
	background-color: #fff;
	text-align: left;
}

#logo {
	font-size: 18px;
	padding: 5px;
}

#header {
	font-size: 18px;
	padding: 5px;
}

#menu {
	background-color: #d8d8d8;
	vertical-align: middle;
	padding: 5px;
}

#menu A {
	text-decoration: none;
	margin-right: 10px;
}

#bread {
	font-size: 9px;
	color: #888;
	padding: 5px;
}

#bread A {
	color: #555;
	text-decoration: none;
}

#content {
	padding: 5px;
}

#copyright {
	font-size: 9px;
	color: #888;
	padding: 5px;
}

#righttop {
	padding: 5px;
}

.schedule_list {
	height: 700px;
	overflow-y: scroll;
	background-color: #fff;
	padding: 5px;
	padding-right: 10px;
}

.schedule_form {
	position: absolute;
	background-color: #ddd;
	border: 2px solid #000;
	width: 400px;
	display: none;
	padding: 5px;
	z-index: 1;
}

.schedule_list DIV {
	background-color: #c0c0c0;
	list-style: none;
	padding: 5px;
	margin-right: 0;
	margin-bottom: 2px;
}

.schedule_item {
	background-color: #fff;
}

.plus_min {
	font-family: courier;
	cursor: pointer;
}

#overall {
	height: 100%;
}

.hostmon_down {
	background-color: orangered;
	font-weight: bold;
	color: #fff;
}

.hostmon_up {
	background-color: lightgreen;
	font-weight: bold;
}

.hostmon_disabled TD {
	background-color: #ccc;
	color: #999;
}

.blokje {
background-color: #ddd; border: 1px solid #000; padding: 5px;
margin-bottom: 5px;
}

.page_links {
	float: right;
}

.page_links A {
	text-decoration: none;
	font-size: 11px;
	margin-left: 10px;
}


ul#devices { margin: 0; padding: 0; }

li.device { list-style: none; }

table.links>thead { background: #999; color: #fff; }
table.links>thead th { padding: 5px; }
table.links>thead A { color: #fff; text-decoration: none; }

div.device-container{ }
table.links>tbody>tr:nth-child(odd) { background: #eee; }
ul#devices table.unit_info { width: 100%; vertical-align: top; }


form.styled ul { list-style: none; }
form.styled ul li { margin: 5px 0; }
form.styled label { display: block; float: left; width: 12em; }
form.styled fieldset { margin: 10px 0; padding: 5px 0; border: none; border-top: 1px solid #ccc; }

form#units_form .vlan { width: 60px; margin-left: 2px; }


#tabWrapper{
}

#tabContainer {
	padding: 5px;
}

.tabs{
	height:30px;
}

.tabs > ul{
	font-size: 1em;
	list-style:none;
}

.tabs > ul > li{
	border: 1px solid #555;
	margin:0 2px 0 0;
	padding:7px 20px;
	display:block;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background: #C9C9C9; /* old browsers */
	background: -moz-linear-gradient(top, #0C91EC 0%, #257AB6 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C91EC), color-stop(100%,#257AB6)); /* webkit */
}

.tabs > ul > li:hover{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

.tabs > ul > li.tabActiveHeader{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

.tabscontent {
	border-top: 2px solid #555;
	padding:10px 15px 25px;
	margin:0;
}