/* css reset
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
div {
	overflow: hidden;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}

/* globals
--------------------------------------------------------------------------------------- */
body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #3c3c3c;
	line-height: 1.3;
	background: #ebe9e1;
	min-width: 980px;
}

p, .p {
	padding: 0 0 8px 0;
	display: block;
}

a {
	text-decoration: none;
	color: #1491CC;
}
a:hover {
	text-decoration: underline;	
}
ul {
	margin: 0 0 10px 0;
}
	ul li {
		list-style-type: disc;
		list-style-position: outside;
		margin: 0 0 2px 20px;
	}
ol {
	margin: 0 0 10px 0;
}
	ol li {
		list-style-type: decimal;
		list-style-position: outside;
		margin: 0 0 2px 20px;
	}
table {
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	margin: 0 0 10px 0;
}
	table td {
		padding: 2px 5px;
		border-right: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
	}

/* typography
--------------------------------------------------------------------------------------- */
.title {
	font-size: 18px;
	margin: 5px 0 10px 0;
	padding: 0;
	display: block;
	color: #000;
	clear: left;
}
.subtitle {
	font-size: 16px;
	margin: 5px 0 10px 0;
	padding: 0;
	display: block;
	color: #000;
	clear: left;
}

/* layout
--------------------------------------------------------------------------------------- */
#wrapper {
	position: relative;
}

/* header */
#header {
	background: #3c3c3c;
	overflow: visible;
	height: 128px;
}
	#padding {
		height: 30px;
	}
	#header #faux_bar {
		background: #555454;
		border-bottom: 1px solid #6c6969;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		overflow: visible;
		width: 100%;
		height: 29px;
	}
	#header .inner {
		width: 980px;
		height: 128px;
		margin: 0 auto;
		position: relative;
		overflow: visible;
	}
		#logo {
			background: url(../images/sprite.png) -191px 0 no-repeat;
			display: block;
			position: absolute;
			left: 0;
			top: 10px;
			height: 110px;
			width: 160px;
			text-indent: 200px;
			overflow: hidden;
		}
		/* menu */
		#menu {
			display: block;
			position: absolute;
			left: 165px;
			top: 99px;
		}
			#menu li {
				display: block;
				float: left;
				margin: 0 2px 0 0;
				border-left: 1px solid #6b6868;
				border-top: 1px solid #6b6868;
				border-right: 1px solid #6b6868;
			}
			/* tab */
			#menu a {
				display: block;
				float: left;
			}
				#menu a span {
					display: block;
					height: 22px;
					background: #555454;
					width: 98px;
					font-size: 13px;
					color: #FFFFFF;
					text-align: center;
					padding-top: 6px;
				}
			/* tab over */
			#menu a:hover {
				text-decoration: none;
			}
				#menu a:hover span {
					background: #5d5c5c;
					color: #DFDFDF;
				}
			/* tab active */
			#menu li.active {
				border-left: 1px solid #FFFFFF;
				border-top: 1px solid #FFFFFF;
				border-right: 1px solid #FFFFFF;
			}
			#menu li.active a {
				
			}
				#menu li.active a span {
					background: url(../images/sprite.png) -191px -361px no-repeat;
					color: #3c3c3c;
				}
	/* search */
	#search {
		background: #4f4e4e;
		position: absolute;
		left: 166px;
		top: 46px;
		overflow: visible;
		width: 507px;
		height: 43px;
	}
		#search #q {
			height: 30px;
			width: 403px;
			line-height: 30px;
			padding: 0 8px;
			position: absolute;
			left: 5px;
			top: 5px;
			margin: 0;
		}
		#search button {
			margin: 0;
			position: absolute;
			right: 2px;
			top: 2px;
		}
	/* header half banner */
	#half_banner {
		position: absolute;
		right: 0;
		top: 50px;
	}

/* container */
#container {
	width: 980px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: #ffffff;
	border-left: 1px solid #e3e1d9;
	border-right: 1px solid #e3e1d9;
	position: relative;
}

/* footer */
#footer {
	
}
	#footer .inner {
		width: 976px;
		background: url(../images/sprite.png) 0 -800px repeat-x;
		margin: 0 auto;
		padding: 13px 0 0 2px;
	}
		#footer_navigation {
			height: 20px;
			overflow: visible;
			margin: 0 0 0 -12px;
		}
			#footer_navigation li {
				float: left;
				margin: 2px 12px 2px 0;
				background: url(../images/sprite.png) -648px -562px no-repeat;
				display: block;
				font-weight: bold;
				list-style-type: none;
				list-style-position: inside;
			}
				#footer_navigation .first {
					background: none;
				}
				#footer_navigation li a {
					color: #000000;
					display: block;
					float: left;
					height: 20px;
					line-height: 20px;
					margin: 0 0 0 14px;
					font-weight: bold;
				}
				#footer_navigation li a:hover {
					color: #1391CC;
				}
				#footer_navigation li.social {
					background: none;
					margin: 0 2px 0 15px;
					float: left;
					padding: 0;
				}
				#footer_navigation li.social a {
					height: 30px;
					width: 30px;
					overflow: hidden;
					text-indent: 50px;
					margin: 0;
				}
				#footer_navigation a.facebook {
					background: url(../images/sprite.png) -192px -254px no-repeat;
				}
				#footer_navigation a.twitter {
					background: url(../images/sprite.png) -223px -254px no-repeat;
				}
				#footer_navigation a.rss {
					background: url(../images/sprite.png) -254px -254px no-repeat;
				}
		#footer #legal {
			padding: 10px 0 15px 0;
			clear: left;
		}
			#legal p, #legal a {
				margin: 18px 0 0 0;
				font-weight: bold;
			}
			#legal ul {
				color: #0c98b6;
			}
				#legal li {
					float: left;
					margin: 0 0 0 5px;
					padding: 0 0 0 7px;
					background: url(../images/sprite.png) -648px -562px no-repeat;
					list-style-type: none;
				}
				#legal li.first {
					margin: 0;
					padding: 0;
					background: none;
				}
				#legal li a {
					font-weight: normal;
					display: inline;
					background: none;
					padding: 0 3px;
				}
			#legal #standing {
				height: 75px;
				width: 45px;
				background: url(../images/sprite.png) -302px -111px no-repeat;
				float: left;
				margin: 0 10px 0 0;
				display: block;
				text-indent: -300px;
			}

