@charset "utf-8";
/************************************
[AJAX JAVASCRIPT]OVERLAY VERSION 2.0
z-index levels
1-999 anything in bottom layer site templates
1000 1st Fade Layer
1001 - 1099 main ol window
1400 - focus index
1500 2nd Fade Layer
1501 - 1999 Top layers that block out all others
***********************************/
		.ol_main_loading {
			display: none;
			position: fixed;
  			text-align:center;
			width: 270px;
			padding: 8px;
			border: 6px solid grey;
			background-color: white;
			overflow: none;
			z-index: 2000;
			-moz-opacity: 1.0;
			opacity: 1.00;
			filter: alpha(opacity = 100);
			zoom: 1;
		}
		.ol_window_main {
			display: none;
			position: fixed;
			padding:0px;
			border: 6px solid grey;
			background-color: white;
			overflow: none;
			z-index: 1001;
			-moz-opacity: 1.0;
			opacity: 1.00;
			filter: alpha(opacity = 100);
			zoom: 1;
		}
		.ol_img_viewer {
			display: inline;
			position: fixed;
			padding: 16px;
			border: 8px solid grey;
			background-color: white;
			overflow: none;
			z-index: 1510;
			-moz-opacity: 1.0;
			opacity: 1.00;
			filter: alpha(opacity = 100);
			zoom: 1;
		}
		.ol_sub_1 {
	    	padding: 5px;
			background-color: white;
			overflow: auto;
			padding: 5px;
			height: 80%;
		}

		.ol_black_1 {
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			z-index: 1000;
			-moz-opacity: 0.6;
			filter: alpha(opacity = 60);
			opacity: .60;
			zoom:1;
			background-color: black;
			-webkit-user-select:none;
			-moz-user-select:none;
		}
		.ol_black_2 {
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			z-index: 1500;
			-moz-opacity: 0.6;
			filter: alpha(opacity = 60);
			opacity: .60;
			zoom:1;
			background-color: black;
			-webkit-user-select:none;
			-moz-user-select:none;
		}
		.ol_button {
		float: right;
		padding: 2px 2px;
		}
		.ol_title {
		color: #729126;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		padding-left: 10px;
		line-height: 2em;
		}
		.fl_l {
		float: left;
		}	
		.fl_r {
		float: right;
		}	
		.move_cursor {
		cursor: move;
		}
		.pointer_cursor {
		cursor: pointer;
		}
 		.se_resize_cursor {
		cursor: se-resize;
		}

		#f1_upload_process  {
		   z-index:1090;
		   position:absolute;
		   visibility:hidden;
		   text-align:center;
		   width:300px;
		   margin:0px;
		   padding:0px;
		   background-color:#fff;
		   border:1px solid #ccc;
		}
		.img_sm {
		display: inline;
		position: relative;
		width: 60px;
		height: auto;
		padding: 4px 4px 4px 4px;
		border: 1px solid #c9c9c9; 
		background: white;
		}
		.img_sm_sel {
		display: inline;
		position: relative;
		width: 60px;
		height: auto;
		padding: 1px 1px 1px 1px;
		border: 4px solid red; 
		background: red;
		}
		.img_med {
		display: inline;
		width: 100px;
		height: auto;
		padding: 4px 4px 4px 4px;
		border: 1px solid #c9c9c9; 
		background: white;
		}
		.img_med_sel {
		display: inline;
		position: relative;
		width: 100px;
		height: auto;
		padding: 1px 1px 1px 1px;
		border: 4px solid red; 
		background: red;
		}
		.form  {
		text-align:center;
		width:390px;
		margin:0px;
		padding:5px;
		background-color:#fff;
		border:1px solid #ccc;
		}
		div.hrspacer_sm {
		margin:0 auto;
		height: 0.5em;
		clear: both;
		width: auto;
		}
		div.hrspacer_sm hr {
		display: none;
		}

		.taskbar_1 {
		text-align: center;
		display: inline-block;
		cursor: pointer;
		width: 120px;
		height: auto;
		margin: 1px;
		padding: 0;
		background: url(../icons/icon_taskbar.png) no-repeat top left;
		border: 0;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
		}
		
		.hidden {
			display: none;
		}
		.display {
			display: inline;
		}
		.dock_bottom {
			background: url(../icons/icon_dock.png) no-repeat top left;
			display: inline;
			position: fixed;
			border: 4px solid grey;
			background-color: white;
			overflow: none;
			z-index: 1401;
			-moz-opacity: 1.0;
			opacity: 1.00;
			filter: alpha(opacity = 100);
			zoom: 1;
			bottom:0px;
			height:32px;
			width:auto;
			padding:0px;
			left: 0px;
		}

		.dragme {
			display: inline;
			position: fixed;
			border: 4px solid grey;
			background-color: white;
			overflow: none;
			z-index: 1401;
			-moz-opacity: 1.0;
			opacity: 1.00;
			filter: alpha(opacity = 100);
			zoom: 1;
			bottom:0px;
			height:32px;
			width:auto;
			padding:0px;
			left: 0px;
		}

		.taskbar {
			position: fixed;
			border: 4px solid grey;
			background-color: white;
			overflow: none;
			z-index: 1401;
			-moz-opacity: 0.5;
			opacity: 0.50;
			filter: alpha(opacity = 50);
			zoom: 1;
			bottom:0px;
			height:32px;
			width:100%;
			padding:0px;
			left: 0px;
		}

		.start_menu {
			position: fixed;
			border: 4px solid grey;
			background-color: #000000;
			overflow: none;
			z-index: 1402;
			-moz-opacity: 0.8;
			opacity: 0.8	0;
			filter: alpha(opacity = 80);
			zoom: 1;
			bottom:40px;
			height:auto;
			width:185px;
			padding:5px;
			left: 0px;
		}

		.start_menu ul li {
			margin: 4px;
			padding: 4px;
			background-color: #ffffff;
		}

		.start_menu_sub {
			border: 4px solid grey;
			background-color: #000000;
			display: none;
			position: absolute;
			left: 185px;
			width: 218px;
			padding: 5px;
		}

		.start_menu li:hover .start_menu_sub,
		.start_menu li.hover .start_menu_sub {
			display:block;
		}

		div.hr {
			height: 4px;
			width: auto;
			clear: both;
			padding: 0;
			background: url(../ol/hr1.png) repeat-x top;
		}
		div.hr hr {
			display: none;
		}

	table.css_props {
	width: 1400px;
	background-color: #fafafa;
	border: 1px #000000 solid;
	border-collapse: collapse;
	}
	
	td.css_info { 
	border: 1px #000000 solid;
	text-align: center;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 9px;
	padding: 4px;
	}
	
	th.css_headers { 
	border: 1px #000000 solid;
	padding: 4px;
	}
	
	/* Corners */
	
	.rounded-cornered,
	.rounded-cornered .handle {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	/* DRAGDEALER DEMOS */
	
	/* Corners */
	
	.rounded-cornered,
	.rounded-cornered .handle {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	/* DRAGDEALER DEMOS */
	
	.dragdealer {
		width: auto;
		
	}
	.dragdealer .handle {
	
	}

/* Simple slider */

#simple-slider {
	
}

/* Scroll bar */

#scroll-bar {
	width: 22px;
	height: 160px;
}
	#scroll-bar .handle {
		width: 22px;
		height: 54px;
	}
	
