/* 
  Those are the main and generic styles for this theme
*/
body {
  background:#919191 url(/theme/default/images/frame/bg.jpg) repeat-x scroll center top;
  font: 12px "Lucida Grande", verdana, helvetica, arial, sans-serif;
  margin: 0px;
}

td, p {
  font: 12px "Lucida Grande", verdana, helvetica, arial, sans-serif;
  margin: 0px;
}

a {
  color: #2f63b3;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

input, select, textarea {
  font-size: 100%;
  line-height: 150%;
  font: 11px "Lucida Grande", verdana, helvetica, arial, sans-serif;
}

.submit {
  background: #DCE6FF;
  font: 11px "Lucida Grande", verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  color: #2f63b3;
  margin: 1px;
  padding: 3px 15px 3px 15px;
  border: solid 1px #2f63b3;
}

.submit_disabled {
  background: #CCCCCC;
  font: 11px "Lucida Grande", verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  color: #999999;
  margin: 1px;
  padding: 3px 15px 3px 15px;
  border: solid 1px #999999;
}

/* Text hilight */
.hilight {
  background-color:#FFFF00; /* #DCE6FF; 
  border-top: 1px solid #2f63b3;
  border-bottom: 1px solid #2f63b3; */
}

/*
  Gauges Styles
*/
#gaugewrapper {
  border: solid 1px #000; 
  width: 100%;
}

#gaugelevel {
  position: relative; 
  left: 0; 
  top: 0; 
  background-color: #CCFF00;
}

#gaugelabel {
  width: 100%; 
  position: relative; 
  top: 0; 
  left: 0; 
  text-align: center;
}

/*
  This small hack will force the main table
  to expand vertically and stretch it so it
  fills the browser viewport.
*/
html,body{
  margin: 0;
  padding: 0;
  border: none;
}
/*
  The following "homeColorSet" and "footerColorSet"
  styles are color switches for elements that are outside
  the main white-backgrounded area, the home one is
  located on the homepage (which has a dark blue background)
  and the footer covers the bottom of each page which
  is also using a dark blue background color
*/
.homeColorSet1 {
  color: #FFFFFF;
}

.homeColorSet2 {
  color: #0066CC;
}

.footerColorSet1 {
  color: #FFFFFF;
}

.footerColorSet2 {
  color: #2f63b3;
}

/* Inkspot styles */
#inkspotMainPostBody {
  position: relative;
  background-color: #F2F5FF;
  padding: 20px;
  width: 660px;
  border: 1px solid #BBD4F9;
}

/* Calendars Styles */
#calendar_emptyday {
  border: #FFFFFF solid 1px;
  float: left;
  width: 28px;
  height: 26px;
  margin: 1px;
}

#calendar_day {
  border: #CCCCCC solid 1px;
  text-align: center;
  vertical-align: middle;
  float: left;
  width: 28px;
  height: 26px;
  margin: 1px;
}

#calendar_busyDay {
  border: #CCCCCC solid 1px;
  background-color: #DCE6FF;
  text-align: center;
  vertical-align: middle;
  float: left;
  width: 28px;
  height: 26px;
  margin: 1px;
  color: #2f63b3;
}

#calendar_busyDay a {
  display: block;
  width: 100%;
  height: 100%;
  color: #2f63b3;
  text-decoration: none;
}

#calendar_row {
  clear: both;
}

#calendar {
}

/* Vote styles */
#votewrap {
  height: 10px;
  width: 50px;
  background: url(/theme/default/images/frame/rank_objects/green_layer.gif) repeat-x;
  overflow:visible;
}

#voteInt {
  height: 10px;
  width: 50px;
  text-align: center;
  font: 8px "Lucida Grande", verdana, helvetica, arial, sans-serif;
}

.votehover {
  width: 20%;
  height: 10px;
  float: left;
  background: url(/theme/default/images/frame/rank_objects/blue_layer.gif) repeat-x;
  font-size: 1px;
  margin: 0px;
}

.voteclear {
  width: 20%;
  height: 10px;
  float: left;
  font-size: 1px;
  margin: 0px;
  display: block;
}

/* Quotes styles */
/*
blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #6699FF;
}
*/

/* Headers */
h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}

/* Some special form fields classes */
#formTitle_DISABLED {
  font-family: "Lucida Grande", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #658EFD;
  font-size: 18px;
  font-weight: bold;
  background-color: #DCE6FF;
  width: 100%;
  border: solid 1px #DCE6FF;
}

.fullwidth {
  width: 100%;
}

/* Navigation menu */
#navigation {
  padding-left: 30px;
}

