@import url('company.css');
@import url('lister.css');
@import url('register.css');

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #cacaca url(../images/background-pattern.gif);
	
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	
	text-align: center;
}

a {
	color: #1663ac;
	text-decoration: underline;
}

	a:hover {
		color: #000;
	}

	a.edit {
		padding: 0px 0px 0px 20px;
		background: url(../images/icon-edit.gif) no-repeat;
	}

div#container {
	width: 940px;
	margin: 0px auto 0px auto;
	text-align: left;
}

div#header {
	width: 940px;
	height: 78px;
	
	margin: 0px 0px 10px 0px;
	
	background: url(../images/header.gif) no-repeat;
}

	div#header div#logo {
		width: 177px;
		margin: 0px 33px 0px 0px;
		
		float: left;
	}
	
		div#header div#logo a {
			display: block;
			width: 177px;
			height: 78px;
			background: url(../images/logo.gif) no-repeat;
		}
		
			div#header div#logo a span {
				display: none;
			}
	
	div#header div#menu {
		float: left;
	}
	
		div#header div#menu-top {
			height: 40px;
			color: #fff;
		}
		
			div#header div#menu-top ul {
				margin: 0px;
				padding: 9px 0px 0px 0px;
				list-style: none;
			}
			
				div#header div#menu-top ul li {
					margin: 0px 20px 0px 0px;
					padding: 0px 20px 0px 0px;
					background: url(../images/menu-top-spacer.gif) no-repeat right 5px;
					float: left;
				}
				
						div#header div#menu-top ul li.last-child {
							background: none;
							margin-right: 0px;
							padding-right: 0px;
						}
				
					div#header div#menu-top ul li a {
						color: #cacaca;
						text-decoration: none;
						font-size: 11px;
					}
					
						div#header div#menu-top ul li.active a,
						div#header div#menu-top ul li a:hover {
							color: #ffffff;
						}
		
		div#header div#menu-main {
			height: 38px;
		}
		
			div#header div#menu-main ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			
			div#header div#menu-main ul li {
				margin: 0px 17px 0px 0px;
				padding: 10px 19px 0px 0px;
				background: url(../images/menu-spacer.gif) no-repeat right 12px;
				float: left;
				
				font-family: Helvetica, arial, sans-serif;
			}
			
					div#header div#menu-main ul li.last-child {
						background: none;
						margin-right: 0px;
						padding-right: 0px;
					}
			
				div#header div#menu-main ul li a {
					font-size: 14px;
					color: #152349;
					text-decoration: none;
					line-height: 18px;
				}
				
					div#header div#menu-main ul li.active a,
					div#header div#menu-main ul li a:hover {
						color: #000000;
					}
	
	div#header div#search-container {
		width: 200px;
		float: right;
		margin: 0px 10px 0px 0px;
	}
	
		div#header div#search-container div#date {
			color: #9fa4b4;
			height: 40px;
			line-height: 40px;
			text-align: right;
			font-size: 11px;
			white-space: nowrap;
		}
		
		div#header div#search-container div#search {
			width: 150px;
			height: 23px;
			background: url(../images/search.gif) no-repeat 50px 7px;
			padding: 7px 0px 0px 75px;
		}
		
			div#header div#search-container div#search input {
				width: 115px;
				background: none;
				border: 0px solid #fff;
				font-size: 11px;
				line-height: 11px;
				padding: 3px 0px 4px 0px;
				margin: 1px 0px 1px 0px;
			}
	
div#main {
	width: 940px;
	
	background: url(../images/main-homepage.gif) repeat-y;
}	

	div#main div.space {
		padding: 10px;
		
		background: url(../images/main-bottom-homepage.gif) no-repeat bottom;
	}
	
	div#main div.background {
		background: url(../images/main-top-homepage.gif) no-repeat top;
	}
	
		div#main div.space div.space {
			background: none;
			padding: 0px;
		}
		
		div#main div.space div.left {
			width: 340px;
			float: left;
			margin: 0px 10px 0px 0px;
		}
		
		div#main div.space div.right {
			width: 340px;
			float: left;
		}
		
		body.homepage div#main div#content {
			width: 690px;
			margin: 0px 10px 0px 0px;
			float: left;
		}
		
			body.homepage div#main div#content div.space {
				padding: 0px;
			}
		
		body.homepage div#main div#right {
			width: 220px;
			float: left;
		}
		
			body.homepage div#main div#right div.right-space {
				height: 152px;
			}
		
			body.homepage div#main div#right div.space {
				padding: 0px 0px 0px 10px;
			}

