@CHARSET "UTF-8";
@IMPORT url("undohtml.css");


module {
	display: none;
}
/*******************************************************************************
* Reused structural elements
*******************************************************************************/
#ncms-header, #ncms-edit-page-footer, .ncms-page, .ncms-finder-wrapper, .ncms-lightbox-box, .ncms-context-menu  {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
	font-size:0.85em!important;
	color:#000!important;
}
#ncms-header {
	background-color:#eee;
	position:fixed;
	width:100%;
	z-index:75000;
	-webkit-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
	top:0;
	height:50px;
	border-bottom:1px solid #555;
}

#ncms-site-menu {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
}

#ncms-header h1, .ncms-lightbox-box h1, #ncms-login h1, .ncms-finder-wrapper h1 {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
	font-weight:normal!important;
	font-size: 18px!important;
	line-height: 36px!important;
	margin-bottom: 18px!important;
	text-shadow: none!important;
	color:#000!important;
}


#ncms-site-menu h2, .ncms-lightbox-box h2 {
	font-size:16px!important;
	font-weight:normal!important;
	margin-bottom:18px!important;
	color:#000!important;
}
#ncms-edit-page-header-display, #ncms-site-menu-header-display {
	padding:0.5em 140px 0.5em 1em;
}

a {
	outline: none!important;
}

/*******************************************************************************
* NCMS Header
*******************************************************************************/

#ncms-logo{
	width:100px;
	height:50px;
	background:url(../img/naked-cms-logo.png) no-repeat right center;
	cursor: pointer;
	margin-bottom:10px;
}
#ncms-header-menu {
	position:fixed;
	top:-5px;
	left:10px;
	overflow:hidden;
	width:200px;
	padding:0px 10px 10px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#ncms-header-menu:hover {
	-webkit-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
}
.ncms-header-menu {
	background:#eee;
	border:1px solid #eee;
	height:35px;
}
.ncms-header-menu-hover {
	background:#fff;
	border:1px solid #555;
	// height:170px;
	height: 250px;
}
#ncms-header-name {
	position:absolute;
	right:0;
}
#ncms-header-details {
	position:absolute;
	right:0;
	padding:14px 20px 18px;
	width:600px;
	text-align: right;
}
#ncms-header-details h1{
	padding:0!important;
	margin:0!important;
	line-height: 1em !important;
	display: inline!important;
	border:none!important;
}

/*******************************************************************************
* Edit Page Controller
*******************************************************************************/

#ncms-edit-page {
	margin:0;
	padding:0;
	margin-top:50px;
}

#ncms-edit-page-attributes-toggle {
	
}

#ncms-edit-page-body {
	/*margin-top:75px;*/
}
#ncms-edit-page-header > div {
	/*padding:0.5em;*/
}
#ncms-edit-page-footer > div {
	text-align:right;
	padding:0.5em 1em;
}
#ncms-edit-page-autosave-indicator {
	background: transparent url(/assets/NCMS/img/autosave.gif) no-repeat scroll 0 0;
	padding-left:1.5em;
	position:fixed;
	bottom:0;
	left:0;
}
#ncms-edit-page .ncms-sortables-sortable-placeholder {
	/*border:0.18em dashed #969100;*/
	border-radius:0.31em;
	-o-border-radius:0.31em;
	-icab-border-radius:0.31em;
	-khtml-border-radius:0.31em;
	-moz-border-radius:0.31em;
	-webkit-border-radius:0.31em;
}
.ncms-edit-page-module-adder {
	display:block;
	padding:5px;
	border:1px #686564 solid;
	background-color:#fff;
	line-height:1em;
	color:#000;
	width:16px;
	height:16px;
	margin-top:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
	text-decoration: none;
	clear:both;
	z-index: 70000;
	position: relative;
}

.ncms-edit-page-module-adder:hover {
	-webkit-transition: -webkit-box-shadow 0.5s linear;
	border-color:#000;
	-webkit-box-shadow: 0px 0px 10px #D5E04D;
	-moz-box-shadow: 0px 0px 10px #D5E04D;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
	text-decoration: none;
}
.ncms-edit-page-module-adder {
	background:#fff url(../img/icons/16x16/add.png) no-repeat scroll center center;
	
}

