@import url("base.css");

#page { min-width: 800px; background-color: #fff; }

#header { background-image: url("../images/b-header.png"); background-repeat: repeat-x; height: 60px; margin-bottom: 1px; }

#top-nav-l { background-image: url("../images/b-top-nav-l.png"); background-repeat: no-repeat; float: right; }

#top-nav { background-image: url("../images/b-top-nav.png"); background-repeat: repeat-x; height: 22px; line-height: 21px; margin-left: 25px; padding-right: 4px; }

#menu { margin-bottom: 1px; }

/*
#menu { background-image: url("../images/b-menu.png"); background-repeat: repeat-x; height: 25px; line-height: 25px; margin-bottom: 1px; }

#menu a, #menu span.selected, #menu span.separator { display: block; float: left; }

#menu a, #menu span.selected { padding-left: 16px; padding-right: 16px; font-weight: bold; color: #fff; }

#menu a { background-image: url("../images/b-menu-item.png"); background-repeat: repeat-x; }

#menu a:hover, #menu span.selected { background-image: url("../images/h-menu-item.png"); background-repeat: repeat-x; }

#menu span.selected { cursor: default; }

#menu span.separator { padding-right: 1px; background-image: url("../images/menu-separator.png"); background-repeat: repeat-x; }

#menu span.last { padding-right: 0; }
*/

#submenu { background-image: url("../images/b-submenu.png"); background-repeat: repeat-x; height: 25px; line-height: 25px; }

#submenu a, #submenu span.selected, #submenu span.separator { display: block; float: left; }

#submenu a, #submenu span.selected { padding-left: 16px; padding-right: 16px; font-weight: bold; }

#submenu a { background-image: url("../images/b-submenu-item.png"); background-repeat: repeat-x; }

#submenu a:hover, #submenu span.selected { background-image: url("../images/h-submenu-item.png"); background-repeat: repeat-x; color: #fff; }

#submenu span.selected { cursor: default; }

#submenu span.separator { padding-right: 1px; background-image: url("../images/submenu-separator.png"); background-repeat: repeat-x; }

#submenu span.last { padding-right: 0; }

#sitemap { background-color: #bfced4; padding: 4px 8px 4px 16px; font-size: 10px; }

#sitemap a, #sitemap span { padding-left: 4px; padding-right: 4px; }

#sitemap a.first, #sitemap span.first { padding-left: 0; }

#sitemap span { cursor: default; }

#sitemap span.image { background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: center center; width: 3px; }

#b-content-t { background-image: url("../images/b-content-t.png"); background-repeat: repeat-x; overflow: hidden; }

#b-content-b { overflow: hidden; margin-bottom: 1px; }

#progress { height: 15px; background-color: #bfced4; padding-left: 2px; }

#progress img { margin-top: 2px; margin-bottom: 2px; }

#footer { margin-top: 1px; padding: 4px; background-color: #9eaaae; text-align: right; }

#login { background-color: #6e899d; }

#launch { background-image: url("../images/launch.png"); background-repeat: no-repeat; width: 672px; height: 446px; margin-left: auto; margin-right: auto; overflow: hidden; }

#launch div.form-login { margin: 16px; padding: 32px 16px 16px 16px; text-align: right; white-space: nowrap; }

#launch div.form-login div.validation-summary-errors ul { width: auto; }

#launch div.form-login table.form th { border-right: none; padding-right: 0; min-width: 0; }

#launch table { margin-left: auto; text-align: left; }

#launch span { display: block; }

#launch th { background-color: Transparent; }

#launch th.validation span { display: inline; }

#launch ul { float: right; }

table.form-wrapper table.form-editor, table.form-wrapper table.form-editor textarea { width: 100%; }

table.form-wrapper table.form-editor textarea { margin: 0; padding: 0; border: none; }

table.results, table.empty-results, table.form-wrapper { width: 677px; }

