/*  --------------------------------------------------------------------------------------   */
/*  [ WEB STYLESHEET ]                                                                       */
/*  --------------------------------------------------------------------------------------   */

@import url('styles.redef.css');

/*  [ Header ] */
/*  --------------------------------------------------------------------------------------  */

body {
	font-size: 0.75em;
    border-top:3px solid #e60000;
	font-family: Arial, Verdana, sans-serif;
    background:#000000 url(/Assets/Themes/Skins/Web/canvas-bg.png) no-repeat top center;
    }

.headerBox {
    width:950px;
    height:55px;
    margin:25px auto 0px auto;
    background:#000000 url(/Assets/Themes/Skins/Web/header-bg.png) no-repeat top left;
    }
    .headerBox ul {padding-left:5px;float:left;}
    .headerBox ul li {float:left;height:49px;text-align:center;margin-top:3px;}
    .headerBox ul li a {width:126px;display:block;color:#5e5e5e;padding:18px 0px 18px 0px;}
    .headerBox ul li a.first{width:128px;}
    .headerBox ul li a.first:hover {background:url(/Assets/Themes/Skins/Web/menu-first-hover-bg.png) no-repeat;}
    .headerBox ul li a.first.active {background:url(/Assets/Themes/Skins/Web/menu-first-hover-bg.png) no-repeat;}
    .headerBox ul li a:hover, .headerBox ul li a.active {color:#ffffff;background:url(/Assets/Themes/Skins/Web/menu-hover-bg.png) repeat-x;}

.headerBox div.urlBox, .headerBox div.lngBox {
    line-height:50px;
    height:49px;
    float:left;
    width:229px;
    cursor:pointer;
    color:#5e5e5e;
    margin-top:3px;
    font-weight:bold;
    padding-left:16px;
    background:url(/Assets/Themes/Skins/Web/dBox-url.png) no-repeat 220px 0px;
    }
    .headerBox div.urlBox:hover, .headerBox div.urlBox.active {background-position:220px -49px;}

.headerBox div.lngBox {
    color:Red;
    float:left;
    width:48px;
    height:55px;
    line-height:55px;
    padding-left:10px;
    margin:0px 0px 0px 3px;
    background:url(/Assets/Themes/Skins/Web/dBox-lng.png) no-repeat 35px 0px;
    }
    .headerBox div.lngBox:hover, .headerBox div.lngBox.active {background-position:35px -55px;}

.dropdown-urlBox, .dropdown-lngBox {
    position:absolute;
    display:none;
    width:246px;
    background:#0e0e0e;
    border:1px solid #272727;
    border-top:0;
    }
    .dropdown-urlBox a {display:block;padding:10px 10px 10px 25px;border-top:1px solid #272727;background:url(/Assets/Themes/Icons/ico-16-external.png) no-repeat 10px 13px;}
    .dropdown-urlBox a:hover, .dropdown-lngBox a:hover {color:Red;}
    .dropdown-lngBox {width:35px;}
    .dropdown-lngBox a {display:block;padding:10px 0px 10px 0px;text-align:center;border-top:1px solid #272727;}

.movieBox {
    width:950px;
    height:415px;
    margin:0px auto 0px auto;
    }

/*  [ Content ] */
/*  --------------------------------------------------------------------------------------  */

.contentBox {
    width:950px;
    height:235px;
    margin:0px auto 0px auto;
    background:#000000 url(/Assets/Themes/Skins/Web/contentBox-bg.png) no-repeat top left;
    }

.navBox {
    float:left;
    width:218px;
    padding:0px 0px 15px 5px;
    }
    .navBox ul {}
    .navBox li {}
    .navBox li a {display:block;padding:12px;color:gray;border-bottom:1px solid #262626;}
    .navBox li a:hover {background:#262626;color:#ffffff;}
    .navBox li a.show {background:red;color:#ffffff;}

.textBox {
    float:left;
    width:690px;
    padding:10px 15px 10px 15px;
    }
    
    .textBox h1 {font-size:1.4em;padding-bottom:10px;}
    .textBox .text h1 {font-size:1.5em;padding-bottom:10px;}
    .textBox .text {display:none;color:gray;padding:10px;}
    .textBox .text.show {display:block;}
    .textBox strong {color:#9a9a9a;}


.coords {
    float:left;
    width:195px;
    color:Gray;
    line-height:20px;
    padding:20px 0px 15px 25px;
    }
    .coords strong {color:Red;}
    .coords h1 {font-size:16px;font-weight:bold;}
    .coords h2 {font-size:11px;font-weight:bold;color:#ffffff;}

.form {
    float:left;
    width:690px;
    padding:0px 0px 15px 25px;
    }
    .form .fieldBox {float:left;padding:5px;margin-right:5px;}
    .form .fieldBox span {color:#656565;display:inline-block;font-style:italic;}
    .form .fieldBox input[type="text"], .form .textArea{display:block;width:325px;border:0;border-bottom:1px solid #656565;background:transparent;color:gray;padding:2px 0px 2px 0px;}
    .form .fieldBox input[type="text"].focus, .form .textArea.focus {border-bottom:1px solid red;}
    .form .fieldBox .textArea {width:660px;overflow:auto;font-family:Arial;height:70px;padding:0px;}
    .form .fieldBox span.validator {padding:0px 10px 0px 15px;height:15px;background:url(/Assets/Themes/Icons/ico-16-alert.png) no-repeat center center}

.buttonBox {
    float:right;
    width:250px;
    }

.confirmBox {
    float:left;
    width:690px;
    padding:50px 0px 50px 0px;
    text-align:center;
    color:#ffffff;
    margin-top:20px;
    background:url(/Assets/Themes/Skins/Web/confirm-bg.png) no-repeat center center;
    }

.infoBox {
    position:relative;
    top:0px;
    left:-20px;
    width:690px;
    color:#656565;
    padding:5px 5px 10px 25px;
    }

.submit {
    width:252px;
    height:50px;
    border:0px;
    float:right;
    color:#ffffff;
    cursor:pointer;
    margin-right:-13px;
    background:#0d0d0d url(/Assets/Themes/Skins/Web/btn-submit-bg.png) no-repeat bottom left;
    }

/*  [ Footer ] */
/*  --------------------------------------------------------------------------------------  */

.footerBox {
    width:950px;
    text-align:center;
    margin:10px auto 0px auto;
    color:#6c6c6c;
    }    
    .footerBox .content strong {color:#e60000}
    .footerBox a {color:Red;}
    .footerBox a.reference {color:#333333;}

.flipEvent {
    width:450px;
    color:#ffffff;
    cursor:pointer;
    background:red;
    font-weight:bold;
    text-align:center;
    margin:15px auto 0px auto;
    padding:20px 0px 20px 0px;
    background:url(/Assets/Themes/Skins/Web/btn-events-bg.png) no-repeat 0px 0px;
    }
    .flipEvent#flipTrigger{background-position:0px -53px}
    .flipEvent:hover {color:Red;}
    .flipEvent a.stream {color:#ffffff;}
    .flipEvent a.stream:hover {color:Red;}
    

#flipBook {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:9999;
    background:black;
    }

#flipBook .controller {
    height:20px;
    background:red;
    position:absolute;
    color:#ffffff;
    }
    

.btnPromo {
    float:left;
    width:285px;
    color:White;
    padding:8px 5px 8px 35px;
    border:1px solid #272727;
    margin:0px 10px 10px 0px;
    background:url(/Assets/Themes/Icons/ico-24-download.png) no-repeat 5px 3px;
    }
    .btnPromo:hover {background:red;}