/*****************************************
Site: DigitalFunTown.com
Design by: Aelx Kosakowski
CSS: Stephen McKinney, Al Sievert
Last Updated: 5/21/2008
******************************************/

/*****************************************
RESETS
*****************************************/
#loading {
width: 250px;
height: 100px;
background-color: #c0c0c0;
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -100px;
text-align: center;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	padding-top: 0;
	padding-right: 0;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

/ remember to define focus styles! /
:focus { outline: 0;
}

/ remember to highlight inserts somehow! /
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/ tables still need cellspacing="0" in the markup /
table { border-collapse: collapse; border-spacing: 0;
}
/*****************************************
GLOBAL CLASSES
*****************************************/
h1{
	color:#999;
	font-size:16px;
	display:inline;
}
h2{
	color:#999;
	font-size:16px;
	font-weight:normal;
	display:inline;
}
a:link,
a:visited{
	color:#0ff;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


.item a:link,
.item a:visited{
	color:#fff;
	text-decoration:none;
}
.item a:hover{
	text-decoration:underline;
}


.goSeries a:link,
.goSeries a:visited{
	color:#fff;
	text-decoration:none;
}
.goSeries a:hover{
	text-decoration:underline;
}
strong{
	font:bold 12px Arial, sans-serif;
	color:#999;
}
.noDisp{
	display:none;
}
.left{
	float:left;
}
.right{
	float:right;
}
/*****************************************
GLOBAL LAYOUT
*****************************************/
body{
	background:url(../images/body_bg.gif) top left;
	font-family: Helvetica, Arial, sans-serif;
}
#loginInfo{
	width:1000px;
	margin:10px auto;
	font-size:11px;
	color:#fff;
	height:12px;
}
#logonInfoBox {
margin-left: 800px;
text-align:right;
float: right;
position:relative;
bottom:4px;
margin-bottom:0;
cursor:link;
}
#logonName {
float: left;
text-align:left;

}

#loginInfo a:link{
	color:#fff;
}
#container{
	background:#223d48;
	border:3px solid #000;
	width:1000px;
	margin:0 auto;
}
#contentHeader{
	width:968px;
	height:40px;
	padding:3px 10px 0px 10px;
	margin:3px 6px 0 6px;
	background:#000;
}
#contentHeader div.sectiontitle {
	padding-top:13px;
}
#contentMain{
	background:#000;
	color:#fff;
	width:600px;
	margin:10px 0 0 6px;
	padding:5px;
	float:left;
	min-height:770px;
	font-size:12px;
}
#contentLoginPopup{
	background:#000;
	color:#fff;
	width:100%;
	padding:0px;
	float:none;
	min-height:140px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	height: 160px;
	}
.LoginPopup{
	background:#000;
	color:#fff;
	width:390px;
	margin:10px 0 0 6px;
	padding:5px;
	float:left;
	min-height:140px;
	}
#footer{
	color:#fff;
	clear:both;
	width:1000px;
	height:40px;
	text-align:center;
	font-size:11px;
	line-height:150%;
}
#footer a{
	color:#0ff;
	text-decoration:underline;
}

.sectiontitle {
color:#213d48;
overflow:hidden;
font-family:arial,sans-serif;
font-size:34px;
font-weight:bold;
letter-spacing:-2px;
line-height:80%;
text-align:right;

}


/*****************************************
HEADER
*****************************************/
#header{
	background:#000;
	width:988px;
	height:133px;
	margin:0 auto;
}
#header span#logo{
	margin:10px;
	display:block;
	width:230px;
	height:20px;
	background:url(../images/logo.png) top left no-repeat;
	float:left;
	font-size:11px;
	color:#fff;
	padding:70px 0 0 0;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
}

/* NAVIGATION */
#nav{
	clear:both;
	height:18px;
	width:100%;
	margin:0 0 0 5px;
	font-family:arial,sans-serif;
	color:white;
	font-size:14px;
	font-weight:bold;
	
}
#nav ul li{
	float:left;
	
}
#nav ul li.pipe {
	font-weight:bold;
	text-align:center;
	color:white;
	
}
#nav ul li a {
	display: block;
	height:16px;
	color:white;
	text-decoration: none; 
	text-align:center;
	}
#nav ul li a img{
	vertical-align:bottom;
	}	
