@import "style-ckeditor-customisations.css";


body.isNotIE ul.editbox li {
		list-style: none;
		margin: 2px 0;
}

body.isNotIE fieldset.paramGroup {
  padding: 10px 0;
  margin: 20px 0 0 0;
}


body.isNotIE #oTransContainer fieldset div label.nav-name { 
    width: 530px !important;
    margin: 0 0 0 6px;
}

body.isNotIE #oTransContainer fieldset > div input {
    position: relative;

}

body.isNotIE #oTransContainer fieldset > div label {
    padding: 0;
}


body {
	padding: 0;
	margin: 10px 5px 5px 5px;
	border: 0;
}

body, p, td {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

a, a:visited, a:active {
	text-decoration: underline;
	color: #00f;
}

	a:hover {
		color: #f00;
	}

nobr {
	line-height: normal;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.maintable a, .maintable a:visited, .maintable a:active {
	color: #333;
	text-decoration: none;
}

	.maintable a:hover {
		color: #f00;
	}

body.treeview a, body.treeview a:visited, body.treeview a:active {
	text-decoration: none;
}

input, select, textarea {
	font-family: Verdana;
	font-size: 11px;
}

.sml {
	font-family: Verdana;
	font-size: 10px;
	color: #333366;
	font-weight: bold;
}

.search {
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
}

h1, .h1 {
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #0693E2;
	font-weight: bold;
	margin: 0;
}

h2, h3, h4 {
	font-weight: bold;
	color: #0693E2;
}

.maintable h2, .maintable h3, .maintable h4 {
	color: #333;
}

.main {
	border: 1px solid #999999;
}

.mainsearch {
	border: 1px solid #999999;
	text-align: right;
}

.maincell {
	border: 1px solid #999999;
	background-color: #ddeaf8;
}

.mainnav {
	border: 1px solid #999999;
}

.maintable {
	width: 100%;
}

.replication-debug {
	display: none;
}

.replication-debug .even{
	background-color: #DDD;
}

.replication-debug .debug-value{
	color: #FF3434;
}

.datatable {
	width: 100%;
}

.dataheadcells {
	border: 1px solid #999999;
	background-color: #C6DCF3;
	font-weight: bold;
	font-size: 10px;
	padding: 4px;
}

.dataeditcells {
	background-color: #C6DCF3;
	padding: 2px;
	text-align: center;
	width: 1%;
}

.datacells {
	padding: 5px;
}

.datacells1 {
	background-color: #C6DCF3;
	padding: 2px;
}

.datacells2 {
	background-color: #DDEAF8;
	padding: 2px;
}

.datacellsover {
	background-color: #A3C8EE;
	padding: 2px;
	cursor: pointer;
	cursor: hand;
}

.datacellsnone {
	background-color: #C6DCF3;
	padding: 4px;
	text-align: center;
}

.pagetable {
	width: 100%;
	border: 1px solid #999999;
	background-color: #C6DCF3;
	padding: 2px;
}

.editbox {
	width: 400px;
	background-color: #C6DCF3;
	border: 1px solid #999999;
	color: #336699;
	/*height: 16px;*/
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

.editboxshort {
	width: 242px;
	background-color: #C6DCF3;
	font-weight: bold;
	border: 1px solid #999999;
	color: #336699;
}

.editboxcurrency {
	width: 80px;
	background-color: #C6DCF3;
	font-weight: bold;
	border: 1px solid #999999;
	color: #336699;
}

.editboxreadonly {
	width: 300px;
	background-color: #C6DCF3;
	font-weight: bold;
	border: 1px solid #999999;
	color: #6699CC;
}

.editboxreadonlyshort {
	width: 247px;
	background-color: #C6DCF3;
	font-weight: bold;
	border: 1px solid #999999;
	color: #6699CC;
}

textarea.editbox {
	width: 400px;
	height: 60px;
	overflow: auto;
}

ul.editbox {
	width: auto;
	margin-left: 0;
	height: auto;
	padding: 4px;
}

	ul.editbox li {
		list-style: none;
	}

/* 2015-10-21 Dion: Select boxes will now expand as much as they need but are contained inside a
   wrapper which will present a scrollbar if the width goes over the wrapper's width */
.selectwrapper {
	width: 500px;
	overflow-x: auto;
	/* <=IE7 hack to make the scrollbar not render behind the contents */
	padding-bottom: 20px!ie7;
}

.disabled {
	color: #9BAFC5;
}

.dataheadedit {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.newitem {
	font-size: 11px;
	font-family: Arial;
	color: #333366;
	font-weight: bold;
	padding: 2px;
}

.lightpage {
	color: #0693E2;
}

.buttons {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333366;
	font-weight: bold;
	background-color: #B5D6F8;
	border: solid 1px;
	border-color: #D0E6FB #333366 #333366 #D0E6FB;
	padding: 2px 10px 2px 10px;
	cursor: pointer;
	cursor: hand;
}

.quickstart {
	margin: 50px 0 0 70px;
}

	.quickstart li {
		font-family: Arial;
		font-size: 50pt;
		list-style-type: none;
		margin: 5px;
	}

		.quickstart li a {
			display: block;
			width: 350px;
			height: auto;
			font-size: 10pt;
			font-weight: bold;
			background-color: #8CABD0;
			border: 2px solid #416B9E;
			padding: 10px;
			color: #416B9E;
		}

			.quickstart li a:hover {
				background-color: #CDDBEB;
				color: #FFF;
				color: #000;
			}

			.quickstart li a h1 {
				font-size: 80px;
				line-height: 60px;
				float: left;
				margin: 0 10px 0 0;
				padding: 0;
				color: #416B9E;
			}

			.quickstart li a h2 {
				font-size: 20px;
				margin: 0;
				padding: 0;
				color: #416B9E;
			}

		.quickstart li.selected a h1 {
			color: #FFF;
		}

body.treeview ul.quickstartleft {
	margin: 0;
	padding: 0;
}

	body.treeview ul.quickstartleft li {
		border: none;
		font-size: 10pt;
		font-weight: bold;
	}

		body.treeview ul.quickstartleft li a {
			display: block;
			padding: 3px;
			width: 100%;
			background-color: #8CABD0;
			border-top: 1px solid #416B9E;
		}

body.treeview ul li a:visited {
	color: #416B9E;
}

body {
	background-color: #E8EFF7;
}

.mainsearch {
	background-color: #BDD1E8;
	border-color: #86ABD5;
}

.maincell {
	background-color: transparent;
	border: 0;
}

.mainnav {
	display: none;
}


dl.contentAgg dt {
	background-color: #AAE;
}

span.term {
	background-color: yellow;
}

.row {
	margin-top: 5px;
}

.label {
	width: 100px;
	vertical-align: top;
	padding-top: 3px;
}

#oTransContainer > div > div > span > fieldset > div label {
	float: left;
	clear: left;
}

h3 {
	font-size: 1.1em;
}

span.imageLeft {
	float: left;
}

span.imageRight {
	float: right;
}

/* debug styles */

div.debug {
	border: 2px solid red;
	background: #FFDFDF;
	padding: 0 5px;
}

	div.debug h3 {
		color: red;
	}

/* image preview */

div.previewImageContainer {
	position: absolute;
	right: 100px;
	top: 150px;
}

div.previewImage {
	position: absolute;
	background: #DDEAF8 none repeat scroll 0 0;
	border: 3px solid #86ABD5;
	z-index: 9000;
	width: auto !important;
	padding: 4px 4px 4px 6px;
	height: auto !important;
}

	div.previewImage p.close {
		background: #C6DCF3;
		text-align: right;
		margin: 0;
		padding: 2px 5px;
		position: relative;
	}

	div.previewImage a.close {
		color: #FFFFFF;
		cursor: pointer;
		font-weight: bold;
		text-decoration: none;
	}

/* media preview */

div.mediaContainer, #previewImage {
	background: #DDEAF8 none repeat scroll 0 0;
	border: 3px solid #86ABD5;
	padding: 3px;
}

div.mediaContainer h1 {
	margin: 0;
	padding: 0;
}

ul.mediaItems {
	margin: 1em 0;
	width: 630px;
	padding: 0;
	overflow: auto;
}

	ul.mediaItems li {
		display: block;
		float: left;
		margin: 0.5em 0.25em;
		width: 200px;
		text-align: center;
	}

	ul.mediaItems span, p.ImageItem span {
		display: block;
	}

p.closeWindow {
	clear: both;
}

div.mediaPreview {
	left: 20px;
	top: 35px;
}

/* ajaxImagePreview */


#ajaxContainer {
	position: absolute;
	left: 5%;
	top: 10%;
}

hr.clear {
	clear: both;
	border: none;
	height: 1%;
}

p.ImageItem {
	text-align: center;
}

#ajaxContainer h2 {
	font-size: 12px;
	margin-left: 5px;
}

