/* -------------------------------- Youweb.TV style CSS --------------------------------*/

body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
}

a {
	color: #184AB8;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
}
a.visited {
	color: #663399;
}
a.link-name {
	color: #184AB8;
	font-size: 13px;
	text-decoration: underline;
	font-weight: bold;
}
a.link-title, a.link-adress {
	color: #225ECC;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
}
a.link-title:hover, a.link-adress:hover {
	text-decoration: underline;
}
a.link-shortcut {
	color: #225ECC;
	font-size: 13px;
	text-decoration: underline;
	font-weight: normal;
}
a.link-footer {
	color: #A4A4A4;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
a.link-footer:hover {
	color: #184AB8;
	text-decoration: underline;
}
a.link-footer-selected {
	background-color: #A7E0F8;
	color: #000000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
a.link-footer-selected:hover {
	background-color: #CDEBF9;
}

#wallpaper {
	background-color: #2454A4;
	max-height: 80px;
}

#background {
	background-color: #FFFFFF;
	width: 980px;
	height: 921px; /*min-height: 80px;*/
}

#header {
	background-color: #2454A4;
	width: 980px;
	height: 80px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}
#logo {
	width: 130px;
	height: 80px;
	margin: 0 24px 0 24px;
	padding: 0;
	float: left;
	overflow: hidden;
}
#title {
	width: 802px;
	height: 40px;
	margin: 0;
	padding: 0;
	float: left;
}
#mark {
	background: url("/en/images/youweb-mark.png") 0 0 no-repeat;
	width: 220px;
	height: 25px;
	margin: 6px 0 0 202px;
	float: left;
}
#search {
	background-color: #FFFFFF;
	width: 220px;
	height: 22px;
	margin: 9px 0 0 110px;
	padding: 0;
	overflow: hidden;
	display: block;
	float: left;
}
input[type="text"][name="q"] {
	width: 180px;
	min-height: 16px;
	margin: 0;
	padding: 2px 2px 2px 2px; /*For iPhone interface*/
	border: 1px #7E9DB9 solid;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	vertical-align: middle;
	text-align: left;
	display: block;
	float: left;
}
input[type="submit"][name="sa"] {
	background: #F0F5FA url("/en/images/search-sprite.png") center 0 no-repeat;
	width: 34px;
	height: 22px;
	margin: 0;
	padding: 0;
	border: 1px #7E9DB9 solid;
	text-indent: 60px;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	text-align: left;
	outline: 0 none;
	cursor: pointer;
	display: block;
	float: right;
}
input[type="submit"][name="sa"]:hover {
	background: #FFFFFF url("/en/images/search-sprite.png") center -20px no-repeat;
}
input[type="submit"][name="sa"]:active {
	background: #F0F5FA url("/en/images/search-sprite.png") center -20px no-repeat;
}
#lang {
	background-color: #FFFFFF;
	width: 40px;
	height: 20px;
	margin: 9px 0 0 0;
	padding: 0;
	border: 1px #7E9DB9 solid;
	float: right;
}
#menu {
	background-color: #FFFFFF;
	width: 800px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-right: 1px #C4C4C4 solid;
	border-left: 1px #C4C4C4 solid;
	float: right;
}
ul.menu-ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
li.menu-li {
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
li.menu-li a {
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 6px 0 0 0;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size : 18px;
	overflow: hidden;
	display: block;
	float: left;
}
li.menu-li a:hover {
	margin: 0;
	padding: 4px 0 0 0;
}
li.menu-li a:focus, li.menu-li a:active, li.menu-li a:visited {
	outline: 0 none;
}
div#menu-new {
	background: url("/en/images/menu-sprite.png") 0 0 no-repeat;
	width: 200px;
	height: 40px;
	text-indent: 24px;
}
div#menu-new:hover {
	background: url("/en/images/menu-sprite.png") 0 -40px no-repeat;
}
div#menu-radio {
	background: url("/en/images/menu-sprite.png") -200px 0 no-repeat;
	width: 200px;
	height: 40px;
	text-indent: 28px;
}
div#menu-radio:hover {
	background: url("/en/images/menu-sprite.png") -200px -40px no-repeat;
}
div#menu-television {
	background: url("/en/images/menu-sprite.png") -400px 0 no-repeat;
	width: 200px;
	height: 40px;
	text-indent: 30px;
}
div#menu-television:hover {
	background: url("/en/images/menu-sprite.png") -400px -40px no-repeat;
}
div#menu-configuration {
	background: url("/en/images/menu-sprite.png") -600px 0 no-repeat;
	width: 200px;
	height: 40px;
	text-indent: 28px;
}
div#menu-configuration:hover {
	background: url("/en/images/menu-sprite.png") -600px -40px no-repeat;
}

