/*** Tabs ***/

#content_frame ul.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content_frame ul.mootabs_title li {
	float: left;
	list-style: none;
	background-color: #F7F7F7;
	/*background: transparent url(../../images/jj.pinfo.tab.gif) 50% 0% no-repeat;*/
	border: #DADADA 1px solid;
	margin: 0px 1px 3px;
	font-size:1.4em;
	padding: 2px 8px 2px 8px;
	width: 232px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	color: #FF7C1B;
}

#content_frame ul.mootabs_title li.active {
	background:transparent url(../images/sitebg.gif) 0% 100% repeat-x;
	color: #fff;
	z-index:999;
}

.mootabs_panel {
	display: none;
	background-color: #ddd;
	position: relative;
	width: 100%;
	top: -1px;
	clear: both;
	overflow: auto;	
}

.mootabsInner{
	padding: 1em;
}

.mootabs_panel.active {
	background-color: #fff;
	border: #DADADA 1px solid;
	display: block;
}

.dhh{
	background-color: #fff;
	/*border: #63799E 1px solid;
	padding: 10px;*/
	margin-bottom: 5px;
	line-height: 1.6em;
}

.hh{
	font-weight: bold;
	display: block;
	border-bottom: #D1D7DC 1px solid;
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 5px;
}

.dhh textarea{
	width: 550px;
	height: 75px;
	overflow: auto;
	font-size: 12px;
	color: #333;
	border: #999 1px solid;
	font-family: "Courier New", Courier, monospace;
}

.dhh button{
	font-size: 0.75em;
	font-weight: bold;
}

.dhh pre,
.dhh code{
	font-size: 12px;
	color: #CC0000;
}

.dhh fieldset.ajax{
	border: none;
	border-top: #2E4882 1px solid;
}

.dhh fieldset legend{
	/*background: transparent url(../images/drop.gif) 0% 100% no-repeat;*/
	font-weight: bold;
	color: #2E4882;
}

.dhh fieldset.ajax legend{
	cursor: pointer;
}


.dhh span.wizard{
	display: block;
	height: 40px;
	background: url(../images/wizard.gif) 0% 50% no-repeat;
	text-indent: 50px;
	font-size: 1.4em;
	margin-bottom: 10px;
	line-height: 40px;
	font-weight: bold;
	border-bottom: #D1D7DC 1px solid;
}

.goBtn{
	font-weight:bold;
	color: #cc0000;
	width: 250px;
	height:30px;
}

.preview{
	padding: 5px;
	background: #fafafa url(../wizard/images/preview.gif) 10px 10px no-repeat;
	border: #D1D7DC 1px solid;
	font-size: 0.85em;
}

.tdTitle{
	text-align: right;
	white-space: nowrap;
}

#content_frame .content_box .tdHelp{
	font-size: 11px;
	color: #999;
}

#mapContainer{
	width: 580px; 
	height: 350px;
	border: #D1D7DC 1px solid;
	overflow: auto;
}

.inputReadonly{
	border: none;
	background: none;
	float: left;
	margin-right:5px;
}

.area {
	background: transparent url(../images/sliderBg.gif) 50% 50% no-repeat;
	height: 20px;
	width: 225px;
}
 
.knob {
	height: 20px;
	width: 10px;
	cursor: pointer;
	background: transparent url(../images/slider.gif) 50% 50% no-repeat;
}

p.marker,
div#content_frame p.marker{
	margin-top: 5px;
}

/*** Toggle ***/

.switchbox{
	margin: 0 auto 10px;
	display:block;
	position:relative;
}
.switchbox .scrollarea{
	width:95px;
	height:29px;
	background:url(../images/track.png) no-repeat;
	position:relative;
	margin: 0;
}
.switchbox div.handle{
	width:42px;
	height:29px;
	background: url(../images/handle.png) center center no-repeat;
	cursor:col-resize;
	position:absolute;
	left:0;
	top:0;
}
.switchbox div.label {
	font-family: "Helvetica", "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#DDD;
	text-shadow:0 -1px 1px #555;
	position:absolute;
	top:0;
	display:block;
	line-height:29px;
	width:40px;
	text-align:center;
	cursor:pointer;
}

.switchbox div.light_bg {
	color:#555;
	text-shadow:0 1px 1px #FFF;
}

.switchbox div.right {
	right:0;
}