/*
	START BLUEPRINT
*/

html, body				{ margin: 0px; padding: 0px; font-size: 13px; font-family: Arial; }

h1						{ font-size: 28px; }
h2						{ font-size: 22px; }
h3						{ font-size: 18px; }
h4						{ font-size: 16px; }
h5						{ font-size: 14px; }
h6						{ font-size: 12px; }

a, a:link, a:active		{ text-decoration: none; color: inherit; }
a:hover, a:focus		{ text-decoration: underline; }

.clear					{ clear: both; }
.clearR					{ clear: right; }
.clearL					{ clear: left; }

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

/*
	END BLUEPRINT
*/

/*****************
Specially styled select boxes.
*****************/
div.select {position:relative;top:0;left:0;height:21px;}
select.replaced {display: none;}
ul.selectReplacement {background: url(/layout/selectarrow.png) no-repeat 100% 50% #333;margin: 0 0 0 156px;padding: 0;width: 200px;}
ul.selectReplacement li {background: #666;color: #fff;cursor: pointer;display: none;font-size: 11px;line-height: 1.7em;list-style: none;margin: 0;padding: 1px 12px;width: 180px;font-weight:bold;margin:0;}
ul.selectReplacement li.selected {color: #fff;display: block; background: transparent;}

ul.selectOpen li.selected {background: #333;display: block;}
ul.selectOpen li {display: block;}
ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover {background: #333;color: #fff;}


/*****************
	LISTING
*****************/
div.listItem {overflow: auto;clear: left;border: solid 1px #000000;border-top: 0px;padding: 2px;}
div.listItem:hover {background-color: #EEEEEE;}
div.listItemHead {overflow: auto;clear: left;border: solid 1px #000000;padding: 3px;background-color: #CCCCCC;}
div.listCellHead {font-weight: bold;float: left;}
div.listCell {float: left;}
div.listCellRight {float: right;}
div.editBox {display: none;}
div.lastChanged {float: right;font-size: 10px;}

/*****************
	PICTURES
*****************/
div.folderList {overflow: hidden;padding: 5px;margin-top: 5px;}
div.folderItem {float: left;width: 80px;min-height: 80px;word-wrap: break-word;text-align: center;border: solid 1px #DDDDDD;font-size: 8pt;margin-right: 10px;margin-bottom: 10px;background-color: #FFFFFF;padding: 3px;}
div.folderItem a img:hover {text-decoration: none;}
div.folderItem:hover {background-color: #FAFAFA;}
div.pictureList {clear: both;overflow: auto;background-color: #FAFAFA;border: solid 1px #CCCCCC;padding: 5px;}
div.pictureItem {float: left;height: 120px;width: 120px;overflow: hidden;z-index: 1;text-align: center;position: relative;border: solid 1px #999999;font-size: 8pt;margin-right: 10px;margin-bottom: 10px;background-color: #000000;}
div.pictureItem div.image {display: table-cell;vertical-align: middle;height:120px;width:120px;}
div.pictureItem img {/* 	height: 120px; */}
div.pictureItemHover {display: none;text-align: left;opacity:0.9;filter:alpha(opacity=90);background-color: #FFFFFF;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;z-index: 2;padding: 4px;}
div.pictureTools {z-index: 3;text-align: right;margin-bottom: 15px;}

table.tablesorter {font-family:arial;background-color: #CDCDCD;margin:10px 0pt 15px;font-size: 8pt;width: 100%;text-align: left;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color: #e6EEEE;border: 1px solid #FFF;font-size: 8pt;padding: 4px;padding-right:15px;}
table.tablesorter thead tr .header {background-image: url(/image/bg.gif);background-repeat: no-repeat;background-position: center right;cursor: pointer;}
table.tablesorter tbody td {color: #3D3D3D;padding: 4px;background-color: #FFF;vertical-align: top;}
table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp {background-image: url(/image/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(/image/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}

body {
	background: #fff url(/layout/bg-gradient.png) top center repeat-x;
	color: #192d50;
}

h1, h2, h3, h4, h5, h6 {
	color: #192d50;
}

.wrapperdeco {
	background: transparent url(/layout/top-bg.jpg) top center no-repeat;
	margin: 0px auto;
}

.top {
	height: 125px;
	width: 1001px;
	background: url(/layout/logo.png) top left no-repeat;
	margin: 0px auto;
}

.top .toself {
	display: block;
	height: 125px;
	width: 185px;
	float: left;
}

.top .links {
	padding: 70px 0px 0px 320px;
}

.top .links a {
	font-size: 18px;
	color: #fff;
	display: inline-block;
	margin: 8px; 
}

.maincontainer {
	background: url(/layout/semitrans.png) top left repeat;
}

.container {
	width: 1001px;
	margin: 0px auto;
	background: url(/layout/container-rightside.png) top right repeat-y;
}

.content {
	width: 747px;
	margin: 8px;
	float: left;
}

.contactform {
	background: #bdc3cd url(/layout/contact-top.jpg) top left no-repeat;
	width: 236px;
	float: right;
	text-align: center;
	padding-top: 70px;
}

.contactform p {
	margin: 10px 0px 4px 0px;
}

.contactform input, .contactform select {
	width: 200px;
	height: 24px;
	line-height: 24px;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	text-indent: 5px;
}

@-moz-document url-prefix() {
	.contactform select {
		text-indent: 0px;
	}
}

.contactform input.submit {
	width: 177px;
	height: 43px;
	background: transparent url(/layout/contact.png) top left no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -3000px;
	cursor: pointer;
}

.contactform a img {
	margin: 20px;
	border: none;
}

.menu {
	width: 100%;
	height: 112px;
	display: block;
	background: #bdc3cd;
	font-size: 20px;
}

.menu .wrap {
	width: 1001px;
	height: 112px;
	margin: 0px auto;
}

.menu .deco {
	background: url(/layout/botmenu-decoration.jpg) 0px 0px no-repeat;
	margin-left: -68px;
	height: 112px;
	width: 153px;
	float: left;
	vertical-align: middle;
}

.menu div.link {
	display: block;
	float: right;
	width: 165px;
	height: 91px;
	border: 4px solid #d8dadf;
	background: #d8dadf;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: 10px;
	margin-top: 7px;
	vertical-align: middle;
}

.menu div.link a {
	display: table-cell;
	width: 135px;
	height: 91px;
	padding: 0px 15px 0px 15px;
	background: url(/layout/link-bg.png) bottom left;
	vertical-align: middle;
	text-align: center;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}

.botwrap {
	background: #0a1935;
}

.bottom {
	color: #fff;
	width: 1001px;
	margin: auto;
}

.bottom .links {
	padding: 30px 0px 10px 0px;
	width: 839px;
	margin: 0px;
	float: left;
}

.bottom .links h1 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #fff;
}

.bottom .links .link {
	display: inline-block;
	height: 24px;
	width: 274px;
	color: #fff;
}

.bottom .info {
	width: 160px;
	padding: 30px 0px 10px 0px;
	float: right;
	text-align: right;
}

.bottom .info h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	color: #fff;
}

.bottom .info p {
	margin: 20px 0px 5px 0px;
	padding: 0px;
	font-size: 15px;
}