@import url(layout.css);
@import url(config.css);
body {
	margin:2px;	
	overflow: auto;
}

body, td {
	font:12px verdana,arial,helvetica;
	}
form {
	margin:1px;
	display: block;
	clear: both;
}
fieldset {
  border: none;
  border-top: 1px solid #A1A1A1;
  margin: 0px;
  padding: 0px;
}

legend {
  font: bold 11px Tahoma;
  color: #666;
  white-space: nowrap;
  margin-bottom: 5px;
  margin-left: -9px;
  padding-right: 5px;
  vertical-align: middle;
  padding-left: 2px;
}
legend img {
	margin-right: 3px;
}

.title	{
	font:bold 14px arial,helvetica;
	color:#003366;
}
DIV.consolePanel {
	display: block;
	margin: 80px auto;
	padding-top: 20px;
	width: 80%;		
	clear: both;
	border:1px solid #666;
}
DIV.clear {
	clear: both;
}
UL.consolePanel {
	margin: 5px;	
	display: block;
	clear: both;
}
LI.consoleItem {	
	width: 300px;
	display: inline;
	float: left;
	padding:5px;
	margin-bottom:20px;
	}
DIV.consoleItemTitle {
	text-align: left;
	margin-top:20px;
	border-bottom:1px solid #666;
}

DIV.consolePanelLegend {
	width: 200px;
	margin-left: 10px;
	margin-top: -30px;
	float: left;
	font:bold 14px arial,helvetica;
	color:#003366;
	border:1px solid #666;
	display: block;
	background-color: #EEE;
}
DIV.consoleItemTitle A {
	background-color: #FFF;
	padding-right: 15px;
	padding-left: 3px;
	position: absolute;
	margin-top: -10px;
	font:bold 14px arial,helvetica;
	color:#003366;
	text-decoration:none;
	border:1px solid #666;
	}
DIV.consoleItemTitle A:hover {
	color:#336699 ;
	}	
DIV.consoleItemDesc{
	position: relative;
	display: inline;
	padding:5px;
	padding-top:10px;
	height: 40px;
	float: left;
}
DIV.consoleItemDesc IMG {

}
DIV.consoleItemDesc A {
	font:12px verdana,arial,helvetica;
	color:#666;
	text-decoration:none;
	}	
