/*this css code and the html related to it was written by Marius,
you can contact me at marius.etc@gmail.com
////////////////////////////////////////////////
////////////UNDER DEVELOPMENT///////////////////
//////////////////////////////////////////////// .*/

/*--------------------------html defaults*/
h1, h2, h3, h4, h5, body, html, p, li, ul, hr	{margin:0; padding:0;}
img, label, fieldset	{display:block; border:0;}
h1, h2, h3, h4, h5		{font-weight:normal; font-size:100%;}
a		{text-decoration:none;}
li		{list-style-type:none; vertical-align:bottom;}
hr		{clear:both; visibility:hidden; height:0;}
/*GENERAL---------------------------------------*/
.fr		{float:right;}
.pb10	{padding-bottom:10px;}
.adv-120, .adv-160, .adv-300, .adv-468, #rating, .fill, .autofit, .th, .vtitle, .det, .desc p, .thumbs *	{display:block; overflow:hidden; position:relative;}
.adv-300	{width:300px; height:250px;}
.adv-468	{width:468px;}
.adv-728	{width:728px; height:90px;}
.adv-160	{width:160px;}
.adv-120	{width:120px;}
.lst, .in-lst, .navi ul	{display:block;}
.navi ul			{margin:0 auto;}
.in-lst li			{display:inline;}
.navi ul			{text-align:center;}
.navi li			{display:inline;}

.navi .text_page, .navi .text_page:hover			{border:0; background:none;}
#navigation, #logo, #descriptionh, #hadv, #sub-nav	{display:block; overflow:hidden; position:absolute;}

.fill	{height:0;}
/*Template Structure*/
#wrap									{width:1000px; margin:0 auto;}
#header									{position:relative;}
#container, #footer, .navi, .hed, .advblock		{clear:both;}

#main-nav, #main-nav li, #main-nav li a	{display:block;}
#main-nav li, #main-nav li a, .thumbs *, .fl, .post	{float:left;}
#main-nav #search				{height:auto; float:right; padding:0; margin:0; border:0;}
.autofit						{height:450px; width:640px;}
.autofit embed, .autofit object {height:100%; width:100%; display:block; position:abosolute; bottom:5px; top:5px; left:5px; right:5px;}

.hed h1, .hed h2, .hed h3, .hed h4	{display:block;}
.post							{height:187px; width:180px;} /*if 3 lines needed change height value*/
.post .desc		 				{visibility:hidden; position:absolute; z-index:9999;}
.post:hover						{position:relative;}
.post:hover .desc				{visibility:visible;}
.post .desc:hover p				{display:none;}
.th								{}
.vtitle							{padding-top:2px;}
.det	 						{height:12px; padding:2px;}

.box	{margin-bottom:10px;}
.hed	{margin-bottom:5px;}

