/* 
    Document   : default
    Created on : 27.08.2009, 12:35:20
    Author     : cristian
    Description:
        Main stylesheet. Contains page structure styles.
*/

@import url('reset-fonts-base.css');
@import url('classes.css');

/*
    Page basic styles
*/
body {background:#000;color:#d28b02;}
a, a:link, a:active, a:visited {text-decoration:none;color:#fe8f50;}
a:hover {text-decoration:none;color:#fff;}
.white, a.white, a.white:link, a.white:active, a.white:visited {text-decoration:none;color:#fff;}
a.white:hover {text-decoration:underline;color:#fff;}
.black, a.black, a.black:link, a.black:active, a.black:visited {text-decoration:none;color:#000;}
a.black:hover {text-decoration:underline;color:#000;}
a.grey, a.grey:link, a.grey:active, a.grey:visited {text-decoration:none;color:#9c9c9c;}
a.grey:hover {text-decoration:none;color:#fff;}
h1.headline {margin:0;font-size:16px;font-weight:bold;color:#9c9c9c;text-align:center;line-height:50px;}

/*
    Page structure
*/
#page-margins {width:1130px;margin:0 auto;text-align:center;}
#page {text-align:left;}
#copyright {padding:15px 0;text-align:center;font-size:75%;clear:both;}
#header {height:45px;background:url('../images/header.jpg') no-repeat top left;}
#footer {height:105px;background:url('../images/footer.jpg') no-repeat bottom left;}
#container {width:956px;min-height:660px;height:auto !important;height:660px;margin:0 auto;background-repeat:no-repeat;background-position:0 0;}
#container.bg1 {background-image:url('../images/bg1.jpg');}
#container.bg2 {background-image:url('../images/bg2.jpg');}

#nav {height:50px;line-height:50px;color:#9c9c9c;font-size:14px;font-weight:bold;text-align:right;;}
#nav ul {margin:0;padding:0;position:relative;z-index:3}
#nav ul li {margin:0 15px;padding:0;display:inline;list-style:none;}
#nav ul li a, #nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {text-decoration:none;color:#9c9c9c;}
#nav ul li a:hover {text-decoration:none;color:#fff;}

#logo {position:relative;z-index:2;}
#logo em {display:none;}
#logo #large {width:295px;height:232px;position:absolute;top:-25px;left:-30px;cursor:pointer;background:url('../images/logo-l.png') no-repeat 0 0;z-index:3;}
#logo #small {width:224px;height:176px;position:absolute;top:-42px;left:-22px;cursor:pointer;background:url('../images/logo-s.png') no-repeat 0 0;z-index:3;}


/*
    Home Page
*/
#slide {width:770px;height:294px;margin:3px 0 0 186px;z-index:1;}
#announce {width:274px;height:198px;background:url('../images/announce.png') no-repeat 0 0;margin:25px auto 5px auto;}
#home-left {width:353px;float:left;}
#home-left #sounds {margin:0 auto;}
#home-right {width:570px;float:right;padding:10px 0 0 30px;}
#home-right #scrollbars {height:300px;}

/*
    Secondary Pages
*/
#panel-top {height:100px;overflow:hidden;}
#panel-top img {display:block;margin:35px 0 0 318px;}
#panel-top span {display:block;margin:35px 0 0 318px;font-size:24px;font-weight:bold;}
#panel-left {width:256px;float:left;overflow:hidden;}
#panel-left #sounds {margin-top:375px;}
#panel-right {width:590px;float:right;padding:25px 70px 25px 40px;}
#panel-right #scrollbars {height:460px;}

/*
    Helpers
*/
.ticker {margin:1em 0;padding:0;}
.ticker li {font-size:15px;font-weight:bold;background:#000;color:#ffb83d;text-align:center;list-style:none;}
#sounds {width:256px;height:67px;z-index:1;outline:0;}
dl.records {margin:0;}
dl.records dt {font-weight:bold;font-size:13px;color:#fe8f50;position:relative;}
dl.records dt span {color:#fff;margin-right:10px;}
dl.records dd {margin:0 0 15px 0;position:relative;}
dl.faqs {margin-left:25px !important;}
dl.faqs dt {cursor:pointer;margin-bottom:5px;}
dl.faqs span.a, dl.faqs span.q {display:block;width:25px;position:absolute;top:0;left:-25px;font-weight:bold;color:#fff;}
table.records {border:1px solid #9c9c9c;margin:0 auto;}
table.records th {padding:5px 10px;text-align:left;border-bottom:1px solid #9c9c9c;color:#fe8f50;}
table.records td {padding:5px 10px;text-align:left;border-bottom:1px solid #9c9c9c;}
#loader, .loader {width:32px;height:32px;display:block;margin:1em auto;background:url('../images/loader.gif') no-repeat center center;}
.media_photo {display:block;width:125px;}
.video-player {width:350px;height:300px;display:block;}
/*
    Star rater
*/
.star-rating{
    list-style:none;
    margin: 0px;
    padding:0px;
    width: 70px;
    height: 13px;
    position: relative;
    background: url('../images/stars.png') top left repeat-x;
}
.star-rating li{
    padding:0px;
    margin:0px;
    height:13px;
    width: 14px;
    /*\*/
    float: left;
    /* */
}
.star-rating li a{
    display:block;
    width:14px;
    height: 13px;
    line-height:13px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
    overflow:hidden;
}
.star-rating li a:hover{
    background: url('../images/stars.png') left center;
    z-index: 2;
    left: 0px;
    border:none;
}
.star-rating a.one-star{
    left: 0px;
}
.star-rating a.one-star:hover{
    width:14px;
}
.star-rating a.two-stars{
    left:14px;
}
.star-rating a.two-stars:hover{
    width: 28px;
}
.star-rating a.three-stars{
    left: 28px;
}
.star-rating a.three-stars:hover{
    width: 42px;
}
.star-rating a.four-stars{
    left: 42px;
}
.star-rating a.four-stars:hover{
    width: 56px;
}
.star-rating a.five-stars{
    left:56px;
}
.star-rating a.five-stars:hover{
    width: 70px;
}
.star-rating li.current-rating{
    background: url('../images/stars.png') left bottom;
    position: absolute;
    height: 13px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

/**
 * Scrolls
 */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
    width: 16px;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url('../images/scroll/track.png') no-repeat center center;
}
.jScrollPaneDrag {
	position: absolute;
	background:url('../images/scroll/drag.png') no-repeat center center;
	cursor: pointer;
	overflow: hidden;
    width: 16px;
	height: 21px;
}
.jScrollPaneDrag:hover {
    background:url('../images/scroll/drag-hover.png') no-repeat center center;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url('../images/scroll/up.png') no-repeat top center;
    width: 16px;
	height: 15px;
}
a.jScrollArrowUp:hover {
    background:url('../images/scroll/up-hover.png') no-repeat top center;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url('../images/scroll/down.png') no-repeat bottom center;
    width: 16px;
	height: 15px;
}
a.jScrollArrowDown:hover {
    background:url('../images/scroll/down-hover.png') no-repeat bottom center;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

/*
    Forms
*/
div.form {;margin:10px auto;}
div#response {width:80%;height:50px;margin:0 auto;}
div.form span.values {display:block;margin:3px 0 0 155px;font-size:11px;}
input.submit {display:block;margin:0 auto;width:104px;height:74px;}
label {display:block;width:200px;float:left;margin-right:5px;text-align:right;}
label.block {display:block;width:auto;float:none;margin:0 0 5px 0;text-align:left;}
input.text, textarea, select {font-family:verdana,tahoma,arial,sans-serif;font-size:11px;border:1px solid #9c9c9c;background:#fefefe;padding:0.3em;}
input.text:focus, textarea:focus, select:focus {border:1px solid #ffb83d;background:#F7F2D0;}

.error, .notice, .success {padding:.8em;text-align:center;font-size:11px;font-family:"Lucida Grande",verdana,tahoma,arial,sans-serif;border:1px solid #dddddd;-moz-border-radius:5px;-webkit-border-radius:5px;}
.error {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.file-upload {display:block;text-align:center;color:#fe8f50;background:#000;border:1px solid #4f3200;padding:5px;margin:5px auto;-moz-border-radius:5px;-webkit-border-radius:5px;}
.file-upload.hover {color:#ffb83d;background:#333;border:1px solid #9f6500;cursor:pointer !important;}
.file-upload span {color:#ffb83d;}