/* CSS Reset
------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
abbr,acronym {border:0;}
a {outline:none;}

/* Site CSS
------------------------------------------------------------------*/
body {font-family: Arial, Helvetica, serif;font-size: 0.75em;line-height: 1.333em;color: #414141;background: url(/gfx/wp01.png) top center no-repeat #242424;padding: 0px 0px 26px 0px}
img {border: 0;}
.form-button {height: 50px;background-color: #5A7F98;font-family: Verdana, Arial, Helvetica;font-size: 10px;color: #ffffff;height: 22px;margin: 2px; padding: 0 5px 0 5px;border: 1px solid #000000}
.form-input, .form-input-image {background-color: #FFFFFF;font-weight: normal;font-family: Verdana, Arial, Helvetica;height: 22px;margin: 2px;border: 1px solid #5A7F98;}
.form-input {width: 422px;}
.form-input-image {width: 314px;}
.form-textarea {width: 460px;background-color: #FFFFFF;font-weight: normal;font-family: Verdana, Arial, Helvetica;font-size: 12px;margin: 2px;border: 1px solid #DADADA;}
.form-select {width: 425px;height: 20px;background-color: #FFFFFF;font-weight: normal;font-family: Verdana, Arial, Helvetica;font-size: 12px;margin: 2px;border: 1px solid #DADADA;}
.form-checkbox {background-color: #FFFFFF;font-weight: normal;font-family: Verdana, Arial, Helvetica;font-size: 12px;margin: 2px;border: 1px solid #DADADA;}
/* .box-460 ul {padding: 10px 0 0 20px;} */
.hide {display: none;}
.err {color: red;font-weight: bold;}
a {color: #125f94;}

/* Rotator
------------------------------------------------------------------*/
/*
#rotator {width: 458px;height: 251px;border-top: 1px solid #333;border-bottom: 1px solid #333;border-left: 1px solid #333;position: relative;overflow: hidden;float: left;}
#rotateTitle {float: left;width: 235px;height: 250px;border-top: 1px solid #333;}
.rotateHead {width: 460px;height: 251px;position: absolute;top: 250px;}
.rotateBox {width: 700px;height: 250px;margin: 0 0 20px 0;}
.rotHeadline {background: url(/gfx/bannerTitle.png) no-repeat;width: 215px;height: 22px;padding: 10px;}
.rotHeadlineFocus {background: url(/gfx/bannerTitlefocus.png) no-repeat;width: 215px;height: 22px;padding: 10px;}
*/
#featured {width:448px;padding-right:250px;position:relative;border:1px solid #ccc;height:251px;background:#fff;margin: 0 0 10px 0;}
#featured ul.ui-tabs-nav{position:absolute;top:0; left:448px;list-style:none;padding:0; margin:0;width:249px;z-index: 1000;}
#featured ul.ui-tabs-nav li{padding:1px 0; padding-left:13px;font-size:12px;color:#666;}
#featured ul.ui-tabs-nav li img{float:left; margin:2px 5px;background:#fff;padding:2px;border:1px solid #eee;}
#featured ul.ui-tabs-nav li span{font-size:11px; font-family:Verdana;line-height:18px;}
#featured li.ui-tabs-nav-item a{display:block;height:61px;color:#333;  background:#fff;line-height:20px;}
#featured li.ui-tabs-nav-item a:hover{background:#f2f2f2;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#ccc;}
#featured .ui-tabs-panel{width:460px; height:250px;background:#999; position:relative;z-index: 100;}
#featured .ui-tabs-panel .info{position:absolute;top:170px; left:0;height:70px;background: url("/gfx/transparent-bg.png");}
#featured .info h2{font-size:18px; font-family:Georgia, serif;color:#fff; padding:5px; margin:0;overflow:hidden;}
#featured .info p{margin:0 5px;font-family:Verdana; font-size:11px;line-height:15px; color:#f0f0f0;}
#featured .info a{text-decoration:none;color:#fff;}
#featured .info a:hover{text-decoration:underline;}
#featured .ui-tabs-hide{display:none;}

/* Profile
------------------------------------------------------------------*/
.profileNotice {margin: 0 0 30px 0;}
.profilePicture {width: 100px;height: 100px;border: 2px solid #BCBCBC;float:left;margin-right:6px;}
.profileInfo{width:560px;height:110px;float:left;}
.profileHead{font-weight:bold;}
.profileClear{clear:both;}
.gravatarLogo{width:30px;float:left;margin-right:6px;}
.gravatarDesc{float:left;}

/* HEADLINE
---------------------------------------*/
h1 {padding: 6px 2px;font-size: 20px;font-weight: bold;color: #125f94;}
h1 a {color: #125f94; text-decoration: none;}
h1 a:hover {color: #6b7325;}
h2 {font-weight: bold;color: #125f94;font-size: 18px;margin: 0 0 5px 0;}
h2 a:hover {color: #6b7325;}

/* IMAGE STYLES
---------------------------------------*/
.img-ad { padding: 0 0 20px 0;}
.img-community { padding: 5px 0;}
.img-news { border: 5px solid #929292;}
.img-logo { position: absolute; top: 40px;}
.img-robot { float: right; position: absolute; width: 360px; height: 280px; top: 10px; right: -130px; z-index: -1;}

/* LAYOUT
---------------------------------------*/
.main {width: 980px; margin: 0 auto; position: relative;}
.header {height: 230px;}
.footer { padding: 10px 10px; color: #FFFFFF; text-align: right;}
.footer span { color: #b3c234;}
.footer a { color: #aa3838; text-decoration: none;}
.footer a:hover { text-decoration: underline;}

.container { width: 100%; overflow: hidden;}

.box {background: url(/gfx/box-top-bg.png) no-repeat;}
.box .bottom-bg { background: url(/gfx/box-bottom-bg.png) bottom left no-repeat; padding: 20px 0; width: 100%;}
.box .box-bg { background: url(/gfx/box-bg.png); padding: 0 10px 0 10px; position: relative;}
.box .indent {background: #f0f0f0; padding: 10px}
.box .lcolumn { float: left; width: 460px;}
.box .rcolumn { float: right; width: 460px;}

.wrapper-menu-box { background: url(/gfx/menu-box-bg.png) 0 0 no-repeat; height: 68px; width: 830px; position: absolute;top: 140px;}
.wrapper-menu-box .left { float: left; width: 40px;padding:  20px 0 0 30px;}
.wrapper-menu-box .right { float: right; width: 760px;}
.facebook {margin: 15px 30px 0 0;float: right;}

.column-220, .column-460, .column-350, .column-700 { float: left;}
.column-220 {width: 220px;margin: 0 0 0 20px;}
.column-350 {width: 350px;}
.column-460 {width: 460px;}
.column-700 {width: 700px;}

.container-left { float: left; width: 480px;}
.container-right { float: right; width: 480px;}
.container-left-wide { float: left; width: 720px;}
.container-right-narrow { float: right; width: 240px;}

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

.miniAvatar {width: 40px;height: 40px;border: 1px solid #BCBCBC;float: left;margin: 0 3px 0 0;}

/* BOXES
---------------------------------------*/
.box-700 {background: url(/gfx/box-700-top.png) no-repeat; margin: 0 0 20px 0; width: 700px; float: left;}
.box-700 .box-headline {padding: 10px 10px 0 10px; color: #125f94; height: 42px;}
.box-700 .box-bg {border-left: 1px solid #bcbcbd; border-right: 1px solid #bcbcbd; border-bottom: 1px solid #bcbcbd; padding: 5px 10px 10px 10px; background: #ffffff;}

.box-460 { background: url(/gfx/box-460-top.png) no-repeat; margin: 0 0 20px 0; width: 460px; float: left;}
.box-460 .box-headline { padding: 10px 0 0 10px; color: #125f94; height: 42px;}
.box-460 .box-bg { border-left: 1px solid #bcbcbd; border-right: 1px solid #bcbcbd; border-bottom: 1px solid #bcbcbd; padding: 5px 10px 10px 10px; background: #ffffff;}
.box-460 span { /*color: #848484;*/}

.box-350 {background: url(/gfx/box-350-top.png) no-repeat; margin: 0 0 20px 0; width: 340px;}
.column-350-right {background: url(/gfx/box-350-top.png) no-repeat; margin: 0 0 0 10px; width: 340px;float: left;}
.box-350 .box-headline { padding: 10px 0 0 10px; color: #125f94; height: 42px;}
.box-350 .box-bg { border-left: 1px solid #bcbcbd; border-right: 1px solid #bcbcbd; border-bottom: 1px solid #bcbcbd; padding: 5px 10px 10px 10px; background: #ffffff;}

.box-220 { background: url(/gfx/box-220-top.png) no-repeat; margin: 0 0 20px 20px; width: 220px;}
.box-220 .box-headline { padding: 10px 0 0 10px; color: #125f94; height: 42px;}
.box-220 .box-bg { border-left: 1px solid #bcbcbd; border-right: 1px solid #bcbcbd; border-bottom: 1px solid #bcbcbd; padding: 5px 10px 10px 10px; background: #ffffff;}

#loginBox {}
#loginBox label {width: 60px;height: 15px;display: block;vertical-align: middle;margin: 0 0 5px 0;}
#loginBox a {color: #000;text-decoration: none;}
#loginBox a:hover {text-decoration: underline;}
.loginLink {display: block;margin: 6px 0 0 0;}
#loginBox a:visited {color: #000;}
.loginInput {width: 195px;border: 1px solid #BCBCBC;padding: 3px 0 3px 0;margin: 0 0 5px 0;display: block;}
.rightCheck {float: right; margin: 1px 3px 0 0;display: block;}
.clear {clear: both;}

.profileMini a {color: #414141;display: block;text-decoration: none;}
.profileMini .miniLinks a {margin: 3px 0 0 0;}
.profileMini a:hover {text-decoration: underline;}
.miniLinks {margin: 0 0 10px 0;float: left;}


/* LIST STYLES 
---------------------------------------*/
.menu-nav { list-style: none; padding: 0; font-size: 12px;} 
.menu-nav li { float: left; margin: 0; padding: 23px 20px 0 0; height: 17px} 
.menu-nav li a:hover { border-left: 1px solid #698ea8; color: #D9D9D9;}
.menu-nav li a { color: #ffffff; padding-left: 5px; text-decoration: none; border-left: 1px solid #9aa626; display: block;} 
.menu-nav .selected { border-left: 1px solid #698ea8; color: #D9D9D9;}

.submenu-nav {list-style: none; padding: 0; font-size: 12px; /*width: 195px;*/ text-align: left;} 
.submenu-nav li { margin: 0; padding: 5px 0; border-bottom: 1px dashed #d1d2d2;}
.submenu-nav li.last { border: none;}
.submenu-nav li a:hover { border-left: 2px solid #698ea8; color: #474747; background-color: #f0f0f0;}
.submenu-nav li a { color: #000000; padding-left: 5px; text-decoration: none; border-left: 2px solid #9aa626; display: block;}
.submenu-nav .selected { border-left: 2px solid #698ea8; color: #474747; background-color: #f0f0f0;}

/* NEWS
---------------------------------------*/
.image {border: 5px solid #929292;}
.newsImage {width: 426px;height: 105px;}
.newsitem .image {margin: 0;padding: 0;width: 426px;height: 105px;}
.newsitem .scenePic {width: 75px; height: 75px;}
.newsitem .info {padding: 0 0 10px 0; margin: 0 0 10px 0; color: black;border-bottom: 1px dashed #d1d2d2;}
.newsitem .info a {color: #6b7325;text-decoration: none;}
.newsitem .info a:hover { color: #125f94;}
.newsitem span { /*color: #6b7325;*/}
.newsitem .sceneTop {height: 80px;}
.newsDate {color: #AAA;}

/* Front page news */
.articleItem {width: 320px;margin: 0 0 10px 0;}
.articleItem .image {border: 2px solid #929292;height: 78px; margin: 0 0 5px 0;}
.articleImage {width: 316px;height: 78px;}
.articleItem a {color: #125f94;text-decoration: none;}
.articleItem a:hover {color: #6b7325;}

.moreNews {float: right;clear: both;}
.moreNews a {color: #125f94;text-decoration: none;}
.moreNews a:hover {color: #6b7325;}

.sceneItem {}
.sceneBig {float: left;width: 320px;margin: 0 0 10px 0;}
.sceneBig a {color: #125f94;text-decoration: none;}
.sceneBig a:hover {color: #6b7325;}
.scenePic {width: 75px;height: 75px;float: left;margin: 0 5px 0 0;}
.scenePic img {width: 75px;height: 75px;}

.sceneSmall {width: 320px;clear: both;}
.sceneTitle {float: left;font-weight: bold;}
.sceneTitle a {color: #125f94;text-decoration: none;}
.sceneTitle a:hover {color: #6b7325;}
.sceneIcon {width: 15px; height: 15px;float: left;margin: 0 3px 5px 0;}
.sceneIcon img {width: 15px; height: 15px;}

/* Tags */
#tags-admin-func {
	height:25px;
}
#tags-admin-possibilities {
	position:absolute;
	background-color:white;
	border:1px solid;
	min-width:187px;
	height:0;
	overflow:hidden;
	white-space:nowrap;
}
.tags-admin-possibilities {
	padding:2px;
	
}
.tags-admin-possibilities:hover {
	background-color:grey;
}
.news-admin-tags {
	margin-right:10px;
}
.news-admin-tags img{
	width:12px;
	height:12px;
}

#news-tags {
	color:grey
}
#news-tags span {
	margin-right: 10px;
	color:grey;
}
#news-tags span:hover {
	color:#125F94;
}


/* COMMENTS
---------------------------------------*/
.comment {margin: 0 0 10px 0; }
.comment .info {background-color: #F6F6F6; position: relative; padding: 5px; margin: 0 0 10px 0; font: 12px Verdana; border-bottom: 1px dashed #d1d2d2; line-height: 16px;}
.comment .info a {text-decoration: none; color: #6B7325}
.comment .info a:hover {color: #125f94}
.comment .id {float: right; position: absolute; font: 22px Impact, fantasy; color: #DADADA; line-height: 20px; top: 10px; right: 10px;}
.comment span {font: 11px Verdana; line-height: 14px;}

/* ADMIN
---------------------------------------*/
.admin-form { margin: 0 0 10px 0; }
.admin-form .input, .admin-form .info { background-color: #F6F6F6; position: relative; padding: 5px; margin: 0 0 10px 0; font: 12px Verdana; border-bottom: 1px dashed #d1d2d2; line-height: 16px;}
.admin-form .input { font-weight: bold;}
.admin-form .type { float: left; width: 100px; font-weight: bold;}
.admin-form .data { float: left; width: 320px; clear: right;}
.admin-form span { font: 11px Verdana; line-height: 14px;}

.admin-pages .newcontent { float: left; width: 150px;}
.admin-pages .multiple { float: right; width: 280px; text-align: right;}
.admin-pages a { color: #6b7325; text-decoration: none;}
.admin-pages a:hover { color: #125f94;}

/* PAGES
---------------------------------------*/
table.pagetable { font-size: 1em; margin-bottom: 5px;width: 100%; margin-right: auto; margin-left: auto; border-spacing:0px;}
table.pagetable th { color: #fff; background-color: #657B95; height: 20px;text-align: left; white-space: nowrap; padding-left: 5px; padding-right: 5px;}   
table.pagetable th a { color: #C6D5D9;}	
table.pagetable th.active { color: #C6D5D9;}	
table.pagetable th.active a { color: #C6D5D9; text-decoration: underline;}
table.pagetable th a:hover { color: #fff; text-decoration: underline;}
table.pagetable tr {height: 2.5em;border-bottom: 1px solid #B7E1AF;} 
table.pagetable td {color: #384654; padding-left: 5px; padding-right: 5px;}
table.pagetable a {color: #384654;}
table.pagetable th.pagepos {text-align: center;}
.shown {background: #DFf2BF;}

.move { width: 60px; text-align: left; padding-left: 5px;}
.checkbox { padding-left: 10px;}

th.pagew10 { width: 10%;}
th.pagew25 { width: 25%;}
th.pagew50 { width: 50%;}
th.pagew60 { width: 60%;}
th.pagew70 { width: 70%;}
th.pageicon { width: 0px;}

td.pagew30 { width: 30%;}
td.pagepos { text-align: center;}
td.pageicon { background-color: #fff !important;}
td.icons_wide { width: 25px;}

tr.row1 { background-color: #fff;}
tr.row2 { background: #E2EAEB;}  
tr.row1:hover { background:#CCDBDD;}
tr.row2:hover { background:#CCDBDD;}  
tr.row1hover { background: #CCDBDD;}
tr.row2hover { background: #CCDBDD;}

img.systemicon  { border: none; vertical-align: middle;}
.move_up { margin-left:20px;}

/* GALLERY
---------------------------------------*/
.ani050 {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

div.gallery-category-ani {width:680px;height:146px;overflow:hidden;}
div.gallery-menuTitle-ani {width:680px;height:0px;overflow:hidden;}

div.gallery-category-title {width:680px;text-align:center;font-size:16px;font-weight:bold;overflow:hidden;}

div.gallery-menu-title {width:680px;text-align:center;font-size:16px;font-weight:bold;overflow:hidden;}
div.gallery-category-outer {width:680px;height:130px;overflow-x:hidden;overflow-y:auto;}
div.gallery-category {width:670px;text-align:center;}
div.gallery-category img {max-height:110px;max-width: 160px;}
div.gallery-category div {width: 160px;text-align:center;margin-left:2px;margin-right:2px;float:left;}

div.gallery-menu-outer {width:680px;height:130px;overflow-x:hidden;overflow-y:auto;}
div.gallery-menu {width:670px;text-align:center;}
div.gallery-menu img {max-height:110px;max-width: 160px;}
div.gallery-menu div {width: 160px;text-align:center;margin-left:2px;margin-right:2px;float:left;}

div.gallery-menu-item-title {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.clickable {cursor: pointer;}

.in {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-left:0px;}
.outLeft {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-left:-500px;}
.outRight {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-left:500px;}
.standLeft {margin-left:-500px;}
.standCenter {margin-left:0px;}
.standRight {margin-left:500px;}
#picOuter {left:85px;text-align:center;position:relative;width:500px;overflow:hidden;}
#picOuter div {position:absolute;text-align:center;width:500px;height:500px;position:absolute;}
#picOuter img {max-height:500px;max-width:500px;}

/* MENU */
#gallery-controls {overflow:hidden;width:670px;position:relative;height:0px;}
#gallery-controls-inner {margin-left: 295px; //(670-80)/2z-index:1;width:80000px;position:relative;white-space:nowrap;}
#gallery-controls-inner div {width:80px;float:left;text-align:center;}
#gallery-controls-inner img {z-index:-10;max-width:75px;max-height:50px;opacity:0.8;}
#gallery-controls-inner img:hover {opacity:1;}
#gallery-controls-link {position:relative;left:300px;}

/* GALLERY ADMIN
---------------------------------------*/
/* ALL */
div.box-closed {overflow:hidden;height:0;}

/* UPLOAD */
div.upload-choose-1 {-webkit-transition: all 0.50s ease;-moz-transition: all 0.50s ease;-ms-transition: all 0.50s ease;-o-transition: all 0.50s ease;transition: all 0.50s ease;height:25px;overflow:hidden;}
div.upload-choose-0 {-webkit-transition: all 0.50s ease;-moz-transition: all 0.50s ease;-ms-transition: all 0.50s ease;-o-transition: all 0.50s ease;transition: all 0.50s ease;height:0;overflow:hidden;}
#uploadControls {-webkit-transition: all 0.50s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;overflow:hidden;}
div.upload-controls-1 {-webkit-transition: all 0.50s ease;-moz-transition: all 0.50s ease;-ms-transition: all 0.50s ease;-o-transition: all 0.50s ease;transition: all 0.50s ease;height:50px;overflow:hidden;}
div.upload-controls-1-flash {-webkit-transition: all 0.50s ease;-moz-transition: all 0.50s ease;-ms-transition: all 0.50s ease;-o-transition: all 0.50s ease;transition: all 0.50s ease;height:350px;overflow:hidden;}
div.upload-controls-0 {-webkit-transition: all 0.50s ease;-moz-transition: all 0.50s ease;-ms-transition: all 0.50s ease;-o-transition: all 0.50s ease;transition: all 0.50s ease;height:0;overflow:hidden;}

*.sO {position:relative;padding:0 5px 0 5px;z-index:1;}
*.sP {position:absolute;top:0px;left:0px;background-color:grey;height:100%;z-index:0;}
*.sT {position:relative;z-index:1;}

/* MODIFY */
div.modify-choose-1 {-webkit-transition: all 0.50s ease;-moz-transition: all 0.50s ease;-ms-transition: all 0.50s ease;-o-transition: all 0.50s ease;transition: all 0.50s ease;height:25px;overflow:hidden;}
div.modify-choose-0 {-webkit-transition: all 0.50s ease;-moz-transition: all 0.50s ease;-ms-transition: all 0.50s ease;-o-transition: all 0.50s ease;transition: all 0.50s ease;height:0;overflow:hidden;}
#modify-pic-inner img {max-height:110px;max-width: 160px;}
#modify-pic-inner div {width: 160px;text-align:center;margin:2px;float:left;}
img.modify-rotate {height:20px;margin:0 2px 0 2px;}
*.rotate-90 {-webkit-transition: all 0.50s ease;-moz-transition: all 0.50s ease;-ms-transition: all 0.50s ease;-o-transition: all 0.50s ease;transition: all 0.50s ease;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
*.rotate--90 {-webkit-transition: all 0.50s ease;-moz-transition: all 0.50s ease;-ms-transition: all 0.50s ease;-o-transition: all 0.50s ease;transition: all 0.50s ease;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
*.rotate-0 {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}

/* CHAT
---------------------------------------*/
.chatBox {padding:2px;margin-bottom:1px;background-color:#E6E6E6;border:1px solid;border-radius:2px;}
#chatUp {position:absolute;right:13px;top:50px;opacity:0;}
#chatUpAll {position:absolute;right:13px;top:24px;opacity:0;}
#chatDown {position:absolute;right:13px;top:340px;opacity:0;}
#chatDownAll {position:absolute;right:13px;top:360px;opacity:0;}
#chatOuter {height:405px;overflow-x:hidden;overflow-y:hidden;white-space:nowrap;}
#chat {position:relative;top:405px;width:640px;}
#chat-subscribe-outer {position:absolute;top:12px;right:12px;}
#chat-subscribe-outer input {position:relative;top:2px;}
#chat-outer {position:relative;overflow:hidden;height:0;}