/* basics */

body { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	padding: 0px;
	margin:0px;
}

.main
{
	padding-left:10px;
	padding-right:10px;
}

body.iframe 
{
	border-left: 2px inset;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
	margin: 10px 10px 0px 10px;
	padding: 0px;
	overflow:auto;
}

/* actionButtons */


.actionButtons
{
	font-size:12px;
}

.actionButtons a,
.actionButtons a:link,
.actionButtons a:visited,
.actionButtons a:hover
{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-right:2px;
	text-decoration:none;
	color:blue;
}

.actionButtons a:hover
{
	text-decoration:underline;
}

.actionButtons a.default,
.actionButtons a.default:visited,
.actionButtons a.default:link
{
	font-weight:bold;
}

#lesspanel a, #morepanel a
{
	color:#9090ff;
}

td.pager { padding-left:40px; }
td.pager { color:Gray }


/**/

input.buttonDefault
{
	background-color:blue;
	color:White;
	font-weight:bold;
	border-top:none;
	border-left:none;
	border-right:1px solid navy;
	border-bottom:1px solid navy;	
	cursor:hand;
}

.confirmPrompt
{
	font-weight: bold;
}

#actionBar, #confirmBar
{
	padding-left:10px;
}

.confirmPrompt
{
}


#confirmBar button
{
	cursor:hand;
	padding:1px;
	margin-left:5px;
}

#confirmBar button.default
{
	background-color:Blue;
	color:White;
}

.smallButton { font-size:9px }

