@charset "utf-8";

/* Reset  */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0; padding:0; border:0; vertical-align:baseline;
	font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#333; }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    body { line-height: 1.5; }
    ol, ul { list-style:none;  }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    table { border-collapse: collapse; border-spacing: 0; }
	strong { font-weight:bold; }
	
body { background:url(images/menu-background.png) repeat-y #f5f5f5; min-width:950px; }

#header { background:url(images/header-bgd.png) repeat-x #000; padding:5px 5px 5px 15px; color:#FFF; position:fixed; top:0; left:0; width:100%; min-width:955px; height:50px; overflow:hidden; z-index:1000; }
#header #headertext { width:550px; }
#header #headertext h1 { color:#FFF; font-weight:normal; font-size:28px; font-family:Arial, Helvetica, sans-serif; line-height:1; }
#header #headertext h2 { color:#CCC; font-weight:normal; font-size:15px; font-family:Arial, Helvetica, sans-serif; }
#header #details { width:500px; float:right; color:#FFF; text-align:right; padding:10px; }
#header #details a { background-position:left; background-repeat:no-repeat; padding:5px 3px 5px 30px; margin-right:20px; color:#CCC; text-decoration:none; font-weight:bold; }
#header #details a:hover { color:#FFF; }

#sidebar-wrapper { float:left; width:200px; overflow:hidden; position:fixed; top:60px; left:0; }
#sidebar { padding:15px; }
#sidebar ul { padding-bottom:20px; }
#sidebar ul li { padding:0 0 3px 0; font-weight:bold; margin:0; list-style:none; }
#sidebar ul li a { display:block; color:#06C; padding:2px 2px 2px 10px; text-decoration:none; font-weight:normal; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }
#sidebar ul li a:hover, #sidebar ul li a.selected:hover { text-decoration:underline; }
#sidebar ul li a.selected { background:#639ad2; color:#FFF; border:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-decoration:none; text-shadow:none;  } 

#content-wrapper { margin:60px 0 0 210px; }
#content { padding:15px 15px 50px 15px; overflow:hidden; }
#content ol, #content ul { list-style:disc; margin-left:20px; }
#content a { text-decoration:none; color:#06C; }
#content a:hover { text-decoration:underline; }
#content h1 { font-family:Verdana, Geneva, sans-serif; color:#666; font-size:24px; font-weight:normal; padding-bottom:8px; margin-bottom:10px; border-bottom:1px solid #CCC; box-shadow: 0 1px 0 #FFF; }
#content h1 span { font-family:Verdana, Geneva, sans-serif; color:#000; font-size:24px; font-weight:normal; }
#content h2 { color:#333; padding:1px 5px 1px 5px; margin:15px 0 15px 0; font-size:15px; font-weight:normal; border:#aee0fa 1px solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; background:url(images/actionbar-bgd.png) }

#content #leftcol { width:49%; }
#content #rightcol { width:49%; float:right; overflow:hidden; }

#content #actionbar { height:24px; padding:3px; margin:15px 0 15px 0; font-size:14px; border:#aee0fa 1px solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden; background:url(images/actionbar-bgd.png) }
#content #actionbar ul { padding:4px 10px 8px 10px; margin-left:0; }
#content #actionbar ul li { display:inline; }
#content #actionbar ul li a { background-position:3px 3px;  background-repeat:no-repeat; padding:3px 3px 3px 23px; margin-right:20px; }
#content #actionbar ul li a:hover { background-color:#FFF; outline:#CCC 1px solid; text-decoration:none; }
#content #actionbar form { width:300px; float:right; }
#content #actionbar form input[type="text"] { color:#666; float:right; font-family:Arial, Helvetica, sans-serif; border:1px solid #aee0fa; width:150px; height:18px; font-size:12px; background:#f4fbff; padding:2px 5px 2px 5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#content #actionbar form a { float:right; display:block; width:25px; height:20px; background:url(images/icon-search.png) no-repeat 4px 4px; }

#content .pagenav { width:300px; float:right; text-align:right; }

/* Index page list table */
#content .list { margin:15px 0 15px 0; border:#c7cdd0 1px solid; border-collapse:separate; }
#content .list th { padding:5px; height:20px; background:url(images/table-head-bgd.png) repeat-x #e8ecee; border-bottom:#c7cdd0 1px solid; text-align:left; }
#content .list th a { display:block; padding:3px;}
#content .list th a:hover { background:#d5e6ee; text-decoration:none; }
#content .list tr:hover { background:url(images/table-row-bgd-hover.png) repeat-x bottom; }
#content .list td { padding:5px 20px 5px 5px; }
#content .list tr { border-bottom:#F0F0F0 2px solid; background:url(images/table-row-bgd.png) repeat-x bottom; }

/* Form edit table */
#content .editform th { text-align:right; font-weight:bold; padding:6px 8px 10px 0; vertical-align:top; font-size:12px; }
#content .editform td { padding:5px 0 15px 5px; text-align:left; }
#content .editform td span { font-size:12px; color:#999; }
#content .editform input, #content .editform textarea, #content .editform select { border:1px solid #ccc; font-size:14px; padding:2px; width:300px; -moz-box-shadow:0 0 10px #eee inset; -webkit-box-shadow:0 0 10px #eee inset; }
#content .editform input[type=checkbox], #content .editform input[type=radio]  { border:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
#content .editform textarea { width:550px; }
#content .buttonbar { margin:30px 0 50px 0; border-top:2px solid #CCC; padding-top:10px; overflow:hidden; }
#content .buttonbar input.button { margin-left:0; width:120px; border:1px solid #ccc; font-size:14px; padding:2px; -moz-box-shadow:0 0 10px #eee inset; -webkit-box-shadow:0 0 10px #eee inset; }

/* Section box */
#content .section-box { border:1px solid #CCC; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#FFF; margin-bottom:30px; overflow:hidden; }
#content .section-box h1 { padding:6px 10px 6px 10px; color:#06C; font-size:16px; font-weight:normal; background:url(images/table-head-bgd.png) repeat-x bottom; }
#content .section-box .section-box-content { padding:10px; }
#content .section-box th { padding:5px 20px 5px 0; text-align:left; font-weight:bold; }
#content .section-box td { padding:5px 5px 5px 0; text-align:left; font-weight:normal; }

/* Message box */
div.msgbox { border:#000 1px solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 8px 12px 40px; background-position:8px 8px; background-repeat:no-repeat; margin:5px 0 20px 0; }
div.msgbox.default { background-image:none; padding-left:8px; }
div.msgbox.alert { background-image:url(images/icon-alert.png); background-color:#FFE6E6; border-color:#F00; }
div.msgbox.warning { background-image:url(images/icon-warning.png); background-color:#FF9; border-color:#FC0; }
div.msgbox.ok { background-image:url(images/icon-ok.png); background-color:#E6FFE6; border-color:#060; }

/* Form error */
#content .form-error-box { border:#000 1px solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 8px 12px 40px; background-position:8px 8px; background-repeat:no-repeat; margin:5px 0 20px 0; background-image:url(images/icon-alert.png); background-color:#FFE6E6; border-color:#F00; }
#content .form-error-box li { color:#F00; font-weight:normal; margin:5px 0 0 20px; list-style:disc; }
#content .form-error-highlight { border:1px solid #F00 !important; background:#FFE1E1; }

/* Form boxes */
form input[type="text"], form input[type="password"], form input[type="date"], form textarea, form select {	font-family:Arial, Helvetica, sans-serif; border:1px solid #ccc; font-size:13px; padding:3px; -moz-box-shadow:0 0 10px #eee inset;-webkit-box-shadow:0 0 10px #eee inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
form textarea { resize:vertical; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
form input[type="radio"], form input[type="checkbox"] { width:auto !important; height:auto !important; }

/* Buttons */
a.button, input.button { font-weight:bold; padding:6px; text-align:center; text-decoration:none !important; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; background-color:#6a9bf5; color:#FFF !important;  font-size:13px !important;; }
input.button { padding:5px; width:100px; border:none; }
a.button:hover, input.button:hover { background-color:#376fd6; cursor:pointer; color:#FFF; }
input.button[disabled=disabled] { background-color:#CCC; color:#FFF; cursor:default; }
a.inline { padding-top:2px; padding-bottom:2px; font-size:12px !important; font-weight:normal; }

/* Icons with image */
a.icon { display:block; padding-top:50px; width:100px; height:30px; margin:10px; float:left; background-position:top center; background-repeat:no-repeat; text-align:center; overflow:hidden; font-size:12px; line-height:14px; }
span.icon { display:block; padding-top:50px; width:100px; height:30px; margin:10px; float:left; background-position:top center; background-repeat:no-repeat; text-align:center; overflow:hidden; font-size:12px; line-height:14px; color:#999; cursor:pointer; }

/* Popup overlay box */
.popupbox { display:none; border:2px solid #333; z-index:10000; background:#FFF; padding:20px; }
.popupbox h1 { font-size:14px; font-weight:bold; margin-bottom:5px; }

#uploader-popup { background:#fff; border:#000 2px solid; display:none; }
#uploader-popup a { float:right; }
#uploader-popup h1 { font-size:14px; font-weight:bold; margin-bottom:5px; }
.plupload_header_content { display:none; }