/* Detail Views */
div.Article-Title, div.Item-Title{height:auto; padding-top:0px; width:100%; display:block;  }
div.Article-Title h1, div.Article-Title h2,
div.Item-Title h1, div.Item-Title h2 { padding:0px; margin:0px; }
div.Article-Title h1, div.Item-Title h1 { padding:10px 0 10px 0; font-size:36px; line-height:36px; font-style:normal; color:#505050; font-weight:bold;margin:0px;text-transform:capitalize;}
div.Article-Title h2.type, div.Item-Title h2.type {height:1px; visibility:hidden; margin:0px; line-height:1px;}
.articleBx div.Article-Type-Text {position:relative; padding:0px; height:auto; width:100%; font-style:italic; display:block; line-height:24px; font-size:12px; color:#bbb;}
.articleBx img.Content-Image{width: 100%;}
.articleBx img.Content-Image-Left{max-width: 300px; }
.articleBx img.Content-Image-Right{max-width: 300px; }

/* Video Styles */
.Content-Box-Main { width:100%; }
.Content-Box-Main .Youtube-Box  { border:1px solid #ccc; width:630px; background-color:#fff; height:356px; } 

a.youtube-lazy-link {  vertical-align:top; background-size:cover;  text-decoration:none;  color:#DDD;  text-align:left;  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;  display:inline-block;}
div.youtube-lazy-image-div {overflow:hidden;}
a.youtube-lazy-link img { position:relative; z-index:0; top:0px;}
a.youtube-lazy-link:hover {  text-decoration:none;  color:#FFF;}
div.youtube-lazy-link-info { font-size: 110%;  padding: 5px 5px;  background: transparent; display:block; z-index:1; height: 60px;}
div.youtube-lazy-link-div {  background: url(../../Images/Site/replace/youtube-play-button.png) center center no-repeat;  position:absolute; z-index:2;}
div.youtube-lazy-link-div:hover {  background: url(../../Images/Site/replace/youtube-play-button-hover.png) center center no-repeat;}

.video-container {position: relative; padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {    position: absolute;top: 0;left: 0;width: 100%;height: 88.5%; }


div.Social-Networks {width:100%; text-align:left; padding:10px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:5px 0 10px 0; height:20px !important; }
div.Social-Networks iframe {z-index:9999;}

/*
.st_fblike_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:61px; background-position:0 0; display:inline-block; margin:0 5px; position:relative; top:-5px; }
.st_fblike_custom:hover { background-position:-71px 0; cursor:pointer; }
*/
.st_facebook_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:61px; background-position:0 0; display:inline-block; margin:0 3px 0 0; position:relative; top: 0px; }
.st_facebook_custom:hover { background-position:-71px 0; cursor:pointer; }
.st_twitter_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:61px; background-position:0 -20px; display:inline-block; margin:0 3px; }
.st_twitter_custom:hover { background-position:-71px -20px; cursor:pointer; }
.st_googleplus_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:43px; background-position:0 -40px; display:inline-block; margin:0 3px; }
.st_googleplus_custom:hover { background-position:-71px -40px; cursor:pointer; }
.st_pinterest_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:59px; background-position:0 -146px; display:inline-block; margin:0 3px; }
.st_pinterest_custom:hover { background-position:-71px -146px; cursor:pointer; }
.st_sharethis_custom { background-image:url('../../Images/Site/social_icon_sprite.png') !important; height:20px; width:61px; background-position:0 -60px; display:inline-block; margin:0 0 0 3px; }
.st_sharethis_custom:hover { background-position:-71px -60px; cursor:pointer; }
.st_share_count { height:20px; width:100px; display:inline-block; margin:0 3px; padding-left:5px; border-left:1px solid black; }


.articleBx{font-size:14px; line-height:20px;} /*24px*/
.articleBx div.Intro-Text{padding: 0px 0 10px 0;border: 0px solid red; color:#777 !important; font-style:italic; font-size:16px;}
.articleBx div.Body-Text{color: #333;margin: 0px;}
.articleBx div.Body-Text pre img{padding:10px; }
.articleBx div.Body-Text pre ul { line-height:10px; list-style-position:inside; list-style-type: square; position:relative; left:-10px; text-indent: 0px; }
.articleBx div.Body-Text pre ul li{display:inline; background:url(http://www.clickonline.com/images/site/replace/listbullet.png) no-repeat left center;}
.articleBx div.Body-Text pre br{line-height: 0px;}
.articleBx div.Body-Text .Article-Copy span {font-size:100%;}
.articleBx div.Content-Box{padding:10px 0px; width:660px;}
.articleBx div.Content-Left{max-width: 300px; float:left; padding-bottom:10px; padding-right:20px;}
.articleBx div.Content-Right{max-width: 300px; float:right; padding-bottom:10px; padding-left:20px;}
.articleBx div.Content-Box .Box  { border:1px solid #ccc; width:400px; background-color:#fff; } 
.articleBx div.Content-Box .Youtube-Box { border:1px solid #ccc; width:100%; background-color:#fff; height:100%; position:relative; } 
.articleBx div.Content-Left .Box  { border:1px solid #ccc; width:100%; background-color:#fff; position:relative; left:2px; } 
.articleBx div.Content-Right .Box { border:1px solid #ccc; width:100%; background-color:#fff; position:relative; left:-2px; }
.articleBx .Box img {padding:0px !important; margin:0px !important;}
.articleBx div.media_embed {padding:10px 0px; width:660px;}
.articleBx img.Content-Image-Left div.Content-Image-Small{text-align:Left; }
.articleBx img.Content-Image-Right div.Content-Image-Small{text-align:Right; }
.articleBx div.Content-Image-Small{color: #505050; font-size: 9px; text-decoration: none; padding:5px 5px; }
.articleBx span.Content-Image-Regular{font-weight:bold; color: #505050; font-size: 9px; text-decoration: none; }
.articleBx div.Content-Image-Small a {display:block; font-weight:normal;}
.articleBx div.Content-Image-Small .enlarge {position:relative; top:3px;}
.articleBx div.Content-Image-Smaller, .articleBx span.Content-Image-Smaller { text-align:center; color: #505050; font-size: 9px; text-decoration: none; font-style: italic; }
.articleBx div.Article-Type-Text div.Author-Text { float: left; padding-right:5px;font-style:normal;}
.articleBx div.Article-Type-Text div.Author-Text a {font-style:normal;}
.articleBx div.Article-Type-Text div.DateDublished {color: #bbb; float: left;  }
.articleBx div.Article-Type-Text div.DateDublished:before, .articleBx div.Article-Type-Text div.DateDublished:after {color: #bbb; font-style:normal; content:" // ";  }
.articleBx div.Article-Type-Text .email{ margin-right: 10px;margin-left: 10px; }
.articleBx div.Article-Type-Text .twitter{ margin-right: 2px; }
.articleBx div.Article-Type-Text .email, .articleBx div.Article-Type-Text .twitter {color:#333; font-style:italic}
.articleBx div.Article-Type-Text .email a > img{vertical-align:middle; padding-bottom:3px;}
.articleBx div.Article-Type-Text .twitter a > img {vertical-align:middle; padding-bottom:2px;}
.articleBx div.Quote-Text {width: 190px;position: static;top: 100px;float: right;padding: 0px 5px 20px 5px;margin: 5px; /*_width: 250px;*/ }
.articleBx div.Quote-Text h2 {padding:0px 20px; margin:0px;  font-family: "OswaldBook","League Gothic","Bebas Neue","Arial Narrow", Arial, sans-serif; font-size: 30px; line-height:28px; text-transform:uppercase;}
.articleBx div.Quote-Text .Quote { }
.articleBx div.Quote-Text h2 {border-left:4px solid #CB2028;}
.articleBx div.Article-Rating {float:left; height:19px; width:175px; background: url('../../Images/Site/replace/verdict.png') no-repeat; position:relative; top:-4px; }
.articleBx div.Article-Rating img{position:relative; left:75px; top:2px;}
.articleBx div.Article-Canonical {visibility:hidden; height:1px;}
.articleBx img.Rating{width: 80px;}
.articleBx div.Article-recommends {float:right;}
.articleBx div.Article-recommends img {width:131px}
vSpace1 { display:none; }
div.DetailWidget { width: 98.5%; height:auto;	background: #ffffff; border:1px solid rgb(217, 217, 217); float:left; margin: 5px 4px 10px 2px; padding:0px; overflow:hidden; }

.articleBx div.Top10-Movie-Text { width:270px; padding:15px; line-height:8pt; text-align:center; background: url(../../Images/Site/replace/bgMovieTop10.png) no-repeat; background-size:90%; background-position:15px 10px; -webkit-transform: rotate(5deg) scale(1.25, 1); -moz-transform: rotate(5deg) scale(1.25, 1); -ms-transform: rotate(5deg) scale(1.25, 1); transform: rotate(5deg) scale(1.25, 1); }
.articleBx div.Top10-Person { clear:both; color:#B6570E; font-size:12pt; font-weight:bold; text-transform:capitalize;}
.articleBx div.Top10-Title { clear:both; color:#333; font-size:11pt; position:relative; top:-10px;  }

.articleBx div.ReviewInfoBox { margin:5px 5px 15px 5px; padding:2px 5px; background: url("data:image/gif;base64,R0lGODlhBgAGAIAAAN7h5urt8iH5BAAAAAAALAAAAAAGAAYAAAIJjA0XeYzqlgoFADs=") left top; border: 1px solid rgb(217, 217, 217); line-height: 25px; }
.articleBx div.ReviewInfoBox .col1 { width:105px; float:left; display:block; }
.articleBx div.ReviewInfoBox .col2 { width:200px; float:left; display:block; }


.articleBx div.Comp-Terms { font-size:7pt; font-weight:bold; text-align:left; }
.articleBx div.Comp-Terms input { padding-right:10px; }
.articleBx div.Comp-Terms span { display:block; width:600px; float:right; }
.articleBx div.Comp-Question-Text { padding:5px 15px; text-align:center; }
.articleBx div.Comp-Answer-Text { color:#b6570e; font-weight:bold; position:relative; top:-30px; margin-left:200px; }
.articleBx div.Comp-Answer-Text ul { list-style-type:decimal; }
.articleBx div.CompMessage { border: 1px solid #818181; height: auto; width:50%; position: relative; top: -100px; color: black; font-weight:bold; z-index: 100000; padding:20px; text-align:center;  background-color : #ccc; overflow:hidden; margin:1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-left:140px;}
/*span.keyword a {font: 14px/16px "OxygenBold", "OswaldBook"; max-height:25px; text-transform:uppercase;}*/
span.keyword a {font: 14px/16px Arial; max-height:25px; text-transform:uppercase; font-weight:bold; color:#1f4f82;}
span.keyword b {font-size: 18px; }

/* main nav bar */
/*.menu-nav-bg { background: transparent url(../../images/site/menu-nav.png) center top no-repeat; }
.click-top-nav{width:100%; position:relative; padding: 5px 0px;	height:auto; overflow: hidden; }
.click-top-nav .nav-item { float: right; display: inline;  text-align:center; font-size:14px; line-height:25px; font-family: "OxygenBold", "OswaldBook", arial, helvetica, sans-serif !important;  text-transform:uppercase; letter-spacing:-0.5px;}
.click-top-nav .nav-Movies { width:67px}
.click-top-nav .nav-Games { width:70px}
.click-top-nav .nav-Tech { width:50px}
.click-top-nav .nav-Videos { width:0px}
.click-top-nav .nav-News { width:0px}
.click-top-nav .nav-item:first-child { padding-left: 1px; }
.click-top-nav .nav-item a {color:#FFF; }
.click-top-nav .nav-item a:hover {color:#ccc; }*/

/* main nav bar */
/*.click-main-nav{width:100%; position:relative;	border:0px solid #999999;	height:35px; overflow: hidden; }
.click-main-nav-skin{border-top:none;}
.click-main-nav .main-nav-bar { height:35px; position:absolute;	width:100%;	z-index:10; background:transparent url(../../images/site/replace/menu-bg.png) no-repeat center ;}
.click-main-nav .main-nav-bar .nav-holder { height:29px;	border-bottom:1px solid #b4b3b3; border-top:1px solid #999999; background: transparent url(../../images/site/hdr2-white.png) repeat-x; }
.click-main-nav .main-nav-bar .nav-holder::before { background-image:url('../../images/site/replace/email.png'); width: 13px; height: 13px; position: relative; z-index: 13; content: "";  }
.click-main-nav .main-nav-bar .nav-holder::after { content:"dsdasd" }
.click-main-nav .main-nav-bar-dark .nav-holder { height:29px;	border-bottom:1px solid #000; border-top:1px solid #999999; background: transparent url(../../images/site/hdr2.png) repeat-x; }
.click-main-nav .main-nav-bar-skin .nav-holder { height:29px;	border-bottom:0px solid #b4b3b3; border-top:1px solid #999999; background: transparent url(../../images/site/hdr2-skin.png) repeat-x;}
.click-main-nav .nav-item { float: left; display: inline; padding-right: 1px; background: url(../../Images/Site/replace/menu-sprite.png) no-repeat top left; }
.click-main-nav .nav-item:first-child { padding-left: 1px; }
.click-main-nav .nav-item a { text-align:center; font-size:16px; line-height:30px; font-family: "OxygenBold", "OswaldBook", arial, helvetica, sans-serif !important; color:#7F7F7F; text-transform:uppercase; letter-spacing:-1px; }
.click-main-nav .nav-holder .nav-item a { background: url(../../Images/Site/replace/menu-sprite.png) no-repeat top left; }
.click-main-nav .sprite_latest { width: 77px; height: 38px; }
.click-main-nav .sprite_latest a { background-position: -13px -38px !important; }
.click-main-nav .sprite_latest a:hover { background-position: -13px -116px !important; }
.click-main-nav .sprite_latest.sprite_selected a { background-position: -13px -78px !important; color:#333; font-size:17px; line-height:29px;}
.click-main-nav .sprite_reviews { width: 88px; height: 38px; }
.click-main-nav .sprite_reviews a { background-position: -13px -38px !important; }
.click-main-nav .sprite_reviews a:hover { background-position: -13px -116px !important; }
.click-main-nav .sprite_reviews.sprite_selected a { background-position: -13px -78px !important; color:#333; font-size:17px; line-height:29px;}
.click-main-nav .sprite_competitions { width: 90px; height: 38px; }
.click-main-nav .sprite_competitions a { background-position: -13px -38px !important; }
.click-main-nav .sprite_competitions a:hover { background-position: -13px -116px !important; }
.click-main-nav .sprite_competitions.sprite_selected a { background-position: -13px -78px !important; color:#333; font-size:17px; line-height:29px;}
.click-main-nav .sprite_features { width: 88px; height: 38px; }
.click-main-nav .sprite_features a { background-position: -13px -38px !important; }
.click-main-nav .sprite_features a:hover { background-position: -13px -116px !important; }
.click-main-nav .sprite_features.sprite_selected a { background-position: -13px -78px !important; color:#333; font-size:17px; line-height:29px;}
.click-main-nav .sprite_interviews { width: 95px; height: 38px; }
.click-main-nav .sprite_interviews a { background-position: -13px -38px !important; }
.click-main-nav .sprite_interviews a:hover { background-position: -13px -116px !important; }
.click-main-nav .sprite_interviews.sprite_selected a { background-position: -13px -78px !important; color:#333; font-size:17px; line-height:29px;}
.click-main-nav .sprite_videos { width: 77px; height: 38px; }
.click-main-nav .sprite_videos a { background-position: -13px -38px !important; }
.click-main-nav .sprite_videos a:hover { background-position: -13px -116px !important; }
.click-main-nav .sprite_videos.sprite_selected a { background-position: -13px -78px !important; color:#333; font-size:17px; line-height:29px;}
.click-main-nav .sprite_items { width: 77px; height: 38px; }
.click-main-nav .sprite_items a { background-position: -13px -38px !important; }
.click-main-nav .sprite_items a:hover { background-position: -13px -116px !important; }
.click-main-nav .sprite_items.sprite_selected a { background-position: -13px -78px !important; color:#333; font-size:17px; line-height:29px;}*/



/*.click-main-nav .nav-extra-links{margin-top:2px;}
.click-main-nav .nav-extra-links .sprite{	float:left;	margin-left:20px;	margin-top:7px; }

.click-main-nav .nav-extra-links .nav-follow a {background-image:url(../../Images/Site/replace/main_nav_sprite_follow.gif);}
.click-main-nav .nav-extra-links .nav-follow {width:63px; height:13px;margin-left: 70px;}
.click-main-nav .nav-extra-links .nav-subscribe a {background-image:url(../../Images/Site/replace/main_nav_sprite_subscribe.gif);}
.click-main-nav .nav-extra-links .nav-subscribe {	width:75px; height:13px;}
.click-main-nav .nav-extra-links .nav-like a {background-image:url(../../Images/Site/replace/main_nav_sprite_like.gif);}
.click-main-nav .nav-extra-links .nav-like {	width:42px; height:13px;}
.click-main-nav .nav-extra-links .sprite a div { position:relative; top:-2px; left:15px; font-size:12px; letter-spacing:-1px; font-weight:bold; color:#B9B9B9; }
.click-main-nav .nav-extra-links .sprite a div:hover {  color:#4C86C6; 	}
*/