/* TOOLBAR */
#btnPreview {margin-left:7px;}

img { border: 0; }

/* Bottom Bar */
.Toolbarspacer {height:250px;}
#ToolbarWrpr {position:fixed;top:0px;left:0px;width:100%;text-align: left;z-index:999;min-width:964px;}
.ToolbarTopWrpr {position:relative;z-index:9998;}
#ToolbarBtmBarWrpr {background: url(/includes/ctpe/images/editor/darkblue/background.png) repeat-x;border-bottom:1px solid #ffffff;height:33px;padding:5px 30px 0px 30px;vertical-align:middle;position:relative;z-index:9999;text-align:center;color:#ffffff;font-weight:bold;}
#ToolbarModulesWrpr {max-height:148px;overflow:hidden;background:#666666;padding-bottom:20px;padding-top:0;}
#ToolbarSettingsPanelWrpr {max-height:196px;overflow:hidden;background:#666666;padding-bottom:10px;display:none;color:#ffffff;}
#ToolbarModulesPanelWrpr {display:none;}
#ToolbarSEOPanelWrpr {max-height:196px;overflow:hidden;background:#666666;padding-bottom:10px;display:none;color:#ffffff;}
.ToolbarCatSearch {float:right;width:240px;font-weight:bold;color:#ffffff;padding-top:2px;text-align:right;padding-right:10px;}
.ToolbarCatSearch .catsearchbox {width:125px;height:12px;font-size:9px;}
.ToolbarModulesTabs {padding:0px;margin:0px;border-left:1px solid #000000;border-right:1px solid #000000;background-color: #5C9CCC;position:relative;z-index:99999;min-height:1px;}

.addModule {margin:-4px auto 0px auto;width:340px;padding-left:20px;cursor:pointer;}
.toolbarRightTop {width:350px;position:absolute;top:7px;right:30px;}
#btnErrorLog {display:none;}
#btnErrorLog img {margin: 6px 5px 0 0;}
#errorLog {display:none;}
#errorLogMsgs {
    padding: 5px;
    height: 350px;
    overflow: scroll;
}
.taskbarsetting {float:left;text-align:center;}
.taskbarsetting_right {float:right;text-align:center;}
.taskbarsetting img {margin-bottom:3px;cursor:pointer;}
.taskbarsetting_right img {margin-bottom:3px;cursor:pointer;}

a.taskbara, a.taskbara:link, a.taskbara:visited {color: #ffffff; font-size:9px;text-decoration: none;font-weight:normal;}
a.taskbara:hover {color: #ffffff; text-decoration: underline;background:transparent;}
a.taskbara:active {color: #ffffff; text-decoration: none;}

.ToolbarTopInstructions {text-align:center;background-color:#ffffff;border-top:1px solid #000000;color:#000000;}

.ToolbarSettingsPagetitleInput {width:250px;margin-left:15px;}

div.session {color: #fff;font-size:11px;width:100%;background:#cd0000;padding:5px 0px;text-align:center;width:300px;margin:0px auto;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;position:relative;z-index:99;display:none;}
div.session a {color: #c5dbfc;margin-left:5px;text-decoration:none;}
.expires {}
.sessionWarning {
    color: #f00;
    font-weight: 900;
    display:block;
    clear:left;
}


#meta-description {width:450px;height:75px;}
#meta-keywords {width:450px;height:75px;}
#page-title {
    width: 382px;
}
.ToolbarWrpr .red {
    background-color: #AC0911;
    color: #fff;
    padding-right: 4px;
}

.taskbarsetting_right .sf-menu {margin-bottom:0px;text-align:left;}
.taskbarsetting_right .sf-menu a,
.taskbarsetting_right .sf-menu a:link,
.taskbarsetting_right .sf-menu a:visited {text-decoration:none;}
	
	/* visited pseudo selector so IE6 applies text colour*/
.taskbarsetting_right .sf-menu a,
.taskbarsetting_right .sf-menu a:visited  {color:#13a;}
.taskbarsetting_right .sf-menu li {}
.taskbarsetting_right .sf-menu li ul {background-color:#2c5891; border-bottom:1px solid #fff;border-right:1px solid #fff;width:135px;}
.taskbarsetting_right .sf-menu li li {background-color:#2c5891;}
.taskbarsetting_right .sf-menu li li li {}
	
.taskbarsetting_right .sf-menu li li a,
.taskbarsetting_right .sf-menu li li a:link,
.taskbarsetting_right .sf-menu li li a:visited {height:auto; padding:5px 5px; text-indent:0;}
	
.taskbarsetting_right .sf-menu li.sfHover a {}

.taskbarsetting_right .sf-menu li li a:hover,
.taskbarsetting_right .sf-menu li li a:active {background: #538cc0;}
	
.taskbarsetting_right .sf-menu li:hover,
.taskbarsetting_right .sf-menu li.sfHover,
.taskbarsetting_right .sf-menu a:focus,
.taskbarsetting_right .sf-menu a:hover,
.taskbarsetting_right .sf-menu a:active {outline:0;}
	
.taskbarsetting_right .sf-menu li:hover ul,
.taskbarsetting_right .sf-menu li.sfHover ul {
	left:          0;
	top:           32px; /* match top ul list item height */
	z-index:       99;
}

/* EDITOR */
.adminUI { font-family: sans-serif; font-size: 14px; }
.formEditorWrapper {
			
}
.formEditorWrapper #formEditor { 
	border: 1px dashed #999;
	border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.formEditorWrapper #formEditorControls { 
	width: 230px;
}

.formEditorWrapper .dropHover 
{
    background-color: #bbb; 
    float: left;  
    height: 20px;
}

.formEditorWrapper .formEditorRow .dropHover  
{
    margin-top: 5px;
    border: 1px solid gray; 
    width: 100px;
}
.formEditorWrapper .emptyRowBorder .dropHover 
{
    margin-top: 0px;
    border: none;
    width: 100%; 
}
.formEditorDragHandle { 

}
.formEditorDragLocked 
{
    background-color: #ddd !important;
    cursor: default !important;
    background: #ddd !important;
}
.formEditorHelperWrapper { 
	float: left; 
	border: 1px solid black; 
	width: 80px; 
	text-align: center; 
	min-height: 35px; 
	padding: 3px;
	margin: 2px;
	cursor: move; 
	border-radius: 2px; 
	background-color: #ddd;
	font-size: 0.75em;
	z-index: 9999999;
    color: #006599 !important;
}
						
.itemDraggingHelper {
	border: 1px solid black; 
	width: 100px;
	max-width: 100px;
	text-align: center; 
	min-height: 35px; 
	padding: 5px; 
	cursor: move; 
	border-radius: 2px; 
	background-color: #eee;
	font-size: 1.0em;
	font-family: Verdana, Arial, sans-serif;
	z-index: 9999;
}
.itemDraggingHelper img {
	height: 16px;
}
#draggable .item img {
	height: 16px;
}
#settingsTabs > div, #tabsSaveForm > div 
{
    margin: 5px;
}
#settingsDialog, #divSaveDialog
{
    overflow: hidden;
}
.formEditorWrapper .formEditorItem  
{
    float: left; 
    padding: 3px; 
    margin: 2px; 
    min-height: 25px; 
    cursor: default; 
    /*font-size: 1.2em; */
}
.formEditorWrapper .formEditorItem input { cursor: default; }
.formEditorWrapper .formEditorItem textarea { cursor: default; }
.formEditorWrapper .formEditorItem a { cursor: default; }
.formEditorWrapper .formEditorRow .formEditorItem {
	border: 1px solid transparent;
}
.formEditorWrapper .formEditorItemHover { 
	border: 1px solid #666 !important;
	background-color: #eee;
}
.formEditorWrapper .newItem { border: 2px solid black; width: 50px; }
.formEditorWrapper .formEditorRow  
{   
	width: 100%;
}
.formEditorWrapper .emptyRowBorder
{
    border: 1px solid transparent; 
    height: 0px;
}
.formEditorWrapper .formEditorDropZone {
	width: 1px;
	padding: 0;
	margin: 0;
	float: left;
}
.formEditorDropZoneOff {
	background-color: transparent;
}

.formEditorDropZoneHover {
	background-color: #aaa !important;
    /*border: 1px solid #666 !important;*/
    border-radius: 5px;
}

.formEditorWrapper .formEditorDropZoneBetweenItems 
{
    height: 20px !important;
    border: 1px dashed #666 !important;
    border-radius: 5px !important;
}

.formEditorWrapper .formEditorDropZoneNewLine
{
    height: 0px !important;
}

.formEditorWrapper .formEditorDropZoneOverlay {
	display: none;
	position: absolute;
	border: 1px solid transparent;
	width: 100px;
	padding: 0;
	margin: 0;
}
.formEditorWrapper .emptyRowBorderDragging 
{
    border: 1px dashed #666;
    height: 20px;
}
.formEditorWrapper .formEditorNewRowOverlay 
{
    text-align: center;
    padding-top: 5px;
    position: absolute;
}
.formEditorWrapper .formEditorItem span { cursor: move; }
.formEditorWrapper .itemOverlay { 
	position: absolute; 
	z-index: 1000; 
	background-color: #eee; 
	padding: 3px; 
	border: 1px solid #666;
	width: 85px; 
}
.formEditorWrapper .deleteButton { cursor: pointer; float: right; margin-left: 3px; }
.formEditorWrapper .editButton { cursor: pointer; float: right; }
.formEditorWrapper .moveButton { cursor: move; float: left; }
.formEditorWrapper .copyButton { cursor: pointer; float: right; margin-left: 3px; }
.formEditorWrapper .refreshButton { cursor: pointer; float: right; }
.formEditorWrapper .formEditorPageBreak 
{
    font-size: 12px;
    text-align: center;
}
.formEditorWrapper .formFieldSeparator { border: 1px dashed #aaa; } 
.formEditorWrapper .formItemDropZone 
{
    border: none !important;
    width: 0px !important;
    height: 0px !important;
    border-radius: 0px !important;
}
.formEditorSettingsTab
{
    font-size: 0.85em;
}
.ui-widget  
{
    font-size: 10pt; 
    z-index: 99999; 
    text-align: left;        
}
.ui-accordion .ui-accordion-content {
	padding: 1em 1em;
}

.formEditorWrapper .dialogShadow
{
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); 
}
			
.bold { font-weight: bold; }
.vtop { vertical-align: top; }
			
/* Control Settings */
.ui-widget .fieldName {
	font-weight: bold;
	font-size: 1.8em;
}
.ui-widget #divFieldName {
    margin-bottom: 5px;
}
.ui-widget #divFieldName:hover {
	background-color: #eee;
}
			
.formEditorWrapper #settingsDialog fieldset {
	line-height: 1.8em;
}
			
.formEditorWrapper #settingsDialog fieldset legend {
	font-weight: bold;
}

.formEditorCollapsibleContainer 
{
    float: left;
    margin-right: 30px;
}

.action-module-field-label 
{
    width: 140px;
    float: left;
}
.action-module-field-value 
{
    float: left;
}

/* CONTROL SETTINGS */

.formEditorInvalid
{
    border: 2px solid #f00 !important;
}

.formEditorSettingsBlock
{
    margin-bottom: 10px;
}
#ulSelectedActions  
{
    list-style-type: none; 
    margin: 5px 0 0 0; 
    padding: 5px 0 0 0;
    zoom: 1;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #ddd; 
    height: 150px;
}

#ulSelectedActions li  
{
    margin: 0 5px 5px 5px; 
    padding: 3px; 
    width: 90%; 
    cursor: move;
}

#ulSelectedActions li.selected
{
    background: #F39814; 
    color: white; 
}

#ulSelectedActions li.highpriority
{
    background: #A5FFA8 !important;
}

.red 
{
    color: #d7182a !important; 
}

#btnAddActionModule 
{
    cursor: pointer;
}

/* XOXCO TAGS */
div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput div.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput div.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}

/* NEW Limit Text Box */
.limitTextBox {

}
.limitTextBox span {
	display: none;
}
.limitTextBoxBar {        
	width:100%;
}
.limitTextBoxBarWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;
}
.limitTextBoxBarInner {
	width:0%;
	background-color:#FF0000;
}
.limitTextBoxInputWrpr {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.limitTextBoxInputWrpr textarea {
	box-sizing: border-box;
	vertical-align: top;
}

.limitTextBoxSpellWrpr {
	display: table-cell;
	padding-left: 5px;
	vertical-align: top;
}
	
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
.cmtText div.rating-cancel, .cmtText div.star-rating, .newsModuleWrpr div.rating-cancel,.newsModuleWrpr div.star-rating{cursor:default;}
div.rating-cancel,div.rating-cancel a{background:url(/cms/images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/cms/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/* ep3list */
.ep3list-wrapper 
{
    border: 1px solid lightgray;
    list-style: none;
    list-style-position: inside;
    padding: 2px;
    margin: 0px;
    overflow-y: auto;
}
.ep3list-wrapper > div
{
    border: 1px solid #aaa;
    margin-top: 1px;
    padding: 5px;
    word-break: break-word;
    word-wrap: break-word;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #eee;
}
.ep3list-item
{
    overflow: hidden;
}
.ep3list-draghandle
{
    float: left;
    cursor: move;
}
.ep3list-closeimg 
{
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.ep3list-addnewinput
{
    border: 1px solid gray !important;
    margin-top: 3px !important;
}
.ep3list-regexerror
{
    color: #f00 !important;
    font-weight: bold !important;
}

/* ADMIN NOTIFICATIONS */

.toolbarLeftTop #notifications {min-width:18px;height:16px;background-color:#fff;border:1px solid #000;border-radius:5px;text-align:center;padding:2px 3px 0px 3px;margin-top:3px;position:relative;}
.toolbarLeftTop #notificationCount {display:block; font-size: 12px;}
.toolbarLeftTop .longForm {display:none;}
.toolbarLeftTop .notificationsBadge {position:absolute;top:-5px;left:-6px;z-index:99;}

#adminNotificationList {position:absolute;z-index:999;left:-18px;top:34px;border:0px;text-align:left; font-weight: normal;color #000;}
#adminNotificationList:focus {outline:none;}
#adminNotificationWrapper:focus {outline:none;}
#adminNotificationList {position:absolute;z-index:999;left:-18px;top:34px;border:0px;}
#adminNotificationList:focus {outline:none;}
#adminNotificationWrapper:focus {outline:none;}
#adminNotificationList > .adminNotification 
{
    background-color: #fff;
    padding: 5px;
    width: 200px;
    border: 1px solid #00598B;
    cursor: pointer;
    z-index: 99999999;
	color:#000;
	font-size:11px;
	line-height: normal;
	font-weight:normal;

}
#adminNotificationList > .adminNotification p {
	color:#000;
	font-size:11px;
	line-height: 1.3em;
	font-weight:normal;
	font-family:arial;
	
}

#adminNotificationList > .adminNotification:hover
{
    background-color: #f9f9f9;
}
#adminNotificationList > .adminNotification 
{
    position: relative;
    top: -14px;
    left: 30px;
	margin-top:-1px;
}
#adminNotificationIcon
{
    cursor: pointer;
}
#adminNotifications > #count 
{
    font-weight: bold;
}
#adminNotificationList .adminNotification > .adminNotificationClose 
{
    position: absolute;
    top: 2px;
    left: 192px;
    background-image: url("/cms/images/admin/cancel.gif");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.adminNotification > .adminNotificationTitle 
{
    font-weight: bold;
	color: #069;
}
.adminNotification > .adminNotificationBody 
{
	padding-top:4px;
}
.adminNotification > .adminNotificationBody > p
{
    margin: 0px;
}
.adminNotificationCallbackLink 
{
    cursor: pointer;
}

/* CLEARFIX */

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
	j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* NEW Limit Text Box */
.limitTextBox {        
	width:100%;
}
.limitTextBoxWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;
}
.limitTextBoxInner {
	width:0%;
	background-color:#FF0000;
}

.formEditorRow .grid-1-12,
.formEditorRow .grid-2-12,
.formEditorRow .grid-3-12,
.formEditorRow .grid-4-12,
.formEditorRow .grid-5-12,
.formEditorRow .grid-6-12,
.formEditorRow .grid-7-12,
.formEditorRow .grid-8-12,
.formEditorRow .grid-9-12,
.formEditorRow .grid-10-12,
.formEditorRow .grid-11-12,
.formEditorRow .grid-12-12 {
    position:initial;
}