#navigation a {
  font: 13px bold "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  color: #515151;
  padding-left: 8px;
  text-decoration: none;
  font-weight: bold;
}

#usercontrol {
  padding-right: 30px;
}

#usercontrol a {
  font: 13px bold "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  color: #515151;
  padding-right: 8px;
  text-decoration: none;
  font-weight: bold;
}

/* Copyright */
#copyright {
  font: 10px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}

/* Users pictures */
#picture {
  padding: 2px;
  border: 1px solid #CECECE;
  background-color: #FFFFFF;
}

/* BodyCodePicture */
#bodyCodeImage {
  padding: 2px;
  border: 1px solid #CECECE;
  background-color: #FFFFFF;
}

/* CHAT StyleSheet */
.chatNickEntity {
  clear: both; 
  border-bottom: solid 1px #BBD4F9; 
  padding: 2px; 
  background-color: #DCE6FF;
}

.chatNickEntity:hover {
  clear: both; 
  border-bottom: solid 1px #BBD4F9; 
  padding: 2px; 
  background-color: #BBD4F9;
}

.selectedChatNickEntity {
  clear: both; 
  border-bottom: solid 1px #BBD4F9; 
  padding: 2px; 
  background-color:#FFCC66;
}

#chatContent {
	width: 100%;
	height: 400px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 5px;
}

#nickList {
  width: 100%;
  height: 400px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5px;
}

#shadeWrapper {
  background-color: #000;
  filter: alpha(opacity=40);
  -moz-opacity: .40;
  opacity: .40;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 10;
  visibility: hidden;
}

#noShadeContent {
  top: 30%;
  left: 30%;
  filter: alpha(opacity=99);
  -moz-opacity: .99;
  opacity: .99;
  position: absolute;
  z-index: 11;
  visibility: hidden;
  padding: 2px;
  border: 1px solid #CECECE;
  background-color: #fff; 
}

/* TABS STYLESHEET */
.tabberlive .tabbertabhide {
	display:none;
}

.tabber {}

.tabberlive {
	margin-top:1em;
}

ul.tabbernav {
	margin:0;
	padding: 3px 0;
	border-bottom: 1px solid #2f63b3;
	font: bold 11px Verdana, sans-serif;
}

ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #2f63b3;
	border-bottom: none;
	background: #AEC9F4;
	text-decoration: none;
}

ul.tabbernav li a:link { 
	color: #2f63b3; 
}
ul.tabbernav li a:visited {
	color: #2f63b3;
}

ul.tabbernav li a:hover
{
	color: #FFFFFF;
	background: #2f63b3;
	border-color: #2f63b3;
}

ul.tabbernav li.tabberactive a {
	background-color: #DCE6FF;
	border-bottom: 1px solid #DCE6FF;
}

ul.tabbernav li.tabberactive a:hover {
	color: #0D5D9C;
	background: #DCE6FF;
	border-bottom: 1px solid #DCE6FF;
}

.tabberlive .tabbertab {
	padding:5px;
	border-top:0;
}

.tabberlive .tabbertab h2 {
	display:none;
}

.tabberlive .tabbertab h3 {
	display:none;
}
/* Star Rating System  */

/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url(/theme/default/images/frame/rank_objects/star_rating.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:30px;
		height: 30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(/theme/default/images/frame/rank_objects/star_rating.gif) left center;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:30px;
	}
	.star-rating a.two-stars{
		left:30px;
	}
	.star-rating a.two-stars:hover{
		width: 60px;
	}
	.star-rating a.three-stars{
		left: 60px;
	}
	.star-rating a.three-stars:hover{
		width: 90px;
	}
	.star-rating a.four-stars{
		left: 90px;
	}	
	.star-rating a.four-stars:hover{
		width: 120px;
	}
	.star-rating a.five-stars{
		left: 120px;
	}
	.star-rating a.five-stars:hover{
		width: 150px;
	}
	.star-rating li.current-rating{
		background: url(/theme/default/images/frame/rank_objects/star_rating.gif) left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}		
		
/* ----- END ---- Star Rating System  */
/* -- Start ConanTantei.com  */

.homeIcon {
	background: url(/theme/default/images/frame/hflag.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;  
	height: 250px;

}
#hflag {
  color: #FFFFFF;
  height: 250px;
}

div#am_page {
	background: #FFF;
	margin:auto;
	text-align:center;
	width:1010px;
	margin-top: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
}
div#am_body_top {
	margin:0pt;
	padding:0pt;
}
div#am_body {
	margin:0pt;
	min-height:500px;
	height:auto !important;
 	height:500px;
	padding:10px;
	text-align:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#am_body_bottom {
	height:20px;
	margin:0pt;
	padding:0pt 20px 30px;
	width:840px;
}