div#logos {
	width: 940px;
	height: 146px;
	background: #ecf2f7;
	margin: 10px 0px 0px 0px;
}

	div#logos div#logos-content {
		width: 808px;
		height: 146px;
		text-align: center;
		float: left;
		overflow: hidden;
	}
	
		div#logos div#logos-content div#logos-content-ani {

		}
	
		div#logos div#logos-content img.logo-image {
			margin: 30px 10px 0px 0px;
			background: #fff;
			border: 1px solid #D1D1D1;
			padding: 4px;			
		}
		
			div#logos div#logos-content a:hover img.logo-image {
				background: #d1d1d1;
				border: 1px solid #8b8b8b;				
			}
	
	div#logos a#logos-left {
		width: 66px;
		height: 146px;
		float: left;
		background: url(../images/nav-arrow-left.gif) no-repeat;
		display: block;
	}
	
		div#logos a#logos-left:hover {
			background: url(../images/nav-arrow-left-hover.gif) no-repeat;
		}
	
	div#logos a#logos-right {
		width: 66px;
		height: 146px;
		float: right;
		background: url(../images/nav-arrow-right.gif) no-repeat;
		display: block;
	}
	
		div#logos a#logos-right:hover {
			background: url(../images/nav-arrow-right-hover.gif) no-repeat;
		}

div#footer {
	width: 940px;
	height: 38px;
	
	margin: 10px 0px 0px 0px;
	
	background: url(../images/footer.gif) no-repeat;
	
	color: #868686;
	font-size: 11px;
}

	div#footer div.space {
		float: left;
		padding: 10px;
	}

	div#footer div.right {
		float: right;
		padding: 10px;
	}

	div#footer a {
		color: #868686;
		text-decoration: underline;
	}
	
		div#footer a:hover {
			color: #ffffff;
			text-decoration: none;
		}

/* delete */
a.delete {
	color: #9e0000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
}

	a.delete:hover {
		background: #9e0000;
		color: #ffffff;
		text-decoration: none;
	}
		
/* headings */
h2.black {
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	
	background: url(../images/h2.png) no-repeat;
	
	font-family: Helvetica, arial, sans-serif;
	
	margin: 0px 0px 10px 0px;
}

	h2.black a {
		color: #ffffff;
		text-decoration: none;
	}
	
		h2.black a:hover {
			text-decoration: underline;
			color: #ffffff;
		}

	h2.black span {
		background: url(../images/h2-right.png) no-repeat right;
		display: block;
		padding: 8px 10px 6px 10px;
	}
	
	h2.black a.rss {
		display: block;
		width: 14px;
		height: 14px;
		float: right;
		background: url(../images/h2-rss.gif) no-repeat;
		margin: 1px 0px 0px 0px;
	}
	
		h2.black a.rss span {
			display: none;
		}
	
/* blocks */
div.block-blue {
	background: url(../images/block-blue.gif) no-repeat;
	font-size: 18px;
	line-height: 24px;
	margin: 0px 0px 10px 0px;
}

	body.homepage div#main div#content div.space div.block-blue div.space {
		padding: 10px;
		background: url(../images/block-blue-bottom.gif) no-repeat bottom;
	}
		
	div#main div.space div.block-blue div.left {
		width: 380px;
		float: left;
	}
	
	div#main div.space div.block-blue div.right {
		width: 220px;
		margin: 17px 0px 0px 60px;
		float: left;
	}
	
	div.block-blue a {
		color: #0d7902;
		text-decoration: underline;
		line-height: 32px;
	}
	
		div.block-blue a:hover {
			color: #fff;
			background: #0d7902;
		}
		
/* button */
a.button {
	background: url(../images/button.gif) no-repeat;
	display: block;
	float: left;
	line-height: 12px;
	color: #3d3d3d;
	text-decoration: none;
}

	a.button span {
		padding: 7px 10px 8px 10px;
		background: url(../images/button-right.gif) no-repeat right;
		display: block;
	}
	
		a.button:hover {
			color: #ffffff;
			background: url(../images/button-hover.gif) no-repeat;
		}
		
			a.button:hover span {
				background: url(../images/button-hover-right.gif) no-repeat right;
			}
			
/* home companies */
body.homepage div#content div.companies {
	padding: 0px 0px 30px 10px;
}

	body.homepage div#content div.companies div.company {
		width: 190px;
		float: left;
		margin: 0px 35px 20px 0px;
	}
	
		body.homepage div#content div.companies div.company h3 {
			font-size: 12px;
			font-weight: normal;
		}
		
		body.homepage div#content div.companies div.company div.city {
			padding: 0px 0px 5px 0px;
		}
		
		body.homepage div#content div.companies div.company img {
			padding: 4px;
			background: #f0f0f0;
			border: 1px solid #d1d1d1;
			width: 180px;
			height: 75px;
		}
		
			body.homepage div#content div.companies div.company a:hover img {
				background: #d1d1d1;
				border: 1px solid #8b8b8b;
			}
		