.rss_ico	{width:105px; padding-top:27px; background:url(images/rss_ico.gif) 0px 0px no-repeat; font:bold 12px/13px arial; color:#fff;}

/*///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*/////////////////////////////////         END DEFAULTS       \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/*skin---------------*/
body	{background:url(images/skin.gif) 0px -198px black repeat-x; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

/*HEADER-------------*/
#logo			 	{height:125px; width:615px; left:-119px; z-index:0;}
#header			 	{height:164px; background:url(images/skin.gif) 0px 0px repeat-x; border-right:1px solid #383232; border-bottom:1px solid #000;}
#descriptionh	 	{height:41px; width:545px; display:block; padding-top:4px; right:3px; top:23px; z-index:2; color:#4a4a4a; border-top:1px dotted #1966b5;}
#hadv			 	{display:none;}
#navigation 	 	{border-left:1px solid #383232; height:35px; width:999px; bottom:0; padding-bottom:3px; z-index:22;}

#main-nav, #main-nav li {height:33px;}
#main-nav li			{border-right:1px solid black;}
#main-nav a 			{height:25px; padding:8px 15px 0 15px; border-right:1px solid #1e1e1e; font:bold 12px/15px arial; color:#fff;}
#main-nav a:hover		{height:22px; padding:10px 15px 0 15px; background:url(images/skin.gif) 0px -165px repeat-x; color:#ff004e;}
#navigation #search	{width:300px; padding-top:3px; padding-right:6px;}
#search form		{height:21px; padding:3px 0 0 3px; background:#;}
#search form * 		{float:left; margin-right:3px;}
#search .fld		{height:11px; width:130px; padding:2px; border:1px solid #999; font:normal 11px/11px arial;}
#search select		{width:90px;}

#sub-nav			{height:35px; width:600px; bottom:40px; right:0px;  z-index:3;}
#sub-nav li			{margin-right:7px; line-height:15px;}
#sub-nav a 			{padding-left:10px; background:url(images/dot.png) left no-repeat; color:#058bfd; font-weight:bold;}
#sub-nav a:hover 	{color:#ff4500; text-decoration:underline;}
.useract			{height:12px; padding:4px 10px; top:0px; right:0px; position:absolute; background:black; color:#222222; z-index:100;}
.useract a			{margin:0 4px; color:white;}
.useract a:hover	{color:#0099ff;}

/*CONTENT-------------*/
#container				{padding-left:9px;}
#container, #footer		{border-right:1px solid #383232; border-left:1px solid #383232; background:#e2e1d5;}
#media 			{}
/*chosen block style******************************************/
.recent			{padding:4px 0 0 4px; margin-bottom:7px; background:url(images/skin.gif) 0px -73px repeat-x #2f0010;}
.style1			{height:14px; padding:10px 5px 5px 4px; color:black; color:#ff4500;}
.style1 h2		{padding:0px 0 0 18px; background:url(images/ico_hed1.gif) 0px 6px no-repeat; font:normal 15px/18px verdana;}

.style2			{height:18px; padding:4px 5px 5px 5px; margin-right:14px; background:black; color:#ff4500;}
.style2 *		{padding:0px 0 0 19px; background:url(images/ico_hed.gif) 0px 4px no-repeat; font:normal 15px/18px verdana;}

.post				{padding:3px; margin:0 9px 9px 0; border:1px solid #c9c7b1; background:#ffffff;}
.post:hover			{background:#000;}
.th					{color:#505050;}
.post img		  	{height:135px; width:180px;}
.post .vtitle	  	{font-size:1.2em; line-height:1.2em; font-family:'Trebuchet MS', Arial; color:#0084ff;}
.post:hover .vtitle	{color:#fff; text-decoration:underline;}
.post .desc			{width:165px; top:0; left:160px; background:#f4ae02;}
.post .desc p		{padding:3px 5px 3px 8px; font-size:10px; line-height:11px; color:black;}
.det				{color:#606060; font-weight:bold;}

/*sidebar style******************************************/
.sidebar	{width:320px; float:right; clear:right; padding:8px 8px 0 0;}
.box		{padding:7px 10px 10px 10px; background:#000;}
.box .hed	{height:15px; padding:0px 5px 0 5px; font:bold 12px/13px arial; color:#ff4500;}

/*widgets----------------------------------------------*/
.navi			{height:20px; margin-right:10px; padding:12px; border-bottom:1px solid #c9c7b1; background:#fff; text-align:center; border-bottom:10px solid #e2e1d5;}
.navi ul		{width:630px; font:bold 13px/15px arial;}
.navi a						{padding:3px 7px; border:1px solid #fff; color:#000; font-weight:bold;}
.navi a:hover				{border:1px solid #ff4500;}
.navi .text_page 			{/*color:;*/ font-size:13px;}
.navi .text_page:hover		{color:#ff4500;}
.navi .current				{background:#000; color:#ccc; border:1px solid #000;}
.navi .text_page strong		{font:bold 20px/12px arial; color:#0084ff;}
.navi .text_page:hover strong {color:#000;}
.navi a, .navi .current		{padding:3px 7px; margin-right:2px;}
.navi .text_pg				{color:#464040; border:0; padding:3px 20px;}
.navi .text_pg:hover		{color:#ff4500; text-decoration:underline; border:0;}

.lst .big		{display:block; padding:0 0 4px 2px; font:bold 12px/13px arial; color:#fd5205;}
.lst			{width:145px; padding:8px 0 1px 2px;}
.lst li			{margin-bottom:2px; line-height:15px; display:block;}
.lst a			{padding-left:14px; background:url(images/bullet.png) 0px 4px no-repeat; color:#777c7f; text-decoration: underline; font-size:12px;}
.lst a:hover	{color:#fff; background:url(images/bullet.png) 0px -14px no-repeat;}
.holder .fl		{border-right:2px solid #262626;}

.rating			{background-image:url(images/rating_post.gif);  background-repeat:no-repeat;}
.r0				{background-position:right -64px;}
.post:hover .r0	{background-position:120px -64px;}
.r1				{background-position:right -51px;}
.post:hover .r1	{background-position:120px -51px;}
.r2				{background-position:right -37px;}
.post:hover .r2	{background-position:120px -37px;}
.r3				{background-position:right -24px;}
.post:hover .r3	{background-position:120px -24px;}
.r4				{background-position:right -11px;}
.post:hover .r4	{background-position:120px -11px;}
.r5				{background-position:right 2px;}
.post:hover .r5	{background-position:120px 2px;}

.advblock		{padding-top:10px;}
.advblock .box	{margin-right:9px;}


/*Video ------------------------------------------------*/

#video-module 				{width:650px; float:left; padding-bottom:10px; font-size:12px; color:#000;}
#video-module a				{color:#ff4500; text-decoration:underline;}
#video-module a:hover		{color:#fff;}
#video-module .videotitle	{width:auto; padding: 10px 0 0 50px; background:url(images/ico_play.gif) 0px 5px no-repeat; }
.videotitle	h1				{margin-bottom:3px; font:bold 14px/16px verdana; color:#ff4500;}
#vside		{width:180px; float:right;}
#vside p	{padding-bottom:5px; border-bottom:1px dotted #393434;}
#rating		{height:33px; width:217px; float:left; padding-left:5px;}

.vdesc		{margin-bottom:5px; color:#6d6d6d; font-size:11px;}
.vtags		{margin-bottom:10px;}
#video		{width:650px;}
#player		{padding:4px; background:white; border:1px solid #c9c7b1;}
#extras		{border:1px solid #c9c7b1; border-top:0; padding:2px 0px 0 0px; background:url(images/vfeatures_bg.png) 0px 0px repeat-x;}
.views			{padding:8px 10px 0;}
.cat_tags		{background:#e8e7dc; clear:both; padding:8px;}
#video-module .cat_tags a:hover {color:#000;}
.vfeatures		{height:33px; float:left; background:url(images/vfeatures_bg.png) 0px -39px repeat-x; margin-bottom:4px;}

#extras .medw  	{display:block; font:bold 12px/12px arial; color:#000; text-decoration:none;}
#extras .small	{font:normal 11px/12px arial; color:#6a6a6a;}

.favourite			{height:33px; background:url(images/vfeatures_bg.png) 0px -104px no-repeat;}
.favourite .inc		{height:29px; width:170px; padding:3px 0 0 3px; background:url(images/vfeatures_bg.png) right -72px no-repeat;}
.favourite span		{height:20px; width:27px; padding:7px 0 0 18px; margin-right:6px; display:block; background:url(images/ico_fav.gif) 0px 0px no-repeat; font:normal 11px/12px arial; color:#fff; text-align:center;}
.favourite .inc *	{float:left;}
.favourite .inc a	{margin:7px 5px 0 0;}
.downloadvideo		{background:url(images/vfeatures_bg.png) right -138px no-repeat; padding:3px 4px 0 10px}
.downloadvideo a	{background:url(images/ico_hd.gif) right top no-repeat; display:block; padding:7px 48px 0 0; height:24px;}

/*===FOOTER===*/
#footer			{padding:10px; background:#fff; border-top:1px solid #c9c7b1;}
#footer p		{color:#5a5a5a;}

.fnav			{padding:5px 0 0 0; margin-bottom:10px; border-bottom:1px dotted black; height:25px;}
.fnav li		{padding:0 10px 0 0; margin-right:10px; border-right:1px solid #5a5a5a; font-size:12px;}
.fnav a			{color:black; font-weight:bold;}
.fnav a:hover	{color:#007bee; text-decoration:underline;}
.note			{padding:10px 0;}
.note a			{color:#000; text-decoration:underline;}


/* jquery tabs */
@media projection, screen	{.ui-tabs-hide {display: none;}}
@media print 				{.ui-tabs-nav {display: none;}}
/* Skin */
.ui-tabs-nav	{}
.ui-tabs-panel	{padding-top:10px;}
.ui-tabs-nav a	{}


.ui-tabs-nav, .ui-tabs-panel {font-family:"Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 12px;}
.ui-tabs-nav 			{list-style: none; height:33px; margin: 0; padding:0 0 0px 5px; border-bottom:1px solid #c9c7b1;}
.ui-tabs-nav:after		{display: block; clear: both; content: " ";}
.ui-tabs-nav li			{padding-top:4px; float:left; margin:0 0 0 1px; min-width:84px; border:1px solid #c9c7b1; background:url(images/tab.gif) top repeat-x;}
.ui-tabs-nav li img		{display:inline; position:relative; top:3px; margin-right:5px;}
.ui-tabs-nav a, .ui-tabs-nav a span {display:block;}
.ui-tabs-nav a 			{margin: 1px 0 0; padding:3px 7px 6px; color: #777777; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; outline: 0; font-size:14px; font-family:verdana;}
.ui-tabs-nav .ui-tabs-selected a {position: relative; top: 1px; z-index: 2; margin-top: 0; color:#000;}
.ui-tabs-nav .ui-tabs-selected {border-bottom:2px solid #e8e6dc;}
.ui-tabs-nav a span 	{width:64px; min-width: 64px; height: 18px; min-height:18px; padding-right: 0;}
*>.ui-tabs-nav a span	{width: auto; height: auto;}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position: 100% -150px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 100% -100px;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {background-position: 0 -50px;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {background-position: 0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {cursor:text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {cursor:pointer;}
.ui-tabs-disabled	{opacity: .4; filter: alpha(opacity=40);}
.ui-tabs-panel		{}
.ui-tabs-loading em {padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%;}
* html .ui-tabs-nav				 {display: inline-block;}
*:first-child+html .ui-tabs-nav  {display: inline-block;}


.categoriespage {padding-left:5px; padding-top:5px;}
.categoriespage .video {margin-right:15px;}


.categs *		 {display:block; text-align:center;}
.categs a strong {color:#058bfd; padding-bottom:10px;}
.categs span	 {padding-top:5px; color:#ccc; font-weight:bold;}
.categs a:hover img {border:2px solid #f431a6;}
.categs:hover	{background:#171717;}
.categs img		 {width:200px; height:140px; border:2px solid black;}
.categs {
	width:204px;
	background:#fff; border:1px solid #222222; margin: 0 15px 15px 0;
	padding:12px; float:left;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}


.textaddcomment	{padding:10px;}
.textaddcomment a, #video-comments a {color:#058bfd;}
#comment-form	{color:black;}
#video-comments {color:white;}

.sort1x	{width:998px; padding:0 0px 5px 0px; text-align:center; background:#fdb103; border-bottom:1px solid #000; position:relative; top:-1px; left:-9px;}
.sort1x a {font:bold 12px/13px arial; color:black; text-decoration:none;}
.sort1x a:hover  {color:#fff; text-decoration:underline;}

.sort2x a {color:#0084ff;}
.sort2x a:hover {color:#f50078; text-decoration:underline;}
.sort2x	{float:right; padding:6px 10px;}




#info-panel	{}


/*parts from the old template*/

/** BODY AND FOOTER (STICK FOOTER TO BOTTOM OF PAGE) **/
#non-footer {
  position: relative;
  top: 0;
  min-height: 100%;
}

* html #non-footer {
  height: 100%;
}


.page-content {padding-bottom: 65px;}


/** MAIN HEADER BAR **/
#main-header {
  margin-top: 5px;
  height: 51px;
  background: transparent url(images/main-header.png) repeat-x 0 0;
  position: relative;
}

#main-header-left {
  display: inline-block;
  width: 27px;
  height: 51px;
  background: transparent url(images/main-header-left.png) no-repeat 0 0;
  position: absolute;
  left: -27px;
}

#main-header-right {
  display: inline-block;
  width: 27px;
  height: 51px;
  background: transparent url(images/main-header-right.png) no-repeat 0 0;
  position: absolute;
  right: -27px;
}

#main-header a {
  padding: 0 20px;
  color: #fff;
  font-size: 130%;
}

#main-header form {
  display: inline-block;
}

#main-header span.dot {
  display: inline-block;
  position: relative;
  top: -1px;
  height: 8px;
  width: 8px;
  background: transparent url(images/main-header-dot.png) no-repeat 0 0;
}

#main-header span.links {
  display: inline-block;
  position: relative;
  top: 14px;
}

#main-header form {
  position: absolute;
  right: 0;
  top: 9px;
}

.powered-by {display:none;}

/** HEADER - RED **/
.header-red {color:#454545; font:bold 14px/15px arial; padding:0 5px 5px 5px; border-bottom:1px dotted #3c3c3c; margin-bottom:5px;}
.text-center .header-red {text-align:left;}
/** HEADER - GREY **/
.header {border-bottom:3px solid #c9c7b1; color:#ff4500; font:normal 18px/20px arial; padding:15px 0 5px; margin-bottom:10px; height:20px;}
.header .favindicator {color:#3c3c3c; font:bold 12px/15px arial; padding:5px 10px;}


/** PAGE SECTION **/
.section-left		{display:inline-block; width:660px; vertical-align:top;}
.section-right 		{display:inline-block; width:300px; margin-left:10px;}
.section-content-no-header	{position: relative;}
.section-content	{position:relative;}

.section-sidebar-content {
  background-color: #fff;
  border: 1px solid #d4d1be;
  position: relative;
  padding: 4px 8px 8px 8px;
  margin-top:15px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

.section-videos span.video {
  display: inline-block;
  text-align: left;
  margin-bottom: 18px;
  width:206px; height:190px;
  font-size:12px;
}
.section-videos span.video div {clear:both;}
.section-videos span.video div .fs80 {color:#3b3b3b; font-size:11px;}

span.video {padding:0 2px; margin-right:6px;}
.video-container .text-center {padding:8px 0; color:#3b3b3b; font-size:12px; display:block;}
.video-container a {color:#058bfd;}
.video-container a:hover {color:#f50078;}

span.video img {padding:2px; width:200px; height:140px; border:1px solid #212121;}
span.video:hover img {border:1px solid #058bfd;}
span.video .video-container 	{width:216px; font-size:90%; position:relative; margin-left:auto; margin-right:auto;}
.video-container .video-thumb, .video-brief-thumb .video-thumb {border:1px solid #000;}
.video-brief-thumb .video-thumb:hover {border:1px solid #f50078;}
span.video:hover .stars, .video-container .stars {float:right; height:auto; width:auto; border:0; padding:0 10px 0 0;}


.video-brief-thumb 		 {float:left;}
.video-brief 			 {padding:0 0 10px 0; position:relative; margin-bottom:10px; border-bottom:1px dotted #212121; height:140px;}
span.video-brief-details {position:absolute; top:0px; left:190px;}

.video-brief > span {display:inline-block;}
.video-brief > span.video-brief-details {padding-left:8px;  vertical-align:top; font-size:12px;}
.video-brief > span.video-brief-details .fs110 {font-size:14px;}
.video-brief-facets > span {display:inline-block;  width:100px;}



/** USER PROFILE STYLE **/
.profile-avatar {
  max-width: 240px;
}

.profile-fields span {
  margin-bottom: 8px;
}

.profile-fields span.field {
  font-weight: bold;
  text-align: right;
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

.profile-fields span.value {
  display: inline-block;
  width: 79%;
  vertical-align: top;
}



/* THUMBNAIL SELECTION STYLE */
div.thumb-select-container {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  max-height: 110px;
  overflow: auto;
}

div.thumb-select-container img {
  max-width: 120px;
  max-height: 90px;
  padding: 2px;
  border: 4px solid #ececec;
}

div.thumb-select-container img.thumb-selected {
  padding: 2px;
  border: 4px solid green;
}



/** TAG CLOUD **/
div.tags {
  line-height: 1.5em;
}

div.tags a {
  padding: 0 3px;
  vertical-align: middle;
}

div.tags a:hover {
  /*color: #000;*/
}

a.tag-100 {
  font-size: 100%;
  color: #bdbdbd;
}

a.tag-100:hover {
  background-color: #bdbdbd;
  color: #000;
}

a.tag-110 {
  font-size: 110%;
  color: #aaaaaa;
}

a.tag-110:hover {
  background-color: #aaaaaa;
  color: #000;
}

a.tag-120 {
  font-size: 120%;
  color: #979797;
}

a.tag-120:hover {
  background-color: #979797;
  color: #000;
}

a.tag-130 {
  font-size: 130%;
  color: #848484;
}

a.tag-130:hover {
  background-color: #848484;
  color: #000;
}

a.tag-140 {
  font-size: 140%;
  color: #717171;
}

a.tag-140:hover {
  background-color: #717171;
  color: #000;
}

a.tag-150 {
  font-size: 150%;
  color: #5e5e5e;
}

a.tag-150:hover {
  background-color: #5e5e5e;
  color: #000;
}

a.tag-160 {
  font-size: 160%;
  color: #4c4c4c;
}

a.tag-160:hover {
  background-color: #4c4c4c;
  color: #fff;
}

a.tag-170 {
  font-size: 170%;
  color: #383838;
}

a.tag-170:hover {
  background-color: #383838;
  color: #fff;
}

a.tag-180 {
  font-size: 180%;
  color: #262626;
}

a.tag-180:hover {
  background-color: #262626;
  color: #fff;
}

a.tag-190 {
  font-size: 190%;
  color: #131313;
}

a.tag-190:hover {
  background-color: #131313;
  color: #fff;
}

a.tag-200 {
  font-size: 200%;
  color: #000;
}

a.tag-200:hover {
  color: #fff;
  background-color: #000;
}




/* FORM FIELDS */
span.label {
  display: inline-block;
  text-align: right;
  width: 7em;
  font-weight: bold;
  vertical-align: top;
  padding-top: 3px;
}

span.wider {
  width: 13em;
}

span.nopad {
  padding-top: 0px;
}

span.input-container {
  vertical-align: top;
  margin-left: 3px;
  display: inline-block;
}

span.text-container {
  margin-left: 3px;
  position: relative;
  top: 0.2em;
  display: inline-block;
}

div.field {
  margin-top: 8px;
  margin-bottom: 8px;
}



/** PROGRESS BAR **/
#progress-bar {
  height: 24px;
  width: 0;
  background-color: #afafaf;
  text-align: center;
  font-weight: bold;
}

#progress-percent {
  position: absolute;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #000;
  font-size: 18px;
  top: 1px;
}

#progress-container {
  border: 1px solid #afafaf;
  width: 400px;
  position: relative;
}


.header-left, .header-right {display:none;}

/** INNER CONTENT SECTIONS **/
.inner-section-header {
  text-align: left;
  font-size: 10pt;
  font-weight: bold;
  background-color: #282828;
  border: 1px solid #666;
  padding: 4px 8px 6px;
  color: #999;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}

.inner-section-header span.selected {
  outline: none;
  background-color: #000;
  border: 1px solid #666;
  border-bottom: none;
  bottom: 12px;
  color: #fff;
  display: inline-block;
  padding: 8px 16px;
  position:relative;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
}

.inner-section-header span {
  outline: none;
  display: inline-block;
  vertical-align: top;
  padding: 0 12px;
  color: #999;
  cursor: pointer;
}

.inner-section-header-link:hover {
  color: #000;
}

.inner-section-content {
  text-align: left;
  position: relative;
  border: 1px solid #666;
  border-top: none;
  margin-bottom: 5px;
  padding: 4px 8px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
}



/** PAGINATION **/
.pagination {
  padding-bottom: 20px;
  margin-top: 8px;
  font-size: 105%;
  font-weight: bold;
  text-align: center;
}

.pagination span {
  padding: 0 4px;
}



/** RATING STARS **/
#rater-stars {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 1;
}

.rater-div {
  position: absolute;
  width: 19.6px;
  height: 21px;
  top: 2px;
  left: 0px;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 30;
  cursor: pointer;
}

#rater-text {
  position: absolute;
  top: 5px;
  left: 100px;
  color:#6a6a6a;
  font-size:12px;
}



/* CLASSES */
.bold {font-weight: bold;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.normal {font-weight: normal;}
.click {cursor: pointer;}
.fs80 {font-size: 80%;}
.fs90 {font-size: 90%;}
.fs95 {font-size: 95%;}
.fs105 {font-size: 105%;}
.fs110 {font-size: 110%;}
.fs120 {font-size: 120%;}
.fs130 {font-size: 130%;}

.main-content {margin-left:auto;  margin-right:auto; position:relative; padding-right:10px; color:black;}
.main-content a {color:#058bfd;}
.main-content a:hover {color:#f50078;}


/** CLIPS **/
#clips img {
  filter: alpha(opacity=25);
  opacity: 0.25;
  cursor: pointer;
  margin: 0 10px;
}

#clips img:hover {
  filter: alpha(opacity=75);
  opacity: 0.75;
}

#clips img.selected {
  cursor: default;
  filter: alpha(opacity=100);
  opacity: 1;
}




/** MISC **/
.message-error {
  font-weight: bold;
  font-size: 135%;
  color: #d52727;
  padding: 4px 10px 4px 10px;
  margin-bottom: 8px;
}

.message-notice {
  font-weight: bold;
  font-size: 135%;
  color: #2ae000;
  padding: 4px 10px 4px 10px;
  margin-bottom: 8px;
}

.message-warning {
  font-weight: bold;
  font-size: 135%;
  color: #ea8612;
  padding: 4px 10px 4px 10px;
}

.captcha-image {
  border: 1px solid black;
  margin-bottom: 4px;
}

.captcha-reload {
  margin-left: 8px;
  vertical-align: top;
  cursor: pointer;
}

.swfupload {
  vertical-align: middle;
}