DIV.consoleItemDesc A.ci_linkImage{
	position: absolute;
	left: 2px;
	top: 10px;
}
DIV.consoleItemDesc A.ci_linkText{
	position: absolute;
	left:52px;
	top: 15px;
	width: 200px;
}
.consoleTop , .consoleTopSelect{	
	padding:4px;
	background-repeat:repeat;
	font:12px arial,helvetica;
	height: 18px;
}
.consoleTop {
	background-image:url('../gradient.ashx?start=FEFEFE&end=DDDDDD&type=1&size=30');
}	
.consoleTop A {
	color:#666;
	text-decoration:none;
}
.consoleTopSelect {
	background-image:url('../gradient.ashx?start=999&end=CDCDCD&type=1&size=30');
}
.consoleTopSelect A {
font-weight: bold;	
	color:#FFF;
	text-decoration:none;
}
.nobr {
	word-break: keep-all;
	white-space: nowrap;
	cursor: default;
}
.TreeDragItem {
	padding:2px;
	vertical-align: middle;
	border: 1px solid #778899;
	background: #F0FFFF;
}
._s , ._d {
	font-weight: bold;	
}
.TreeItemSelected {
	border: 1px solid #778899;
}
.TreeItemSelected SPAN{	
	font-weight: bold;	
	color:red;
}
.TabStrip {
	behavior: url(../Scripts/tabStrip.htc);
	-moz-binding: url(moz-behaviors.xml?../Scripts/tabStrip.htc/#behavior);
}

.TabSelected , .TabUnselected {
	padding:2px;
	padding-top:5px; 
	padding-bottom: 2px;
	font:12px arial,helvetica;
	color:#666;
	cursor: pointer;
}
.TabSelected {
	font-weight: bolder;
	background-image:url('../gradient.ashx?start=FEFEFE&end=DDDDDD&type=1&size=30&g1={0,2,ff6600,ffcc00}');
}

.TabUnselected {
	background-image:url('../gradient.ashx?start=F4F4F4&end=CDCDCD&type=1&size=30');
}
.TabSeparator {
	height: 5px;
	border-top : 1px solid #CCC;
	background-image:url('../gradient.ashx?start=DDDDDD&end=FFFFFF&type=1&size=5');	
}
.yesNo {
	behavior: url(../Scripts/yesNoControl.htc);
	-moz-binding: url(moz-behaviors.xml?../Scripts/yesNoControl.htc/#behavior);
}
.textbox {
	behavior: url(../Scripts/textbox.htc);
	-moz-binding: url(moz-behaviors.xml?../Scripts/textbox.htc/#behavior);
}
.textboxLight {
	border : 1px solid #666;
	background :#f3f3f3;	
	behavior: url(../Scripts/textboxLight.htc);
}
.textboxLight:focus{
	border : 1px solid #000;
	background-color :#FFFFFF;	
}
.date {
	behavior: url(../Scripts/date.htc);
	-moz-binding: url(moz-behaviors.xml?../Scripts/date.htc/#behavior);
}
.comboController {
behavior: url(../Scripts/comboController.htc);
	-moz-binding: url(moz-behaviors.xml?../Scripts/comboController.htc/#behavior);
}
.comboControllerDepends {
behavior: url(../Scripts/comboControllerDepends.htc);
	-moz-binding: url(moz-behaviors.xml?../Scripts/comboControllerDepends.htc/#behavior);
}
.colorPicker {
behavior: url(../Scripts/colorPicker.htc);
-moz-binding: url(moz-behaviors.xml?../Scripts/colorPicker.htc/#behavior);
}
.toolbarButton {
	behavior: url(../Scripts/toolbarButton.htc);
	-moz-binding: url(moz-behaviors.xml?../Scripts/toolbarButton.htc/#behavior);
}
.textbox_Input, .textbox_InputFocus{
	font : 12px verdana;
	padding: 2px;
}
.textbox_Input {
	border : 1px solid #666;
	background :#f3f3f3;	
}
.textbox_InputFocus {
	border : 1px solid #000;
	background-color :#FFFFFF;	
}
.optionSelect , .optionUnselect {
	cursor: default !important;
	-moz-user-select : none;
}
.comboContainer {
	background : #FFF;
	border : 1px solid #666;
}
.comboContainer DIV {
	font: 11px Tahoma;
	cursor: default;
	padding-left:3px;padding-right:5px;
}
.optionSelect {
	border : 1px solid #000;
}
.optionUnselect{
	border : 1px solid #fff;
}
.openComboButton{
	border: 1px outset #666;
	background: #DDD;
	font : bold 12px verdana;
	word-spacing: 3px;
	-moz-outline-radius: 3px 3px 3px 3px;
	vertical-align: top;
}
.toolbarButtonNormal , .toolbarButtonOver , .toolbarButtonPressed {
	padding: 2px;
	margin: 2px;
	margin-right:0px;
	padding-left: 5px;
	padding-right: 5px;
	font: 11px Tahoma;
	cursor: default;
	height: 16px;
}

.toolbarButtonNormal IMG, .toolbarButtonOver IMG, .toolbarButtonPressed IMG{
	margin-right:2px;
}

.cmPanel {
	background:#DEDEDE;
	z-index: 10;
	border : 1px solid #999;
	background-image:url('../gradient.ashx?start=F4F4F4&end=CDCDCD&type=1&size=300');
}
.cmPanel TD{
	font: 11px Tahoma;
	cursor: default;
}
.cmRowOver TD {
	background-image:;
	background: #ffffcc;
}
.cmCell1 {
	background-image:url('../gradient.ashx?start=CDCDCD&end=999&type=0&size=30');
}
.cmCell2 {
	padding-left: 5px;
	padding-right: 5px;
}
.editorTopBar{
	background-image:url('../gradient.ashx?start=17436D&end=DDD&type=0&size=800');
	background-repeat: repeat-y;
	color: #FFF;
}

/*
DIV.topBar {
	margin-bottom: 10px;
	margin-top: 0px;
	border-top : 1px solid #666;
	background-image:url('../gradient.ashx?start=DCDCFF&end=FFF&type=1&size=50');
	border-bottom : 1px solid #999;
}
DIV.topBar TD{
	padding: 3px;
}
*/
.toolbarButtonNormal, .toolbarButtonOver, .toolbarButtonPressed,.toolbarItem{
	font: 11px tahoma;
}
.toolbarButtonNormal {
	background-image:url('../gradient.ashx?start=F4F4F4&end=CDCDCD&type=1&size=30');
	border : 1px solid #666;
}
INPUT.toolbarButtonNormal {
	padding:2px;
	margin:0px;
	height:auto;
}
.toolbarButtonOver{
	background-image:url('../gradient.ashx?start=F4F4F4&end=DEDEDE&type=1&size=30');
	border : 1px solid #999;
}
.toolbarButtonPressed{
	position: relative;
	background: #FFF;
	border : 1px solid #000;
	border-bottom : none;
	margin-bottom: 0px;
		top: 2px;
		padding-bottom: 4px;
		z-index: 20;
}
.toolbarButtonDependant{
	padding: 2px;
	padding-top: 5px;
	border : 1px solid #000;
	background:#DEDEDE;
	z-index: 10;
	background-image:url('../gradient.ashx?start=FFF&end=999&type=1&size=300');
}
.boxImageOut{
		border : 1px solid #FFF;
}
.boxImageOver{
	border : 1px outset #999;
}

DIV.defLabel {
  padding:2px;
  width:150px;
  font:11px Tahoma;
}
.linkLabel {
	text-decoration:none;
	font:11px Tahoma;
	color:Navy;
	cursor: pointer;
}
.linkLabel:hover {
	text-decoration:underline;
}
.FileTable {
}
.FileTable TD, .FileTable TH , .FileTable input{
	font:11px Tahoma;
	white-space: pre;
	-moz-user-select: none;
}
.FileTable TH {
	font-weight:bold;
}
.FileTable TD{
	background: #FFF;
	cursor: pointer;
}
.rowSelected TD {
	background:#DDD;
}
/*IDS*/
#waitMsg {
border : 1px solid #666;
}
#msg{
	padding: 5px;
	margin: 5px;
	border: 1px solid #5B5B00;
	background-image: url('../gradient.ashx?start=FFF&end=FFFF00&type=1&size=80');
	color: Red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:  bold;
	text-align: center;
}
.preview{
	margin: 5px;
	border: 1px solid #DDD;
	background-image: url('../gradient.ashx?start=FFF&end=FFFF00&type=1&size=380');
	min-height: 100px;
}
TD.spacer {
	height:16px;	
}

FORM.tabform {
	padding: 10px;
}
.tabpanel {
		display:block;		
		width: 98%;
		margin-left: 2px;
		clear: both;
		border: 1px solid #919B9C;
		border-top: 0px;
		padding: 0px;
}

.tabs {
	float: left;
	width: 98%;
	line-height: normal;
	margin-left: 2px;
	background-image: url("../icons/xp/tabs_bg-24.gif");
	overflow: hidden;
}

.tabs ul {
	margin: 0;
	padding: 0 0 0;
	list-style: none;
}
.tabs li , .tabs li.current {
	cursor: pointer;
	-moz-user-select: none;
}
.tabs li {
	float: left;
	background: url("../icons/xp/tab_bg-24.gif") no-repeat left top;
	margin: 0;
	margin-left: 0;
	margin-right: 2px;
	padding: 0 0 0 10px;
	line-height: 24px;
	opacity:0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
.tabs li.current img {
		margin-left: -4px;
}
.tabs li.current, .tabs li:hover {
	opacity:1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.tabs li.current {
	background: url("../icons/xp/tab_sel_bg.gif") no-repeat left top;
	margin-right: 2px;	
}
.tabs span {
	float: left;
	display: block;
	background: url("../icons/xp/tab_end-24.gif") no-repeat right top;
	padding: 0px 10px 0 1px;
	font-family: Verdana, Arial;
	font-size: 10px;
	white-space: nowrap;
}
.tabs a:link, .tabs a:visited  {
	color: #000;
}
.tabs span:hover, .tabs a:hover {
	color: Red;
}
.tabs .current span {
	background: url("../icons/xp/tab_sel_end-24.gif") no-repeat right top;
}
.tabs .current span:hover {
	color: #000;
}
.tabs a {
	text-decoration: none;
	
}


.InfoPanel {
	border:1px solid #919B9C;
	padding: 4px;
	color: #3E4D50;
	font-family: Verdana, Arial;
	font-size: 10px;
}