body.homepage div#right div.companies {
	padding: 0px 10px 27px 10px;
}

	body.homepage div#right div.company {
		padding: 0px 0px 10px 0px;
	}
		
/* date */
div.date {
	width: 28px;
	height: 28px;
	background: url(../images/date.gif) no-repeat;
	text-align: center;
	color: #ffffff;
	float: left;
	margin: 0px 8px 0px 0px;
}

		body.homepage div#right div.companies div.date {
			margin-top: 4px;
		}

	div.date div.day {
		display: inline;
		font-size: 16px;
		line-height: 14px;
		font-family: Georgia, serif;
	}
	
	div.date div.month {
		font-size: 10px;
		font-family: Arial, sans-serif;
		line-height: 10px;
	}
	
/* item list */
ul.item-list {
	margin: -10px 10px 20px 10px;
	padding: 0px;
	list-style: none;
}

	ul.item-list li {
		border-bottom: 1px solid #cbd8e2;
		padding: 8px 0px 8px 5px;
	}
	
		ul.item-list li.alternate {
			background: #e9eff5;
		}
	
		ul.item-list li span.time {
			color: #696969;
			padding-right: 10px;
		}
		
/* AEX */
div.aex {
	width: 340px;
	height: 260px;
}

/* Calendar */
body.homepage div.calendar {
	padding: 0px 10px 10px 10px;
}

	div.calendar div.navigation {	
		padding: 0px 0px 10px 0px;
		clear: both;
	}

	div.calendar div.add {
		float: right;
	}
	
		div.calendar div.add a {
			font-size: 18px;
			color: #1d9b00;
			padding: 0px 0px 0px 20px;
			background: url(../images/icon-add.gif) no-repeat 0px 3px;
		}
		
			div.calendar div.add a:hover {
				background: #1d9b00 url(../images/icon-add.gif) no-repeat 0px 3px;
				color: #fff;
			}
	
	div.calendar div.calendar-item {
		width: 150px;
		float: left;
		margin: 0px 10px 20px 0px;
	}
	
		div.calendar div.calendar-item div.info {
			width: 112px;
			float: left;
		}
		
			body.content div#main div.background div.space div.calendar div.calendar-item div.info h3,
			div.calendar div.calendar-item div.info h3 {
				font-size: 10px;
				font-weight: normal;
				line-height: 12px;
				padding: 0px;
				margin: 0px;
			}
			
			div.calendar div.calendar-item div.info div.city {
				font-size: 10px;
				color: #6d6d6d;
				line-height: 12px;
			}
			
/* Poll */
div.poll {
	padding: 0px 10px 10px 10px;
	min-height: 290px;
}

	div.poll div.question {
		font-weight: bold;
		padding-bottom: 10px;
	}
	
		div.poll div.option {
			padding-bottom: 10px;
		}
		
			div.poll div.option input {
				float: left;
				margin: 3px 0px 0px 0px;
			}
			
			div.poll div.option label {
				float: left;
				padding-left: 10px;
				width: 150px;
			}

		div.poll div.submit {
			padding-top: 10px;
		}
			
			div.poll div.submit input {
				font-size: 14px;
				background: #ddd;
				border: 1px solid #b6b6b6;
				padding: 4px;
			}
			
	div.poll div.answer {
		padding-bottom: 5px;
	}
	
	div.poll div.bar {
		font-size: 1px;
		line-height: 1px;
		height: 8px;
		background: #152349;
		margin: 0px 0px 10px 0px;
	}
			
/* column */
div.column {
	padding: 0px 10px 30px 10px;
}			

	div.column img {
		float: left;
		margin: 0px 10px 0px 0px;
	}
	
	div.column div.item {
		width: 104px;
		float: left;
	}
	
		div.column div.item div.author {
			font-size: 10px;
		}
			
/* AD */
div#right div.ad {
	padding: 10px;
	text-align: center;
}