.ncms-sortables-group {
	margin-bottom:1em;
	outline-offset: 3px;
	outline: 1px solid #EE2C74;
}


/*******************************************************************************
* Busy
*******************************************************************************/

.ncms-busy {
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	display:block;
	width:16px;
	height:11px;
	background: transparent url(/assets/NCMS/img/busy.gif) no-repeat scroll 0 0;
}
.ncms-busy-background {
	background-image: url(/assets/NCMS/img/busy.gif)!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
}

/*******************************************************************************
* Finder
*******************************************************************************/

#ncms-site-menu {
	margin:0;
	padding:0;
}
.ncms-finder-wrapper {
	margin:60px 20px 20px 20px;
	position:relative;
}
.ncms-finder, .ncms-assetfinder {
	border:1px solid #555;
	position:relative;
	height:600px;
	overflow-x:scroll;
	background:url(/assets/NCMS/img/finder-bg.gif) repeat-x 0px 534px;
}
.ncms-assetfinder, .ncms-mini-finder {
	height:400px;
}
.ncms-assetfinder {
	background:url(/assets/NCMS/img/finder-bg.gif) repeat-x 0px 334px;
}
.ncms-finder-column, .ncms-assetfinder-column {
	position:absolute;
	width:300px;
}
.ncms-assetfinder-column, .ncms-mini-finder .ncms-finder-column {
	width:220px;
}
.ncms-finder-column>ul, .ncms-assetfinder-column>ul {
	height:514px;
	border-right:1px solid #555;
	margin:0!important;
	margin-right:0px!important;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:10px!important;
}
.ncms-assetfinder-column-thumbs {
	width: 595px;
}
.ncms-assetfinder-column-thumbs>ul {
	border-right: none;
}
.ncms-assetfinder-column>ul {
	height:314px;
}
.ncms-mini-finder ul {
	height:380px;
}


/** 
* Asset finder
*/

.ncms-assetfinder-thumb {
	display:inline-block!important;
	position: relative;
	height:120px;
	width:120px;
}
.ncms-assetfinder-file {
	position: relative;
}
.ncms-assetfinder-thumb img {
	margin:0 auto;
	display:block;
	max-height: 100%;
	max-width: 100%;
}
.ncms-assetfinder-thumb img.temporary, .unavailable img {
	opacity: 0.6;
}

.ncms-finder-controls, .ncms-assetfinder-controls {
	padding:10px;
}

.ncms-finder-controls a {
	display:inline-block;
	padding:5px;
	border:1px #555 solid;
	background-color:#fff;
	line-height:1em;
	color:#000;
	width:16px;
	height:16px;
	margin-left:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
}
.ncms-finder-controls a span {
	display:none;
}

.ncms-finder-controls a:hover {
	-webkit-transition: -webkit-box-shadow 0.5s linear;
	border-color:#000;
	-webkit-box-shadow: 0px 0px 10px #D5E04D;
	-moz-box-shadow: 0px 0px 10px #D5E04D;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
}
.ncms-finder-control-plus {
	background:#fff url(/assets/NCMS/img/icons/16x16/add.png) no-repeat scroll center center;
	
}
.ncms-finder-control-minus {
	background:#fff url(/assets/NCMS/img/icons/16x16/delete.png) no-repeat scroll center center;
	
}






.ncms-finder-column>ul.ncms-sortables-region-hover {
	background-color:#f9f9f9;
}
.ncms-finder-column>ul li, .ncms-finder-column>ul p {
	/*padding: 10px;*/
}


/**
 * list items in finder 
 */
 