a#home{
	width:60px;
	}
a#shows{
	width:86px;
	paddding-left:8px;
	cursor:default;
	margin-top:expression('-1px');
	clear:both;
    border:0;

}
a#coupons{
	width:110px;
	
}
a#downloads{
	width:118px;
	
	
}
a#community{
	width:120px;
	padding-left:5px;
	cursor:default;
	margin-top:expression('-1px');
	border:0;
}
a#store{
	width:75px;
}
#searchbox {
padding-top:0px;
padding-left:3px;
height:17px;
width:232px;
}
#nav ul li input#terms{
	border:2px solid #999;
	width:145px;
	font-size: 10px;
	height:13px;
	margin:0 5px 0 4px;
	position:relative;
	top:-2px;
	left:5px;
}

#search{
	margin-top:-5px;
	width:60px;
}


a#upload{
	position:relative;
	width:99px;
	padding-top:1px;
	cursor:default;
	margin-top:expression('-1px');
	border:0;
}
/* hover state */ 
#nav ul li a:hover {
	color:#e5e5e5;
}
#nav ul li a.active,
#nav ul li a.active:hover {
	color:#e5e5e5;
}
#nav ul li ul {
	display: none;
	height: auto;
	width: 150px;
	position: absolute;
	z-index: 200;
	background: #000; /* reset in iepc.css */
	padding:3px 0 6px 0;
	clear:both;
	}
#nav ul li.hover ul,
#nav ul li:hover ul {
	display: block;
}
#nav ul li ul li {
	float: none;
	width: 150px;
	margin: 0;
	padding: 0; 
	font-size: 0.91em; 
	color:#fff;
}
#nav ul li ul li.last-child {

}
#nav ul li ul li a {
	position: relative;
	left: 0;
	text-align:left;
	font-weight:normal;
	height: auto;
	text-indent: 0;	
	padding: 6px; 
	color: #fff; 
}
#nav ul li ul li a.hover, 
#nav ul li ul li a:hover {
	text-decoration:underline; 
}

/*****************************************
HOMEPAGE
*****************************************/
/*********Video Player Column************/


#videoColumn{
	width:640px;
	height:436px;
	float:left;
	clear:both;
	margin:0 0 0 6px;
	background-color:#07111b;
}
#videoColumn a{
	color:#999;
}
#videoMeta{
	height:18px;
	padding-left:1em;
	background-color:#11222a;


}
#videoMetaTitle{
	padding-top:1px;
	float:left;
	background-color:#11222a;
}
#characterDesc{
	border-left:3px solid #000;
	border-right:3px solid #000;
	color:#999;
	font-size:12px;
	padding:5px 3px 0 3px;
	display:inline;
	float:right;
	height:18px;
}
#videoPlayer{
	width:640px;
	height:418px;
	background:black;
	
}
#myvideoPlayer{
	width:640px;
	height:415px;
	background:#11222a;
	
}
/*********Original Series Column************/
#originalSeriesColumn{
	float:right;
	display:inline;
	width:344px;
	margin:5px 5px 0 0;
	background:black;
	height:425px;
	border-bottom:#223d48 solid 5px;
	overflow-y:hidden;
	overflow-x:hidden;
	
}
#originalSeriesHeader{
	background:#050e13;
	height:44px;
	border-bottom:#223d48 solid 5px;
}
#originalSeriesHeader .sectiontitle {
padding:17px 0 1px 0;
}
#originalSeriesScrollContainer{
	margin:5px 0 2px 0;
	background:#050e13;
	overflow-y:hidden;
	overflow-x:hidden;
	height:372px;
	

}
#originalSeriesScroll{
	background-color:black;
	overflow-y: auto;
	overflow-x:hidden;
	height:360px;
	padding-right:21px;
	padding-bottom:10px;
}
#originalSeriesScroll .item{
	background:#223d48;
	width:300px;
	height:58px;
	float:right;
	margin:5px 0 10px 0;
}
#originalSeriesScroll .itemSelected{
	background:#223d48;
	width:300px;
	height:58px;
	float:right;
	margin:0 0 10px 0;
}
#originalSeriesScroll .item img,
#originalSeriesScroll .itemSelected img{
	margin:5px;
}
.watchNow{
	background:#12232b;
	color:#fff;
	font-size:14px;
	width:80px;
	height:17px;
	padding:4px 4px 0 4px;
	margin-top:0px !important;
}
.itemSelected .watchNow{
	width:140px;
}
.goSeries{
	background:#12232b;
	border-left:4px solid #050e13;
	border-top:4px solid #050e13;
	border-right:4px solid #050e13;
	color:#fff;
	font-size:11px;
	padding:4px 4px 4px; 4px;
	height:15px;
	width:90px;
	float: right;

}

