/* ~  ~  ~  ~  ~  ~  ~  ~  ~  ~  ~ */
/* Common
/* ~  ~  ~  ~  ~  ~  ~  ~  ~  ~  ~ */
html, body { height: 100%; }
html, body, form { padding: 0; margin: 0; font-family: Tahoma, Arial, Verdana; font-size: 11px; }

.body { width: 100%; height: 100%; }

a, a:active, a:link{ color: #0056bb; text-decoration: underline; }
a:hover{ color: #0056bb; text-decoration: none; }
a:visited{ color: #0056bb; text-decoration: underline; }

p{ margin-bottom: 0; }
div, span{ padding: 0; margin: 0; }

.top{ vertical-align: top; }
.bot{ vertical-align: bottom; }
.sep{ background: #E6E6E6; }
.nowrap{ white-space: nowrap; }
.bold{ font-weight: bold; }
.hidden{ visibility: hidden; }
.none{ display: none; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.middle{ vertical-align: middle; }
.bgwhite{ background: #FFFFFF; }
.clear{ clear: both; overflow: hidden; }
.gray{ color: #999999; }
.black{ color: #000000; }
.white{ color: #FFFFFF; }
.red{ color: #ff0000; }
.green{ color: #008000; }
.gray{ color: #808080; }

.Attention{ color: #c80e0e; }
.Comment{ color: #828282; font-style: italic; }

.Error{ color: #000000; background: #FFE8E8;	border: 1px solid #8D8D8D; border-style: dotted; text-align: center; padding: 5px 3px 5px 3px; }
.Error b{ color: #F30000; }

.Notice{ color: #000000; background: #FDF5DD;	border: 1px solid #8D8D8D; border-style: dotted; text-align: center; padding: 5px 3px 5px 3px; }
.Notice b{ color: #F30000; }

.Success{ color: #000000; background: #F1FDE7;	border: 1px solid #8D8D8D; border-style: dotted; text-align: center; padding: 5px 0 5px 3px; }
.Success b{ color: #3C8D00; }

.table{ background: #FFFFFF; }
.table td{ background: #bfcae8; vertical-align: middle; padding: 4px 10px 4px 10px; text-align: left; }
.table .h{ background: #0438b0; color: #ffffff; font-weight: bold; vertical-align: middle;  padding: 7px 10px 7px 10px; }
.table .light{ background: #d2d2d2; color: #000000; padding: 4px 10px 4px 10px; }
.table .c{ text-align: center; }
.table .l{ text-align: left; }

.hand{ cursor: pointer; }

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
SITE
/* ~ ~ ~ ~ ~ ~ ~ ~ ~ */
h1 { color: #0056BB; font-family: Arial; font-size: 21px; font-weight: normal; padding: 0; margin: 0; }
h2 { color: #fe1800; font-family: Arial; font-size: 19px; font-weight: normal; padding: 0; margin: 0; }

.logo{ padding: 25px; }

.header{ border: 1px solid #CAD3EC; border-left: none; border-right: none; }
.header .l{ background: url( "/skins/default/images/header-bkg-l.jpg" ) no-repeat 100% 0%; border-right: 1px solid #cad3ec; padding: 50px 10px 0 10px; }
.header .l div{ white-space: nowrap; }
.header .l div img{ padding: 5px; }
.header .r{ background: url( "/skins/default/images/header-bkg.jpg" ) no-repeat; }

.psuti{ font-size: 13px; color: #0056BB; }

.bot{ background: #f1f6ff url( "/skins/default/images/menu-bkg-rep.gif" ) repeat-y 0% 0px; border: 1px solid #CAD3EC; border-bottom: none; border-top: none; }
.border{ background: #f1f6ff url( "/skins/default/images/menu-bkg-rep.gif" ) repeat-y 0% 0px; border: 1px solid #CAD3EC; border-bottom: none; border-top: none; }
.border .transparent{ background: #f1f6ff; }

.content .menu ul, .content  .menu li{ list-style-type: none; list-style-image: none; padding: 0; margin: 0; }
.content .menu ul div{ background: url( "/skins/default/images/li-style1.gif" ) no-repeat 0 5px; padding: 0; margin: 0 0 0 0px; }
.content .menu a, .content .menu a:visited{ display: block; color: #0056bb; font-size: 14px; padding: 3px 0 3px 0; margin: 0 0 0 18px; text-decoration: none; }
.content .menu a:hover{ font-size: 14px; text-decoration: underline; }
.content .menu .a{ font-size: 14px; font-weight: bold; text-decoration: underline; }
.content .menu ul a, .content .menu ul a:link, .content .menu ul a:visited, .content .menu ul a:hover{ display: block; background: url( "/skins/default/images/li-style1.gif" ) no-repeat 0 5px; padding: 3px 0 3px 15px; margin: 0 0 0 0; }

.content .l { }
.content .r { padding: 15px 10px 15px 15px; }

/* ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
ADMIN
/* ~ ~ ~ ~ ~ ~ ~ ~ ~ */
.admin, .admin .body { background: #FFFFFF; font-family: Verdana, Tahoma, Arial; font-size: 11px; }
.admin .menu .green, .admin .tree .green { color: green; }
.admin .red { color: red; }

.admin fieldset legend { font-weight: bold; padding: 0; margin: 0; }

.admin .tree { width: 100%; }
.admin .tree ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
.admin .tree li { padding: 0; }