.ncms-finder-column li, .ncms-assetfinder-column li {
	margin-bottom:10px;
	padding:10px;
	display:block;
	vertical-align: middle;
	clear:both;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	cursor: default;
}
.ncms-finder-column li:hover, .ncms-assetfinder-column li:hover  {
	background:#eee;
}
.ncms-finder-column>ul a:link, .ncms-finder-column>ul a:visited, .ncms-assetfinder-column>ul a:link, .ncms-assetfinder-column>ul a:visited {
	color:#000;
	cursor: default;
}
.ncms-finder-column>ul li.ncms-finder-active-parent, .ncms-assetfinder-column>ul li.ncms-assetfinder-active-parent {
	background-color:#ddd; /* colour of previous selected pages in finder path */
}
.ncms-finder-column>ul li.ncms-finder-active-parent a:link,
.ncms-finder-column>ul li.ncms-finder-active-parent a:visited,
.ncms-assetfinder-column>ul li.ncms-assetfinder-active-parent a:link,
.ncms-assetfinder-column>ul li.ncms-assetfinder-active-parent a:visited  {
	color:#000;
}
.ncms-finder-column>ul li.ncms-finder-active {
	background:#D5E04D; /* colour of selected page */
}

.ncms-assetfinder-column>ul li.ncms-assetfinder-active {
	background:#D5E04D;
	padding:10px;
	border-radius: 4px;
}

/* drafts - temporary and will move to lightbox with version 4 */

.ncms-finder-column>ul li.ncms-finder-column-page-draft a:link,.ncms-finder-column>ul li.ncms-finder-column-page-draft a:visited{
	color: #999;
}


.ncms-finder-column li ul {
	margin-top: 10px;
	border: 2px dashed #999;
	padding:10px;
}
.ncms-finder-column li ul:before {
	content: 'Drafts';
	color:#999;
}

.ncms-sortables-sortable-handle {
	background: url(/assets/NCMS/img/navigation.png);
	display: inline-block;
	height: 16px;
	width: 16px;
}
.ncms-finder .ncms-sortables-sortable-handle {
	-webkit-transition: opacity 500ms ease-out 100ms;
	opacity: 0.2;
	vertical-align: middle;
}
.ncms-sortables-sortable-handle:hover {
	opacity:1;
	cursor:pointer!important;
	-webkit-transition: opacity 500ms ease-out 100ms;
}


.ncms-finder-item-preview {
	background-color:#fff;
	border-top:0.09em solid #ccc;
	border-bottom:0.09em solid #ccc;
	text-align:center;
	padding:2em 0 0;
}
.ncms-finder-item-preview img {
	height:8.75em;
	width:13.75em;
}


.ncms-mini-finder .ncms-finder-control-add, .ncms-mini-finder  .ncms-finder-control-remove {
	font-size:1.33em;
}
.ncms-finder-control:hover {
	background-color:#edf3fe;
}

.ncms-finder-no-pages {
	padding: 10px;
	font-style: italic;
}

/* from here to messenger added by JC */

.ncms-button {
	color:#000;
	background:#fff;
	border:1px #686564 solid;
	padding:0.5em 1em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
}
.ncms-button-small {
	background:#fff;
	border:1px #686564 solid;
	padding:0.15em 0.3em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
}
.ncms-button:hover, .ncms-button-small:hover {
	cursor:pointer;
	border-color:#000;
	-webkit-box-shadow: 0px 0px 10px #D5E04D;
	-moz-box-shadow: 0px 0px 10px #D5E04D;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
}
.ncms-cancel, .ncms-error {
	color:#EE2C74!important;
	padding:2px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	text-decoration: none;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
	font-size: 1em;
}	
.ncms-cancel:hover, .ncms-error{
	background-color:#EE2C74!important;
	color:#fff!important;
	text-decoration: none!important;
}
.ncms-warning {
	color:#EE2C74;
	font-weight: bold;
	padding:10px 0px;
}
.ncms-edit-page-meta-display {
	font-style:italic;
	color:#686564;
	padding-bottom:16px;
}
.ncms-edit-page-meta-display-ticked {
	background:url(../img/meta-tick.png) no-repeat bottom center;
}

/*******************************************************************************
* Messenger
*******************************************************************************/