/*********Featured Downloads************/
#featuredDownloads{
	background:#000;
	width:988px;
	
	margin:0 auto;
	padding:4px 0 0 0;
	clear:both;
	
}
#featuredDownloads .sectiontitle {
position:relative;top:10px;line-height:90%;
}
#featuredDownloads img.header{
	float:right;
	margin-right:0px;
	padding-bottom: 0px;
}
#featuredDownloads .tabContent{
	background:#000;
	border-top:5px solid #213d48;
	border-bottom:5px solid #213d48;
	width:978px;
	padding:5px;
	clear:both;
	margin:5px 0 0 0;
}

#hpDownloadCont {
width:979px !important;

}


/********Homepage Video Block***********/
#homepageVideoBlock{
	width:989px;
	height:650px;
	clear:both;
	background:#000;
	color:#fff;
	margin-bottom:10px;
	border-left:6px solid #223d48;
}
#videoBlockLeft{
	float:left;
	width:780px;
	margin-left:20px;
	height:100%;
	margin-bottom:10px;
}


#videoBlockTabContainer{
	width:600px;
	margin:0 auto;
	padding:20px 0 0px 0;
}



#homepageVideoBlock .tabContent{
	background:#223d48;
	width:656px;
	height:560px !important;
	padding:12px 50px 10px 70px;
	clear:both;
	
	
}

#hpThumbCont {
width:665px;
height:600px;

}

/*****************************************
VIDEO BLOCK STYLES
*****************************************/
.block{
	width:190px;
	height:104px;
	background:#fff;
	float:left;
	margin:0 5px 30px 5px;
	text-align:center;
}
.blockHeader{
	width:100%;
	height:12px;
	margin-top:4px;
	text-align:left;
}
.views{
	color:#666;
	font-size:12px;
	float:left;
	margin-left:4px;
}
.rating{
	float:right;
	margin-right:4px;
}
.block h3{
	position:relative;
	top:-43px;
	left:-20px;
	margin:0;
	padding:0;
}
.block p{
	font-size:11px;
	margin:0;
	padding:0;
	position:relative;
	top:-40px;
	left:-10px;
}
.thumbnailPod {
margin:1px 15px 13px 0;
width:201px; 
float: left;
}


.dftNews{
	background:#494c51;
	border:3px solid #2d2f31;
}
.nuttcups{
	background:#472c23;
	border:3px solid #261613;
}
.risque{
	background:#64204f;
	border:3px solid #2b1327;
}
.shortShorts{
	background:#3f1c54;
	border:3px solid #1e112b;
}
.coldWars{
	background:#112a53;
	border:3px solid #10192b;
}
/*****************************************
UPLOAD PAGE
*****************************************/
#contentMain #browse{
	width:70px;
	text-align:center;
}
#contentMain #instructions{
	font:italic 11px arial, sans-serif;
	color:#999;
}
.uploadPage {
	margin:3px 2px 0 6px !important;
	font-size:12px;
	width:630px !important;
	line-height:120%;
}
/*****************************************
REPS PAGE
*****************************************/
.repBio{
	background:#213d48;
	border:5px solid #12232b;
	width:603px;
	height:112px;
	padding:4px;
	margin:5px 5px 10px 5px;
}
.repBio img{
	float:left;
	margin-right:5px;
}
.repBio p{
	margin:6px 0;
	font-size:12px;
}
.repBio p.quote{
	height:50px;
	overflow:hidden;/* Will hide the quote if its too long */
}

