/*--------------------- 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 {padding:5px 0 20px 0;}
.empty-content {font-size:130%;margin-top:10px;}
.admin-editable {border:1px dotted #999;padding:5px;margin:5px 0;display:block; z-index: 1000;}
.admin-editable:hover, .widget-hover {background:#B8B1A9;border: 1px solid #999;}
.admin-popout .drag-handle {cursor:move;}
.admin-editable a {cursor:pointer;}
.admin-popout {position:absolute;margin-left:-52px;margin-top:-6px;width:40px;padding:1px 3px;background-color:#B8B1A9;border:solid 1px #999;border-right:none;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-right:3px;}
.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-drop {padding-top:40px;}
#wrapper {width:550px; padding:15px;margin-left:auto;margin-right:auto;}
#widgets {padding:0;margin:0 auto;width:555px; }
#widgets li {display:inline;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:relative; top:-15px;padding:3px 5px;background:#FFF;border:1px #999 solid;text-decoration:none;}
a.add-content:hover {background:#CB0D1F;color:#FFF;}


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


/*--------------------- Rocket Modal Dialog Box ---------------------*/
div.modal {position: fixed; top: 50%; left: 50%; margin: -150px 0 0 -300px; width: 600px; height: 300px; overflow: hidden; background-color: #000; opacity: .87; filter: alpha(opacity=70); z-index: 999; color: #FFF;}
div.modal div.close {position: absolute; top: 2px; right: 5px; font-size: 18px; font-weight: bold; cursor: pointer;}
div.modal h3.title-bar {text-align: center; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight: bold; font-size: 10px; line-height: 24px; border-bottom: 2px groove #333; cursor: move;}
div.modal div.modal-dialog {}
div.modal div.modal-dialog form#edit_page_info fieldset {width:90%;border:0px;text-align:left;margin-left:auto;margin-right:auto;padding-top:0px;}
div.modal div.modal-dialog form#edit_page_info fieldset br {clear:left;}
div.modal div.modal-dialog form#edit_page_info label {display:block;width:22%;float:left;margin-bottom:10px;text-align:right;padding-right:7px;font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold;}
div.modal div.modal-dialog form#edit_page_info textarea {font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;vertical-align:top;width:50%;margin-bottom:7px;}
div.modal div.modal-dialog form#edit_page_info input {font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;vertical-align:top;margin-bottom:7px;}
div.modal div.modal-dialog form#edit_page_info select {font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;vertical-align:top;margin-bottom:7px;}


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