* {
	margin:0;
	padding:0;

	
}

html {
	
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
	background-color: #fff;
	background-image: url(../pics/bodybg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height: 1.5em;
	color: black;
}

h1, h2 {
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 0 5px 0;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px 0 0px 0;
	
}

h4 {
	font-size: 1em;
	font-weight: bold;
	padding: 5px 0 0px 0;
	
}
h5 {
	font-size: .8em;
	font-weight: bold;
	padding: 5px 0 0px 0;

}

div {
	display: block;
	position: relative;
}

ul {
	padding: 0.5em 2em;
}

li {
	padding: 0.25em 0;
}

p {
	padding: .5em 0;
}




div#container {
	width: 100%;
	height: 100%;
	background-image: url(../pics/containerbg.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}

div#header {
	height: 196px;
	overflow: hidden;	
}
	div#menu {
		position: absolute;
		border: 0px solid yellow;
		width: 100%;
		top: 7px;
		height: 35px;
	}
		div#menu ul {
			display: block;	
			list-style: none;
			padding: 10px 45px;
			
		}
			div#menu ul li {
				display: inline;
				padding: 10px;
				border: 0px solid green;
			}
				div#menu ul li a {
					color: black;
					text-decoration: none;
				}
				div#menu ul li a:hover {
					text-decoration: underline;
				}
		
	div#logo {
		position: absolute;
		border: 0px solid green;
		width: 250px;
		height: 40px;
		left: 55px;
		top: 96px;
		color: white;
		overflow: hidden;
		
	}
		div#logo a {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			color: white;
			text-decoration: none;
		}
			div#logo a span {
				position: absolute;
				display: block;
				width: 100%;
				height: 100%;
				background-image: url(../pics/logo.jpg);
			}



div#content_container {
	
	position: relative;
	border: 0px solid black;
	height: 100%;
	min-height: 1200px;
	background-color: white;
	
	
}


div.site {
	width: 900px;
	margin: auto;
	
}

div.onepage {
	position: relative;
	min-height: 900px;
}

div.page {
	padding: 55px;
	position: relative;
}


div.price {
	padding-top: 10px;
}
div.withsidebar {
	padding-right: 15px;
}

p.morelink {
	padding: 0;
	color: blue;
	font-size: 1.3em;
	text-align: right;
	letter-spacing: 0.1em;
}
	p.morelink a {
		
	}
	p.morelink a:hover {
		text-decoration: none;
	}
	
.underline_h {
	padding-bottom: 4px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #b5b5b5;
}

.sidebar {
	width: 30%;
	border: 0px solid black;
	float:right;
	min-height: 200px;
	z-index:1;
}

.withminusmargin {
	margin-top: -40px;
	
}

.newsbar {

	margin-right: 33%;
	
}

ul.rss {
	list-style: none;
	border: 0px solid red;
	padding: 0 0 1em 0;
}
	ul.rss li {
		padding: 1.2em 0 1.2em 2.5em;
		border-bottom: 1px solid #e0e0e0;
		background-image: url(../pics/rssicon.jpg);
		background-repeat: no-repeat;
		background-position: 17px 17px;
		font-size: 1.1em;
		color: #f26c4f;
	}
		ul.rss li a {
			color: #f26c4f;
		}
		ul.rss li a:hover {
			text-decoration: none;
		}

.sidebar h3 {
	font-weight: normal;
	font-size: 1.1em;
}

.withsidepadding {
	
	padding-left:.5em;
}

ul.dok {
	list-style: none;
	border: 0px solid red;
	padding: 1em 0 1em 0;
}
	ul.dok li {
		padding: .5em 0 .5em 2.8em;
		
		background-image: url(../pics/dokicon.jpg);
		background-repeat: no-repeat;
		background-position: 17px 8px;
		color: blue;
	}
		ul.dok li a {
			color: blue;
		}
		ul.dok li a:hover {
			text-decoration: none;
		}

.clearer {
	clear: both;
}

