/*
Template name: Dirtylicious
Template URI: http://templates.arcsin.se/dirtylicious-website-template/
Release date: 2007-03-10
Description: A soft-colored, bright and somewhat dirty two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements 
p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.8em Tahoma,sans-serif;}
h2 {font: bold 1.4em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}

h1,h2,h3 {padding-top: 6px; color: #553; margin-bottom: 4px;}
*/
/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}



.list li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;margin: 10px 0 0 0px;}

/* navigation */
#nav {
	width: 100%;
	height: 30px;
	clear: both;
	margin-bottom: 15px;
	position: fixed;
	background: #fff;
	padding-top: 5px;
	border-bottom: 10px solid #fff;
}
#nav ul.menu { display: inline; list-style-type: none; margin: 0; padding: 0; }
#nav ul.menu > li {
	border: 0;
	float: left;
	display: block;
	position: relative;
	zoom: 1;
	margin: 0;
	padding: 0;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav ul.menu li:hover > a {
	color: #f59877;
}


#nav ul.menu > li ul {
	display: none;
}
#nav ul.menu > li:hover > ul {
	display: block;
	position: absolute;
	z-index: 9999;
	background: #eee;
}

#nav ul.menu > li > ul > li:hover ul {
	display: block;
	position: absolute;
	z-index: 9999;
}

#nav ul.menu li {
    list-style-type: none;
    display: block;
    margin: 0;
}

#nav ul.menu li a {
    display: block;
    outline: 0;
    color: #000;
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid #ccc;
	border-top: 0;
}

#nav ul.menu > li > a {
	text-decoration: none;
	font-weight: normal;
	background-position: 0 0;
	height: 28px;
	line-height: 28px;
	color: #000;
	background: #eee;
	border: 1px solid #ccc;
	padding: 0px 10px;
}

#nav ul.menu > li ul li ul {
	margin-left: 100%;
	display: none;
	background: #eee;
	margin-top: -30px;
}

#nav ul.menu > li ul li ul li a {
	white-space: nowrap;
}

#nav ul.menu > li ul li ul li:first-child a {
	border-top: 1px solid #ccc;
}

@media (max-width: 767px) {
	#nav {
		height: auto;
		position: static;
	}
	#nav ul.menu > li {
		float: none;
	}

	#nav ul.menu li a {
		padding-top: 2px;
		padding-bottom: 2px;
	}

	#nav ul.menu > li ul {
		display: block;
		background: #eee;
	}

	#nav ul.menu > li:hover > ul {
		position: static;
		background: #eee;
	}

	#nav ul.menu > li > ul li a {
		padding-left: 20px;
	}

	#nav ul.menu > li > ul > li ul {
		display: block;
		margin-top: 0;
		margin-left: 0;
		background: #eee;
	}

	#nav ul.menu > li > ul > li ul li a {
		padding-left: 40px;
	}

	#nav ul.menu > li > ul > li:hover ul {
		position: static;
		background: #eee;
	}
}

/*#nav ul.menu ul.sub-menu {
    position: absolute;
    padding-left: 0;
    display: none;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: -1px;
    text-align: left;
    z-index: 99;
    background: #000;
}

#nav ul.menu ul.sub-menu li {
    float: none;
    display: block;
    min-width: 300px;
    width: auto !important;
    border: 0;
}

#nav ul.menu ul.sub-menu li a {
    color: #fff;
    border: 0;
    font-size: 12px;
    line-height: 20px;
    text-transform: none;
    text-decoration: none;
}*/

