/*********RESET*********/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;}
ol, ul {list-style: none;}
:focus {outline: 0;}

/*********GENERAL*********/
body {min-width: 800px; font: 11px Arial, Helvetica, sans-serif; color: #565656; background: #f5f5f5 url(../images/bg_body.gif) top left repeat-y; position: relative;}
a {color: #0096ff; text-decoration: underline;}
a:hover {color: #262626; text-decoration: underline;}
h1 {}
h2 {}
h3 {}

input, select {vertical-align: middle;}
.txt, .sel, .txta {border: 1px solid #aaa; padding: 3px; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font: 11px Arial, Helvetica, sans-serif;}
.txt:focus, .sel:focus, .txta:focus {border: 1px solid #0096ff;}
.txta {vertical-align: top;}
.send {color: #fff; background: #0096ff; padding: 3px 10px; border: 1px solid #0063dd; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; cursor: pointer;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/*main boxes*/
#header {height: 50px; padding-left: 20px; color: #f3f3f2; background: url(../images/bg_header.gif) top left repeat-x; position: relative;}
#sidebar {width: 210px; padding: 20px 0px; color: #a3a3a3; position: absolute; top: 50px; left: 0px;}
#content {margin-left: 210px; padding: 40px 20px;}

/*header*/
.siteName {line-height: 46px; font-size: 36px; color: #f3f3f2; letter-spacing: -1.5px;}

/*login page*/
#loginPage {background: #262626 none; color: #ccc; font-size: 12px;}
.loginBox {width: 300px; padding: 20px; margin: 100px auto 0px auto; background: #363636; border: 5px solid #444; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.loginBox div {padding: 10px; margin-bottom: 2px; background: #3e3e3e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.loginBox div:hover {background: #262626;}
.loginBox .txt {width: 258px; padding: 4px 10px; font-size: 12px; border-color: #fff;}
.loginBox .send {display: block; margin: 0px auto; padding: 5px 15px; font-size: 14px;}
.loginBox label {display: block; padding: 0px 0px 5px 0px;}
.loginBox div:hover .txt, .loginBox .txt:focus {border-color: #fff;}
#loginPage .copy {display: block; margin: 5px auto; text-align: center; color: #999;}

/*dashboard*/
.calldash {background: #262626; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;}
.calldash a {display: block; padding: 5px 20px 5px 10px; margin-right: 10px; color: #d1d1d1; background: url(../images/icon_dashboard.gif) right center no-repeat; font-size: 11px; line-height: normal; text-decoration: none;}
.calldash a:hover {text-decoration: none; color: #fff;}
.open {position: absolute; top: 50px; right: 20px;}
.close {position: absolute; bottom: -24px; right: 0px;}

.dashBox {width: 100%; position: relative; display: none;}
.dash {border: 1px solid #aaa; padding: 5px; margin-bottom: 30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px;}
.dash ul {}
.dash li {padding: 10px; margin: 10px; background: #fff; border: 1px solid #ddd; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left;}
.dash li:hover {border: 1px solid #bbb;}
.dash li img {padding-bottom: 5px;}
.dash li a {color: #777; text-decoration: none; font-size: 14px;}
.dash li a:hover {text-decoration: none; color: #262626;}
.dash li a:hover img {text-decoration: none;}


/*sidebar*/
#welcome {padding: 0px 20px; margin-bottom: 20px; text-align: right;}
#welcome strong {padding-bottom: 10px;}
#welcome a {background: #555; padding: 3px 7px; color: #ccc; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#welcome a:hover {background: #777; color: #fff; text-decoration: none;}

#nav {width: 200px; margin-left: 10px; text-align: right; overflow: hidden;}
#nav li {margin-bottom: 3px;}
#nav li li {margin-bottom: 0px;}
#nav li a {display: block; padding: 5px 20px 5px 10px; background-color: #0096ff; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
#nav li a:hover, #nav li:hover a {background-color: #89b816; color: #fff; text-decoration: none;}
#nav li a.on, #nav li:hover a.on {background-color: #f5f5f5; color: #262626; text-decoration: none;}
#nav li li a, #nav li:hover li a {font-size: 12px; font-weight: normal; background: transparent none; color: #fff;}
#nav li li a:hover, #nav li:hover li a:hover, #nav li li a.on, #nav li:hover li a.on {background: transparent url(../images/bg_subnav-item.gif) right center no-repeat; color: #99c826;} 
#nav li ul {display: none;}
#nav li:hover ul, #nav li.on ul {display: block;}

/***Content***/
/*main box*/
.dataBox {margin-bottom: 20px; background: #fff; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.dataBBox {width: 49%;}
.dataBoxName {height: 38px; line-height: 36px; padding-left: 10px; background: #f3f3f2 url(../images/bg_boxname.gif) top left repeat-x; border-bottom: 1px solid #ccc; font-size: 24px;}
.dataBoxData {padding: 20px;}
/*main table*/
.dataBoxData table {width: 100%; border: 1px solid #ccc;}
.dataBoxData table td {padding: 5px; border-bottom: 1px solid #ccc;}
.dataBoxData table .header th {background: #dfefff; border-bottom: 1px solid #ccc; padding: 5px; text-align: left;}
.dataBoxData table .filters td {background: #efffdf; border-bottom: 1px solid #ccc;}
.dataBoxData table .odd td {background: #fff;}
.dataBoxData table .even td {background: #f7f7f7;}
.dataBoxData table .editCell {width: 64px;}
/*control table*/
.dataBoxData table .controller {width: 100%; border: 0px;}
.dataBoxData table .controller td {vertical-align: middle; padding: 0px; border: 0px;}
.dataBoxData table .controller td.qty {width: 25%; text-align: left;}
.dataBoxData table .controller td.pags {width: 50%; text-align: center;}
.dataBoxData table .controller td.whatnos {width: 25%; text-align: right;}
.pags ul li {display: inline; padding: 1px; font-size: 12px;}
.pags ul li a {background: #fff; text-decoration: none; padding: 3px 7px; line-height: normal; border: 1px solid #dfefcf; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.pags ul li a:hover {background: #0096ff; color: #fff; border: 1px solid #0086ef; text-decoration: none;}
.pags ul li a.on {background: #89b816; color: #fff; border: 1px solid #79a806;}

.formBox {padding: 10px; color: #474747; border: 2px solid #ededed; font-size: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.formBox div {padding: 5px 10px; margin-bottom: 2px; background: #f3f3f3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.formBox div.left, .formBox div.right {width: 48%; background: #fff; padding: 0px; margin: 0px;}
.formBox .cleaner {padding: 0px; margin-bottom: 0px;}
.formBox label {display: block; color: #575757; padding: 0px 0px 3px 0px;}
.formBox .txt {width: 95%;}
.formBox .txta {width: 95%;}
.formBox .sel {width: 95%;}

/*********CLEANER | STUFF*********/
.cleaner {clear: both; height: 0px; margin-top: -1px; line-height: 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}