table.empty-results td { border-bottom: 1px solid #759dbe }

table.form-editor td.css-edit textarea, table.form-editor td.javascript-edit textarea { font-family: Courier New, Courier New, Courier, monospace; }

table.form-editor td.css-edit textarea {color: #a31515; }

table.form-editor td.javascript-edit textarea {color: #000092; }

table.form-wrapper tr.header th, tr.subheading th { text-align: right; }

table.form-wrapper tr.no-header th { border-top: 1px dotted #759dbe; }

table.form th { text-align: right; padding: 4px 8px; background-color: #f1f1f1; border-right: 1px solid #ccc; min-width: 150px; }

table.form td { padding: 4px 0 4px 8px; }

table.form td label.sexy { display: block; line-height: 19px; }

table.form th.validation img, table.form th.validation label { vertical-align: middle; }

table.form td div.uploader { margin-bottom: 0; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.pad-left { padding-left: 4px; }

.pad-right { padding-right: 8px; }

div.validation-summary-errors { font-weight: bold; }

div.validation-summary-errors ul { text-align: left; color: #c82600; list-style: none outside none; border: 1px solid #c82600; background-color: #ffd8db; padding: 8px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; width: 659px; }

div.section { margin: 16px; }

table.datagrid td { border-bottom: 1px solid #759dbe; padding: 4px 8px; }

table.datagrid .sizer td { padding-top: 0; padding-right: 0; }

table.datagrid .sizer td span, table.datagrid .footer td.filter label { margin-right: 4px; }

table.datagrid .pager td { padding-bottom: 0; border-bottom-style: none; }

table.datagrid .odd td { background-color: #e4eaed; }

table.datagrid .even td { background-color: #f6f6f6; }

table.datagrid th.checkbox div.checker, table.datagrid td.checkbox div.checker { margin-right: 0; }

table.datagrid th.checkbox, table.datagrid td.mimetype, table.datagrid td.details, table.datagrid td.delete, table.datagrid td.checkbox { padding-left: 4px; padding-right: 4px; }

table.datagrid td.mimetype, table.datagrid td.details, table.datagrid td.delete, table.datagrid td.checkbox { text-align: center; }

table.datagrid .sizer td span, table.datagrid .sizer td select, table.datagrid td.mimetype img, table.datagrid td.details img, table.datagrid td.delete img, table.datagrid .checkbox input { vertical-align: middle; }

table.datagrid td.highlight { font-weight: bold; }

table.datagrid .footer td { background-image: url("../images/datagrid/b-footer.png"); background-repeat: repeat-x; background-color: #c5c6c8; }

table.datagrid .sizer td, table.datagrid .footer td.filter { text-align: right; }

table.datagrid .navigation td a, table.datagrid .footer td.filter label { font-weight: bold; }

table.datagrid .navigation td { background-image: url("../images/datagrid/b-navigation.png"); background-repeat: repeat-x; background-color: #c7c8ca; }

div.overlay-vertical { position: absolute; top: 50%; margin-top: -70px; left: 0; width: 100%; z-index: 100001; }

div.overlay-horizontal { width: 278px; margin-left: auto; margin-right: auto; position: relative; }

div.overlay-horizontal .shadow { width: 262px; height: 108px; margin-left: auto; margin-right: auto; }

div.overlay-horizontal .content { width: 228px; height: 86px; margin-left: auto; margin-right: auto; padding: 4px 16px 16px 16px; border: 1px solid #71797b; position: absolute; top: 8px; left: 8px; background-color: #fff; }

div.overlay-horizontal .options { position: absolute; top: 70px; }

div.image-overlay-vertical { position: absolute; top: 50%; margin-top: -241px; left: 0; width: 100%; z-index: 100001; }

div.image-overlay-horizontal { width: 600px; margin-left: auto; margin-right: auto; position: relative; }

div.image-overlay-horizontal .shadow { width: 584px; height: 450px; margin-left: auto; margin-right: auto; }

div.image-overlay-horizontal .content { width: 550px; height: 428px; margin-left: auto; margin-right: auto; padding: 4px 16px 16px 16px; border: 1px solid #71797b; position: absolute; top: 8px; left: 8px; background-color: #fff; text-align: center; }

div.image-overlay-horizontal .options { position: absolute; top: 412px; }

tr.header th { background-image: url("../images/datagrid/b-th.png"); background-color: #9db7c6; background-repeat: repeat-x; padding: 8px; border-top: 1px solid #759dbe; border-bottom: 1px solid #759dbe; }

tr.header th img { margin-left: 4px; }

tr.header th.expandable span, tr.header th.expandable img { vertical-align: middle; }

tr.header th.expandable img { margin-left: auto; cursor: pointer; }

tr.subheading th { background-color: #deeaf7; padding: 4px 8px; border-top: 1px solid #759dbe; border-bottom: 1px solid #759dbe; }

tr.success img, tr.error img, tr.success span, tr.error span { vertical-align: middle; }

tr.success td, tr.error td { font-weight: bold; padding: 4px 8px; border-top: 1px solid #759dbe; background-repeat: repeat-x; }

tr.success td { background-image: url("../images/datagrid/b-success.png"); color: #299265; background-color: #b3dac9; }

tr.error td { background-image: url("../images/datagrid/b-error.png"); color: #f03131; background-color: #ebb8b9; }

tr.submit td { text-align: right; border-top: 1px dotted #759dbe; padding-top: 4px; }

tr.submit td.noborder { border-top: none; }

div.required { border: 1px solid #f05a5a; float: left; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }

div.required input[type="text"] { border: 1px solid #f0a3a3; margin-top: 0; margin-bottom: 0; }

#sidebar ul { list-style: none outside none; margin: auto; padding: 16px 5px 10px 5px; }

#sidebar li { width: 200px; display: block; height: 30px; }

#sidebar a:visited, #sidebar a:link, #sidebar a { background: url("../images/sidebar-menu-item.png") no-repeat scroll 0 0 transparent; color: #fff; display: block; height: 25px; padding: 5px 10px 0 19px; }

#sidebar a:hover { background: url("../images/sidebar-menu-item.png") no-repeat scroll 0 -30px transparent; }

div.back, #details div.section { margin-left: auto; }

div.back span { font-weight: bold; }

div.back img, div.back span { vertical-align: middle; }

.detail-title { color: #ccc; }

.questions { list-style: none outside none; margin: auto; }

.question-state-highlight { background-image: url("../images/b-question-state-highlight.png"); background-repeat: repeat-x; width: 677px; height: 34px; }

.sorted-list { list-style: none outside none; margin: auto; }

.sorted-list li { margin-bottom: 3px; }

.sorted-list .ui-widget-content { border-top: none !important; border-top-right-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; /*margin-bottom: 4px;*/ }

.sorted-list-highlight { background-image: url("../images/b-sorted-list-highlight.png"); background-repeat: repeat-x; width: 677px; height: 34px; }

.sorted-list table.form-wrapper { border-collapse: separate; }

.sorted-list tr.header th { background-image: none; background-color: #bfced4; border: 1px solid #759dbe; border-top-right-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; }

.sorted-list table.form th { background-color: inherit; }

.sorted-list .submit { text-align: right; margin-top: 4px; }

.sorted-list .validation-summary-errors ul { width: auto; }

.tab-content { width: 640px; }

span.upload-results { color: #f03131; }

/* dropdown menu */

#jsddm { margin: 0; padding: 0; background-image: url("../images/b-menu.png"); background-repeat: repeat-x; height: 25px; line-height: 25px; }
       
#jsddm li { float: left; list-style: none; }

#jsddm a, #jsddm span.selected, #jsddm span.separator { display: block; }

#jsddm a, #jsddm span.selected { padding-left: 16px; padding-right: 16px; font-weight: bold; color: #fff; }

#jsddm a { background-image: url("../images/b-menu-item.png"); background-repeat: repeat-x; }

#jsddm a:hover, #jsddm span.selected { background-image: url("../images/h-menu-item.png"); background-repeat: repeat-x; }

#jsddm span.separator { padding-right: 1px; background-image: url("../images/menu-separator.png"); background-repeat: repeat-x; }

#jsddm span.selected { cursor: default; }

#jsddm span.last { padding-right: 0; }
              
#jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; z-index: 10001; }
              
#jsddm li ul li { float: none; display: inline; }
              
#jsddm li ul li a, #jsddm li ul li span.selected { width: auto; background: #8e989c none; }
              
#jsddm li ul li a:hover { background: #595f62 none; }

#jsddm li ul li span.separator { padding-right: 0; background-image: none; }