body {
	margin:0;
	background-color:#222;
	font-family: Arial;
	/*
	background-image:url(/img/bg.gif);
	background-repeat:repeat-x;
	*/
	font-size:85%;
}

a {
	text-decoration:none;
	padding:0.1em 0.2em 0.1em 0.2em;
}

p {
	color:#464943;
	line-height:1.6em;
	font-size:0.9em;
}
h2 {
	font-weight:normal;
	margin:0.2em 0em 0.5em 0em;
	padding:0em 0em 0.2em 0em;
}

.contentHeader h2 {
	color:#328f1c;
}
.contentHeader ul.subTabs li {
	display:inline;
	padding:0.2em 0.2em;
}

.contentHeader ul.subTabs {
	float:right;
	padding-right:30px;
	font-size:0.9em;
}
h3 {
	font-weight:normal;
	margin:0.2em 0em 0.5em 0em;
	padding:0em 0em 0.2em 0em;
}

.content {
	
	width:65em;
	
	background-color:#eee;
	margin:1em auto 1em auto;
	border:1px solid #bbb;

	
}
.mainContent {
	float:right;
	width:49em;
	margin-right:1em;
}
.mainContent .contentHeader {
	padding:0em 0em 0em 0em;

}
.mainContent .contentInner {
	background-color:#fff;
	border:1px solid #ccc;
	-moz-border-radius:1em;
	
	padding:0.5em 1em 2em 1em;

}
.mainContent li {
	padding:0.3em 0em 0.3em 0em;
	font-size:0.9em;
}
.sideBar {
	width:13em;
	float:left;
	padding-left:1em;
	}

.error {
	color:red;
}
.center {
	text-align:center;
}
.tRight {
	text-align:right;
}
.tCenter {
	text-align:center;
}
div.footer  {
	border-top:1px solid #ddd;
	height:2em;
	text-align:right;
	padding:0em 2em 2em 1em;
	
	-moz-border-radius:1em;
}
div.header {
	clear:both;
	
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
}
div.header div.loggedIn {
	float:right;
	padding:0.5em 1em 0em 0em;
	height:4.5em;
	text-align:right;
	line-height:1.7em;
}
div.header div.user, div.header div.service {
	font-size:0.9em;
	color:#999;
}
div.header div.user strong, div.header div.service strong {
	color:#333;
}
div.header div.tabs  {
	padding:0em 1em 0em 0em;
	float:right;
	font-size:0.9em;
	color:#555;
	clear:right;
	margin-bottom:0.5em;
}
div.header strong  {
	margin:0em 0.3em 0em 0.3em;
}
div.header a  {
	margin:0em 0.2em 0em 0.2em;
}
div.header div.logo  {
	padding:1em 0em 0.5em 1em;
	float:left;
}

div.header div.logo  img { 
	float:left;
}
	
div.header div.logo  .siteName {
	float:left;	
	padding-left:1em;
} 
div.header div.logo h1 {
	font-size:2em;
	margin:0em;
	color:#111;
}

