/* Overall Layout */
body, html {
  margin-top: 0;
  padding: 0;
  color: #000;
  background: #b0c0d0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 11pt;
  text-align: left;
}
a:link {
  color: #2e4471;
}
a:visited {
  color: #2e4471;
}
a:hover {
  color: #2e4471;
}
a:active {
  color: #2e4471;
}

.standard {
  width: 822px;
  margin: 10px auto;
  text-align: justify;
}
.notice {
  width: 822px;
  margin: 10px auto;
  color: #f00;
  text-align: justify;
}


#wrap {
  width: 990px;
  margin: 0 auto;
  background: #b0c0d0;
}
#header {
  border: 1px;
  background: #b0c0d0 url(/images/hsongs.gif) center left no-repeat;
  height: 90px;
  padding: 5px 0 5px 138px;
}
.Ad468x60 {
  width: 468px;
  height: 60px;
  background: #fff;
  margin: 0 auto;
  clear: both;
}
.Ad728x90 {
  width: 728px;
  height: 90px;
  background: #fff;
  margin: 0 auto;
  clear: both;
}
.Ad468x15 {
  width: 468px;
  /*height: 15px;*/
  background: #fff;
  margin: 0 auto;
  clear: both;
}
.Ad336x280 {
  width: 336px;
  background: #fff;
  margin: 0 auto;
  clear: both;
}
.centerdiv {
  width: 822px;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 10px 0;
}


#sidebar {
  background: #b0c0d0;
  float: left;
  width: 138px;
}
#googleLeftAd {
  width: 120px;
  height: 240px;
  background: #fff;
  margin: 15px auto;
}
#bidvertiserLeftAd {
  width: 120px;
  /*height: 60px;*/
  background: #fff;
  margin: 0 auto;
}
#main {
  background: #b0c0d0;
  float: right;
  width: 852px;
  /*padding: 0 10px;*/
}
#mainbody {
  background: #fff;
  width: 822px;
  padding: 0 15px 10px 15px;
  border: 1px;
  clear: both;
}

/* End Overall Layout */

/* Sidebar Menu */
#sidebarMenu {
  width: 138px;
  background: #8d9dad;
}
#sidebarTop {
  width: 138px;
  height: 16px;
  background: #b0c0d0 url(/images/inside.gif) no-repeat;
}
#sidebarMenu ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#sidebarMenu a {
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  display: block;
  padding: 5px 6px;
  width: 126px;
}
#sidebarMenu li.desc {
  font-family: "Verdana", "Arial"; 
  color: #17324e;
  padding: 3px 6px;
  width: 126px;
  font-size: 10px;
  background: #cad5df;
}
#sidebarBottom {
  width: 138px;
  height: 14px;
  background: #8d9dad url(/images/sidebar_bl.gif) bottom left no-repeat;
}
/* End Sidebar Menu */

/* Top Bar */
/*#mainTopBar {
  width: 852px;
  height: 36px;
}*/
#topBarContent {
  float: left;
  background: url(/images/search_tile.gif) 0 0 repeat-x;
  height: 30px;
  width: 834px;
  padding: 6px 0 0px 5px;
}
#topBarContent #path {
  float: left;
  font-weight: bold;
}
#topBarContent .links {
  float: right;
  font-weight: bold;
}
#topBarRightCurve {
  float: right;
  width: 13px;
  height: 36px;
  background: url(/images/search_curv.gif) 100% 0 no-repeat;
}
/* End Top Bar */

/* CSS Top login bar */
#topBar {
	width: 834px;
	height: 25px;
}
#topBar ul.loginStyle {
	float: right;
	display: inline;
	margin: 0;
	padding: 0 15px 0 0;
	list-style: none;
}
#topBar ul.loginStyle li {
	margin: 0;
	padding: 0;
	color: #000000;
	display: inline;
	font-size: 11px;
}

#topBar ul.loginStyle li span {
	margin: 0;
	padding: 0 5px;
	color: #aeb9c6;
	display: inline;
	line-height: 0;
}
#topBar ul.loginStyle li.statusText {
	padding: 0 7px 0 0;
}
/* End CSS Top login bar */