div#am_wrapper{
		padding: 10px 10px 10px 10px;
}

div#hrpanel{
	float: right; padding:5px; background-color:#031545;
	height:245px;
	}
div#am_header{
		padding: 10px 0px 0px 10px;
}

div#am_container{
		background-color:#031545;
		background: url(/theme/default/images/frame/hbg.jpg) repeat-x;
		padding: 10px 0px 0px 10px;
		margin-bottom: 5px;
}

div#am_login{
		width:250px;
		padding: 0px 0px 0px 15px;
		background: url(/theme/default/images/frame/h_bg.gif) repeat-x;
}

p#am_mhead{
		font-size:14px;
		}
		
.amsize{
		font-size:14px;
		padding:5px;
		}

div#am_stats{
		width:250px;
		height:105px;
		padding: 0px 0px 0px 15px;
		margin-top: 20px;
		background: url(/theme/default/images/frame/h_bg.gif) repeat-x;
}

div#am_footer{
		background: url(/theme/default/images/frame/footer.png) repeat-x;
		padding: 10px 0px 20px 10px;
}

.am_clue
	{
		width:325px;
		padding: 10px;
		margin: 10px;
		background: url(/theme/default/images/frame/h_bg.gif) repeat-x;
		background-color:#FFFFFF;
		color:#000;
		border: 1px solid #031545;
		float:left;
	}

.highlight { border:1px solid #0066CC; padding:2px;}
.hidden { display:none;}
.ws { }

#registerForm label.error {
	margin-left: 10px;
	width: auto;
	font-style:italic;
	color:#FF0000;
}
#inviteSend label.error {
	margin-left: 10px;
	width: auto;
	font-style:italic;
	color:#FF0000;
}

.mainpic {
	max-height: 68px; 
	height:expression(this.height > 68 ? "68px" : "auto");
}

.smallpic {
	max-height: 35px; 
	height:expression(this.height > 35 ? "35px" : "auto");
}

.quotetop {
	background:#E4EAF2 url(/theme/default/images/frame/css_img_quote.gif) no-repeat scroll right center;
	border-color:#000000 rgb(0, 0, 0) -moz-use-text-color rgb(131, 148, 178);
	border-style:dotted dotted none solid;
	border-width:1px 1px 0pt 4px;
	color:#000000;
	font-size:10px;
	font-weight:bold;
	margin:2px auto 0pt;
	padding:3px;
	line-height:225%;
}
.quotemain {
	background:#FAFCFE none repeat scroll 0%;
	border-color:-moz-use-text-color #000000 rgb(0, 0, 0) rgb(131, 148, 178);
	border-style:none dotted dotted solid;
	border-width:0pt 1px 1px 4px;
	color:#465584;
	margin:0pt auto;
	padding:4px;
}

#TopBlackBar {
	background: none;
	font-family:Helvetica,Arial,sans-serif;
	height: 41px;
}

#TopbarContent {
	width:1010px;
	margin:0 auto 0 auto;
}

#TopNavigationTab {
	padding: 0px 6px;
}

#TopNavigationTab a {
	font-size:15px;
	color:white;
	text-decoration:none;
}

#TopNavigationTab a:hover {
	text-decoration:underline;
}

#TopNavRightLinks {
	color:White;
	width: 415px;
}

#TopNavRightLinks a {
	margin-left:5px;
	color:White;
	text-decoration:none;
}

#TopNavRightLinks a:hover {
	color: White;
	text-decoration:underline;
}

#TopRightLinks {
	float:right;
	padding-top:10px;
	text-align:right;
	color:White;
}

#TopRightLinks a {
	margin-left:10px;
	color:White;
}

#TopRightLinks a#ProfileLink {
	margin-left:0;
	color:#4aabf0;
}

#credit_icon {
	position: relative;
	top: 6px;
}

form#login {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin:0pt;
	position: relative;
	top: 2px;
}

#login .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
	margin-right: 6px;
}

#login .buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #333333;
	color: #FFFFFF;
}


#rightFooter {
	float: right; 
	margin-right: 10px;
}

#rightFooter a {
	font-size: 12px;
	color: White;
	text-decoration: none;
}

#rightFooter a:hover {
	text-decoration: underline;
}

#inner_table_header {
	background: none;
	border: 0;
	opacity: 1;
}

#am_body_bottom p {
		float:right;
		margin:0pt;
		padding:0pt;
		width:auto;
}

.clear {
	clear:both;
}

/* Buttons */

a.buttonD_53 {
	background:transparent url(/theme/default/images/buttons/18x53.jpg) no-repeat scroll 0px 0px;
	width:53px;
}

