/*--------------------- Basic Admin ---------------------*/
a.admin {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, .admin-editable-no-edit {border:1px dotted #999; padding:5px;margin:5px 0;display:block;}
.admin-editable:hover, .widget-hover, .admin-editable-no-edit:hover {background:#B8B1A9;border: 1px solid #999;}
.drag_handle {cursor:move;}
.admin-editable a {cursor:pointer;}
.admin-popout {position:absolute;margin-left:-52px;margin-top:-6px;width:39px;padding:5px 3px 5px 4px;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 {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 ul#left {float:left;}
#admin-header ul#right {float:right;margin-right:30px;padding-top:5px;}
#admin-header li {display:inline;margin:0 0 0 15px;padding:0;}
.admin-drop {padding-top:40px;}
#widgets {padding:0;margin:0 auto;width:550px;}
#widgets li {display:inline;margin:0;}
#sel_widget {float:right;margin-top:30px;}
.widget_preview a {text-decoration: none; color: #333333; text-align:center}
.widget_preview a:hover {text-decoration: none; color: #333333; text-align:center}
.widget_preview img, #sel_widget img {border: 1px solid #333; padding: 3px;}
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;}

/*--------------------- 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:600px;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 {margin-left:13.75em;}
.nicEdit-main ul {margin-left:1.5em;}
.nicEdit-main ol {margin-left:-1.5em;}
.nicEdit-main ul li {list-style:disc;}
.nicEdit-main ol li {list-style:number;}
.nicEdit-main p {border-bottom:0px;}

/*--------------------- Modal Box ------------------------*/
#modal_view {font-family:"Lucida Grande",Arial,Helvetica,sans-serif; font-size:12px ;z-index:1001; position:fixed;top:120px; left:300px; background-color:#FFF;width:400px;min-height:100px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-box-shadow: 0 5px 32px #000;-moz-box-shadow: 0 5px 32px #000;box-shadow: 0 5px 32px #000;}

#modal_view.admin {width:650px;}

#modal_view #modal_head {text-align:center;height:16px;background:#000;color:#fff;padding:5px;-webkit-border-top-left-radius:7px;-moz-border-radius-topleft:7px;border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-topright:7px;border-top-right-radius:7px;}

#modal_view #modal_footer {background:#000;height:20px;color:#fff;padding:5px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomleft:7px;border-bottom-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-bottomright:7px;border-bottom-right-radius:7px;}

#modal_view #modal_footer button {float:right;}
/*#modal_view #modal_content {overflow:hidden;height:335px;padding:5px 0;background:#D8D8D8;}*/

#modal_view .scrollbar_track {height:345px;}
.close_window {position:absolute;top:3px;right:2px;}

#modal_view fieldset {width:90%;border:0px;text-align:left;margin-left:auto;margin-right:auto;padding-top:0px;}
#modal_view fieldset br {clear:left;}
#modal_view label {display:block;width:22%;float:left;margin-bottom:10px;text-align:right;padding-right:7px;}
#modal_view textarea {font-family:Verdana,sans-serif;vertical-align:top;width:350px;margin-bottom:7px;font-size:11px;}
#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;}

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


/* WMD Markdown Editor Styling */

/*** CUSTOM STYLINGS ADDED: .markdown-preview ***/
#wmd-preview, .markdown-preview {position:relative; padding:6px; border:1px solid #999; font-size:1.1em; line-height:1.3em;overflow:auto;}
#create_edit div.two-column div#wmd-preview, #create_edit div.two-column div.markdown-preview {width:348px; height:78px;}
/*** END CUSTOM STYLINGS ADDED ***/

#wmd-button-bar {position:relative; width:400px; height:19px; padding:5px 0 2px 15px; background:url(images/markdown-bar.png) no-repeat;}
#wmd-button-row {position: relative; margin: 0 0 0 5px; padding: 0px; height: 20px;}
.wmd-spacer{width: 20px; height: 20px; margin-right: 6px; position: absolute; background:url(images/md-line.gif) no-repeat 6px 3px transparent; display: inline-block; list-style: none;}
.wmd-button{width: 20px; height: 20px; margin-right: 6px; position: absolute; background:url(images/wmd-buttons.png) no-repeat 0px 0px; display: inline-block; list-style: none;}

.wmd-prompt-background {background-color: #000;}
.wmd-prompt-dialog{border: 1px solid #999999; background-color: #F5F5F5;}
.wmd-prompt-dialog > div {font-size: 12px; font-family:Arial, Helvetica, Verdana, sans-serif;}
.wmd-prompt-dialog > form > input[type="text"] {border: 1px solid #999999; color: black;}
.wmd-prompt-dialog > form > input[type="button"]{border: 1px solid #888888; font-size: 12px; font-weight: bold;}

#wmd-button-bar #wmd-bold-button    {left: 0px;   background-position: 0px 0;}
#wmd-button-bar #wmd-italic-button  {left: 21px;  background-position: -20px 0;}
#wmd-button-bar #wmd-spacer1        {left: 42px;}
#wmd-button-bar #wmd-link-button    {left: 116px;  background-position: -40px 0;}
#wmd-button-bar #wmd-spacer2        {left: 100px;}
#wmd-button-bar #wmd-olist-button   {left: 58px;  background-position: -120px 0;}
#wmd-button-bar #wmd-ulist-button   {left: 79px; background-position: -140px 0;}
#wmd-button-bar #wmd-spacer3        {left: 137px;}
#wmd-button-bar #wmd-undo-button    {left: 152px; background-position: -200px 0;}
#wmd-button-bar #wmd-redo-button    {left: 173px; background-position: -220px 0;}

/* We aren't currently using thse styles. there are here for reference if we need */
#wmd-button-bar #wmd-quote-button   {left: 100px;  background-position: -60px 0;}
#wmd-button-bar #wmd-code-button    {left: 125px;  background-position: -80px 0;}
#wmd-button-bar #wmd-image-button   {left: 150px;  background-position: -100px 0;}
#wmd-button-bar #wmd-heading-button {left: 250px; background-position: -160px 0;}
#wmd-button-bar #wmd-hr-button      {left: 275px; background-position: -180px 0;}
#wmd-button-bar #wmd-help-button    {right: 0px; background-position: -240px 0;}
/* end unused button styles */

/* reset all preview stylings to xhtml defaults */
/*** CUSTOM STYLINGS ADDED: .markdown-preview ***/
#wmd-preview, .markdown-preview {color:#000; width: 387px;}
#wmd-preview p, .markdown-preview p {font-family:Helvetica, Arial, Verdana, sans-serif; color:#000; margin: 1.12em 0; border: 0;}
#wmd-preview ul, #wmd-preview ol, .markdown-preview ul, .markdown-preview ol {font-family:Helvetica, Arial, Verdana, sans-serif; font-size:1em; color:#000; margin: 1.12em 0 1.12em 4em;}
#wmd-preview li, .markdown-preview li {display:list-item;}
#wmd-preview ul li, .markdown-preview ul li {list-style:disc;}
#wmd-preview ol li, .markdown-preview ol li {list-style:decimal;}
#wmd-preview ol ul, #wmd-preview ul ol, #wmd-preview ul ul, #wmd-preview ol ol, .markdown-preview ol ul, .markdown-preview ul ol, .markdown-preview ul ul, .markdown-preview ol ol {margin-top:0; margin-bottom:0;}
#wmd-preview strong, .markdown-preview strong {font-weight: bolder;}
#wmd-preview blockquote, .markdown-preview blockquote {margin-left: 4em; margin-right: 4em;}
#wmd-preview cite, em, q, var, address, .markdown-preview cite {font-style: italic;}
#wmd-preview pre code, #wmd-preview kbd, #wmd-preview samp, .markdown-preview pre code, .markdown-preview kbd, .markdown-preview samp { font-family: monospace;}
#wmd-preview pre, .markdown-preview pre {white-space:pre;}
#wmd-preview sub, #wmd-preview sup, .markdown-preview sub, .markdown-preview sup {font-size:smaller;}
#wmd-preview sub, .markdown-preview sub {vertical-align:sub;}
#wmd-preview sup, .markdown-preview sup {vertical-align:super;}
#wmd-preview abbr[title], .markdown-preview abbr[title] {border-bottom:dotted 1px;}
#wmd-preview > *:first-child, .markdown-preview > *:first-child {margin-top:0; padding-top:0;}
/*** CUSTOM STYLINGS ADDED ***/
/* end reseting preview stylings to xhtml defaults */