/* Bottom Elements */
#bottomBarContent {
  float: left;
  background: #8d9dad;
  height: 18px;
  width: 830px;
  text-align: right;
  padding: 4px 7px 0 0;
  color: #fff;
  clear: both;
}
#bottomBarContent a {
  color: #fff;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 9pt;
  text-decoration: none; 
}

#bottomBarRightCurve {
  float: right;
  width: 15px;
  height: 14px;
  background: #8d9dad;
  padding: 8px 0 0 0;
}
#footerContent {
  float: left;
  background: #445566 url(/images/footer_btmleft.gif) 0 100% no-repeat;
  height: 32px;
  width: 839px;  
  color: #cccccc;
  text-align: center;
  font-family: Verdana, Arial;
  font-size: 9px;
  padding: 4px 0 0 0;
}
#footerRight {
  float: left;
  background: #445566 url(/images/footer_btmright.gif) 100% 100% no-repeat;
  height: 36px;
  width: 13px;
}
/* End Bottom Elements */



/* CSS Search */
#searchwrapper {
width:316px; /*follow your image's size*/
height:42px;/*follow your image's size*/
background-image: url(/images/fancysearchbox.gif);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color: transparent; /*important*/
position:absolute; /*important*/
top:6px;
left:15px;
width:256px;
height:28px;
font-size: 16pt;
color: white;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:6px;
left:271px;
width:32px;
height:28px;
} 

#searchContent {
	margin:10px auto;
	width: 822px;
	clear: both;
	height: 80px;
}
#searchContent-left {
	float: left;
	width:251px;
	margin-top: 15px;
}
#searchContent-main {
	margin-top:15px;
	width:320px;
	float: left;
}
#searchContent-right {
	float: right;
	width:251px;
}
/* End CSS Search */


/******************************************/

/* CSS for headings */
#headingBox {
  margin: 0 auto 14px auto;
  height: 50px;
  width: 822px;
  text-align: center;
  background: #e8edff;
  clear: both;
}

#headingBox h3 {
	padding: 16px 0 0 0;
	font-size: 26px;
	color: #313131;
}
/* End CSS for headings */


/* CSS General */
h1, h2, h3, h4, h5, h6 {
	color: #333333;
	font-size: 28px;
	/*margin: 5px 0;*/
}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}


ul {list-style: none; margin: 10px 5px 10px 30px;}

.latestTopicLink {
	color: #0022aa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 11pt;
}

/* End CSS General */




/* CSS for vertical rank boxes */
#content {
	margin-top:0px;
	padding-bottom:0px;
	padding: 5px;
}
#content-left {
	float: left;
	width:395px;
}
#content-right {
	float: right;
	margin-left:10px;
	width:395px;
}
		
.rankHeadingBox {
  margin: 0 auto;
  height: 64px;
  width: 365px;
  /*overflow:hidden;*/
  /*background: #e8edff;*/
  background: url(/images/titleback.jpg) no-repeat;
  padding: 0;
}

.rankHeadingBox h3 {
	font-size: 24px;
	line-height: 28px;
	color: #313131;
	padding: 20px 0 0 20px;
	margin: 0;
	float: left;
}

.rankHeadingBox img.enqueue {float: right; display: inline; background: transparent; margin: 4px 8px 0 0; border: 0;}

.rankBox3{
	padding: 4px;
	overflow: hidden;
	width: 357px;
	margin: 0 auto;
	clear: both;
}

.rankBox3 .rankInfoBox {
	float: left;
	display: inline;
	margin-left: 8px;
	width: 230px;
}