/*****************************************
BLOG PAGE
*****************************************/
.blogPost{
	margin:20px 5px;
}
.blogPost h2{
	background:#12232b;
	border-bottom:5px solid #213d48;
	padding:3px 10px;
	color:#fff;
	display:block;
}
.blogPost p{
	margin-top:10px;
	line-height:120%;
	padding:0 20px;
}
#contentHeader .blogPic{
	margin:-10px 10px;
	float:left;
}
/*****************************************
FORMS
*****************************************/
#contentMain form div{
	margin:10px 0;
}
#contentMain label{
	clear:both;
	text-align:left;
	margin-left:0px !important;
	padding:5px 0 0 4px;
	font-size:17px;
}
#contentMain input,
#contentMain textarea,
#contentMain select,
#contentMain button{
	background:#12232b;
	border:5px solid #213d48;
	font-size:17px;
	color:#fff;
}
/*****************************************
DOWNLOAD PAGE
*****************************************/
#contentMain.downloadPage {
margin:3px;
margin-left:5px;
width:618px;
}

#contentMain.downloadPage select option {
width:auto;
padding-right:15px;
}
#dpDownloadCont {
width: 602px;
padding-left:6px;
padding-bottom:8px;
}

#dpDownloadCont li {
float:left;
margin: 4px 5px 0 5px !important;
}
.downloadPage strong{
	color:#fff;
	margin:0 20px 0 3px;
	font-size:12px;
	float:left;
}

#downloadForm div{
	clear:none;
	float:left;
	font-size:13px;
	line-height:14px;
	width:160px !important;
	max-width:160px !important;
	margin:0 0 0 0 !important;
	height:40px !important;
	min-height:40px !important;
}
#downloadForm div select {
width:140px !important;
}


#downloadForm input,
#downloadForm textarea,
#downloadForm select,
#downloadForm button{
	margin:0 10px 0 0px;
	background:#12232b;
	border:2px solid #213d48;
	font-size:12px;
	color:#fff;
}
#downloadsContainer{
	background:#213d48;
	margin:3px 0 0 0;
	height:725px;
	clear:both;
}
#downloadsContainer ul.tabs{
	width:97.5%;
	float:left;
	background:#000;
	padding:5px 0 0 5px;
	margin:5px 0 0 5px;
	

}
#downloadsContainer ul.tabs li a {
height:12px;
padding-top:3px !important;
padding-bottom:2px;
}

#downloadsContainer .tabContent{
	margin:5px 0 0 5px;
	float:left;
	background:#000;
}

#subTabs{
	height:17px;
	width:610px;
	background:#000;
	margin:0;
	padding:0;
}

#subTabs li a.tab{
	height:12px;
}
.widgetPod 
	{background-color:gray;padding:5px;position:relative}	
.widgetPodInner
	{background-color:black;padding:5px;position:relative;overflow:auto;height:100%}	

/****************
SEARCH PAGE
***************/
.searchPage {
margin:3px 4px 0 6px !important;
min-height:770px;
width:620px !important;
border-right:10px solid black;
}

#searchResults {
	background:#000;
	margin:0 0 0 5px;
	height:100%;
	width:620px;
	clear:both;
	line-height:120%;
	
}

#searchResults .thumbnailPod {
margin:8px 0 20px 8px;
width:190px;
height:165px;
border-top:2px solid #223d48;
border-bottom:2px solid #223d48;
background-color:#223d48;
}


#searchResults ul {
float:left !important;
list-style-type:none;
padding:5px 0 0px 0px;
display:block;
}
#searchResults ul li {
list-style-type:none;
width:198px;
height:172px;
float:left !important;
text-align:center;
}
#widgets_results {
float:left !important;
list-style-type:none;
padding:5px 0 0px 0px;
display:block;
}

#widgets_results li {
list-style-type:none;
width:590px !important;
height:280px !important;
float:left !important;
padding-left:9px;
}
#widgets_results li .widgetPod {
	background-color:#12232b;
}
#blog_results {
float:left !important;
list-style-type:none;
padding:5px 0 0px 0px;
display:block;
}

#blog_results li {
list-style-type:none;
width:590px !important;
padding-left:9px;
text-align:left !important;
}
/*****************************************
TABS
*****************************************/
ul.tabs{
	margin:0 0 0 10px;
}
ul.tabs li{
	float:left;
}
li a.tab{
	background:#12232b;
	color:#fff;
	width:189px;
	height:28px;
	font:bold 14px;
	padding:11px 0 0 0;
	margin-right:5px;
	text-align:center;
	display:block;
	float:left;
}
li a.select{
	background:#213d48;
}
li a.tab:hover{
	background:#18303a;
	text-decoration:none;
}
.tabContent li{
	float:left;
	margin:0 5px;
}
/*****************************************
BLOG FOOTERS
*****************************************/
#bottomContainer{
	background:#000;
	clear:both;
	width:988px;
	min-height:450px;
	margin:15px auto;
}

