/*** Reset Styles ***/
html,body,div,span,img,applet,embed,canvas,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,u,i,s,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;background-color: #f6f6f6 !important;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html{height:100%}
body,input,textarea{font:12px Arial,sans-serif}
a{color:#03c;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-weight:bold}
h1{font-size:1.5833em}
h2{font-size:1.3333em}
h3{font-size:1.1666em}
h5,h6{font-size:.8333em}
dt{font-weight:bold}

/* Main Page Div */
#bodyDiv { 
  position: relative;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0pt;
  padding-right: 5px;
  padding-bottom: 25px;
  padding-left: 5px;
  background-color: white;
  border: 1px solid #e5e5e5;
}

/*** UTILS STYLES ***/
#uuGenContainer{position:absolute;top:0px;left:0px;}
.imageRep{ display:block;text-indent:-1000em;overflow:hidden;}
.hidden{display:none !important;visibility:hidden;}
.imgLink a:hover,a img{text-decoration:none !important;}
.hLink{text-decoration:none}
.hLink:hover{text-decoration:underline}
.clear{clear:both}
.clearL{clear:left}
.clearR{clear:right}
.spacer{height: 10px}
.mainBox-spacer { height: 20px }

.title{font-weight:bold;font-size:12px}

/* HEADER */

#header{background:#fff;border-bottom:4px solid #FFD540;}
.centred{width:960px;margin:0px auto;}
#header .centred{position:relative;height:125px;}

#logo{
  position:absolute;
  left:15px;
  top:20px;
  width:320px;
  height:100px;
  background:url(../images/logo2012.png) no-repeat 0px 0px;
  text-align:left;
}

/* HEADER - site navigation */

#siteNav{position:absolute;left:240px;z-index:1002;font-size:14px;height:18px;line-height:18px;font-weight:bold;bottom: 2px;}
#siteNav li{display:block;float:left;}
#siteNav .tab{border-right:1px solid #fff;padding:0px;margin:0px;}
#siteNav a{padding:0px 20px;border-right:1px solid #dbdbdb;color:#6e6e6e;display:block;float:left;}
#siteNav .active a{color:#000;}
#lastTab a{border-right:none !important;} /*Ukoncovaci TAB*/

/** HEADER - user navigation(login, registration, etc.) **/
#userLinks{position:absolute;right:0px;top:0px;font-size:11px;height:1.8em;line-height:1.8em;}
#userLinks li{display:block;float:left;}
#userLinks .settings{background:transparent;border:1px solid #d7d7d7;border-right:none;padding:0px 6px;height:1.6em;line-height:1.5em;}
#signIn,#signOut{border-right:1px solid #d7d7d7 !important;}
#userLinks li img{position:relative;top:1px;}
#userLinks li a{color:blue;}
#userLinks li a:hover{color:blue;text-decoration:underline}

/** HEADER - search panel **/
#siteSearch{position:absolute;left:350px;top:70px;z-index:1000;min-width:315px;}
#siteSearch input.textField{background-color:#fafafa; }
#siteSearch input.focused{border-color:#3A4546;background-color:#fff;}
#searchQuery,#categoryFilter,#SrchBtn{float:left;}
#searchQuery{
    width:209px;
    border:1px solid #737373;
    color:#b3b3b3;
    background:url(../images/zoom-tool.png) no-repeat 2px;
    padding-left:18px;
    height:16px;
    line-height:16px;
}

#siteSearch select.selectField{background-color:#fafafa; }
#categoryFilter {
  padding-top: 1px;
  margin-left: -1px;
  display: inline-block;
  height:20px;
  *height: 22px;
  line-height:20px;
  border:1px solid #737373;
  color:black;
 }
 
#srchBtn{
  padding: 0.12em 8px 0 8px;
  margin: 0 0 3px 3px;
  display: inline-block;
  font-weight: bold;
  color: #994800;
  background: #fed81c url(../images/yellow-button.png) repeat-x center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  -moz-border-radius:3px;
  border-radius: 3px;
  cursor: pointer;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
}