#scroll-mask {
	width: 566px;
	height: 158px;
	border: 1px solid #CCC;
	background: #F8F8F8;
	overflow: hidden;
}
#scroll-content {
	padding: 10px;
}

/* Magnifier */

#magnifying-text {
	padding: 10px;
	border: 1px solid #CCC;
	background: #F8F8F8;
	font-family: Georgia, serif;
	font-size: 12px;
	line-height: normal;
}

#maginifier {
	
}

.dragdealer {
	position: relative;
	height: 30px;
	width: 300px;
	background: #EEE;
}
.dragdealer .handle {
	position: absolute;
	cursor: pointer;
}
.dragdealer .red-bar {
	width: 100px;
	height: 30px;
	background: #CC0000;
	color: #FFF;
	line-height: 30px;
	text-align: center;
}
.dragdealer .disabled {
	background: #898989;
}





/* TABLES */

.rounded-corner  {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
width:480px;
text-align:left;
border-collapse:collapse;
margin:20px;
}

.rounded-corner thead th.rounded-left  {
background:#b9c9fe url("../O_purple/images/table_left.png") left -1px no-repeat;
}

.rounded-corner thead th.rounded-right  {
background:#b9c9fe url("../O_purple/images/table_right.png") right -1px no-repeat;
}

.rounded-corner th  {
font-weight:normal;
font-size:13px;
color:#039;
background:#b9c9fe;
padding:8px;
}

.rounded-corner td  {
background:#e8edff;
border-top:1px solid #fff;
color:#669;
padding:8px;
}

.rounded-corner tfoot td.rounded-foot-left  {
background:#e8edff url("../O_purple/images/table_botleft.png") left bottom no-repeat;
}

.rounded-corner tfoot td.rounded-foot-right  {
background:#e8edff url("../O_purple/images/table_botright.png") right bottom no-repeat;
}

.rounded-corner tbody tr:hover td  {
background:#d0dafd;
}


/* Chat */

.chat_button  {
width: 50px;
height: 50px;
border: 1px solid purple;
background-color: white;
position: fixed;
top: %50;
right: -1px;
padding: 3px;
}

.chat_frame  {
width: 350px;
height: 150px;
border: 1px solid purple;
background-color: white;
position: fixed;
top: %50;
right: -1px;
padding: 3px;
}

.chat_container  {
border: 1px solid purple;
height: 90%;
width: 100%;
overflow: auto;
}