#recentPosts{
	width:630px;
	margin-top:-630px;
	padding-left:360px;
}
#recentPostsHeader{
	border-bottom:5px solid #213d48;
	margin:10px 0 0 0;
	padding:0;
}
#recentPostsHeader img{
	position:relative;
	top:3px;
}
#recentPosts h3{
	color:#fff;
	font: bold 14px Arial;
	margin-top:20px;
}
#recentPosts p{
	color:#fff;
	font-size:13px;
	padding:2px 5px 0 15px;
}
/*****************************************
Episode Carousel
*****************************************/
#show_carousel{
	height:121px;
	background:#07111b;
	color:#fff;
	margin:5px 6px 5px 6px;
	margin-bottom:5px;
}

/****
Character Description
**/
.stepcarousel{
position: relative; /*leave this value alone*/
left:5px;
margin:5px 7px 0px 5px;
background:#000;
overflow: scroll; /*leave this value alone*/
width: 344px;
height: 422px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
background:#000;
}
.stepcarousel .contentContainer{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 7px 10px 5px 7px; /*margin around each panel*/
width: 330px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:410px;
}
.charName{
	padding:3px 0 3px 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:16px;
}
.content {
	width: 310px;
	height: 160px;
}
.content img{
	padding-left:13px;
	padding-top:5px;
}
.charDesc{
	padding:15px 15px 45px 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	height:60px;
	font-stretch:expanded;font-size-adjust:2px;
}
.panelnav {
	width:315px;
	font-size:12px;
	padding:2px 0 0px 10px;
	margin-top:12px;
	margin-bottom:10px;
}
.panelnav .left {
	text-align: left;
    float:left;
	width:30%;
}
.panelnav .right {
	text-align: right;
	float:left;
	width:28%;
}
.panelnav .center {
width:30%;
float:left;
text-align:center;
padding-top:10px;
}

/***
Pagination
***/
#paginationWrapper {
	text-align:right;
	position:relative;
}	
.pagination {
            font-size: 11px;
            text-align:right;
            padding-left:7px;;
 }     
.pagination a {
    text-decoration: none;
	border: solid 1px #111;
	color: #999;
	background:#12232b;
}
.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}
.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #111;
}
.pagination .current.prev, .pagination .current.next{
	display:none;
}
#paginationCommentWrapper {
	position:relative;
	width:360px;
	top:-25px;
}

/*****************************************
ADS
*****************************************/
#leaderboard{
	float:right;
	width:728px;
	height:90px;
	background:#fff;
	overflow:hidden; /* If the ad is larger than the div it will just be cropped */
	margin:10px 10px 7px 0;
}
.tower{
	width:160px;
	height:600px;
	float:right;
	margin:20px 12px 0 0;
	background:#fff;
	overflow:hidden;/* If the ad is larger than the div it will just be cropped */
}
#bottomAdContainer{
	padding-top:5px;
}
#sideAdContainer{
	margin:0px 28px 0 0;
	float:right;
	clear:right;
}
#mediumRectangleAd{
	width:300px;
	height:250px;
	background:#fff;
	margin:6px 0 0 10px;
	overflow:hidden;/* If the ad is larger than the div it will just be cropped */
}
.narrowMedRectAd {
	width:300px;
	height:250px;
	background:#fff;
	overflow:hidden;/* If the ad is larger than the div it will just be cropped */
	margin:2px 0 35px 0;
}	
#smallRectangleAd{
	width:300px;
	height:110px;
	background:#fff;
	margin:10px 0 0 10px;
	overflow:hidden;/* If the ad is larger than the div it will just be cropped */
}
#bottomAd{
	width:250px;
	height:250px;
	background:#fff;
	margin:6px 0 0 10px;
	overflow:hidden;/* If the ad is larger than the div it will just be cropped */
}
/*****************************************
DROP SHADOWS
*****************************************/
/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=2);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #000000; 
}

#shadow_1:before { 
  content: 'Title of Episode'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #000000 2px 2px 2px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}



/* THICK BOX */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* END THICK BOX */