body{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFF;
	color: #000;
}

div{
	text-align: left;
}

h1, h2, h3, h4, h5, h6{
	margin: 0.4em 0 0.2em;
}

h1{
	font-size: 1.8em;
}
h2{
	font-size: 1.5em;
}
h3{
	font-size: 1.3em;
}
h4{
	font-size: 1.2em;
}
h5{
	font-size: 1.1em;
}
h6{
	font-size: 1em;
	margin: 0.4em 0 0.2em;
}

p{
	margin: 0.2em 0 0.5em;
}

table{
	font-size: 1em;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display:block;
	height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {display: block; height: 1%;}
/* End hide from IE-mac */


/* FORM ELEMENTS */

form{
	margin: 0;
	padding: 0;
}

input.textbox, textarea, select{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

input.checkbox{
	border: none;
	width: auto;
}

p.formLine{
	margin: 0 0 0 0;
	padding: 0 0 0 90px;
}

p.formLine strong{
	float: left;
	font-weight: normal;
	margin-left: -90px;
	margin-top: 0;
	width: 85px;
}

p.checkboxGroup, span.checkboxGroup, li.checkboxGroup{
	margin: 0 10px 0 0;
	white-space: nowrap;
	display: inline;
	overflow: hidden;
	width: 160px;
	float: left;
}

p.checkboxGroup, li.checkboxGroup{
	float: left;
}

div#pageContainer .module li.checkboxGroup{
	background: none;
}


p.formSubmit{
	margin: 0;
	text-align: right;
}

/* ERRORS */

ul.errors{
	margin: 0 0 1em 0;
	padding: 0 0 0 1.5em;
	color: #C00;
}

/* CMS */

a.delete{
	background: url(../images/admin/images/delete.gif) center center no-repeat;
	padding: 5px;
}


a.delete span{
	display: none;
}


body.slideshow{
	background: #000;
	margin: 0;
	padding: 5px;
}

.module.module_list_obj table td, .module.module_list_obj table th{
	padding: 2px 10px 2px 0;
}

.module.module_list_obj table th{
	font-weight: bold;
	white-space: nowrap;
}

a.RSSLink{
	background: url(../images/rss.gif) center left no-repeat;
	padding: 3px 0 3px 20px;
	display: inline-block;
}





#DTDDashboard{

	width: 100%;
	background: url(../images/gradient.php?col1=F8F8F8&col2=E8E8E8&w=1&h=36) top left repeat-x #E8E8E8;
	border-width: 1px 0;
	border-color: #FFF #DDD #777 #EEE;
	border-style: solid;
	text-align: center;


}

#DTDDashboardContents, #DTDDashboardMessage{
 	text-align: left;
 	width: 720px;
 	margin: 0 auto;
 	padding: 10px;
 	position: relative;
 	height: 56px;
}

#DTDDashboardMessage{
	display: none;
	font-size: 1.3em;
	color: #777;
	padding: 18px; 10px;
}

#DTDDashboardMessage.loading{
	background: url(../images/loading-icon.gif) left center no-repeat;
	padding-left: 40px;
}

html>body #DTDDashboardContents{
	height: 36px;
}

html>body #DTDDashboardMessage{
	height: 20px;
}

#DTDDashboard ul.dashboardActions{
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	position: absolute;
 	top: 15px;
 	right: 0;
}

#DTDDashboard h3{
	background: url(../images/rweb-logo.png) top left no-repeat;
	width: 147px;
	height: 32px;
	border: 1px solid #CCC;
	margin: 0;
}

#DTDDashboard h3 span{
	display: none;
}

#DTDDashboard ul.dashboardActions li{
	display: inline;
}


#DTDDashboard ul.dashboardActions li a{
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 3px 6px;
	font-size: 1.1em;
	border: 1px solid #888;
	background: url(../images/gradient.php?col1=FFF&col2=DDD&w=1&h=24) top left repeat-x #DDD;
	color: #333;
	text-decoration: none;
}


#DTDDashboard ul.dashboardActions li a:hover{
	background-image: url(../images/gradient.php?col1=F0F0F0&col2=CCC&w=1&h=24);
	color: #000;

}

a.DTDClientEditButton{
	position: absolute;
	width: 12px;
	height: 12px;
	display: block;
	background: url(../images/DTDEdit.gif) center center no-repeat;
	z-index: 80;
}

