body {
	/*background-color: #cccccc;*/ 
	background-color: #BABABA;
	margin:0px;
	/* margin-right: 20px; */
	background-image: url('images/bkg.jpg');
	background-repeat: repeat-x;
	min-width: 880px;	
	height: 100%;
	 min-height: 100%;
	}
	
html 
{
    height: 100%;
    min-height: 100%;
}

body, div, table, p, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}
	
.hide {
  display: none;
}

h1 {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3b3986;
	background-image: url('images/icon-h1.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 28px;	
	margin-bottom:5px;
	margin-top:0px;
	}
	
h2, h3, h4 {
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	background-image: url('images/bkg-heading.gif');
	background-repeat: repeat-x;
	padding-top: 3px;
	height: 17px;
	border-top: 1px solid #da630f;
	}
	
h2 {
	margin-top: 15px;
	padding-left: 15px;	
	}
	
h3 {
	margin-top: 4px;
	margin-bottom: 0px;
	padding-left: 5px;
	}
	
h4 {
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 5px;	
	}
	
h2.clear, h3.clear, h4.clear {
  clear: both;
}

/*#main 
{
	float: left;
	background-color: #cccccc;
	width: 70%;
	padding-right: 16px;
	padding-top: 70px;
	background-image: url('images/bkg-main4.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	}*/

#mainwrap {
	width: 100%; 
}
	
.mainleft {
	float: left;
	width: 208px;
	padding-right: 0px;
	padding-left: 0px;
	background: #BABABA url('images/bkg.jpg') repeat-x top left;
	/*background-image: url('images/bkg-side.gif');
	background-repeat: repeat-y;
	background-position: top right;
	color: #6f6f6f;
	background-color: #ffffff;*/
	height:100%;

	}

.mainleft2 {
	float: left;
	width: 18px;
	/*padding-right: 18px;*/
	background-image: url('images/bkg-side.gif');
	background-repeat: repeat-y;
	background-position: top right;
	color: #6f6f6f;
	/*background-color: #ffffff;*/
	}	
	
.menuleft {
	width: 208px;
	}
		
.maincontentwrap
{
	/*float: left;*/
	margin-left:206px;
	width:auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	/*background-color:#cccccc;*/
	/*background-color:#BABABA;*/
	background: #ccc url('images/bkg-main4.jpg') no-repeat top right;
	}

.maincontentwrapclosed
{
	/*float: left;*/
	margin-left:0px;
	width:auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	/*background-color:#cccccc;*/
	/*background-color:#BABABA;*/
	background: #ccc url('images/bkg-main4.jpg') no-repeat top right;
	}
	
.toprightbkgimage
{
	height:20px;
	margin-right: -15px;
}

.footer
{
	/*border-bottom:solid thick black;*/
	color:White;
	margin: 0 0 0 0px;
	padding: 15px 20px;
	background: Transparent url('images/footer-grey-line.gif') repeat-x top center;
}

.footerclosed
{
	/*border-bottom:solid thick black;*/
	color:white;
	margin: 0;
	padding: 15px 20px;
	background-image: url('images/footer-grey-line.gif');
	background-repeat: repeat-x;
	background-position: top;
}

/*
.topdivider
{
	margin-left:0px; 
	background-image: url('images/bkg-side.gif'); 
	background-repeat: repeat-y; 
	background-position: top left; 
	height:85px;
}

.topdividerclosed
{
	margin-left:0px; 
	padding-left:18px;
	background-image: url('images/bkg-side.gif'); 
	background-repeat: repeat-y; 
	background-position: top left; 
	height:85px;
}
*/

.mainMenuOpen 
{
	margin-left:0;
	background-color: Transparent;
	min-height: 500px;
	width:auto;
	padding-right: 16px;
	padding-top: 0px;
	padding-left:20px; 
	padding-bottom: 0;
	background-image: url('images/bkg-side.gif'); 
	background-repeat: repeat-y; 
	background-position: top left;
	}
	
