/* model b2w3 site.css 160408 */
/* General ----------------------------------------------------- */
/* Screen position   ------------------------------------------- */
/* Scrolling  -------------------------------------------------- */
/* Skin  ------------------------------------------------------- */
/* Fonts ------------------------------------------------------- */
/* Boxes   ----------------------------------------------------- */
/* Search fields ----------------------------------------------- */
/* Modal panels ------------------------------------------------ */
/* Buttons ----------------------------------------------------- */

 
/* General ----------------------------------------------------- */
#testLinks {text-align:left;display:block;background:transparent;position:fixed;top:100px;left:0;z-index:99;}
#testLinks span {display:block;border-bottom:1px solid black;padding:1px;color:#0f0;font-size:9px;}

/* screen position   ------------------------------------------- */
body { 
	background-position: left top; 
	background-repeat: repeat-x;
}
.saveEdit div{
	display:none;
}

/* scrolling  -------------------------------------------------- */
#box { height:auto; }
#boxM,#boxML {height:auto;}

/* Skin  ------------------------------------------------------- */
html {color:#000;background:transparent;}
body {
	background-color: #fff;
	background-image: url();
}
#boxTL { background-image: url(gfx/logo.gif)}
#mask { background: #666;}

/* Fonts ------------------------------------------------------- */
body { font-family: Verdana, Arial, sans-serif;}

/* Boxes   ----------------------------------------------------- */
#box {
	background-color: transparent;
	background-repeat: repeat-x;
	padding:0px;
	width:960px;
	z-index:0;
	position: absolute;
	left: 0;
	top:0;
}
	#boxBac {}
	#boxTL {
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
		float:left;
		height:83px;
		width:320px;
		margin-top: 20px;
		cursor: pointer;
	}	
	#boxTR {}
		#navlinks {
			font-size: 14px;
			font-weight: bold;
			text-align: right;
			margin-top: 0.5em;
			padding: 0;
			color: #036;
		}
		#navlinks li { display: inline;margin-left: 0.3em;}
		#navlinks li.last { border-right: 0;}
		#navlinks a {text-decoration: none;color: inherit;}
		#navlinks a:hover {text-decoration: underline;}
	
	#boxBL {}
	#boxBR {}
	#boxC {
		height: 190px;
		float:left;
		margin:0px;
		padding:0px;
		width:640px;
		z-index: 5;
	}
		#boxCT {
			float:left;
			margin-top: 28px;
			height:162px;
			width:490px;
			z-index:10;
		}
			#gui_menu{ 
				float:left;	
				width:100%;
				z-index:2;
			}
			#busyWheel {
				position:relative;
				left:50%;
				top:50%;
				margin:0 0 0 -9px;
				height:18px;
			}
		#boxCB {
			float:right;
			width:100px;
			margin-top: 28px;
			margin-right: 40px;
			display: inline;
		}


	#boxM {
		background: none;
		float:left;	
		width:300px;
		padding:0px;
		z-index:3;
	}
		#boxML {}
		
		#boxMR {}
		
		#boxMC {
		background-color: #lime;
		float:left;	
		width:960px;
		margin-left:0px;
		z-index:4;
	}
		#trackerFrame{}
			.tracker{}
		#gui_pageBrowser{
			background: none;
			float:left;	
			width:280px;
			padding:15px 20px;
		}
		#gui_pageFrame{
			float:left;	
			width:640px;
			text-align: left;	
		}
			#gui_page{
				color: #000000;
				position: relative;
				padding:20px 20px 40px 20px;
				width:600px;
				text-align: left;
			}
			#gui_pageFrameBot{
				color: #000000;
				width: 640px;
				text-align: left;
				z-index:2;	
			}
#mask {
	display:none;
	position:absolute;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
	top:0;
	left:0;
	z-index:98;
}
#mask iframe {
	display:none;
	width:99%;
	height:99%;
	border:0px;
	background:transparent;
}
#clip,#drag {
	position:absolute;
	height:1px;
	width:1px;
	top:10px;
	left:10px;
	z-index: 91;
}
#flash {}