/* top bar */
#top_bar {
	position: absolute;
	left: 0;
	top: 0;
	/* right: 0; */
	overflow: visible;
	width: 100%;
}
	#top_bar .inner {
		height: 28px;
		width: 980px;
		margin: 0 auto;
		font-size: 11px;
		color: #949191;
		line-height: 16px;
		position: relative;
		overflow: visible;
		clear: both;
		float: none;
	}
		#top_bar .left {
			float: none;
			position: absolute;
			left: 167px;
			top: 8px;
			height: 20px;
			width: 400px;
		}
			#top_bar .left a {
				color: #FFF;
				display: block;
				float: left;
				height: 16px;
				line-height: 16px;
				margin: 0 8px 0 0;
			}
			#top_bar .left span {
				display: block;
				float: left;
				height: 16px;
				line-height: 16px;
				margin: 0 8px 0 0;
			}
			/* facebook login */
			#top_bar a.facebook {
				width: 87px;
				padding: 0;
				margin: 0;
			}
				#top_bar a.facebook span {
					float: left;
					display: block;
					margin: 0 3px 0 0;
				}
				#top_bar a.facebook .icon {
					height: 16px;
					width: 16px;
					margin: 0 2px 0 2px;
					display: block;
					float: left;
					background: url(../images/sprite.png) -192px -285px no-repeat;
				}
		#top_bar .right {
			overflow: visible;
			height: 20px;
			position: absolute;
			right: 0;
			top: 5px;
			float: none;
		}

/* layout structure
--------------------------------------------------------------------------------------- */
#toper {
	margin: 0 5px;
	clear: both;
}
#main {
	width: 790px;
	background: #FFFFFF;
	margin: 0 5px 0 -2px;
	float: right;
	display: block;
	padding: 0 0 0 19px;
	/* border-left: 1px solid blue; */
}
	#top {
		clear: both;
		/* TODO: for some reason I could not make this clear on IE7 - to be fixed
		height: 30px;
		overflow: hidden; */
	}
	#extra {
		width: 300px;
		float: right;
	}
	#center {
		width: 470px;
		float: left;
	}
	#bottom {
		clear: both;
	}
#sidebar {
	width: 160px;
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
	overflow: visible;
	display: block;
	/* border-right: 1px solid blue; */
}
#bottomer {
	margin: 0 5px;
	clear: both;
}

/* no sidebar layout */
.no_sidebar #main {
	width: 970px;
}
	.no_sidebar #center {
		width: 650px;
	}
/* main left layout */
.main_left #main {
	width: 970px;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}
	.main_left #center {
		width: 650px;
	}

/* utils
--------------------------------------------------------------------------------------- */
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.left {
	float: left;
}
.right {
	float: right !important;
}
.center {
	margin: 0 auto;
}
.clear {
	clear: both;
	display: block;
}
.hidden {
	display: none;
}
.no_border {
	border: 0 !important;
}
	/* .no_border * {
		border: 0 !important;
	} */
.inline {
	display: inline;
}
	/* TODO: add this to blocks.css file
	.hasjs .block {
		margin: 0 0 15px 0;
	} */
.block_spacing {
	display: block;
	margin: 0 0 15px 0;
}
.inline-block {
	display: inline-block;
}
.strong {
	font-weight: bold;
}
.light {
	color: #999999;
}
.todo {
	color: #000000;
	background: #fff9d0;
	padding: 0;
	margin: 0 0 10px 0;
}

ul.links {
	display: block;
	margin: 0 0 15px 0;
	clear: both;
}
	ul.links li {
		list-style-type: none;
		padding: 0 0 1px 10px;
		background: url(../images/sprite.png) -640px -417px no-repeat;
	}
	ul.links a {
		display: block;
		height: 15px;
		line-height: 15px;
		padding: 0;
	}
	ul.links li.title {
		font-size: 12px;
		padding: 0;
		margin: 0 0 8px 0;
	}
	ul.links li.spacer {
		margin: 10px 0 4px 0;
	}

/* no JS message */
#nojs_padding {
	height: 30px;
}
.message {
	background: #be171e;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid #891313;
	position: fixed;
	z-index: 1000;
}
	.message .inner {
		width: 980px;
		height: 29px;
		margin: 0 auto;
		position: relative;	
		color: #FFF;
		font-size: 14px;
		line-height: 27px;
		text-align: center;
	}

/* common elements
--------------------------------------------------------------------------------------- */

/* breadcrumbs */
#breadcrumbs {
	/*
	TODO: it would not properly clear out on IE7 otherwise
	height: 15px;
	margin: 0 0 15px 0;
	*/
	height: 30px;
	margin: 0;
	float: left;
	display: block;
	clear: both;
}
	#breadcrumbs li {
		display: block;
		float: left;
		overflow: hidden;
		background: url(../images/sprite.png) -639px -417px no-repeat;
		margin: 0;
	}
		#breadcrumbs a {
			display: block;
			float: left;
			height: 16px;
			line-height: 16px;
			margin: 0 4px 0 12px;
			font-size: 11px;
			color: #1391CC;
		}
			#breadcrumbs a:hover {
			}
			#breadcrumbs a.current {
				color: #000000;
			}
			#breadcrumbs a.current:hover {
				color: #1491CC;
			}
		#breadcrumbs li.home {
			background: none;
		}
			#breadcrumbs li.home a {
				height: 16px;
				width: 13px;
				background: url(../images/sprite.png) -276px -284px no-repeat;
				text-indent: 60px;
				padding: 0;
				margin: 1px 4px 0 4px;
			}

/* read more, expand, contract */
.more {
	background: url(../images/sprite.png) right -728px no-repeat;
	padding: 0 8px 0 0;
	display: inline-block;
	margin: 0 10px 0 0;
}
.expand {
	background: url(../images/sprite.png) right -745px no-repeat;
	padding: 0 9px 0 0;
	display: inline-block;
	margin: 0 10px 0 0;
}
.contract {
	background: url(../images/sprite.png) right -761px no-repeat;
	padding: 0 9px 0 0;
	display: inline-block;
	margin: 0 10px 0 0;
}

.back {
	background: url(../images/sprite.png) -646px -779px no-repeat;
	padding: 0 0 0 9px;
	display: inline-block;
	margin: 0 10px 0 0;
}

.expandable {
	display: none;
}
	.hasjs .expandable {
		display: block;
	}

/* notice class */
.notice {
	display: block;
	padding: 5px 10px;
}

