/*--------------------- Basic Admin ---------------------*/
a.admin {color: #5C5C5C;text-decoration:none;}
a.admin:hover {color: #CB0D1F;text-decoration:underline;}
a.admin:active {color: #CB0D1F;text-decoration:underline;}
.admin-content {min-height:20px;}
.empty-content {font-size:130%;margin-top:10px;}
.admin-editable {display:block;}
.admin-editable:hover, .widget-hover {background:#B8B1A9;}
.admin-popout .drag-handle {cursor:move;}
.admin-editable a {cursor:pointer;}
.admin-popout {position:absolute;top:0;margin-left:-46px;width:40px;padding:1px 3px;background-color:#B8B1A9;text-align:center;-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.admin-popout img {border:0px;vertical-align:middle;margin:0 3px 0 0;padding:0;}
.admin-popout a {text-decoration:none;font-size:11px;position:relative;}
.admin-popout a:hover {text-decoration:underline;}
#admin-header {margin: 0; padding:0;font-family:Verdana,Arial,Helvetica,sans-serif;position:fixed;z-index:1000;width:100%;background: url(../cp/images/bg.gif) repeat-x #CFCFCF;padding:10px;font-size:12px;font-weight:bold;border-bottom:1px solid #AAA;-webkit-box-shadow: 0 2px 15px #333;-moz-box-shadow: 0 2px 15px #333;box-shadow: 0 2px 15px #333;}
#admin-header ul {list-style:none;text-align:center;}
#admin-header li {display:inline;margin:0 0 0 15px;padding:0;}
#admin-header select#page_sel {width:200px;}
.admin-drop {padding-top:40px;}
#widgets {padding:0;margin:0 auto;width:555px; }
#widgets li {display:block;float:left;width:90px;height:130px;margin:0;}
#sel_widget {float:right;position:relative;text-align:left;width:330px;left:-7px;}
#sel_widget img {vertical-align:top;position:relative;top:-10px;}
.widget_preview a {text-decoration: none; color: #666; text-align:center}
.widget_preview a:hover { color: #CB0D1F;}
.widget_preview img, #sel_widget img {padding: 3px; margin: 0 4px 0 4px; text-align: center;}
li.widget_preview div.widget_title_wrapper {position: relative; width: 85px;float: left; margin:0 7px 0 0; padding: 0; text-align: center;}
li.widget_preview div.widget_title_wrapper p {margin-left: 15px; margin-top: -5px; border: none; line-height: 12px;}
a.add-content {position:absolute;top:-20px;padding:3px 5px;background:#FFF;border:1px #999 solid;text-decoration:none;}
a.add-content:hover {background:#CB0D1F;color:#FFF;}
div#caption_preview {position: fixed; top: 0; left: 0; background-color: #000; opacity: .87; width:100%; height: 100%;}
div#caption_preview p {position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -150px; background-color: #FFF; width:290px; height: 40px; padding: 5px;}

/*----------------- Overriding CP Styles -----------------*/
#crud-wrap {width:900px;}
#crud-wrap fieldset {width:95%;}
#crud-wrap label {width:12%;}

/*--------------------- File Chooser ---------------------*/
#file_wrapper {position:fixed;left:0;top:15%;width:100%;height:100%;z-index:100;}
#file_chooser {border:#E0E0E0 5px solid;background:#E0E0E0;position:relative;top:0;margin:0 auto;width:300px;height:425px;-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;}
#file_chooser #close {color:#333;display: block;position: absolute;right: 5px; top: -2px;padding: 2px 3px;font-weight: bold;text-decoration: none;font-size: 13px;}
#file_chooser #title {color:#333;font-weight:bold;padding: 2px 3px;}
#file_chooser ul {list-style:none;background:#E0E0E0;margin:20px 0 0 0;height:90%;overflow:auto;}
#file_chooser ul li a {color:#444;display:block;margin:0;padding:8px 5px;border:1px solid #E0E0E0;text-decoration:none;}
#file_chooser ul li a:hover {color: #CB0D1F;border-top:1px dotted #999;border-bottom:1px dotted #999;background:#FFFAB4;}
#file_chooser ul li img {float:right;margin:-5px 0 0 0;padding:0;}
.preview-thumb {border: 15px solid #FFF; display:none; position: absolute; top: 0; left: 275px;-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;}


/*--------------------- 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;}
.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;}


/*--------------------- Toggle Switch ---------------------*/
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: 94px; height: 18px; line-height: 18px; background-color: #FFF;}
div.bar {cursor: pointer; -webkit-border-radius: 3px; position: absolute; top: -1px; left: -1px; width: 42px; height: 18px; background-color: #E8E8E8; border: 1px solid #999;}
div.switch a {position: relative; text-transform: uppercase; font-weight: bold; top: 0;}
div.switch a.on, a.on:hover {float: left; color: #FFF; text-decoration: none; left: 16px;}
a.off, a.off:hover {float: right; color: #777; text-decoration: none; right: 9px;}
div.bar.on {left: 55px;}
div.bar.off {left: -1px;}
div.switch.on {background-color: #3674DD; border-color: #3674DD;}

div#admin_content_1 {margin-top: 25px;}