a.DTDClientEditButton span{
	display: none;
}

input.DTDDeleteButton{
	width 12px;
	height: 12px;
	border: none;
}

div.newsletterEditor, body div.module.newsletterEditor, body.uploadFrame{
	font-size: 11px;
	color: #333;
}

div.newsletterEditor iframe{
	border: none;
	width: 100%;
}

div.newsletterEditor div.editorPanel iframe{
	height: 60px;
	overflow: hidden;
}

div.newsletterEditor div.previewPanel iframe{
	height: 400px;
}

div.newsletterEditor div.editorPanel div.newsItem iframe{
	height: 30px;
}

div.newsletterEditor{
	background: #E0E0E0;
}

div.newsletterEditor div.tabSet{
	padding: 2px 6px;
}


div.newsletterEditor div.tabSet a, div#pageContainer .module div.newsletterEditor div.tabSet a{
	background: url(../images/newsletter/tab-button-up.gif) center center no-repeat;
	display: inline-block;
	width: 60px;
	height: 18px;
	color: #333;
	padding: 2px 2px 0;
	text-align: center;
	text-decoration: none;
}

div.newsletterEditor div.tabSet a.active, div#pageContainer .module div.newsletterEditor div.tabSet a.active{
	background: url(../images/newsletter/tab-button-over.gif) center center no-repeat;
	color: #FFF;
}

div.newsletterEditor p.formLine input.textbox,
div.newsletterEditor p.formLine select,
div.newsletterEditor p.formLine textarea,
body.uploadFrame p.formLine input.textbox,
body.uploadFrame p.formLine select,
body.uploadFrame p.formLine textarea{
	width: 350px;
	border-color: #999;
	font-size: 11px;
}

div.newsletterEditor p.formLine textarea,
body.uploadFrame p.formLine textarea{
	height: 7em;
}
	


body.uploadFrame  p.formLine, div.newsletterEditor p.formLine{
	padding: 4px 0 4px 150px;
	border-bottom: 1px solid #FFF;
	margin: 0;
}

body.uploadFrame  p.formLine strong, div.newsletterEditor p.formLine strong{
	margin-left: -150px;
	width: 145px;
}

div.newsletterEditor p.formSubmit{
	text-align: right;
}

div.newsletterEditor div.editorPanel, div.newsletterEditor div.previewPanel{
	padding: 2px 8px 4px 8px;
	background: #F0F0F0;
}

div.newsletterEditor div.editorPanel div.newsItem, div.newsletterEditor div.editorPanel div.section{
	padding: 0 8px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	margin-bottom: 4px;
	background: #E8E8E8;
}

div.newsletterEditor div.editorPanel div.newsItem{
	margin: 4px 0;
}

div.newsletterEditor div.editorPanel h5, div.newsletterEditor div.previewPanel h5{
	padding: 1px 4px 2px;
	margin: 10px 0 0;
	background: #B8B8B8;
	color: #FFF;
	font-size: 11px;
}

div.newsletterEditor div.editorPanel div.newsItem div.imageContainer{
	float: left;
	margin: -68px 8px 8px 0;
}

div.newsletterEditor div.editorPanel a.deleteButton{
	background: url(../images/newsletter/remove-button.gif) center center no-repeat;
	margin: 0 0 0 4px;
	width: 12px;
	height: 12px;
	display: inline-block;
}

div.newsletterEditor div.editorPanel div.newsItem a.deleteButton{
	float: right;
	margin-top: 2px;
}

div.newsletterEditor div.editorPanel a.newItemButton{
	background: url(../images/newsletter/add-button.gif) center center no-repeat;
	margin: 0 0 0 4px;
	width: 20px;
	height: 16px;
	display: inline-block;
}



div.newsletterEditor div.editorPanel a.deleteButton span, div.newsletterEditor div.editorPanel a.newItemButton span{
	display: none;
}

body.uploadFrame{
	margin: 0;
	text-align: left;
	background: #E8E8E8;
}