a.buttonD_53:hover {
	background:transparent url(/theme/default/images/buttons/18x53.jpg) no-repeat scroll 0px -18px;
	width:53px;
	text-decoration: none;
}

a.buttonD_76 {
	background:transparent url(/theme/default/images/buttons/18x76.jpg) no-repeat scroll 0px 0px;
	width:76px;
}

a.buttonD_76:hover {
	background:transparent url(/theme/default/images/buttons/18x76.jpg) no-repeat scroll 0px -18px;
	width:76px;
	text-decoration: none;
}

a.buttonD_130 {
	background:transparent url(/theme/default/images/buttons/18x130.jpg) no-repeat scroll 0px 0px;
	width:130px;
}

a.buttonD_130:hover {
	background:transparent url(/theme/default/images/buttons/18x130.jpg) no-repeat scroll 0px -18px;
	width:130px;
	text-decoration: none;
}

a.buttonG_130 {
	background:transparent url(/theme/default/images/buttons/18x130.jpg) no-repeat scroll 0px -36px;
	width:130px;
}

a.buttonG_130:hover {
	background:transparent url(/theme/default/images/buttons/18x130.jpg) no-repeat scroll 0px -36px;
	width:130px;
	text-decoration: none;
}

a.buttonG_53 {
	background:transparent url(/theme/default/images/buttons/18x53.jpg) no-repeat scroll 0px -36px;
	width:53px;
}

a.buttonG_53:hover {
	background:transparent url(/theme/default/images/buttons/18x53.jpg) no-repeat scroll 0px -36px;
	width:53px;
	text-decoration: none;
}


a.buttonD_53, a.buttonD_53G, a.buttonD_76, a.buttonG_53,
a.buttonD_76G, a.buttonD_92, a.buttonD_92G, 
a.buttonD_130, a.buttonD_130G, a.buttonD_200, 
a.buttonD_200G, a.buttonRSS, a.buttonR_130, a.buttonCal {
	border:1px solid #E6E4E5;
	color:#FFFFFF;
	display:block;
	height:18px;
	line-height:18px;
	margin:0pt;
	padding:0pt;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
}

#formInput {
	float:left;
	margin:0pt;
	padding:0pt;
	width:auto;
}

#formInput span, #formInput input, #formInput select, #formInput a {
	display:block;
	float:left;
}

#formInput input {
	border-right:0pt none;
	height:12px;
	margin:0pt;
	padding:3px;
}

#formInput input[type=text], #formInput a {
	border:1px solid #DADADA;
}

a#search_btn {
	background:transparent url(/theme/default/images/buttons/search.jpg) no-repeat scroll 0px 0px;
	border: none;
	display:block;
	float:left;
	height:20px;
	margin:0pt;
	padding:0pt;
	width:21px;

}

a#search_btn:hover {
	background:transparent url(/theme/default/images/buttons/search.jpg) no-repeat scroll 0px -21px;
}

a#play_btn {
	background:transparent url(/theme/default/images/buttons/play.jpg) no-repeat scroll 0px 0px;
	border: none;
	display:block;
	float:left;
	height:20px;
	margin:0pt;
	padding:0pt;
	width:20px;

}

a#play_btn:hover {
	background:transparent url(/theme/default/images/buttons/play.jpg) no-repeat scroll 0px -20px;
}

a.smallpiclink:hover {
	text-decoration: none;
}

/* Images */
.PhotoIcon img {
	border: 1px solid #cccccc;
	padding: 4px;
}

.PhotoIcon:hover img {
	border-color: #646464;
}

.PhotoIcon_small img {
	border: 1px solid #cccccc;
	padding: 2px;
}

.PhotoIcon_small:hover img {
	border-color: #646464;
}

.LayoutIcon img {
	border: 1px solid #004083;
	padding: 2px 4px;
}

.LayoutIcon:hover img {
	border-color: #990000;
}

#LayoutIcon img {
	border: 1px solid #AEC0FF;
	padding: 1px;
}

#LayoutIcon:hover img {
	border-color: #004083;
}

.VideoThumb img {
	padding: 1px;
	border: solid #b9d3fe;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 3px;
	border-left-width: 2px;
}

.VideoThumb:hover img {
	border-color: #e36203;
}

/*CSS Style Pagination (SMALL)*/
.pagination_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
	padding:4px 6px 4px 0;
	color:#313031;
}

.pagination_small a {
	font-weight:bold;
	color:#0030ce;
	text-decoration:none;
	padding:1px 3px 1px 3px;
	margin:0 1px 0 1px;
}

.pagination_small a:hover, div.pagination a:active {

}
.pagination_small span.current {
	padding:1px 2px 1px 2px;
	border: 1px solid #2f63b3;
	color:#000;
	background-color:#fff;
}
.pagination_small span.disabled {
	display:none;
}