/**
* Structure
*/
.ncms-messenger {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100000;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/**
* Appearance
*/
.ncms-messenger {
	opacity:0.95;
	color:#fff;
}
.ncms-messenger p,
.ncms-messenger ul {
	padding:10px;
}
.ncms-messenger li {
	list-style-type:disc;
	list-style-position:inside;
}
.ncms-messenger-error {
	background-color:#EE2C74;
}
.ncms-messenger-warn {
	background-color:#FFCC18;
}
.ncms-messenger-info {
	background-color:#D5E04D;
}

/*******************************************************************************
* Lightbox
*******************************************************************************/

/**
* Appearance
*/
.ncms-lightbox-mask {
	position:fixed;
	z-index:80000;
	background:#000;
}
.ncms-lightbox-box {
	z-index:90000;
	background:#fff;
	border:#000 1px solid;
	overflow:auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
.ncms-lightbox-box-content {
	margin:15px;
	position:relative;
}
.ncms-lightbox-box-content img{
	padding:0!important;
}

/*******************************************************************************
* Form
*******************************************************************************/

/**
* Appearance
*/
input[type=text].ncms-form-control, input[type=password].ncms-form-control, textarea.ncms-form-control, select.ncms-form-control {
	padding:5px!important;
	font-size: 1em!important;
	border: solid 1px #666!important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
	color:#000!important;
	background: #fff!important;
}
.ncms-form-cell input[type=text], .ncms-form-cell input[type=password], .ncms-form-cell select {
	width:85%;
}
.ncms-form-cell textarea {
	width:85%;
	height:5em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}
.ncms-top-right {
	position:absolute;
	top:0;
	right:0;
}
.ncms-preview-area {
	background:#e5e5e5;
	padding:20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom:10px;
}
.ncms-preview-area img {
	margin:0 auto 10px;
	display: block;
	max-width: 100%;
}
.ncms-preview-area button {
	margin:0 auto;
	display:block
}
.ncms-form-cell {
	display:inline-block;
	vertical-align: top;
	width:100%;
	padding:5px 0px;
}
.ncms-w5 {
	width:5%;
}
.ncms-w10 {
	width:10%;
}
.ncms-w15 {
	width:15%;
}
.ncms-w20 {
	width:20%;
}
.ncms-w25 {
	width:25%;
}
.ncms-w30 {
	width:30%;
}
.ncms-w35 {
	width:35%;
}
.ncms-w40 {
	width:40%;
}
.ncms-w45 {
	width:40%;
}
.ncms-w50 {
	width:50%;
}
.ncms-w55 {
	width:55%;
}
.ncms-w60 {
	width:60%;
}
.ncms-w65 {
	width:65%;
}
.ncms-w70 {
	width:70%;
}
.ncms-w75 {
	width:75%;
}
.ncms-w80 {
	width:80%;
}
.ncms-w85 {
	width:85%;
}
.ncms-w90 {
	width:90%;
}
.ncms-w95 {
	width:95%;
}

.ncms-hideables input[type=radio] {
	margin-right: 10px;
	margin-bottom: 8px;
}

.ncms-editor {
	width:95%;
}
.ncms-form-label {
	text-transform: capitalize
}
.ncms-form-cell label {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
	text-align: left;
	font-weight: normal!important;
}
	
/*******************************************************************************
* FormValidator
*******************************************************************************/

/**
* Appearance
*/
input[type=text].validation-failed, textarea.validation-failed, select.validation-failed {
	border-color:#b53616!important;
}
input[type=text].validation-passed, textarea.validation-passed, select.validation-passed {
	border-color:#b4cc25!important;
}

/*******************************************************************************
* ContextMenu
*******************************************************************************/

.ncms-context-menu, .ncms-add-module-context-menu {
	position:absolute;
	top:0;
	left:0;
	min-width: 120px;
	z-index:95000;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
	-webkit-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
	background:#fff;
	border:1px solid #555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:10px;
}
.ncms-context-menu li, .ncms-add-module-context-menu li {
	margin-bottom:5px;
	padding:2px;
	display:block;
	vertical-align: middle;
	clear:both;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
}
.ncms-context-menu li a:link, .ncms-context-menu li a:visited, .ncms-add-module-context-menu li a:link, .ncms-add-module-context-menu li a:visited {
	color:#000;
	cursor: default;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
	text-decoration: none!important;
	font-size: 1em;
}
.ncms-context-menu li:hover, .ncms-add-module-context-menu li:hover {
	background:#D5E04D;
}
.ncms-context-menu-item-sep, .ncms-add-module-context-menu-item-sep {
	border-top:1px solid #555;
	margin-bottom:10px;
}
.ncms-context-menu-cog {
	color:#BE1E2D;
	font-size:0.9em;
	display:inline-block;
	padding:2px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:url(/assets/NCMS/img/settings-black.png) #fff center no-repeat;
	float:right;
	width:12px;
	height:12px;
	vertical-align: middle;
	border:1px solid #000;
}
.ncms-context-menu-cog:hover {
	background:url(/assets/NCMS/img/settings-white.png) #666 center no-repeat;
}


/*******************************************************************************
* Sortables
*******************************************************************************/

.ncms-sortables-sortable-placeholder {
	/*border:2px dashed #666;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 5px;
	background-color:rgba(0,0,0,0.3);
	float:left;

}
.ncms-finder .ncms-sortables-sortable-placeholder {
	background-color:#eee;
	border:2px dashed #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	clear:both;
	height:30px;
	display: block!important;
	margin:0!important;
	padding:0!important;
	float:none;

}
.ncms-sortables-sortable-ghost {
	z-index:1500;
	-webkit-box-shadow:3px 3px 6px #666;
	-moz-box-shadow:3px 3px 6px #666;
	box-shadow:3px 3px 6px #666;
	background:rgba(255,255,255,0.8);
	border:1px solid #B3B3B3;
	padding:0px!important;
}
.ncms-finder .ncms-sortables-sortable-ghost li {
	margin: 0!important;
	background:#fff!important;
}
.ncms-sortables-region {
	min-height:1em; /* So that if there are not items in the region, items can still be dragged into it */
}
.ncms-sortables-region-hover {}

/*******************************************************************************
* Uploader
*******************************************************************************/

.ncms-form-confiscator-boundary {
	margin-top:10px;
	padding:10px 0px;
	border-top: 1px solid #555;
}


/*******************************************************************************
* Uploader
*******************************************************************************/

.ncms-uploader-progress {
	height:12px;
	border:1px solid #333;
	border-radius: 4px;
	position:absolute;
	top:60px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
	padding:3px;
	background: #fff;
	width:80%;
}
.ncms-assetfinder-file .ncms-uploader-progress {
	top:10px;
	right:0px;
	width:120px;
}
.ncms-uploader-progress-indicator {
	background:#D5E04D;
	width:0%;
	height:100%;
	position: relative;
	left: 0;
	-webkit-transition: width 0.8s ease-in-out;
	-moz-transition: width 0.8s ease-in-out;
	-o-transition: width 0.8s ease-in-out;
	transition: width 0.8s ease-in-out;
}

.ncms-uploader-browse {
	width:100px;
}
.ncms-uploader-browse-files {
	position: absolute;
	opacity: 0;
	width:100px;
	margin:2px 0px;
	height:65px;
	cursor:pointer!important;
}
.ncms-uploader-browse-files:hover + button {
	-webkit-box-shadow: 0px 0px 10px #D5E04D;
	-moz-box-shadow: 0px 0px 10px #D5E04D;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
}


/*******************************************************************************
* Module
*******************************************************************************/


.ncms-module-overlay {
	position:fixed;
	top:0;
	left:0;
	border:0.18em dashed #fff;
	background:transparent url(/assets/NCMS/img/module-overlay.png) repeat scroll 0 0;
	background:rgba(0,0,0,0.3);
	z-index:60000;
	box-shadow:0 0 0.40em #afafaf;
	-o-box-shadow:0 0 0.40em #afafaf;
	-icab-box-shadow:0 0 0.40em #afafaf;
	-khtml-box-shadow:0 0 0.40em #afafaf;
	-moz-box-shadow:0 0 0.40em #afafaf;
	-webkit-box-shadow:0 0 0.40em #afafaf;
	border-radius:0.31em;
	-o-border-radius:0.31em;
	-icab-border-radius:0.31em;
	-khtml-border-radius:0.31em;
	-moz-border-radius:0.31em;
	-webkit-border-radius:0.31em;
	overflow:hidden;
	min-width:120px;
	min-height:60px;
	
}

.ncms-sortables-group-overlay {
	position:fixed;
	background: #EE2C74;
	z-index:60000;
	box-shadow:0 0 0.40em #afafaf;
	-o-box-shadow:0 0 0.40em #afafaf;
	-icab-box-shadow:0 0 0.40em #afafaf;
	-khtml-box-shadow:0 0 0.40em #afafaf;
	-moz-box-shadow:0 0 0.40em #afafaf;
	-webkit-box-shadow:0 0 0.40em #afafaf;
	border-radius:0 0.5em 0.5em 0;
	-o-border-radius:0 0.5em 0.5em 0;
	-icab-border-radius:0 0.5em 0.5em 0;
	-khtml-border-radius:0 0.5em 0.5em 0;
	-moz-border-radius:0 0.5em 0.5em 0;
	-webkit-border-radius:0 0.5em 0.5em 0;
	overflow:hidden;
	padding:5px 5px 0 0;
		
}
.ncms-module-controls {
	text-align:right;
	padding:.5em .5em 0 0;
}
.ncms-module-control, .ncms-sortables-group-control {
	display:inline-block;
	padding:5px;
	border:1px #686564 solid;
	background-color:#fff;
	line-height:1em;
	color:#000;
	width:24px;
	height:24px;
	margin-left:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
}

.ncms-module-control:hover, .ncms-sortables-group-control:hover {
	-webkit-transition: -webkit-box-shadow 0.5s linear;
	border-color:#000;
	-webkit-box-shadow: 0px 0px 10px #D5E04D;
	-moz-box-shadow: 0px 0px 10px #D5E04D;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
}
.ncms-module-control-edit {
	background:#fff url(../img/icons/24x24/edit.png) no-repeat scroll center center;
	
}
.ncms-module-control-edit span {
	display:none;
}
.ncms-module-control-remove {
	background:#fff url(../img/icons/24x24/delete.png) no-repeat scroll center center;
}
.ncms-module-control-remove span {
	display:none;
}
.ncms-module-control-remove:hover {
	background-color:#EE2C74;
	-webkit-box-shadow: 0px 0px 10px #EE2C74;
	-moz-box-shadow: 0px 0px 10px #EE2C74;
}
.ncms-module-control-sort {
	background:#fff url(../img/icons/24x24/move.png) no-repeat scroll center center;
	
}
.ncms-module-control-sort span {
	display:none;
}
.ncms-sortables-group-control-duplicate {
	background:#fff url(../img/icons/24x24/duplicate.png) no-repeat scroll center center;
}
.ncms-sortables-group-control span {
	display:none;
}

/* overide for html embed modules */

.ncms-module-html {
	min-height: 60px;
	background: #eee;
	margin:10px;
	padding:10px;
} 
.ncms-module-html:before{
	content: 'HTML embed';
}

/* overide for Innholders background image module */

.ncms-module-panelBackgroundImage {
	min-height: 10px;
	background: #eee;
	margin:10px;
	padding:10px;
	color:#333;
}
.ncms-module-panelBackgroundImage p {
	color:#333!important;
	font-size: 0.85em;
}
.ncms-module-panelBackgroundImage:before{
	content: 'Add/Edit panel hover page background image.';
}


/*******************************************************************************
* NCMS Login and select site pages
*******************************************************************************/

#ncms-login {
	width:400px;
	margin: 0 auto;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
	background:#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
	border:1px solid #555;
	padding:20px 0px 20px 20px;
	margin-top:100px;
}
#ncms-login h1 {
	background:url(../img/naked-cms-logo.png) no-repeat right center;
	margin-right:20px;
}
#ncms-login .ncms-error {
	margin-right: 24px;
}
.ncms-login-copyright{
	margin:0 auto;
	padding:20px;
	display: block;
	text-align: center;
}
.ncms-sitelist {
	list-style:none;
}
.ncms-sitelist li, .ncms-menu li {
	margin:10px 18px 10px -2px;
	list-style: none;
}