/* menu right */
div#right ul.menu-right {
	margin: 0px;
	padding: 10px 0px 0px 5px;
	list-style: none;
}

	div#right ul.menu-right li {
		margin: 0px;
		padding: 5px 0px 5px 22px;
		line-height: 12px;
		font-size: 11px;
	}
	
		div#right ul.menu-right li#menu-right-startpage {
			background: url(../images/icon_home.gif) no-repeat 4px 7px;
		}
		
		div#right ul.menu-right li#menu-right-favorites {
			background: url(../images/icon_add.gif) no-repeat 5px 8px;
		}
		
		div#right ul.menu-right li#menu-right-weather {
			background: url(../images/icon_weather.gif) no-repeat 0px 4px;
		}
		
		div#right ul.menu-right li#menu-right-traffic {
			background: url(../images/icon_traffic.gif) no-repeat 3px 5px;
		}
		
		div#right ul.menu-right li#menu-right-lights {
			background: url(../images/icon_lights.gif) no-repeat 3px 3px;
		}	
		
div#pending-connections {
	background: #fff5d3;
	padding: 10px 20px 20px 20px;
	border: 1px solid #986f00;
	margin: 0px 0px 10px 0px;
}	

	div#pending-connections p {
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid #e4d1a4;
	}
	
		div#pending-connections p:last-child {
			border-bottom: 0px;
			padding-bottom: 0px;
		}
	
/* content page */
body.content div#main {
	background: #fff;
}

body.content div#main div.background {
	background: url(../images/main-top-content.gif) no-repeat;	
}

body.content div#main div.background div.space {
	background: url(../images/main-bottom-register.gif) no-repeat bottom;
	
	padding: 50px 120px 40px 120px;
}

	body.content div#main div.background div.space div.breadcrumbs {
		padding-bottom: 20px;
	}
	
	body.content div#main div.background div.space h1 {
		padding-bottom: 30px;
		font-size: 30px;
		font-weight: normal;
		line-height: 30px;
	}
	
	body.content div#main div.background div.space h2 {
		padding-bottom: 10px;
		font-size: 18px;
		line-height: 18px;
		font-weight: bold;
	}	
	
		body.content div#main div.background div.space h2.black a {
			color: #ffffff;
		}
		
			body.content div#main div.background div.space h2.black a:hover {
				color: #ffffff;
			}
	
	body.content div#main div.background div.space h3 {
		padding-bottom: 10px;
		font-size: 18px;
		font-weight: normal;
		line-height: 18px;		
	}
	
		body.content div#main div.background div.space h3 a {
			color: #000;
			text-decoration: none;
		}
		
			body.content div#main div.background div.space h3 a:hover {
				background: #1663AC;
				color: #ffffff;
			}
	
	body.content div#main div.background div.space p {
		font-size: 14px;
		line-height: 21px;
		font-weight: normal;
		color: #5a5a5a;
		padding-bottom: 20px;
	}
	
		body.content div#main div.background div.space p.date {
			padding-bottom: 5px;
			font-size: 12px;
			line-height: 12px;
			color: #000;
		}
		
		body.content div#main div.background div.space p.abstract {
			padding-bottom: 30px;
		}
		
		body.content div#main div.background div.space p.prev {
			float: left;
		}
		
		body.content div#main div.background div.space p.next {
			float: right;
		}
	
/* contact form */
body.content div.formField {
	clear: both;
}

body.content div.fieldTextarea label,
body.content div.fieldText label {
	width: 150px;
	float: left;
	padding: 10px 0px 0px 0px;
}

body.content div.fieldTextarea textarea {
	border:1px solid #4E96C8;
	float:left;
	font-size:14px;
	line-height:14px;
	margin:8px 0 0;
	padding:6px;
	width:450px;
	height: 200px;	
}

body.content div.formField span.textRequired {
	color:#900000;
	display:block;
	float:left;
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	padding:13px 0 0 7px;
	width:40px;
}

body.content div.formField span.fieldError {
	clear: both;
	display: block;
	float: none;
	padding: 0px 0px 0px 150px;
	color: red;
}

body.content div.fieldText input {
	border:1px solid #4E96C8;
	float:left;
	font-size:14px;
	line-height:14px;
	margin:8px 0 0;
	padding:6px;
	width:310px;
}

	body.content div.fieldTextarea textarea:focus,
	body.content div.fieldText input:focus {
		background:#FDF9D5;
		border:1px solid #285C80;		
	}
	
body.content div.fieldSubmit input {
	background: url(../images/form-submit-clean.gif) no-repeat 0px 3px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	
	width: 200px;
	height: 50px;
	
	margin: 20px 0px 0px 150px;
}

/* rating */
div#rating-label {
	float: left;
	padding: 4px 10px 0px 0px;
}

div#rating {
	float: left;
	width: 90px;
}

	div#rating a {
		display: block;
		width: 18px;
		height: 16px;
		line-height: 16px;
		float: left;
		background: url(../images/rate-dot.gif) no-repeat;
	}
	
		div#rating a span {
			display: none;
		}
		
		div#rating a.star {
			background: url(../images/rate-star.gif) no-repeat;
		}