@charset "utf-8";

/***Reset - do NOT edit***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	vertical-align: baseline;
}
:focus {outline: 0;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}

/*****Generic Classes*****/
.left {float:left;}
.right {float:right;}
.clear {
 display:inline-block;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}

/***Typography***/
h1 {font-size:14px; font-weight:bold; color:#333333;}
p {font-size:12px;}
a {color:#0073b5; text-decoration:none;}
a:hover {color:#005586; text-decoration:underline;}
li {font-size:12px;}

/***Style Starts Here!***/
html {width:100%;}
body {background:url(../../images/bg-body.png) top left; text-align:center; font-family:Arial, Helvetica, sans-serif; padding-bottom:85px;}

#container {width:950px; margin:85px auto 0; text-align:left; background:#ffffff;}
#header {height:115px;}
#sidebar {float:left; width:220px; padding-bottom:10px; list-style-type:none }
#sidebar img {margin-left:15px;}
#mainContent {float:left; width:700px; /*padding:10px 35px 10px;*/}

#sidebar ul {width:191px; margin:5px 0 0 15px; list-style-type:none;}
#sidebar ul {padding-left:0px;}
#sidebar ul li.head {background:url(../../images/joinbox-head.jpg) no-repeat top left; height:64px; display:block;}
#sidebar ul li.step-1 a{background:url(../../images/joinbox-link1.jpg) no-repeat top left; height:59px; display:block;}
#sidebar ul li.step-2 a{background:url(../../images/joinbox-link2.jpg) no-repeat top left; height:70px; display:block;}

.infoBox {width:186px; padding-top:90px; background:#0073b5 url(../../images/info-head.jpg) no-repeat top; margin:10px 0 0 15px; font-size:11px; font-weight:bolder;}
.infoBox p {color:#FFFFFF; padding:5px;}
.infoBox span {color:#FFFF00;}
.infoBox p.foot {text-transform:uppercase; font-size:8px;}

a.tablet {padding: 0 0 10px 5px; height:33px; background:url(../../images/tablet.png) no-repeat right; line-height:33px; text-transform:uppercase; display:block; font-size:10px; color:#FFFF00; font-weight:bolder;}

a.facebook {display:block; width:192px; height:33px; background:url(../../images/facebook-link.jpg) no-repeat top left; margin:25px 0 0 15px;}

.nav {display:inline; width:730px; height:37px; margin-top:5px; padding-top:0px; margin-bottom:4px; margin-left:0; padding-left:0px;}
.nav li {display:inline; float:left; padding-right:10px;}
.nav li a.btn-logout {width:60px; height:28px; display:block; background:url(../../images/btn-logout.png) no-repeat; margin-top:5px;}
.nav li a.btn-login {width:60px; height:28px; display:block; background:url(../../images/btn-login.png) no-repeat; margin-top:5px;}
.nav li a.btn-register {width:80px; height:28px; display:block; background:url(../../images/btn-register.png) no-repeat; margin-top:5px;}
.nav li a.btn-enter {width:140px; height:28px; display:block; background:url(../../images/btn-enter.png) no-repeat; margin-top:5px;}
.nav li a.btn-watch {width:140px; height:28px; display:block; background:url(../../images/btn-watch.png) no-repeat; margin-top:5px;}
.nav li a.btn-rules {width:120px; height:28px; display:block; background:url(../../images/btn-rules.png) no-repeat; margin-top:5px;}
.nav li a.btn-play {width:115px; height:37px; display:block; background:url(../../images/btn-play.png) no-repeat;}
.nav li a.btn-profile {width:80px; height:28px; display:block; background:url(../../images/btn-myprofile.png) no-repeat; margin-top:5px;}


a.btn-home {background:url(../../images/btn-home.jpg) no-repeat; width:182px; height:29px; display:block; margin:10px 0 0 15px;}

.share {padding-right:30px;}

ul.thumb { margin:10px 0 0 0px;}
ul.thumb { margin-left:0px; padding-left:0px;}
ul.thumb li{display:inline;}
ul.thumb li a{width:59px; height:44px; display:inline-block; padding:5px 5px 5px 0;}

.welcome {margin:10px 0 0 0; padding-right:10px; float:right; text-align:right;}
.welcome p {font-size:12px; font-weight:bold; text-transform:uppercase; color:#334c62;}
.welcome span {color:#188cf2;}

.wrapper { height:124px; background:url(../../images/generic-box.jpg) no-repeat top right; display:block; }
fieldset {text-align:right; padding:20px 200px 0 0; xwidth:350px;}
.go-btn {width:27px; height:28px; display:inline-block; background:url(../../images/go.jpg) no-repeat top left; vertical-align:bottom;}
label {font-size:12px; font-weight:bold; color:#a5a1a0;}

/***gallery style***/
.equal {float:left; display:table; margin:30px 0 0 5px; width:100%;}
.row {display:table-row; float:left; }
.row ul {display: table-cell; float:left; margin:0 30px 10px 0; width:120px; height:170px;}

.vid-title {font-weight:bold;}
.views p{font-size:10px;}
.vid-user {font-size:10px;}

ul.gallery {float:left; margin-left:0px; padding-left:0px; width:100%; margin-top:20px; }
ul.gallery li {display:inline; font-size:12px;}

.pagination {float:right;}
.pagination li {display:inline;}

p.footer {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#053452;}

/****lightbox****/
.wrap {display:inline;}
#litebox-container {background:#FFFFFF; width: 700px; height:420px; margin:20px auto; text-align:left;}
.lb-content {float: right; width:400px; margin:80px 0 0 0;}
.image-holder {float: left; background:url(../images/img-decolgen-forte.jpg) no-repeat; display:block; height:197px; width:153px; position:relative; left:50px; top:100px; padding-top:220px;}
.image-holder-nd {float: left; background:url(../images/img-decolgen-ND.jpg) no-repeat; display:block; height:197px; width:192px; position:relative; left:40px; top:100px; padding:220px 0 0 40px;}

.back-link {display:inline-block; height:12px; width:25px; background:url(../images/liteback.jpg) no-repeat top left; margin:10px 10px 0 0;}

.litebox-link a{font-size:11px; font-weight:bold; color:#666; margin-right:30px;}

.more-link {margin-top:30px;}

.display {display:block; margin-top:15px;}
.hide {display:none;}

.lb {margin:100px 0;}

.footer p{font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#999999; text-align:right; padding-right:20px; width:400px;}
.video { min-height:460px; height:auto !important; height:460px; width:auto; float:left; 
				 min-width:700px; max-width:700px; width:auto !important; width:700px; xpadding-left:20px;}
				 
.video2 { min-height:50px; max-height:2000px; height:auto !important; height:50px; width:auto; float:left; 
				 min-width:700px; max-width:700px; width:auto !important; width:700px;  }
.video3 { padding:20px 0 0 20px;}
.error { font-size:12px; color:#990000; }
a{
cursor:pointer;
}

#tbl_prizes tr td{
border:#000000; border-style:solid; border-width:1px;
}
.row ul{
width:100px;
overflow:hidden;
list-style-type:none;
margin-left:0px;
padding-left:0px;
}
.vidcol{
width:170px;
height:161px;
margin-left:0;
padding-left:0;
}
.mech_tbl{
list-style-type:none;
padding:0;
margin:auto 0;
text-align:center;
}

/*** thumbnail slider ***/

#timeline_area{
width:525px;
height:160px;
overflow:hidden;
float:left;
position:relative;
}
#timeline_body{
position:relative;
height:160px;
cursor:pointer;
}
#timeline_container{
width:742px;
height:160px;
margin-left:45px;
clear:both;
}
#timeline_headbar{
width:742px;
height:30px;
float:left;
}
.timeline_panel{
float:left;
margin-left:5px;
width:100px;
height:160px;

}
.timeline_panel_title{
text-align:right;
float:left;
clear:right;
width:100%;
}
.timeline_panel_body{
float:left;
}
.timeline_title_text{
margin-right:5px;
color:white;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
#navigation{
width:100%;
height:20px;
margin:auto 0px;
text-align:center;
}
#prev_area{
float:left;
}
#next_area{
float:left;
}
.timeline_panel ul{
 padding:0;
 margin:0;
 list-style-type:none;
}

/*** end thumbnail slider ***/