.ncms-a {
	color:#000!important;
	padding:2px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	text-decoration: none!important;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
}
.ncms-sitelist .ncms-a{
	display:block;
}
.ncms-a:hover {
	background:#D5E04D!important;
	text-decoration: none!important;
}

/*******************************************************************************
* NCMS page styles – can be added to all pages where no site content is loaded
*******************************************************************************/

.ncms-page {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important;
	background:#e4e4e4;
}


/*******************************************************************************
* NCMS DatePicker
*******************************************************************************/

.ncms-datepicker-picker {
	position: absolute;
	z-index:99999;
	font-size: 10px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif!important;
	color: #fff;
	line-height: normal;
	width: 172px;
	height: 135px;
	padding: 14px;
	background: url(../img/datepicker-frame.png) no-repeat;
}

/* header
********************************************************/
.ncms-datepicker-picker .header {
	position: relative;
	height: 15px;
	margin-bottom: 5px;
	padding-top: 1px;
}

.ncms-datepicker-picker .header .title {
	text-align: center;
	margin: 2px 18px 0 18px;
}

.ncms-datepicker-picker .header .titleText {
	color: #ccff00;
}

.ncms-datepicker-picker .header .previous,
.ncms-datepicker-picker .header .next,
.ncms-datepicker-picker .header .closeButton {
	position: absolute;
	cursor: pointer;
	text-indent: -40px;
	overflow: hidden;
	width: 12px;
	height: 12px;
	top: 2px;
	background-image: url(../img/datepicker-buttons.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.ncms-datepicker-picker .header .previous {
	left: 4px;
}
.ncms-datepicker-picker .header .previous:hover {
	background-position: left bottom;
}
.ncms-datepicker-picker .header .next {
	right: 4px;
	background-position: -13px top;
}
.ncms-datepicker-picker .header .next:hover {
	background-position: -13px bottom;
}
.ncms-datepicker-picker .header .closeButton {
	display: none;
	right: 0px;
	top: 0px;
	background-position: right top;
}
.ncms-datepicker-picker .header .closeButton:hover {
	background-position: right bottom;
}

/* body
********************************************************/
.ncms-datepicker-picker .body {
	position: relative;
	top: 0px;
	left: 2px;
	width: 168px;
	height: 112px;
	overflow: hidden;
}

/* time
********************************************************/
.ncms-datepicker-picker .time {
	position: relative;
	width: 100%;
	height: 100%;
}

.ncms-datepicker-picker .time .hour,
.ncms-datepicker-picker .time .separator,
.ncms-datepicker-picker .time .minutes {
	background: #333;
	border: 0px;
	width: 50px;
	font-size: 32px;
	color: #fff;
	position: absolute;
	top: 10px;
	text-align: center;
	padding: 2px;
}

.ncms-datepicker-picker .time .hour {
	left: 15px;
}
.ncms-datepicker-picker .time .separator {
	background: transparent;
	width: 10px;
	left: 76px;
}

.ncms-datepicker-picker .time .minutes {
	left: 95px;
}
.ncms-datepicker-picker .time .ok {
	position: absolute;
	top: 65px;
	height: 32px;
	width: 136px;
	left: 15px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.ncms-datepicker-picker .days .day {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 23px;
	padding-top: 1px;
	height: 14px;
	margin: 0 1px 1px 0;
}
.ncms-datepicker-picker .days .titles {
	height: 15px;
	margin-bottom: 2px;
	text-transform: uppercase;
	color: #aaa;
}
.ncms-datepicker-picker .days .day0 {
	margin-right: 0;
}

.ncms-datepicker-picker .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.ncms-datepicker-picker .days .week .day {
	cursor: pointer;
}
.ncms-datepicker-picker .days .week .day:hover {
	color: #ccff00;
}

.ncms-datepicker-picker .days .otherMonth {
	color: #444444;
}

.ncms-datepicker-picker .days .selected {
	color: #ccff00;
}

/* months-grid
********************************************************/
.ncms-datepicker-picker .months .month {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 55px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.ncms-datepicker-picker .months .month3,
.ncms-datepicker-picker .months .month6,
.ncms-datepicker-picker .months .month9,
.ncms-datepicker-picker .months .month12 {
	margin-right: 0;
}

.ncms-datepicker-picker .months .month10,
.ncms-datepicker-picker .months .month11,
.ncms-datepicker-picker .months .month12 {
	margin-bottom: 0;
}

/* months-colors
********************************************************/
.ncms-datepicker-picker .months .month:hover {
	color: #ccff00;
}

.ncms-datepicker-picker .months .selected {
	color: #ccff00;
}

/* years-grid
********************************************************/
.ncms-datepicker-picker .years .year {
	float: left;
	cursor: pointer;
	text-align: center;
	padding-top: 6px;
	width: 32px;
	overflow: hidden;
	height: 21px;
	margin: 0 1px 1px 0;
}

.ncms-datepicker-picker .years .year4,
.ncms-datepicker-picker .years .year9,
.ncms-datepicker-picker .years .year14,
.ncms-datepicker-picker .years .year19 {
	margin-right: 0;
}

.ncms-datepicker-picker .years .year15,
.ncms-datepicker-picker .years .year16,
.ncms-datepicker-picker .years .year17,
.ncms-datepicker-picker .years .year18,
.ncms-datepicker-picker .years .year19 {
	margin-bottom: 0;
}

/* years-colors
********************************************************/
.ncms-datepicker-picker .years .year:hover {
	color: #ccff00;
}

.ncms-datepicker-picker .years .selected {
	color: #ccff00
}

/* global
********************************************************/
.ncms-datepicker-picker .unavailable {
	color: #533 !important;
	cursor: default !important;
	text-decoration: line-through;
}


/* colour picker - move other styles from moorainbow stylesheet here */

.ncms-colourpicker-swatch {
	width:1em;
	height:1em;
	padding:5px;
	border:1px solid #000;
	margin-left:5px;
	display:inline-block;
	vertical-align: middle;
}

/* YouTube HTML5 CSS */
.youtube-preview {
	position:relative;
}
.youtube-preview-logo {
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-90px;
	margin-top:-33px;
	height:65px;
	width:180px;
	background:url(/assets/NCMS/img/youtube-logo.png);
	z-index:10;
}



/* New uploader */
.ncms-uploader-dropzone {
	padding:30px;
	text-align: center;
	border:3px dashed #ccc;
	color:#ccc;
	font-size: 1.2em;
}
.ncms-uploader-dropzone .ncms-uploader-dropzone-hover {
	color:#000;
	border-color: #D5E04D;
	background: #fff!important;
}

/* undo site specific overides */
.ncms-add-module-context-menu ul {
	margin: 0!important;
	padding: 0!important;
}
.ncms-lightbox-box-content h1 {
	border:none!important;	
}	


/* Share Panel */
#sharePanel {
	display:none;
	padding-bottom: 30px;
}





/* URL Redirect page */
.main-container {
  width: 95%;
  max-width: 1200px;
  margin: 30px auto 300px;
}
.info-bar {
	width: 95%;
	max-width: 1200px;
	margin: 20px auto;
}
.table {
  margin-bottom: 0;
}
.table-responsive {
  border: 1px solid #ddd;
}
// .navbar {
//   border-radius: 0;
// }
.alert-info {
  max-width: 600px;
  margin: 20px auto;
}
.checkbox {
  display: inline-block;
}
.saving-indicator {
  height: 40px;
  line-height: 20px;
}
.saving-indicator > button {
	margin-right: 10px;
}
.table-headings {
  font-size: 16px;
}
.table-headings > th {
  text-align: center;
}
.table-main-body th {
  font-size: 16px;
  vertical-align: middle !important;
  text-align: center;
}
.redirect-activate-checkbox {
  vertical-align: middle;
  text-align: center;
}
.text-center {
  text-align: center;
}

.redirect-sidebar {
	width: 30%;
	height: 100%;
	padding: 20px;
	border-left: 1px solid #333;
	box-shadow: 2px 0 8px #666;
	position: fixed;
	top: 0;
	right: 0;
	background: white;
}

.redirect-main-container {
	width: 100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.redirect-main-container.condense {
	width: 70%;
}
.redirect-main-container button[disabled],
.redirect-sidebar button[disabled] {
	opacity: .3;
}
.redirect-main-container button[disabled]:hover,
.redirect-sidebar button[disabled]:hover {
	box-shadow: none;
}



