#nav ul.menu ul.sub-menu li:hover a {
	color: #f07d00;
}
/*
			.tableForm{
				margin: 25px 0 0 0px; 
				width: 100%; 
				padding-bottom: 10px; 
				display: block;}
			.tableForm fieldset {
				border: 0px none;  
				margin: 0 0 22px 0;}
			.tableForm legend {display: none;}
			.tableForm input { border: 1px solid #909090; padding: 3px; margin: 3px; width: 130px;}
			.tableForm select { border: 1px solid #909090; padding: 3px; margin: 3px; width: 200px;}
			.tableForm fieldset.submit {
				display: block;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px;	
			}
			.tableForm input.submit-button { display: inline; margin: 10px 0 10px 0; }
			
			.tableForm input.error, textarea.error, select.error{
				border: 1px solid #CD0A0A;
				background-color: #FFF;
			}
			
			.tableForm input.choose { margin: 0px 0px 0px 0px; padding: 0px; width:auto; }
			
			.tableForm label.error { display: none;}
			
			.form{ margin: 25px 0 0 0px; width: 100%; padding-bottom: 10px; display: block;}
			
			.form fieldset { 
				margin: 0 0 22px 0; 
				border: 1px solid #ccc; 
				padding: 12px 17px; 
				background-color: #EEEEFF; }
			.form legend { 
				font-size: 1.1em; 
				background-color: #ccc; 
				color: #FFFFFF; 
				font-weight: bold; 
				padding: 0px 0px;}
			.form fieldset.submit{
				border: 0px none #ccc;
				background-color: #FFF;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px;
			}
			
			
			.form label.float { float: left; display: block; width: 100px; margin: 4px 0 0 0; clear: left; }
			.form label { display: block; width: 200px; margin: 5px 0 0 0; font-weight:bold;}
			.form label.spam-protection { display: inline; width: auto; margin: 0; }
			.form label.error { color: #CD0A0A;display: inline; font-size: 0.8em;margin-left: 10px;}
			
			.form input.inp-text, textarea, input.answer, .form select { border: 1px solid #909090; padding: 3px; margin: 0 0 5px 0;}
			.form input.inp-text { width: 200px; margin: 0 0 8px 0; }
			.form textarea { width: 400px; height: 150px; margin: 0 0 12px 0; display: block; }
			
			.form input.error, textarea.error, select.error{
				border: 1px solid #CD0A0A;
				background-color: #FFF;
			}
			
			.form select{width: 100px; margin: 0 0 10px 0;}
			.form select.wide{width: 200px;}
			
			.form input.choose { margin: 0 2px 0 0; }
			.form input.answer { width: 40px; margin: 0 0 0 10px; }
			.form input.submit-button { display: inline; margin: 10px 0 10px 0; }
			
			.form form br { display: none; }
			
			.content form.form p{
				margin-left: 0px;
			}
			
			.asterisk{ display: inline; font-weight: bold; color: #FF0000;vertical-align: middle;}
			
			/* ==================== Form style sheet END ==================== */
			
			/* ==================== Table style sheet ==================== */
			
			#resultstable, .resultstable {
				font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
				border-collapse: collapse;
				width: 100%;
				margin: 10px 0px 10px 0px;
				border-top: 1px solid #333;
				border-bottom: 1px solid #333;
				border-left: 1px solid #333;
				border-right: 1px solid #333;
				
				}
			
			#resultstable th, .resultstable th {
				padding: 0 10px;
				text-align: left;
				/*border-top: 1px solid #333;
				border-bottom: 1px solid #333;
				border-left: 1px solid #333;
				border-right: 1px solid #333;*/
				background: #ccc;
				text-align: left;
				/*width: 33%;*/
				}
			
			#resultstable td, .resultstable td {
				
				padding: 0 15px;
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				text-align: left;
				}
			
			#resultstable td input, 
			.resultstable td input,
			#resultstable td select,
			.resultstable td select {
				margin-top: 4px;
			}
			#resultstable td.width, .resultstable td.width {
				width: 120px;
				}
			
			#resultstable td.adjacent {
				
				}
				
			/* ==================== Error style sheet ==================== */
			div.error {
				margin-left: 10px;
			}
			div.error li{
				list-style: disc;
				padding-top: 5px;
				padding-bottom: 5px;
				border-bottom: 1px dotted #A77;
				
			}
			
			span.statusYes, span.statusNo{
				text-align: center;
				padding: 2px 4px 2px 4px;
			}
			
			span.statusYes{
				background-color: #009922;
				border: 1px solid #04741C;
			}
			
			span.statusNo{
				background-color: #cd0a0a;
				border: 1px solid #8F0707;
			}




select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"],
input[type="date"],
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	height: 44px;
	padding: 0;
	line-height: 44px;
}