/* Search fields ------------------------------------------------ */

#searchMenu{
	height:auto;
}
#siteSearch{
	background:#ebebeb url(../../images/protector/gui/search22.png) right -50px no-repeat;
	height:22px; 
	width:25px;
	float:right;
}

.searchInputDiv{
	height:22px;
	background-image: url(../../images/protector/gui/search22.png);
	background-repeat: no-repeat;
	background-position: 8px -25px;
	width:180px;
	margin:3px 0 2px 8px; 
	border:0;
}
.searchInput{
	background:transparent url(../../images/protector/gui/search22.png) top left repeat-x;
	height:21px; 
	width:145px;
	padding:2px 0 0 0;
	border:0;
	margin:0;
	outline:none;
	float:right;
	font-size:11px;
}
.searchInputEnd {
	background:url(../../images/protector/gui/search22.png) no-repeat right -75px;
	height:22px; 
	width:12px;
	float:right;
}
.search .searchInputEnd { /* search icon*/
	width:24px;
	background:url(../../images/protector/gui/search22.png) no-repeat right -50px;
}


/* Modal panels ------------------------------------------------ */
#modal{}
	#modalFrame {
		display:none;
		top:50%;
		left:50%;
		margin:-150px 0 0 -150px ;
		background-image: url(../../images/protector/gui/modal.png);
		position:absolute;
		width:300px;
		height:300px;
		z-index:99;
	}
	#modal_login {}
	.popPanel {
		position:absolute;
		top:0px;
		left:0px;
		width:250px;
		height:250px;
		padding:25px;
		overflow:visible;
		text-align: left;
	}
	.modalPanel {
		height:250px;
		width:250px;
		margin-bottom: 25px;
		text-align: left;
	}
		.panelTop {
			height:100px;
			overflow:hidden;
		}
		.panelBody {
			height:120px;
		}
		.panelFooter {
			height:30px;
		}

	.modalPanel .fieldLabel {
		text-align: center;
		clear:both;
		color:#666;
		font: italic 10px/1.2em Verdana;
	}
	.modalPanel .searchInputDiv{
		float:right;
		margin:3px 0; 
		width:245px;
		overflow:hidden;
	}
	.modalPanel .searchInput{
		width:215px;
	}
	.modalPanel .searchHalfInputDiv{
		margin:3px 0 0 5px; 
		width:120px;
	}
	.modalPanel .searchHalfInput{
		width:90px;
	}
	.modalMessage {
		clear:both;
		padding: 5px 0 0 0;
		color:#00e;
		font:bold normal 11px/1.2em Verdana;
	}
	.modalInfo {
		position:absolute;
		top:-25px;
		left:275px;
		width:250px;
		background-image: url(../../images/protector/gui/infoBac.png);
		background-position: left top;
		background-repeat: no-repeat;
		font:normal normal 11px/1.2em Verdana;
		z-index:90;
		overflow: visible;
	}
	.modalInfo p { padding:20px 20px 0px 50px;}
	.modalInfo a { color:#32c;}
	.modalInfo .modalInfoFooter{
		margin:0px 0px -20px 0px;
		width:250px;
		height:20px;
		background-image: url(../../images/protector/gui/infoBac.png);
		background-position: left bottom;
		background-repeat: no-repeat;
	}

	#modal_message .panelTop { height:165px;}
	#modal_message .panelTop textarea {
		background:white;
		height:80px;
		margin:3px; 
		width:245px;
		margin:3px 0 0 8px;
		border:1px solid #666;
		border-width: 1px 0; 
		float:right;
		border:0;
	}
	#modal_login .warn,#modal_login .warn:hover  {
		background: url(../../images/protector/gui/button24lg120.gif) no-repeat left -125px;
		float:right;
		display:block;
		text-decoration: none;
		text-align: center;
		font-size: 11px;
		color:#900;
		height: 20px;
		width: 120px;
		margin:3px 1px 0;
		padding:4px 0 0 0;
		outline:none;
	}
	#modal_message .panelBody { height:55px;}
	#modal_signup .panelTop {height:165px;}
	#modal_signup .panelBody {height:55px;}

	.errorTxt {
		width:auto;
		color:#f00;
		font:normal bold 11px/1.2em Verdana;
	}
	.messageTxt {
		width:auto;
		color:#0a0;
		font:normal bold 11px/1.2em Verdana;
	}