/*CSS Pagination Style (Large)*/
.pagination_large {
	padding: 3px;
	margin: 3px;
	text-align:right;
}

.pagination_large a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none; /* no underline */
	color: #036CB4;
}

.pagination_large a:hover,
.pagination_large a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination_large .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF;
}
.pagination_large .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

/* Bodies Contraints */
#body-full img {
    max-width: 822px;
	width: expression(this.width > 822 ? '822px' : this.width); 
}

#body-half img {
    max-width: 394px;
	width: expression(this.width > 394 ? '394px' : this.width); 
}

#body-third img {
    max-width: 260px;
	width: expression(this.width > 260 ? '260px' : this.width); 
}
/*---------- bubble tooltip -----------*/

/* Will hold bubble contents  */
.bt_container { display: none; positon: absolute; }

/* main class */
.bt{
    position:absolute;
    z-index:24;
}
.bt span{ display: none; }
.bt_hover span{ display: block; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
.bt_hover{ z-index:25; background:;}
.bt_hover span.bt_tooltip{
    position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 100px;
	padding-top: 22px; /* ie fix for pointer */
	text-align:left;
}
/* Pointer Blocks -------------------------------
   These stay in the backgrounds to ensure hover is 
   intact when moving frm pointer to baloon box */
.bt_hover span.pt_top_block{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px; 
	height: 23px;
	background:url(/theme/default/jquery/bubbletips/img/pt_block.gif) repeat-x top left; /* ie fix */
}
.bt_hover span.pt_bottom_block{
	position: absolute;
	bottom: -22px;
	left: 0px;
	width: 200px; 
	height: 23px;
	background:url(/theme/default/jquery/bubbletips/img/pt_block.gif) repeat-x top left; /* ie fix */
}
.bt_hover span.pt_left_block{
	position: absolute;
	left: -22px;
	width: 23px; 
	height: 200px;
	background:url(/theme/default/jquery/bubbletips/img/pt_block.gif) repeat-y top left; /* ie fix */
}
.bt_hover span.pt_right_block{
	position: absolute;
	right: -22px;
	width: 23px; 
	height: 200px;
	background:url(/theme/default/jquery/bubbletips/img/pt_block.gif) repeat-y top left; /* ie fix */
}


/* pointers */
.bt_hover span.pt_top_left{
	position: absolute;
	top: 2px;
	left: 56px;
	width: 44px; 
	height: 23px;
    background: url(/theme/default/jquery/bubbletips/img/pt_tl.gif) no-repeat top left;
}
.bt_hover span.pt_top_right{
	position: absolute;
	top: 2px;
	left: 35px;
	width: 44px; 
	height: 23px;
    background: url(/theme/default/jquery/bubbletips/img/pt_tr.gif) no-repeat top right;
}
.bt_hover span.pt_bottom_left{
	position: absolute;
	bottom: -20px;
	left: 35px;
	width: 44px; 
	height: 23px;
    background: url(/theme/default/jquery/bubbletips/img/pt_bl.gif) no-repeat bottom left;
}
.bt_hover span.pt_bottom_right{
	position: absolute;
	bottom: -20px;
	left: 35px;
	width: 44px; 
	height: 23px;
    background: url(/theme/default/jquery/bubbletips/img/pt_br.gif) no-repeat bottom right;
}
.bt_hover span.pt_left_top{
	position: absolute;
	left: -20px;
	width: 23px; 
	height: 44px;
    background: url(/theme/default/jquery/bubbletips/img/pt_lt.gif) no-repeat top left;
}
.bt_hover span.pt_left_bottom{
	position: absolute;
	left: -20px;
	width: 23px; 
	height: 44px;
    background: url(/theme/default/jquery/bubbletips/img/pt_lb.gif) no-repeat bottom left;
}
.bt_hover span.pt_right_top{
	position: absolute;
	right: -20px;
	width: 23px; 
	height: 44px;
    background: url(/theme/default/jquery/bubbletips/img/pt_rt.gif) no-repeat top right;
}
.bt_hover span.pt_right_bottom{
	position: absolute;
	right: -20px;
	width: 23px; 
	height: 44px;
    background: url(/theme/default/jquery/bubbletips/img/pt_rb.gif) no-repeat bottom right;
}

/* balloon box */
.bt_hover span.bt_top{
	position:absolute;
	left: 12px;
	width: 176px; 
	height: 12px;
    background: url(/theme/default/jquery/bubbletips/img/bt_t.gif) repeat-x top;
}
.bt_hover span.bt_top_left{
	position:absolute;
	left: 0px;
	width: 12px; 
	height: 12px;
    background: url(/theme/default/jquery/bubbletips/img/bt_tl.gif) no-repeat top left;
}
.bt_hover span.bt_top_right{
	position:absolute;
	right: 0px;
	width: 12px; 
	height: 12px;
	background: url(/theme/default/jquery/bubbletips/img/bt_tr.gif) no-repeat top right;
}
.bt_hover span.bt_left{
	position:absolute;
	top: 34px;
	left: 0px;
	width: 12px; 
	height: 76px;
    background: url(/theme/default/jquery/bubbletips/img/bt_l.gif) repeat-y left;
}
.bt_hover span.bt_middle{ /* different middle bg for stretch */
	position:absolute;
	top: 34px;
	left: 12px;
	width: 176px; 
	height: 76px;
	background-color: #d8e0f0;
}
.bt_hover span.bt_right{
	position:absolute;
	top: 34px;
	right: 0px;
	width: 12px; 
	height: 76px;
    background: url(/theme/default/jquery/bubbletips/img/bt_r.gif) repeat-y right;
}
.bt_hover span.bt_bottom{
	position: absolute;
	bottom: 0px;
	left: 12px;
	width: 176px; 
	height: 12px;
	background: url(/theme/default/jquery/bubbletips/img/bt_b.gif) repeat-x bottom;
}
.bt_hover span.bt_bottom_left{
	position:absolute;
	bottom: 0px;
	left: 0px;
	width: 12px; 
	height: 12px;
	background: url(/theme/default/jquery/bubbletips/img/bt_bl.gif) no-repeat bottom left;
}
.bt_hover span.bt_bottom_right{
	position:absolute;
	bottom: 0px;
	right: 0px;
	width: 12px; 
	height: 12px;
	background: url(/theme/default/jquery/bubbletips/img/bt_br.gif) no-repeat bottom right;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
	background-color: #FFFFFF;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/images/loading.gif) no-repeat 0 50%;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 40%;
    left: 50%;
    
    margin-left: -300px;
    width: 550px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { height: 24px; }
#nav *:hover { background-color: none; }
#nav a { color: white; font-size: 14px; padding: 6px; line-height: 1; }
  #nav li.hover a { background-color: none; text-decoration:none;}
  #nav ul { top: 30px; font-size: 12px;}
    #nav ul li a { background-color: #000; font-size: 12px;}
      #nav ul a.hover { background-color: #333; font-size: 12px; text-decoration:none;}
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


#small_text {
	font-size: 10px;
	color: #575D5D;
}
#small_picture {
	width:97px;
	height:65px;
	overflow: hidden;
}