div.header div.logo h1 a { margin:0; padding:0; color:#000; }

div.header div.logo p {
	color:#328f1c;
	margin:0em;
	margin-top:1em;
	font-size:0.8em;
	font-weight:bold;
	position:relative;
	top:-1em;
}

div.notice {

	border-bottom:1px dashed #16496a;
	background-color:#fff;
	padding:1em 0em 1em 0em;
	text-align:center;
	color:#548507;
	font-weight:bold;
	font-size:0.8em;

}

table.calendarNav {
	width:100%;
	border-bottom:1px dotted #ddd;
	margin-bottom:1em;
	padding-bottom:0.5em;
}
table.calendarNav td {
	width:33%;
}
table.calendarNav .month {
	font-size:1.3em;
	font-weight:bold;
}
table.calendar {
	font-size:0.8em;
	border-spacing:0.2em;
}
table.calendar td.date {
	width:100px;
	height:100px;
	border:1px dotted #ddd;
	vertical-align:top;
	padding:0em;
}
table.calendar td.date div.date {
	background-color:#ddd;
	color:#444;
	padding:0.2em 0.4em 0.2em 0.4em;
	text-align:right;
}
table.calendar td.date div.option {
padding:0.3em;
font-size:0.8em;
}
table.calendar th {
	padding-bottom:1em;
	font-size:1.2em;
	color:#555;
}
table.calendar td.date:hover {
	background-color:#eee;
	border:1px dotted #aaa;
}
table.calendar td.date:hover div.date {
	background-color:#555;
	color:#fff;
}
table.dataTable {
	width:95%;
	margin:0em auto 0em auto;
	border-spacing:0em;
}

table.dataTable td, table.dataTable th {
	border-bottom:1px dotted #ccc;
	font-size:1em;
	padding:0.3em 0em 0.3em 0em;
	text-align:left;
}
table.dataTable .tRight {
	text-align:right;
}
table.dataTable td, table.dataTable th {
	font-size:0.9em;
} 

iframe.preview {
	width:240px;
	height:600px;
	margin:3em auto 0em 140px;
}
.controlBox {
	margin:0em 0em 1em 0em;
	border:1px solid #ccc;
	background-color:#ddd;
}
.controlBox h3 {
	margin:0em;
	padding:0.4em 0.2em 0.5em 0.5em;
	border-bottom:1px solid #ccc;
	color:#555;
	font-size:1.1em;
}
.controlBox ul {
	margin:0;
	padding:0;
	list-style:none;
}
.controlBox li  {
	
	display:block;
	border-bottom:1px solid #ccc;
	}
.controlBox li a {
	padding:0.5em 0em 0.5em 1em;
	font-size:0.9em;
	margin:0;
	background:#fff;
	display:block;
}
.controlBox li a:hover {
	color:#444;
	background-color:#eff8ff;
}
.controlBox li:last-child {
	border-bottom:0px;
}
a:link, a:visited {
	color:#166698;
	
}
a:active, a:hover {
	background-color:#166698;
	color:#fff;
}
div.productItemListContainer {
	text-align;center;
	padding:1em; 
}
div.productItemListContainer  div.productItemList {
	float:left;
	padding:1em; 
	margin:0em auto 0em auto;
}
div.productItemListContainer  div.productItemList div.name {
	text-align:center;
	font-size:0.7em;
}
div.productItemListContainer  div.productItemList div.data {
	text-align:center;
	font-size:0.7em;
	color:#777;
}

div.list {
	width:90%;
	margin:0em auto 0em auto;
	border-bottom:1px dotted #ddd;
	padding:1em 0em 1em 0em;
}
div.list h3 {
	margin:0em;
	font-weight:normal;
	padding:0em;
	color:#666;
}
div.list h3 em {
	font-size:0.6em;
	font-style:normal;
}
div.list p {
	margin:0.5em 0em 0em 0em;
	padding:0.3em;
	font-size:0.8em;
}

form div.contentTitle {
	margin:0px 20px 0px 100px;
	padding:2em 0em 1em 0em;
	font-weight:bold;
	color:#666;
}


form {
	margin:0.5em 0em 1em 0em;
}

form h2 {

}

form div.row {
	padding:0.5em;
}
form div.row div.wysiwyg {
	margin:0 auto 0 auto;	
	clear:both;
}
form div.wysiwygRow textarea {
	margin:0 !important;
	padding:0 !important;
	}
form div.submit {
	padding:1em;
	text-align:center;
	clear:both;
}

form div.row .rowLabel {
	width:30%;
	padding:0em 1em 0em 0em;
	display:block;
	text-align:right;
	float:left;
	color:#888;
	font-size:0.9em;
	padding-top:0.2em;
}
form .row .inputCheckboxArray {
	width:30em;
	float:left;
}
form .row .inputCheckboxArray .inputCheckboxContainer {
	
	float:left;
	padding:0 0.5em;
	
}
form .checkboxList .inputCheckboxArray .inputCheckboxContainer {
	display:block;
	float:none !important;
	padding:0.2em 0.5em !important;
}
	
form .row .inputCheckboxArray .inputCheckboxContainer .rowLabel {
		cursor:pointer;
}

form .row .inputCheckboxArray .inputCheckbox {
	display:inline;
	padding:0 5px 0 5px;
}
form .row .checkBoxArray label {
	display:inline; 
	font-size:0.8em;
}

form div.error {
	color:red;
}
form div.error div.errors {
	margin:0em 0em 0em auto;
	padding:0.2em 0em 0em 0em;
	font-size:0.9em;
	width:70%;
}
form input.inputText, form input.inputPassword, form .inputTextarea {

	border:1px solid #ccc;
	background-color:#fafafa;
	color:#03345e;	
	font-size:0.9em;
	width: 25em;
	padding:0.5em;
}

form textarea {
	width: 25em;
	padding:0.5em;
	line-height:1.6em;
	font-family:arial, verdana;
	overflow-y:scroll;
}
form strong.required {
	color:red;
	padding:0em 0em 0em 0.2em;
}

form div.wide textarea {
	width:90%;
	margin:0em 5% 0em 5%;
}
form div.wide .rowLabel {
	width:90%;
	display:block;
	float:none;
	text-align:left;
	padding-top:1em;
	margin:0em 5% 0em 5%;
}

form div.wide div.errors {
	margin:0em;
	padding:0.2em 0em 0em 0em;
	font-size:0.9em;
	width:90%;
	margin:0em 5% 0em 5%;
}
form .wym_area_bottom {
	display:none;	
}

.paginationController {
	height:1em;
	display:block;
	padding:1em;
}
.pagination {
	float:right;
	font-size:0.85em;
	color:#888;
	}
.pagination .pageItem {
}
.pagination a {
	padding:0.5em 0.75em;
	color:#2454d3;
	text-decoration:none;
}
.pagination .currentPage {
	padding:0.5em 0.75em;
	font-weight:bold;
	color:#000;
}

.pagination a:hover {
	background-color: #2454d3;
	color: #eef2fb
}

.cmsBlock {
	border:1px solid #8f9396;
	margin:0px auto 20px auto;
	cursor:move;
}

.cmsBlock .blockHeader {
	background-color: #8f9396;
	color:#fff;
	height:30px;
}
.cmsBlock .blockHeader h4 {
float:left; margin:0px; padding:08px 10px;
}
.cmsBlock .blockHeader .blockControls {
	float:right;
	background-color:#fff;
	padding:3px 10px 3px 10px;
	margin:0.5em;
	font-size:0.9em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#eee;
}
.cmsBlock .blockDetails {
	background-color:#f6f6f6;
padding:10px;
}
.cmsBlock table.blockProperties td {
	padding: 5px;
}

.cmsBlock table.blockProperties td.key {
	width:250px;
	text-align:right;
	padding-right:20px;
	color:#888;
	font-style:italic;
		
}
.code {
     text-align:left;
     font-family: 'Fixedsys', 'courier new', courier, fixed;
}

.code span.text {
    color:#000000;
}
            
 .code span.comment
 {
     color:#008000;
 }
 
 .code span.tag
 {
     color:#0000BB;
 }
 
 .code span.attribute
 {
     color:#DD0000;
 }
 
 .code span.value
 {
     color:#800080;    
 }
 
 .code span.comment span
 {
     color:#008000;
 } 
 

.placeholder {
	height:80px;
	background-color:#f3edc1;
	border:1px dashed #bfb467;
	display:block;
	margin-bottom:1.5em;
}


.messageContainer {
	background-color:#fff;
	border:1px solid #ddd;
	-moz-border-radius:1em;
	
	margin:0 0 1em 0;	
	font-size:1.1em;
}

.messageContainer ul {
	list-style:none;
	padding:0px;
}

.messageContainer li {
	display:block;
	text-align:center;	
}

.messageContainer ul.success li {
	color:#1d9b00;	
}
.messageContainer ul.error li {
	color:#c90013;	
}
.messageContainer ul.info li {
	color:#236aa7;	
}