html, body
{width:100%;margin:0;padding:0;background:#2B7EBC;font-size:12px;font-family:Verdana;}



/*  previous html, body {  background:#485e6b }  */


h1,h2,h3,h4,h5,p,ul,li
{padding:0;margin:0;font-family:Verdana;}
ul,li
{list-style-type:none;}

.lft
{float:left;}
.rht
{float:right;}
.clear
{clear:both;}
.pad
{padding:20px;}
.pad-top-bot
{padding:20px 0;}
.pad-lft-rht
{padding:20px 0;}
.margin-top
{margin-top:20px;}
.margin-bot
{margin-bottom:20px;}
.chk
{float:left;padding:0;margin:0 10px 0 0;}

.tabbing
{display:block;}
.tabbing li
{display:inline-block;}
.tabbing li > a
{display:inline-block;padding:9px 20px;border:1px solid #ffffff;text-decoration:none;border-radius:5px 5px 0 0;color:#ffffff;font-weight:bold;}
.tabbing li.active > a
{display:inline-block;padding:10px 20px;border:0;background:#ffffff;text-decoration:none;border-radius:5px 5px 0 0;color:#000000;}

.main-content
{display:block;width:900px;margin:0 auto;}


header
{display:block;}
header .block
{display:block;border-bottom:3px solid #ffffff;}
header .block .lft > .lft
{width:101px;}
header .block .logo
{width:101px;height:101px;}
header .block .rht
{display:block;float:none;text-align:center;}
header .block .rht.welcome
{display:block;float:right;text-align:left;width:27%;line-height:24px;}
header .block h1
{display:inline-block;font-size:32px;color:#ffffff;}
header .block p
{display:inline-block;font-size:29px;color:#ffffff;margin:20px 0 0 0;}
header .block .lft .rht h1
{display:inline-block;font-size:25px;color:#ffffff;}
header .block .lft .rht p
{display:inline-block;font-size:22px;color:#ffffff;margin:30px 0 0 0;}

footer
{display:block;}
footer .block
{display:block;border-top:3px solid #ffffff;}
footer .block p
{display:block;font-size:12px;color:#ffffff;text-align:center;}

.content
{display:block;}
.content .block
{display:block;}
.content .panel
{display:block;background:#ffffff;border-radius:10px;}
.content .panel.login
{width:500px;margin:50px auto;}
.content .panel.manage
{border-radius:0 5px 5px 5px;}
.content .panel strong
{display:block;text-align:center;font-size:18px;margin-bottom:40px;}
.content .right-tab
{display:block;border-left:2px solid #000000;padding:0 0 0 10px;margin:0 0 0 10px;}
.content .right-tab a
{display:block;font-size:12px;}

.form-field
{display:block;margin-top:10px;}
.form-field .msg
{display:block;font-size:14px;font-weight:bold;padding:0 0 0 25px;line-height:20px;}
.form-field .msg.success
{background:url(../img/success.png) no-repeat;}
.form-field .msg.error
{background:url(../img/error.png) no-repeat;}
.form-field input,.form-field select
{display:block;border:0;width:98%;padding:0;border-radius:5px;height:30px;padding:0 1%;}
.form-field button
{display:block;border:0;padding:0;border-radius:5px;height:30px;}
.form-field label
{display:block;}
.form-field .form-field-box
{display:block;border-radius:5px;border:1px solid #cccccc;margin-top:6px;}
.form-field .form-field-sbt
{display:block;margin-top:6px;}
.form-field .form-field-sbt .sbt
{display:block;border:1px solid #000000;border-radius:5px;width:auto;padding:0 20px;font-size:14px;font-weight:bold;}
.link_action
{display:block;border:1px solid #000000;border-radius:5px;width:auto;padding:0 20px;font-size:14px;font-weight:bold;background:#cccccc;color:#000000;text-decoration:none;padding:4px 10px;margin:0 0 10px;}

table.dataTable thead th
{text-align:left;padding:6px 10px;}
table.dataTable tbody td
{text-align:left;padding:6px 10px;}