.boxes {
	padding: 10px 55px;
	border: 0px solid black;
	background-image: url(../pics/boxbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 208px;
	overflow: hidden;
}
	.boxes .box {
		border: 0px solid black;
		width: 31%;
		padding: 0 1%;
		float: left;
		height: 100%;
		font-size: 0.8em;
	}
	
		.boxes .box * {
			padding: 0;
			margin:0;
				
		}
		.boxes .box h2 {
			color: #5b5c5c;
			font-size: 1.2em;
			font-weight: bold;
			padding: 7px 10px;
			border: 0px solid green;
			border-bottom: 1px solid #dcdcdc;
		}
		.boxes .box ul {
			border: 0px solid red;
			padding: 15px 0 15px 20px;
			list-style: none;
			border-top: 1px solid white;
			border-bottom: 1px solid #dcdcdc;
		}
		.boxes .box p {
			border: 0px solid green;
			font-size: 1.2em;
			text-align: right;
			padding: 15px;
			border-top: 1px solid white;
			color: #f26c4f;
		}
		
div.sitemap {
	background-image: url(../pics/sitemapbg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	padding-top: 20px;
	min-height: 900px;
	position: relative;
	
}
	div.sitemap div.sitemapheader {
		border-bottom: 1px dashed #adadad;
		
	}
			div.sitemap div.sitemapheader h2 {
				display: block;
				position: relative;
				width: 100px;
				padding-left: 10px;
				color: #5b5c5c;
				
			}
			div.sitemap div.sitemapheader a {
				text-align: right;
				position: absolute;
				display: block;
				right: 0;
				top: 5px;
				color: #5b5c5c;
				font-size: 1.5em;
				text-decoration: none;
				padding: 5px;
			}
			div.sitemap div.sitemapheader a:hover {
				text-decoration: underline;
			}
		
	div.sitemap ul.smul {
		display: block;
		border: 0px solid black;
		position: relative;
		padding: 20px 0;
		margin:0;
		list-style: none;
		min-height: 150px;
		width: 20%;
		float: left;
		z-index: 100;
	}
	div.sitemap ul.smul li {
		padding: 0 0 0 30px;
	}
	div.sitemap ul.smul li a:hover {
		text-decoration: none;
	}

		div.sitemap ul.smul ul {
			list-style: none;
			padding: 0;
			margin:0;
			font-size: .8em;
		}
			div.sitemap ul.smul ul li {
				padding: 0 10px;
			}
		
			div.sitemap ul.smul ul a {
				color: black;
				text-decoration: none;
			}
			div.sitemap ul.smul ul a:hover {
				text-decoration: underline;
			}
			
div.footer {
	text-align: center;
	background-color: #e3e3e3;
	position: absolute;
	bottom: 100px;
	left: 0;
	width: 100%;
	display: block;
}
	div.footer p {
		margin: 0 auto;
		width: 700px;
		padding: 15px;
	}
	
	
table.pricelists {
	border: 1px solid #e0e0e0;
	width: 100%;
	padding: 3px;
	clear: none;
	position: relative;
}
	table.pricelists * {
		
		border:0;
	}
	table.pricelists tr {
		position: relative;
	}
	table.pricelists th {
		padding: 3px;
		background-color: #e6e6ff;
		position: relative;
	}
	table.pricelists th a {
		background-color: transparent;
	}
	table.pricelists th a:hover {
		background-color: #cecefa;
	}
	table.pricelists .blue {
		background-color: #ecf3fe;
	}
	table.pricelists td {
		position: relative;
	}
	table.pricelists td.payed {
		background-color: #ff8585;
		font-weight: bold;
	}
	table.pricelists td.payed a {
		font-weight: normal;
	}

	table.pricelists td.orange {
		background-color: #ffd385;
		font-weight: bold;
	}
	table.pricelists td.orange a {
		font-weight: normal;
	}
	table.pricelists td.name {
		width: 70%;
		text-align: left;
	}

	table.pricelists .price {
		width: 15%;
		text-align: right;
	}
	
	table.pricelists .blinds {
		padding: 0; 
		width: 100%; 

		background-color: #f4f4f4;
		
		color: #999;
		
	}
	table.pricelists td.description {
		text-align: left;		
	}

	table.pricelists td.desc{
		padding: 0 0 0 5px;
		
		font-size: 0.9em;
	}

	table.invoicehead {
		clear: none;
		border: 1px solid #e0e0e0;
		width: 100%;
		padding: 3px;		
	}
	
		table.invoicehead td {
			border: 0;
			background-color: #f9f9f9;
			
		}

	
		table.invoicehead td.select {
			background-color: #c0c0c0; 
		}
		table.invoicehead td.select span.index {
			color: #f0f0f0;
		}	
	table.footer {
		
	}
	table.footer th {
		border: 0;
		padding:5px;
	}
	table.footer th td {
		border: 0;
		
	}
	
	span.index {
		border:0px solid black;
		display: block;
		text-align: left;
		font-size: 0.8em;
		color: #c0c0c0;
		padding: 0;
		margin: 0;
		line-height: 10px;
		
	}

		.blinddiv {
			height: 122px;
			text-align: left;
			font-size: 0.9em;
			position: relative;
			
		}
			.blinddiv .border {
				position: relative;
								
				padding: 0px;
				border:1px solid #ccc;
				height: 120px;
				overflow: hidden;
			}
			.blinddiv .padding {
				display: block;
				padding: 5px;
				position: relative;
				
			}

		.blinddiv * {
			padding: 0;
			margin: 0;
		}
			.blinddiv h2, .blinddiv h3, .blinddiv h4{
				font-size: 12px;
				font-weight: bold;
			}	
			.blinddiv h4{
				font-size: 10px;
			}	


		.blinddiv a.closelink {
			float: right;
			position: relative;
			z-index: 10;
		}

	
	.infobutton {
		left: 0;
		top: 3px;
		position: relative;
	}

div#info {
	margin-top: 25px;
	border-top: 2px solid #ccc;
	padding: 10px;
	background-color: #f4f4f4;
	color: #999;
}

div#adminmenus {
	
	background-color: #ecf3fe;
	padding: 5px;
	
}
	div#adminmenus h2 {
		padding: 0;
		margin: 0;
		font-size: 1.1em;
		font-weight: bold;		
		color: #ccc;
	}
	
	div#adminmenus ul {
		list-style: none;
		padding: 5px 20px 0 20px;
		margin: 0;
	}
	
	div#adminmenus li {
		padding: 0;
		border-bottom: 1px solid #ccc;
		position: relative;
	}
	div#adminmenus li.last {
		border: none;
	}
	div#adminmenus li a {
		padding: 5px;
		display: block;
		text-decoration: none;
		color: black;
	}
	
	div#adminmenus li a:hover {
		background-color: #dfebff;
	}
	