#srchBtn:hover {
  background: #fed81c url(../images/yellow-button-hover.png) repeat-x center;
}

#srchBtn span{white-space:normal;line-height:16px;height:16px;*display:inline-block}
#srchBtn:hover span {text-decoration: underline;}
/** END HEADER **/

/** FOOTER **/
#footer {
	clear: both;
	width: 960px;
	margin-top: 15px;
	background: #eeeeee;
	border-top:1px solid #cccccc; 
}

#about-page-div {
	padding-left: 50px;
	text-align: center;
	height: 25px;
	line-height: 25px
}

#banner-div {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

/** END FOOTER **/

/** BODY **/
#body-column {
	width: 550px;
	float: left;
	margin-top: 12px;
}

.mainBox-grayborder {
	background-color: white;
	border: 1px solid #ccd2d6;/* #a0b3d9;*/
	width: 568px;
}

.mainBox-title
{
      clear: both;
      font-size: 16px;
      font-weight: bold;
      font-family: Arial,Helvetica,sans-serif;
      color: #333333;
      padding: 0 0 5px 10px;
}
.mainBox-title h2 
{
	font-size: 16px;
}
.mainBox-data {clear: both;padding: 5px 8px 0px 8px;}
.mainBox-body {padding: 0px 3px 0px 3px;}
.talign-box{padding-top:5px;padding-bottom:5px;display: block;text-align: right;*width: 550px;}

.side-announcement-box {
	padding: 5px 5px 5px 5px;
	width: 560px;
	/*padding-left: 60px;*/
	/*background: #ffffed url(../images/smile1.jpg) no-repeat 1px;*/
	border: 1px solid #f5e082;
	/*border: 1px solid #ccd2d6;*/
	color: black;
}

/** End of BODY **/

/* Right box */
#right-block {
	float: right;
	width: 170px;
	margin-top: 12px;
}

.rightBox-grayborder {
	background-color: white;
	border: 1px solid #ccd2d6;/* #a0b3d9;*/
	width: 168px;
}

#info-box {width: 160px !important;}
#info-box .info-title-width {width: 158px;}
#info-box .info-color{background-color:#eee}
#info-box .msg {padding-bottom: 10px;}
#info-box .info {color: black; font-weight:bold;}

/** LEFT SIDE **/
#side-column {
	float: left;
	width: 190px;
	padding-right: 15px;
	margin-top: 14px;
}

.left-side-column {
	float: left;
	width: 192px;
}
/** END of LEFT SIDE **/

/* Category menu for video */
.left-categories-side {
	margin-top: -3px;
	*margin-top: -4px;
}
.left-categories-side li {
	font-size: 12px;
	padding: 5px 0 2.5px 21px;
	line-height: 16px;
	background: url(../images/border-line4.png) white no-repeat bottom left;
}
.left-categories-side .left-category-top-level {
	padding-left: 11px;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/category-top3.png) repeat-x center;
	border: none;
	color: black;
}
.left-categories-side a {
	color: black;
}

.left-categories-side .left-category-top-level a {
	color: #336699;
}

.left-categories-side .category-selected {
	font-weight: bold;
}
.left-categories-side .category-selected a {
	text-decoration: none;
}
.left-categories-side .category-selected a:hover {
	text-decoration: underline;
}
.left-categories-side .main-tabs-subcategory {
	padding-left: 31px;
}
/* END of "Category menu for video" */

/** Top for overview**/
#catalogHead {
      position: relative;
      border-bottom: 3px solid #ccd2d6;
      min-height: 30px;	
      height: auto;
      *height: 30px;
}

#catalogHead h1 {
      position: absolute;
      top: 8px;
      left: 11px;
      color: #333333;
      font-size: 16px;
}

#tabMenu a 
{
      /*position: static;
      width: auto;
      height: 17px;
      text-align: left;
      text-indent: 0px;*/
}

.tabMenu {
      position: relative;
      padding: 3px 0 0 8px;
     background: white;
      height: 35px;
}

.tabMenu li, .tabMenu li a {
      display: block;
      float: left;
      height: 17px;
      color: #0E53A7;
}