/* geeky_ad */
.geeky_ad {
	width: 790px;
	float: right;
	margin: 0 0 15px 0;
	position: relative;
}
	.geeky_ad .geeky {
		position: absolute;
		left: 0;
		top: 0;
		background: url(../images/sprite.png) -352px 7px no-repeat;
		height: 96px;
		width: 60px;
		display: block;
	}
	.geeky_ad .inner {
		width: 728px;
		height: 90px;
		padding: 3px 3px 3px 15px;
		float: right;
		background: #EAEFF2;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin: 0 0 15px 0;
	}

	#toper .geeky_ad,
	#bottomer .geeky_ad {
		display: block;
		float: none;
		margin: 0 0 0 68px;
	}

/* forms
--------------------------------------------------------------------------------------- */
input.style,
textarea.style {
	background: url(../images/sprite.png) 0 -417px no-repeat;
	border: 1px solid #fff;
	padding: 4px 7px;
}

/* hacks
--------------------------------------------------------------------------------------- */

/* float clearing for everyone else */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

/* buttons
--------------------------------------------------------------------------------------- */
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* button */
button.button,
a.button {
	background: url(../images/sprite.png) right 1px no-repeat;
	margin: 0 0 0 10px;
	padding:0 10px 0 0;
	text-align:center;
	display: inline-block;
	float: left;
	height: 40px;
}
	button.button span,
	a.button span {
		background: url(../images/sprite.png) left 2px no-repeat;
		padding: 14px 6px 0 16px;
		height: 28px;
		color: #FFFFFF;
		margin: 0 0 0 -10px;
		font-size: 11px;
		text-shadow:0 1px 0 #000;
		display: block;
		white-space: nowrap;
		position: relative;
		top: -2px;
		float: left;
		font-size: 12px;
		font-weight: bold;
	}
	button.button span {
		padding: 15px 7px 0 17px;
		height: 25px;	
	}

	button.button:hover,
	button.button.over,
	a.button:hover {
		background: url(../images/sprite.png) right -41px no-repeat;
	}
		button.button:hover span,
		button.button.over span,
		a.button:hover span {
			background: url(../images/sprite.png) left -39px no-repeat;
		}

	/* Target Firefox */
	@-moz-document url-prefix() {
		button.button {
			padding-right: 8px;
		}
		a.button {
			padding-right: 10px;
		}
		button.button {
			margin-left: 8px;
		}
	}
	a.button:hover {
		text-decoration: none;
	}

/* button blue */
button.button.blue,
a.button.blue {
	background: url(../images/sprite.png) right -82px no-repeat;
}
	button.button.blue span,
	a.button.blue span {
		background: url(../images/sprite.png) left -80px no-repeat;
	}

	button.button.blue:hover,
	button.button.blue.over,
	a.button.blue:hover {
		background: url(../images/sprite.png) right -123px no-repeat;
	}
		button.button.blue:hover span,
		button.button.blue.over span,
		a.button.blue:hover span {
			background: url(../images/sprite.png) left -121px no-repeat;
		}

/* button_narrow */
button.button_narrow,
a.button_narrow {
	background: url(../images/sprite.png) right -164px no-repeat !important;
	margin: 0 0 0 10px;
	padding:0 10px 0 0;
	text-align:center;
	display: inline-block;
	float: left;
	height: 28px;
}
	button.button_narrow span,
	a.button_narrow span {
		background: url(../images/sprite.png) left -162px no-repeat !important;
		padding: 8px 4px 0 14px !important;;
		height:22px;
		color: #FFFFFF;
		margin: 0 0 0 -10px;
		font-size: 11px;
		text-shadow:0 1px 0 #000;
		display: block;
		white-space: nowrap;
		position: relative;
		top: -2px;
		float: left;
		font-weight: bold;
	}
	button.button_narrow span {
		padding: 9px 4px 0 14px;
		height:21px;		
	}

	button.button_narrow:hover,
	button.button_narrow.over,
	a.button_narrow:hover {
		background: url(../images/sprite.png) right -193px no-repeat !important;;
	}
		button.button_narrow:hover span,
		button.button_narrow.over span,
		a.button_narrow:hover span {
			background: url(../images/sprite.png) left -191px no-repeat !important;;
		}

	/* Target Firefox */
	@-moz-document url-prefix() {
		button.button_narrow {
			padding-right: 8px;
		}
		a.button_narrow {
			padding-right: 10px;
		}
		button.button_narrow {
			margin-left: 8px;
		}
	}
	a.button_narrow:hover {
		text-decoration: none;
	}

/* button_narrow blue */
button.button_narrow.blue,
a.button_narrow.blue {
	background: url(../images/sprite.png) right -222px no-repeat !important;;
}
	button.button_narrow.blue span,
	a.button_narrow.blue span {
		background: url(../images/sprite.png) left -220px no-repeat !important;;
	}

	button.button_narrow.blue:hover,
	button.button_narrow.blue.over,
	a.button_narrow.blue:hover {
		background: url(../images/sprite.png) right -252px no-repeat !important;;
	}
		button.button_narrow.blue:hover span,
		button.button_narrow.blue.over span,
		a.button_narrow.blue:hover span {
			background: url(../images/sprite.png) left -250px no-repeat !important;;
		}

/* button_narrow gray */
button.button_narrow.gray,
a.button_narrow.gray {
	background: url(../images/sprite.png) right -281px no-repeat !important;;
}
	button.button_narrow.gray span,
	a.button_narrow.gray span {
		background: url(../images/sprite.png) left -279px no-repeat !important;;
	}
	button.button_narrow.gray:hover,
	button.button_narrow.gray.over,
	a.button_narrow.gray:hover {
		background: url(../images/sprite.png) right -310px no-repeat !important;;
	}
		button.button_narrow.gray:hover span,
		button.button_narrow.gray.over span,
		a.button_narrow.gray:hover span {
			background: url(../images/sprite.png) left -308px no-repeat !important;;
		}

/* button_narrow bar */
button.button_narrow.action,
a.button_narrow.action {
	background: url(../images/sprite.png) right -339px no-repeat !important;;
	height: 25px;
}
	button.button_narrow.action span,
	a.button_narrow.action span {
		background: url(../images/sprite.png) left -337px no-repeat !important;;
		padding: 7px 4px 0 14px;
		height: 20px;
		font-size: 11px;
		font-weight: normal;
		text-shadow: none;
		color: #3C3C3C;
	}
	button.button_narrow.action:hover,
	button.button_narrow.action.over,
	a.button_narrow.bar:hover {
		background: url(../images/sprite.png) right -365px no-repeat !important;;
	}
		button.button_narrow.action:hover span,
		button.button_narrow.action.over span,
		a.button_narrow.action:hover span {
			background: url(../images/sprite.png) left -363px no-repeat !important;;
		}