#content {
	background-color: #FFFFFF;
	width: 980px;
	margin: 0;
	padding: 0;
	float: left;
}
#submenu {
	width: 178px;
	height: 841px;
	margin: 0;
	padding: 0;
	float: left;
}
#submenu-ad {
	width: 178px;
	height: 601px;
	margin: 0;
	padding: 0;
	float: left;
}
#ad-160 {
	background-color: #FFFFFF;
	width: 160px;
	height: 600px;
	margin: 1px 9px 0 9px;
	padding: 0;	
	float: left;
}
#autopromote {
	width: 158px;
	height: 598px;
	margin: 0;
	padding: 0;
	border: 1px #C4C4C4 solid;
	overflow: hidden;
	display: block;
	float: left;
}
#autopromote-box {
	width: 160px;
	height: 600px;
	margin: -1px -1px -1px -1px;
	padding: 0;
	display: block;
	float: left;
}

#window {
	background-color: #FFFFFF;
	width: 800px;
	min-height: 840px;
	margin: 0;
	padding: 0;
	border-right: 1px #C4C4C4 solid;
	border-bottom: 1px #C4C4C4 solid;
	border-left: 1px #C4C4C4 solid;
	float: left;
}

#intro {
	width: 800px;
	height: 80px;
	margin: 0;
	padding: 0;
	float: left;
}
#intro-box {
	background-color: #EFF3F5;
	width: 758px;
	height: 63px;
	margin: 10px 20px 5px 20px;
	padding: 0;
	border: 1px #C4C4C4 solid;
	overflow: hidden;
	display: block;
	float: left;
}
#intro-message {
	margin: 14px 0 0 0;
	padding: 0;
	color: #000000;
	font-size: 14px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
}
#intro-info {
	margin: 3px 0 0 0;
	padding: 0;
	color: #184AB8;
	font-size: 14px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
}

