/* Basic Structure */

html{font-size:100%;height:100%;margin-bottom:1px} /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
body{font-family:Arial,Helvetica,sans-serif;color:#666;font-size:12px;background:#fff;top:0;margin:0;padding:0}

/* Elements styling */
h1,h2,h3,h4,h5,h6{font-family:Helvetica,Arial,sans-serif;color:#333;font-weight:bold}
h1{font-family:Calibri,Helvetica,Arial,sans-serif;font-size:31px;font-weight:bold;color:#fff;position:absolute;top:-1000px}
h2{font-size:22px;padding:10px}
h3{font-size:14px;padding:0 0 10px 0}
h4{font-size:14px;padding:0 0 5px 0}
h5{font-size:14px;padding:0 0 5px 0}
h6{font-size:12px;padding:0 0 5px 0}
a{color:#666;text-decoration:none}
a:hover{color:#333}
a:active{color:#333}
a:focus{outline:1px}
strong{font-weight:bold;color:#333}
small{font-size:.85em}
pre{font-family:monospace}
p{padding:5px 0 10px 0;line-height:1.6em}

/* General Classes */
.clear{clear:both}
.align-left{float:left}
.align-right{float:right}

/* Button */
.button{font-family:Verdana,Arial,sans-serif;display:inline-block;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#1d8fff;*background-color:#0067cc;background-image:-webkit-gradient(linear,0 0,0 100%,from(#1d8fff),to(#0067cc));background-image:-webkit-linear-gradient(top,#1d8fff,#0067cc);background-image:-o-linear-gradient(top,#1d8fff,#0067cc);background-image:linear-gradient(to bottom,#1d8fff,#0067cc);background-image:-moz-linear-gradient(top,#1d8fff,#0067cc);background-repeat:repeat-x;border-color:#005ab3 #005ab3 #005ab3;border-color:rgba(0,0,0,0.2) rgba(0,0,0,0.2) rgba(0,0,0,0.25);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#007eeeee',endColorstr='#0061e6e6',GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false);padding:5px 8px 5px 8px !important;color:#fff !important;font-size:12px;cursor:pointer;border-image:none;border-width:1px;border-style:solid;-moz-border-top-colors:none;-moz-border-right-colors:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none}
.button:hover{box-shadow:0 5px 18px 2px #69a3cc inset,0 1px 2px rgba(0,0,0,0.15);-webkit-transition:all linear .25s;-moz-transition:all linear .25s;-o-transition:all linear .25s;-ms-transition:all linear .25s;transition:all linear .25s}
.button:active{box-shadow:0 12px 24px 2px #386ccc inset;background-color:#166bbf \9}
a.remove-link{color:#b00}
a.remove-link:hover{color:#000}

/* Sidebar */
#sidebar{background:#e6e6e6;width:100%;height:100%;position:absolute;left:0;top:46px;color:#888;font-size:11px}
#sidebar a,#sidebar a:active{color:#ccc}
#sidebar a:hover{color:#fff}
#sidebar #sidebar-title{margin:40px 0 40px 15px}
#sidebar #logo{margin:40px 0 40px 0}
#sidebar #profile-links{padding:0 15px 20px 15px;text-align:right;line-height:1.5em}

/* Sidebar Accordion Menu */
#sidebar #main-nav{padding:0;font-family:Helvetica,Arial,sans-serif}
#sidebar #main-nav li{list-style:none;text-align:left;color:#333}
#sidebar #main-nav li a{color:#333}
#sidebar #main-nav li a:hover{color:#28517e;background:#dbdbdb}
#sidebar #main-nav li a.nav-top-item{padding:11px 15px 10px 25px;color:#333;font-size:14px;cursor:pointer;display:block;text-decoration:none;font-weight:bold;box-shadow:0 1px 0 #fff;border-bottom:1px solid #ccc;height:15px}
#sidebar #main-nav li a.current{color:#f7f7f7;background-color:#545454;background:333333;border-left:3px solid #26253c;box-shadow:0;text-shadow:0 1px 0 rgba(0,0,0,0.1)}
#sidebar #main-nav li a.current:hover{color:#fff}
#sidebar #main-nav ul{padding:0;font-size:12px;margin:0}
#sidebar #main-nav ul li{list-style:none;margin:0;text-align:left;padding:0 0 0 35px}
#sidebar #main-nav ul li a{padding:8px 15px;display:block;color:#000;font-size:13px;line-height:1.2em}
#sidebar #main-nav ul li a:hover{color:#333;background:#eee}
#sidebar #main-nav ul li a.current{color:#111;background:#ddd}
#sidebar #main-nav ul li a.current:hover{color:#111}
#sidebar #main-nav li span.menu_nav_s{display:inline-block;width:25px;float:left;height:15px}
#sidebar #main-nav .menu_nav_system span.menu_nav_s{background:url(default/img/_v2_0.gif) 0 0 no-repeat}
#sidebar #main-nav .menu_nav_question span.menu_nav_s{background:url(default/img/_v2_1.gif) 0 0 no-repeat}
#sidebar #main-nav .menu_nav_category span.menu_nav_s{background:url(default/img/_v2_2.gif) 0 0 no-repeat}
#sidebar #main-nav .menu_nav_topic span.menu_nav_s{background:url(default/img/_v2_3.gif) 0 0 no-repeat}
#sidebar #main-nav .menu_nav_user span.menu_nav_s{background:url(default/img/_v2_4.gif) 0 0 no-repeat}
#sidebar #main-nav .menu_nav_maintain span.menu_nav_s{background:url(default/img/_v2_0.gif) 0 0 no-repeat}

/* Messages */
#messages p,#messages form{border-top:1px solid #ddd;padding:10px 0}
#messages h4{padding:10px 0}
#messages fieldset{margin:0}
#messages textarea{margin:0 0 15px 0}

/*** Main Content ***/
/* Layout */
#main-content{margin-left:200px;padding:0}
#main-content iframe{z-index:20}
.column-left{width:48%;float:left}
.column-right{width:48%;float:right}
#page-intro{font-size:17px;padding:0 0 20px 0}
#footer{border-top:1px solid #ccc;margin:40px 0 0 0;padding:20px;font-size:14px}


/* Lists */
#main-content ul,#main-content ol{padding:10px 0}

/* Unordered List */
#main-content ul li{background:url('../images/icons/bullet_black.png') center left no-repeat;padding:4px 0 4px 20px}

/* Ordered List */
#main-content ol{padding:0 0 0 24px}
#main-content ol li{list-style:decimal;padding:4px 0}

/* Content Box */
.content-box{margin:0;background:#fff}
.content-box-header{background:#333;border-bottom:1px solid #ddd;height:36px}
.content-box-header h3{color:#fff;padding:12px 15px 10px;float:left}
.content-tgbox-header{background:#e6e6e6;margin-top:1px;height:40px}
.content-tgbox-header h4{padding:12px 15px 10px;float:left}
.content-tgbox-header h6{padding:12px 15px 10px;float:left}
ul.content-box-tabs{float:left;padding:5px 15px 0 0 !important;margin:0 !important}
ul.content-box-tabs li{float:left;margin:0;padding:0 !important;background-image:none !important}
ul.content-box-tabs li a{color:#fff;padding:9px 10px;display:block;margin:1px;border-bottom:0}
ul.content-box-tabs li a:hover{color:#57a000;background:#222}
ul.content-box-tabs li a.current{color:#333;background:#fff;border:1px solid #ccc;border-bottom:1px solid #fff;margin:0}
.content-box-content{padding:10px;font-size:13px}
.content-box-link{float:left;padding:12px 15px 0 0 !important;margin:0 !important}
.content-box-link li{float:left;margin:0;padding:0 !important;background-image:none !important}
.content-box-link li a{color:#333;padding:8px 10px;display:block;margin:1px;border-bottom:0}
.content-box-link li a:hover{color:#57a000}
.content-box-link li a.current{background:#fff;border:1px solid #ccc;border-bottom:0;margin:0}

/* Table */
table{margin-left:4px;margin-top:2px;width:100%;border-collapse:collapse}
table thead th{font-weight:bold;font-size:13px;border-bottom:1px solid #ddd}
tbody tr{background:#fff}
tbody tr.alt-row{background:#f0f4ff}
table td,#main-content table th{padding:10px 5px;line-height:1.3em}
table tfoot td .bulk-actions{padding:15px 0 5px 0}
table tfoot td .bulk-actions select{padding:4px;border:1px solid #ccc}


/* Pagination */
#main-content .pagination{text-align:right;padding:20px 0 5px 0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px}
.pagination a{margin:0 5px 0 0;padding:3px 6px;border:1px solid #ddd;cursor:pointer}
.pagination strong{margin:0 5px 0 0;padding:3px 6px;background:url(../images/bg-button-green.gif) top left repeat-x !important;border:0;color:#fff !important}


/* Shortcut Buttons */
.shortcut-button{border:1px solid #ccc;background:#f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;display:block;width:120px;margin:0 0 20px 0}
.shortcut-button span{border:1px solid #fff;display:block;padding:15px 10px 15px 10px;text-align:center;color:#666;font-size:13px;line-height:1.3em}
.shortcut-button span img{margin-bottom:10px}
.shortcut-button:hover{background:#fff}
.shortcut-button span:hover{color:#57a000}
ul.shortcut-buttons-set li{float:left;margin:0 15px 0 0;padding:0 !important;background:0}

/* Forms */
form{margin-left:6px}
form label{display:block;padding:2px 0 0;margin-bottom:5px;font-weight:bold}
form fieldset legend{font-weight:bold;margin-bottom:10px;padding-top:10px}
form p{margin-top:6px;padding:2px 0 2px}
form p small{font-size:.75em;color:#777}
form input.text-input,form select,form textarea,form .wysiwyg{margin:2px 0 2px;padding:5px;font-size:13px;background:#fff url('../images/bg-form-field.gif') top left repeat-x;border:1px solid #d5d5d5;color:#333}
form input.text-input:focus,form select:focus,form textarea:focus,form .wysiwyg:focus{border-color:rgba(82,168,236,0.8);outline:0 none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(82,168,236,0.6)}
form .small-input{width:25% !important}
form .medium-input{width:50% !important}
form .normal-input{width:80% !important}
form .large-input{width:97.5% !important;padding:4px !important}
form .upload-input{width:50% !important}
#form textarea{width:97.5% !important;font-family:Arial,Helvetica,sans-serif}
form select{padding:4px;background:#fff}
form input[type="checkbox"],form input[type="radio"]{padding:0;background:0;border:0}

/* Notifications */
.notification{position:relative;margin:0 0 15px 8px;padding:0;border:1px solid;background-position:10px 11px !important;background-repeat:no-repeat !important;font-size:13px;width:98%}
.attention{background:#fffbcc url('../images/icons/bullet_delete.png') 10px 11px no-repeat;border-color:#e6db55;color:#666452}
.information{background:#dbe3ff url('../images/icons/book_open.png');border-color:#a2b4ee;color:#585b66}
.success{background:#d5ffce url('../images/icons/accept.png');border-color:#9adf8f;color:#556652}
.error{background:#ffcece url('../images/icons/bullet_delete.png');border-color:#df8f8f;color:#665252}
.notification div{display:block;font-style:normal;padding:10px 10px 10px 36px;line-height:1.5em}
.close{padding:12px;float:right;background:0}

/* Notification for form inputs */
.input-notification{background-position:left 2px;background-repeat:no-repeat;padding:2px 0 2px 22px;background-color:transparent;margin:0 0 0 5px}

/* Notification for login page */
#login-wrapper #login-content .notification{border:0;background-color:#141414;color:#fff !important}

/* Login Page */
body#login{color:#fff;background:#333 url('../images/bg-login.gif')}
#login-wrapper{background:url('../images/bg-login-top.png') top left repeat-x}
#login-wrapper #login-top{width:100%;padding:140px 0 50px 0;text-align:center}
#login-wrapper #login-content{text-align:left;width:300px;margin:0 auto}
#login-wrapper #login-content label{color:#fff;font-weight:normal;font-size:14px;font-family:Helvetica,Arial,sans-serif;float:left;width:70px;padding:0}
#login-wrapper #login-content input{width:200px;float:right;margin:0 0 20px 0;border:0;background:#fff}
#login-wrapper #login-content p{padding:0}
#login-wrapper #login-content p#remember-password{float:right}
#login-wrapper #login-content p#remember-passwoord input{float:none;width:auto;border:0;background:0;margin:0 10px 0 0}
#login-wrapper #login-content p .button{width:auto;margin-top:20px}

/* Facebox */
#facebox .b{background:url(../images/b.png)}
#facebox .tl{background:url(../images/tl.png)}
#facebox .tr{background:url(../images/tr.png)}
#facebox .bl{background:url(../images/bl.png)}
#facebox .br{background:url(../images/br.png)}
#facebox{position:absolute;top:0;left:0;z-index:100;text-align:left}
#facebox .popup{position:relative}
#facebox table{border-collapse:collapse}
#facebox td{border-bottom:0;padding:0}
#facebox .body{padding:10px;background:#fff;width:370px}
#facebox .loading{text-align:center}
#facebox .image{text-align:center}
#facebox img{border:0;margin:0}
#facebox .footer{border-top:1px solid #ddd;padding-top:5px;margin-top:10px;text-align:right}
#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;width:10px;overflow:hidden;padding:0}
#facebox_overlay{position:fixed;top:0;left:0;height:100%;width:100%}
.facebox_hide{z-index:-100}
.facebox_overlayBG{background-color:#000;z-index:99}
.content-box-content table{clear:both;padding:0;margin:0 0 10px;border-collapse:collapse;border-spacing:0}
.content-box-content th{padding:7px 6px;font-weight:bold;background:#e6e6e6;color:#000;border:1px solid #ccc}
.content-box-content tr{padding:6px;height:25px;background:#f7f7f7}
.content-box-content td{padding:6px 6px;border:1px solid #ccc}
.ac_results ul{border:1px solid #d5d5d5;border-top:0}
.ac_results li{cursor:pointer;padding:3px;line-height:23px}
.ac_odd{background:#fcfcfc}
.ac_even{background:#FFF}
.ac_results li:hover{background:#f2f8ff}
#offical_notify ul{padding:10px;#padding-bottom:10px;list-style-type:square;line-height:20px}
#offical_notify li{margin-left:10px}
.listup{display:inline-block;font-size:12px;width:15px;vertical-align:top;margin-bottom:-3px;height:15px;line-height:15px}
.listdown{display:inline-block;font-size:12px;width:15px;vertical-align:top;margin-top:3px;height:15px;line-height:15px}
