@charset "UTF-8";
/* ProBag CSS */

img									{border: none;}
html, body 						{margin: 0px; background-color:#191919;width: 100%; height: 100%; text-align: center; font-family: Arial;padding:0; color: #cfcfcf; font-size: 11px;}
.pageSize							{width: 1000px;margin-left:auto;margin-right:auto;text-align: left;margin-top: 0px;padding: 0px;display: block;position: relative;}
/*******/
#logotype						{margin: 15px 0px 0px 0px;float:left;}
#headerContainer			{ height: 82px; width: 100%;margin:0x;padding:0px;float:left;} /* background: url(img/headBG.jpg); */
#mainContainer				{background: url(img/bigbg.png) top center no-repeat;height:100%;}
#menu								{float:left;margin: 40px 0px 0px 20px;}
#menu ul							{float:left; }
#menu	li							{display:inline; padding: 0 15px;}
#menu	a							{font-size: 15px; font-weight: bold; color: #FFFFFF;}
#menu	a:hover				{border-bottom: 2px solid #FFFFFF;}
#menu a.current				{border-bottom: 2px solid #8de0ff;}
#startArea				{margin: 15px 0px 15px 0px; overflow: hidden;}
#startBigPic		    {height: 211px;}
.startBox				{float: left; padding: 0px;}
.startBox	 ul			{margin:0px;padding:0px;overflow: hidden;}
.startBox	 li			{display:block;margin:0px 0px 3px 0px;padding:0;font-size: 12px;border-bottom: 2px solid #666666;overflow: hidden; line-height: 27px;overflow:hidden;} 
.startBoxList1			{float: left; width: 30px;font-weight: bold;height: 27px; padding: 3px 3px 3px 10px; color: #F2F2F2;}
.startBoxList2			{float: left; width: 300px; height: 27px; margin-top: 7px;padding: 3px 3px 3px 10px;}
.startBoxList2	a {padding-bottom: 4px;}

#bestOf					{position: absolute; left: 50%;margin: 270px 0 0 290px; z-index: 9999;}

#mainLeftStart					{width:568px; float: left; margin: 0px 30px 0px 0px;}
#mainLeftWatch				{width:652px; float: left; margin: 15px 30px 0px 0px;}
	#movieTitle						{margin-left:18px;}
#mainLeft						{width:568px; float: left; margin: 15px 12px 0px 18px;}
	
	#movieTopRight a:hover	{border-bottom: 1px dotted #FFFFFF;text-decoration: none;}
	#mainLeft h2				{font-size: 17px; margin: 10px 0px 0px 0px; padding:0px 0px 10px 0px; font-weight: bold;color:#FFFFFF;}
	#mainLeft a:hover		{border-bottom: 1px dotted #FFFFFF;text-decoration: none;}
	.contentBox					{margin-top: 0px;width: 658px; overflow: hidden;}
	.contentBox h1 			{font-size: 25px; margin: 0px; padding:0px; font-weight: bold; color:#FFFFFF;letter-spacing: -0.4pt;}
	#mainLeft #boxTitle	{margin:0px;}
	#movie					{margin-top: 5px;width: 658px;}
	#movieTopLeft			{padding: 12px 0px 0px 18px;width: 420px; float:left;overflow:hidden;}
	#movieTopLeft p			{font-size: 12px;margin:0px;padding:0px;font-weight: bold;}
	#movieTopRight			{padding: 12px 0px 0px 0px;float:left;overflow:hidden;}
	#movieTopRight a		{font-size: 12px; font-weight: bold;}
	#movieTopRight div	{margin: 0px 10px;float:left; overflow: hidden;padding:0px;}
	#movieTop					{height: 42px; width: 640px;}
	#movieMid					{padding: 0px 6px;width: 640px;}
	#movieBtm					{height:6px;width: 652px;}
	#movieFooter				{margin: 15px 0px 0px 0px;padding:15px 0px 0px 0px; border-top: 1px solid #343434; width:100%;}
	.contentHalf					{width:260px;float:left; overflow: hidden;}
	.contentHalf h2				{font-size: 10px; margin: 10px 0px 0px 0px; font-weight: bold;color:#CACACA;}
	.contentHalf	 ul				{width:100%;margin:0px;padding:0px;overflow: hidden;}
	.contentHalf	 li				{display:block;margin:0px;padding:5px 0;font-size: 12px;border-bottom: 1px solid #343434;overflow: hidden;} 
	.contentHalf	 li	a			{color: #8de0ff; text-decoration: none; font-size: 12px;} 
	
	.contentFull					{width:560px;float:left; overflow: hidden;}
	.contentFull 	 h2				{font-size: 10px; margin: 10px 0px 0px 0px; font-weight: bold;color:#CACACA;}
	.contentFull	 ul				{width:100%;margin:0px;padding:0px;overflow: hidden;}
	.contentFull	 li				{display:block;margin:0px;padding:5px 0;font-size: 12px;border-bottom: 1px solid #343434;overflow: hidden;} 
	.contentFull	 li	a			{color: #8de0ff; text-decoration: none; font-size: 12px;} 
	.loginInput					{font-size: 10px; width: 100%;}
	.signupInput				{font-size: 14px; width: 100%; padding: 6px;}
	select							{font-size: 10px;width: 100%;}
		.listBoxClip1				{float:left;width:70px;padding:0px;margin:0px;}
		.listBoxClip2 				{float:left;width:190px;padding:0px;margin:0px;}
		.listBoxClip2x 				{float:left;width:250px;padding:0px;margin:0px;}
		.listBoxClip3 				{float:left;width:70px;padding:0px;margin:0px;}
		.listBoxClip4 				{float:left;width:70px;padding:0px;margin:0px;}
		.listBoxClip5 				{float:left;width:70px;padding:0px;margin:0px;}
	.contentLeft					{width:316px;float:left;}
	
	.contentRight				{}
	.contentRight div			{float:left;margin-right: 18px;}
	.contentHR					{border-top:1px solid #343434; height:1px; width: 100%;margin: 15px 0px;}
	.searchForm					{margin:15px 0px; }
	.searchFormC				{position: relative;margin:0px;padding:0px;}
	.searchFormFloat			{float:left; overflow: hidden;}
	.searchResults				{border-top:1px solid #343434; overflow:hidden;padding-top:10px;}
	.searchInputBig			{width:256px; height:28px; border:0; font-size: 16px; font-weight: bold;}
	.searchInput				{width:150px; height:28px; border:0; font-size: 28px;}
	.searchSubmit				{width:46px; height:28px; background-repeat: no-repeat;background-position: left center; border:0; }
#mainRight						{width:220px; float: left; padding-top: 18px; overflow:hidden;}
	.nav-img 				{float:left; width: 72px; text-align: center; height: 60px; overflow: hidden;font-weight: bold;}
	.nav-img2 				{float:left; width: 72px; text-align: center; height: 25px; overflow: hidden;font-weight: bold;}
	#mainRight a:hover		{border-bottom: 1px dotted #FFFFFF;text-decoration: none;}
	#mainRight .box			{width:220px; margin-bottom: 15px;}
	.hrRight				{width:220px; height: 1px; border-bottom: 1px solid #343434; margin: 15px 0px;overflow:hidden;}
	#mainRight ul			{width:220px;margin:0px;padding:0px;}
	#mainRight li			{margin:0px;padding:0px;} 
	#share ul				{width:220px;margin:0px;padding:0px;}
	#share li				{display:inline;margin:0px 3px 0px 0px;padding:0px;} 
	.rightList				{width:100%;float:left; overflow: hidden;}
	.rightList	 ul			{width:100%;margin:0px;padding:0px;overflow: hidden;}
	.rightList	 li			{display:block;margin:0px;padding:10px 0;font-size: 12px;border-bottom: 1px solid #343434;overflow: hidden; line-height: 20px;overflow:hidden;} 
	.rightList	 li	a		{color: #8de0ff; text-decoration: none; font-size: 12px;overflow:hidden;} 
	.rightList  .listBoxClip1{float:left;width:40px;padding:0px;margin:0px;overflow:hidden; height:22px;}
	.rightList	.listBoxClip2{float:left;width:130px;padding:0px;margin:0px;overflow:hidden;height:22px;}
	.rightSpacer 			{width:220px; height: 1px; margin: 15px 0px;overflow:hidden;}
	.vote1					{float: left; width: 110px; text-align:center;height: 50px;}
	.vote2					{float: left; width: 110px; text-align:center;height: 26px;}
	.votefull				{float: left; width: 220px; text-align:center;font-size: 10px; font-weight: bold;height: 26px;}
	#voteText				{font-size: 17px; font-weight: bold;}
	
	a.nofx					{text-decoration: none;border-bottom:0;}
	a.nofx:hover			{text-decoration: none;border-bottom:0;}
#footer						{}
p.greyItalic				{color: #343434; font-style:italic;}

.numlink 					{text-align: center;width: 93%; height: 20px; background-color: #2d3436; font-size: 15px; font-weight: bold; padding:7px; border: 1px solid #5d686b;}

.about-box 					{width: 90%; height: 60px; padding:7px; border-bottom: 1px solid #5d686b;margin: 20px 0px;}
.about-content1				{float: left;width: 90px;overflow:hidden;}
.about-content2				{float: left;width: 400px;overflow:hidden;}
/** TABS **/

/*.widget {width: 310px;padding: 10px;margin-bottom: 15px;}
.widget a {color: #222;text-decoration: none;}
.widget a:hover {color: #009;text-decoration: underline;}
.tabnav li {display: inline;list-style: none;padding-right: 5px;margin:0px;}
.tabnav li a {text-decoration: none;text-transform: uppercase;color: #222;font-weight: bold;padding: 4px 6px;outline: none;margin:0px;}
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background: #dedbd1;color: #222;text-decoration: none;}
.tabdiv {margin:0px;background: #343434;padding: 10px;}
.ui-tabs-hide {display: none;}*/
/*
STAR TABS*/
.widget {width: 943px;margin-bottom: 15px; margin-top: 10px; margin-left: 2px; width: 560px;}
.widget a {color: #4478ab;}

/* TABS */

.tabnav {height: 40px; overflow: hidden;margin:0px; padding: 0px; width: 943px;}
.tabnav ul {width: 943px; }
.tabnav li {float: left;list-style-type: none;text-decoration: none; height:45px;padding-right: 0px;padding-top: 10px;background-color: #000000; background-position: bottom; margin-right: 18px;}
.tabnav li.ui-tabs-selected {background-color: #343434; height:35px;overflow:hidden;}
.tabnav li.ui-tabs-selected a{text-decoration: none;height:30px;color: #8de0ff;font-weight: bold; font-size: 14px;overflow:hidden; padding: 0px 10px;background-color: #343434;}	
.tabnav li  img{border: 0;}
.tabnav li a {text-decoration: none;height:30px;color: #8de0ff;font-weight: bold; font-size: 14px;overflow:hidden; padding: 0px 10px;}	


.ui-tabs-hide {display: none;}
.tabitemL {float:left; width: 40px; overflow:hidden; padding: 0px 0px 0px 23px;}
.tabitemR {float:left; padding-right: 30px;overflow:hidden;margin: 0px;}
.tabnav li a {background-color: #000000;height:40px;color: #8de0ff;text-decoration: none;}

/* CONTENT */
.tabdiv {margin-top: 0px;background: #343434;padding: 15px; overflow:hidden;}
.tabdiv	 ul			{width:100%;margin:0px;padding:0px;overflow: hidden;}
.tabdiv	 li			{display:block;margin:0px;padding:5px 0;font-size: 12px;border-bottom: 1px solid #343434;line-height: 18px;overflow:hidden;} 
.tabdiv	 li	a		{color: #8de0ff; text-decoration: none; font-size: 12px;overflow:hidden;} 
.tabdiv .listBoxClip1{float:left;width:60px;padding:0px;margin:0px;overflow:hidden; height:18px;}
.tabdiv	.listBoxClip2{float:left;width:250px;padding:0px;margin:0px;overflow:hidden;height:18px;}
.tabdiv	.listBoxClip3{float:left;width:100px;padding:0px;margin:0px;overflow:hidden;height:18px;}
.tabnav li a {color: #8de0ff;text-decoration: none;}
.tabdivinner .pic {float:left; margin-right: 40px; padding: 0 auto;}
.tabdivinner .content {float:left; width: 500px;}
.tabdivinner .content h2 {margin: 0px; padding:0px; font-family: Arial; font-size: 17px; color: #333333; font-weight: bold;}


/* CLIP INFO SLIDER */

#banner {width: 210px;overflow: hidden;}
#scroller {width: 210px;margin: 0 auto;	overflow: hidden;}
#content-scroller {width: 800px;}
div.section {width: 210px;float: left;}

#sida1-pane {width: 210px;float: left;}
#sida2-pane {width: 210px;float: left;}
#sida3-pane {width: 210px;float: left;}
#home-pane {background:  url(images/intro.jpg) no-repeat top;width: 210px;float: left;}
#vtb-pane {background:  url(images/vtb.jpg) no-repeat top;width: 210px;float: left;}
#viral-pane {background:  url(images/vaa.jpg) no-repeat top;width: 210px;float: left;}
#tt-pane {background:  url(images/testing.jpg) no-repeat top;width: 210px;float: left;}
#mp-pane {background:  url(images/mp.jpg) no-repeat top;width: 210px;float: left;}
#sida6-pane {background:  url(images/mp.jpg) no-repeat top;width: 210px;float: left;}

#toolbar ul {height: 35px;}
#toolbar li {margin-right: 6px;display:inline; height: 35px; background-color: #3C4A4D; padding: 10px; font-weight: bold; text-transform: uppercase; font-size: 10px;line-height: 35px;}

div.hide {width: 200px;}
.section .navL {margin-right: 0px;}
.section .download {margin-right: 0px;}
div.hide h2 {font-size: 25px;color: #FFFFFF;padding-top: 15px;padding-bottom: 20px; line-height: 45px; font-weight: bold;width: 210px; margin-bottom: 20px;}
/*div.hide h2 {font-size: 30px;color: #CACACA;letter-spacing: -1px;padding-bottom: 10px;}*/
div.hide h3 {font-size: 15px;padding-bottom: 10px;}
div.section.smaller {width: 210px;height: 376px;}
#scroller.smaller {width: 210px;height: 376px;}
.banner-navigation { }




.userAchievement {width: 500px;}
.userAchievement .pic {float:left; margin-right: 40px;}
.userAchievement .content {float:left; width: 300px;}
.userAvatar 	{border: 7px solid #303639;}
/*******/

/* Paragraphs and Titles */
h1									{font-size: 18px; margin: 0px; padding:0px; font-weight: normal; color:#FFFFFF;letter-spacing: -0.4pt;}
h2									{font-size: 18px; margin: 0px; padding:0px 0px 10px 0px; font-weight: normal;color:#FFFFFF;letter-spacing: -0.4pt;}
h3									{font-size: 14px; margin: 0px; padding:0px 0px 10px 0px; font-weight: normal;color:#FFFFFF;letter-spacing: -0.4pt;}
p 										{font-size: 11px; margin: 0px; padding:0px; color: #FFFFFF; line-height: 20px;}
a										{color: #8de0ff; text-decoration: none;}
.not-member							{font-size: 16px; margin: 0px; padding:0px 0px 10px 0px; font-weight: bold;color:#FFFFFF; letter-spacing: -0.4pt;}
a.size12							{font-size: 12px;}
a:hover							{}
a.awaiting-nav {font-size: 15px;}
.submitInput {font-size: 14px; width:300px;padding: 6px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

.inputcomment {
	padding: 5px;
	background: #3C4A4D;
	border: 1px solid #CACACA;
	color: #CACACA;
	width: 200px;
	
}
.textareacomment {
	padding: 5px;
	background: #3C4A4D;
	border: 1px solid #CACACA;
	color: #CACACA;
	width: 200px;
}

.commentform {
	padding: 0 0 15px 0;
	border-bottom:1px solid #343434;
}

.commentform label {
	font-size: 12px; 
}
.commentrow {
	clear:both;
	overflow:hidden;
	font-size: 12px;
	padding: 10px 0;
}
.commentrow .col1 {
	width: 200px;
	float:left;
	font-size: 10px;
	color: #CACACA;
}
.commentrow .col1 .author {
	font-weight:bold;
	font-size: 14px;
	clear:both;
	margin: 0 0 5px 0;
}
.commentrow .col2 {
	width: 400px;
	float:right;
	margin: 0 15px 0 0;
	padding: 15px;
	background: #3C4A4D;
}
#mainRight ul.latestcomments {
}
#mainRight ul.latestcomments li{
	padding: 5px 0;
}