body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;color:#a7a8a8;background:#151719;font-size:12px;}
@font-face {font-family:"FRAMDCN";src:url(FRAMDCN.TTF) format("truetype");}

/*Top line*/
.topLine{background:url('../images/topLineBg.jpg') bottom no-repeat;margin:0 auto;height:140px;}
.leftLogo{float:left; margin:20px 0 0;}
.rightLogo{float:right; margin:20px 0 0;}

/*Common styles*/
.container780{width:780px;margin:0 auto;}
.clear{clear:both;}
a, a:visited, a:active, a:link, a:focus{text-decoration:none; border-width:0px;outline:none; cursor:hand; cursor:pointer; text-decoration:underline;color:#636363;}
a:hover{color:#e3e3e3;}
p{color: #a7a8a8; font-size:12px;}
.w350{width:350px !important;margin-bottom:10px;}
.w20{width:20px !important;}
.w40{width:40px !important;}
.w60{width:60px !important;}
.w80{width:80px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.f300{float:left; width:300px;}

/*Content*/
.main{background:url('../images/background.jpg') top center no-repeat;margin:0 auto;min-height:513px; padding:20px 0;}
.main_subpage{background:url('../images/background_sub.jpg') top center no-repeat;margin:0 auto;min-height:513px; padding:20px 0;}
.slider{}
.slider .left{float:left;margin: 50px 0 0; width:260px;}
.slider .right{float:right;}
.slider .right .box{background:url('../images/notebook.png') top center no-repeat; width:461px; height:289px; margin:10px 0 0;padding-top:23px;}
.slider .right .box .imageContainer{width:316px;height:208px; margin:1px 0 0;}
.slider .right .box .imageContainer img{width:316px;height:208px;}
.slider .right .box div.content{ border:none; text-decoration:none; display:block; height:207px; position:relative;left:73px; top:2px; width:314px; overflow:hidden}
.slider .right .box .blink{background:url('../images/screenBlink.png') top center no-repeat;width:302px; height:207px; position:relative;top:-211px;}
.slider .right .box .arrowLeft{background:url('../images/arrowLeft.png') center no-repeat;width:40px; height:56px; display:block; float:left;position:relative;top:-135px;}
.slider .right .box .arrowLeft:hover{background:url('../images/arrowLeft_hover.png') center no-repeat;}
.slider .right .box .arrowRight{background:url('../images/arrowRight.png') center no-repeat;width:40px; height:56px;display:block;float:right;position:relative;top:-135px;margin-right:5px;}
.slider .right .box .arrowRight:hover{background:url('../images/arrowRight_hover.png') center no-repeat;}

.demo_button{width:167px; height:90px; float:right;background:url('../images/demoButton.png') top center no-repeat; }
.demo_button:hover{background:url('../images/demoButton_hover.png') top center no-repeat; }
.demo_button a{display:block;width:167px; height:65px;}

.teaserLeft{background:url('../images/leftBoxBg.png') top left no-repeat; width:220px; min-height:182px;float:left;margin:-15px 5px 0 -10px;padding:28px 15px 0 32px;}
.teaserCenter{background:url('../images/centerBoxBg.png') top center no-repeat; width:220px; min-height:182px;float:left;margin:-15px 0 0;padding:28px 15px 0 18px;}
.teaserRight{background:url('../images/rightBoxBg.png') top left no-repeat; width:220px; min-height:182px;float:left;margin:-15px 0 0;padding:28px 20px 0 22px;}
.teaserLeft p, .teaserCenter p, .teaserRight p{color:#a7a8a8;font-size:12px;}

.teaserLeft .loginBox{margin:0; float:none;width:auto;}
.teaserLeft .separator, .loginBox .separator{background:url('../images/smallSeparator.png') center no-repeat; width: 217px; height:1px; margin:20px auto;}

.linkArrow{margin:10px 0 0;}
.linkArrow a{background:url('../images/linkArrow.png') left no-repeat; padding-left: 15px; color:#8f9090; font-size:20px;text-transform:uppercase;text-decoration:none;font-family:FRAMDCN;}
.linkArrow a:hover{background:url('../images/linkArrow_hover.png') left no-repeat;color:#c0c1c1;text-decoration:none;}
.linkArrow.alwaysHighlighted a{background:url('../images/linkArrow_hover.png') left no-repeat;color:#c0c1c1;text-decoration:none;font-family:FRAMDCN;}

.separator{background:url('../images/separator.png') center no-repeat; width: 399px; height:1px; margin:10px auto 40px;}

/* Structure elements */
.floatingelement .image_right 
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.floatingelement .image_left 
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;  
}

/*Text*/
h1{color:#e7e7e7;text-shadow: 1px 1px 0 #000;font-size:40px; margin-bottom:58px;font-family:FRAMDCN;}
h1 a{color: #e7e7e7 !important;text-decoration:none !important;}
h2{font-size:22px;color:#e5e6e6; margin-bottom:10px;font-family:FRAMDCN;}
h3{font-size:20px;color:#c5c6c6; margin-bottom:20px;font-family:FRAMDCN;}

/*Login box*/
.loginBox{float:left; width:250px; margin: 0 25px 0 11px;}
.loginBox label{float:left; width: 65px;color:#a7a8a8;font-size:12px; margin:5px 10px 0 0;}
.loginBox div.inputField{background:url('../images/inputLeft.png') left no-repeat; float:left; height:25px; margin-bottom: 10px;vertical-align: middle;}
.loginBox div.inputField input{ border-style: none;background:url('../images/inputRight.png') right no-repeat;width: 130px; height:21px; position:relative;left: 6px; color: #c6c7c7; padding:4px 5px 0 0;vertical-align: middle; top: 0px !important;line-height:16px;}

input.imageButton{border-style:none; margin:5px 0 0 70px;}

/*User box*/
.userBox{margin:0; float:none;width:auto;}
.userBox input.imageButton{margin:15px 0 0 -5px;}
.username{font-weight:800; color:#e7e7e7 !important;text-decoration:none;}
.status{margin:0 0 5px;}

/*Teaser textblock*/
.teaserTextBlock{float:left;width: 480px;}
.teaserTextBlock p{color:#7a7b7b;}


/*Footer*/
.footer{background:url('../images/footerBg.png') top center no-repeat; width:651px; height:50px; margin:30px auto 0; padding-top:80px;}
.footer p{margin:0 auto; text-align:center; color:#5c5c5c;}

/*Subpage left column*/
.leftColumn{float:left;}

/*Subpage right column*/
.rightColumn{float:left; margin:5px 0 0 20px; width:480px;}
.rightColumn h1{color:#e9eaea;text-shadow: 1px 1px 0 #000;font-size:30px; margin:0 0 15px;}

/*Margins*/
.mtb{margin:10px 0;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}

/*Form*/
.captcha{float:left; margin:-5px 0 0 5px;}
.captcha img{vertical-align: middle;margin-right:10px; width:100px; height:36px;}

.disabled{color:#666 !important}

.rowElem input.imageButton{border-style:none; margin:5px 0 0 -4px;}

/*Category Box*/
.categoryContainer{margin:0 0 20px;width:480px;}
.categoryContainer .box{float:left;margin:0 40px 0 0;}
.categoryContainer .box a{color:#e7e7e7; margin-bottom:8px;display:block;}

/*Gallery*/
.galleryContainer{width:480px;margin-bottom:10px;}
.galleryContainer .top{background:url('../images/multipleBgTop.png') top center no-repeat;height:4px;}
.galleryContainer .center{background:url('../images/multipleBgCenter.png') top center repeat-y;padding:2px 5px 5px;}
.galleryContainer .center .headline{font:bold 12px arial;padding:0 1px 4px 4px;border-bottom:1px solid #333;}
.galleryContainer .center p.btn{width:23px;height:23px;float:right;}
.galleryContainer .center p.btn a{width:23px;height:23px;background:url('../images/gtp.png') top left no-repeat;display:block;}

.galleryContainer .center .headline p.name{float:left;margin-top:4px;}
.galleryContainer .center .headline p.name a{text-decoration:none;}
.galleryContainer .center .thumb{width:80px;height:80px;float:left;margin:7px 0 0 4px;}
.galleryContainer .center .thumb img{width:80px;height:80px;}
.galleryContainer .center .txt{float:left;width:365px;color:#A7A8A8;margin:5px 10px;}
.galleryContainer .bottom{background:url('../images/multipleBgBottom.png') bottom center no-repeat;height:4px;}

.galleryContainer2{width:480px;margin-bottom:10px;color:#ccc}
.galleryContainer2 .top{background:url('../images/multipleBgTop.png') top center no-repeat;height:4px;}
.galleryContainer2 .center{background:url('../images/multipleBgCenter.png') top center repeat-y;padding:2px 6px;}
.galleryContainer2 .center .headline{width:387px;}
.galleryContainer2 .center .headline .left{width:325px;float:left;line-height:20px;}
.galleryContainer2 .center .headline .right{float:right;margin-top:6px;}
.galleryContainer2 .center .headline .right .delete, .galleryContainer2 .center .headline .right .edit{margin:5px 10px;}

.galleryContainer2 .center p.btn{width:23px;height:23px;float:right;}
.galleryContainer2 .center p.btn a{width:23px;height:23px;background:url('../images/gtp.png') top left no-repeat;display:block;}
.galleryContainer2 .center p.btn a:hover{background:url('../images/gtp_hover.png') top left no-repeat;}

.galleryContainer2 .center p.edit{width:23px;height:23px;float:right;}
.galleryContainer2 .center p.edit a{width:23px;height:23px;background:url('../images/editBtn.png') top left no-repeat;display:block;}
.galleryContainer2 .center p.edit a:hover{background:url('../images/editBtn_hover.png') top left no-repeat;}

.galleryContainer2 .center p.delete{width:23px;height:23px;float:right;}
.galleryContainer2 .center p.delete a{width:23px;height:23px;background:url('../images/deleteBtn.png') top left no-repeat;display:block;}
.galleryContainer2 .center p.delete a:hover{background:url('../images/deleteBtn_hover.png') top left no-repeat;}

.galleryContainer2 .center .headline p.name{float:left;margin:5px 10px;}
.galleryContainer2 .center .headline p.name a{text-decoration:none;font:bold 12px arial;}
.galleryContainer2 .center .headline p.bigName a{text-decoration:none;font:bold 14px arial;}

.galleryContainer2 .center .thumb{width:80px;height:80px;float:left;}
.galleryContainer2 .center .thumb img,.galleryContainer2 .center .thumb .li {width:80px;height:80px;}
.galleryContainer2 .center .txt{float:left;width:365px;color:#A7A8A8;margin:5px 10px;}
.galleryContainer2 .bottom{background:url('../images/multipleBgBottom.png') bottom center no-repeat;height:4px;}
.data{margin:0 0 20px 3px;width:470px;}
.data label{float:left; min-width:100px;color:#a7a8a8;font-size:12px;margin:5px 10px 0 0;}
.data p{margin:20px 0;}

span.infoField{float:left;display:block;margin:4px 0;}

.addBtn{height:23px;background:url('../images/gtp.png') top left no-repeat;display:inline-block;padding:3px 0 0 28px;}
.addBtn:hover{background:url('../images/gtp_hover.png') top left no-repeat;}

.deleteBtn{height:23px;background:url('../images/deleteBtn.png') top right no-repeat;display:inline-block;padding:1px 28px 0 0; margin:5px 0 0;}
.deleteBtn:hover{height:23px;background:url('../images/deleteBtn_hover.png') top right no-repeat;}

.playerThumb{float:left;width:250px;line-height:20px;}

.galleryThumb{background:url('../images/galleryImgContainer.png') top left no-repeat;width:110px;height:92px;float:left;margin:0 10px 10px 0;text-decoration:none !important;}
.galleryThumb2{background:url('../images/galleryImgContainer.png') top left no-repeat;width:110px;height:118px;float:left;margin:0 10px 5px 0;text-decoration:none !important;}
.galleryThumb:hover, .galleryThumb2:hover{background:url('../images/galleryImgContainer_hover.png') top left no-repeat;}
.galleryThumb2:hover p{color:#fff;}
.galleryThumb img, .galleryThumb2 img{width:92px;height:74px;margin:9px 0 0 9px}
.galleryThumb2 p{margin:10px 2px 0 5px;}

.listRow{background:url('../images/listRowBg.png') top left no-repeat; width:479px; height:45px;display:block;text-decoration:none !important;color:#999 !important; margin:0 0 5px;}
.listRow:hover{background:url('../images/listRowBg_hover.png') top left no-repeat;}
.listRow:hover .columnLeft{color:#E3E3E3!important;}
.listRow .columnLeft{margin:14px 25px 0 15px; display:inline-block;width:250px; float:left;}
.listRow .columnRight{margin:14px 25px 0 15px; display:inline-block;float:left;}
/*Pager*/
.pager{margin:20px 0;}
.pager a{background:url('../images/pager_default.png') top left no-repeat; width:25px;height:25px;margin:0 2px;display:inline-block;padding:5px 0 0;text-decoration:none;text-align:center;color:#ccc;font-size:11px;font-weight:800;}
.pager a:hover, .pager a.active{background:url('../images/pager_current.png') top left no-repeat;}

.playerName{font-weight:800 !important; color:#e7e7e7 !important;text-decoration:none;text-transform:uppercase;margin-bottom:5px;display:inline-block;}

/*InfoBox*/
.infoBox{margin:0 0 10px 0; float:none;width:auto;}
.infoBoxContent{background:url('../images/infobox_bg.png') top center repeat-y; padding: 10px 10px 10px 0px;}
.infoBoxBorder{background:url('../images/infobox_border.png') top center no-repeat; height: 3px; width: 220px;}
.infoBoxError {color: #cc0000 !important;}
.infoBoxHint {color: #698ec6 !important;}
.infoBoxHint a, .infoBoxError a{color: #a7a8a8 !important;}
.infoBoxHint a:hover, .infoBoxError a:hover{color: #ffffff !important;}

/*Validation Errors*/
.validationErrorBlock{clear:both;display:block}

/*Overlay*/
.overlayAll{position: absolute; top:0; left:0; bottom: 0; right: 0; background-color: #000000; opacity:0.75;filter:alpha(opacity=75);}
.overlayContent{position: absolute; top:0; left:0; bottom: 0; right: 0; text-align: center; padding: 250px 0px 0px 0px;}
.overlayContent div{padding: 7px;}
.overlayContent a{padding: 7px;}

/*Navigation*/
.topNavigation{display: table; padding: 13px 0px 0px 5px;}
.topnavigation ul{padding: 0px; margin: 0px;}
.topNavigation li{display:inline; padding: 0px 25px 0px 0px; margin: 0px;}
.topNavigation div{display:inline;}