.mainMenuClosed
{
	margin-left:0;
	background-color: Transparent;
	width:auto;
	padding-right: 16px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0;
	background-image: url('images/bkg-side.gif'); 
	background-repeat: repeat-y; 
	background-position: top left;
	}
	
#logo {
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 23px;
	padding-bottom: 16px;
	border-bottom: 1px solid #a1a5a9;
	background-color: #ffffff;
	}
	
.batchOperations {
  padding-top: 5px;
  }
	
/* Menu */
/********************/

#menutop {
	height: 37px;
	border-top: 1px solid #ffffff;
	}

.menuleft ul {
  float: right;
  list-style-type: none;
  width: 168px;
}

.menuleft ul li {
	border-bottom: 1px solid #a1a5a9;
	border-top: 1px solid #eceff2;
}

.menuleft ul li a {
	color: #6f6f6f;
	display: block;
	font-size: 11px;
  padding: 10px 6px 10px 35px;
  text-decoration: none;
  width: 168px;
}

.menuleft ul li a:hover,
.menuleft ul li a.logoutLink:hover {
  background-color: #fdfdfd;
  font-weight: bold;
}

.menuleft ul li a img {
  border: none;
  padding: 0;
  margin: 3px 6px -3px 3px;
}

.menuleft ul li a.home {background: Transparent url("images/icon-home.gif") no-repeat 9px 8px;}
.menuleft ul li a.home:hover {background: #fdfdfd url("images/icon-home-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.imglibrary {background: Transparent url("images/icon-image.gif") no-repeat 9px 8px;}
.menuleft ul li a.imglibrary:hover {background: #fdfdfd url("images/icon-image-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.filelibrary {background: Transparent url("images/icon-file.gif") no-repeat 9px 8px;}
.menuleft ul li a.filelibrary:hover {background: #fdfdfd url("images/icon-file-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.contentlibrary {background: Transparent url("images/icon-contentlib.gif") no-repeat 9px 8px;}
.menuleft ul li a.contentlibrary:hover {background: #fdfdfd url("images/icon-contentlib-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.formeditor {background: Transparent url("images/icon-form.gif") no-repeat 9px 8px;}
.menuleft ul li a.formeditor:hover {background: #fdfdfd url("images/icon-form-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.preview {background: Transparent url("images/icon-preview.gif") no-repeat 9px 8px;}
.menuleft ul li a.preview:hover {background: #fdfdfd url("images/icon-preview-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.settings {background: Transparent url("images/icon-settings2.gif") no-repeat 9px 8px;}
.menuleft ul li a.settings:hover {background: #fdfdfd url("images/icon-settings2-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.plesk {background: Transparent url("images/icon-userpanel.gif") no-repeat 9px 8px;}
.menuleft ul li a.plesk:hover {background: #fdfdfd url("images/icon-userpanel-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.stats {background: Transparent url("images/icon-settings.gif") no-repeat 9px 8px;}
.menuleft ul li a.stats:hover {background: #fdfdfd url("images/icon-settings-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.help {background: Transparent url("images/icon-help.gif") no-repeat 9px 8px;}
.menuleft ul li a.help:hover {background: #fdfdfd url("images/icon-help-hover.gif") no-repeat 9px 8px;}
.menuleft ul li a.logout {background: Transparent url("images/icon-logout.gif") no-repeat 9px 8px;}
.menuleft ul li a.logout:hover {background: #fdfdfd url("images/icon-logout-hover.gif") no-repeat 9px 8px;}



div.menuitem, div.menuitem2 {
	float: right;
	clear: both;
	width: 168px;
	color: #6f6f6f;
	font-size: 11px;
	border-bottom: 1px solid #a1a5a9;
	border-top: 1px solid #eceff2;
	padding-top: 10px;
	padding-bottom: 6px;
	}
	
#imgResize{
    cursor: pointer;
}
	
div.menuitem2 {
	background-color: #fdfdfd;
	}
	
img.navicon {
	margin-right: 10px;
	margin-left: 10px;
	vertical-align: middle;
	border: 0px;
	}
	
#resize {
	clear: both;
	padding-top: 30px;
	text-align: right;
	/*float: right;*/
	}
	
.resizeopen,
.resizeclosed {
	text-align: left;
	position:absolute;
	top:80px;
	width: 9px;
	height: 100px;
	margin: 0;
	padding: 0;
  border: none;
}

.resizeopen {
  background: Transparent url("images/togglebar_min.gif") no-repeat top left;
	left:207px;
}

.resizeopen:hover {
  background: Transparent url("images/togglebar_min_hover.gif") no-repeat top left;
}
	
.resizeclosed {
  background: Transparent url("images/togglebar_max.gif") no-repeat top left;
	left:1px;
}

.resizeclosed:hover {
  background: Transparent url("images/togglebar_max_hover.gif") no-repeat top left;
}

	
/* Main Content */
/****************/
	
#maincontent, .maincontent {
	background-color: #ffffff;
	border-left: 2px solid #989896;
	border-right: 2px solid #989896;
	padding: 8px 13px 13px 13px;
	margin-top: 0;
	height:100%;
	}	
	
#maincontenttop, .maincontenttop, #maincontentbot, .maincontentbot {
	background-color: #ffffff;
	background-repeat: repeat-x;
	height: 8px;
	}
	
#maincontenttop, .maincontenttop {
	background-image: url('images/maincontent-topbkg.gif');	
	}
	
#maincontentbot, .maincontentbot {
	background-image: url('images/maincontent-botbkg.gif');
	margin-bottom: 10px;
	}

	
/* Preview Box  */
/****************/

.previewbox {
  padding-bottom: 5px;
}

	
/* Action Icons */
/****************/

.iconwrap {
	padding-top: 10px;
	padding-left: 5px;
	height: 50px;
	}
	
.righticonwrap 
{
	float: right;
	margin-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	height: 30px;
	margin-top: -20px;
}
	
div.righticon {
	display: inline-block;
	float: left;
	width: 100px;
	height: 30px;
	color: #000000;
	margin-left: 10px;
	text-align: center;
	}

div.upicon {
	display: inline-block;
	float: left;
	width: 80px;
	height: 30px;
	color: #000000;
	margin-left: 10px;
	text-align: center;
	margin-top: 0px;
	}

div.icon {
	display: inline-block;
	float: left;
	width: 100px;
	height: 50px;
	color: #000000;
	margin-left: 10px;
	text-align: center;
	}
	
div.icon label {
  display: block;
  margin-top: 0.2em;
  }
	
img.icon {
	margin-bottom: 10px;
	}
	
div.clear {
	clear: both;
	}
	
div#uplevel {
  float: right;
}
	
	
/* Tables */
/***************/

th.orange {
	background-color: #e9941d;
	border-right: 2px solid #ffffff;
	padding: 3px;
	}
	
th.lightorange {
	background-color: #f0bc70;
	border-right: 2px solid #ffffff;
	padding: 3px;
	}	
	
tr.grey td {
	background-color: #f0f0f0;
	padding: 3px;
	}
	
tr.white td {
	background-color: #ffffff;
	padding: 3px;
	}
	
img.smallicon {
	vertical-align: baseline;
	margin-left: 6px;
	}

.batchsmallicon 
{
	
}
	
/* Accordion */
/*************/

div.acontent {
	background-color: #fcf4df;
	padding: 20px;
	color: #6c614d;
	min-height: 80px;
	}
	
div.PSAccordian {
	overflow:visible;
	}
	
div.abuttons
{
	text-align:right; 
	clear:both;
	}
	
div.abutton
{
	float:right; 
	width:70px; 
	text-align:center;
	}
	
div.acontentleft {
	float: left;
	width: 48%;
	color: #6c614d;	
	}
	
div.acontentright {
	float: right;
	width: 48%;
	text-align: right;
	}
	
	
/* Forms */
/*********/

form {
	margin: 0px;
	}
			
/* Links */
/*********/
a:link { font-family: verdana, helvetica; text-decoration: underline; color: #e99519;}
a:active { font-family: verdana, helvetica; text-decoration: underline; color: #e99519;} 
a:visited { font-family: verdana, helvetica; text-decoration: underline; color: #e99519;} 
a:hover { font-family: verdana, helvetica; text-decoration: underline; color: #ee2e24;}

a.nav:link { text-decoration: none; color: #6f6f6f; }
a.nav:active { text-decoration: none; color: #6f6f6f; } 
a.nav:visited { text-decoration: none; color: #6f6f6f; } 
a.nav:hover { text-decoration: none; color: #e89418;}



a.footer:link { text-decoration: underline; color: #ffffff; }
a.footer:active { text-decoration: underline; color: #ffffff; } 
a.footer:visited { text-decoration: underline; color: #ffffff; } 
a.footer:hover { text-decoration: underline; color: #f5f5f5; }

td.page a:link { text-decoration: underline; color: #000000; }
td.page a:active { text-decoration: underline; color: #000000; } 
td.page a:visited { text-decoration: underline; color: #000000; } 
td.page a:hover { text-decoration: underline; color: #ee2e24; }

a.lnkbtntext:link { text-decoration: none; color: #000000; }
a.lnkbtntext:active { text-decoration: none; color: #000000; } 
a.lnkbtntext:visited { text-decoration: none; color: #000000; } 
a.lnkbtntext:hover { text-decoration: none; color: #000000;}



/* Settings */
/***************/

.settingsGroup {
  display: inline-block;
  float: left;
  margin: 15px 25px 20px 0;
  text-align: center;
  width: 70px;
}

.settingsGroup input {
  
}

.settingsGroup label {
  display: block;
  font-weight: bold;
  margin-top: 0.2em;
}


/* Modal Popup */
/***************/

.mpeBackground {
	background-color: #000;
	filter:alpha(opacity=35);
	opacity:0.35;
	z-index: 1000;
}

.mpeContainer {
	background-color:#fff;
	border: 3px solid #888;
	padding: 15px;
	width: 650px;
	top: 160px !important;
	position: fixed !important;
	-moz-border-radius: 15px;
  text-align: left;
	z-index: 1002;
}

.mpeContainerCentered {
	background-color:#fff;
	border: 3px solid #888;
	padding: 15px;
	width: 650px;
	-moz-border-radius: 15px;
  text-align: left;
	z-index: 1002;
}

.mpeContainer h3,
.mpeContainerCentered h3 {
	background: url('images/icon-h1.gif') no-repeat center left;
	border: none;
	color: #3b3986;
	font:  bold 18px Arial, Helvetica, Sans-serif;
	height: 28px;
	line-height: 28px;
	margin: 0 0 10px 0;
	padding: 0 0 0 28px;
  text-align: left;
}

.mpeContainer .mpeContent,
.mpeContainerCentered .mpeContent {
  border: none;
  padding: 0 10px;
  text-align: left;
}

.mpeContainer .mpeContent div.inputalign,
.mpeContainer .mpeContent div.optionalign,
.mpeContainerCentered .mpeContent div.inputalign,
.mpeContainerCentered .mpeContent div.optionalign {
  clear: both;
  padding-left: 220px;
  margin: 0.5em 0;
  position: relative;
}

.mpeContainer .mpeContent div.inputalign input,
.mpeContainer .mpeContent div.inputalign select,
.mpeContainer .mpeContent div.inputalign textarea,
.mpeContainerCentered .mpeContent div.inputalign input,
.mpeContainerCentered .mpeContent div.inputalign select,
.mpeContainerCentered .mpeContent div.inputalign textarea {
  background-color: #fff;
  border: 1px solid #888;
  padding: 0.1em;
  width: 220px;
}

.mpeContainer .mpeContent input,
.mpeContainer .mpeContent select,
.mpeContainer .mpeContent textarea,
.mpeContainerCentered .mpeContent input,
.mpeContainerCentered .mpeContent select,
.mpeContainerCentered .mpeContent textarea {
  background-color: #fff;
  border: 1px solid #888;
  padding: 0.1em;
}

.mpeContainer .mpeContent div.inputalign label,
.mpeContainerCentered .mpeContent div.inputalign label {
  display: inline-block;
  float: left;
  margin-left: -220px;
  text-align: right;
  vertical-align: middle;
  width: 210px;
}

.mpeContainer .mpeContent div.inputalign span.checkbox input {
  width: 20px;
}

.mpeContainer .mpeContent div.optionalign input,
.mpeContainerCentered .mpeContent div.optionalign input {
  left: 200px;
  padding: 0;
  position: absolute;
  top: -2px;
  vertical-align: middle;
}

.mpeContainer .mpeContent div.optionalign input.checkbox,
.mpeContainer .mpeContent div.optionalign input.radio,
.mpeContainerCentered .mpeContent div.optionalign input.checkbox,
.mpeContainerCentered .mpeContent div.optionalign input.radio {
  background-color: Transparent;
  border: none;
}

.mpeContainer .mpeContent div.buttonalign,
.mpeContainerCentered .mpeContent div.buttonalign {
  text-align: right;
  margin-top: 10px;
}

.mpeContainer .mpeContent div.buttonalign input.mpeButtonOk,
.mpeContainer .mpeContent div.buttonalign input.mpeButtonCancel,
.mpeContainerCentered .mpeContent div.buttonalign input.mpeButtonOk,
.mpeContainerCentered .mpeContent div.buttonalign input.mpeButtonCancel {
  background: Transparent url("Images/but-bkg.gif") no-repeat center center;
  border: none;
  color: #4b1703;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  width: 105px;
  height: 24px;
  padding: 0;
  text-align: center;
}




/* FolderSelect */
/***************/

.folderselect {
  text-align: left;
  width: 300px;
}

.folderselect h3 {
  text-align: left;
}

.folderselect .treeScroll {
  background-color: #E7E7E7;
  border: 1px solid #BABABA;
  height: 320px;
  text-align: left;
  width: 275px;
}

.folderselect .hoverNode {
  color: #E89418;
}

.folderselect td.folderNode {
  color: #000;
  padding: 0 0 0 5px;
  text-align: left;
}

.folderselect td.rootFolderNode {
  color: #000;
}

.folderselect .selectedFolder {
  color: #000;
  font-weight: bold;
}

.folderselect td a {
  color: #000;
  text-decoration: none;
}


/* Search Results */
/******************/

.searchresults .result h4 {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.searchresults .result {
  padding-bottom: 1em;
}

.searchresults .result p {
  margin: 0.3em 0;
  padding: 0;
}


/* Search Box */
/**************/

.search {
	clear: both;
  float: right;
  margin-top: 15px;
	width: 168px;
}

.search .searchfield {
  border: none;
  background: Transparent url("Images/searchfield.gif") no-repeat left top;
  color: #686868;
  font: bold 11px/1 Verdana, Arial, Helvetica, sans-serif;
  height: 13px;
  margin: 0;
  padding: 4px;
  width: 120px;
 
}

.search .searchbutton {
  border: none;
  background: Transparent url("Images/searchbutton.gif") no-repeat left top;
  color: #686868;
  cursor: pointer;
  font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
  height: 20px;
  width: 31px;
}

.search .searchbutton:hover {
  background: Transparent url("Images/searchbutton-hover.gif") no-repeat left top;
}

.search .settingsbutton {
  color: #686868;
  font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
  display: block;
  margin: 0;
  padding: 2px;
  text-decoration: none;
}


/* Image Library */
/*****************/

.ImageLibrary h3 {
  margin-bottom: 15px;
}

.ImageLibrary .thumbs a {
  border: none;
  text-decoration: none;
}

.ImageLibrary .thumbs .image {
  float: left;
  padding: 10px 10px 0 0;
}

.ImageLibrary .thumbs .image img {
  border: none;
}



.ImageLibrary .details {
  border-collapse: collapse;
  border: none;
  padding: 5px;
}

.ImageLibrary .details tr:hover {
  background-color: #ddd;
}

.ImageLibrary .details tr td {
  padding: 5px;
  vertical-align: top;
  text-align: left;
}

.ImageLibrary .details p {
  margin: 0.5em 0;
}

.ImageLibrary .details a.filename {
  border: none;
  color: #000;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 2em;
  text-decoration: none;
}

.ImageLibrary .details img {
  border: none;
}


/* Progress Popup */
/******************/

.progressPopup {
  background-color: #F4F4F4;
  border: 2px solid #989696;
  display: block;
  height: 70px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 220px;
}

.progressPopup div {
  color: #E89418;
  font-size: 16px;
  font-weight: bold;
  height: 24px;
  margin: 0;
  padding: 20px 0;
}

.progressPopup img {
  margin: 0 10px 0 0;
  vertical-align: middle;
}


/* Help */
/********/

div.helpTocPane {
  float: left;
  width: 300px;
}

div.helpArticlePane {
  margin-left: 310px;
  min-height: 800px;
}

div.helpArticlePane .helpContent {
  padding: 0 10px;
}

.helpToc {
  background-color: #E7E7E7;
  border: 1px solid #BABABA;
  padding: 10px 0;
}

.helpToc td.hoverNode {
  color: #E89418;
}

.helpToc td.parentNode {
  color: #000;
}

.helpToc td.rootNode {
  color: #000;
}

.helpToc td.selectedNode {
  color: #000;
  font-weight: bold;
}

.helpToc td a {
  color: #000;
  text-decoration: none;
}

a.helpLink div.articlePreview {
  background-color: #f5f5f5;
  border: 2px solid #989896;
  display: none;
  padding: 5px;
  position: absolute;
  z-index: 1000;
  width: 250px;
}
a.helpLink:hover div.articlePreview {
  display: block;
}

a.helpLink div.articlePreview h5 {
  font-size: 11px;
  margin: 0 0 5px 0;
  padding: 0;
}

a.helpLink div.articlePreview p {
  margin: 0;
  padding: 0;
}
a.helpLink div.articlePreview hr {
  background-color: #989896;
  border: none;
  height: 1px;
}

div.helpArticlePane .editButtons {
  margin: 10px;
}

.menuButtons {
  margin: 10px 0 0 0;
}

div.helpArticlePane .editTitle {
  font-weight: bold;
  margin: 0 0 10px 10px;
}

.insertTree,
.helpToc {
  background-color: #E7E7E7;
  border: 1px solid #BABABA;
  padding: 10px 0;
}

.insertTree {
  width: 400px;
  height: 300px;
  overflow: scroll;
}

.insertTree td.node a, .helpToc td.node a,
.insertTree td.hoverNode a, .helpToc td.hoverNode a,
.insertTree td.parentNode a, .helpToc td.parentNode a,
.insertTree td.rootNode a, .helpToc td.rootNode a,
.insertTree td.selectedNode a, .helpToc td.selectedNode a {
  padding: 5px;
}

.insertTree td.hoverNode a, .helpToc td.hoverNode a {
  color: #c00;
}

.insertTree td.hoverNode, .helpToc td.hoverNode {
  background-color: #fff;
}

.insertTree td.parentNode, .helpToc td.parentNode {
  color: #000;
}

.insertTree td.rootNode, .helpToc td.rootNode {
  color: #000;
}

.insertTree td.selectedNode, .helpToc td.selectedNode {
  color: #000;
  font-weight: bold;
}

.insertTree td a, .helpToc td a {
  color: #000;
  text-decoration: none;
}

/* IFrame */
/**********/

.iFrame 
{
 z-index: 1; 
}