body {background: url(/cp/images/cp_background.jpg) repeat-x #92191E;font-family:'Lucida Grande',Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000000;}
h1 {color:#000;font-family:Verdana, sans-serif;font-size:20px;font-weight:bold;letter-spacing:0.03em;padding-bottom:0;margin-bottom:0;}
th {font-weight: bold;text-align:left;}
td {text-align:left;}
img {border:0px;}
a:link {color: #921A1F;}
a:visited {color: #921A1F;}
a:hover {color: #000000;}
a:active {color: #000000;}
table {margin-left:auto;margin-right:auto;}
fieldset {width:90%;border:0px;text-align:left;margin-left:auto;margin-right:auto;padding-top:0px;}
fieldset.legend {border-top:1px dotted #999;padding-top:10px;}
fieldset br {clear:left;}
label {display:block;width:22%;float:left;margin-bottom:10px;text-align:right;padding-right:7px;}
label.checkbox, label.radio {float:none;padding-left:5px;display:inline;}
#login label {width:300px;float:none;font-size:11px;font-weight:bold; text-align:left;margin:0 auto 2px auto;}
textarea {font-family:Verdana,sans-serif;vertical-align:top;width:350px;margin-bottom:7px;}
input {font-family:Verdana,sans-serif;vertical-align:top;margin-bottom:7px;}
input.big_text {font-size:18px;font-weight:bold;}
#login input {margin:0 auto 7px auto;width:300px;display:block;}
#login #submit {width:60px;}
select {font-family:Verdana,sans-serif;vertical-align:top;margin-bottom:7px;}
em.required {color: #FF0000}
#list-wrap {background:#FFFFFF;width:800px; padding:15px;margin-left:auto;margin-right:auto;text-align:center;-webkit-border-radius:12px;-webkit-border-top-left-radius:0;-moz-border-radius:10px;-moz-border-radius-topleft:0;border-radius:10px;border-top-left-radius:0;-webkit-box-shadow: 0 3px 40px #000;-moz-box-shadow: 0 5px 32px #000;box-shadow: 0 5px 32px #000;}
#index-wrap {background:#FFFFFF;width:610px; padding:15px;margin-left:auto;margin-right:auto;text-align:center;-webkit-border-radius:12px;-webkit-border-top-left-radius:0;-moz-border-radius:10px;-moz-border-radius-topleft:0;border-radius:10px;border-top-left-radius:0;-webkit-box-shadow: 0 3px 40px #000;-moz-box-shadow: 0 5px 32px #000;box-shadow: 0 5px 32px #000;}
#crud-wrap {background:#FFFFFF;width:650px; padding:15px;margin-left:auto;margin-right:auto;text-align:center;-webkit-border-radius:14px;-webkit-border-top-left-radius:0;-moz-border-radius:10px;-moz-border-radius-topleft:0;border-radius:10px;border-top-left-radius:0;-webkit-box-shadow: 0 3px 40px #000;-moz-box-shadow: 0 5px 32px #000;box-shadow: 0 5px 32px #000;}
#login-wrap {background:#FFFFFF;width:450px; padding:15px;margin-left:auto;margin-right:auto;text-align:center;-webkit-border-radius:12px;-webkit-border-top-left-radius:0;-moz-border-radius:10px;-moz-border-radius-topleft:0;border-radius:10px;border-top-left-radius:0;-webkit-box-shadow: 0 3px 40px #000;-moz-box-shadow: 0 5px 32px #000;box-shadow: 0 5px 32px #000;}
.head-bar {background: url(../cp/images/head_bar_bg.jpg) no-repeat;height:20px;margin-bottom:10px;}
#header {margin-bottom:15px;}
#header-row {background-color:#CCCCCC;}

#cp_links {list-style:none; margin:0; padding:0;}
#cp_links li {margin-bottom:15px; font-weight:bold;}

ul#cp_links_left  {float: left; margin-left: 15px; width: 275px;}
#cp_links_left li {margin-bottom: 15px; font-weight: bold;}
#cp_links_left {list-style: none; margin: 0; padding: 0;}

ul#cp_links_right  {float: right; margin-right: 15px; width: 275px;}
#cp_links_right li {margin-bottom: 15px; font-weight: bold;}
#cp_links_right {list-style: none; margin: 0; padding: 0;}

#logout {margin-top:50px;display:block;}
#after-block {margin-top:20px;text-align:center;}
#error {text-align:center;color:#FF0000;padding:10px;border:1px solid #FF0000;}
#success {text-align:center;color:#009900;padding:10px;border:1px solid #009900;}

.notice {color:#FF0000;font-size:11px;margin-left:12.5em;line-height:1.5em;}
.labels {text-align:right;vertical-align:top;padding-right:2px;}
.table-center {text-align:center;}
.table-right {text-align:right;}
.delete-text {margin-left:11.5em;line-height:1.5em; display: block;}
.add-text {margin-left:8.5em;line-height:1.5em; display: block; font-size:16px; font-weight:bold;}

#head-bar-sub td {border: 1px solid #999;}
#head-bar-sub form {margin:0 0 0 2px;padding:0px;}
#head-bar-sub fieldset {margin:3px 0;padding:0;}
#head-bar-sub form input {padding:0;margin:0;}
#head-bar-sub form select {padding:0;margin:0;}
#head-bar-sub form label {float:none;display:inline;}
#head-bar span {float:right;margin-right:605px;}
#head-bar a {color:#FFF;}
#head-bar a:hover {color:#999;}

a.button_link {display:block;width:250px;font: 12px Verdana; background: url(../cp/images/bg.gif) repeat-x #CFCFCF; color: #000; text-decoration: none; border: 1px solid #999; padding: 7px 15px 7px 15px; margin-left:auto;margin-right:auto; line-height: 15px;}
a.button_link:hover {width:250px;font: 12px Verdana; background: url(../cp/images/bg2.gif) repeat-x #FFF; color: #333; text-decoration: underline; border: 1px solid #333; padding: 7px 15px 7 px 15px; margin-left:auto;margin-right:auto;line-height: 15px;}

.handle {font-weight:bold; font-size:10px; padding:3px; float:none; border:1px solid #CCC; background:#333; color: #FFF; cursor:move; margin:0;}
img.image-sort { float:none; border:0; background:transparent; cursor:move;}
.help_line {margin:10px 0;}
.help_line_entries {margin:10px 0;}
.district {float:left; width:700px; margin:5px 0 5px 40px; text-align:left;}

fieldset h2 {font-size:16px;margin-left:25px;font-weight:bold;}
fieldset p {margin-top:0;margin-left:2px; border-bottom:1px dotted #999;padding-bottom:8px;margin-bottom:20px;}
fieldset p.no-border {border-bottom:none;}

a.hide {background:url(../cp/images/arrow_over.gif) no-repeat;background-position:+1% +50%;display:block;}
a.hide strong {padding-left:20px;color:#FFF;}
a.reveal {background:url(../cp/images/arrow_down.gif) no-repeat;background-position:+1% +50%;display:block;}
a.reveal strong {padding-left:20px;color:#FFF;}
a.no_underline {text-decoration:none;}

.detail-handle {float:left;width:0px;margin-top:15px;}

div.no-record {font-weight:bold;margin:50px auto;}

tr.alt-row {background-color:#EBEBEB;}

/*------------------ Order pages ------------------*/
table#view_order tr.grey-head td {background-color:#999;}
#order_info {margin:30px auto;width:400px;}
#order_info #left_column {float:left;text-align:left;}
#order_info #right_column {float:right;text-align:left;}
table#view_order .clear {clear:both;}

/*------------------ Multi Uploader ------------------*/
#upload-status {border:1px solid #999;padding:10px 15px;width:95%;}
#upload-status .buttons {margin:0 0 15px 0;}
#upload-status span {float:none;}
#upload-status.hide {display:none;}
#upload-status .progress {background:white url(../cp/images/progress.gif) no-repeat;background-position:+50% 0;margin-right:0.5em;}
#upload-status .progress-text {font-size:0.9em;font-weight: bold;}
#upload-list {list-style:none;width:100%;margin:0;}
#upload-list span {float:none;}
#upload-list li.file{border-bottom:1px solid #eee;background:url(../cp/images/file.jpg) no-repeat 4px 4px;min-height:40px;height:auto !important;height:40px;}
#upload-list li.file.file-uploading{background-image:url(../cp/images/uploading.jpg);background-color: #D9DDE9;}
#upload-list li.file.file-success{background-image:url(../cp/images/success.jpg);}
#upload-list li.file.file-failed{background-image:url(../cp/images/failed.jpg);} 
#upload-list li.file .file-name{margin-left:44px;display:block;font-weight:bold;margin-top:4px;padding-top:4px !important; padding-top:0px;}
#upload-list li.file .file-size{font-size:0.9em;line-height:18px;float:right;margin-top:2px;margin-right:6px;}
#upload-list li.file .file-info {display:block;margin:0 0 5px 44px;font-size:0.9em;}
#upload-list li.file .file-remove{clear:right;float:right;line-height:12px;margin-right:6px;}

.buttons button {background-color:#f5f5f5;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;font-size:100%;font-weight:bold;color:#565656;padding:5px 10px 6px 7px;margin-right:10px;}
.buttons button:hover {background-color:#CB0D1F;border:1px solid #c2e1ef;color:#FFF;}
.cancel-link {font-size:80%;margin-left:10px;}

/*--------------------- Validations ---------------------*/
.req_field {color:#FF0000;}
input.disabled {border:1px solid #CB0D1F;background-color:#CB0D1F;}
.validation-advice {margin:0 0 0 13.75em;width:400px;padding:5px;background-color:#CB0D1F;color:#FFF;}
.custom-advice {margin:0;padding:5px;background-color:#CB0D1F;color:#FFF;font-weight:bold;}

/* -------------------- Added Styles -------------------- */
#previewArea {width:120px;margin: 3px;}
#previewWrap {float:right;background-color:#CCC;border:1px solid #999;text-align:center;}
#formArea {float:left;width:450px;}
#im_full {border:solid 1px #fff;}
#imageFull {float:left;width:450px;}
#delete_page_name {display:block;float:right;width:180px;font-size:16px;font-weight:bold;}
.notes {margin:10px auto;width:85%;padding:25px 10px;text-align:center;vertical-align:center;border:1px solid #8F8242;background:#f5f5f5;}
fieldset h3 {font-size:18px;font-weight:bold;padding:0;margin:0;}
fieldset h4 {font-size:16px;font-weight:bold;padding:0;margin:0;}
input.big_text {font-size:18px;font-weight:bold}
fieldset .full {width:400px;}
textarea.big_text {font-size:14px;}
input.med_text {font-size:15px;}
input.long {width:400px;}
input.medium {width:250px;}
fieldset h2 {margin-bottom:3px;}
fieldset p {margin-top:0;margin-left:2px; border-bottom:1px dotted #999;padding-bottom:8px;margin-bottom:20px;}
fieldset p.no-border {border-bottom:none;}
fieldset .indent {margin-left:11em;}
#pages li {border:dotted 1px #666;margin-left:4em;cursor:crosshair;width:300px;padding:4px;}
#pages li:hover {border:solid 1px #666;background:#CCC;}
span.main-info {float:left;margin-right:5px;}
span.main-info label {text-align:left;display:block;float:none;margin:0;font-weight:bold;width:auto;}
span.main-info {float:right;}
fieldset ul {list-style:none;padding:0;}
fieldset li {margin-bottom:7px;}
.gallery {max-width:84px;width:auto !important;width:84px;max-height:85px;}

.paging {margin:10px 0; text-align:center;}
a.export {color:#FFF; font-weight:bold; text-align:right; display:block;}

.image {padding:4px;margin:0;margin-bottom:2px;clear:both;}
.image .col1 {display:block;width:50px;float:left;overflow:hidden;margin-right:5px;}
.image .col2 {display:block;width:100px;float:left;}
.image .col2 img {position:relative;top:5px;}
.image .col3 {display:block;width:375px;float:left;overflow:hidden;}
.image .col4 {display:block;width:150px;float:left;}
.image .col5 {display:block;width:20px;float:left;}
.image .file-handle {cursor:move;}

.loading {color:#FFFFFF;position:relative;top:-3px;}

.clear {clear:both;padding-top:6px;}
#previewArea {border:solid 1px #999;}
.big {font-size:18px;text-align:center;margin-top:20px;}
.status {vertical-align:middle;}
.inline-editor {margin-left:11.25em;width:410px;}
.inline-editor p {border:none;}
.warn-link {float:right;margin-right:25px;margin-top:4px;}
div.inline-editor > div:first-child {background:#FFF;}
.img-use {font-size:85%;}

/*--------------------- Form Builder --------------------*/
.form-element {border:1px solid transparent;position:relative;}
.form-element:hover {border:1px dashed #999;}
.element-options {list-style:none; float: left;}
.element-options li {display: inline; padding: 3px;}
.element-options li img {vertical-align: top;}

#widgets {margin: 0; padding: 0; position: realtive; top: 0; left: 0;}
.form_elems {border: 0; border-top: 1px solid #333; margin: 0; padding: 5px 0 5px 5px; cursor: pointer;}
.form_elems:hover {background-color: #3875D7; opacity: 1; border-top: 1px solid #3875D7;}
.form_elems a {color: #FFF; text-decoration: none;}
.form_alert {color: gold;}

form.form_props {color: #FFF}
h2.trail a {text-decoration: none;}

/*--------------------- Events ---------------------*/
ul#event_table {display: table; width: 758px; margin: 0 auto; padding: 0px;}
ul#event_table li.table-row {display: table-row; list-style: none;}
ul#event_table li.table-row div.table-cell {text-align:center; display: table-cell; float: left; background-color:#CCCCCC; padding: 3px; margin-left: 1px; border: 1px solid white; border-top: 0; border-bottom:0; border-left:0;}

li.event-items {display: table-row; clear: left; list-style: none;}
li.event-items span.sort-handle {width: 45px;  float: left; display: table-cell; padding: 3px; cursor: move;}
li.event-items span.title {width: 350px; float: left; display: table-cell; margin-left: 5px; text-align: left; padding: 3px;}
li.event-items span.regs {width: 125px; float: left; display: table-cell; margin-left: 5px; text-align: center; padding: 3px;}
li.event-items span.date {width: 113px; float: left; display: table-cell; margin-left: 1px; text-align: center; padding: 3px;}
li.event-items span.active {width: 45px; float: left; display: table-cell; margin-left: 1px; padding: 3px; text-align:center;}
li.event-items span.delete-button {width: 30px; float: left; display: table-cell; margin-left: 1px; padding: 3px; text-align:center;}


/*--------------------- Help System ---------------------*/
.overlay {display: none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:#000;z-index:1001;-moz-opacity:0.7;opacity:.70;filter:alpha(opacity=70);}
.white-content {display:none;position:absolute;top:15%;left:28%;width:40%;height:60%;padding:16px;border:3px solid #CB0D1F;background-color:white;z-index:1002;overflow:auto;}
#close {color:#333;display: block;position: absolute;right: 5px; top: 0px;padding: 2px 3px;font-weight: bold;text-decoration: none;font-size: 13px;}
#close:hover {color:#CB0D1F;}
.white-content h1 {color:#CB0D1F;font-size:130%;margin-bottom:10px;}
.white-content p {border-bottom:none;}

/*--------------------- Basic Admin ---------------------*/
.admin-content {padding:5px 0 20px 0;}
.drag-handle {background: url(../cp/images/active.png) no-repeat;position:absolute;top:200px;left:200px;width:100px;height:20px;border:1px solid black;}
.empty-content {font-size:130%;margin-top:10px;}
.admin-editable {border:1px solid transparent; padding:5px;margin:5px 0;display:block;}
.admin-editable a {cursor:pointer;}
.admin-drop {padding-top:88px;}
#sel_widget {float:right;margin-top:30px;}

.scrollbar_handle {margin-left:1px;width:11px;background:#4D4D4D;border:1px solid #000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.6;-moz-opacity:0.6;}
.scrollbar_track {float:right;height:100%;width:14px;background: url(../cp/images/CPScrollerKnobSlotVerticalRegular.png) right repeat-y;}

#modal_view fieldset br {clear:left;}
#modal_view label {color: #FFF;width:22%;float:left;margin-bottom:10px;text-align:right;padding-right:7px; clear: left;}
#modal_view textarea {font-family:Verdana,sans-serif;vertical-align:top;width:253px;margin-bottom:7px;font-size:11px;}
#modal_view textarea.paragraph_nicEdit {width: 350px;}
form#edit_form_props div#paragraph_textarea {position: relative; margin: 0 0 0 22px; width: 350px;}
#modal_view input {font-family:Verdana,sans-serif;vertical-align:top;margin-bottom:7px;}
#modal_view select {font-family:Verdana,sans-serif;vertical-align:top;margin-bottom:7px;}
#modal_view input.big_text {font-size:18px;font-weight:bold}
#modal_view fieldset .full {width:380px;}
#modal_view input.med_text {font-size:15px;}
#modal_view fieldset h2 {margin-bottom:3px;font-size:18px;font-weight:bold;}
#modal_view fieldset p {margin-top:0;margin-left:2px; border-bottom:1px dotted #999;padding-bottom:8px;margin-bottom:20px;}
#modal_view fieldset p.no-border {border-bottom:none;}
#modal_view input#submit {position:absolute;bottom:0;right:0;}
#modal_view .widget-choosen {background:#5B6E81;}

input#nominee_autocomplete {width:250px; font-size:14px; font-weight:bold;}

div#autocomplete_choices {position:absolute; width:250px; background-color:#fff; border:1px solid #888; margin:0; padding:0; z-index:999;}
div#autocomplete_choices ul {list-style-type:none; margin:0; padding:0;}
div#autocomplete_choices ul li {list-style-type:none; display:block; margin:0; padding:2px; height:16px; cursor:pointer;}
div#autocomplete_choices ul li.selected {background-color: #ffb;}

.validation-advice {background-color: #FF4343; position: absolute; right: 0; width: 200px; margin-top: -30px; text-align: center;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;}

#detail div.validation-advice {background-color: #FF4343; position: relative; width: 200px; margin-top: 0px; text-align: center;-webkit-border-radius:5px;-moz-border-radius:5px;}
