/**
 * Default CSS document 
 * Standardizes browser defaults
 * Sets a simple page display
 * 
 * @author Andrew Dodson
 * @since 2009-05
 */



/********************************
 * Defaults
 ********************************/
body{
	margin:0;
	font-family:arial, sans-serif;
	text-align:center;
	background-color:white;
	font-size:12px;
}

img{
	border:0;
}

table{
	border-collapse:collapse;
	empty-cells:show;
}

h1{
	font-size:16px;
	margin-top:30px;
}
h2{
	font-size:15px;
}

a{
	color:#075E8F;
	text-decoration:none;
}

	a:hover{
		color:#993300;
		text-decoration:underline;
		cursor:pointer;
		cursor:hand;
	}


ul.inline li{
	display:inline;
	padding:5px 6px;
	margin:0;
	border-left:1px solid #ddd;
}




/********************************
 * FORM
 ********************************/

form{
	margin:0;
	padding:0;
}
	form textarea{
		  width:300px;
	}
	
	/********************************
	 * TEXTAREA.EDITOR
	 ********************************/
	form textarea.editor
	,form iframe.editor
	,form div.editor{
		display:block;
		width:100%;
		height:300px;
		padding:0;
		border: 1px solid silver;
	}
	
	form iframe.removeeditor
	,form div.removeeditor{
		visibility:hidden;
		height:1px !important;
	}
	
	.toolbar{
		padding:2px 0;
		width:100%;
		background:#f8f8f8;
		border:1px solid silver;
		border-bottom:0;
		font-size:11px;
	}
		.toolbar span.tool{
			display:inline-block;
		}
		.toolbar button{
			font-size:inherit;
			border:0;
			border-right:1px solid silver;
			background-color:#f8f8f8;
			padding:1px 2px;
			margin-right:-1px;
		}
		.toolbar button:focus{
			background-color:white;
		}
		.toolbar button:hover
		,.toolbar button.selected{
			background-color:silver;
		}
		.toolbar button[disabled]:hover{
			background-color:transparent;
		}
		.toolbar select{
			font-size:inherit;
			border:1px solid silver;
		}
		.toolbar button[disabled]
		,.toolbar select[disabled]
		,.toolbar span.tool[disabled]
		,.toolbar button[disabled] b{
			color:#dddddd;
		}
	
	/**
	 * onchange alert error
	 */
	.alert_form{
		padding-left:20px;
		position:absolute;
		display:inline;
		height:13px;
		background:white url(../graphic/26_ok.gif) no-repeat 5px center;
	}
		.alert_form.ok{
			background-image:url(../graphic/26_ok.gif);
		}
		.alert_form.neg{
			background-image:url(../graphic/27_neg.gif);
		}
		.alert_form.indicator{
			background-image:url(../graphic/28_indicator.gif);
		}

	/**
	 * Form table structure
	 */
	form tbody th{
		font-weight:normal;
		width:20%;
	}
	
	/**
	 * Auto Complete
	 */
	.ac_results {
		padding: 0px;
		border: 1px solid black;
		background-color: white;
		overflow: hidden;
		z-index: 99999;
	}
	
	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		text-align:left;
		cursor: default;
		display: block;
		/* 
		if width will be 100% horizontal scrollbar will apear 
		when scroll mode will be used
		*/
		/*width: 100%;*/
		font: menu;
		font-size: 12px;
		/* 
		it is very important, if line-height not setted or setted 
		in relative units scroll will be broken in firefox
		*/
		line-height: 16px;
		overflow: hidden;
	}
	
	.ac_loading {
		background: white url('indicator.gif') right center no-repeat;
	}
	
	.ac_odd {
		background-color: #eee;
	}
	
	.ac_over {
		background-color: #0A246A;
		color: white;
	}



/************************
 * clear both :: Hacks
 ************************/

.clear:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac */
* html .clear {height: 1%;}
/* End hide from IE-mac */


/**
 * Dither form.
 */

.dither{
	position:absolute;
	background-color:white;
	opacity:0.7;
	filter:alpha(opacity=70);
	text-align:center;
	vertical-align : middle; 
}
	.dither div{
		border:solid 5px orange;
		z-index:103;
		margin:0 auto;
		padding:15px;
		background:url(/style/graphic/11_indicator.gif) no-repeat 5px center white;
		position:relative;
		top:45%;
		color:black;
		font-weight:bold;
		font-size:16px;
		width:120px;
	}

/****************************
 * Notice and alerts
 ****************************/

#exceptions{
	background-color:#FF6600;
	border:1px solid #fdd;
	color:#FFFFFF;
}
#exceptions div{
	color:#fcc;
}

#notice
{
	border: 1px solid #aaa;
	padding:20px;
	background:yellow;
	margin:2px 0px;
	width:auto;
	color:#000066;
	font-size:18px;
	text-align:center;
}

	#notice a
	{
		text-decoration:underline;
		font-size:inherit;
	}

	#notice_btn_close{
		font-size:16px;
		color:silver;
		position:absolute;
		display:block;
		text-decoration:none;
	}
	#notice_btn_close:hover{
		color:gray;
		text-decoration:underline;
	}


.div_alert{
	width:auto;
	margin:10px 30px;
	text-align:left;
	padding:5px;
}


.div_alert div{
	font-weight:bold;
	font-size:30px;
	z-index:0;
	margin:0px;
	padding:0px;
	width:auto;
}
.div_alert div.left{
	float:left;
}
.div_alert div.right{
	position:relative;
	float:right;
	right:0em;
}
.div_alert ul{
	position:relative;
	float:left;
	z-index:2;
	margin:10px;
	padding:0px;
	width:auto;
}
.div_alert li{
	margin:0px;
	padding:0px;
	list-style:none;
}



/****************************
 * HTML_TABLE
 * Used to wrap and decorate a table
 * This is used to mimic the more desirable and simple CSS
 * --moz-border-radius
 * --
 * USED:
 * 		Encompass FORM content
 *		On the html
 ****************************/

.html_table{
	width:100%;
	border:0;
}


/********************************
 * 
 ********************************/

div.fourquarter{width:74%;}
div.twothirds{width:66%;}
div.half{width:49%;}
div.third{width:33%;}
div.quarter{width:24%;}

div.left{float:left;}
div.right{float:right;}

/********************************
 * Modal Overlay
 ********************************/

.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;
}
.modal-loading
{
	background:transparent url(/style/graphic/28.gif) no-repeat center center;
	width:100%;
	height:100%;
}
.modal-window
{
	border:5px solid silver;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:10px;
	z-index:102;
	background-color:white;
	color:black;
	overflow:auto;
	text-align:left;
}
	.modal-window h1{
		margin-top:10px;
	}

.close-window
{
	position:absolute;
	width:32px;
	height:32px;
	right:8px;
	top:8px;
	background:transparent url('/1933_close_button') no-repeat scroll right top;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
	.close-window:hover
	{
		opacity:.99;
		filter: alpha(opacity=99);
		-moz-opacity: 0.99;
	}


/********************************
 * #KNARLY-LINK
 ********************************/
#knarly-link{
	position:absolute;
	right:0;
	top:0;
	z-index:11;
	background:url(../graphic/43_knarly_dog-eared_sml.png) no-repeat;
	width:80px;
	height:51px;
	cursor: pointer;
	cursor: hand;
}