/* ----------------------------------------------------------------- */
/* Imported style sheets                                             */
/* ----------------------------------------------------------------- */

@import url("reset.css");             /* resets basic browser styles */
@import url("icons.css");             /* icons list                  */


/* ----------------------------------------------------------------- */
/* Global classes                                                    */
/* ----------------------------------------------------------------- */

a { color: #1870ae; text-decoration: none; }
a:hover { text-decoration: underline; }
a span { cursor: pointer; }
a.action {
	padding: 0 15px 0 0;
	background-image: url(../images/icons.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 100% -1313px;
}

h1, h2, h3 { font-weight: bold; text-transform: uppercase; color: #2483c0 }
h1 { font-size: 12px; }
h2 { font-size: 11px; }
h3 { font-size: 10px; }

.windowTitle {
	border-bottom: solid 1px #2483c0;
	margin: 10px 10px 15px;
	padding: 0 0 5px;
}

.themeColor { color: #2483c0; }

.noMargin {	margin: 0 !important; }
.noPadding { padding: 0 !important; }

.border { border: solid 1px red; }

.rel { position: relative; }
.abs { position: absolute; }

div.clear, br.clear {
	height: 1% !important;
	display: block !important;
	line-height: 1px !important;
	font-size: 1px !important;
	clear: both !important;
	visibility: hidden !important;
}

.defaultCursor { cursor: default !important; }
.floatLeft { float: left; }
.floatRight { float: right; }

.alignRight { text-align: right !important; }
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignJustify { text-align: justify !important; }

.labelRed { color: #ea1515; font-weight: bold; }
.labelGreen { color: #1c8d0d; font-weight: bold; }
.labelYellow { color: #ee7600; font-weight: bold; }
.labelBlue { color: #2483c0; font-weight: bold;  }
.labelGrey { color: #727272; font-weight: bold; }

.note { 
	color: #ffffff; 
	font-family: "Verdana"; 
	font-size: 8px; 
	font-weight: bold; 
	padding: 1px 5px;
	text-transform: uppercase; 
	vertical-align: middle;
}
h2 .note {
	position: relative;
	margin: 0 0 0 5px;
	top: -1px;
}

.red { background: #e50f0f; }
.blue { background: #58a8d3;  }
.grey { background: #818181; }
.yellow { background: #ff8706; }
.green { background: #55bb44; }

body * .w100 { width: 100% !important; }
body * .w75 { width: 75% !important; }
body * .w66 { width: 66% !important; }
body * .w50 { width: 50% !important; }
body * .w33 { width: 33% !important; }
body * .w34 { width: 34% !important; } 
body * .w25 { width: 25% !important; } 
body * .w20 { width: 20% !important; } 
body * .w10 { width: 10% !important; } 
body * .w5 { width: 5% !important; } 

h2.heading {
	padding: 10px;
}
h2.heading a[title=Reset] {
	font-weight: normal;
	font-size: 11px;
	text-transform: none;
}
h2.contentTitle {
	background: url(../images/page-content-header-bg.png) top left no-repeat;
	height: 22px;
	margin: 0;
	padding: 0 0 0 13px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	color: #555555;
	letter-spacing: 0.2px;
}
h3.contentTitle {
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
	font-size: 12px;
	display: block;
}
span.contentTitle {
	border-left: solid 1px #c9c9c9;
	border-right: solid 1px #c9c9c9;
	border-top: solid 1px #b2b2b2;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #555555;
	background: url(../images/grid-totals-row-bg.png) 0px -1px repeat-x;
	position: absolute;
	padding: 0 9px;
	line-height: 18px;
	height: 18px;
	width: auto;
	top: -19px;
	*top: 0;
}
div.shadow {
	margin: 0;
	padding: 0;
	height: 3px;
	border: none;
	background: url(../images/bottom-shadow.png) top left repeat-x;
}
div.presentationBox {
	background: #e6e6e6;
	border: solid 1px #cecece;
	padding: 20px;
	margin: 0 10px;
	_zoom: 1;
	text-align: center;
}
.separator {
	color: #7f7f7f;
	font-size: 10px;
	padding: 0 5px;
	vertical-align: middle;
}

/* ----------------------------------------------------------------- */
/* Global form elements style                                        */
/* ----------------------------------------------------------------- */

fieldset {
	padding: 18px 10px 20px 10px; 
	text-align: left;
	position: relative;
	overflow: hidden;
}
select {
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	height: 18px;
	border: solid 1px #cccccc;
}
select.multipleSelect {
	height: auto !important;
	width: 150px;
}
label {
	font-family: Arial;
	font-size: 10px;
	color: #222222;
	font-weight: bold;
	padding: 1px 3px 1px 0;
}
input {
	vertical-align: middle;
}
input.button, .gridHolder td input[type="submit"] {
	color: #444444;
	cursor: pointer;
	font-family: Verdana;
	font-size: 8px;
	font-weight: bold;
	margin: 1px 0 0 0;
	padding: 0;
	text-transform: uppercase;
}
input.file {
	padding: 4px 6px 2px 6px;
	margin: -1px 0 0 0;
	
	border-top: solid 1px #c9c9c9;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #eeeeee;
	border-left: solid 1px #dddddd;
	
	font-family: Arial;
	font-size: 10px;
	color: #333333;
	font-size: 11px;
}
a.download {
	text-shadow: 0px -1px 0px #165a9e;
	background: url(../images/download.png) top center no-repeat;
	color: #ffffff !important;
	display: inline-block;
	width: 161px;
	height: 36px;
	line-height: 31px;
	margin: 0 2px;
	font-weight: bold;
	font-size: 13px;
	text-transform: capitalize;
	text-align: center;
	text-decoration: none !important;
}
span.inputStart {
	display: inline-block;
	height: 18px;
	font-weight: bold;
	line-height: 18px;
	position: relative;
	width: 150px; /* default */
	padding: 0 3px 0 0;
}
span.inputStart input, input.text, input[type="text"]  {
	vertical-align: middle;
	position: relative;
	*top: -1px;
	
	height: 14px;
	padding: 1px 3px;
	
	border-top: solid 1px #afafaf;
	border-right: solid 1px #b3b3b3;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #b3b3b3;
	
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

span.inputStart input.currencyInput {
	padding: 1px 35px 1px 3px;
}
span.currencyCode {
	position: absolute;
	right: 15px;
	color: #343434;
}
span.inputStart input.warning, input.warning {
	border: solid 2px #eb8c1c !important;
}
.validationError {
	display: block;
	position: absolute;
	width: 300px;
	height: 16px;
	left: 101%;
	top: 3px;
	padding: 0 0 0 20px;
	
	color: #cc0000;
	font-weight: bold;
	line-height: 16px;
	
	background-image: url(../images/icons.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px -545px; }
}
span.inputStart input.disabled, 
input.text.disabled,
span.inputStart input[disabled="disabled"], 
input.text[disabled="disabled"] {
	background-image: url(../images/input-disabled-bg.gif);
	background-color: #e6e6e6;
	color: #999999;
}
/* FF2 */
span.inputStart, x:-moz-any-link { 
	padding: 3px 3px 3px 0;
	display: inline;
	height: 14px;
	font-weight: bold;
	line-height: 14px;
	position: relative;
	width: 150px; /* default */
}
span.inputStart input, x:-moz-any-link  {
	vertical-align: middle;
	position: relative;
	_top: -1px;
	width: 150px;
	height: 14px;
}
/* ff3 */
span.inputStart, x:-moz-any-link, x:default {
	padding: 0 3px 0 0;
	display: inline-block;
	height: 18px;
	font-weight: bold;
	line-height: 18px;
	position: relative;
	width: 150px; /* default */
}
span.inputStart input, x:-moz-any-link, x:default  {
	vertical-align: middle;
	position: relative;
	_top: -1px;
	width: 98%;
	height: 14px;
}

/* all */

textarea {
	padding: 5px 6px 2px 6px;
	margin: 0 auto;
	overflow: auto;
	
	background: #ffffff url(../images/input-bg.gif) top left repeat-x;
	border-top: solid 1px #afafaf;
	border-right: solid 1px #b3b3b3;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #b3b3b3;
	
	font-family: Arial;
	font-size: 10px;
	color: #111111;
	font-size: 11px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
input.big {
	width: 99%;
	height: 15px !important;
	padding: 4px 6px 2px 6px;
	margin: 0 auto;
	
	border-top: solid 1px #bbbbbb;
	border-right: solid 1px #cbcbcb;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cbcbcb;
	
	font-family: Arial;
	font-size: 10px;
	color: #111111;
	font-size: 11px;
	background: #ffffff url(../images/big-input-bg.png) 0px -1px repeat-x;
}
input.medium {
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	height: 14px;
	padding: 1px 0 0 0;
}


/* ----------------------------------------------------------------- */
/* Page layout                                                       */
/* ----------------------------------------------------------------- */

body {
	color: #222222;
	font-size: 62.5%;
	font-family: Arial;
	text-align: center;
	background: #ffffff;
	padding: 0;
}
body.frame { 
	background-repeat: repeat-x;
	background-position: 0px -138px; 
	background-color: #ffffff; 
	padding: 10px 0 0 0; 
}

/* ------------------------------------------------------------------ */

body.fixed {
	background: #f0f0f0;
	width: 100%;
	height: 100%;
	padding: 35px 0 0 0;
	font-size: 12px;
	color: #222222;
}
body.fixed div#pageHolder { 
	margin: 0 auto;  
	width: 1206px;
}
body.fixed div#contentHolder { 	display: block; }
body.fixed div#pageContent {
	padding-bottom: 10px;
}
body.fixed a {
	color: #2b8bc6;
	text-decoration: underline;
}
body.fixed h1,
body.fixed h2,
body.fixed h3 {
	color: #333333;
	letter-spacing: -0.2px;
	text-transform: none;
}
body.fixed h1 { font-size: 18px; }
body.fixed h2 { font-size: 15px; }
body.fixed h3 { font-size: 13px; }
body.fixed p { 
	line-height: 1.2; 
	margin: 10px 0 20px;
	color: #3b3b3b;
}
body.fixed h2.pageTitle {
	color: #2483C0;
	font-size: 22px;
}
.pageTitle {
	background: #f2f2f2;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #cecece;
	margin-bottom: 10px;
	padding: 8px 15px;
}
.blueBox {
	background: #e4f1fa;
	padding: 20px;
	margin-top: 12px;
}
.blueBox:first-child {
	margin-top: 0;	
}
.blueBox label {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 0 0 4px 0;
	margin: 0;
	line-height: 1;
}
.blueBox input {
	*height: 24px;
	*vertical-align: middle;
}
.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.uppercase { text-transform: uppercase; }


/* ------------------------------------------------------------------ */

div#pageHolder {
	text-align: left;
	line-height: 1.5;
	padding: 0 5px;
	zoom: 1;
}
div#contentHolder {
	position: relative;
	display: inline-block;
	min-width: 100%;
	zoom: 1;
}
div#contentHolder.autoFit {
	min-width: 800px;
}
div#contentShadow {
	border: solid 1px #dddddd;
	border-bottom: none;
	border-top: none;
	padding: 0 1px;
	background: #b8b8b8;
	position: relative;
	z-index: 1;
	zoom: 1;
}
div#content {
	background: #ffffff;
	position: relative;
	zoom: 1;
}
div#pageContent {
	background: #ffffff !important;
	position: relative;
	overflow-y: hidden;
	*overflow: hidden;
	width: auto !important;
	zoom: 1;
}

/* ----------------------------------------------------------------- */
/* Search field style                                                */
/* ----------------------------------------------------------------- */


div.searchField {
	position: relative;
}
input.searchInput {
	margin: 0;
	padding: 3px 5px 0;
	vertical-align: middle;
	width: 175px;
	height: 15px;
	position: static;
	font-family: Arial;
	font-size: 11px;
	color: #555555;
	border: none;
	background: url(../images/search-input.gif) top left no-repeat;
}
input.searchSubmit {
	padding: 0;
	margin: 0 0 0 2px;
	position: static;
	vertical-align: middle;
	height: 20px;
	width: 24px;
}
input.searchSubmit:hover {
	background-position: bottom left;
}
div#templatesSearch input.searchSubmit  { margin-top: -3px; }

/* ----------------------------------------------------------------- */
/* Generate button                                                   */
/* ----------------------------------------------------------------- */

input.generateSubmit {
	padding: 0;
	margin: 0 0 0 2px;
	position: static;
	vertical-align: middle;
	height: 20px;
	width: 60px;
}
input.generateSubmit:hover {
	background-position: bottom left;
}

/* ----------------------------------------------------------------- */
/* Filter                                                            */
/* ----------------------------------------------------------------- */

div.filter {
	border: 1px solid #CECECE;
	margin-top: 3px;
}
div.filterTop {
	position: relative;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #CECECE;
}
span.toggleFilterButton {
	height: 28px;
	line-height: 16px;
	padding: 10px 5px 0 10px;
	font-size: 8px;
	color: #777777;
	background: none;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 1px;
	bottom: -3px;
	z-index: 1;
}
	span.toggleFilterButton .roundPointerRight {
		display: inline-block;
		padding: 0 19px 0 0;
		background-repeat: no-repeat;
		background: url(../images/round-pointer-right.gif) top right no-repeat;
	}						
	span.toggleFilterButton:hover, span.toggleFilterButtonHovered {
		right: 0px;
		_right: -1px;			/* IE6 fix  */
		color: #616161;
		background: #e6e6e6 url(../images/filter-bg.png) top left repeat-x;
		border: solid 1px #cecece;
		border-bottom: none;
	}
		span.toggleFilterButton:hover .roundPointerRight, span.toggleFilterButtonHovered .roundPointerRight {
			background: url(../images/round-pointer-bottom.gif) top right no-repeat;
		}
div.filterHolder, div.filterWarning {
	position: static;
	text-align: center;
	overflow: hidden;
	background: #E6E6E6 url(../images/filter-bg.png) repeat-x scroll left top;
}
	div.filterForm {
		margin: auto;
		overflow: hidden;
		width: 100% !important;
		position: relative;
		padding:10px 10px 10px 5px;
		border-bottom: solid 1px #ffffff;
		zoom: 1;
	}
		div.columnsHolder {
			padding: 15px 0 0;
			text-align: center;
			position: relative;
			overflow: hidden !important;
			float: left;
			width: 100%;
			height: auto;
			_zoom: 1;
		}
		/*** four columns ***/
		div.columnsHolder.four div {
			width: 25% !important;
			padding: 10px 0;
		}
		/*** three columns ***/
		.filterColumnFirst, .filterColumnSecond, .filterColumnThird, .filterColumnFourth {
			float: left;
			width: 33.5%;
			height: auto;
			padding: 10px 0;
			margin: 0;
			border: 0;
			text-align: center;
			color: #555555;
			font-weight: bold;
			white-space: nowrap;
		}
		div.filterColumnFirst {
		}
		div.filterColumnSecond {
			width: 33%;
		}
		div.filterColumnThird {
		}
		/*** two columns ***/
		div.twoColumns div.filterColumnFirst {
			width: 50%;
			*margin: 0 0 0 -1px; /* fix misterious IE behaviour */
		}
		div.twoColumns div.filterColumnSecond {
			width: 50%;
		}
		/*** one column ***/
		div.oneColumn div.filterColumnFirst {
			width: auto !important;
			text-align: left;
			padding: 10px 20px;
		}
			div.filterHolder select {
				width: 195px;
				height: 18px;
			}
			div.filterColumnFirst label, 
			div.filterColumnSecond label, 
			div.filterColumnThird label,
			div.filterColumnFourth label {
				display: inline-block;
				color: #555555; 
				font-size: 10px; 
				font-weight: bold; 
				line-height: 15px;
				height: 17px;
				text-align: right;
				*height: auto;
				*padding-bottom: 0;
			}
			div.filterColumnFirst span.detailsValue, 
			div.filterColumnSecond span.detailsValue, 
			div.filterColumnThird span.detailsValue {
				display: inline-block;
				width: 200px;
				text-align: left;
				font-weight: normal;
				color: #444444;
			}
				label.endDate {
					width: auto !important;
					padding: 0 3px;
				}
			span.dateInputHolder {
				background: url(../images/input-start.gif) 0px 1px no-repeat;
				line-height: 15px;
				height: 17px;
				position: relative;
				*top: -2px;			/* Fix for IE6	*/
				display: inline-block; 
				font-weight: bold;
				padding: 0 17px 0 5px;
			}
				span.dateInputHolder input {
					height: 12px;
					overflow: hidden;
					width: 68px;
					font-family: Verdana;
					font-size: 9px;
					font-style: none;
					color: #6a6a6a;
					padding: 2px 5px 2px 0px;
					*padding-top: 1px;
					text-align: center;
					background: url(../images/input-end.gif) top right no-repeat;
					border: none;
					position: relative;
				}
				span.dateInputHolder img {
					width: 16px;
					height: 16px;
					padding: 0;
					position: absolute;
					right: 0px;
					top: 0px;
					cursor: pointer;
				}
	div.filterButtonsHolder {
		clear: left;
		text-align: right;
		padding: 15px 10px 10px 10px;
		height: 25px;
		overflow: hidden;
	}

/* Form list */

ul.filterForm {
	padding: 15px;
	margin: 10px 10px 20px 10px;
	border: solid 1px #d3d3d3;
	background: #f8f8f8;
}

ul.filterForm .line {
	clear: both;
	line-height: 30px;
}
ul.filterForm .actions {
	padding: 10px 0 0 130px;
	line-height: 1;
}
ul.filterForm .group {
	float: left;
}
ul.filterForm .hidden {
	display: none;
}
ul.filterForm label {
	float: left;
	width: 120px;
	padding: 0 5px;
	text-align: right;
}
ul.filterForm select { width: 200px; }
ul.filterForm input[type="text"] {	width: 192px; }
ul.filterForm a { border-bottom: solid 1px #a3c9e2; }
ul.filterForm a:hover { text-decoration: none; border-bottom: none; }
ul.filterForm a.bigButton { border-bottom: none; }

/* datepicker */
ul.filterForm .separator {
	padding: 0;
	width: 4px;
	text-align: center;
	display: inline-block;
	position: relative;
}
ul.filterForm .basicdatepicker {
	position: relative;
}
ul.filterForm .basicdatepicker input[type="text"] {
	width: 70px;
	padding-right: 20px;
}
ul.filterForm .bdpButton{
	top: 0px;
	right: 5px;
	*top: 7px;
	z-index: 3;
	position: absolute;
	cursor: pointer;
}

			
/* ----------------------------------------------------------------- */
/* Content title                                                     */
/* ----------------------------------------------------------------- */

.contentTitleHolder {
	/*padding: 20px 10px 0*/
	padding: 10px 0;
	position: relative;
}
.bigTitle {
	padding: 10px 8px 10px !important;
}
.bigTitle h2 {
	font-size: 12px;
	line-height: 1;
}
.contentTitleHolder .shortInfo {
	display: block;
	color: #818181;
	font-family: Arial;
	font-size: 9px;
}
.shortInfo label {
	display: inline;
	font-weight: normal;
	color: #818181;
	margin: 0;
	padding: 0;
	font-size: 9px;
}
.shortInfo .labelRed,
.shortInfo .labelYellow,
.shortInfo .labelGrey,
.shortInfo .labelBlue,
.shortInfo .labelGreen {
	font-size: 9px;
}
.contentTitleHolder .rightSide {
	position: absolute;
	right: 8px;
	top: 10px;
}
div.contentTitleHolderRightSide {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 35px;
	width: auto;
	line-height: 24px;
	vertical-align: middle;
	padding: 0 3px 0 0;
	_padding: 3px 3px 0 0;
	overflow: hidden;
}
div.contentTitleHolderRightSide * {
	vertical-align: middle;
}

/* ----------------------------------------------------------------- */
/* Content Details                                                   */
/* ----------------------------------------------------------------- */

.contentDetailsHolder {
	background: #f2f2f2;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #cecece;
	float: left;
	margin: 0 0 15px 0;
	padding: 12px 0;
	vertical-align: middle;
	width: 100%;
}
.contentDetailsHolder p {
	padding: 0 10px;
	font-size: 11px;
}
.contentDetailsHolder p label {
	margin: 0 5px 0 0;
	font-size: 11px;
}
.horizontalFilter {
	list-style: none;
	display: block;
	padding: 0 10px;
	float: left;
	width: 800px;
}
.horizontalFilter li {
	width: 200px;
	float: left;
	position: relative;
}
.horizontalFilter label {
	display: block;
	width: 200px;
}
.horizontalFilter .field-validation-error {
	position: absolute;
	white-space: nowrap;
	color: #cc0000;
	bottom: -20px;
	left: 0px;
}
.contentDetailsHolder h2 {
	font-size: 12px;
	height: 12px;
	line-height: 1;
	margin: 0;
	padding: 0 5px 0 10px;
	display: inline;
}
.contentDetailsHolder hr {
	background: #d3d3d3;
	border: none;
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #ffffff;
	display: block;
	margin: 6px 10px;
	overflow: hidden;
	
	*height: 2px;
	*margin: 0 10px;
}
.contentDetailsHolder  a.pressedButton {
	margin: -4px 0 0 0;
}

.contentDetailsHolder .settings {
	padding: 0 10px;
}
.contentDetailsHolder .settings input.text, 
.contentDetailsHolder .settings select {
	width: 150px;
	margin: 0 15px 0 0;
	vertical-align: top;
}
.contentDetailsHolder .settings .floatRight select {
	margin: 0;
}

.detailsBlock {
	float: left;
	font-size: 11px;
	padding: 0 10px;
	min-width: 220px;
	width: auto;
	_width: 200px;
}
.detailsBlock label {
	color: #222222;
	display: inline-block;
	font-weight: normal;
	line-height: 1.5;
	width: 100px;
}
.detailsBlock .detail {
	color: #111111;
	font-size: 10px;
	font-weight: bold;
}

		
div.detailsHolder {
	background: #ffffff;
}
div.fileDetails {
	_zoom: 1;
	/*position: relative;*/
	padding: 15px 0 0 0;
}
div.fileDetails label {
	width: 70px;
}

.pageButtonsHolder {
	clear: both;
	padding: 7px 10px 5px 8px;
	position: relative;
	zoom: 1;
}
.pageButtonsHolder .rightSide {
	position: absolute;
	padding: 0;
	top: 10px;
	*top: 0px;
	right: 10px;
}
.pageButtonsHolder .searchSubmit {
	margin: -1px 0 0 2px;
	vertical-align: top;
}
.buttonSeparator {
	padding: 0 10px;
}



/* ----------------------------------------------------------------- */
/* Tabs                                                              */
/* ----------------------------------------------------------------- */

div.tabsHolder {
	zoom: 1;
	border-top: solid 1px #e0e0e0;
	height: 40px;
	padding: 0 10px;
	background: url(../images/bottom-gradient.png) 0px -1px repeat-x;
}
	div.currentPage {
		padding: 8px 0 0 0;
	}
	div.allTabs {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	a.tab {
		display: inline-block;
		padding: 10px 0 0 0;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 11px;
		color: #c1c1c1;
		margin: 0 7px;
	}
		a.tab:hover {
			text-decoration: none;
			color: #2483c0;
		}
		a.tab.current {
			color: #2483c0;
			background: url(../images/current-tab.png) top center no-repeat;
		}

/** PAGE TABS **/

.pageTabsHolder {
	background: url(../images/tabs-holder-bg.gif) top left repeat-x;
	padding: 0 10px;
	height: 30px;
	clear: both;
	position: relative;
	top: -15px;
}
a.pageTab, a.pageTabActive {
	display: inline;
	color: #444444;
	cursor: default;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding: 11px 0 7px 12px;
	*padding: 0 0 0 12px;
	line-height: 34px;
	background: url(../images/page-tabs-bg.gif) bottom left repeat-x;
}
a.pageTab span, a.pageTabActive span {
	padding: 11px 12px 7px 0;
	line-height: 34px;
	display: inline;
	background: url(../images/page-tabs-bg.gif) bottom right repeat-x;
}
a.pageTab:hover {
	text-decoration: underline;
}
a.pageTabActive {
	color: #2483c0;
	background-position: top left;
	cursor: default !important;
}
a.pageTabActive span {
	background-position: top right;
	cursor: default;
}
a.pageTabActive:hover {
	text-decoration: none;
	cursor: default;
}

/* ----------------------------------------------------------------- */
/* Buttons                                                           */
/* ----------------------------------------------------------------- */

body.fixed a.bigButton, 
body.fixed a.button, 
a.bigButton {
	display: inline;
	color: #545454;
	font-size: 11px;
	font-weight: bold;
	height: 19px;
	padding: 5px 13px 6px 7px;
	margin: 0 0 0 2px;
	position: relative;
	overflow: hidden;
	background: url(../images/big-button.gif) -1px -25px no-repeat;
	line-height: 25px;
	text-transform: uppercase;
	*display: inline-block;
	*padding: 5px 13px 1px 7px;
	*line-height: 14px;
	zoom: 1;
}
a.bigButton:hover {
	background-position: -1px 0px;
	text-decoration: none;
	color: #444444;
}
a.bigButton span.label {
	color: #ff730d;
	font-family: verdana;
	font-size: 7px;
	margin-left: 2px;
	vertical-align: super;
}
a.bigButton span.bigButtonEnd {
	height: 25px;
	background: #ffffff url(../images/big-button.gif) bottom right no-repeat;
	padding: 0 0 0 10px;
	position: absolute;
	overflow: hidden;
	top: 0px;
	right: 0px;
}
a.bigButton span.icon {
	padding: 0px 0 1px 19px;
	display: inline;
	vertical-align: baseline;
}
a.bigButton:hover span.bigButtonEnd {
	background-position: top right;
}
div.filterHolder a.bigButton span.bigButtonEnd { 
	background-color: #e6e6e6; 
}

a.bigButton[disabled="disabled"]:hover {
	background-position: -1px -25px;
}
a.bigButton[disabled="disabled"]:hover span.bigButtonEnd {
	background-position: bottom right;
}
a.bigButton.disabled,
a.bigButton[disabled="disabled"],
a.bigButton[disabled="disabled"]:hover, 
a.bigButton[disabled="disabled"] span.icon  {
	color: #ababab !important;
	cursor: default;
}


/* ----------------------------------------------------------------- */
/* Color buttons                                                     */
/* ----------------------------------------------------------------- */

a.colorButton {
	display: inline-block;
	height: 20px;
	line-height: 14px;
	padding: 0 7px;
	margin: 0 2px 0;
	
	color: #ffffff;
	font-family: "Verdana";
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
	
	background: url(../images/color-button-bg.gif) 0px -2px no-repeat;
	position: relative;
	*overflow: hidden;
	vertical-align: middle;
}
a.colorButton span.colorButtonEnd {
	height: 20px;
	background: #ffffff url(../images/color-button-bg.gif) 100% -2px no-repeat;
	padding: 0 0 0 5px;
	position: absolute;
	overflow: hidden;
	top: 0px;
	right: 0px;
	_right: -1px;
}
a.colorButton:hover {
	background-position: 0px -22px;
	text-decoration: none;
}
a.colorButton:hover span.colorButtonEnd {
	background-position: 100% -22px;
}

/* FF2 */
a.colorButton, x:-moz-any-link {
	padding: 3px 7px 5px;
}
/* FF2 */
a.colorButton, x:-moz-any-link, x:default {
	padding: 0 7px;
}

/* Disabled color button */

a.colorButton[disabled="disabled"], a.colorButton.disabled {	
	background-position: 0px -42px;
	cursor: default;
}
a.colorButton[disabled="disabled"] span.colorButtonEnd, a.colorButton.disabled span.colorButtonEnd {
	background-position: 100% -42px;
}
a.colorButton[disabled="disabled"]:hover, a.colorButton.disabled:hover {
	background-position: 0px -42px;
}
a.colorButton[disabled="disabled"]:hover span.colorButtonEnd, a.colorButton.disabled:hover span.colorButtonEnd {
	background-position: 100% -42px;
}

/* Pressed color button */
 
a.colorButton.pressed {	
	background-position: 0px -82px;
	cursor: default;
}
a.colorButton.pressed span.colorButtonEnd {
	background-position: 100% -82px;
}
a.colorButton.pressed:hover {
	background-position: 0px -62px;
}
a.colorButton.pressed:hover span.colorButtonEnd {
	background-position: 100% -62px;
}

/* ----------------------------------------------------------------- */
/* Custom buttons                                                    */
/* ----------------------------------------------------------------- */

a.customButton {
	background: url(../images/custom-button-bg.png) -242px -46px no-repeat;
	padding: 3px 0 3px 8px;
	*height: 20px;
	*overflow: hidden;
	*padding: 0 0 0 8px;
	*line-height: 25px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #222222;
}

a.customButton strong {
	background: url(../images/custom-button-bg.png) 100% 0px no-repeat;
	padding: 3px 8px 3px 0;
}
a.customButton:hover {
	background-position: -242px -69px;
	font-family: Arial;
}
a.customButton:hover strong {
	background-position: 100% -23px;
}

/* ----------------------------------------------------------------- */
/* Footer                                                            */
/* ----------------------------------------------------------------- */

div.footerHolder {
	clear: both;
	color: #7f7f7f;
	font-size: 9px;
	background: url(../images/page-footer-bg.png) 0px 0px repeat-x !important;
	float: left;
	width: 100%;
}
	div.footerLeftSide {
		background: url(../images/page-footer-corner-left.png) top left no-repeat;
		padding: 16px 0 5px 8px;
		float: left;
	}
	div.footerRightSide {
		background: url(../images/page-footer-corner-right.png) top right no-repeat;
		padding: 16px 8px 5px 0;
		float: right;
	}

	
/* ----------------------------------------------------------------- */
/* Tooltip                                                           */
/* ----------------------------------------------------------------- */

div.tooltip {
	width: 289px;
	height: 194px;
	padding: 10px 16px 11px 25px;
	position: absolute;
	top: 123px;
	right: 200px;
	_padding: 4px 16px 11px 18px;
}
div.tooltip h3 {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 11px;
	color: #555555;
}
div.tooltip ul ul {
	color: #111111;
	padding: 0 0 0 4px;
}
div.tooltip h3.tooltipTitle {
	line-height: 20px;
	height: 23px;
	padding: 0 5px 0 23px;
	color: #ffffff;
}
div.tooltipContent {
	height: 157px;
	width: 274px;
	padding: 3px 10px 10px 5px;
	overflow: auto;
	text-align: justify;
}
div.tooltipShortInfo {
	background: #e6e6e6;
	border: solid 1px #cecece;
	margin: 10px 0;
	padding: 10px;
}
li.highlight {
	background: #f6f6f6;
	border: solid 1px #cecece;
	padding: 4px;
	margin: 0 0 4px 0;
}
li.sectionName {
	font-weight: bold;
	color: #111111;
	margin: 4px 0 0 0;
}

/* ----------------------------------------------------------------- */
/* Messages                                                          */
/* ----------------------------------------------------------------- */

div.quirks {
	width: 904px;
	*height: 37px !important;
	*width: 1091px;
	padding: 7px 175px 7px 30px;
	margin: 10px 0;
	zoom: 1;
}
.messageGreen, .messageRed, .messageYellow, .messageGrey {
	height: 21px;
	height: auto !important;
	min-height: 21px;
	margin: 10px;
	padding: 7px 30px 7px 30px;
	position: relative;
	zoom: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.messageGreen h3, .messageRed h3, .messageYellow h3, .messageGrey h3 {
	font-size: 11px;
	line-height: 1;
	font-weight: bold;
	text-transform: none;
	text-transform: uppercase;
	margin: 0;
}
.messageGreen p, .messageRed p, .messageYellow p, .messageGrey p {
	font-size: 10px;
	line-height: 1;
	padding: 0;
	margin: 0;
}

/* grey */

.messageGrey {
	background: #efefef;
	border: solid 1px #cbcbcb;
	padding: 7px 175px 7px 10px;
}
.messageGrey h3 { color: #666666; }
.messageGrey p { color: #555555; }

/* green */

.messageGreen {
	background: #b3f392 url(../images/message-green.gif) 8px 50% no-repeat;
	border: solid 1px #92cf7b;
}
.messageGreen h3 { color: #185617; }
.messageGreen p { color: #1d4d14; }

/* red */

.messageRed {
	background: #ffaeae url(../images/message-red.gif) 8px 50% no-repeat;
	border: solid 1px #f06d6d;
}
.messageRed h3 { color: #960a05; }
.messageRed p { color: #a20c03; }

/* yellow */

.messageYellow {
	background: #ffedae url(../images/message-yellow.gif) 8px 50% no-repeat;
	border: solid 1px #ffbd69;
}
.messageYellow h3 { color: #cd6c1d; }
.messageYellow p { color: #ae5f12; }

.messageGreen a.customButton, .messageRed a.customButton, .messageYellow a.customButton, .messageGrey a.customButton {
	position: absolute;
	top: 8px;
	right: 10px;
	*padding: 3px 0 0 8px;
	*line-height: 18px;
	*height: 17px;
	*overflow: visible;
}

/* ----------------------------------------------------------------- */
/* Accordion                                                         */
/* ----------------------------------------------------------------- */

.accordionHolder {
	padding: 10px 0 0;
	margin: 0 0 10px;
	border-bottom: solid 1px #a2a2a2;
}
.accordionNode {
	background: url(../images/accordion-node-bg.gif) top left repeat-x;
	overflow: hidden;
}
.accordionNode .accordionNodeContent { 
	display: none;
}
.accordionNode:hover h3 {
	color: #343434;
}
.accordionNodeHeader {
	line-height: 29px;
	height: 29px;
	position: relative;
	cursor: pointer;
	padding: 0 0 0 22px;
	background: url(../images/treeMinus.gif) 0px 6px no-repeat;
	_padding: 6px 0 0 22px;
	_height: 23px;
}
.accordionNodeHeader input {
	padding: 0;
	margin-top: 0;
	_margin-top: -3px;
}
.accordionNodeHeader h3 {
	display: inline;
	color: #666666;
	font-size: 11px;
	padding: 0 10px 0 0;
}
.accordionNodeHeader span.separator {
	vertical-align: middle;
	padding: 0 8px;
}
.accordionNodeHeaderRightSide {
	height: 29px;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0 13px 0 0;
}
.accordionNodeContent {
	padding: 5px 0 10px;
}
.accordionLink {
	font-weight: bold;
	color: #727272;
	display: inline-block;
	text-align: right;
	width: 125px;
}
/** expanded node **/

.accordionNodeExpanded {
	background: url(../images/accordion-node-bg.gif) 0px -29px repeat-x;
}
.accordionNodeExpanded .accordionNodeHeader {
	background: url(../images/treePlus.gif) 0px 6px no-repeat;
}
.accordionNodeExpanded h3 {
	color: #343434;
}
.accordionNodeExpanded .accordionNodeHeader:hover h3 {
	color: #666666;
}
.accordionNodeExpanded .pageButtonsHolder {
	padding: 10px 10px 0;
	margin: 0;
}
.accordionNodeExpanded div.gridHolder tr.pagening table {
	background: none;
	height: 30px;
	border-top: solid 1px #cdcdcd;
	margin: 0;
}
.accordionNodeExpanded div.gridHolder tr.pagening table td {
	height: 20px !important;
	line-height: 20px;
}
.accordionNodeExpanded a.accordionLink {
	color: #343434;
}
.accordionNodeExpanded .colorButton {
	margin: 1px 1px 0;
}
.accordionNodeExpanded .colorButton span.colorButtonEnd {
	background-color: #ffffff;
	height: 20px;
}

/* ----------------------------------------------------------------- */
/* Info bar                                                          */
/* ----------------------------------------------------------------- */

.infoBarHolder {
	background: #cfcfcf url(../images/info-bar-bg.gif) top left repeat-x;
	border-bottom: solid 1px #a6a6a6;
	float: left;
	height: auto !important;
	height: 24px;
	min-height: 24px;
	vertical-align: middle;
	width: 100%;
}
	.infoBarHolder select {
		display: inline-block;
		height: 17px;
		padding: 0;
		line-height: 1;
		font-size: 10px;
		vertical-align: middle;
	}
	.infoBarHolder option {
		padding: 0;
	}
	.infoBarHolder label, .infoBarHolder a {
		display: inline-block;
		font-weight: bold;
		text-decoration: bold;
		line-height: 20px;
		color: #212121;
		font-size: 10px;
	}
	.infoBarHolder a:hover {
		text-decoration: none;
	}
	.infoBarHolder .icon {
		vertical-align: middle;
		height: 13px;
		padding: 0 0 1px 19px;
	}
	.infoBarHolder * {
		line-height: 20px;
	}
	.leftSide {
		float: left;
		height: 24px;
		padding: 4px 0 0 10px;
		white-space: nowrap;
	}
	.rightSide {
		float: right;
		height: 24px;
		padding: 4px 10px 0 0;
		white-space: nowrap;
	}


a.pressedButton {
	display: inline-block;
	color: #545454;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 0 2px 7px;
	position: relative;
	margin: 0 7px 0 3px;
	height: 16px;
	line-height: 11px;
	background: url(../images/indented-button-bg.gif) top left no-repeat;
	text-transform: uppercase;
	vertical-align: top;
	*padding: 3px 0 1px 5px;
	*line-height: 13px;
	zoom: 1;
}
a.pressedButton span.pressedButtonEnd {
	height: 20px;
	background: url(../images/indented-button-bg.gif) top right no-repeat;
	padding: 0 0 0 7px;
	position: absolute;
	overflow: hidden;
	top: 0px;
	right: -7px;
}
a.pressedButton:hover {
	text-decoration: none;
	color: #333333;
}
a.pressedButton[disabled="disabled"], a.pressedButton[disabled="disabled"]:hover, a.pressedButton[disabled="disabled"] span.icon  {
	color: #999999;
	cursor: default;
}

/* ----------------------------------------------------------------- */
/* Info                                                              */
/* ----------------------------------------------------------------- */

.infoPopup {
	padding: 7px;
	border: solid 1px #ffa752;
	background: #fffaac;
	font-size: 11px;
	color: #222222;
	width: 300px;
	text-align: left;
	line-height: 1.3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.autoWidth {
	width: auto !important;
}
.infoPopup h4 {
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 11px;
	background: transparent;
	color: #ef8632;
	line-height: 15px;
}

/* ----------------------------------------------------------------- */
/* Google ad style                                                   */
/* ----------------------------------------------------------------- */


.googleAd {
	font-size: 13px;
	line-height: 16px;
	height: 70px;
	color: #000000;
	vertical-align: middle;
	margin: 2px;
	padding: 3px;
	border: solid 1px #444444;
	min-width: 300px;
	display: inline-block;
	background: #ffffff;
	*display: inline;
	zoom: 1;
}
.googleAd h4, .googleAd a {
	color: #0000CC;
	font-size: 16px;
	text-decoration: underline;
	font-weight: normal;
	line-height: 19px;
	vertical-align: baseline;
}
.googleAd .link {
	line-height: 19px;
	vertical-align: baseline;
	color: green;
}

/* ----------------------------------------------------------------- */
/* Form                                                              */
/* ----------------------------------------------------------------- */


.form span.formMessage {
	position: absolute;
	
	background: #ffaeae;
	border: solid 1px #f06d6d;
	margin: 0 0 0 10px;
	padding: 2px 7px 2px 7px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	color: #960a05 !important;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	text-transform: none;
}

h3.separator {
	background: url(../images/separator-pixel.gif) center left repeat-x;
	padding: 0;
	margin: 10px 10px 15px;
}
h3.separator span {
	background: #ffffff;
	padding: 0 5px 0 0;
}
.form {
	text-align: left;
	clear: both;
	padding: 3px 0 10px 0;
}
/* all browsers */
.formLine {
	display: block;
	padding: 4px 0;
}
.formLine label {
	display: inline-block;
	width: 150px;
	text-align: right;
	vertical-align: top;
	*height: 20px;
	*line-height: 20px;
}
.formValues {
	position: relative;
	display: inline-block;
	padding: 0 0 0 5px;
}
.formColumn {
	display: inline-block;
	vertical-align: top;
	min-width: 200px;
	_width: 200px;
}
/* FF2 */
.formLine, x:-moz-any-link {
	display: table;
	padding: 4px 0;
}
.formLine label, x:-moz-any-link { 
	display: table-cell;
	vertical-align: top;
	width: 150px;
	padding: 1px 3px 1px 10px;
	text-align: right;
	*height: 20px;
	*line-height: 20px;
}
.formValues, x:-moz-any-link {
	display: table-cell;
	padding: 0 0 0 5px;
}
.formColumn, x:-moz-any-link {
	display: table-cell;
	vertical-align: top;
	min-width: 200px;
}
/* ff3 */
.formLine, x:-moz-any-link, x:default {
	display: block;
	padding: 4px 0;
}
.formLine label,  x:-moz-any-link, x:default {
	display: inline-block;
	width: 150px;
	padding: 1px 3px 1px 0;
	text-align: right;
	vertical-align: top;
	*height: 20px;
	*line-height: 20px;
}
.formValues, x:-moz-any-link, x:default {
	display: inline-block;
	padding: 0 0 0 5px;
}
.formColumn, x:-moz-any-link, x:default {
	display: inline-block;
	vertical-align: top;
	min-width: 200px;
}
.formLine .formValues label {
	padding: 0  !important;
	display: inline !important;
	font-weight: normal;
	text-align: left;
	width: auto;
	vertical-align: middle;
}

.contentDetailsHolder .formLine .colorButtonEnd {
	background-color: #f2f2f2;
}
.contentDetailsHolder .formLine label {
	width: 100px;
	padding: 0 0 0 10px;
}
.contentDetailsHolder .formLine .formValues label {
	width: auto;
	padding: 0 0 0 10px;
}

.formValues a.bigButton {
	margin: 0 2px 0 0;
}
.formValues textarea {
	width: 188px;
}
.formValues span.inputStart {
	width: 200px;
}
.formValues span.inputStart input.text, .formValues input.text {
	width: 194px;
}
.formValues select {
	width: 205px;
}
.formValues p {
	width: 200px;
	line-height: 18px;
	*line-height: 22px;
}
.formValues table {
	font-family: Arial;
}
.formValues table td {
	padding: 5px 3px;
}
.formValues table th {
	text-transform: uppercase;
	color: #c4c4c4;
	text-align: center;
	font-size: 8px;
	font-weight: bold;
	font-family: Verdana;
	vertical-align: bottom;
}

.form .googleAd {
	margin: 2px 2px 2px 10px;
}

/* ----------------------------------------------------------------- */
/* Grid filter, settings                                             */
/* ----------------------------------------------------------------- */

.gridFilter {
	clear: both;
	background: #f2f2f2;
	border-top: solid 1px #cecece;
	padding: 5px 10px;
}
.gridFilter select, 
.gridFilter input.text {
	width: 100px;
	margin: 0 15px 0 0;
}
/* icon columns */
.actionColumn,
.sortColumn {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 16px;
	text-align: center;
	white-space: no-wrap;
}
.actionColumn .icon, 
.sortColumn .icon {
	margin: 0;
}
.sortColumn { width: 36px !important; }


td:first-child.actionColumn {
	padding-left: 5px !important;
}
/* rotator rows */
tr.child td {
	font-size: 10px !important;
	color: #444444;
}
tr.darkRow.parent td,
tr.lightRow.parent td {
	background-position: 0 -1px !important; 
}
tr.lightRow.actions td,
tr.darkRow.actions td,
tr.darkRow.child td,
tr.lightRow.child td {
	background: #ffffff !important;
	border: none !important;
	padding-top: 0;
	padding-bottom: 0;
	height: 16px;
}
tr.darkRow.child td,
tr.darkRow.actions td {
	background: #f5f5f5 !important;
}
div.gridHolder.noHover table tr.lightRow.actions td,
div.gridHolder.noHover table tr.darkRow.actions td,
div.gridHolder.noHover table tr:hover.lightRow.actions td,
div.gridHolder.noHover table tr.darkRow.actions:hover td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	border-bottom: solid 1px #dbdbdb !important;
}

/* ----------------------------------------------------------------- */
/* Wizard                                                              */
/* ----------------------------------------------------------------- */

ul.wizardSteps {
	position: absolute;
	top: 10px;
	right: 10px;
}
ul.wizardSteps li {
	float: left;
	margin: 0 0 0 20px;
}
a.wizardStep span, a.wizardStepActive span {
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding: 5px 8px 5px 6px;
	
	color: #727272;
	font-weight: bold;
	font-family: verdana;
	font-size: 8px;
}
a.wizardStep, a.wizardStepActive {
	line-height: 20px;
	font-weight: bold;
	
	font-size: 10px;
	font-family: Arial;
	text-transform: uppercase;
	color: #727272;
	letter-spacing: -0.2px;
}
a.wizardStepActive span {
	background-position: 0px -30px;
	color: #2483c0;
}
a.wizardStepActive {
	color: #2483c0;
	cursor: default;
}
a.wizardStep:hover, a.wizardStepActive:hover {
	text-decoration: none;
}
a.wizardStep:hover {
	color: #999999;
}

/* Modal window */

.modalDialogCloseButton {
	display: block;
	position: absolute;
	width: 17px;
	height: 17px;
	top: 10px;
	right: 7px;
	background: url(../images/modal-box-close.png) top left no-repeat;
}
/* Custom */

#listSelectBannerContentGroupsTable strong {
	display: inline-block;
	min-width: 100px;
}


/*** DEFAULT THEME SEETINGS (blue) ***/


body.frame {
	background: #ffffff;
}
input.searchSubmit {
	background: url(../images/search-submit.gif) top left no-repeat;
}
input.generateSubmit {
	background: url(../images/generate-submit.gif) top left no-repeat;
}
div#TB_title {
	background: url(../images/modal-box-header-bg.png) top left repeat-x;
}
div.tooltip {
	background: url(../images/tooltip-bg.png) top left no-repeat;
	_background: url(../images/tooltip-bg.gif) top left no-repeat;
}
a.colorButton {
	background-image: url(../images/color-button-bg.gif) !important;
}
a.colorButton span.colorButtonEnd {
	background-image: url(../images/color-button-bg.gif) !important;
}