/* blocks
--------------------------------------------------------------------------------------- */
.block {
	clear: both;
	/* TODO: de vazut de ce trebuie sa fie imporant, cine rescrie? */
	margin: 0 !important; /*  */
	padding: 0;
}

/* blocks no js
--------------------------------------------------------------------------------------- */
.block .tabs {
	display: none;
}
.block .panes {
	float: left;
	margin: 0;
	padding: 0;
}
.block .panes div  {
	border: 1px solid #dbe1e6;
	margin: 0 0 15px 0;
	padding: 1px;
}
.block .panes div div,
.block .panes div div div,
.block .panes div div div div {
	margin: 0;
	border: 0;
	padding: 0;
}
.block .top,
.hasjs .block .top {
	margin: 5px 5px 0 5px;
	display: block;
	clear: both;
	overflow: hidden;
}
.block .subtitle {
	background:none repeat scroll 0 0 #EAEFF2;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	padding:0 8px;
	margin: 0;
	text-transform: uppercase;
	border-bottom: 1px solid #DBE1E6;
}
.block .panes .padding {
	padding: 5px;
}

/* blocks has js
--------------------------------------------------------------------------------------- */
.hasjs .block {
	/* border: 1px solid #c1ccd5; */
	margin: 0 0 15px 0 !important;
	/* padding: 1px; */
	float: none;
}

	/* .no-border .panes div {
		border: 0;
	} */

.hasjs .block .tabs {
	display: block;
}
.hasjs .block .subtitle {
	display: none;
}
.hasjs .block.one .subtitle {
	display: block;
}
.hasjs .panes div {
	float: left;
	/* TODO: Commented out by titel to fix the table listings; see if it was needed somewhere else
	height: inherit; */
	border: 0;
	margin: -2px 0;
	padding: 0;
	width: 100%;
}

/* scroll
--------------------------------------------------------------------------------------- */
.hasjs .block .scroll {

}
.hasjs .block .panes {
	overflow: hidden;
	position: relative;
	height: auto;
}
.hasjs .block .scroll .items {
	width:20000em;
	position:relative;
}
.hasjs .block .scroll .items div {
	width: 200px;
	position: relative;
	float: left;
}

/* columns widths
--------------------------------------------------------------------------------------- */

/* #main */
#main .bar {
	width: 786px;
}
#main .panes {
	width: 790px;
}
	.hasjs #main .panes {
		width: 786px;
	}
#main .scroll .items div {
	width: 788px;
}
#main .four .tabs a {
	width: 166px;
}
	#main .four .tabs .first a {
		width: 167px;
	}
	#main .four .tabs .last a {
		width: 167px;
	}
#main .three .tabs a {
	width: 232px;
}
#main .two .tabs a {
	width: 363px;
}

/* #center */
#center .bar {
	width: 466px;
}
#center .panes {
	width: 470px;
}
	.hasjs #center .panes {
		width: 466px;
	}

	/* no sidebar layout - program page */
	.no_sidebar #center .panes {
		width: 650px;
	}
	.hasjs .no_sidebar #center .panes {
		width: 646px;
	}

#center .scroll .items div {
	width: 468px;
}
#center .four .tabs a {
	width: 86px;
}
	#center .four .tabs .first a {
		width: 87px;
	}
	#center .four .tabs .last a {
		width: 87px;
	}
#center .three .tabs a {
	width: 125px;
}
	#center .three .tabs .last a {
		width: 126px;
	}
#center .two .tabs a {
	width: 203px;
}

/* #extra */
#extra .bar {
	width: 296px;
}
#extra .panes {
	width: 300px;
}
	.hasjs #extra .panes {
		width: 296px;
	}
#extra .scroll .items div {
	width: 298px;
}
#extra .four .tabs a {
	width: 44px;
}
	#extra .four .tabs .first a,
	#extra .four .tabs .last a {
		width: 44px;
	}
#extra .three .tabs a {
	width: 69px;
}
	#extra .three .tabs .first a {
		width: 69px;
	}
	#extra .three .tabs .last a {
		width: 68px;
	}
#extra .two .tabs a {
	width: 118px;
}
	#extra .two .tabs .last a {
		width: 118px;
	}

/* #sidebar */
#sidebar .bar {
	width: 156px;
}
#sidebar .panes {
	width: 160px;
}
	.hasjs #sidebar .panes {
		width: 156px;
	}
	#sidebar .scroll .items div {
		width: 158px;
	}

/* tabs
--------------------------------------------------------------------------------------- */
.tabs {
	display: block;
	overflow: auto;
	border-left: 1px solid #C1CCD5;
	border-top: 1px solid #C1CCD5;
	border-right: 1px solid #C1CCD5;
	float: left;
	clear: both;
	background: #fff;
	padding: 1px 1px 0 2px;
	margin: 0 0 -1px 0;
	position: relative;
	z-index: 1;
}
	.tabs li {
		display: block;
		float: left;
		margin-left: -1px;
		list-style-type: none;
		margin: 0 0 0 -1px;
	}
	.tabs a {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
		line-height: 24px;
		padding: 0 15px;
		border-left:  1px solid #dbe1e6;
		border-bottom: 1px solid #dbe1e6;
		background: #eaeff2;
		color: #7292A6;
		display: block;
		text-align: center;
		font-family: Arial, sans-serif;
	}
	.tabs a:hover {
		text-decoration: none;
		color: #1491CC;
	}
	.tabs .first a {
		border-left: 0;
	}
	.tabs a.current {
		background: #FFF;
		color: #000000;
		border-bottom: 1px solid #FFF;
		/* border-left: 0; */
	}
	.tabs a:hover.current {
		text-decoration: none;
	}
	.tabs a span {
		color: #999999;
		font-weight: normal;
	}
		/* .tabs a.current span {
			color: #999999;
		} */

	.hasjs .panes {
		border: 1px solid #C1CCD5;
		padding: 1px;
		display: block;
	}