div.periodics form {
	
	clear: none;
	font-size: .8em;
	padding: 1%;
	margin: 0 0 5px 0;
	width: 98%;
	background-color: #f0f0f0;
	height: 33px;
}

	div.periodics form * {
		clear: none;
		padding: 0;
		margin: 0;
		position: relative;
		
	}
		div.periodics form div.input {
			width: 43%;		
			float: left;			
		}	
		div.periodics form div.text {
			padding-left: 5px;
		} 
		div.periodics form div.submit {
			
			padding: 0;
			margin: 0;
			display: block;
			padding: 11px 20px 1px 0;
			clear: none;
			position: absolute;
			right: 0;
		}	
			div.periodics form div.input input {
				margin: 2px;
				height: 17px;
			}	

			div.periodics form div.input label {
				padding: 0;
				margin: 0;
				line-height: 10px;
				color: #c0c0c0;
			}
			div.periodics form div.input select {
				margin-top: 2px;
				
			}
				div.periodics form div.input select option {
					font-size: 1em;
				}
#PeriodicServiceId {
	width: 100%;
}	


.periodicnums, .periodicmoddate {
	padding: 2px;
}
.periodiclastdate, .periodicregdate {
	float: left;
	width: 350px;
	padding: 2px;
}
	.periodiclastdate .value {
		font-weight: bold;
	}
.periodicbill {
	padding: 2px;
}
	.periodicbill .value {
		font-weight: bold;
	}
	
.periodicregdate {
	width: 270px;
}

.periodics h4 {
	background-color: #cecefa;
	padding: 3px;
	margin: 0;
}

div.message {
	position: absolute;
	top: 35px;
	left: -10px;
	right: 0;
	width: 100%;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 10px 0 10px;
	Background-color: gray;
	color: black;
	text-align: center;
}

div#loginForm {
	
	padding: 0px 10px 5px 10px;
	background-color: #f0f0f0;
}
	div#loginForm h3 {
		font-weight: bold;
		padding-bottom: 2px;
		padding-top: 10px;
		border-bottom: 1px solid #c0c0c0;
		color: gray;
	}		


	div#loginForm form {
		width: 100%;
	
		margin: 0;
		padding: 0;
	}
		div#loginForm form div {
			font-size: 0.8em;
		}		
		div#loginForm form div.submit {
			margin: 0;
			text-align: right;

		}
		div#loginForm form div.input {
			margin: 0;
			
			padding: 5px 5px 2px 5px;
		} 
			div#loginForm form div.input label {
				padding: 0;
				margin: 0;
				line-height: 12px;
				font-weight: normal;
				color: #a0a0a0;
			}
			div#loginForm form div.input input {
				width: 96%;
			}
span.icon {
	display: block; 
	position: relative;
	background-color: transparent;
	width: 16px;
	height: 16px;
	left: 0;
	top: 1px;
	background-position: 0 0;
	background-repeat: no-repeat;	
}

span.red {
	background-image: url(../pics/red.png);
}

span.orange {
	background-image: url(../pics/orange.png);
}

span.green {
	background-image: url(../pics/green.png);
}

span.white {
	background-image: url(../pics/white.png);
}