.disabled { color: #808080; }

body.dialog
{
	background-color:#f0f0f0;
	border-left: none;
	overflow:hidden;
}

body.dialog h1 
{
	color:Black;
}

body.dialog div.inset 
{
	border:2px inset; 
	padding:5px;
	background-color:White; 
}

table.form
{
	background-color:#EEEEEE;
	border:2px outset #EEEEEE;
}

div.inset
{
	border:2px inset #EEEEEE;
	background-color:White;
}

div.insetScroll300
{
	padding: 4px;
	border:2px inset #EEEEEE;
	background-color:White;
	overflow: auto;
	height: 300px;
	font-size: xx-small;
}
div.insetScroll300 td { font-size: xx-small; }

div.insetScroll200
{
	padding: 4px;
	border:2px inset #EEEEEE;
	background-color:White;
	overflow: auto;
	height: 200px;
	font-size: xx-small;
}
div.insetScroll200 td { font-size: xx-small; }

div.insetScroll100
{
	padding: 4px;
	border:2px inset #EEEEEE;
	background-color:White;
	overflow: auto;
	height: 100px;
	font-size: xx-small;
}
div.insetScroll100 td { font-size: xx-small; }

.MessageAlert
{
	color:Green;
}

#toolbar a, #toolbar a:visited
{
	color:Blue;
}

#panelToolbar button 
{
	cursor:hand;
	border:none;
}


input.file 
{
	width:0px;

}


label.field
{
	font-weight:bold;
	white-space:nowrap;
	padding-right:20px;
}

label.field_developer_only
{
	background: url('../images/input/dev_only_icon.png') no-repeat;
	width:20px;
	height:22px;
	font-weight:bold;
	white-space:nowrap;
	
}

label.field_developer_only .text
{
	margin-left:25px;
}

input.lock
{
	zoom:80%;
}

.fieldDiv
{
	clear:both;
	padding-bottom:10px;
}

.labelDiv
{
	font-size:14px;
	color:Black;
	font-weight:normal;
	padding-bottom:5px;
}

.labelDiv .asterisk
{
	position:relative;
	top:-5px;
	font-size:10px;
}

.inputDiv
{
	padding-left:0px;
}

label.field span.brackets
{
	font-weight:normal;
	color:Gray;
	padding-left:10px;
	font-size:12px;
}

span.relation
{
	border:1px inset buttonface;
	padding:5px;
}

input, select, option, textarea
{
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #000000; 
}

input.error
{
	background-color:#FFB0B0;
}

li.error { color:Red }
li.warning { color:Gray }
li.unauthorised { color:Teal }

#actionLabel { z-index: 100; position:absolute; top:0px; width:100%; text-align:right; display:none }
#actionLabel span { background-color:#FF1963; color:White; font-weight:bold; padding:5px; }

tr, td
{
	vertical-align:top;
}

tr.vmiddle td
{
	vertical-align:middle;
}
	
/* text styles */

.InfoMessage 
{
	color: #808080;
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
}
.StatsInfoMessage 
{
	color: #FFFFFF;
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
}
	

hr.hr_top 
{
	display: none;
}
	
.header
{
	color: #FF003D;
	font-variant: small-caps;
	font: medium Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 0 4px 0;
}
	
/*
a.link_top 
{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
}
	
a.link_top:visited 
{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; 
}
	
a.link_top:hover, a.link_top:active 
{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}
*/
	
body, td, p { 
	font-weight: normal; 
	font: Verdana, Arial, Helvetica, sans-serif;
}

th {
	font-weight:bolder;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-align:left; 
}	

pre {
	font-weight: normal; 
	font: Georgia, Arial, Helvetica, sans-serif;
}

h2 
{
	font-size: small;
}

h3
{
	font-size:11px;
}

h3 { 
	margin-bottom: 0px;
}
	
a 
{ 
	font-weight: normal; 
	text-decoration: none; 
	color: blue;
}
	
a:visited { 
	font-weight: normal; 
	text-decoration: none;
	color: blue;
}
	
a:hover, a:active { 
	text-decoration: underline; 
	color: blue;
}

div.loginBody 
{
	padding: 5px;
	margin: 100px 0px 0px 0px;
	text-align: center;
}

#LabelState, .labelHistory
{
	color:Gray;
	padding:5px;
	font-size:9px;
	font-weight:normal;
}


div.tabSet
{
	margin-left:10px;
	margin-top:20px;
	margin-right:10px;
	height:19px;
	border-bottom:1px solid Gray;
	width:950px;
}
h2.head
{
	font-size: 14px;
	color: #316BD6 !important;
	border-bottom:1px dotted #AEAEAE;
}

div.tabBody 
{
	position:relative;
	border-left:1px solid Gray;
	border-bottom:1px solid Gray;
	border-right:1px solid Gray;
	padding:15px;
	margin-left:10px;
	margin-right:15px;
	background-color:#F0F0F0;
	overflow:visible;
    height: auto !important;
    height: 300px;
    min-height: 300px;
	width:920px;
}

span.tabSelected, a.tabUnselected
{
	font-size:12px;
	position:relative;
	width:100px;
	padding-left:20px;
	padding-right:20px;	
	margin-left:5px;

}

span.tabSelected
{
	text-align:center;
	font-weight: bold;
	color:Black;
	background-color:#F0F0F0;
	border:1px solid Gray;
	border-bottom:0px solid White;
	white-space:nowrap;	
	padding-top:5px;
	padding-bottom:9px;
	top:-2px;
	cursor:hand;
} 


a.tabUnselected 
{	
	width:100px;
	text-align:center;
	background-color:#c0c0c0;
	border-left:1px solid Gray;
	border-top:1px solid Gray;
	border-right:1px solid Gray;
	cursor:hand;
	white-space:nowrap;	
	padding-top:3px;
	height:40px;
	padding-bottom:5px;
} 

a.tabUnselected, a.tabUnselected:visited
{
	color:Black;
} 

a.tabUnselected:hover
{
	text-decoration:none;
	text-align:center;
	background-color:#F0F0F0;
	border:1px solid Gray;
	white-space:nowrap;	
	padding-top:5px;
	padding-bottom:6px;
	top:-1px;
	cursor:hand;
} 



ol.topmenu li 
{
	display:inline;
	list-style-type:none;
}

div.inputform 
{
	padding:10px;
	/*background-color: #E4E4E4;
	border: solid 1px #BEBEBE;
	*/
}

.warningtext 
{
	width: 100%;
	border: solid 1px #BEBEBE;
	background-color: #FFFFCC;
	font-weight: bold; 
	color: #FF0000;
	text-align: center;
	line-height: 2;
	padding: 10px 80px 10px 80px;
	margin: 10px 0px 10px 0px;
}

/* WYSIWYG STYLES */
.diablo_wysiwyg 
{
	background-color: #FFFFFF;
	padding: 2;
	color: #000000;
	border: 2px inset;
	overflow:auto;
}

.diablo_wysiwyg div, p 
{
	font-weight: normal; 
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}

.EditBar
{
	padding: 2px;
	background-color: transparent;
}

Table.EditBar
{
	padding: 2px;
}

.ToolBar
{
	border-bottom: solid 4px #FF003D;
	background-color: #FFFFFF;
	color: #000000;
}

.Handle
{
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	width: 3px;
	height: 100%;
	margin-left: 0px;
	margin-right: 3px;
}

.WysiwygButton
{
	border: 1px solid D4D0C8;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: 000000;
	background-color: #D4D0C8;
}

.ButtonSep
{
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	width: 1px;
	height: 100%;
	margin-left: 3px;
	margin-right: 8px;
}

.optionremove 
{
	color:#5F5F5F;
	font-weight: bold;
	background-color:#FFFFFF;
}

/* buttons */
.button_mouseover 
{
	border: 1px buttonhighlight outset;
}
.button_mouseout 
{
	border: 1px D4D0C8 solid;
}
.button_mousedown 
{
	border: 1px buttonhighlight inset;
}
.button_mouseup 
{
	border: 1px buttonhighlight outset;
}


hr.page { 
	height:1px; border:1px dashed gray;
}

/* END WYSIWYG STYLES */

.formLabel { display:inline; position:static; width: 150px; }


/* Control menu */



#DiabloLogo
{
	width: 300px;
	right: 0px;
	background:transparent url('../images/controlnav/sequence_logo.gif') no-repeat top right;
	position: absolute;
	top: 0px;
	text-align:right;
	padding-right:20px; 
	padding-top:30px;
}
#DiabloLogo strong
{

}
#DiabloLogo span
{
	display:block;
	color:Red;
	font-family:Verdana;
	font-weight:bold;
	font-size:14px;
	font-variant:small-caps;
	margin-top:5px;
}

#LabelState
{
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
	display:block;
}


a.imgbutton span
{
	font-size:13px;
	position:relative;
	top:0px;	
	display:inline-block;
	color:Gray;
	margin-left:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:10px;
}

a.imgbutton, a.imgbutton:visited, a.imgbutton:link
{
	margin-top:2px;
	margin-right:2px;
	padding-left:2px;
	padding-right:2px;
	height:50px;
	display:block;
	float:left;
	border:1px solid white;	
	font-weight:normal;
	font-size:12px;
	color:Silver;
	text-decoration:none;
}

a.imgbutton:hover 
{
	border:1px solid #f0f0f0;
	cursor:hand;
}

a.imgbutton:hover span
{
	color:Blue;
}

.highlight
{
	background-color:Yellow;
}

.statusLive, .statusPreview
{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:5px;
	font-size:14px;
}

.statusLive
{
	background-color:Green;
	color:White;
}

.statusLive a, .statusPreview a,
.statusLive a:visited, .statusPreview a:visited
{
	color:White;
	text-decoration:underline;
}


.statusPreview
{
	background-color:#D38601;
	color:White;
}

#DefaultControlNav
{
	float:left;
}

h1
{
	font-variant: small-caps;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

body.control h1
{
	font-variant: small-caps;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	margin-bottom:0px;
}

body.control h1 span
{
	display:block;
	background-color:#303030;
	color:White;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;	
}



#CustomControlNav
{
	padding:10px;
	float:left;
}

#CustomControlNav a
{
	background-color:#e0e0e0;
	color:Black;
	font-size:9px;	
}

#CustomControlNav a:link, #CustomControlNav a:visited 
{ 
	border-top:none;
	border-left:none;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-right:2px;
	text-decoration:none;
	color:Black;

}

#CustomControlNav a:hover
{
	background-color:#c0c0c0;
}

.hidden { color: #A6A6A6; font-style: italic; }

.LetterFilterRight{float:right; text-align:left;width:500px; padding-left:25px; padding-top:5px; }
.LetterFilterLeft{float:left;width:250px;}
#iframenewslettertarget { height:50%; overflow-y:auto; border:1px indent; }


/* STATS */
	/* General styles for the statistics pages/tabs... */
		tr.HeadingText td { font-weight: bold; }

		.statsSection
		{
			background-color: #FFCC00;
			border: solid 1px #FFCC00;
		}

		.statsSectionHeader
		{
			padding: 6px;
		}

		.statsSectionHeader H3
		{
			margin: 0px;
			padding: 0px;
		}

		.statsSectionHeader span
		{
			color: #FFFFFF;
			font: xx-small Verdana, Arial, Helvetica, sans-serif;
		}

		.statsSectionBody
		{
			background-color: #FFF7D5;
			padding: 6px;
		}


	/* colored variations on the above styles... */
		.statsSectionRed
		{
			background-color: #FF4000;
			border: solid 1px #FF4000;
		}

		.statsSectionRed .statsSectionBody
		{
			background-color: #FFE9E1;
			padding: 6px;
		}

		.statsSectionGreen
		{
			background-color: #66CC66;
			border: solid 1px #66CC66;
		}

		.statsSectionGreen .statsSectionBody
		{
			background-color: #DBF2DC;
			padding: 6px;
		}

		.statsSectionOrange
		{
			background-color: #FF9600;
			border: solid 1px #FF9600;
		}

		.statsSectionOrange .statsSectionBody
		{
			background-color: #FFF7D5;
			padding: 6px;
		}

		.statsSectionGrey
		{
			background-color: #c0c0c0;
			border: solid 1px black;
		}

		.statsSectionGrey .statsSectionBody
		{
			background-color: #f0f0f0;
			padding: 6px;
		}


	/* Styles for specific stats controls... */
		/* Summary Bar Chart Control */
		#infoPanel
		{
			position: absolute;
			background-color: #FFFFFF;
			top: 0;
			right: 0;
			opacity:0.8;
			filter:alpha(opacity:80);
			border-left: solid 4px #000000;
			padding: 6px;
			z-index: 201;
			width: 300px;
			height: 100%;
		}
		#infoPanel a img { float: right; }
		#infoPanel #innerContent { font-size: 0.8em; }

		#divStatsSummary #barinfo { margin-top: 10px; }

		table.statsTable { background-color: #F7F7F7; border-bottom:solid #666666 1px; height:397px; }
		table.statsTable td { font-family: Verdana; font-size: 9px; vertical-align:bottom; border-right:solid white 1px;}
		table.statsTable td.statsTDScale { background-color: #E6E6E6; border-right:solid #666666 1px; border-top:solid #666666 1px; height: 76px; vertical-align:top;}
		table.statsTable td.statsTDScroll { height: 17px; }
		td.statsTDFeedback {padding-right:60px;}

		/*.BarChartHolder { width: expression(document.body.clientWidth-290); overflow-x: scroll; }*/
		.BarChartHolder { width: 696px; overflow-x: scroll; }
		.BarChartHolder table { height: 397px; }
		.chartColumn { cursor:hand; }


/* DRAG AND DROP ORDERING */
#list, .dndlist { margin: 0; margin-top:10px; padding:0; list-style-type: none; width:700px; }
#list li, .dndlist li { position: relative; width: 700px; margin:0; margin-bottom:4px; padding: 0 2px 0 2px; height: 25px; border:1px solid #888; cursor:move; vertical-align: middle; background: transparent url('../images/input/orderbuttons.gif') no-repeat right; }
#list li .editor { position: absolute; top: 2px; right: 90px; }
.sortableList, .dndlist { margin: 0; margin-top:10px; padding:0; list-style-type: none; width:700px; }
.sortableList li, .dndlist li { position: relative; width: 700px; margin:0; margin-bottom:4px; padding: 0 2px 0 2px; height: 25px; border:1px solid #888; cursor:move; vertical-align: middle; background: transparent url('../images/input/orderbuttons.gif') no-repeat right; }
.sortableList li .editor { position: absolute; top: 2px; right: 90px; }

h2.listContentTitle {height:0px; line-height:0px; margin:1px 0px 0px 0px; font-size:0.1px; color:white;}
h3.editContentFieldsTitle {height:0px; line-height:0px; margin:1px 0px 0px 0px; font-size:0.1px; color:white;}
.resourceDialogView { margin:10px }
.resourceDialogView h2 { margin:0px 0px 5px 0px; padding:0px;}
.resourceDialogView h3 { margin:0px 0px 10px 10px; padding:0px; font-weight:normal;}
.resourceDialogTableList span.imageSpacer {width:26px;}

.errorTD {color:red; padding:0px;}
ul.error, span.error {color:red;}
ul.sitehosts {margin:5px 25px; padding:0px;}

#siteForm div {padding:3px 0px;}
#siteForm div span { display:inline-block; width:123px; vertical-align:top;}
#siteForm div.label {width:120px;float:left;padding:3px 0px;clear:left;}
#siteForm div.label .requiredindicator{display:inline;width:10px;}
#siteForm div.control {margin:0px; padding:3px 0px;}


/* cms more */

fieldset 
{ 
	padding-left:10px;
	margin-bottom:20px;
	border:1px solid gray;
}
legend 
{ 
	padding-left:0px; 
	margin-left:-10px;
	margin-bottom:10px;
}
a.more, a.more:link, a.more:visited, a.more:active
{
	color:#9090ff;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
}
legend a.more, legend a.more:link, legend a.more:visited, legend a.more:active
{
	display:inline;
	color:#4040ff;
	margin-left:0px;
	margin-bottom:0px;
}

ul.list
{
	margin-left: 0px;
	list-style-type: none;
} 

ul.list img, ul.list .button
{
	margin-left: 5px;
	margin-right: 5px;
}

ul.list li
{
	border:2px Solid #CCCCCC;
	margin-bottom: 5px;
	padding: 5px 5px 5px 5px;
	background-color: #F8F8F8;
}

ul.list li li
{
	border:2px Solid #CCCCCC;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 5px 5px 5px 5px;
	background-color: #FCFCFC;
}

.controlNavButton
{
	padding:5px 10px !important;
	border-top:1px solid #fff !important;
	border-left:1px solid #fff !important;
	border-right:1px solid #656565 !important;
	border-bottom:1px solid #656565 !important;
	background-color:#C60000 !important;
	color:#F0F0F0 !important;
	font-size:12px !important;
	margin:5px 0px 5px 0px !important;
}

.NewsletterUnsubscribe
{
	padding:10px 6px 6px 6px;

}