/* bar
--------------------------------------------------------------------------------------- */
.bar {
	background: url(../images/sprite.png) left -583px repeat-x;
	height: 18px;
	border-top: 1px solid #e1e8ec !important;
	bottom: 0;
	left: 0;
	right: 0;
	height: 34px !important;
	width: 786px;
	clear: both;
}
.bar .right {
	display: block;
	float: right;
	margin: 4px 4px 0 0;
}
.bar .right span {
	display: block;
	float: left;
	margin: 4px 2px 0 2px;
}
a.prev, a.next {
	display: block;
	height: 24px;
	width: 27px;
	text-indent: 30px;
	overflow: hidden;
	float: left;
	margin: 2px;
}
a.prev {
	background: url(../images/sprite.png) -192px -229px no-repeat;
}
a.next {
	background: url(../images/sprite.png) -221px -229px no-repeat;
}
a.prev.disabled {
	background: url(../images/sprite.png) -250px -229px no-repeat;
}
a.next.disabled {
	background: url(../images/sprite.png) -279px -229px no-repeat;
}
/* 
.hasjs .panes {
	position:relative;
	overflow:hidden;
	width: 468px;
	height: 200px;
}
*/
.bar .more {
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	padding: 0 0 0 10px;
	background: url(../images/sprite.png) -638px -417px no-repeat;
	font-weight: bold;
	margin: 10px 0 0 4px;
}

/* pagination
--------------------------------------------------------------------------------------- */
.pagination {
	display: block;
	text-align: center;
	margin: 6px 0 0 5px;
}
	.pagination li {
		display: inline;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
		.pagination li.ellipsis {
			padding: 0 8px 0 0;
		}
	.pagination a {
		display: inline-block;
		background: url(../images/sprite.png) right -339px no-repeat;
		height: 24px;
		padding: 0 10px 0 0;
		margin: 0 6px;
	}

	.pagination span {
		background: url(../images/sprite.png) left -339px no-repeat;
		display: inline-block;
		padding: 5px 0 0 10px;
		height: 19px;
		font-weight: bold;
		color: #333333;
		margin: 0 0 0 -10px;
	}
		.pagination a:hover {
			background: url(../images/sprite.png) right -365px no-repeat;
		}
		.pagination a:hover span {
			background: url(../images/sprite.png) left -365px no-repeat;
		}

	/* current button */
	.pagination .current a,
	.pagination .current a:hover {
		background: url(../images/sprite.png) right -391px no-repeat;
	}
		.pagination .current a span,
		.pagination .current a:hover span {
			background: url(../images/sprite.png) left -391px no-repeat;
			color: #ffffff;
		}

	.pagination .prev span,
	.pagination .next span {
		font-weight: normal;
		text-transform: uppercase;
	}
	.pagination .arraw {
		display: inline-block;
		height: 10px;
		width: 8px;
	}
		.pagination .prev .arraw {
			background: url(../images/sprite.png) right -432px no-repeat;
			margin: 0 5px 0 0;
			padding: 0;
		}
		.pagination .next .arraw {
			background: url(../images/sprite.png) right -449px no-repeat;
			margin: 0 0 0 5px;
			padding: 0;
		}
	.pagination a:hover {
		text-decoration: none;
	}

/* block just links
--------------------------------------------------------------------------------------- */
	.links .tabs {
		display: block;
	}

/* block no_border
--------------------------------------------------------------------------------------- */
.block_space {
	margin: 0 0 15px 0;
	clear: both;
}
.block_border {
	border: 1px solid #C1CCD5;
}

#side_menu {
	border: 0;
	padding: 0;
	margin: 0 0 15px 0;
	width: 160px;
	overflow: visible;
}
	#side_menu li {
		float: none;
		position: relative;
		margin: 0;
	}
		#side_menu a {
			padding: 2px 0 0 8px;
			text-align: left;
			border-left: 1px solid #DBE1E6 !important;
			border-bottom: 1px solid #DBE1E6 !important;
		}
		#side_menu a.current {
			background: #FFFFFF;
			width: 152px;
		}
		#side_menu .first a {
			border-top: 1px solid #DBE1E6 !important;
		}
		#side_menu .last a {
			border-bottom: 1px solid #DBE1E6 !important;
		}

