*{ -moz-box-sizing: border-box;box-sizing: border-box }
p{ margin-top:0px; margin-bottom:1em }
form{ margin:0px }
html { height: 100%; border: 0; padding: 0; margin: 0; }
body { height: 100%; border: 0; padding: 5px; margin: 0; width:100%; font-family: Arial; font-size: 12px; color: #333333; }
.home { max-width: 900px; margin: auto; }
.home .home-tabs { margin-top: 70px; }
.tabs { margin: 0px 10px 10px 10px; }
.tabs .head {}
.tabs .tail {}
.tabs ul { list-style: none; padding: 0; margin:0; font-weight: bold; }
.tabs ul li 
{ 
    line-height: 18px; 
    text-align: center; 
    cursor: pointer; 
    float: left; 
    border: 0; 
    margin: 0 0 0 3px;
    padding-left: 5px; 
    padding-right: 5px;
    height: 20px; 
    width: auto;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    background: url("th.png") repeat;
    color: #333333;

}
.tabs ul li.over { color: #ffffff; background: url("th-over.png") repeat; }
.tabs ul li.selected { color: #ffffff; background: url("th-over.png") repeat;  }
.links { position: absolute; top: 5px; color: #666666; font-weight: bold; }
.links .link {  text-decoration: underline; cursor: pointer; float: left; margin-left: 3px; margin-right: 3px; }
.links .info { float: left; margin-left: 3px; margin-right: 3px; }
.logo { width: 92px; height: 88px; background-image: url(../images/logo.jpg); position: absolute; margin-left: 808px; top: 5px; }
.big-panel { width: 900px; height: 500px; }
.small-panel { width: 450px; height: 300px; }
.panel { border: 1px solid #999999; clear: both; padding: 5px; }
.panel .header { float: right; margin-bottom: 5px; background: none !important; border: none !important; text-align:left !important; width: 100%; }
.panel .elements { border-collapse: collapse; }
.panel .elements thead {}
.panel .elements thead tr 
{
    background: url("th.png") repeat;
    color: #333333;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.panel .elements thead tr th 
{ 
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
}
.panel .elements tbody {}
.panel .elements tbody tr { color: #333333; vertical-align: middle; cursor: pointer; }
.panel .elements tbody tr.even {  }
.panel .elements tbody tr.odd { background-color: #dddddd; }
.panel .elements tbody tr.over { background-color: #cccccc; }
.panel .elements tbody tr.selected { background-color: #cccccc; }
.panel .elements tbody tr td
{
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    text-align: center;
}
.button
{
    background: url("th.png");
    border-color: #999999 #999999 #888888;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 2px 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 150px;
}
.right { float: right; }
.button:hover{ color: #ffffff; background: url("th-over.png") repeat; }
.dialog {  border-collapse: collapse;  border: 1px solid #999999; }
.dialog .header {  border-bottom: 1px solid #999999; border-top: 1px solid #999999; text-align: right; background-image: url(th.png); background-repeat: repeat-x;  height: 30px; }
.dialog .header .title { float: left; margin-bottom: 2px; margin-left: 5px; font-weight: bold; font-size: 13px; color: #333333; }
.dialog .header .close { float: right; margin: 5px; cursor: pointer; border: none; background: transparent url(close.png) no-repeat; width: 16px; height: 16px; margin: 4px; margin-top: 7px; }
.dialog .content { padding: 15px; margin: 0; background-color: #ffffff; }
.dialog-overlay { border: 0; left:0; top:0; margin: 0; padding: 0; position:absolute; background: #000000; opacity: 0; filter: alpha(opacity=0); }
.tooltip   
{   
    background-color: #eeeeee;   
    border: 1px solid #999999;   
    color: #333333;   
    padding: 5px;   
    font-size: 11px;   
    font-weight: bold;
    max-width: 300px;
}
.form { position: relative; }
.form table { margin: auto; }
.form table label { white-space: nowrap;  }
.form input[type=text],
.form input[type=password],
.form select { color: #333333; font-family: Arial; font-size: 11px; width: 200px; border: 1px solid #cccccc; }
.form textarea{ background-color: #f0f0f0; width:190px;margin-left:6px;border:solid 1px #F37F18; font-size:9px; color: #555555; font-family:Verdana;}
.form .error { color: #FF6933; font-size: 10px; font-weight: bold; font-style: italic; padding-left: 3px; white-space: normal !important;  }
.form label { margin-right: 3px; }
.form .multi-select { border: 1px solid #cccccc; max-height: 150px; overflow: auto; }
.form .multi-select .option { white-space: nowrap; margin-right: 20px; }
.form .multi-select .option label{ }
.form .multi-select .option input[type=checkbox]{ }
.login { position: absolute; }
.login .login-form{ border: 1px solid #999999; padding: 20px; }
.login .login-logo { width: 92px; height: 88px; background-image: url(../images/logo.jpg); margin: auto; margin-bottom: 10px; }
.login input[type=text], .login input[type=password] { width: 130px; }
.preloader-overlay { border: 0; left:0; top:0; margin: 0; padding: 0; position:absolute; background: #000000; opacity: 0; filter: alpha(opacity=0); z-index: 100000; }
.preloader-image { width: 64px; height: 47px;  border: 0; left:0; top:0; margin: 0; padding: 0; position:fixed; z-index: 100001; background-image: url("../images/preloader.gif"); }
.menu { position: absolute; }
.menu ul { list-style: none; padding: 0; margin: 0; cursor: pointer; width: auto; border: 1px solid #666666; background-color: #f9f9f9; }
.menu li { text-align: left; padding: 2px 4px 2px 4px; margin: 0; cursor: pointer; font-family: Arial; text-decoration: none; color: #362b36; font-size: 10px; font-weight: bold; border: 1px solid #ffffff; }
.menu li.over { color: #362b36; background-color: #dbdbdb; cursor: pointer;}
.filter { float: left; border-collapse: collapse; }
.filter input[type=text]{ color: #333333; font-family: Arial; font-size: 11px; width: 70px; border: 1px solid #cccccc; margin-right: 5px; }
.filter label{ margin-right: 5px; }
.drag {}
.drag .drag-element { cursor: move; }
.calendar {border-collapse:separate; background: #ffffff; padding: 5px; font-weight: bold; color: #000000; font-family: Arial; font-size: 10px; border: 1px solid #cccccc; }
.calendar .months { float: left; margin: 0 2px 0 0; color: #000000; font-family: Arial; font-size: 10px; border: 1px solid #cccccc; width:auto !important; }
.calendar .years { color: #000000; font-family: Arial; font-size: 10px; border: 1px solid #cccccc; width: auto !important; }
.calendar table { margin-top: 5px; } /*Month*/
.calendar table thead tr {} /*Days Names*/
.calendar table thead tr td { text-align: center; } /*Day Name*/
.calendar table tbody tr {} /*Week*/
.calendar table tbody tr.even { background: #e7ff84; } /*Even Week*/
.calendar table tbody tr.odd { background: #ffffff; } /*Odd Week*/
.calendar table tbody tr td { text-align: right; cursor: pointer; border: 1px solid #cccccc; } /*Day*/
.calendar table tbody tr td:hover { color: #ff0000; } /*Day*/
.calendar table tbody tr td.off-month { color: #cccccc; } /*Off Month Day*/
.calendar table tbody tr td.weekend { color: #ff0000; } /*Weekend Day*/
.calendar table tbody tr td.today { border: 1px solid #000000; } /*Today*/
.center { margin: auto; }
.section { border: 1px solid #999999; padding: 5px; margin: auto; margin-top: 5px; margin-bottom: 5px; width: 700px;  }
.buttons { text-align: center; margin-top: 15px; }
.title { font-weight: bold; font-size: 13px; }