li.clear {
	clear: both;
}

div.container {
	text-align: center;
}

div.mediaItems {
	width: 650px;
}

fieldset.paramGroup {
  padding: 5px;
  border: 1px solid #ddd;
  margin: 12px 0 0 0;
}

label.lang {
	background: #ddd;
	border-width: 1px;
	border-style: solid;
	border-color: #aaa;
	height: 10px;
	margin: -2px 3px 3px 0;
	padding: 2px 4px;
	width: 10px;
	cursor: pointer;
	color: #666;
	font-weight: bold;
	color: #666;
}

	label.lang.hover {
		color: red;
	}

	label.lang.selected {
		background: #C6DCF3;
		color: #000;
		border-top: 1px solid #C6DCF3;
	}


/* Replicator Styling */

.version {
	color: #0693e2;
}

.replication-validation-error {
	color: red;
	padding-top: 16px;
}

/* ckeditor */

.cke_button_nmlink .cke_icon {
	background-position: 0 -528px !important;
}

.cke_button_nmimage .cke_icon {
	background-position: 0 -576px !important;
}

.cke_button_nmvideo .cke_icon {
	background-position: 0 -591px !important;
}

.cke_dialog .imagepreviewbox {
    width: 360px !important; /* 2016-11-14 DWR: This used to be "100%" but after the CKEditor 4.5.11 upgrade, for some reason that 100% forces the preview wider than the containing table */
}

.cke_skin_office2003 .cke_dialog div.FlashPreviewBox {
	height: 200px;
}



/* Additional Work */

div.contentControl {
	padding: 10px;
	height: auto;
	position: relative;
	background-color: #A5BEDA;
	border-left: 40px solid #648FBF;
	margin-bottom: 20px;
}


	div.contentControl p.number {
		position: absolute;
		left: -30px;
		*left: -40px;
		_left: -40px;
		left: -40px\9;
		top: 0px;
		margin-top: 10px;
		*margin-top: 15px;
		_margin-top: 15px;
		margin-top: 15px/9;
		color: #FFF;
		font-size: 30px;
		font-weight: bold;
	}


/* Got some item that only appear if not IE and some that appear if we ARE IE, so assume we ARE IE until JavaScript confirms we are not
	(by applying the ".isNotIE" body class) */

.showIfNotIE { visibility: hidden; }
body.isNotIE .showIfNotIE { visibility: visible; }

.onlyShowIfIE { visibility: visible; }
body.isNotIE .onlyShowIfIE { visibility: hidden; }