div.newsletterEditor div.previewPanel pre{
	background: #FFF;
	padding: 8px;
	border: 1px solid #CCC;
	margin: 0;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
form.clientModuleEditor{
	font-size: 1.1em;
	padding: 6px 12px;
	border: 2px solid #CCC;
	background: #E8E8E8;
	text-align: left;
	display: block;
}

form.clientModuleEditor h3{
	font-size: 20px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	color: #666;
	
}

form.clientModuleEditor input, form.clientModuleEditor textarea, form.clientModuleEditor select{
	border-width: 1px;
	border-color: #999 #BBB #CCC #AAA;
	font-size: 11px;
	width: auto;
}

form.clientModuleEditor textarea{
	height: 24em;
}

form.clientModuleEditor input.textbox, form.clientModuleEditor textarea, form.clientModuleEditor select{
	width: 465px;
	padding: 2px;
}

form.clientModuleEditor p.formLine, form.clientModuleEditor p.formSubmit{
	border-top: 1px solid #D8D8D8;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

 form.clientModuleEditor p.formSubmit{
 	text-align: right;
 }

form.clientModuleEditor p.formLine, body.clientUploadFrame p.formLine{
	padding-left: 125px;
}

form.clientModuleEditor p.formLine strong, body.clientUploadFrame p.formLine strong{
	margin-left: -125px;
	padding-top: 2px;
	width: 120px;
	color: #666;
}
form.clientModuleEditor input.button{
	margin-left: 4px;
	padding: 2px 4px;
	background: url(../images/gradient.php?col1=E8E8E8&col2=CCC&h=30) top left repeat-x;
	border-color: #CCC #AAA #999 #BBB ;
	color: #444;
}

form.clientModuleEditor iframe.uploadFrame{
	border: none;
	padding: 0;
	width: 100%;
	margin-left: -125px;
	width: 580px;
	height: 32px;
	overflow: hidden;
}

form.clientModuleEditor iframe.uploadFrame.options{
	height: 52px;
}

form.clientModuleEditor div.fileCollection input{
	margin: 0 2px 2px 0;
}


div.DTDItemListEditor, .module div.DTDItemListEditor{
	background: #E8E8E8;
	padding: 2px;
	border: 1px solid #CCC;
}

div.DTDItemListEditor a.DTDClientAddButton, body #pageContainer .module div.DTDItemListEditor a.DTDClientAddButton{
	margin-left: 4px;
	padding: 2px 6px;
	line-height: 20px;
	background: url(../images/gradient.php?col1=E8E8E8&col2=CCC&h=30) top left repeat-x;
	border-color: #CCC #AAA #999 #BBB ;
	color: #444;
	text-decoration: none;
}

div.DTDContextMenu{
	background: #E8E8E8;
	border: 1px solid #BBB;
	border-color: #CCC #AAA #999 #BBB ;
	color: #333;
	padding: 0;
}

div.DTDContextMenu a{
	display: block;
	text-decoration: none;
	padding: 1px 3px;
	color: #777;
	font-size: 10px;
	border-bottom: 1px solid #CCC;
}

div.DTDContextMenu a:hover{
	color: #000;
}

body.clientUploadFrame{
	text-align: left;
	color: #666;
	background: #E8E8E8;
}


div#pageContainer{
	margin: 0 auto;
	width: 980px;
	padding-bottom: 10px;
	position: relative;
}


div#topSection{
	padding: 10px 10px 0;
}

div#header{
	margin: 0;
	position: relative;
}

div#header h1{
	padding: 0;
	margin: 0 5px 5px;
}

div#banner{
	position: absolute;
	top: 10px;
	right: 20px;
}

div#lhColumn, div#rhColumn{
	width: 200px;
}

div#lhColumn{
	float: left;
}

div#rhColumn{
	float: right;
}

div#middleSection{
	padding: 10px 10px 0 10px;
}

div#mainContent{
	width: 960px;
	float: left;
}

div#mainContent.leftIndent{
	margin-left: 10px;
	width: 750px;
}

div#mainContent.rightIndent{
	width: 750px;
}

div#mainContent.leftIndent.rightIndent{
	width: 540px;
}

html>body div#mainContent.leftIndent.rightIndent{
	width: 540px;
}


div#lhColumn p.formLine, div#rhColumn p.formLine{
	padding-left: 65px;
}

div#lhColumn p.formLine strong, div#rhColumn p.formLine strong{
	margin-left: -65px;
	width: 60px;
}

div#lhColumn input.textbox, div#rhColumn input.textbox, div#lhColumn select, div#rhColumn select{
	width: 90px;
}

html>body div#lhColumn select, html>body div#rhColumn select, html>body div#lhColumn input.textbox, html>body div#rhColumn input.textbox{
	width: 95px;
}