@import url("../LibraryDM/LibraryDM.css");
body {font: normal 12px Arial, Helvetica, Sans-serif; margin:0px; background:url('../image/top_bg.gif') top left repeat-x;}
div, td {font: normal 12px Arial, Helvetica, Sans-serif; padding:0px;}



#divTop {width:950px;height:31px;}
#divTopTitle {float:left;line-height:31px; height:31px; color:#fff;font-weight:bold; }
#divTopEmail {float:left; background-color:#a90b0b; height:25px; width:150px; margin-top:3px;}
#divTopCountry {margin-left:4px;float:left; background-color:#a90b0b; height:25px; width:150px; margin-top:3px;}

#email {margin-top:4px; outline:none; background-color:#a90b0b; color:#fff; border:0px; width:145px;}
#country {margin-top:4px; outline:none; background-color:#a90b0b; color:#fff; border:0px; width:145px;}

#divJoin {float:left;margin-top:3px; margin-left:4px;}
#divYTube {float:left; margin-left:80px;}
#divFBook {float:left; margin-left:164px;}
#divTwit {float:left; margin-left:4px;}





#divFooter {margin-top:20px; background:url('../image/bottom_bg.gif') top center repeat-x; height:180px; text-align:center;}

#footer { padding-top:20px; color: #666; font-size: 15px; width:900px; }
#footer .container { padding-top:18px; }
#footer img { float: left; margin:0px 20px 10px 0px; }
#footer ul { padding:0; margin-top:10px; }
#footer li { padding:0; margin:0px; display: inline; color: #666; font-size: 15px; }
#footer a { color: #CCC; }
#footer a:hover { text-decoration: underline; }