#display {
	width: 800px;
	height: 340px;
	margin: 0;
	padding: 0;
	float: left;
}
#player {
	width: 450px;
	height: 335px;
	margin: 5px 0 0 20px;
	padding: 0;
	float: left;
}
#player-box {
	background-color: #EFF3F5;
	width: 440px;
	height: 325px;
	margin: 0 10px 10px 0;
	padding: 0;
	overflow: hidden;
	display: block;
	float: left;
}
#player-ad {
	background-color: #000000;
	width: 440px;
	height: 280px;
	margin: 0;
	padding: 0;
	float: left;
}
#ad-336 {
	width: 336px;
	height: 280px;
	margin: 0 52px 0 52px;
	padding: 0;
	float: left;
}
#error-js {
	background: #E53039 url("/en/images/error.png") 10px 5px no-repeat;
	width: 440px;
	height: 38px;
	margin: 0;
	padding: 7px 0 0 0;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size : 12px;
	overflow: hidden;
}
#reference {
	width: 310px;
	height: 335px;
	margin: 5px 20px 0 0;
	padding: 0;
	float: right;
}
#reference-ad {
	width: 310px;
	height: 250px;
	margin: 0;
	padding: 0;
	float: right;
}
#ad-300 {
	background-color: #EFF3F5;
	width: 300px;
	height: 250px;
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
}
#reference-social {
	width: 310px;
	height: 85px;
	margin: 0;
	padding: 0;
	float: right;
}
#social-box {
	background-color: #EFF3F5;
	width: 298px;
	height: 74px;
	margin: 10px 0 0 10px;
	padding: 0;
	border-top: 1px #C4C4C4 solid;
	border-right: 1px #C4C4C4 solid;
	border-left: 1px #C4C4C4 solid;
	overflow: hidden;
	display: block;
	float: right;
}
#social-message {
	width: 298px;
	height: 18px;
	margin: 0;
	padding: 6px 0 0 0;
	font-size: 14px;
	color: #000000;
	text-align: center;
	overflow: hidden;
}
#social-share {
	width: 298px;
	height: 50px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#social-share-info {
	width: 98px;
	height: 35px;
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 14px;
	color: #000000;
	text-align: center;
	float: left;
}
#social-share-icons {
	width: 200px;
	height: 47px;
	margin: 0;
	padding: 3px 0 0 0;
	float: right;
}
ul.share-ul {
	margin: 0;
	padding: 0;
}
li.share-li, li.share-li a {
	width: 40px;
	height: 50px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
#social-share-facebook {
	background: url("/en/images/share-sprite.png") 0 0 no-repeat;
	height: 40px;
	width: 32px;
}
#social-share-facebook:hover {
	background: url("/en/images/share-sprite.png") 0 -40px no-repeat;
	height: 40px;
	width: 32px;
}
#social-share-twitter {
	background: url("/en/images/share-sprite.png") -32px 0 no-repeat;
	height: 40px;
	width: 32px;
}
#social-share-twitter:hover {
	background: url("/en/images/share-sprite.png") -32px -40px no-repeat;
	height: 40px;
	width: 32px;
}
#social-share-digg {
	background: url("/en/images/share-sprite.png") -64px 0 no-repeat;
	height: 40px;
	width: 32px;
}
#social-share-digg:hover {
	background: url("/en/images/share-sprite.png") -64px -40px no-repeat;
	height: 40px;
	width: 32px;
}
#social-share-reddit {
	background: url("/en/images/share-sprite.png") -96px 0 no-repeat;
	height: 40px;
	width: 32px;
}
#social-share-reddit:hover {
	background: url("/en/images/share-sprite.png") -96px -40px no-repeat;
	height: 40px;
	width: 32px;
}
#social-share-email {
	background: url("/en/images/share-sprite.png") -128px 0 no-repeat;
	height: 40px;
	width: 32px;
}
#social-share-email:hover {
	background: url("/en/images/share-sprite.png") -128px -40px no-repeat;
	height: 40px;
	width: 32px;
}

#media {
	width: 800px;
	height: 105px;
	margin: 0;
	padding: 0;
	float: left;
}
#media-box {
	background-color: #EFF3F5;
	width: 758px;
	height: 99px;
	margin: 0 20px 5px 20px;
	padding: 0;
	border-right: 1px #C4C4C4 solid;
	border-bottom: 1px #C4C4C4 solid;
	border-left: 1px #C4C4C4 solid;
	overflow: hidden;
	display: block;
	float: left;
}
#media-line {
	width: 460px;
	height: 0;
	margin: 0;
	padding: 0;
	border-top: 1px #C4C4C4 solid;
	float: left;
}
#media-ad {
	width: 758px;
	height: 98px;
	margin: 0;
	padding: 0;
	float: left;
}
#ad-728 {
	background-color: #EFF3F5;
	width: 728px;
	height: 90px;
	margin: 4px 15px 4px 15px;
	padding: 0;
	float: left;
}

#mosaic {
	width: 800px;
	height: 200px;
	margin: 0;
	padding: 0;
	float: left;
}