.modalPanel .btnLabel{
	float:right;
	text-align: right;
	font: italic 10px/1.2em Verdana;
	color:#666;
	height: 20px;
	width: 120px;
	margin:3px 3px 0 5px;
	padding:4px 0 0 0;
}
.modalPanel .focus , .editPanel .focus{
	background-image: url(../../images/protector/gui/button24lg120.gif);
	background-position: left -75px;
	color:#339;
}
.modalPanel .focus:hover , .editPanel .focus:hover{
	background-image: url(../../images/protector/gui/button24lg120.gif);
	background-position: left -25px;
	color:#339;
}
.cancel { bottom:0px;}
.btn:hover,.buttonLink a:hover,#modal_login .btn:hover,.editPanel .btn a:hover {
	color:#039;
	background:transparent url(../../images/protector/gui/button24lg120.gif) no-repeat left -25px;
}
#gui_page .btn:hover {
	color:#009;
	background:transparent url(../../images/protector/gui/button24wt120.gif) no-repeat left -25px;
}

#gui_page #LAYOUT .buttonLink a:hover, #formButton:hover {
	background-color: transparent;
	background-image: url(../../images/protector/gui/button24wt120.gif);
	background-position: left -25px;
}
.buttonLink span {
	font:normal 12px Arial;
	display:block;
	padding:4px 0 0 8px;
	float:left;
	font-weight:bold;
}
.focus{
	background-image: url(../../images/protector/gui/button24wt120.gif);
	background-position: left -75px;
	color:#339;
}

#gui_page .btn { float:left; }

.dot {
	background-image: url(../../images/protector/gui/button24lg120.gif);
	background: url(../../images/protector/gui/button24lg120.gif) no-repeat right top;
	width: 30px;
}
.editPanel .dot a:hover {
	background: url(../../images/protector/gui/button24lg120.gif) no-repeat right 0px;
}
.modalPanel .btnLabel{
	float:right;
	text-align: right;
	font: italic 10px/1.2em Verdana;
	color:#666;
	height: 20px;
	width: 120px;
	margin:3px 3px 0 5px;
	padding:4px 0 0 0;
}
.modalPanel .focus , .editPanel .focus{
	background-image: url(../../images/protector/gui/button24lg120.gif);
	background-position: left -75px;
	color:#339;
}
.modalPanel .btn, .editPanel .btn { background-image: url(../../images/protector/gui/button24lg120.gif); float:right;
}
.panelTop {
	height:100px;
	overflow:hidden;
}
.panelBody {
	height:120px;
}
.panelFooter {
	height:30px;
}

/* Buttons ----------------------------------------------------- */

.buttonLink{
	height:25px;
	margin:2px 0 0 0;
	clear:left;
}
.btn,#formButton,.buttonLink a {
	font:normal 11px Arial;
	background-color: transparent;
	background-image: url(../../images/protector/gui/button24wt120.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#333;
	display:block;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	height: 18px;
	width: 120px;
	padding:6px 0 0 0;
	outline:none;
	float:left;
	cursor: pointer;
}

#gui_page #LAYOUT .buttonLink a:hover, #formButton:hover {
	background-color: transparent;
	background-image: url(../images/button24wt120.gif);
	background-position: left -75px;
}
#gui_page .btn {
	float:left;
}
.buttonLink span {
	font:normal 12px Arial;
	display:block;
	padding:4px 0 0 8px;
	float:left;
	font-weight:bold;
}
.focus{
	background-image: url(../images/button24wt120.gif);
	background-position: left -75px;
	color:#339;
}

.modalPanel .btn, .editPanel .btn {
	background-image: url(../images/button24lg120.gif);
	float:right;
}

.dot {
	background-image: url(../images/button24lg120.gif);
	background: url(../images/button24lg120.gif) no-repeat right top;
	width: 30px;
}