/* panel links */
#sidebar ul.links {
	
}
	#sidebar ul.links li {
		margin-left: 8px;
	}
	#sidebar ul.links li.title {
		margin-left: 0;
	}
	/* unordered list
	--------------------------------------------------------------------------------------- */
	ul.list {
		margin-top: 5px;
		margin-bottom: 5px;
		display: block;	
	}
		ul.list li {
			list-style-type: none;
			list-style-position: inside;
			margin: 0;
			position: relative;
			border-bottom: 1px solid #C1CCD5;
			padding: 1px 0;
			display: block;		
		}
			ul.list .last {
				border: 0;
			}
			ul.list li span {
				display: block !important;
				overflow: auto;
				padding: 0 0 0 4px;
			}
				ul.list li span span {
					display: inline;
				}
			ul.list .even span {
				background: #EAEFF2;
			}
			/* ul.list  */ a.soft {
				font-weight: bold;
				float: left;
				display: block;
				margin: 8px 2px 0 0;
			}		
			/* ul.list */ .version {
				float: left;
				color: #999999;
				display: block;
				margin: 8px 3px 4px 5px;
			}

	/* TODO: check this out */

	#content ul.list.padding {
		margin-left: 9px;
		margin-right: 10px;
	}
		ul.list li p {
			display: block;
			float: left;
			margin: 4px 0 0 0;
		}

	/* TODO: check this out END */


	/* table
	--------------------------------------------------------------------------------------- */
	table.list3 {
		width: 100%;
		border: 0;
		margin: 0;
	}
		table.list3 td {
			border: 0;
			border-top: 1px solid #C1CCD5;
			margin: 0;
			padding: 0;
			vertical-align: top;
		}
		table.list3 td div {
			margin: 1px 0;
			padding: 3px 5px;
			height: 82px;
			display: block;
			border-left: 1px dotted #CCCCCC;
		}
			table.list3 td.description div {
				border: 0;
			}

			.hasjs table.list3 td div {
				float: none;
			}

		table.list3 .odd td div {
			background: #EAEFF2;
		}
		table.list3 .description {		
		}
			table.list3 .soft {
				font-size: 13px;
				font-weight: bold;
				display: block;
				float: left;
				margin: 6px 0 0 0;
				height: 20px;
				line-height: 20px;
			}
			table.list3 .version {
				font-size: 14px;
				float: left;
				display: block;
				font-weight: normal;
				color: #959595;
				margin: 6px 7px 0 5px;
				height: 20px;
				line-height: 20px;
				padding: 0 0 0 5px;
			}
			table.list3 .licence {
				display: block;
				margin: 7px 0 0 0;
				padding: 0 0 5px 0;
				height: 20px;
				line-height: 20px;
				clear: right;
				font-weight: bold;
				height: 17px;
			}
				.list .free {
					color: #00CC00;
				}
				.list .free_to_try {
					color: #CC66CC;
				}
			table.list3 .additional {
				color: #999999;
				display: block;
				height: 20px;
				background: none;
				margin: 6px 0 0 0;
			}
			table.list3 .highlight {
				color: #ff0000;
			}
		table.list3 .downloads,
		table.list3 .ratings {
			text-align: center;
			width: 130px;
		}
			table.list3 .downloads span,
			table.list3 .ratings span {
				font-weight: bold;
				clear: both;
				display: block;
				margin: 0;
				padding: 0;
			}
			table.list3 .downloads .stars,
			table.list3 .ratings .stars {
				display: inline-block;
			}
			table.list3 .downloads p,
			table.list3 .ratings p {
				margin: 0;
				padding: 0;
			}
			table.list3 .downloads .total {
				margin: 12px 0 0 0;
			}
			table.list3 .downloads .weekly {
				margin: 6px 0 0 0;
			}
			table.list3 .ratings .user {
				margin: 22px 0 0 0;
			}

	/* icons
	--------------------------------------------------------------------------------------- */
		.icon {
			display: block;
			height: 42px;
			width: 42px;
			float: left;
			margin: 5px 10px 0 0;
			background: url(../../images/sprite.png) -190px -186px no-repeat;
			position: relative;
		}
		/* TODO: add the other OSes here */
		.icon.windows {
			background: url(../../images/sprite.png) -232px -186px no-repeat;
		}
		.icon.mac {
			background: url(../../images/sprite.png) -274px -186px no-repeat;
		}
		.icon.mobile {
			background: url(../../images/sprite.png) -316px -186px no-repeat;
		}
		.icon.iphone {
			background: url(../../images/sprite.png) -358px -186px no-repeat;
		}
		.icon img {
			display: block;
			overflow: hidden;
			position: absolute;
			top: 5px;
			left: 5px;
			background: #FFFFFF;
		}

	/* list block
	--------------------------------------------------------------------------------------- */
	/*
	div.list {
		margin: 0 0 15px 0;
	}
		div.list .tabs {
			display: block;
			padding: 1px 1px 0 2px;
			border-left: 1px solid #C1CCD5;
			border-top: 1px solid #C1CCD5;
			border-right: 1px solid #C1CCD5;
			float: left;
			margin-bottom: -1px;
			z-index: 100;
			background: #fff;
		}
		div.list .pane {
			border: 1px solid #C1CCD5;
			clear: both;
			padding: 1px;
		} */

		div.list .sort {
			margin: 10px 5px;
			padding: 0;
		}

	/* table
	--------------------------------------------------------------------------------------- */
	table.list {
		width: 100%;
		border: 0;
		margin: 0;
		border-top: 1px solid #DBE1E6;
		border-bottom: 1px solid #DBE1E6;
	}
		table.no_borders {
			border: 0;
		}
		table.list th div {
			background: url("../../images/sprite.png") repeat-x scroll left -597px transparent;
			font-weight: bold;
			height: 20px;
			line-height: 20px;
		}
		table.list td {
			border: 0;
			/*
				TODO: see if this stays or goes away
				border-top: 1px solid #C1CCD5;
			*/
			border-top: 1px solid #DBE1E6;
			margin: 0;
			padding: 0;
			vertical-align: top;
		}
		table.list td div {
			margin: 1px 0 !important;
			/* padding: 3px 5px !important; */
			padding: 3px 0 !important;
			/* height: 82px; */
			display: block;
			/* border-left: 1px dotted #CCCCCC; */
		}
			.hasjs table.list td div {
				float: none;
			}

		table.list .odd td div {
			background: #EAEFF2;
		}

		.hasjs table.list td.check {
			width: 25px;
		}

		.hasjs table.list td.program {

		}

		.hasjs table.list td.status,
		.hasjs table.list td.latest {
			width: 160px;
		}

	/* selected & highlighted */
	/* tr.selected td, */
	/* tr.selected td {
		border: 0 !important;
	}
	tr.selected td > div {
		background: #D1E4EF !important;
		margin: 0 !important;
		padding: 3px 0 3px 0 !important;
		border-top: 1px solid #FFFFFF !important;
		border-bottom: 1px solid #D1E4EF !important;
	} */

	/* tr.highlighted td, */

	tr.selected td > div {
		background: #D1E4EF !important;
		margin: 0 !important;
		padding: 3px 0 3px 0 !important;
		border-top: 1px solid #FFFFFF !important;
		border-bottom: 1px solid #D1E4EF !important;
	}

	tr.highlighted td > div {
		background: #FFEFC6 !important;
		margin: 0 !important;
		padding: 3px 0 3px 0 !important;
		border-top: 1px solid #FFFFFF !important;
		border-bottom: 1px solid #FFEFC6 !important;
	}

	.list th.check input {
		margin: 3px 5px 0 5px;
	}

	.list_top {
		background: url(../../images/sprite.png) left -582px repeat-x;
		border-top: 1px solid #C1CCD5 !important;
		bottom: 0;
		left: 0;
		right: 0;
		height: 35px;
		width: 786px;
		clear: both;
	}

	.list_bottom {
		background: url(../../images/sprite.png) left -582px repeat-x;
		border-bottom: 1px solid #C1CCD5 !important;
		bottom: 0;
		left: 0;
		right: 0;
		height: 35px;
		width: 786px;
		clear: both;
	}

	.check {
		text-align: center;
	}
	.check input {
		display: inline-block;
		margin-top: 8px;
	}






/* forms
--------------------------------------------------------------------------------------- */