#BlockTable {
	width: 100%;
	table-layout: fixed;
	margin-bottom: 40px;
}

#BlockTable tr.TableRow td {
	border-top-width: 0pt;
	border-right-width: 0pt;
	border-bottom-width: 1px;
	border-left-width: 0pt;
	border-top-color: #d4d4d4;
	border-right-color: #d4d4d4;
	border-bottom-color: #d4d4d4;
	border-left-color: #d4d4d4;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#counters {
	height: 12px;
	font-size: 9px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	color: #808080;
}

#hits {
	float: left;
	font-size: 9px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	margin-top: 2px;
	margin-left: 6px;
	color: #808080;
}

#duration {
	background-color: #808080;
	color: white;
	position: absolute;
	text-align: center;
	filter:alpha(opacity=65);
	opacity: 0.65;
	-moz-opacity:0.65;
	font-size: 10px;
	height: 13px;
	line-height: 13px;
	right: 13px;
	top: 2px;
}

-->

/*
** TAG CLOUD
*/
a.t10 { color: #FF3300; }
a.t10:hover {
	background-color: #FF3300;
	color: #FFFFFF;
	text-decoration: none;
}

a.t9 { color: #FF3300; }
a.t9:hover {
	background-color: #FF3300;
	color: #FFFFFF;
	text-decoration: none;
}

a.t8 { color: #FF9933; }
a.t8:hover {
	background-color: #FF9933;
	color: #FFFFFF;
	text-decoration: none;
}

a.t7 { color: #FF9933; }
a.t7:hover {
	background-color: #FF9933;
	color: #FFFFFF;
	text-decoration: none;
}

a.t6 { color: #99CC33; }
a.t6:hover {
	background-color: #99CC33;
	color: #FFFFFF;
	text-decoration: none;
}

a.t5 { color: #339933; }
a.t5:hover {
	background-color: #339933;
	color: #FFFFFF;
	text-decoration: none;
}

a.t4 { color: #339933; }
a.t4:hover {
	background-color: #339933;
	color: #FFFFFF;
	text-decoration: none;
}

a.t3 { color: #339999; }
a.t3:hover {
	background-color: #339999;
	color: #FFFFFF;
	text-decoration: none;
}

a.t2 { color: #3399FF; }
a.t2:hover {
	background-color: #3399FF;
	color: #FFFFFF;
	text-decoration: none;
}

a.t1 { color: #888888; }
a.t1:hover {
	background-color: #888888;
	color: #FFFFFF;
	text-decoration: none;
}

a.t1 { font-size: 75%; }

a.t2 {
    font-size: 65%;
    font-weight: bold;
}

a.t3 { font-size: 75%; }

a.t4 {    
    font-size: 80%;
    font-weight: bold;
}

a.t5 { font-size: 90%; }

a.t6 {
    font-size: 95%;
    font-weight: bold;
}

a.t7 { font-size: 100%; }

a.t8
{
    font-size: 105%;
    font-weight: bold;
}

a.t9 { font-size: 110%; }

a.t10 {
    font-size: 115%;
    font-weight: bold;
}

li.activefilter {
	border-top-color: #b4b4b4;
	border-right-color: #b4b4b4;
	border-bottom-color: #b4b4b4;
	border-left-color: #b4b4b4;
	background-color: white;
	font-weight: bold;
}

ul.navigation {
	list-style-type: none; 
   list-style-image: none; 
   list-style-position: outside;
   margin:0;
   padding:0;
}

ul.navigation li {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	padding-left: 3px;
	font-size: 11px;
}

img.sep {
	margin-top: 0pt;
	margin-right: 5px;
	margin-bottom: 0pt;
	margin-left: 5px;
	vertical-align: middle;
}

/*
** Small Average Rating
*/
div.small_avg_rating
{
    float: left;
    height: 12px;
    width: 60px;
    overflow: hidden;
    margin-top: 2px;
    display: inline;
    background: url(/theme/default/images/media/stars_small.png) no-repeat left top;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/theme/default/images/media/stars_small.png');
}
div.small_stars
{
    float: left;
    height: 12px;
	background-color: transparent;
	background-image: url(/theme/default/images/media/stars_small_avg.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
}
div.votes {
	float: left;
	font-size: 9px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	margin-top: 2px;
	margin-left: 4px;
	color: #808080;
}

/*CSS Pagination Style*/
.pagination_large {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination_large a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none; /* no underline */
	color: #036CB4;
}

.pagination_large a:hover,
.pagination_large a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination_large .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF;
}
.pagination_large .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

input.submitbtn {
	cursor: pointer;
	color: #2F63B3;
	text-decoration: none;
	font-weight: bold;
	background-color: #DCE6FF;
	border: 1px solid #2F63B3;
}

input.submitbtn_hover {
	cursor: pointer;
	color: #888888;
	border-top-color: #cc6633;
	border-left-color: #cc6633;
	border-right-color: #993300;
	border-bottom-color: #993300;
}
#rate_btn {
  width: 21px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border: 1px solid #C3C8C8;
  background-color: #F8F8F8;
  color: #6E7676;
  text-decoration: none;
  display: block;
  clear: none;
  float: left;
  margin: 1px;
}
#rate_btn:hover {
  width: 21px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  border: 1px solid #AFBDC7;
  background-color: #DEE8F2;
  color: #6E7676;
  text-decoraton: none;
  display: block;
  margin: 1px;
}
#small_text {
  font-size: 9px;
  color: #808080;
}
#picture {
  overflow: hidden;
}

.Widget {
	border: 1px solid #cccccc;
	margin-bottom: 15px;
}

.widgetBorderColor {
	border-color: #cccccc;
}

.noteIconLabel {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-x-position: 0px;
	background-y-position: -2px;
}

#counters {
	height: 12px;
	font-size: 9px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	color: #808080;
}

#hits {
	float: left;
	font-size: 9px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	margin-top: 2px;
	margin-left: 6px;
	color: #808080;
}

#duration {
	background-color: #808080;
	color: white;
	position: absolute;
	text-align: center;
	filter:alpha(opacity=65);
	opacity: 0.65;
	-moz-opacity:0.65;
	font-size: 10px;
	height: 13px;
	line-height: 13px;
	right: 3px;
	top: 2px;
}

.VideoStatsTable {
	border-width: 1px;
	border-style: solid;
	margin-bottom: 1px;
}

.secondaryBorderColor { border-color: #d4d4d4; }

.VideoStatsTable .StatsLabel {
	float: left;
	text-align: right;
	width: 90px;
	margin-right: 6px;
	font-size:11px;
	color:#808080;
}

.VideoStatsTable .StatsValue {
	font-size:11px;
}

.description {
	margin-right:10px;
    border: 1px solid #d4d4d4;; 
    padding:10px;
	color:#333333; 
	font-size:11px;
}

#cm_picture {
	padding: 2px;
	border: 1px solid #cecece;
	background-color: #ffffff;
	width: 35px;
	height: 26px;
	margin-top:0px;
}

input.submitbtn {
	cursor: pointer;
	color: #2F63B3;
	text-decoration: none;
	font-weight: bold;
	background-color: #DCE6FF;
	border: 1px solid #2F63B3;
}

input.submitbtn_hover {
	cursor: pointer;
	color: #888888;
	border-top-color: #cc6633;
	border-left-color: #cc6633;
	border-right-color: #993300;
	border-bottom-color: #993300;
}

/*
** Stars Rating
*/


.star_rating
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100px;
    height: 20px;
    position: relative;	
}

.star_rating .rating_bg {
    z-index: 1;
    width: 100px;
    height: 20px;
    position: absolute;
    top: 0px;
	background: url(/theme/default/images/media/stars_big.png) repeat-x top left;		
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/theme/default/images/media/stars_big.png');
}

.star_rating .current_rating {
    z-index: 2;
    height: 19px;
    position: absolute;
	background: url(/theme/default/images/media/stars_filled_big.gif);
}

.star_rating a:hover {
	background: url(/theme/default/images/media/stars_avg_big.gif) left top;
}

.star_rating .rate {
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	position: absolute;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	top: 0px;
	left: 0px;
}

.star_rating .rating_1 {
	z-index: 8;
	width: 20px;
}

.star_rating .rating_2 {
	z-index: 7;
	width: 40px;
}

.star_rating .rating_3 {
	z-index: 6;
	width: 60px;
}

.star_rating .rating_4 {
	z-index: 5;
	width: 80px;
}

.star_rating .rating_5 {
	z-index: 4;
	width: 100px;
}

/*CSS Style Pagination*/
div.pagination {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
	padding:4px 6px 4px 0;
	color:#313031;
}

div.pagination a {
	font-weight:bold;
	color:#0030ce;
	text-decoration:none;
	padding:1px 3px 1px 3px;
	margin:0 1px 0 1px;
}

div.pagination a:hover, div.pagination a:active {

}
div.pagination span.current {
	padding:1px 2px 1px 2px;
	border: 1px solid #2f63b3;
	color:#000;
	background-color:#fff;
}
div.pagination span.disabled {
	display:none;
}

/* Tabs */

div.tabs a.context_tab
{
    float: left;
    display: block;
    height: 21px;
    line-height: 21px;
    margin-right: 2px;
    padding: 0px 3px 0px 3px;
    font-weight: bold;
    width: 70px;
    text-align: center;
}

a.context_tab
{
    background-color: #f7f7f7;
    color: #7f7f7f;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
a.context_tab_selected
{
    background-color: #BDD4FC;
    color: #1F4788;
    border: 1px solid #1F4788;
}

/*
** Small Average Rating
*/
div.small_avg_rating
{
    float: left;
    height: 12px;
    width: 60px;
    overflow: hidden;
    margin-top: 2px;
    display: inline;
    background: url(/theme/default/images/media/stars_small.png) no-repeat left top;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/theme/default/images/media/stars_small.png');
}
div.small_stars
{
    float: left;
    height: 12px;
	background-color: transparent;
	background-image: url(/theme/default/images/media/stars_small_avg.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: top;
}

/** BT Stats ***/
.VideoStatsTable_bt {
	border: 1px solid;
	margin-bottom: 1px;
}

.secondaryBorderColor_bt {
	border-color: #d8e0f0;
}

.VideoStatsTable_bt .StatsLabel_bt {
	float: left;
	text-align: right;
	width: 75px;
	margin-right: 6px;
	font-size:9px;
	color:#808080;
}

.VideoStatsTable_bt .StatsValue_bt {
	font-size:9px;
}

div.duration {
	background-color: #808080;
	color:#FFFFFF;
	position: absolute;
	text-align:center;
	filter:alpha(opacity=85);
	opacity: .85;
	-moz-opacity:.85;
	font-size: 8px;
	height: 8px;
	line-height: 8px;
	left: 0px;
	top: 33px;
}

div.form_errors_container {
	background-color: #FFFFFF;
	border: 1px solid red;
	margin: 10px;
	padding: 10px;
}
div.form_errors_container ol li {
	list-style-type: disc;
	margin-left: 20px;
}
div.form_errors_container { display: none }
.form_errors_container label.error {
	display: inline;
	color: red;
	font-style: italic
}