.rankBox3 img.thumbnail {float: left; display: inline; background: white; margin-left: 8px; padding: 4px; width: 68px; height: 68px; border: 1px solid #36299c;}

ul.rankInfo { margin:0; padding: 0;}
ul.rankInfo li { margin: 3px 0; text-align: left; }
ul.rankInfo li strong {color: #121212;}


span.rank {
	float: left;
	width: 28px;
	height: 21px;
	background: url(/images/list-icon-blue.jpg) no-repeat left top;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #455862;
	padding-top: 7px;
}
/* End CSS for vertical rank boxes */


/* CSS for movie listing page */
div.img
{
  margin: 2px 15px 40px 15px;
  height: 165px;
  width: 125px;
  padding: 0;
  float: left;
  text-align: center;
  overflow:hidden;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 3px solid #e8edff;
}

div.desc
{
	font-family: "Verdana", "Arial"; 
	color: #17324e;
	margin: 2px;
	width: 120px;
	padding: 0;
	font-size: 10px;
	line-height: 10pt;
	text-align: center;
}

/* End CSS for movie listing page */


/* CSS for rounded table */

#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0 auto;
	clear: both;
	width: 740px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('/images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('/images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #b9c9fe url('/images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #b9c9fe url('/images/botright.png') right bottom no-repeat;
}
/* End of CSS for rounded table */


/* CSS for movie information */
.movieBoxBG {background: url(/images/movieBoxBG.png) 0 0 no-repeat;}

#movieBox {
	width: 741px;
	margin: 0 auto 25px auto;
	clear: both;
}
#movieBox2 {
	width: 741px;
	padding: 11px 0;
}
#botCurve {
	background: url(/images/botCurve.png) 0 0 no-repeat;
	width: 741px;
	height: 6px;
	font-size: 1px;
}
#topCurve {
	background: url(/images/topCurve.png) 0 0 no-repeat;
	height: 6px;
	width: 741px;
	font-size: 1px;
}

#movieBox2 #movieBox3{
	background: #e8edff bottom left no-repeat;
	height: 100%;
	padding: 4px 11px 11px 18px;
	overflow: hidden;
	width: 682px;
	margin: 0 auto;
	text-align: left;
}

#movieBox2 #movieBox3 .movieInfoBox {
	float: right;
	display: inline;
	height: 100%;
	width: 505px;
	position: relative;
	z-index: 15;
}
#movieBox2 #movieBox3 .movieInfoBox h3 {
	font-size: 22px;
	line-height: 26px;
	color: #313131;
	padding: 0;
	margin: 0 0 10px 0;
	height: 100%;
}
#movieBox2 #movieBox3 .movieInfoBox h3 span {float: left; display: inline; }
#movieBox2 #movieBox3 .movieInfoBox h4 {
	font-size: 13px;
	color: #313131;
	padding: 10px 0 0 0;
	margin: 0;
	clear: both;
}
#movieBox2 #movieBox3 .movieInfoBox p.synopsis {overflow:auto; max-height: 250px; margin: 0 0 6px 0; padding: 0; font-size: 11px;  /*line-height: 12pt; text-align: justify; */}
#movieBox2 #movieBox3 img.thumbnail {float: left; display: inline; background: white; padding: 4px; margin-top: 0; border: 1px solid #36299c;}

ul.movieInfo { margin: 0; width: 500px; padding: 0; float: left; display: inline; /* text-align: left; */}
ul.movieInfo li {background: none; padding: 0 0 0 0; margin: 3px 0;}
ul.movieInfo li strong {color: #121212;}

/* End of CSS for movie information */


p.menuDesc {
	font-family: "Verdana", "Arial"; 
	color: #17324e;
	margin: 0 0 0 6px;
	padding: 0;
	font-size: 10px;
	line-height: 10pt;
	text-align: left;
	}

p.menuHeading {
	font-family: "Verdana", "Arial", "Helvetica"; 
	color: #ffffff;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin: 0 0 0 6px;
	padding: 0;
	}



/* CSS 'Login' Button */
label { width: 90px; padding-left: 20px; margin: 5px; float: left; text-align: left; }  
#login input { margin: 5px; padding: 0px; float: left; border: 1px solid #cdcdcd; background-color: white; -moz-border-radius: 2px; }
.textbox { border: 1px solid #999999;  border-top-color: #CCCCCC;  border-left-color: #CCCCCC; color: #333333;  font: 90% Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }
#submit { margin: 5px; padding: 0px; float: left; width: 50px; background-color: white; }
#notification_error { color: red; height: auto; padding: 4px; text-align: center; }
#login_response { overflow: auto; }
#ajax_loading { display: none; font-size: 12px; font-family: Tahoma; }
#logged_in { padding: 5px; margin: 23px 0 100px 43px; padding: 5px; text-align: center; width: 400px; }
h1 { font-size: 17px; }
#login { font-family: Verdana; font-size: 11px; }
#login br { clear: left; }  
/* End CSS 'Login' Button */