/* START: Zeroer */
html,/*body,*/div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dd,dl,dt,
input,textarea,label,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
font-size: 100%;
line-height: 1em;
font-family: Arial, Verdana, "Tahoma", Helvetica, sans-serif;
text-align: left;
}
/* END: Zeroer */
/*body {background: #EBEEE8 url('../images/bg-header.jpg') repeat-x top center; font-size: 0.9em; color: #55523c; behavior:url("/goodies/csshover3.htc"); text-align: center;}*/
/*.wrapper {margin: 0 auto; min-width: 860px; max-width: 900px; border :0px solid red; width: expression(document.body.clientWidth < 860? "860" : "auto"); */
/*width: expression(document.body.clientWidth > 900? "900px" : "auto");*/
/*} */
/*body {background: #EBEEE8 repeat-x top center; font-size: 0.9em; color: #55523c; behavior:url("/goodies/csshover3.htc"); text-align: center;}*/
.wrapper {margin: 0 auto; min-width: 860px; max-width: 900px; border :0px solid red; width: expression(document.body.clientWidth < 860? "860" : "auto");
width: expression(document.body.clientWidth > 900? "900px" : "auto");
}
a { color: #48637b; }
a:hover { color: #1d2d3a; }
a:focus { outline:none; }
img{border: 0;}
p { color: #757576; font-size: 13px; line-height: 22px; margin: 12px 0 0 0;}
ul li {color: #000; font-size: 13px; line-height: 22px; margin-left:0px;}
ol li { color: #757576; font-size: 13px; line-height: 22px; margin: 5px 0 0 20px;}
.clear{clear: both; padding: 0; margin: 0;}
.float1{float: left; margin: 10px 0 0 6px; border: 0px solid red;}
.float2{float: left; margin: 30px 0 0 6px; border: 0px solid red; max-width: 78%; width: 70%;}
.name{margin: 6px;}
.curve{-moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(/goodies/border-radius.htc);}
.dropme{float: right; padding: 6px;}
/*----------------------------------
H's
----------------------------------*/
h1{font-family: arial; color: #4F4F4F; margin: 0 0 10px 0; padding: 0 0 4px 0; font-size: 1.4em; font-weight: bold; border-bottom: 1px dotted #7a7868;}
h2{font-family: arial; color: #4F4F4F; margin: 0 0 10px 0; padding: 0; font-size: 1.2em; font-weight: bold;}
/*----------------------------------
Header Logo & labels
----------------------------------*/
#header{margin: 0 0 5px 0; border :0px solid red; }
#logo{float: left; margin-top: 6px; position: absolute; border: 0px solid red}
#labels{font-size: 10px; color: #1a1a1a; position:static; left:0px; bottom:0px; text-align: right; width: 100%; border : 0px solid red; height: 99px; background: transparent url(../images/labels.png) no-repeat 100% 100%;}
#labels span{margin: 0 10px;}
/*----------------------------------
Search
----------------------------------*/
#search{background: transparent url(../images/bg-search.png) no-repeat; padding: 0px; margin: 5px 0px 5px 0; width: 275px; float: right; border :0px solid red;}
#search input{border: 0; width: 180px; margin-left: 28px; font-size: 1em; background: #dedccc; color: #635f42; padding: 2px 2px 2px 2px; margin-top: 4px;}
#search input.btn{background: transparent url(../images/btn-search.png) no-repeat; width: 55px; height: 30px; border: none overflow: hidden; text-indent: -999px; float: right; margin: 0; cursor: pointer;}
/*----------------------------------
Content
----------------------------------*/
.window{background: #E5EBE6; url(../images/bgs-window.png) repeat-X; padding: 12px; margin-bottom: 10px;-moz-border-radius:7px; -webkit-border-radius:7px; behavior:url(/goodies/border-radius.htc);}
/*#oliq{cursor: pointer; clear: both; border: 0px solid red; margin-bottom: 2px;}*/
.spacer{width:120px;float:left}
/*.window{background: #E5EBE6 url(../images/bgs-window.png) repeat-X; padding: 12px; margin-bottom: 10px; text-align: center;}*/
.conBox{margin: 0 auto; text-align: center;border: 0px solid red; width: 500px; padding: 10px 0;}
.serverBox{background: #fff; border: 1px solid #959595; padding: 20px; width: 180px; text-align: center; float: left; margin: 10px 12px 0 0;}
.serverBox ul{margin:0; padding: 0px; list-style-type: none;}
.serverBox li{margin: 0 0 4px 0; padding: 0; text-align: center; border: 0px solid red;}
.serverBox li a:link{color: #959595; text-decoration: none; padding:0 0 4px 25px; }
.serverBox li a:visited{color: #959595; text-decoration: none; padding:0 0 4px 25px; }
.serverBox li a:link.start{background: transparent url(../images/ico-start-on.png) no-repeat;}
.serverBox li a:visited.start{background: transparent url(../images/ico-start-on.png) no-repeat;}
.serverBox li a:link.startGray{background: transparent url(../images/ico-start-off.png) no-repeat;}
.serverBox li a:visited.startGray{background: transparent url(../images/ico-start-off.png) no-repeat;}
.serverBox li a:link.stop{background: transparent url(../images/ico-stop-on.png) no-repeat;}
.serverBox li a:visited.stop{background: transparent url(../images/ico-stop-on.png) no-repeat;}
.serverBox li a:link.stopGray{background: transparent url(../images/ico-stop-off.png) no-repeat;}
.serverBox li a:visited.stopGray{background: transparent url(../images/ico-stop-off.png) no-repeat;}
.serverBox hr{border: 1px dotted #999999; border-width: 1px 0 0 0; height:0; line-height:0px; margin: 15px 0; padding:0;}
.appBox{background: #000; border: 1px solid #fff; color: #fff; padding: 20px; width: 450px; text-align: center; margin: 10px 10px 0 0;}
.appBoxStatus{border: 0px solid #fff; color: #000; padding: 0px; width: 200px; text-align: center; margin: 5px 5px 0 0;}
.wallpaper ul{margin: 10px 0; padding: 0; list-style-type: none;}
.wallpaper li{margin: 0 20px 0 10px; list-style-type: none; padding: 6px; border: 1px solid #999999; width: 80px; float: left; font-size: 0.8em;}
.wallpaper li b img{width: 80px; height: 100px;}
.wallpaper li:hover {background: #d7e7ed; border: 1px solid #6fb0c9;}
/*.wallpaper li span{display: none;}*/
.wallpaper li span img{border: none;}
.wallpaper li .tag{position: absolute; margin-left: 2px;}
.content ul{margin: 10px 0; padding: 0; list-style-type: none;}
.content li{margin: 0 20px 0 10px; list-style-type: none; padding: 6px; border: 1px solid #999999; width: 80px; float: left; font-size: 0.8em;}
.content li b img{width: 80px; height: 100px;}
.content li:hover {background: #d7e7ed; border: 1px solid #6fb0c9;}
/*.content li span{display: none;}*/
.content li span img{border: none;}
.content li .tag{position: absolute; margin-left: 2px;}
/*----------------------------------
FORMS
----------------------------------*/
form{font-size: 1em;}
input, textarea, select, button {
-moz-border-radius: 5px 5px 5px 5px;
border: 1px solid #AEAEAE;
padding: 4px;
}
input{font-family: verdana, arial, courier, monospace; padding: 3px; margin: 0px 0 4px 0px;}
input[type=radio]{width: 20px; font-family: verdana, arial, courier, monospace; padding: 0px;margin: 3px 0 0px 0px; cursor: pointer;}
input[type=file]{font-family: verdana, arial, courier, monospace; padding: 0px;margin: 3px 0 0px 0px; cursor: pointer;}
input[type=checkbox]{width: 20px; font-family: verdana, arial, courier, monospace; padding: 0px;margin: 3px 0 0px 0px; cursor: pointer;}
textarea{height: 80px; width: 400px; font-family: verdana, arial, courier, monospace; padding: 3px;margin: 0px 0 4px 0px;}
select{padding: 2px;font-size: 1em;}
label{float: left; width: 140px; text-align: right; padding: 3px; border: 0px solid red; margin-bottom: 6px; margin-right: 4px; vertical-align: top; line-height: 16px;}
form br{clear: both; margin-bottom: 6px;}
form em{font-size: 0.8em;}
span.field{float: left; width: 400px; text-align: left; padding: 3px; border: 0px solid red; margin-bottom: 6px; margin-right: 4px; vertical-align: top; line-height: 16px;}
input.txt{width: 300px;}
input.txtsm{width: 100px;}
input.dsbld{width: 300px; background: #e7e7e7; cursor: help;}
input.submitButton{font-size: 10px; cursor: pointer; border: 1px solid #59841e; background: #8dc63f;}
input.submitButton:hover{font-size: 10px; cursor: pointer; border: 1px solid #8dc63f; color: #59841e; background: #8dc63f url(../images/bg-button.png) 0 -100 repeat-X;}
/*buttons */
.buttons a, .buttons button{display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer;
padding:5px 10px 6px 7px; }
.buttons button{width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */}
.buttons button[type]{padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type]{padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img{margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}
/* STANDARD */
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;}
/* POSITIVE */
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;}
/* NEGATIVE */
.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;}
/* FOR UPLOAD FILES */
.MultiFile-label{margin-left: 143px; margin-bottom: 2px; margin-top: 2px; font-size: 0.8em;}
.MultiFile-label a{text-decoration: none; font-weight: bold; color: red;}
.MultiFile-label a:after{content: " - "; font-weight: normal; color: #7a7868;}
/*----------------------------------
Footers
----------------------------------*/
/* Basic code - don't modify */
#footer {background: #c2bfaa url('../images/bg-main.jpg') repeat-x; height: 100px; padding-top: 3px;}
/*----------------------------------
ERROR msg
----------------------------------*/
.redBox{background: #ed145b; color: #fff; font-size: 0.8em;}
.oranjeBox{background: #ffcb05; font-size: 0.8em;}
.greenBox{background: #39b54a; font-size: 0.8em;}
.grayBox{background: #acacac; font-size: 0.8em;}
.blueBox{background: #00aeef; font-size: 0.8em;}
.blackBox{background: #000; font-size: 0.8em; color: #fff;}
/*----------------------------------
paging
----------------------------------*/
.pagination {margin-top: 10px; border: 0px solid red;}
.pagination a {text-decoration: none; border: solid 1px #AAE;color: #15B; font-size: 0.8em;}
.pagination a:hover{text-decoration: none; border: solid 1px #AAE;color: #fff; background: #15B;}
.pagination a, .pagination span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px;}
.pagination .current {background: #26B; color: #fff; border: solid 1px #AAE;}
.pagination .current.prev, .pagination .current.next{color:#999; border-color:#999; background:#fff;}
.pagination ul{margin: 0; padding: 0; list-style-type: none;}
.pagination li{margin: 0; padding: 0; list-style-type: none;}
div.time-picker { position: absolute; height: 200px; width:5em; /* needed for IE */ overflow: auto; background: #fff; border: 1px solid #000; z-index: 999999;}
div.time-picker-12hours { width:8em; /* needed for IE */}
div.time-picker ul {list-style-type: none; margin: 0; padding: 0;}
div.time-picker li {padding: 1px; cursor: pointer; width: 60px; margin: 0; padding: 2px;}
div.time-picker li.selected {background: #316AC5; color: #fff;}