.styled {
	display: block;
	margin: 0 0 15px 0;
}
	.styled .row {
		margin: 0 0 13px 3px;
		display: block;
		clear: both;
		overflow: auto;
		width: 100%;
	}

	/* labels */
	.styled label,
	.styled .label {
		display: block;
		font-weight: bold;
		margin: 0 0 0 1px;
		font-size: 11px;
		font-weight: bold;
		line-height: 16px;
		float: left;
		padding: 0 7px 0 0;
	}
		.styled .required label,
		.styled .required .label {
			background: url(../images/required.png) top right no-repeat;
		}
			.styled .required .radio_controls label,
			.styled .required .checkbox_controls label {
				background: none;
				padding: 0;
			}

	/* inputs */
	.styled input {
		font-size: 13px;
		height: 23px;
		padding: 0 5px;
		width: 160px;
		border-top: 1px solid #A5A4A0;
		border-right: 1px solid #E3E1D9;
		border-bottom: 1px solid #E3E1D9;
		border-left: 1px solid #A5A4A0;
		float: left;
		margin: 5px 15px 0 0;
		font-family: Tahoma, Arial, sans-serif;
	}
		.styled input.small {
			width: 70px;
		}
		.styled input.big {
			width: 280px;
		}
	.styled select {
		font-size: 13px;
		height: 23px;
		border-top: 1px solid #A5A4A0;
		border-right: 1px solid #E3E1D9;
		border-bottom: 1px solid #E3E1D9;
		border-left: 1px solid #A5A4A0;
		float: left;
		margin: 5px 13px 0 2px;
		font-family: Tahoma, Arial, sans-serif;
	}
	.styled textarea {
		font-size: 12px;
		padding: 4px;
		border-top: 1px solid #A5A4A0;
		border-right: 1px solid #E3E1D9;
		border-bottom: 1px solid #E3E1D9;
		border-left: 1px solid #A5A4A0;
		float: left;
		margin: 5px 15px 0 0;
		overflow: auto;
		font-family: Tahoma, Arial, sans-serif;
		height: 100px;
		width: 300px;
	}

	/* inputs holder */
	.styled .controls,
	.styled .radio_controls,
	.styled .checkbox_controls {
		display: block;
		clear: both;
	}
		.styled .radio_controls.block,
		.styled .checkbox_controls.block {
			float: left;
			clear: left;
			margin: 0;
		}
			.styled .radio_controls.block label,
			.styled .checkbox_controls.block label {
				clear: left;
			}
		.styled .radio_controls input,
		.styled .checkbox_controls input {
			font-size: 100%;
			margin: 3px 5px 0 2px;
			padding: 0;
			display: inline-block;
			width: 13px;
			height: 13px;
			border: 0;
		}
		.styled .radio_controls label,
		.styled .checkbox_controls label {
			font-size: 12px;
			font-weight: normal;
			height: 16px;
			margin: 3px 15px 3px 0;
			float: left;
			padding: 0 10px 0 0;
			white-space: nowrap;
			width: auto;
		}
	.styled .control {
		float: left;
	}

	/* field  */
	.styled .hint {
		color: #666;
		display: block;
		clear: left;
		padding: 2px 0 0 2px;
		width: 300px;
	}

	/* buttons holder */
	.styled .buttons {
		margin: 10px 0 0 0;
		display: block;
		clear: both;
		overflow: hidden;
		width: 100%;
	}

	/* error styles */
	.styled .error label,
	.styled .error .label {
		color: #CC0000;
	}
		.styled .error .radio_controls label,
		.styled .error .checkbox_controls label {
			color: #3C3C3C;
		}
	.styled .error .message {
		color: #CC0000;
		display: block;
		clear: left;
		padding: 2px 0 0 2px;
		float: left;
		position: relative;
		border: 0;
		background: transparent;
		width: 300px;
	}

	/* inline form styles */
	.styled.inline label,
	.styled.inline .label {
		width: 120px;
		text-align: right;
		margin: 9px 10px 0 0;
		float: left;
	}
		.styled.inline .radio_controls label,
		.styled.inline .checkbox_controls label {
			width: auto;
		}
	.styled.inline .controls,
	.styled.inline .radio_controls,
	.styled.inline .checkbox_controls {
		/* TODO: without !important IE would not float the elements */
		clear: none !important;
		float: left;
	}
		.styled.inline .radio_controls.block,
		.styled.inline .checkbox_controls.block {
			clear: none;
		}
	.styled.inline .buttons {
		padding: 0 0 0 135px;
	}


/*
	From the plugin
*/
.rating {
	cursor: pointer;
	margin: 2em;
	clear: both;
	display: block;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}
.cancel,
.star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.star-left,
.star-right {
  width: 8px
}
.cancel,
.cancel a {background: url(../images/delete.gif) no-repeat 0 -16px;}

.star,
.star a {background: url(../images/star.gif) no-repeat 0 0px;}
.star-left,
.star-left a {background: url(../images/star-left.gif) no-repeat 0 0px;}
.star-right,
.star-right a {background: url(../images/star-right.gif) no-repeat 0 0px;}
	
.cancel a,
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}
div.rating div.hover a,
div.rating div a:hover {
	background-position: 0 -32px;
}

/* modal
--------------------------------------------------------------------------------------- */

#overlay {
	width: 500px;
	background: #FFF;
	margin: 100px auto;
	position: relative;	
	padding: 10px 15px;
}
.close {
	display: block;
	float: right;
	height: 20px;
	width: 50px;
	background: #000;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
	margin: 0 0 10px 0;
	cursor: pointer;
}

.contentWrap {
	display: block;
	clear: both;
}

.logo {
	display: block;
	float: left;
	height: 75px;
	width: 110px;
	margin: 0 10px 10px 0;
	background: url(../images/sprite.png) -190px -111px no-repeat;;
}

/* navigation
--------------------------------------------------------------------------------------- */

