body {background: url(../cp/images/main_bg.jpg) top left repeat-x #FFF;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#000000;}
#login input.big {width: 275px; margin-top: 0; text-align: left;}
.clear {clear: both;}
a:active {color: #000000;}
a:hover {color: #000000;}
a:link {color: #3A6FB7;} 
a:visited {color: #3A6FB7;} 
fieldset br {clear: left;}
fieldset {width: 90%; border: 0px; text-align: left; margin-left: auto; margin-right: auto; padding-top: 0px;}
h1 {color:#000;font-family:Verdana, sans-serif;font-size:20px;font-weight:bold;letter-spacing:0.03em;padding-bottom:0;margin-bottom:0;}
img {border: 0px;}
input {font-family: Verdana,sans-serif; vertical-align: top; margin-bottom: 7px;}
input.big {font-size: 150%; font-weight: bold;}
input.full,select.full {width: 70%;}
label {display: block; width: 22%; float: left; margin-bottom: 10px; text-align: right; padding-right: 7px;}
select {font-family: Verdana,sans-serif; vertical-align: top; margin-bottom: 7px;}
table {margin-left: auto; margin-right: auto;}
td {text-align: left;}
textarea {font-family: Verdana,sans-serif; vertical-align: top; width: 80%; margin-bottom: 7px;}
th {font-weight: bold; text-align: left;}

/*--------------------- Inline Editor ---------------------*/
.inline-editor {float:right;width:743px;position:relative;margin-left:0;}
.inline-editor textarea {height:375px;}
.preview-container {float:right;width:330px;position:relative;top:12px;}
#crud-wrap label.preview {width:100px;text-align:left;}
.preview-wrapper {width:323px;height:375px;border:1px solid #999;overflow:auto;background-color:#DEDEDE;}

.inline-editor-sm {float:left;width:410px;height:100%;position:relative;margin-left:0;}
.inline-editor-sm textarea.sm {height:50px;}
.preview-container-sm {float:left;position:relative;top:12px;}
#crud-wrap label.preview-sm {width:100px;text-align:left;}
.preview-wrapper-sm {width:400px;height:50px;border:1px solid #999;overflow:auto;background-color:#DEDEDE;}

.inline-editor-lg textarea {height:250px;}
.preview-container-lg {display: block;float:left;position:relative;top:12px; width: 650px; margin-bottom: 17px;}
.preview-container-lg label {width: 178px;}
.preview-wrapper-lg {width: 400px;height:250px;border:1px solid #999;overflow:auto;background-color:#DEDEDE;}

.inline-editor-label {width:100px;}
.inline-editor-l textarea, .inline-editor-r textarea {height:200px;width:325px;}
.inline-editor-l label.preview, .inline-editor-r label.preview {width:100%;text-align:left;margin-bottom:10px;}
.inline-editor-l {float:left;width:325px;position:relative;margin-left:0;}
.inline-editor-l .preview-container-l {width:325px;height:200px;border:1px solid #999;overflow:auto;position:relative;margin-top:25px;background-color:#DEDEDE;}

.inline-editor-r {float:left;width:325px;position:relative;margin-left:25px;}
.inline-editor-r .preview-container-r {width:325px;min-height:100%;height:200px;border:1px solid #999;overflow:auto;position:relative;margin-top:25px;background-color:#DEDEDE;}

.inline-editor-l .preview-container-l ul, .inline-editor-r .preview-container-r ul {margin-left:1.5em;}
.inline-editor-l .preview-container-l ol, .inline-editor-r .preview-container-r ol {margin-left:-1.5em;}
.inline-editor-l .preview-container-l ul li, .inline-editor-r .preview-container-r ul li {list-style:disc;}
.inline-editor-l .preview-container-l ol li, .inline-editor-r .preview-container-r ol li {list-style:number;}
.inline-editor-l .preview-container-l p, .inline-editor-r .preview-container-r p {border-bottom:0px;margin-bottom:0.5em;}

.left-column {width:350px;}
.right-column {width:350px;margin-left:27px;}

.wmd-preview {min-height:100%;}
.wmd-preview ul {margin-left:1.5em;}
.wmd-preview ol {margin-left:-1.5em;}
.wmd-preview ul li {list-style:disc;}
.wmd-preview ol li {list-style:number;}
.wmd-preview p {border-bottom:0px;margin-bottom:0.5em;}

/*------------------ begin Rocket Pages styling ------------------*/
#list-wrap {width:800px; border:#999 solid 1px; padding:15px;margin-left:auto;margin-right:auto;text-align:center;background:#FFFFFF;-webkit-border-radius:10px;-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 10px 70px #333;-moz-box-shadow: 0 10px 70px #333;box-shadow: 0 10px 70px #333;} 
#crud-wrap {width:900px; border:#999 solid 1px; padding:15px;margin-left:auto;margin-right:auto;text-align:center;background:#FFFFFF;-webkit-border-radius:10px;-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 10px 70px #333;-moz-box-shadow: 0 10px 70px #333;box-shadow: 0 10px 70px #333;} 
#login-wrap {width:450px; border:#999 solid 1px; padding:15px;margin-left:auto;margin-right:auto;text-align:center;background:#FFFFFF;-webkit-border-radius:10px;-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 10px 70px #333;-moz-box-shadow: 0 10px 70px #333;box-shadow: 0 10px 70px #333;} 
#index-wrap {width:650px; border:#999 solid 1px; padding:15px;margin-left:auto;margin-right:auto;text-align:center;background:#FFFFFF;-webkit-border-radius:10px;-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 10px 70px #333;-moz-box-shadow: 0 10px 70px #333;box-shadow: 0 10px 70px #333;}

#head-bar {background: url(../cp/images/sparkle.jpg) top center #FFF no-repeat;height:20px;margin-bottom:10px;} 
#after-block {margin-top: 20px; text-align: center;}

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;}

#error {text-align: center; color: #FF0000; padding: 10px; border: 1px solid #FF0000;}
span.error {color: #FF0000;}
#head-bar a {color: #FFF;}
#head-bar a:hover {color: #999;}
#head-bar span {float: right; margin-right: 2px;}
#head-bar-sub fieldset {margin: 3px 0; padding: 0;}
#head-bar-sub form input {padding: 0; margin: 0;}
#head-bar-sub form label {float: none; display: inline;}
#head-bar-sub form select {padding: 0; margin: 0;}
#head-bar-sub form {margin: 0 0 0 2px; padding: 0px;}
#head-bar-sub td {border: 1px solid #999;}
#header {margin-bottom: 15px;}
#header-row {background-color: #CCCCCC;}
#logout {margin-top: 50px; display: block;}
#logout_top {margin-top: 5px;display: block;}
#success {text-align: center; color: #009900; padding: 10px; border: 1px solid #009900;}
.delete-text {margin-left: 11.5em; line-height: 1.5em; display: block;}

.inline-editor {margin-left: 11.25em; width: 410px;}
.inline-editor p,.inline-editor-left p,.inline-editor-right p {border: none;}
.inline-editor-left textarea,.inline-editor-right textarea {height: 100px;}
.inline-editor-left {width: 192px;margin:0px;float:left;}
.inline-editor-left ul, .inline-editor-right ul {list-style:disc;}
.inline-editor-left ul li, .inline-editor-right ul li {margin-left:1.5em;list-style:disc;}
.inline-editor-left ol li, .inline-editor-right ol li, .nicEdit-main ol li {margin-left:1.5em;list-style:decimal;}
.inline-editor-right {width: 192px;float:right; margin-right:46px;}
.inline-editor-left textarea, .inline-editor-right textarea {width:192px;}

.labels {text-align: right; vertical-align: top; padding-right: 2px;}
.notice {color: #FF0000; font-size: 11px; margin-left: 12.5em; line-height: 1.5em;}
.table-center {text-align: center;}
.table-right {text-align: right;}
.warn-link {}
a.button_link {display: block; width: 240px; 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: 240px; 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;}

/*------------------ Multi Uploader ------------------*/
#delete_page_name {display: block; float: right; width: 180px; font-size: 16px; font-weight: bold;}
#formArea {float: left; width: 450px;}
#imageFull {float: left; width: 450px;}
#im_full {border: solid 1px #fff;}
#pages li {border: dotted 1px #666; margin-left: 4em; cursor: crosshair; width: 300px; padding: 4px;}
#pages li: hover {border: solid 1px #666; background: #CCC;}
#previewArea {width: 120px; margin: 3px; border: solid 1px #999;}
#previewWrap {float: right; background-color: #CCC; border: 1px solid #999; text-align: center;}
#upload-list li.file .file-info {display: block; margin: 0 0 5px 44px; font-size: 0.9em;}
#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-remove {clear: right; float: right; line-height: 12px; margin-right: 6px;}
#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 {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-failed {background-image: url(../cp/images/failed.jpg);}
#upload-list li.file.file-success {background-image: url(../cp/images/success.jpg);}
#upload-list li.file.file-uploading {background-image: url(../cp/images/uploading.jpg); background-color: #D9DDE9;}
#upload-list span {float: none;}
#upload-list {list-style: none; width: 100%; margin: 0;}
#upload-status .buttons {margin: 0 0 15px 0;}
#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-status span {float: none;}
#upload-status {border: 1px solid #999; padding: 10px 15px; width: 95%;}
#upload-status.hide {display: none;}
.big {font-size: 18px; text-align: center; margin-top: 20px;}
.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;}
.clear {clear: both; padding-top: 6px;}
.file-item .col1 {float: left; display: block; width: 370px;}
.file-item .col2 {float: left; display: block; width: 150px;}
.file-item .col3 {float: left; display: block; width: 50px; text-align: right; padding-right: 20px;}
.file-item .col4 {float: left; display: block; width: 105px;}
.file-item .col5 {float: left; display: block; width: 10px;}
.file-item {height: 20px; padding: 0; margin: 0; clear: both;}
.gallery {max-width: 125px; width: auto !important; width: 125px; max-height: 125px;}
.image {float: left; width: 125px; height: 165px; padding: 4px; margin: 0 3px; text-align: center; border: solid 1px #999; margin-bottom: 6px;}
.image-info {width: 125px; position: absolute; bottom: 5px; text-align: center;}
.image_wrap {width: 125px;}
.img-use {font-size: 85%;}
.inline-editor {margin-left: 11.25em; width: 410px;}
.notes {margin-left: auto; margin-right: auto; margin-top: 50px; width: 85%; padding: 25px 10px; text-align: center; vertical-align: center; border: 1px solid #8F8242; background: #f5f5f5;}
.status {vertical-align: middle;}
div.inline-editor > div: first-child {background: #FFF;}
fieldset .full {width: 400px;}
fieldset input.full {width: 400px;}
fieldset .indent {margin-left: 11em;}
fieldset h2 {margin-bottom: 3px;}
fieldset h3 {font-size: 18px; font-weight: bold; padding: 0; margin: 0;}
fieldset h4 {font-size: 16px; font-weight: bold; padding: 0; margin: 0;}
fieldset li {margin-bottom: 7px;}
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 ul {list-style: none; padding: 0;}
input.big_text {font-size: 18px; font-weight: bold;}
input.med_text {font-size: 15px;}
span.main-info label {text-align: left; display: block; float: none; margin: 0; font-weight: bold; width: auto;}
span.main-info {float: left; margin-right: 5px;}
span.main-info {float: right;}
textarea.big_text {font-size: 14px;}

/*--------------------- Help System ---------------------*/
.overlay {display: none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:#FFF;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;}

/*------------------ Added Styles --------------------- */
#head-bar td {color: #fff; font-weight: bold;}
#history .message {border-bottom: 1px dotted #CCC; margin-bottom: 10px; padding-bottom: 5px; padding-left: 10px; text-align: left;}
#history h2 {text-align: left; border-bottom: 1px solid #000; margin-bottom: 15px; padding-bottom: 5px; padding-left: 10px; width: 571px;}
#pages li {border: dotted 1px #666; margin-left: 4em; cursor: crosshair; width: 300px; padding: 4px;}
#pages li: hover {border: solid 1px #666; background: #CCC;}
.search {color: #999;}
.searchqp {color: #000;}
div.deleted-row {margin-left: 15px; margin: 12px auto; padding: 3px 0; border-top: 1px dotted #999; border-bottom: 1px dotted #999; background-color: #E8E9AF; width: auto; text-align: center; clear: both;}
fieldset .full {width: 400px;}
fieldset .indent {margin-left: 11em;}
fieldset h2 {margin-bottom: 3px;}
fieldset li {margin-bottom: 7px;}
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 ul {list-style: none; padding: 0;}
span.main-info label {text-align: left; display: block; float: none; margin: 0; font-weight: bold; width: auto;}
span.main-info {float: left; margin-right: 5px;}
span.main-info {float: right;}
td.deleted-row {border-top: 1px dotted #999; border-bottom: 1px dotted #999; background-color: #E8E9AF;}
td.redo {border-top: 1px solid #999; border-bottom: 1px solid #999; background-color: #FFFFCC;}
td.undo {border-top: 1px solid #999; border-bottom: 1px solid #999; background-color: #E1E1E1;}
textarea {font-size: 1em;}

/*------------------ Families Styles --------------------- */
div.fam-header {padding:2px;margin-bottom:5px;text-align:center;background-color:#dee3eb;}
div.fam-name {margin-left:16px;margin-bottom:10px;float:left;width:40%}
div.fam-sort {margin-left:16px;margin-bottom:10px;float:left;width:39%}
div.fam-active {margin-left:18px;float:left;}
div.fam-links {margin-left:30px;float:left;}

/*------------------ Applications Module --------------------- */
#application .left,#technical .left,#papers .left,#resources .left {float:left;}
#application .file, #technical .file, #papers .file, #resources .file {margin:0 0 10px 0;}
#application .margin,#technical .margin,#papers .margin,#resources .margin {margin-right: 10px;}
.add-another a {font-size: 14px; text-decoration: none;}
.add-another {margin: 10px 0 10px 60px;}
.rule-header .rule-label {border-bottom: none; position: absolute; top: -8px; left: 15px; padding: 0 5px; background-color: #FFF; font-weight: bold;}
.rule-header hr {border: 0; height: 2px; background-color: #000;}
.rule-header {position: relative; width: 100%; margin: 20px 0;}

/*------------------ Products Module --------------------- */
#product_editor {width: 735px; margin: 0 45px 0 13px;}
.add-another-product a {font-size: 12px; text-decoration: none;}
.add-another-product {margin: 10px 0 10px 140px;}
.product-editor p,.product-editor-left p,.product-editor-right p {border: none; margin-bottom: -15px; font-weight: bold;}
.product-editor-left textarea,.product-editor-right textarea {height: 100px; width:350px;}
.product-editor-left {width: 350px;margin:0px;float:left;}
.product-editor-right {width: 350px;margin:0px;float:right;}

/*------------------ Products Dependent Modules --------------------- */
#app_notes {margin: 25px;}
.choose-file {margin-left: 125px;}
.column {width: 350px; margin: 0 15px; float: left;}
.file label {width:100px; font-weight: bold;}
.file {margin: 15px 0 15px 40px;}
.group {border: 1px solid #CCC; padding: 15px 0; margin: 15px 0;}
.group-head {margin: 0 auto; width: 650px; text-align: center; font-weight: bold;}
.grouping .rule-label {border-bottom: none; position: absolute; top: -8px; left: 15px; padding: 0 5px; background-color: #FFF; font-weight: bold;}
.grouping {position: relative; width: 100%; margin: 20px 0; border: 1px solid #999;}
.link label {font-weight: bold; margin-left: -15px; margin-right: 15px;}
.links li {float: left; margin: 0 6px;}
.links li a {font-size: 12px; text-decoration: none; font-weight: bold;}
.links li img {vertical-align: text-top;}
.empty-col {width: 100%; height: 40px; line-height: 40px; background-color: #1b4E9C; color: #FFF; text-align: center; margin: 15px 0 0 0; font-weight: bold; opacity: .25;}
.pr-handle {position: absolute; top: 0; right: 0; cursor: move;}
.pr-trash {position: absolute; top: 0; right: 24px; cursor: pointer;}
.pr-elm {position: relative; border-bottom: 1px dotted #333; margin: 15px 0;}
div.pr-elm div.pr-elm {position: relative; border: none; background-color: #FFF; border: 1px dotted #333; margin-left: 5px; padding-left: 5px;}
div.group-elm div.compartment {width: 100%; height: 25px;}
.content-cols {border-top: 1px dotted #333; margin-top: 10px;}
.content-cols input {width:200px;}
fieldset.bottom {padding: 10px; margin: 15px auto;}
fieldset.compartment {border: 1px solid #000; padding: 10px; margin: 15px auto;}
fieldset.compartment legend {font-weight: bold; height: 16px; padding-bottom:3px;}
fieldset.compartment legend img {margin:0 4px -4px 4px;}
form.product-notes input {width:300px;}
form.product-notes input.submit {width:10%;}

/*------------------ Distributor Files --------------------- */
.add-file a {font-size: 12px; text-decoration: none; font-weight: bold;}
.add-file img {margin: 0 4px -3px 0;}
a.off,a.off: hover {float: right; color: #000; text-decoration: none; right: 10px; z-index: 10;}
div.add-file {margin: 10px 0 0 160px; float: left;}
div.bar {cursor: pointer; -webkit-border-radius: 3px; position: absolute; top: -1px; left: -1px; width: 50px; height: 18px; background-color: #E8E8E8; border: 1px solid #999;}
div.bar.off {left: -1px;}
div.bar.on {left: 55px;}
div.switch a {position: relative; text-transform: uppercase; font-weight: bold; top: 0;color:#000;text-decoration:none;}
div.switch a.on,a.on: hover {float: left; color: #FFF; text-decoration: none; left: 16px; z-index: 10;}
div.switch {display: inline-block; font-family: Helvetica,Arial,sans-serif; font-size: 14px; -webkit-border-radius: 3px; border: 1px solid #ccc; position: relative; width: 105px; height: 18px; line-height: 18px; background-color: #3674DD;}
div.switch.on {background-color: #3674DD; border-color: #3674DD;}
div.switch .left-button {margin-right:15px;}
div.switch .right-button {margin-left:5px;}

/*----------- Styles for really easy form validation -----------------*/
.example {font-style: italic; color: #666;}
.invalid_bug {margin: 0 0 0 5px; display: none;}
.validation-advice {margin: 0 0 0 185px; color: #ff0000;}
.valid_bug {margin: 0 0 0 5px; display: none;}

/*----------- Styles for events module -----------------*/
#ev_contact_phone_areacode,#ev_contact_phone_threedigits {float: left; width: 30px;}
#ev_contact_phone_fourdigits,#ev_contact_phone_ext {float: left; width: 40px;}
#ev_desc {margin: -23px 0 8px 135px; height: 150px; width: 71%; resize: none;}
#ev_start_date,#ev_end_date {width: 130px;}
#ev_start_time,#ev_end_time {float: left; width: 136px;}
.contact_info_hr {width: 330px; margin: 16px 0 0 0;}
.contact_info_label {margin: 10px 0 15px 135px; float: left; width: 85px;}
.phone_dash_label {float: left; padding: 0 5px 0 5px;}
.phone_ext_label {float: left; padding: 0 5px 0 15px;}
.to_label {float: left; padding: 0 10px 0 10px;}
div#startdate .validation-advice,div#enddate .validation-advice,div#starttime .validation-advice,div#endtime .validation-advice {margin: 0 0 10px 0; color: #ff0000;}
div#startdate,div#enddate {float: left; width: auto;}
div#starttime,div#endtime {float: left; width: 172px;}

/*----------- Styles for plugin field chooser -----------------*/
#chooser #file_chooser_plugin #close {display: none;}
#chooser #file_chooser_plugin #title {display: none;}
#chooser #file_chooser_plugin ul li a {color: #E8E8E8; margin: 0; padding: 0 5px; border: 0; text-decoration: none; line-height: 20px;}
#chooser #file_chooser_plugin ul li a:hover {color: #FFF; border-top: none; background: #3875D7;}
#chooser #file_chooser_plugin ul li span.expired {color: #FF0000;}
#chooser #file_chooser_plugin ul li img {float: right; margin: 0; padding: 0;}
#chooser #file_chooser_plugin ul li {margin: 0; padding: 0;}
#chooser #file_chooser_plugin ul li.even {background-color: #333;}
#chooser #file_chooser_plugin ul li.odd {background-color: transparent;}
#chooser #file_chooser_plugin ul {list-style: none; width: 100%; height: 300px; margin: 0; padding: 0; overflow: auto;}
#chooser #file_wrapper_plugin,#chooser #file_chooser_plugin {width: 100%; height: 300px;}
#chooser {width: 100%;}
#file_preview {position: absolute; top: 362px; left: 0px; width: 455px; height: 150px; overflow: hidden; z-index: 100; background-color: #000; text-align: center; padding-top: 15px;}
#upload-status {border: 0;}
#uploader iframe {width: 100%; height: 100px; position: relative; border: 0;}
#uploader p,#chooser p {color: #FFF; font-weight: bold;}
#uploader {width: 100%;}
#upload_box hr {border: 1px dashed #333;}
#upload_box {position: fixed; top: 50%; left: 50%; overflow: hidden; width: 425px; height: 500px; padding: 15px; margin: -250px 0 0 -212px; background: #000; -webkit-box-shadow: 0 8px 64px #000; -moz-box-shadow: 0 8px 64px #000; box-shadow: 0 8px 64px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.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;}
.chooser_thumb {border: 15px solid #E0E0E0; display: none; position: absolute; top: 0; left: 325px; background: #E0E0E0; -webkit-box-shadow: 0 8px 64px #000; -moz-box-shadow: 0 0 64px #000; box-shadow: 0 0 64px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.clear {clear: both;}
.close_button {position: absolute; right: 3px; top: 0; cursor: pointer; font-weight: bold; color: #FFF;}
body.iframe #upload-list li.file .file-info {display: block; margin: 0 0 5px 44px; font-size: 0.9em;}
body.iframe #upload-list li.file .file-name {margin-left: 44px; display: block; font-weight: bold; margin-top: 4px; padding-top: 4px !important; padding-top: 0px;}
body.iframe #upload-list li.file .file-remove {clear: right; float: right; line-height: 12px; margin-right: 6px;}
body.iframe #upload-list li.file .file-size {font-size: 0.9em; line-height: 18px; float: right; margin-top: 2px; margin-right: 6px;}
body.iframe #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;}
body.iframe #upload-list li.file.file-failed {background-image: url(../cp/images/failed.jpg);}
body.iframe #upload-list li.file.file-success {background-image: url(../cp/images/success.jpg);}
body.iframe #upload-list li.file.file-uploading {background-image: url(../cp/images/uploading.jpg); background-color: #D9DDE9;}
body.iframe #upload-list span {float: none;}
body.iframe #upload-list {list-style: none; width: 100%; margin: 0;}
body.iframe #upload-status .buttons {margin: 0 0 15px 0;}
body.iframe #upload-status .progress-text {font-size: 0.9em; font-weight: bold; color: #FFF;}
body.iframe #upload-status span {float: none;}
body.iframe #upload-status {color: #FFF;}
body.iframe #upload-status.hide {display: none;}
body.iframe img.progress {background: #000 url(../cp/images/progress.gif) no-repeat; background-position: +50% 0; margin-right: 0.5em;}