#present {
	width: 980px;
	height: 115px;
	margin: 0;
	padding: 0;
	float: left;
}
#present-box {
	background-color: #EFF3F5;
	width: 978px;
	height: 98px;
	margin: 5px 0 10px 0;
	padding: 0;
	border: 1px #C4C4C4 solid;
	overflow: hidden;
	display: block;
	float: left;
}
#present-page {
	width: 948px;
	height: 90px;
	margin: 5px 15px 5px 15px;
	padding: 0;
	color: #000000;
	font-size: 13px;
	line-height: 17px;
	vertical-align: middle;
	text-align: justify;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	overflow: hidden;
	float: left;
}

#info {
	width: 800px;
	height: 115px;
	margin: 0;
	padding: 0;
	float: left;
}
#info-box {
	background-color: #EFF3F5;
	width: 758px;
	height: 98px;
	margin: 5px 20px 10px 20px;
	padding: 0;
	border: 1px #C4C4C4 solid;
	overflow: hidden;
	display: block;
	float: left;
}
#info-channel, #info-page {
	width: 728px;
	height: 90px;
	margin: 5px 15px 5px 15px;
	padding: 0;
	color: #000000;
	font-size: 13px;
	line-height: 17px;
	vertical-align: middle;
	text-align: justify;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	overflow: hidden;
	float: left;
}

#footer {
	background-color: #FFFFFF;
	width: 980px;
	height: 25px;
	margin-top: 0px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0;
	text-align: center;
	float: left;
}
#copyrights {
	width: 255px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 190px;
	color: #A4A4A4;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
	float: left;
	overflow: hidden;
}
#links {
	width: 415px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	color: #A4A4A4;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	text-align: right;
	float: left;
	overflow: hidden;
}
#social-follow {
	width: 110px;
	height: 25px;
	margin: 0;
	padding: 0 10px 0 0;
	float: right;
	overflow: hidden;
}
#social-follow-info {
	width: 65px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 3px;
	color: #A4A4A4;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
	float: left;
}
#social-follow-icons {
	width: 42px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
}
ul.follow-ul {
	margin: 0;
	padding: 0;
}
li.follow-li, li.follow-li a {
	width: 21px;
	height: 25px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
#social-follow-facebook {
	background: url("/en/images/follow-sprite.png") 0 0 no-repeat;
	height: 16px;
	width: 16px;
	margin: 0 5px 0 0;
	padding: 0;
	filter: alpha(opacity=80);
	opacity: .80;
}
#social-follow-facebook:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#social-follow-twitter {
	background: url("/en/images/follow-sprite.png") -16px 0 no-repeat;
	height: 16px;
	width: 16px;
	margin: 0 3px 0 2px;
	padding: 0;
	filter: alpha(opacity=80);
	opacity: .80;
}
#social-follow-twitter:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
}

#stats {
	display: none;
}

h1.url {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	display: inline;
}
h1.bold {
	margin: 0;
	padding: 0;
	color: #040A0F;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
h1 a:focus, h1 a:active, h1 a:visited {
	outline: 0 none;
}
h2.url {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
	display: inline;
}
h2.bold {
	margin: 0;
	padding: 0;
	color: #040A0F;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: inline;
}
h2 a:focus, h2 a:active, h2 a:visited {
	outline: 0 none;
}
h3.bold {
	margin: 0;
	padding: 0;
	color: #040A0F;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size : 12px;
	font-weight: bold;
	display: inline;
}
h3 a:focus, h3 a:active, h3 a:visited {
	outline: 0 none;
}
h4, h4 a {
	margin: 0;
	padding: 0;
	color: #000000;
	text-decoration: none;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	display: inline;
}
h4 a:hover {
	text-decoration: underline;
}
h5.url {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	display: inline;
}

img.img-logo {
	width: 130px;
	height: 80px;
	margin: 0;
	padding: 0;
	border: 0 solid;
}