.tabMenu li a {
      padding: 4px 7px 4px 7px;
      border-bottom: 1px solid #dcdbd9;
}

.tabMenu li a.active {
     color: #464646;
     border: 1px solid #dcdbd9;
     border-bottom: none;
}
/** END Top for overview**/


/** Video items **/
.video-time{
	text-align:right;
	margin-top:-16px;
	margin-right:1px;
	font-family:Arial,sans-serif;
	white-space:nowrap
}

.video-time span {
	padding: 0 4px 0 4px;
	font-weight: bold;
	font-size: 11px;
	background-color: #000000;
	color: #ffffff;
	height: 14px;
	opacity: 0.75;
}

.video-cell, .game-cell, .eshop-cell, .photo-cell {
      display: inline-block;
      vertical-align: top;
      
      *float: left;
}

.v120WrapperOuter{width:122px;border:1px solid #999}
.v120WrapperInner{overflow:hidden;width:120px;height:90px;border:1px solid #fff}
.v120WideEntry { float:left;}

.v210WrapperOuter{text-align:center;border: 2px black;}

.grid-view .video-entry, .grid-view .game-entry {padding-left:10px;float:left;width:124px;margin:10px 0}
.grid-view .eshop-entry {float:left;width:124px;}

.video-title, .game-title {
	font-size: 13px;
	font-weight: bold;
	height: 35px;
	width: 122px;
}

.eshop-title {
	font-size: 10px;
	font-weight: bold;
	height: 35px;
	width: 112px;
	padding: 0 5px 5px 5px; 
}

.video-main-content, .game-main-content{float: left;margin-top:2px;}

.video-addon, .game-addon {
	font-size:11px;
	color:#666;
	float:left;
	display: block;
	padding-left: 1px;
	position: relative;
}

.video-addon span, .game-addon span{
	display: block;
	padding-left: 1px;
	position: relative;
}

/* Class for define size of previews */
.vimg120{width:120px;height:90px;}
.vimg90{width:90px;height:70px;border:1px solid #999}
/* END "Class for define size of previews" */

/* Related Items Menu*/
.video-view-count, .game-view-count{font-size:11px;color:#666;}
.expand-panel.expanded .expand-content{display:block}
.watch-box-wrapper {margin-bottom: 10px;}
.watch-box-body{padding-left:7px;margin-top:5px;border:1px solid #ccc}
.watch-box{padding-top:7px;overflow:auto;}
.v90WideEntry{font-size:11px;line-height:14px;text-align:left;width:92px;float:left;}
.v90WrapperInner{overflow:hidden;width:90px;height:63px;border:1px solid #fff}
.v90WrapperInner img{margin-top:-10px}
.v90WrapperOuter{width:92px;border:1px solid #999}

.mini-list-view .video-entry, .mini-list-view .game-entry {margin: 0 0 10px 0;}
.mini-list-view .video-main-content, .mini-list-view .game-main-content{padding-left:10px;float:left; width:166px}
/* End of Related Videos */

/** End of Video items**/

/*** Detail Page of video ***/
#watch-vid-title{padding-top: 15px;font-size:18px;font-weight:bold}
#watch-vid-title h1 {font-size: 19px;margin-bottom: 5px;}

/** Player box**/
#playerBox {
    width: 630px;
    height: 490px;
    border:1px solid #999;
    float:center;
}

#watch-this-vid {float: left; width: 610px;}

#watch-ratings-views {
      /*padding: 25px 0px 4px 0px;*/
      line-height: 35px;
      height: 35px;
}

#watch-video-desc {
	border-top: 1px solid #eeeedd;
	padding: 4px 0px 4px 0px;
    line-height: 18px;
    height: 18px;
}

#watch-link {
      line-height: 18px; 
      float: left;
}
.watch-video-link{
      font-weight: bold;
}

#watch-views-div {
      width: 135px;
      float: right;
      text-align: right;
      font-size: 13px;
      margin-top: -8px;
}

#watch-rating-div{float:left;}
#watch-other-vids {
      float: right;
      width: 300px;
}

/** End of Player box **/