/* left navigation */
#navigation {
	overflow: visible;
	border: 0;
	margin: -5px 0 15px 0;
	padding: 0;
}
	/* TODO: figure it out if this is needed any more
	#navigation.block {
		border: 0;
		margin: -5px 0 15px 0;
	} */
	#navigation .pane {
		overflow: visible;
		border-right:1px solid #EBE9E1;
		border-bottom:1px solid #EBE9E1;
		border-left:1px solid #EBE9E1;
		overflow:visible;
		padding:0 0 5px;
	}
	#navigation p {
		margin: 5px 0 0 0;
		padding: 0;	
	}
	#navigation .os a {
		background: url(../images/sprite.png) -191px -390px no-repeat;
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
		display: block;
		line-height: 26px;
		padding-left: 12px;
		margin: 1px 0 0 0;
		position: relative;
		height: 26px;	
	}
		#navigation .os a:hover {
			text-decoration: none;
		}
		#navigation .os .icon {
			display: block;
			height: 16px;
			width: 16px;
			position: absolute;
			right: 9px;
			top: 5px;
			margin: 0;
			float: none;
		}
			/* sidebar section icons */
			.os#windows .icon {
				background: url(../images/sprite.png) -209px -285px no-repeat;
			}
			.os#mac .icon {
				background: url(../images/sprite.png) -226px -285px no-repeat;
			}
			.os#mobile .icon {
				background: url(../images/sprite.png) -243px -285px no-repeat;
			}
			.os#iphone .icon {
				background: url(../images/sprite.png) -260px -285px no-repeat;
			}
		#navigation .categories {
			margin: 0 0 15px 0;
			padding: 1px;
			display: block;		
		}
			#navigation .categories li {
				position: relative;
				border-bottom: 1px solid #dfddd6;
				list-style-type: none;
				margin: 0;
			}
			#navigation .categories a {
				font-size: 11px;
				display: block;
				line-height: 25px;
				height: 25px;
				padding-left: 12px;
				width: 144px;
			}
			#navigation .categories a:hover,
			#navigation .categories a.active {
				text-decoration: none;
				background: #3d3d3d;
				color: #ffffff;
				position: relative;
				z-index: 100;			
			}

		/* navigation filters */
		#navigation .filters {
			margin: 0 0 10px 0;		
		}
			#navigation .filters li.filter {
				font-weight: bold;
			}
			#navigation .filters li {
				margin: 0 0 6px 0;
				padding-left: 12px;
				list-style-type: none;
			}
			#navigation .filters a {
				line-height: 15px;
				background: url(../images/sprite.png) -640px -417px no-repeat;
				padding-left: 8px;
				height: 15px;
				display: block;
				
			}

/* expandable subcategories */
#navigation .subcategories {
	background: #3d3d3d;
	border: 1px solid #DFDDD6;
	width: 510px;
	padding: 5px 10px;
	position: absolute;
	left: 155px;
	top: -1px;
	color: #999999;
	z-index: 10;
}
	#navigation .subcategories ul {
		background: none;
	}
		#navigation .subcategories li {
			display: block;
			width: 160px;
			float: left;
			margin: 0 5px 3px 5px;
			padding: 0;
			border: 0;
			height: 20px;
		}
		#navigation .subcategories a {
			padding: 0;
			margin: 0;
			height: 19px;
			color: #fff;
			display: inline;			
		}
			#navigation .subcategories a:hover {
				color: #07b7dd;
			}
			#navigation .subcategories a span,
			#navigation .subcategories a:hover span {
				color: #959595;
			}
		#navigation .separator {
			height: 1px;
			padding: 7px 0 0 0;
			border-bottom: 1px solid #999999;
			margin: 0 0 7px 0;
			overflow: hidden;
			clear: both;		
		}
		#navigation .loading {
			display: block;
			height: 16px;
			color: #fff;
			margin: 60px auto;
			width: 70px;
		}
			#navigation .loading span {
				display: block;
				float: left;
				height: 16px;
				width: 16px;
				margin: 0 5px 0 0;
				background: url(../images/loader.gif) left top repeat-x;
			}

/*
*  Notify Bar - jQuery plugin
*
*  Copyright (c) 2009-2010 Dmitri Smirnov
*
*  Licensed under the MIT license:
*  http://www.opensource.org/licenses/mit-license.php
*  
*  Version: 1.2
*
*  Project home:
*  http://www.dmitri.me/blog/notify-bar
*/

.jquery-notify-bar {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:32768;
	background-color:#efefef;
	font-size:14px;
	color:#000;
	text-align:center;
	font-family: Arial, Verdana, sans-serif;
	border-bottom:1px solid #bbb;
	height: 29px;
	line-height: 29px;
}
.notify-bar-close {
	position:absolute;
	left:95%;
	font-size:11px;
}

#__notifyBar.notice {
	border-bottom: 1px solid #CFC700;
	background: #eee606;
	color: #fff;
}

#__notifyBar.confirm {
	border-bottom: 1px solid #13891d;
	background: #17be1e;
	color: #fff;
}
#__notifyBar.error {
	border-bottom: 1px solid #891313;
	background: #be171e;
	color: #fff;
}
#__notifyBar.hint {
	border-bottom: 1px solid #138989;
	background: #17beb6;
	color: #fff;
}

/* search
--------------------------------------------------------------------------------------- */
		/* search expand */
		#search_expand {
			width: 417px;
			background: #3d3d3d;
			position: absolute;
			left: 5px;
			top: 43px;
			z-index: 10;
			border: 1px solid #DFDDD6;
			padding: 0;
		}
			#search_expand .block {
				width: 125px;
				float: left;
				margin: 10px 0 10px 10px;
				border: 0;
				color: #959595;
			}
			#search_expand label {
				padding: 8px 0 0 0;
				clear: both;
				display: block;
				color: #FFF;
				font-weight: normal;
			}
			#search_expand input {
				margin: 0 5px 0 0;
				display: inline-block;
				float: left;
			}
			#search_expand .options {
				margin: 0 0 4px 0;
			}
			#arrow {
				height: 12px;
				width: 12px;
				background: url(../images/sprite.png) -434px -164px no-repeat;
				position: absolute;
				left: 1px;
				top: 15px;
			}
			.expanded #arrow {
				background: url(../images/sprite.png) -435px -181px no-repeat;
			}

#side_menu {
	border: 0;
	padding: 0;
	margin: 0 0 15px 0;
	width: 160px;
	overflow: visible;
}
	#side_menu li {
		float: none;
		position: relative;
		margin: 0;
	}
		#side_menu a {
			padding: 2px 0 0 8px;
			text-align: left;
			border-left: 1px solid #DBE1E6 !important;
			border-bottom: 1px solid #DBE1E6 !important;
		}
		#side_menu a.current {
			background: #FFFFFF;
			width: 152px;
		}
		#side_menu .first a {
			border-top: 1px solid #DBE1E6 !important;
		}
		#side_menu .last a {
			border-bottom: 1px solid #DBE1E6 !important;
		}

/* panel links */
#sidebar ul.links {
	
}
	#sidebar ul.links li {
		margin-left: 8px;
	}
	#sidebar ul.links li.title {
		margin-left: 0;
		background: none;
	}