/* textual styles */
div#agnSubtext			{ padding: 2px; margin-bottom: 5px; font-size: 11px; color: #909090; }
div#agnSubtext strong	{ color: #d40000; }
div#agnSubdescr			{ padding: 2px; }

/* Player Screen */
div#agnPlayerscreen		{ width: 500px; height: 300px; }

/* After Video Screen */
div#agnAfterVideo			{ color: #c0c0c0; }
div#agnAfterVideo strong	{ color: #f0f0f0; font-weight: normal; font-size: 14px; line-height: 18px; }
div#agnAfterVideo #top		{ width: 500px; }
div#agnAfterVideo #replay	{ width: 240px; height: 134px; float: left; margin-right: 10px; margin-bottom: 10px; }
div#agnAfterVideo #overlay	{ 
							  position: relative; top: -134px; left: 0px; width: 240px; height: 134px;
							  background-image: url(http://www.101.tv/static/barz/v3.1/images/replay.png);
							  background-repeat: no-repeat; cursor: pointer; opacity: 0.6;
							}
div#agnAfterVideo #overlay:hover	{ opacity: 1; }

/* extra options tabs */
div#agnTabs				{ width: 500px; height: 25px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #131313 }
div#agnTabs #tabClose, div#agnTabs #tabVideos, div#agnTabs #tabComment, div#agnTabs #tabCode, div#agnTabs #tabDload, div#agnTabs #tabVoting, div#agnTabs #tabHome { 
						  float: left; width: 80px; height: 15px; cursor: pointer; border: 1px solid #101010;
						  margin-right: 0px; padding: 2px; padding-top: 3px; padding-bottom: 3px;
						  font-size: 9px; color: #d0d0d0; text-align: center; font-weight: bold;
						  background-image: url(http://101tv.bnn.nl/static/barz/v3.1/images/bg-tabs.jpg); background-repeat: repeat-x;
						}
div#agnTabs #tabVoting	{ float: right; width: 100px; }
div#agnTabs #tabClose, div#agnTabs #tabHome { width: 19px; }
div#agnTabsExtra		{ float: left; }
div#agnTabsExtraEmpty	{ float: left; background-image: url(http://101tv.bnn.nl/static/barz/v3.1/images/bg-tabs.jpg); background-repeat: repeat-x; height: 15px; padding: 2px; }

/* information slider */
div#agnSlide			{ border-bottom: 0px solid #131313; padding: 10px; text-align: left; }
div#agnSlide img		{ border: 1px solid #202020; }
div#agnSlide img:hover	{ border: 1px solid #d40000; }
div#agnSlide strong		{ font-size: 14px; color:#ffffff; font-weight: normal; margin-bottom: 3px; }
div#agnSlide table		{ color: #909090; }
div#agnSlide #slVideos, div#agnSlide #slComment, div#agnSlide #slCode, div#agnSlide #slDload { }

div#commentbox textarea, div#commentbox input	{ border: 1px solid #ff008a; font-family: Arial; font-size: 11px; padding: 1px 3px; margin-bottom: 3px; }
div#commentbox #submit	{ border: 1px solid #b79d22; background-color: #a79d22; width: 60px; padding: 2px; cursor: pointer; color: #ffffff; font-weight: bold; }
div#commentbox #submit:hover { border-color: #940000; background-color: #ffffff; color: #ff008a; }

div#slCode input		{ color: #909090; overflow: hidden; text-align: left; font-size: 10px; border: 1px solid #151515; padding: 5px; width: 450px; background-color: #000000; }
div#slCode textarea		{ text-align: left; height: 60px; color: #909090; overflow: hidden; font-size: 10px; border: 1px solid #151515; padding: 5px; width: 450px; background-color: #000000; }
div#slDload #dlButton	{ cursor: pointer; width: 150px; text-align: left; margin: 5px; }

/* voting */
div#agnVoting			{ float: right; margin-right: 9px; margin-top: 0px; text-align: center; }
div#agnVoting img		{ cursor: pointer; width:14px; height: 14px; }

/* comments */
div#agnComments				{ text-align: left; height: 1000px; overflow: auto; width: 450px; padding-right: 20px;}
div#agnComments #box			{ border: 1px solid #ad0044; background: #ffffff; padding: 2px; margin-top: 5px; margin-bottom: 10px; }
div#agnComments #user			{ padding: 2px 5px; color: #ffffff; font-size: 10px; background: #ad0044; }
div#agnComments #user strong	{ color: #ffffff; font-size: 11px; }
div#agnComments #text			{ color: #000000; overflow: hidden;}
div#agnComments #text a, div#agnComments #text a:visited { color: #ffb428; }
div#agnComments #text a:hover { color: #000000; }

/* toplists styles */
div#agnTl-style					{ font-size: 10px; }
div#agnTl-style img				{ margin: 1px; }
div#agnTl-style .image			{ width: 206px; border: 1px solid #ffffff; }
div#agnTl-style .thumb			{ border: 1px solid #ffffff; margin: 1px;  }
div#agnTl-style .thumb:hover	{ border: 1px solid #ff008a; }
div#agnTl-style .title			{ font-size: 11px; text-align: center; }

div#agnTl-thumbbar				{ 
								margin-left: 2px; margin-right: 2px; margin-top: 1px; margin-bottom: 1px; width: 202px; cursor: pointer; 
								padding: 5px; height: 50px;
								border-top: 1px solid #000000; border-bottom: 1px solid #202020;
								opacity: 0.5; color: #909090;
								}
div#agnTl-thumbbar:hover		{ background-color: #131313; border-top: 1px solid #303030; border-bottom: 1px solid #303030; opacity: 1; }
div#agnTl-thumbbar img			{ margin: 0px; width: 64px; height: 48px; }
div#agnTl-thumbbar:hover img	{ border-color: #404040; }
div#agnTl-thumbbar .thumb:hover	{ border-color: #404040; }

/* channel styles */
div#agnChanThumb				{ 
	float: left; width: 154px; height: 160px; margin: 3px; padding: 3px;
	text-align: center; color: #909090; background: #000000;
	}
div#agnChanThumb:hover			{ color: #f0f0f0; }
div#agnChanThumb .thumb			{ cursor: pointer; width: 140px; height: 78px; border: 1px solid #303030; padding: 5px; margin-bottom: 5px; background: #161616; }
div#agnChanThumb .thumb:hover	{ background: #202020; color: #f0f0f0; }