/* Tag Declarations */
body { font: 0.75em/160% Arial, Helvetica, sans-serif; color: #555; background: url(../images/sidebar-background.gif) top left repeat-y #f6f6f6; }
body#login-page { background: #282828; }
h1 { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 2em; line-height: 2em; font-weight: bold; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }

/* Links */
a { color: #57a000; text-decoration: none; }
a.button { padding: 5px 8px; line-height: 30px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;    
    background: #7aba00;
    background: -webkit-gradient(
                    linear,
                    left top,
                    left bottom,
                    color-stop(0.3, rgb(122, 186, 0)), 
                    color-stop(0.7, rgb(69, 147, 0))
                );
    background: -moz-linear-gradient(
                    center top, 
                    rgb(122, 186, 0) 30%, 
                    rgb(69, 147, 0) 70%
                );
}
a.outline { padding: 5px 8px; line-height: 30px; border: 1px solid #459300; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
a:hover { color: #000; }

/* Helper Classes */
.hidden { display: none; }
.label { font-weight: bold; }

/* Login Box */
#login { width: 370px; margin: 20% auto; }
#login #login-panel { float: left; width: 350px; padding: 10px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* Sidebar */
#sidebar { position: absolute; left: 0; top: 0; width: 230px; background: #282828; text-align: right; }
#sidebar h1 { padding: 25px 10px 0 0; color: #fff; }
#sidebar p { padding: 0 10px 0 0; }
#sidebar ul { width: 206px; margin: 20px 0 0 24px; }
#sidebar ul li ul { margin: 0; }
#sidebar ul li a { display: block; width: 191px; height: 16px; line-height: 16px; margin: 0 0 10px 0; padding: 9px 15px 8px 0; color: #fff; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
    background: #7aba00;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.3, rgb(121,186,0)), color-stop(0.7, rgb(80,165,0)));
    background: -moz-linear-gradient(left center, rgb(121,186,0) 30%, rgb(80,165,0) 70%); 
}
#sidebar ul li a img { vertical-align: top; padding: 0 0 0 5px; }
#sidebar ul li.system a {
    background: #013a73;
    background: -webkit-gradient(linear, left top, right top, color-stop(0.3, rgb(0,83,165)), color-stop(0.7, rgb(1,58,115)));
    background: -moz-linear-gradient(left center, rgb(0,83,165) 30%, rgb(1,58,115) 70%);  
}
#sidebar ul li a.selected { font-weight: bold; color: #333; background: #f6f6f6; }
#sidebar ul li ul li a, #sidebar ul li.system ul li a { background: none; color: #aaa; }
#sidebar ul li ul li a:hover { color: #fff; }
#sidebar ul li ul li a.selected { font-weight: bold; color: #fff; background: url(../images/sidebar-arrow.gif) 100% 50% no-repeat; }
    
/* Content */
#content { margin: 0 0 0 260px; padding: 40px 30px 0 0; }

/* Content Boxes */
div.content-box-full { clear: both; float: left; width: 100%; margin: 0 0 20px 0; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.content-box-half { width: 48%; margin: 0 10px 20px 0; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
div.content-box-half-left { float: left; margin: 0 10px 20px 0; }
div.content-box-half-right { float: right; margin: 0 0 20px 0; }

/* Content Boxes Header */
div.content-box-header { float: left; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #cdcdcd;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(238, 238, 238)), color-stop(1, rgb(229, 229, 229)));
    background: -moz-linear-gradient(center top, rgb(238, 238, 238) 0%, rgb(229, 229, 229) 100%);    
}
div.content-box-header h3 { float: left; padding: 0 15px; }

/* View Tabs */
ul.tabs { float: right; height: 25px; margin: 15px 0 0 0; padding: 0 15px; }
ul.tabs li { float: left; position: relative; }
ul.tabs li a { float: left; display: block; line-height: 24px; margin: 0 5px 0 0; padding: 0 15px; border: 1px solid #ccc; border-bottom: 1px solid #cdcdcd; background: #dadada; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }    
ul.tabs li a img { float: left; margin: 4px 0; }
ul.tabs li a.selected { color: #000; border: 1px solid #ccc; border-bottom: 1px solid #fff; background: #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
ul.tabs li:hover ul { visibility: visible; display: inline; }
ul.tabs li ul { position: absolute; height: 0; left: -87px; top: 25px; visibility: hidden; display: none; width: 199px; height: 250px; overflow-x: hidden; overflow-y: auto !important; }
ul.tabs li ul li { float: left; position: relative; }
ul.tabs li ul li a { width: 150px; margin: 0; padding: 0 15px; border-left: 1px solid #ccc; border-top: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #dadada; line-height: 33px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
ul.tabs li ul li a.selected { width: 150px; margin: 0; padding: 0 15px; border-left: 1px solid #ccc; border-top: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; line-height: 33px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

div.content-box-header #search { display: none; position: absolute; z-index: 3; float: left; width: 235px; padding: 10px; background: #fff; border: 1px solid #ccc; border-top: 1px solid #fff; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }
div.content-box-body { float: left; width: 100%; background: #fff; }

/* Content Boxes List Views */
div.content-box-body table { margin: 10px 0 0 0; width: 100%; }
div.content-box-body table thead tr th { text-align: left; font-size: 1.2em; color: #555; line-height: 40px; padding: 0 0 0 10px; }
div.content-box-body table thead tr th.small { font-size: 1em; }
div.content-box-body table thead tr th.checkbox { width: 25px; }
div.content-box-body table tbody tr td { line-height: 40px; padding: 0 0 0 10px; border-top: 1px solid #ddd; }
div.content-box-body table tbody tr td.checkbox { width: 25px; }
div.content-box-body table tbody tr td span.highlight { background: #ebfbcc; }
div.content-box-body table tbody tr.even td { background: #f3f3f3; }
div.content-box-body table tbody tr.locked td { background: #b44141; color: #fff; } 
div.content-box-body table tbody tr.selected td { background: #ddecc1; }
div.content-box-body table tbody tr.no-results td { background: #f3f3f3; text-align: center; }
div.content-box-body table tbody tr td.options a img { margin: 0 5px 0 0; }
div.content-box-body table tfoot { border-top: 1px solid #ddd; }
div.content-box-body table tfoot tr td { line-height: 40px; height: 30px; padding: 0 0 0 10px; }
div.content-box-body table tfoot tr td.checkbox { width: 20px; }
div.content-box-body table tfoot tr td.paginator { font-size: 0.9em; text-align: right; padding-right: 10px; }
div.content-box-body table tfoot tr td.paginator a { margin: 0 5px 0 0; }
div.content-box-body table tfoot tr td.paginator a.button { padding: 3px 7px; }
div.content-box-body table tfoot tr td.paginator a.outline { padding: 3px 7px; border: 1px solid #ddd; }

/* Content Boxes Content Only */
div.content-box-body-content { padding: 10px; }