/*Episode */
.episodeItemLeft{float:left; width:465px; height:400px; background-color:#000;  margin-top:20px;}
.episodeItemRight{float:right; width:465px; height:400px; background-color:#000;  margin-top:20px;}
.numberBg{text-align:center; background:url('../image/numberbig_bg.png') top center no-repeat; width:46px; height:110px; float:left; padding-right:20px; margin-right:15px; border-right:2px solid #393939;}
.numberBig{font-weight:bold; font-size:23px; color:#fff; width:66px; height:46px; line-height:44px; display:block;}

.info{float:left; width: 425px; margin: 15px 0 0 20px;}
.info h3{font-size: 18px;padding: 0;	margin: 0;}
.info h3 a{color: #FFF;}
.info p{color: #CCC;font: italic 14px Georgia, Tahoma, Serif; line-height: 24px;padding: 0;margin: 7px 0 0 0; text-align:left;}

.episodeTitle{font-size:35px;color:#333333; font-weight:bold;letter-spacing:3px; float:left; }

#divFeatured{height:60px; border-top:3px solid #ccc; border-bottom:3px solid #ccc; line-height:60px; text-align:center;font-size: 16px; font-weight:bold;}
#mapcanvas{width:618px;height:295px; margin-top:20px; margin-bottom:20px;}
#divComment{height:60px; border-top:3px solid #ccc; border-bottom:3px solid #ccc; line-height:60px; text-align:center;font-size: 16px; font-weight:bold;}
#divComments{width:618px;height:295px; margin-top:20px; margin-bottom:20px;}

#divRelated{float:left; width:290px; height:auto; margin-left:20px;}
#pRelated{font-size: 22px; font-weight:regular; border-bottom:3px solid #ccc; padding-bottom:10px;  padding-top:10px;}
#divContent{float:left; width:618px; height:auto; text-align:left; padding-right:20px; border-right:2px solid #ccc;}

#divPaging{float:right;width:310px; margin-top:30px; border-bottom:3px solid #ccc; height:60px;}
#divEpisode{float:left; width:640px; border-bottom:3px solid #ccc; height:60px; margin-top:20px; padding-bottom:10px;}
#divEpisodeNo{background:url('../image/numberbig_bg.png') top center; width:46px; height:46px; line-height:46px; float:left; font-weight:bold; font-size:23px; color:#fff;}


.Menu {cursor:pointer; color:#999999; font-style:tahoma, arial, helvetica; font-weight:bold; font-size:16px;}
.MenuHover {cursor:pointer; color:white; font-style:tahoma, arial, helvetica; font-weight:bold; text-decoration:none;  font-size:16px;}

.SubMenu {cursor:pointer; color:black; font-family:tahoma, arial, helvetica; color:#fff; font-weight:bold; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; background:url('../image/subMenuback.png') top left repeat-x;}
.SubMenuHover {cursor:pointer; color:white; font-family:tahoma, arial, helvetica; color:#000;  font-weight:bold; background-color:#999999; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;}

.MenuBreak {width:4px; height:1px; }

.listItem{float:left; width:218px; height:250px; border:2px solid #ccc; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px; padding-top:20px;}
.listLeft{float:left; width:218px; height:250px; border:2px solid #ccc; margin-right:10px;  margin-top:10px; margin-bottom:10px; padding-top:20px;}
.listRight{float:left; width:218px; height:250px; border:2px solid #ccc; margin-left:10px; margin-top:10px; margin-bottom:10px; padding-top:20px;}



a.share { overflow: hidden; }
a.share span { display: none; }
a.share:hover { }

a.moreinfo { float: left; display: block; width: 88px; height: 20px; overflow: hidden; background: url(../image/more-info.gif) top left no-repeat; }
a.moreinfo:hover { background-position: 0px -20px; }

.btncart { float: right; display: block; width: 150px; height: 26px; overflow: hidden; background: url(../image/addtocart.gif) top left no-repeat; }
.btncart:hover { background-position: 0px -26px; }

.btnbuynow {border:none; float: right; display: block; width: 80px; height: 26px; overflow: hidden; background: url(../image/buynow.gif) top left no-repeat; }
.btnbuynow:hover { background-position: 0px -26px; }

.btnpreorder {border:none; float: right; display: block; width: 135px; height: 26px; overflow: hidden; background: url(../image/preorder.gif) top left no-repeat; }
.btnpreorder:hover { background-position: 0px -26px; }

.btnupdate { float: right; display: block; width: 70px; height: 16px; overflow: hidden; background: url(../image/update.gif) top left no-repeat; border:none; }

.btnreg { float: left; display: block; width: 221px; height: 26px; overflow: hidden; background: url(../image/register.gif) top left no-repeat; }
.btnreg:hover { background-position: 0px -26px; }

.btnregnow { float: left; display: block; width: 177px; height: 26px; overflow: hidden; background: url(../image/regnow.gif) top left no-repeat; }
.btnregnow:hover { background-position: 0px -26px; }

.btnpurnow { float: left; display: block; width: 240px; height: 26px; overflow: hidden; background: url(../image/purchase.gif) top left no-repeat; }
.btnpurnow:hover { background-position: 0px -26px; }

.btnlogin { float: left; display: block; width: 94px; height: 26px; overflow: hidden; background: url(../image/signin.gif) top left no-repeat; }
.btnlogin:hover { background-position: 0px -26px; }

.menuGTitle{font:Arial; font-weight:bold; font-size:20px;  color:#4e9d44; text-decoration:underline;}
.menuRTitle{font:Arial; font-weight:bold; font-size:20px;  color:#e01f26; text-decoration:underline;}



ul#tablist{height:38px; margin:0px; padding:0px;}
ul#tablist li{float:left; margin:0px; padding:0px;	display: inline;	list-style: none;	padding-right:1px;}
ul#tablist li a{font:bold 16px arial;background:url(../image/bg-nav-left.gif) no-repeat left top;	color: #000;	height:38px; text-decoration: none;	display: block;	width:auto;	margin:0;	line-height:24px;	padding:0 0 0 4px;}
ul#tablist li a span {font:bold 16px arial;	color: #A50303;	text-decoration: none; 	background:url(../image/bg-nav-right.gif) no-repeat right top;	height:38px; display: block;	width:auto;	margin:0;	line-height:23px;	padding:8px 13px 7px 9px;	white-space:nowrap;}
ul#tablist li a.current {color: #000000; background:url(../image/bg-nav-hover-left.gif) no-repeat left top; height:38px;}
ul#tablist li a.current span {color: #ffffff;	background:url(../image/bg-nav-hover-right.gif) no-repeat right top; height:38px;}

ul#tablist li a:hover, ul#mainnav a.current {color: #ffffff; background:url(../image/bg-nav-hover-left.gif) no-repeat left top; height:38px;}
ul#tablist li a:hover span, ul#mainnav a.current span {color: #ffffff;	background:url(../image/bg-nav-hover-right.gif) no-repeat right top;height:38px}
#tabcontentcontainer{width: 950px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 0px; border-top:5px solid #d30704;
float:left;}
.tabcontent{display:none;}
.tabcurrent{display:inline;}


.titlePane {font-family:arial, sans-serif; font-weight:bold; text-transform: uppercase; font-size:12.5pt; color:#464646;}

.menuBullet {padding-left:20px; font-size:10pt; font-weight:bold; color:#464646;}
.menuBullet:hover {text-decoration:none;}
.menuBulletHigh {padding-left:20px; font-size:10pt; font-weight:bold; color: #464646; background-color:#ccc; }
.subMenuBullet {padding-left:8px; font-size:9pt; color:#464646; text-decoration:none; }
.subMenuBullet:hover {text-decoration:none;}
.subMenuBulletHigh {padding-left:8px; font-size:9pt; font-weight:bold; color: #464646; }
.bulletHeight {height:24px;}