/*
RESET RULE
________________________________________________________________________________
  Cudos to http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
================================================================================

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
*/
 
 
/*
================================================================================
GLOBAL STYLES
________________________________________________________________________________
  @img           = prevents images from displaying a hyperlink border if it's
                   wrapped by an href tag.
  @body          = sets base elements for the site
================================================================================
*/
 
 
 
 
 
a { color:#666666;text-decoration:none;}
 
 
img {
 border-collapse: collapse;
 border:0;
}
 
#xnlportal {display: table; width:100%; margin-left: auto; margin-right: auto; }
/*
background: transparent url(/site_media/images/header_gradient.gif) repeat-x top left;
================================================================================
PLEASE NOTE THAT THE FOLLOWING gl_ CSS STYLES ARE PRE-DEFINED IN THE LAYOUT.CSS
FILE LOCATED IN THE CHAMELEON STYLES DIRECTORY INSIDE THE LAYOUT FOLDER.
================================================================================
*/
#gl_container {
 /*position:relative;*/	  

}
#gl_header {
 background-color: transparent;
}
#gl_wrapper {
	padding:20px 0 20px 0;
  	background-color:#fff; /* #1a1a1a; */
	color:#999;

}
#gl_content { /* standard left & right blocks - switched to dynamically by functions.php*/
 /*position:relative;*/
}
#gl_content-wide { /* standard left & right blocks - switched to dynamically by functions.php*/
 /*position:relative;*/
}
#gl_content-full { /* no blocks  - switched to dynamically by functions.php*/
 /*position:relative;*/
}
#gl_content-wide-right { /* left blocks & content displayed  - switched to dynamically by functions.php*/
 /*position:relative;*/
}
#gl_content-wide-left { /* right blocks & content displayed  - switched to dynamically by functions.php*/
 /*position:relative;*/
}
#gl_navigation { /*the leftblocks*/
 background:transparent;
}
#gl_navigation_profile {
 float:left;
 width:336px;
 margin-right:0px;
 position: absolute;
}
#gl_extra { /*the rightblocks*/
 background:#fff; /* #F7F7F7; */
}
 
/* GLOBAL SEMANTICS ***********************************************/
 
 
fieldset {
  margin-bottom:1em;
}
fieldset p {
  margin:0px;
  margin-bottom:0px;
  margin-top:5px;
  padding:5px;
}
fieldset legend {
  font-size:0.9em;
}
form {
  margin:0px;
}
form div.notes p,
form div small {
  line-height:125%;
}
form div.notes ul {
  margin:0px;
  padding:0px;
  padding-left:2px;
}
form div.notes ul li {
  list-style-position:outside;
  margin-left:15px;
  padding-right:2px;
}
form fieldset div.notes {
  background-color:#ffffe1;
  /* background-color:#FFFFe1; */
  border:1px solid #666666;
  color:#666666;
  float:right;
  font-size:.75em;
  height:auto;
  margin:0px 0 10px 10px;
  padding:5px;
  position:relative;
  right:30px;
  width:150px;
}
form fieldset div.notes h4 {
  background:url(/site_media/images/icon_info.png) no-repeat top left;
  border: solid 0px #666666;
  border-bottom: 1px;
  color:#666666;
  font-size:1.3em;
  margin:0 0 5px 0;
  padding:3px 0 2px 27px;
}
form fieldset div.notes p {
  color:#666666;
  margin:0em 0em 1.2em 0em;
}
form fieldset div.notes p.last {
  margin:0em;
  padding-bottom:5px;
}
form label {
  font-weight:normal;
}
h1 {
  font-size:150%;
  color:#333;
  
}
h2 {
  /* font-size:100%; */
  color: #333333;
  font-size:16px;
  font-weight: lighter;
  padding:0px;
  margin:0;
}
h3 {
  font-size:100%;
  margin:0px;
}
input {
  font-size:.9em;
}
input,
submit {
  color:#000000;
}
p {
  margin-top:5px;
  color:#000000;
}
select {
  color:#000000;
  font-size:.9em;
}
table {
  border:0px;
}
textarea {
    font-family: inherit;
    color: #212426;
    background-color: #ffffff;
    padding: 4px;
    border-top: 1px solid #D3D5D6;
    border-right: 1px solid #D3D5D6;
    border-bottom: 1px solid #D3D5D6;
    border-left: 1px solid #D3D5D6;
    margin: 1px;
}
 
textarea:focus {
    background-color: #e5f1fc;
}
 
th {
  padding-left:3px;
  text-align:left;
}
 
 
/*
================================================================================
TEXT-TO-MOVIE WALL OF THUMBNAILS
================================================================================
*/
.ttm_wall        { 
                   width                : 100%;
                   height               : 400px;
                 }
 
.ttm_bg        {background-color: transparent;
                   width                : 100%;
                   height               : 50px;
                 }
 
/*
================================================================================
GUI TAB SKIN
________________________________________________________________________________
  NOTE: PLEASE DO NOT EDIT ANYTHING IN THIS SECTION.
================================================================================
*/
.gui-btn { background     : transparent;
         }
 
.gui-btn-selected{ color                : #e7e7e7 !important;
                 }
 
/*
/* MEMBER REMIX BUTTON SKIN */
.rem-btn, .rem-btn span{
    background-image:url(/site_media/images/rem_btn.png);
    _background-image:url(/site_media/images/rem_btn.gif);
}
 
.rem-btn span span,
.rem-btn a{
    color:#e00000;
}
 
 
.rem-btn-hover span span,
.rem-btn-hover a,
.rem-btn:hover span span,
.rem-btn:hover a
{
    color:#fff;
}
 
 
.rem-btn-click span span,
.rem-btn-click a
{
    color:#fff !important;
}
 
 
.rem-btn{
    padding: 0 8px 0 0;
    margin-top: 10px;
    vertical-align:bottom;
    background-repeat:no-repeat;
    background-position:100% 0;
    font:small/1px "Tahoma", "Helvetica", "Arial";
    display:-moz-inline-stack;
    display:inline-block;
    list-style-image:url(data:behavior:mouseover,&uihtmlbutton);/*for JS behavior*/
    zoom:1;
    *display:inline;
}
 
.rem-btn-hover,
.rem-btn:hover{
     background-position:100% -104px;
}
 
.rem-btn-click{
    background-position:100% -208px !important;
}
 
 
.rem-btn span{
    height:26px;
    vertical-align:baseline;
    background-repeat:no-repeat;
    background-position:0 -52px;
    position:relative;
    white-space:nowrap;
    display:block;
    overflow:hidden;
    zoom:1;
    _display:inline;
}
 
 
.rem-btn-hover span,
.rem-btn:hover span{
    background-position:0 -156px;
}
 
.rem-btn-click span{
    background-position:0 -260px !important;
}
 
 
.rem-btn span span,
.rem-btn a{
    outline:none;
    padding:11.5px 8px 12px 16px;
    display:block;
    text-decoration:none;
    zoom:normal;
    height:auto;
    font-size:100%;
    line-height:1px;
}
 
.rem-btn input{
    position:absolute;
    top:0;
    width:1000px;
    height:1000px;
    font-size:100px;
    padding:100px;
    background:#e00000;
    left:8px;
    top:-100px;
    cursor:pointer;
    filter:alpha(opacity=0);
    opacity:0;
}
 
 
/* RED REMIX BUTTON SKIN */
.red-btn, .red-btn span{
    background-image:url(/site_media/images/red_btn.png);
    _background-image:url(/site_media/images/red_btn.gif);
}
 
.red-btn span span,
.red-btn a{
    color:#fff;
}
 
 
.red-btn-hover span span,
.red-btn-hover a,
.red-btn:hover span span,
.red-btn:hover a
{
    color:#fff;
}
 
 
.red-btn-click span span,
.red-btn-click a
{
    color:#fff !important;
}
 
 
.red-btn{
    padding: 0 8px 0 0;
    margin-top: 0px;
    vertical-align:bottom;
    background-repeat:no-repeat;
    background-position:100% 0;
    font:14px "Tahoma", "Helvetica", "Arial";
    display:-moz-inline-stack;
    display:inline-block;
    list-style-image:url(data:behavior:mouseover,&uihtmlbutton);/*for JS behavior*/
    zoom:1;
    *display:inline;
}
 
.red-btn-hover,
.red-btn:hover{
     background-position:100% -104px;
}
 
.red-btn-click{
    background-position:100% -208px !important;
}
 
 
.red-btn span{
    height:26px;
    vertical-align:baseline;
    background-repeat:no-repeat;
    background-position:0 -52px;
    position:relative;
    white-space:nowrap;
    display:block;
    overflow:hidden;
    zoom:1;
    _display:inline;
}
 
 
.red-btn-hover span,
.red-btn:hover span{
    background-position:0 -156px;
}
 
.red-btn-click span{
    background-position:0 -260px !important;
}
 
 
.red-btn span span,
.red-btn a{
    outline:none;
    padding:11.5px 8px 12px 16px;
    display:block;
    text-decoration:none;
    zoom:normal;
    height:auto;
    font-size:100%;
    line-height:1px;
}
 
.red-btn input{
    position:absolute;
    top:0;
    width:1000px;
    height:1000px;
    font-size:100px;
    padding:100px;
    background:#e00000;
    left:8px;
    top:-100px;
    cursor:pointer;
    filter:alpha(opacity=0);
    opacity:0;
}
 
/* BLACK BUTTON SKIN */





/*
#linkbtn_createseries button, #linkbtn_createseries button:visited, 
#linkbtn_renameseries button, #linkbtn_renameseries button:visited, 
#linkbtn_deleteseries button, #linkbtn_deleteseries button:visited, 
#linkbtn_createplaylist button, #linkbtn_createplaylist button:visited, 
#linkbtn_renameplaylist button, #linkbtn_renameplaylist button:visited, 
#linkbtn_deleteplaylist button, #linkbtn_deleteplaylist button:visited {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 11px;
    border:1px solid #d6d6d6;
	background: url(/site_media/images/btn_sm_bg.png) repeat-x; 
	display: inline-block; 
	padding: 3px 10px 3px; 
	color: #000; 
	text-decoration: none;
	position: relative;
	cursor: pointer
}

#linkbtn_createseries button:hover, 
#linkbtn_renameseries button:hover,
#linkbtn_deleteseries button:hover,
#linkbtn_createplaylist button:hover, 
#linkbtn_renameplaylist button:hover,
#linkbtn_deleteplaylist button:hover {
	background-color: #fffdf3; color: #000; 
    	border:1px solid #999;	
}

#linkbtn_createseries button:active, 
#linkbtn_renameseries button:active,
#linkbtn_deleteseries button:active,
#linkbtn_createplaylist button:active, 
#linkbtn_renameplaylist button:active,
#linkbtn_deleteplaylist button:active {
		top: 1px; 
}

*/



.gui-btn, .gui-btn span{
/*    background-image:url(/site_media/images/black_btn.png); */
}
 
.gui-btn span span,
.gui-btn a{
    color:#000;
}
 
 
.gui-btn-hover span span,
.gui-btn-hover a,
.gui-btn:hover span span,
.gui-btn:hover a
{
    color:#000;
}
 
 
.gui-btn-click span span,
.gui-btn-click a
{
    color:#000 !important;
}
 
 
.gui-btn{
/*
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 11px;
     border:1px solid #d6d6d6;
	background: url(/site_media/images/btn_sm_bg.png) repeat-x; 
	display: inline-block; 
	padding: 3px 10px 3px; 
	color: #000; 
	text-decoration: none;
	position: relative;
	cursor: pointer;
*/
}
 
.gui-btn-hover,
.gui-btn:hover{
 /*    background-position:100% -104px;
	background-color: #fffdf3; color: #000; 
    	border:1px solid #999;	
*/

}
 
.gui-btn-hover button,
.gui-btn button:hover{


	background-color: #fffdf3; color: #000; 
    	border:1px solid #999;	
}
 
.gui-btn-click{
 /*   background-position:100% -208px !important; 
		top: 1px; */
}
 
.gui-btn span{
/*    height:26px;
    vertical-align:baseline;
    background-repeat:no-repeat;
    background-position:0 -52px;
    position:relative;
    white-space:nowrap;
    display:block;
    overflow:hidden;
    zoom:1;
    _display:inline;
*/
}
 
 
.gui-btn-hover span,
.gui-btn:hover span{
/*
	background-color: #fffdf3; color: #000; 
    	border:1px solid #999;	
*/
}
 
.gui-btn-click span{
/*		top: 1px; */
}
 
 
.gui-btn span span,
.gui-btn a{
 /*   outline:none;
    padding:11.5px 8px 12px 16px;
    display:block;
    text-decoration:none;
    zoom:normal;
    height:auto;
    font-size:100%;
    line-height:1px;
    */
}
 
.gui-btn input{
	border:none 0px;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 11px;
     border:1px solid #d6d6d6;
	background: url(/site_media/images/btn_sm_bg.png) repeat-x; 
	display: inline-block; 
	padding: 3px 10px 3px; 
	color: #000; 
	text-decoration: none;
	position: relative;
	cursor: pointer


/*    position:absolute;
    top:0;
    width:1000px;
    height:1000px;
    font-size:100px;
    padding:100px;
    background:black;
    left:8px;
    top:-100px;
    cursor:pointer;
    filter:alpha(opacity=0);
    opacity:0;
    */
}
 
/* NEW BUTTON SKIN */
.gui-btn2, .gui-btn2 span span{
    background-image:url(/site_media/images/gui_btn2.png);
}
 
.gui-btn2 span span,
.gui-btn2 a{
    color:#000;
}
 
 

.gui-btn2:hover span span,
.gui-btn2:hover a
{
    color:#000;
}
 
 
.gui-btn2-click span span,
.gui-btn2-click a
{
    color:#fff !important;
}
 
 
.gui-btn2{
    padding: 0 8px 0 0;
    background-repeat:no-repeat;
    background-position:100% 0;
    /*font:small/1px "Tahoma", "Helvetica", "Arial";*/
    display:-moz-inline-stack;
    display:inline-block;
    list-style-image:url(data:behavior:mouseover,&uihtmlbutton);/*for JS behavior*/
    zoom:1;
    *display:inline;
}

  
  /* HOVER STATE POSITIONING   */
.gui-btn2-hover,
.gui-btn2:hover{
    color:red;	
     background-position:100% -104px;
}
.gui-btn2-hover span span,
.gui-btn2:hover span{
    color:#000;	
    background-position:0 -156px;
}
 
  /* CLICK STATE POSITIONING   */
.gui-btn2-click,
.gui-btn2:active{
    color:#fff;	
     background-position:100% -208px;
}
.gui-btn2-click span span,
.gui-btn2:active span{
    color:#fff;	
    background-position:0 -260px;
}
.gui-btn2:active span span {
	color:#fff;
}
  
.gui-btn2 span{
    height:24px;
    vertical-align:baseline;
    background-repeat:no-repeat;
    background-position:0 -52px;
    position:relative;
    white-space:nowrap;
    display:block;
    overflow:hidden;
    zoom:1;
    _display:inline;
}
 
 

 
.gui-btn2 span span,
.gui-btn2 a{
    outline:none;
    padding:11.5px 8px 12px 16px;
    display:block;
    text-decoration:none;
    zoom:normal;
    height:auto;
    font-size:11px;
    line-height:1px;
}
 
.gui-btn2 input{
    position:absolute;
    top:0;
    width:1000px;
    height:1000px;
    font-size:100px;
    padding:100px;
    background:black;
    left:8px;
    top:-100px;
    cursor:pointer;
    filter:alpha(opacity=0);
    opacity:0;
}
 

/* END NEW BUTTON SKIN */

 
/* Simons unclassified specials */
 
a.listview_setting:link,
a.listview_setting:visited
a.listview_setting:active {
 background:transparent url(/site_media/images/listview_setting_btn.gif) top left no-repeat;
 background-position:0 0;
 display:block;
 color:#666666;
}
a.listview_setting:hover {
 background:transparent url(/site_media/images/listview_setting_btn.gif) top left no-repeat;
 background-position:0 -20px;
 display:block;
 color:#3399ff;
}
 
/* Not part of the design, used only as debug tool to quickly drawn an outline
   around problematic divs to see layout issues. */
 
.ored            { border               : solid 1px #FF0000;
                 }
 
 
/* CSS ROUNDED CORNERS */
 
/*
 opacity: .5;
 filter: alpha(opacity=50);
*/
 
 
 
/* CLASSES & IDS ********************************************************/
 
/* Admin lists **********************************/
.admin-menu-icon {
  float:left;
  padding:5px;
}
.admin-menu { /* the box around the menu */
  border:1px solid #EEEEEE;
  padding:5px;
}
.admin-menu-text{ /* the text below the links */
  padding:5px;
}
.admin-menu-item { /* a single link in the menu */
  padding: 0 5px 0 5px;
}
.admin-list-table {
  border-spacing:1px;
  text-align:left;
  width:100%;
}
.admin-list-table form {
  margin:0px;
}
.admin-list-search{
  margin-bottom:5px;
  margin-top:5px;
  text-align:center;
}
.admin-list-field {
  padding-left:5px;
  padding-right:5px;
  text-align:left;
}
.admin-list-headerfield {
  padding-left:5px;
  padding-right:5px;
  text-align:left;
}
.gl_user-menu {
  float:right;
  padding-right:10px;
}
/* Menus in blocks ******************************/
#Admins_Only ul,
#Topics ul,
#User_Functions ul {
  list-style:none;
  margin:0px;
  padding:0px;
}
 
 
 
/*
================================================================================
GENERAL ALIGNMENT CLASSES
________________________________________________________________________________
  @fr30           = Float Right, 29% width
 
  NOTE: Personal standard is to make any right float 1 full percentage point
  smaller.  Example, 30% width float right is actually 29%.  This prevents some
  browsers like IE from wrapping the divs even though they shouldn't.
 
================================================================================
*/
.floatleft       { float                : left;
                   padding              : 0 10px 0 0;
                 }
.fl100           { float                : left;
                   width                : 100%;
                 }
.fl90            { float                : left;
                   width                : 90%;
                 }
.fl80            { float                : left;
                   width                : 80%;
                 }
.fl75            { float                : left;
                   width                : 75%;
                 }
.fl73            { float                : left;
                   width                : 73%;
                 }
.fl70            { float                : left;
                   width                : 70%;
                 }
.fl65            { float                : left;
                   width                : 65%;
                 }
.fl62            { float                : left;
                   width                : 62%;
                 }
.fl60            { float                : left;
                   width                : 60%;
                 }
.fl55            { float                : left;
                   width                : 55%;
                 }
.fl50            { float                : left;
                   width                : 50%;
                 }
.fl45            { float                : left;
                   width                : 45%;
                 }
.fl40            { float                : left;
                   width                : 40%;
                 }
.fl35            { float                : left;
                   width                : 35%;
                 }
.fl30            { float                : left;
                   width                : 30%;
                 }
.fl33            { float                : left;
                   width                : 33%;
                 }
.fl25            { float                : left;
                   width                : 25%;
                 }
.fl20            { float                : left;
                   width                : 20%;
                 }
.fl15            { float                : left;
                   width                : 15%;
                 }
.fl10            { float                : left;
                   width                : 10%;
                 }
.fl5             { float                : left;
                   width                : 5%;
                 }
.floatright      { float                : right;
                   padding              : 0 0 0 12px;
                 }
.fr100           { float                : right;
                   width                : 100%;
                 }
.fr90            { float                : right;
                   width                : 89%;
                 }
.fr80            { float                : right;
                   width                : 79%;
                 }
.fr75            { float                : right;
                   width                : 74%;
                 }
.fr70            { float                : right;
                   width                : 69%;
                 }
.fr65            { float                : right;
                   width                : 64%;
                 }
.fr60            { float                : right;
                   width                : 59%;
                 }
.fr55            { float                : right;
                   width                : 54%;
                 }
.fr50            { float                : right;
                   width                : 49%;
                 }
.fr45            { float                : right;
                   width                : 44%;
                 }
.fr40            { float                : right;
                   width                : 39%;
                 }
.fr35            { float                : right;
                   width                : 34%;
                 }
.fr32            { float                : right;
                   width                : 32%;
                 }
.fr30            { float                : right;
                   width                : 29%;
                 }
.fr28            { float                : right;
                   width                : 27%;
                 }
.fr25            { float                : right;
                   width                : 24%;
                 }
.fr20            { float                : right;
                   width                : 20%;
                 }
.fr15            { float                : right;
                   width                : 14%;
                 }
.fr10            { float                : right;
                   width                : 9%;
                 }
.fr9             { float                : right;
                   width                : 8%;
                 }
.fr8             { float                : right;
                   width                : 6%;
                 }
.rat             { text-align           : right;
                 }
.rat4            { text-align           : right;
                   margin-right         : 4px;
                 }
.cat             { text-align           : center;
                 }
.lat             { text-align           : left;
                 }
 
/* padding and margin styles to aid in tweaking layout elements that are used globally
   but require minor tweaks in certain places at certain times throughout the site
   in some cases the only style change to an element is just a margin or padding and
   I'd like to avoid making a custom class for those instances */
 
.divfix          { clear                : both;
                   width                : 100%;
                   display              : table;
                 }
.mall10          { margin               : 10px;
                 }
.top90             { top                    : 90px;
                 }
.mtop20          { margin-top           : 20px;
                 }
.mtop30          { margin-top           : 30px;
                 }
.mtop15          { margin-top           : 15px;
                 }
.mtop10          { margin-top           : 10px;
                 }
.mtop8           { margin-top           : 8px;
                 }
.mtop5           { margin-top           : 5px;
                 }
.mtop50          { margin-top           : 50px;
                 }
.mbot3           { margin-bottom        : 3px;
                 }
.mbot5           { margin-bottom        : 5px;
                 }
.mbot10          { margin-bottom        : 10px;
                 }
.mbot15          { margin-bottom        : 15px;
                 }
.mbot20          { margin-bottom        : 20px;
                 }
.mbot30          { margin-bottom        : 30px;
                 }
.right8             { right                : 8px;
                 }
.mright5         { margin-right         : 5px;
                 }
.mright10        { margin-right         : 10px;
                 }
.mright15        { margin-right         : 15px;
                 }
.mright20        { margin-right         : 20px;
                 }
.mleft5         { margin-left          : 5px;
                 }
.mleft10         { margin-left          : 10px;
                 }
.mleft15         { margin-left          : 15px;
                 }
.mleft20         { margin-left          : 20px;
                 }
.mbot8           { margin-bottom        : 8px;
                 }
.pall5           { padding              : 5px;
                 }
.pall10          { padding              : 10px;
                 }
.pall15          { padding              : 15px;
                 }
.pright5         { padding-right        : 5px;
                 }
.pright10        { padding-right        : 10px;
                 }
.pright15        { padding-right        : 15px;
                 }
.pright20        { padding-right        : 20px;
                 }
.pleft5          { padding-left         : 5px;
                 }
.pleft10         { padding-left         : 10px;
                 }
.pleft15         { padding-left         : 15px;
                 }
.pleft20         { padding-left         : 20px;
                 }
.pleft30         { padding-left         : 30px;
                 }
.ptop5           { padding-top          : 5px;
                 }
.pbot5           { padding-bottom       : 5px;
                 }
.ptop8           { padding-top          : 8px;
                 }
.pbot8           { padding-bottom       : 8px;
                 }
.pbot10          { padding-bottom       : 10px;
                 }
.ptop10          { padding-top          : 10px;
                 }
.ptop15          { padding-top          : 15px;
                 }
.pbot15          { padding-bottom       : 15px;
                 }
.ptop20          { padding-top          : 20px;
                 }
.pbot20          { padding-bottom       : 20px;
                 }
 
 
 
/* another tweak for when I create cascading styles on the fly */
.prel            { position             : relative;
                 }
 
.aligncenter {
  text-align:center;
}
.alignleft {
  text-align:left;
}
.alignright {
  text-align:right;
}
.aligntop {
  vertical-align:top;
}
.clearboth {
  clear:both;
}
.clearleft {
  clear:left;
}
.clearfix {
  display:inline-block;
}
.clearfix:after { /* clear floats by applying the clearfix class to float-encasing block !*/
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height:1%;
}
.clearfix {
   display:block;
 }
 /* End hide from IE-mac */
 
/* General formatting class***********************/
.b {
  font-weight:bold;
}
.ext-link {
  background: url(/site_media/images/external.png) right center no-repeat;
  background-attachment: scroll;
  background-color: transparent;
  padding-right: 13px;
}
/* Blocks *************************************
.block_gradient { background: transparent url(/site_media/images/promo-block-bg.gif) top left repeat; }*/
 
.block-xtra-base {
  margin:0px 15px 30px 15px;
  width:360px;
}
.block-show-details-title {
  padding:1px 10px 1px 10px;
  background-color:#FAFAFA;
  color:#666;
}
.block-show-details-content {
  padding-top:20px;
  background:#EEE url(/site_media/images/dropshadow_block_left.png) top center no-repeat;
}
.block-show-user-title {
  padding:1px 10px 1px 10px;
  background-color:#FAFAFA;
  color:#666;
}
.block-show-user-content {
  padding-top:20px;
  background:#EEE url(/site_media/images/dropshadow_block_left.png) top center no-repeat;
}
.block-show-listing-title {
  padding:1px 10px 1px 10px;
  background-color:#FAFAFA;
  color:#666;
}
.block-show-listing-content {
  padding-top:20px;
  background:#EEE url(/site_media/images/dropshadow_block_left.png) top center no-repeat;
}
.block-login-title {
  padding:1px 10px 1px 10px;
  background-color:#29ABE2;
  color:#FFF;
}
.block-login-content {
  background-color:#29ABE2;
  color:#FFF;
  padding-bottom:5px;
  border:solid 1px #29ABE2;
}
.block-login-content input {
 font-family : inherit;
 color : #29ABE2;
 background-color:#FFF;
 padding: 4px;
 margin: 1px;
 width: 168px;
 border: 0;
}
.block-login-content a:link,
.block-login-content a:visited,
.block-login-content a:hover,
.block-login-content a:active {
 color:#FFF;
 text-decoration:underline;
}
.block-box-left,
.block-box-right,
.block-box {
  margin:13px 0 0 0;
}
.block-box-left ul,
.block-box-right ul { /* do not indent lists in the blocks too much */
  margin:0px;
  padding-left:20px;
}
.block-columnpad {
  padding:0px;
}
.block-content-right,
.block-content-left {
  background:transparent;
  clear:both;
  color:#000000;
  padding-bottom:2px;
  padding-top:2px;
}
.block-content-left ul,
.block-content-right ul,
.block-content ul {
  border:none;
  margin-bottom:0;
  margin-left:16px;
  margin-top:0;
  padding-left:0;
}
.block-content {
  color:#829298;
  padding-bottom:5px;
}
.block-content a:link,
.block-content a:visited,
.block-content a:hover,
.block-content a:active {
 color:#29ABE2;
 text-decoration:underline;
}
.block-helpicon {
  float:right;
  padding-top:5px;
  text-align:right;
}
.block-shadow {
 height:18px;
 margin-bottom:20px;
 background:transparent url(/site_media/images/dropshadow_block_left.png) top center no-repeat;
}
 
 
/* Comments ***********************************/
.commentbar-line1 {
  background:transparent;
  color:#000000;
  padding:3px 3px;
  text-align:center;
}
.commentbar-line2 {
  background:#E7E7E7;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #FFFFFF;
  text-align:center;
}
.commentbar-line3 {
  background:#FFFFFF;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #E7E7E7;
  color:#000000;
  padding:3px 3px;
  text-align:center;
}
.commenttitle {
  background:#F7F7F7;
  border-bottom:1px solid #E7E7E7;
  border-left:1px solid #E7E7E7;
  border-right:1px solid #E7E7E7;
  border-top:1px solid #E7E7E7;
  font-weight:bold;
  padding:3px 0 3px 10px;
}
/*Edit*****************************************/
.edit-perm-down {
  text-align:center;
}
.edit-perm-up{
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}
.fieldhelp {
  color:#666666;
}
/* FOOTER **************************************/
#footer-copyright {
  color:#555555;
  padding:0px 10px 0 10px;
}
#footer-rss {
  float:left;
  margin:0 5px 0 0;
  vertical-align:middle;
}
.footer_block_content
 
{
 
background-color: #fff; /* #000000; */
 
background-image: url(/site_media/images/footer-gunmetal.jpg);
 
background-repeat: repeat-x;
 
background-attachment: scroll;
 
background-position: left top;
 
padding-top: 24px;
 
padding-bottom: 30px;
 
}
.footer_block_footnote {
 color:#FFF;
 background:#29ABE2 url(/site_media/images/footer_block_bl.png) left bottom no-repeat;
 padding:8px 8px 0 8px;
 text-align:right;
}
.blocklinks {
  color:#FFF;
  }
.blocklinks a:link,
.blocklinks a:visited,
.blocklinks a:hover,
.blocklinks a:active {
  color:#FFF;
  text-decoration:none;
}
a[class ="footerblock_links"], a.footerblock_links {
 padding-right:18px;
 color: #c0ffae;
 background: transparent url(/site_media/images/footer_arrow.gif) no-repeat center right;
}
 
.footerlinks {
  color:#fff;
  }
.footerlinks a:link,
.footerlinks a:visited,
.footerlinks a:hover,
.footerlinks a:active {
  color:#FFFFFF;
  text-decoration:none;
}
.footerlinks a:hover {
  color: #e0583c;
  }
  
  
.footerlinks_container {
 height:30px;
 margin-top:-2px;
 position:relative;
}
.footerlinks_left_outline {
 width:49%;
 height:30px;
 float:left;
 top:0px;
 margin-left:0px;
 z-index:-2;
}
.footerlinks_right_outline {
 width:49%;
 float:right;
 top:0px;
 margin-left:0px;
 z-index:-1;
 text-align:right;
}
.footerlinks_left {
 padding:8px 0 0 15px;
}
.footerlinks_right {
 padding:8px 15px 0 0;
}
.footer_block_title {
 margin: 0px 4px 0px 38px;
 color: #fff;
 font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
}
#gl_footer {
 background-color:#fff; /* #333; */
 color:#aaa;
 padding: 20px 0 20px 0;
}
#gl_footer ul{
 list-style: none;
}
.footer_blocks_container {
 padding:8px;
 margin-bottom:8px;
}
.footer_block_padright {
 padding-right:8px;
}
.footer_pagewidth_base {
 z-index:1;
 background:#E3F4FB url(/site_media/images/portal_bg.png) 0 0 repeat;
 position:relative;
 height:280px;
 margin-top:-280px;
 border-top:dotted 2px #29ABE2;
}
/* Forms ***************************************/
.form-description {
  display:block;
  float:left;
  font-weight:bold;
  padding-right:5px;
  text-align:right;
  width:100px;
}
.form-field {
  margin-left:105px;
  padding-bottom:5px;
}
 
/*
.scrollbar       { scrollbar-3dlight-color     : #ffd700;
                   scrollbar-arrow-color       : #ff0;
                   scrollbar-base-color        : #ff6347;
                   scrollbar-darkshadow-color  : #ffa500;
                   scrollbar-face-color        : #008080;
                   scrollbar-highlight-color   : #ff69b4;
                   scrollbar-shadow-color      : #f0f;
                   scrollbar-track-color       : #800080;
                 }
*/
 
 
/*
================================================================================
ROUNDED CORNERS
________________________________________________________________________________
  @cb6            = corner background color, is the containing div for the 4
                    corners. 6 is the radius of the corner. tl, tr, bl and br
                    represent each of the four corners.
 
  @cb_01          = same as previous, _1 increments corner style bg colour
 
  Example usage:
 
  <div class="cb01">
   <div class="c01tl"><div class="c01tr"></div></div>
   <div>
    Content goes here, may require CSS for padding
   </div>
   <div class="c01bl"><div class="c01br"></div></div>
  </div>
 
  NOTE: The rounded corners in this style sheet use a single gif image which
  contains all rounded corners of EXACT height and width.  This dramatically
  reduces http requests, load times, managed images as well as CSS.
 
  All background colours and outlines are generated in the image, not in css.
 
  Solution is CSS 1.0 and backward compatible with all browsers (a rarity).
 
================================================================================
*/
/* background colours for divs with rounded colours */
.cb_00           { background-color     : #fff;
                   margin               : 0px 0px 15px 0px;
                   min-width            : 650px; /* for admin console */
                 }
 
 
.cb_01           { background-color     : #fff;
                   margin               : 0px 0px 15px 0px;
                 }
 
.cb_02           { background-color     : #ca0002;
                   margin               : 8px 0px 8px 0px;
                 }
 
.cb_03           { background-color     : #ebeffa;
                   margin               : 8px 0px 8px 0px;
                 }
 
.cb_04           { background-color     : #deebd6;
                   margin               : 8px 0px 8px 0px;
                 }
 
.cb_05           { background-color     : #ffbabb;
                   margin               : 8px 0px 8px 0px;
                 }
.cb_06           { background-color     : #EEE;
                   margin               : 0px;
                 }
 
.cfill_01        { 
                  /* background-color     : #1a1a1a; */

}
 
.cfill_10        { width                : 100%;
                   background-color     : #EEE;
                   border               : 1px solid #ccc;
                 }
 
div.scroll_thumb_list
                 { min-height           : 91px;
                   position: relative;
                   max-height           : 419px;
                   overflow             : auto;
                   overflow-y             : auto;
                   overflow-x             : hidden;
                   padding              : 10px;
                   padding-right: 30px!ie7;
                 }
 
.scroll_thumb_fill_01
                 { width                : 100%;
                   background-color     : #fff;
                   border               : 1px solid #ccc;
                 }
 
.cfill_02        { width                : 100%;
                   padding              : 0px;
                   background-color     : #fff;
                   border               : 2px solid #9b1112;
                 }
 
.cfill_03        { width                : 100%;
                   padding              : 10px;
                   background-color     : #fff;
                   border               : 2px solid #ced4e7;
                 }
 
.cfill_04        { width                : 100%;
                   padding              : 0px;
                   background-color     : #fff;
                   border               : 2px solid #bdccb4;
                 }
 
.cfill_05        { width                : 100%;
                   padding              : 0px;
                   background-color     : #fff;
                   border               : 2px solid #dc6061;
                 }
 
.cfill_06        { width                : 100%;
                   padding              : 0px;
                   background-color     : #fff;
                   border               : 2px solid #ced4e7;
                 }
 
.cfill_07        { width                : 100%;
                   padding              : 0px;
                   background-color     : #fff;
                   border               : 1px solid #ccc;
                 }
 
.cfill_08        { width                : 100%;
                   padding              : 0px 0px 10px 0px;
                   background-color     : transparent;
                   border               : 0px;
                 }
 
.cfill_09        { width                : 100%;
                   padding              : 8px;
                   background-color     : #fff;
                   border               : 2px solid #dfdfdf;
                 }
 
/* 10px corners */
.c10tl           { /*background           : url(/site_media/images/white_corners_10px.png) top left no-repeat;
                   background-position  : 0% 0%;*/
                   display              : inline-block;
                   height               : 10px;
                   width                : 100%;
                 }
 
.c10tr           { /*background           : url(/site_media/images/white_corners_10px.png) top right no-repeat;
                   background-position  : 0% -10px;*/
                   height               : 10px;
                   width                : 10px;
                   float                : right;
                 }
 
.c10bl           { /*background           : url(/site_media/images/white_corners_10px.png) top left no-repeat;
                   background-position  : 0% -20px;*/
                   display              : inline-block;
                   height               : 10px;
                   width                : 100%;
                 }
 
.c10br           { /*background           : url(/site_media/images/white_corners_10px.png) top right no-repeat
                   background-position  : 100% -30px;;*/
                   height               : 10px;
                   width                : 10px;
                   float                : right;
                 }
 
 
                 
                 
/*
================================================================================
WRAPPERS AND FILLS
________________________________________________________________________________
  @wrap_01       = outline, background fill
  #header-loginblock
                 = kinda got stuck with this definition but it's the wrapper for
                   the quick login block at the top right of the site.
  NOTE: Basic div containers that are used to create a background fill and
  outline around the contents.
================================================================================
*/
 
.wrap_01         { border               : solid 1px #dfdfdf;
                   background-color     : #fff;
                   margin               : 3px 9px 3px 9px;
                   padding              : 0px;
                 }
 
.wrap_02         { border               : solid 1px #c1cdf3;
                   background-color     : #e6ebfa;
                   margin               : 0px;
                   padding              : 0px;
                 }
 
.wrap_03         { border-top           : solid 1px #c1cdf3;
                   border-bottom        : solid 1px #c1cdf3;
                   background-color     : #eaf0fa;
                   margin               : 0px;
                   padding              : 0px;
                 }
 
.wrap_04         { border-bottom        : solid 1px #dfdfdf;
                   background-color     : #eee;
                   margin               : 0px;
                   padding              : 5px;
                 }
 
.wrap_05         { border-top           : solid 1px #c1cdf3;
                   background-color     : #eaf0fa;
                   margin               : 0px;
                   padding              : 0px;
                 }
 
.wrap_06         { border-top           : dashed 1px #dfdfdf;
                   background-color     : transparent; /*#ffffff;*/
                   margin               : 0px;
                   padding              : 10px;
                 }
 
.wrap_07         { border-top           : dashed 1px #bfe633;
                   background-color     : #e8f9cd;
                   margin               : 0px;
                   padding              : 10px;
                 }
 
.fill_01         { background-color     : #e9e9e9;
                 }
 
/*LOGIN BLOCK
================================================================================
 
*/
#header-loginblock
                 { position             : absolute;
                   top                  : 5px;
                   right                : 5px;
                   width                : 230px;
                   border               : solid 1px #999;
                   background-color     : #eee;
                   z-index              : 1000;
                   padding              : 2px;
                   height                : 190px;
                 }
#body-loginblock
                 { position             : absolute;
                   width                : 220px;
                   border               : solid 1px #999;
                   background-color     : #eee;
                   z-index              : 1000;
                   padding              : 2px;
                   height                : 190px;
                 }
#header-languages
                 { position             : absolute;
                   right                : 5px;
                   top                  : 5px;
                   width                : 148px;
                   border               : solid 1px #999;
                   background-color     : #eee;
                   z-index              : 1001;
                   padding              : 5px;
                 }
 
/*
================================================================================
TITLES / HEADINGS / BLOCKS / RAW ... and FONT COLOUR
________________________________________________________________________________
  @tb22           = Title, Bold, 22px
  @t22            = Title, 22px
 
  NOTE: What I mean by RAW is that the classname will be devoid of formatting
  elements such as padding, margins etc.
================================================================================
*/
 
/* TITLES */
.tb22            { position             : relative;
                   font-weight          : bold;
                   font-size            : 22px;
                   line-height          : 24px;
                   padding              : 6px 13px 7px 8px;
                 }
 
.tb24            { font-weight          : bold;
                   font-size            : 24px;
                   line-height          : 26px;
                 }
 
.tb16            { position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                   line-height          : 18px;
                   padding              : 7px 10px 5px 10px;
                 }
 
.title16         { position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                   line-height          : 18px;
                 }
 
.admin_block_title
                 { position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                   line-height          : 18px;
                 }
                 
.tb16_block      { position             : relative;
                   font-size            : 16px;
                   line-height          : 40px;
                   padding              : 10px 13px 5px 90px;
                 }
 
.tb18            { font-weight          : bold;
                   font-size            : 18px;
                   line-height          : 22px;
                 }
 
.sign_in         { position             : relative;
                   font-size            : 16px;
                   line-height          : 40px;
                 }
 
.t14             { position             : relative;
                   font-size            : 14px;
                   line-height          : 16px;
                 }
 
.tb14            { position             : relative;
                   font-size            : 14px;
                   line-height          : 16px;
                   padding              : 7px 13px 5px 13px;
                 }
.tb14_block      { position             : relative;
                   font-size            : 12px;
                   font-weight          : bold;
                   line-height          : 16px;
                   padding              : 7px 10px 5px 10px;
                 }
 
.t14_block       { position             : relative;
                   font-size            : 12px;
                   line-height          : 16px;
                   padding              : 7px 10px 5px 10px;
                 }
                 
.tb12            { position             : relative;
                   font-weight          : bold;
                   font-size            : 12px;
                   line-height          : 14px;
                   padding              : 15px 13px 5px 13px;
                 }
.t16            {  position             : relative;
                   font-size            : 16px;
                   line-height          : 18px;
                   padding              : 7px 13px 5px 13px;
                 }
 
.sn16           {  position             : relative;
                   font-size            : 16px;
                   line-height          : 28px;
                 }
 
.tb11            { position             : relative;
                   font-size            : 11px;
                   line-height          : 12px;
                   padding              : 5px 0 7px 10px;
                 }
.tb              { font-weight          : bold;
                 }
.ti                 { font-style: italic;
                 }
 
.t11             { position             : relative;
                   font-weight          : normal;
                   font-size            : 11px;
                   line-height          : 12px;
                 }
 
.t12             { position             : relative;
                   font-weight          : normal;
                   font-size            : 12px;
                   line-height            : 14px;
                 }
.t10             { position             : relative;
                   font-weight          : normal;
                   font-size            : 10px;
                 }
.ttag             { font-size            : 18px;
                   font-variant            : normal;
                   padding                 : 25px 0 0px 0;
                   color                : #ffffff;
                   line-height            : 18pt;
                   font-weight            : light;
                   background-color        : #3399ff;
                   text-align           : center;
                   height                : 40px;
                 }
 
/* RAW */
.rb16            { position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                 }
.rb14            { position             : relative;
                   font-size            : 14px;
                 }
 
.r11             { position             : relative;
                   font-weight          : normal;
                   font-size            : 11px;
                 }
 
/* SPAN - BOLD TEXT WITHIN SPAN */
.sbold span      { font-weight          : bold;
                 }
 
 
/* BLOCK TITLES */
.btb14           { position             : relative;
                   font-weight          : bold;
                   font-size            : 14px;
                   line-height          : 16px;
                 }
.theight         { line-height          : 14px;
                 }
.tgreen          { color                : #009900;
                 }
.tred            { color                : #ca0002;
                 }
 
.tblack          { color                : #000;
                 }
.twhite,
.twhite span     { color                : #fff;
                 }
.tdark span,
.tdark td,
.tdark th        { color                : #dddddd;
                 }
 
.tblue_01 span,
.tblue_01 td,
.tblue_01 th     { color                : #6e7a99;
                 }
 
.tgreen_01 span,
.tgreen_01 td,
.tgreen_01 th    { color                : #718962;
                 }
 
.tred_01 span,
.tred_01 td,
.tred_01 th      { color                : #911717;
                 }
 
                 
.tgrey           { color                : #666;
                 }
.tdisabled       { color                : #ccc;
                 }
.t333            { color                : #333333;
                 }
.tfff            { color                : #fff;
                 }
.t666            { color                : #aeaeae;
                   font-style: normal;
                 }
.tduration       { color                : #6e6e6e;
                 }
.tfbb2d3         { color                : #fbb2d3;
                 }
 
.makemovie a,
.makemovie a:visited
                 { color                : #e4e4e4;
                 }
.makemovie a:hover,
.makemovie a:active
                 { color                : #fff;
                 }
 
.tlink a span,
.tlink a:visited span
                 { color                : #666666;
                 }
.tlink a:hover span,
.tlink a:active span
                 { color                : #3399ff;
                 }
.tlink2 a,
.tlink2 a span,
.tlink2 a:visited span
                 { color                : #333333;
                   text-decoration        : none;
                 }
.tlink2 a:hover,
.tlink2 a:hover span,
.tlink2 a:active span
                 { color                : #3399ff;
                   text-decoration        : underline;
                 }
.tlink9         { color                : #555555;
                 }
 
 
.tlink9 a,
.tlink9 a span,
.tlink9 a:visited span
                 { color                : #555555;
                   text-decoration        : none;
                 }
.tlink9 a:hover,
.tlink9 a:hover span,
.tlink9 a:active span
                 { color                : #fff;
                   text-decoration        : underline;
                 }
 
.buynow         { color                : #fff;
                 }
 
 
.buynow a,
.buynow a span,
.buynow a:visited span
                 { color                : #fff;
                   text-decoration        : none;
                 }
.buynow a:hover,
.buynow a:hover span,
.buynow a:active span
                 { color                : #fff;
                   text-decoration        : underline;
                 }
 
 
 
.tlink3 a span,
.tlink3 a:visited span,
.tlink3 a:hover span,
.tlink3 a:active span
                 { color                : #666666;
                 }
 
.tlink4 a span,
.tlink4 a:visited span,
.tlink4 a:hover span,
.tlink4 a:active span
                 { color                : #666666;
                 }
 
.tlink6 a span,
.tlink6 a:visited span,
.tlink6 a:hover span,
.tlink6 a:active span
                 { color                : #666666;
                 }
 
.tlink7 a span,
.tlink7 a:visited span,
.tlink7 a:hover span,
.tlink7 a:active span
                 { color                : #666666;
                 }
.twn             { font-weight            : normal;
                 }
 
.t9font          { color                : #fff;
                   font-family          : Verdana;
                   font-size            : 9px;
                 }
.upper            {
                   text-transform            : uppercase;
                }
 
/*
 
 
/* GO TO NEXT SECTION LINK*/
 
.tn12            { position             : relative;
                   font-size            : 12px;
                   line-height          : 14px;
                   padding              : 15px 0px 5px 13px;
                 }
.tn12 a             { text-decoration      : none;
                   color                : #000;
                 }
.tn12 a:hover     { text-decoration      : underline;
                   color                : #3399ff;
                 }
/*
================================================================================
BORDERS / BACKGROUND COLOURS
________________________________________________________________________________
  @b1            = Bottom line, 1px
  @bgb1          = Background Colour, Bottom line, 1px
  @bg1           = Background Colour
================================================================================
*/
.b1,
.b1 td,
.b1 th           { border-bottom        : solid 1px #ccc;
                 }
 
.t1              { border-top           : solid 1px #ccc;
                 }
 
.tdot1           { border-top           : dotted 1px #ccc;
                 }
.tdot2           { border-top           : dotted 1px #ffcc33;
                 }
 
.r1              { border-right         : solid 1px #c1cdf3;
                 }
 
.r2,
.r2 td,
.r2 th           { border-right         : solid 1px #ccc;
                 }
 
.bgb1            { border-bottom        : solid 1px #ccc;
                   background-color     : #fff;
                   display              : inline-block;
                   width                : 100%;
                 }
 
.bgb1_over       { border-bottom        : solid 1px #ccc;
                   background-color     : #fefde8;
                   display              : inline-block;
                   width                : 100%;
                 }
 
.bgb1_sel        { border-bottom        : solid 1px #ccc;
                   background-color     : #e3e3e3;
                   display              : inline-block;
                   width                : 100%;
                 }
 
.bgb1_over a     { color                : solid 1px #ca0002;
                 }
                 
.bgb2            { border-bottom        : solid 1px #ccc;
                   background-color     : #fafafa;
                   display              : inline-block;
                   width                : 100%;
                 }
 
.bgb3            { border-top           : solid 1px #ccc;
                   border-bottom        : solid 1px #ccc;
                   background-color     : #f2f2f2;
                   width                : 100%;
                 }
 
.bgb4            { display              : inline-block;
                   padding-bottom       : 10px;
                   min-height           : 360px;
                   width                : 100%;
                 }
 
.bgb5            { position             : relative;
                   width                : 620px;
                   height               : 145px;
                   overflow             : hidden;
                   background           : #fafafa;
                   margin-bottom        : 10px;
                 }
 
.bgb4b           { display              : inline-block;             // Same as bgb4 but no min height. Used for the channel comments feature
                   border-top           : solid 1px #ccc;
                   padding-top          : 10px;
                   width                : 100%;
                 }
 
.bg1             { background-color     : #f2f2f2;
                   margin               : 3px 9px 3px 9px;
                 }
.bg2 a,
.bg2             { background-color     : #666666;
                   color				: #ffffff;
                   text-decoration      : none;
                   font-weight			: normal;
                 }
.bg2 a:hover     { text-decoration      : underline;
                 }
.bgblue a,
.bgblue             { background-color	: #3399ff;
                   color                : #ffffff;
                   text-decoration     	: none;
                 }
.bgblue a:hover     { text-decoration      : underline;
                 }
.bg000             { 
                        background-color: #000000;
 
background-image: url(/site_media/images/gunmetal.gif);
 
background-repeat: repeat-x;
 
background-attachment: scroll;
 
background-position: left top;
                 }
.bgfff             { background-color        : #fff;
                 }
/*
/*
================================================================================
CUSTOM HYPERLINK AND DISCLOSURE-ICON SYLES
________________________________________________________________________________
  This CSS file allows us to create link definitions where a visual aid such as
  a document icon is required to appear beside a hyperlink.  It also works for
  defining an icon which you'd like to appear in a td or div tag.  There are too
  many styles to realisticly be defined here.
 
  For example, daphne is peppered with links to PDF files that require the
  links to sport a shiny PDF icon beside the link (or be the link).
 
  Example:
 
  <a href="docs/readme.pdf">Read Me</a>
 
  a[href $='.pdf']  {
    padding-right: 14px;
     background: transparent url(pdf.gif) no-repeat center right;
  }
 
  The dollar sign is what means "end", the sample link above contains
  "docs/readme.pdf" and so the CSS rules will automatically append a PDF icon
  next to the link.
 
________________________________________________________________________________
 
  Slight variations are required for other link types...
 
  mailto example:
  ---------------------
  <a href="mailto:janedoe@mysite.com">Email</a>
 
  a[href ^="mailto:"] {
   padding-right: 14px;
   background: transparent url(mail.gif) no-repeat center right;
  }
 
  The caret and equals sign means "starts with". The rule looks for all a tags
  whose href starts with "mailto:", then displays a small mail icon as a
  background image.
 
  popup example:
  ---------------------
  <a class="popup" href="help.html">Help</a>
 
  a[class ="popup"] {
   padding-right: 14px;
   background: transparent url(popup.gif) no-repeat center right;
  }
 
  This rule looks for all a tags whose class is set to "popup" then adds the
  appropriate icon.
 
  popup example 2:
  ---------------------
 
  In a case where multiple class are defined the above sample will cease to work.
 
  <a class="popup altstyle" href="help.html">Help</a>
 
  That's because "popup" and "popop altstyle" are not seen as being the same. So
  we need to work around this.
 
  a[class ~="popup"] {
   padding-right: 14px;
   background: transparent url(popup.gif) no-repeat center right;
  }
 
  This looks suspiciously the same as the previous sample except this one has a
  tilde(~) before the = sign.  This tells the CSS rule to look for the word
  "popup" within the series of styles defined.
 
  NOTE: depending on font size, the icon may get cropped to fit the height of
  the font size.  To avoid this, simply add a few px of padding to the top and
  bottom.
 
================================================================================
*/
 
a[href $='.pdf'],
a.icon-pdf       { background           : transparent url(/site_media/images/pdf.gif) no-repeat center right;
                   padding-right        : 20px;
                 }
 
/* EPISODE MINIPLAYER LINKS */
 
.share_picon, .share_picon_over, .fav_picon, .fav_picon_over, .playlist_picon, .playlist_picon_over, .flag_picon,
.flag_picon_over, .check_picon, .check_picon_over, .exclaim_picon, .exclaim_picon_over {
	background: transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
   	height: 26px;
   	line-height: 28px;
 	padding-left: 28px;
}

.share_picon {  		background-position  : 0% 0%; }
.share_picon_over { 	background-position  : 0% -40px;}
.fav_picon { 			background-position  : 0% -80px;}
.fav_picon_over { 		background-position  : 0% -120px;}
.playlist_picon { 		background-position  : 0% -160px;}
.playlist_picon_over {	background-position  : 0% -200px;}
.flag_picon { 			background-position  : 0% -240px;}
.flag_picon_over { 		background-position  : 0% -280px;}
.check_picon { 		background-position  : 0% -400px;}
.check_picon_over { 	background-position  : 0% -400px;}
.exclaim_picon { 		background-position  : 0% -480px;}
.exclaim_picon_over { 	background-position  : 0% -480px;
}

.disabled_picon {
    opacity: .7;
    filter: alpha(opacity=70);
}

.youtube_icon {
	background: transparent url(/site_media/images/icon_youtube.png) no-repeat;
	background-position: 0 4px;
   	height: 26px;
   	line-height: 28px;
 	padding-left: 55px;
}
.youtube_icon_over {
	background: transparent url(/site_media/images/icon_youtube_on.png) no-repeat;
	background-position: 0 4px;
   	height: 26px;
   	line-height: 28px;
 	padding-left: 55px;
}
.hq_icon {
	background: transparent url(/site_media/images/icon_hq.png) no-repeat;
	background-position: 0 4px;
   	height: 26px;
   	line-height: 28px;
 	padding-left: 38px;
}
.hq_icon_over {	
	background: transparent url(/site_media/images/icon_hq_on.png) no-repeat;
	background-position: 0 4px;
   	height: 26px;
   	line-height: 28px;
 	padding-left: 38px;
}

/*
.share_picon     { background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% 0%;
                 }
 
.share_picon_over{ background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -40px;
                 }
 
.fav_picon     { background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -80px;
                 }
 
.fav_picon_over{ background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -120px;
                 }
 
.playlist_picon     { background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -160px;
                 }
 
.playlist_picon_over{ background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -200px;
                 }
 
.flag_picon     { background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -240px;
                 }
 
.flag_picon_over{ background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -280px;
                 }
 
.check_picon     { background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -400px;
                 }
 
.check_picon_over{ background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -400px;
                 }
 
.exclaim_picon     { background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -480px;
                 }
 
.exclaim_picon_over{ background           : transparent url(/site_media/images/picons_miniplayer2_24px.png) no-repeat bottom right;
                   height               : 26px;
                   line-height          : 28px;
                   padding-left         : 28px;
                   background-position  : 0% -480px;
                 }

*/ 
 
.e_number_tag      { font-size            : 10px;
                   color                : white;
                   background-color        : #ff6811;
                   width                : auto;
                 }
 
 
/* minor fix for Firefox, font size should NOT affect height of picon but in FF it does,
   so by setting a different size for the picon (ep_mp_link) and another for the link then
   we can work around this problem - in theory... */
.ep_t14 span     { font-size            : 14px;
                 }
 
 
a[class ="ep_h264"],
a.ep_h264        { background-position  : 0% -320px;
                 }
 
a:hover[class ="ep_h264"],
a:hover.ep_h264  { background-position  : 0% -360px;
                 }
 
/* COUNTRY FLAGS */
.flag_cur        { position:relative;
                   background           : transparent url(/site_media/images/site_language_flags.gif) no-repeat top left;
                   background-position  : 0% 0%;
                   display              : inline-block;
                   display              : -moz-inline-stack;
                   width                : 20px;
                   height               : 16px;
                   padding-left         : 22px;
                 }
.flag_base       { background           : transparent url(/site_media/images/site_language_flags.gif) no-repeat center right;
                   background-position  : 0% 0%;
                   padding-left         : 22px;
                   height               : 16px;
                 }
.flag_de         { background-position  : 0% 0%;
                 }
.flag_au         { background-position  : 0% -15px;
                 }
.flag_ca         { background-position  : 0% -30px;
                 }
.flag_gb         { background-position  : 0% -45px;
                 }
.flag_ir         { background-position  : 0% -60px;
                 }
.flag_nz         { background-position  : 0% -75px;
                 }
.flag_en         { background-position  : 0% -90px;
                 }
.flag_es         { background-position  : 0% -105px;
                 }
.flag_mx         { background-position  : 0% -120px;
                 }
.flag_fr         { background-position  : 0% -135px;
                 }
.flag_it         { background-position  : 0% -150px;
                 }
.flag_jp         { background-position  : 0% -165px;
                 }
.flag_kr         { background-position  : 0% -180px;
                 }
.flag_nl         { background-position  : 0% -195px;
                 }
.flag_pl         { background-position  : 0% -210px;
                 }
.flag_br         { background-position  : 0% -225px;
                 }
.flag_ru         { background-position  : 0% -240px;
                 }
.flag_vn         { background-position  : 0% -255px;
                 }
.flag_ws         { background-position  : 0% -270px;
                 }
.flag_qc         { background-position  : 0% -285px;
                 }
 
 
 
 
 
/* PRIVATE MESSENGER ICONS */
a[class ="picon_pm"],
a.picon_pm       { background           : transparent url(/site_media/images/pm_picons_16px.gif) no-repeat center right;
                   background-position  : 0% -5px;
                   padding-left         : 18px;
                   height               : 16px;
                 }
 
a[class ="picon_edit16"],
a.picon_edit     { background           : transparent url(/site_media/images/edit_16.png) no-repeat center right;
                   background-position  : 0px 0;
                   padding              : 5px 0px 10px 20px;
                   height                : 25px;
                 }
 
a[class ="picon_edit"],
a.picon_edit16   { background         : transparent url(/site_media/images/edit.gif) no-repeat center right;
                   background-position  : 0px 0;
                   padding              : 5px 0px 10px 20px;
                   height                : 25px;
 
                 }
/* SOCIAL BOOKMARKING ICONS */
a[class ="social_digg"],
a.social_digg    { background           : transparent url(/site_media/images/social_bookmarks.png) no-repeat center right;
                   background-position  : 0% -2px;
                   padding              : 2px 10px 2px 22px;
                 }
 
a[class ="social_del"],
a.social_del     { background           : transparent url(/site_media/images/social_bookmarks.png) no-repeat center right;
                   background-position  : 0% -24px;
                   padding              : 2px 10px 2px 22px;
                 }
 
a[class ="social_reddit"],
a.social_reddit  { background           : transparent url(/site_media/images/social_bookmarks.png) no-repeat center right;
                   background-position  : 0% -46px;
                   padding              : 2px 10px 2px 22px;
                 }
 
a[class ="social_stum"],
a.social_stum    { background           : transparent url(/site_media/images/social_bookmarks.png) no-repeat center right;
                   background-position  : 0% -68px;
                   padding              : 2px 10px 2px 22px;
                 }
 
a[class ="social_facebook"],
a.social_facebook{ background           : transparent url(/site_media/images/social_bookmarks.png) no-repeat center right;
                   background-position  : 0% -90px;
                   padding              : 2px 10px 2px 22px;
                 } 

 
a[class ="social_myspace"],
a.social_myspace { background           : transparent url(/site_media/images/social_bookmarks.png) no-repeat center right;
                   background-position  : 0% -112px;
                   padding              : 2px 10px 2px 22px;
                 }
 
a[class ="social_email"],
a.social_email{ background           : transparent url(/site_media/images/social_bookmarks.png) no-repeat center right;
                   background-position  : 0% -134px;
                   padding              : 2px 10px 2px 22px;
                 }

/* GENERAL ICONS */
a[class ="disclosure_closed"],
a.disclosure_closed
                 { background           : transparent url(/site_media/images/picons_general18px.png) no-repeat center right;
                   background-position  : 0% 0%;
                   padding              : 2px 10px 2px 18px;
                   position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                   line-height          : 24px;
                   color                : #fff;
                   text-decoration      : none;
                 }
 
a[class ="disclosure_open"],
a.disclosure_open{ background           : transparent url(/site_media/images/picons_general18px.png) no-repeat center right;
                   background-position  : 0% -20px;
                   padding              : 2px 10px 2px 18px;
                   position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                   line-height          : 24px;
                   color                : #fff;
                   text-decoration      : none;
                 }
 
a[class ="disclosure_white_closed"],
a.disclosure_white_closed
                 { background           : transparent url(/site_media/images/picons_general18px.png) no-repeat center right;
                   background-position  : 0% -36px;
                   padding              : 2px 10px 2px 18px;
                   position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                   line-height          : 24px;
                   color                : #fff;
                   text-decoration      : none;
                 }
 
a[class ="disclosure_white_open"],
a.disclosure_white_open
                 { background           : transparent url(/site_media/images/picons_general18px.png) no-repeat center right;
                   background-position  : 0% -56px;
                   padding              : 2px 10px 2px 18px;
                   position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                   line-height          : 24px;
                   color                : #fff;
                   text-decoration      : none;
                 }
 
a[class ="disclosure_dark_closed"],
a.disclosure_dark_closed
                 { background           : transparent url(/site_media/images/picons_general18px.png) no-repeat center right;
                   background-position  : 0% 0%;
                   padding              : 2px 10px 2px 18px;
                   position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                   line-height          : 24px;
                   color                : #000;
                   text-decoration      : none;
                 }
 
a[class ="disclosure_dark_open"],
a.disclosure_dark_open
                 { background           : transparent url(/site_media/images/picons_general18px.png) no-repeat center right;
                   background-position  : 0% -20px;
                   padding              : 2px 10px 2px 18px;
                   position             : relative;
                   font-weight          : bold;
                   font-size            : 16px;
                   line-height          : 24px;
                   color                : #000;
                   text-decoration      : none;
                 }
 
a:hover[class ="disclosure_dark_closed"],
a:hover.disclosure_dark_over
                 { color                : #666;
                 }
 
a:hover[class ="disclosure_dark_open"],
a:hover.disclosure_dark_open 
                 { color                : #666;
                 }
 
/*
================================================================================
SITE NAV BUTTONS
================================================================================
*/
 
        .siteNavMenu {
            font-size: 24px;
            font-weight: bold;
            line-height: 56px;
            text-decoration: none;
            background: transparent; 
            color: #737987;
        }
                
        .siteNavMenu a {
            font-size: 24px;
            font-weight: bold;
            line-height: 56px;
            text-decoration: none;
            background: transparent; 
            color: #737987;
        }
 
        .siteNavMenu a:hover,
        .siteNavMenu a:active {
            font-size: 24px;
            font-weight: bold;
            line-height: 56px;
            text-decoration: none;
            background: transparent; 
            color: #b0b5c1;
        }
 
        .mainNavMenu {
            font-size: 18px;
            font-weight: bold;
            line-height: 50px;
            text-decoration: none;
            background: transparent; 
            color: #000;
        }
                
        .mainNavMenu a {
            font-size: 18px;
            font-weight: bold;
            line-height: 50px;
            text-decoration: none;
            background: transparent; 
            color: #555555;
        }
 
        .mainNavMenu a:hover,
        .mainNavMenu a:active {
            font-size: 18px;
            font-weight: bold;
            line-height: 50px;
            text-decoration: none;
            background: transparent; 
            color: #fafafa;
        }
 
 
/*
================================================================================
SHOW SWITCHER NAV BUTTONS
________________________________________________________________________________
  @sl            = slide left.  A little missleading as the component actually
                   slides to the right therefore revealing the slides hidding
                   on the left.  However, the point here is to classify the
                   BUTTON we are using on the LEFT side of the nav tool.
================================================================================
*/
 
.sl              { background           : transparent url(/site_media/images/show_switcher_buttons.png) no-repeat top left;
                   background-position  : 0% 0%;
                   position             : relative;
                   float                : left;
                   height               : 21px;
                   width                : 33px;
                 }
 
.sl_hover        { background           : transparent url(/site_media/images/show_switcher_buttons.png) no-repeat top left;
                   background-position  : 0% -21px;
                   position             : relative;
                   float                : left;
                   height               : 21px;
                   width                : 33px;
                 }
 
.sl_dis          { background           : transparent url(/site_media/images/show_switcher_buttons.png) no-repeat top left;
                   background-position  : 0% -42px;
                   position             : relative;
                   float                : left;
                   height               : 21px;
                   width                : 33px;
                 }
 
.sr              { background-position  : 0% -63px;
                 }
 
.sr_hover        { background-position  : 0% -84px;
                 }
 
.sr_dis          { background-position  : 0% -105px;
                 }
 
.s_page          { background           : transparent url(/site_media/images/switcher_paging.gif) no-repeat top left;
                   background-position  : 0% 0%;
                   position             : relative;
                   float                : left;
                   height               : 21px;
                   width                : 11px;
                 }
 
.s_home          { background           : transparent url(/site_media/images/showcase_home.gif) no-repeat top left;
                   background-position  : 0% 50%;
                   position             : relative;
                   float                : left;
                   height               : 21px;
                   width                : 22px;
                   margin-left:5px;margin-right:5px;
                 }
 
.s_page_alt      { background           : transparent url(/site_media/images/switcher_paging.gif) no-repeat top left;
                   background-position  : 0% -21px;
                   position             : relative;
                   float                : left;
                   height               : 21px;
                   width                : 11px;
                 }
 
/* mini switcher arrows on episode showcase page */
 
.mini_sl         { background           : transparent url(/site_media/images/show_switcher_buttons.png) no-repeat top left;
                   background-position  : 0% -147px;
                   position             : relative;
                   float                : left;
                   height               : 21px;
                   width                : 33px;
                 }
 
.mini_sl_hover   { background           : transparent url(/site_media/images/show_switcher_buttons.png) no-repeat top left;
                   background-position  : 0% -168px;
                   position             : relative;
                   float                : left;
                   height               : 21px;
                   width                : 33px;
                 }
 
.mini_sl_dis     { background           : transparent url(/site_media/images/show_switcher_buttons.png) no-repeat top left;
                   background-position  : 0% -126px;
                   position             : relative;
                   float                : left;
                   height               : 21px;
                   width                : 33px;
                 }
 
.mini_home       { background-position  : 0% -252px;
                 }
 
.mini_sr         { background-position  : 0% -210px;
                 }
 
.mini_sr_hover   { background-position  : 0% -231px;
                 }
 
.mini_sr_dis     { background-position  : 0% -189px;
                 }
 
 
/*
================================================================================
VIEW SWITCHER BUTTONS
________________________________________________________________________________
  @xxxxx         = xxxxxx
================================================================================
*/
 
.sv_thumb        { background           : transparent url(/site_media/images/switcher_view.png) no-repeat top left;
                   background-position  : 0% 0%;
                   position             : relative;
                   float                : right;
                   height               : 21px;
                   width                : 56px;
                 }
 
.sv_thumb_hover  { background-position  : 0% -21px;
                 }
 
.sv_list         { background           : transparent url(/site_media/images/switcher_view.png) no-repeat top left;
                   background-position  : 0% -42px;
                   position             : relative;
                   float                : right;
                   height               : 21px;
                   width                : 56px;
                 }
 
.sv_list_hover   { background-position  : 0% -63px;
                 }
 
/*
================================================================================
PAGINATION
________________________________________________________________________________
  @xxxxx         = xxxxxx
================================================================================
*/
.pagenav         { font-size            : 12px;
                   text-align           : center;
                   color                : #999;
                   margin               : 10px 0 10px 0;
                   padding              : 2px 4px 2px 4px;
                 }
.pagenav a:link,
.pagenav a:visited,
.pagenav a:active
                 { padding              : 2px 4px 2px 4px;
                 }
 
.pagenav a:hover { padding              : 2px 4px 2px 4px;
                 }
 
/*
================================================================================
ONE OFF'S - THINGS LIKELY TO BE USED IN VERY FEW PLACES
________________________________________________________________________________
  @box1          = div container
================================================================================
*/
 
.box1            { padding              : 14px 0 14px 0;
                   height               : 150px;
                   min-width            : 100%;
                   overflow             : scroll;
                   overflow-y           : hidden;
                   /* overflow-x           : hidden; */
                 }
 
.login_options   { float                : right;
                 }
 
./site_media_preview_container {
 padding:8px;
}
 
./site_media_duration {
 width:128px;
 z-index:2;
 position:relative;
 top:2px;
 left:0;
 background-color:#000000;
    opacity: .8;
    filter: alpha(opacity=80);
 color:#f9f9f9;
 padding:2px;
 font-family:Verdana;
 font-size:11px;
}
 
./site_media_ep_thumb {
 position:relative;
 z-index:1;
 top:-17px;
 width:128px;
 border:solid 1px #e6e6e6;
}
 
 
.myshows_outline   { position            : relative;
                   border-collapse     : collapse;
                   border              : solid 1px red;
                   padding             : 1px;
                   background-color    : #FFFFFF;
                   width               : 120px;
                   text-align          : left;
                   float               : left;
                   z-index             : 1;
                 }
/*
================================================================================
STATE WEB
________________________________________________________________________________
  @state_web    = controls the width of the state web layout page so it works
                  across all browsers.
================================================================================
*/
.state_web       { width:1000px;
                   margin-top:-15px;
                 }
 
 
/*
================================================================================
EPISODE & SHOW RECORDS & THUMBNAILS
________________________________________________________________________________
  @/site_mediarow      = alternating row colours for list results
 
  NOTE: Should be fairly straight-forward.  The following defines the preview
  thumbnails and information for all grid view and list view templates.
================================================================================
*/
 
.ep_desc         { padding              : 6px;
                 }
./site_mediarow1       { display              : inline-block;
                   position             : relative;
                   background-color     : #fff;
                   padding              : 8px 0px 10px 8px;
                   margin               : 0px 0px 8px 0px;
                 }
./site_mediarow2       { display              : inline-block;
                   position             : relative;
                   background-color     : #fff;

                   padding              : 8px 0px 18px 8px;
                   margin               : 0px 0px 8px 0px;
                 }
 
.showrow1        { display              : inline-block;
                   position             : relative;
                   background-color     : #fff;
                   width                : 606px;
                   padding              : 6px 0px 0px 7px;
                   margin               : 0px 0px 5px 0px;
                 }
.showrow2        { display              : inline-block;
                   position             : relative;
                   background-color     : #fff;
                   width                : 606px;
                   padding              : 6px 0px 0px 7px;
                   margin               : 0px 0px 5px 0px;
                 }
 
.s_thumb         { width                : 112px;
                 }
 
.s_thumb_pos     { margin               : 0 0 12px 9px;
                   width                : 140px;
                   display              : inline-block;
                 }
 
.s_thumb_rating  { height               : 29px;
                   border-top           : solid 1px #f7f7f7;
                   padding-top          : 5px;
                 }
 
.s_thumb_body    { padding              : 4px 4px 3px 4px;
                   border-bottom        : 1px solid #dfdfdf;
                 }
 
.s_thumb_list    { padding              : 4px 4px 3px 4px;
                 }
 
.s_thumb_body2   { background           : #f771ad url(/site_media/images/e_thumb_bg2.gif) top left repeat;
                   border-top           : 1px dashed #bf0000;
                 }
 
.s_thumbheight   { height               : 182px;
                 }
 
.s_thumbsize     { background-color     : transparent;
                   position             : relative;
                   margin               : 6px 7px 6px 7px;
                   width                : 139px;
                   z-index              : 1;
                   float                : left;
                 }
 
.e_thumb         { margin               : 0 0 2px 0;
                   width                : 132px;
                 }
 
.e_thumb_pos     { display              : inline-block;
                 }
 
.e_thumb_filler  { background-color     : #ffffff;
                   border-top           : solid 1px #ddd;
                   border-left          : solid 1px #fafafa;
                   border-right         : solid 1px #fafafa;
                   border-bottom        : solid 1px #fff;
                 }
.e_thumb_filler2 { border-left          : solid 1px #fafafa;
                   border-right         : solid 1px #fafafa;
                   border-bottom        : solid 1px #f7a1c8;
                   /* the left and right borders are added to cover up an */
                   /* inconsistantcy in cross-browser rendering */
                 }
.ep_info         {  padding-left         : 10px;
                 }
.ep_featured_info{ border-left          : solid 1px #e2e2e2;
                   padding-left         : 19px;
                 }
.e_thumb_head    { height               : 16px;
                 }
 
.e_thumb_body    { padding              : 3px 5px 4px 5px;
background-color     : #1a1a1a;
border: 1px solid #3f3f3f;
                 }
 
.e_thumb_body2   { background           : #f771ad url(/site_media/images/e_thumb_bg2.gif) top left repeat;
                   border-top           : 1px dashed #bf0000;
                   border-bottom        : 1px dashed #bf0000;
                 }
 
.e_thumbsize     { background-color     : #1a1a1a;
                   position             : relative;
                   margin               : 6px 11px 6px 11px;
                   width                : 140px;
                   z-index              : 1;
                   float                : left;
                 }
 
/*  Episode page thumbnail switcher */
.e_episodetbsize { background-color     : transparent;
                   position             : relative;
                   margin               : 2px 2px 2px 1px;
                   width                : 82px;
                   z-index              : 1;
                   float                : left;
                 }
 
.e_thumb_view    { padding-bottom       : 10px;
                   margin-bottom        : 5px;
                   border-bottom        : dotted 1px #dfdfdf;
                 }
 
.s_list_view     { padding-bottom       : 10px;
                   margin-bottom        : 5px;
                   border-bottom        : dashed 1px #dfdfdf;
                 }
 
.e_thumbheight   { height               : 225px;
                 }
.s_thumbheight     { height                : 222px;
                 }
 
.e_thumbover     { position             : absolute;
                   cursor               : hand;
                   margin               : 6px;
                   background           : #FFF;
                   width                : 140px;
                   float                : left;
                   top                  : -6px;
                   left                 : -6px;
                   z-index              : 2;
                 }
 
.s_play          { border-left          : solid 1px #5c5c5c;
                   position             : absolute;
                   cursor               : pointer;
                   cursor               : hand;
                   background           : transparent url(/site_media/images/play_selection_icon.png) top left no-repeat;
                   padding-top          : 58px;
                   height               : 34px;
                   width                : 122px;
                   top                  : 11px;
                   left                 : 10px;
                   z-index              : 3;
                 }
 
.e_play          { border-left          : solid 1px #5c5c5c;
                   position             : absolute;
                   cursor               : pointer;
                   cursor               : hand;
                   background           : transparent url(/site_media/images/e_play_icon.png) top left no-repeat;
                   padding-top          : 58px;
                   height               : 38px;
                   width                : 127px;
                   top                  : 4px;
                   left                 : 6px;
                   z-index              : 3;
                 }
 
.halo_outline    { padding              : 1px;
                   border               : solid 1px #999;
                 }
 
.thumb_outline   { padding              : 1px;
                   border               : solid 1px #999;
                   height               : 96px;
                   width                : 128px;
                   margin-bottom        : 10px;
                 }
 
.smthumb_outline { padding              : 1px;
                   border               : solid 1px #e2e2e2;
                   height               : 45px;
                   width                : 45px;
                 }
.e_miniplayer    { background-color     : #fafafa;
                   border-top           : solid 1px #ccc;
                   display              : inline-block;
                   position             : relative;
                   width                : 100%;
                   padding              : 18px 0px 18px 0px;
                 }
 
.e_miniplayer_col
                 { vertical-align       : top;
                   text-align           : left;
                   margin-bottom        : 20px;
                   float                : left;
                   width                : 610px;
                   padding-left         : 5px;
                   padding-right        : 10px;
                   padding-bottom        : 10px;
                 }
 
.ep_signtorate   { position             : absolute;
                   left                 : 175px;
                   top                  : 10px;
                   border               : solid black 1px;
                   background-color     : #FEF1B4;
                   display              : none;
                   z-index              : 1000;
                   padding              : 2px;
                 }
 
.e_comments_wrap { clear                : both;
                   position             : relative;
                   border-top           : solid 1px #ddd;
                   margin-top           : 8px;
                 }
 
.e_records       { background-color     : #1a1a1a;
                   padding              : 12px 15px 12px 15px;
                 }
 
.e_blocks        { vertical-align        : top;
                   float                 : right;
                   width                 : 370px;
                   padding-left          : 5px;
                 }
.pub_blocks        { vertical-align        : top;
                   float                 : left;
                   width                 : 370px;
                   margin-left:             310px;
                   padding-left          : 5px;
                 }
/*
 
================================================================================
ICONS EPISODE
________________________________________________________________________________
*/
.picon_series    { background            : transparent url(/site_media/images/picons_16px.gif) no-repeat top left;
                   background-position  : 0% -1px;
                   position             : relative;
                   height               : 16px;
                   padding              : 0 10px 0 20px;
                   display                : inline-block;
                }
.icon_edit        {  background             : transparent url(/site_media/images/picons_16px.gif) no-repeat top left;
                   background-position  : 0% -42px;
                   position             : relative;
                   height               : 13px;
                   width                : 13px;
                   padding              : 2px 0px 0px 4px;
                   display                : inline-block;
                }
.icon_delete    {  background             : transparent url(/site_media/images/picons_16px.gif) no-repeat top left;
                   background-position  : 0% -80px;
                   position             : relative;
                   height               : 13px;
                   width                : 13px;
                   padding              : 1px 0px 0px 4px;
                   display                : inline-block;
                }
 
.icon_edit:hover        { background              : transparent url(/site_media/images/picons_16px.gif) no-repeat top left;
                             background-position    : 0% -61px;
                             position               : relative;
                             height                 : 13px;
                             width                     : 13px;
                             padding                   : 2px 0px 0px 4px;
                             display                : inline-block;
                        }
.icon_delete:hover       {      background              : transparent url(/site_media/images/picons_16px.gif) no-repeat top left;
                                  background-position  : 0% -97px;
                                  position             : relative;
                                  height               : 13px;
                                  width                 : 13px;
                                  padding              : 1px 0 0px 4px;
                                  display                : inline-block;
                         }
.icon_republish         { background             : transparent url(/site_media/images/picons_16px.gif) no-repeat top left;
                             background-position   : 0% -114px;
                             position              : relative;
                            height                : 14px;
                               padding             : 5px 0 0 20px;
                        }
.icon_republish:hover   {     background              : transparent url(/site_media/images/picons_16px.gif) no-repeat top left;
                               background-position  : 0% -134px;
                               position             : relative;
                               height               : 15px;
                               padding              : 4px 0 0 20px;
                        }
.icon_hq        {  background           : transparent url(/site_media/images/hq_icon.gif) no-repeat top left;
                   position             : relative;
                   height               : 30px;
                   width                : 40px;
                   display              : inline-block;
                }
.icon_hq_grey   {  background           : transparent url(/site_media/images/hq_grey_icon.gif) no-repeat top left;
                   position             : relative;
                   height               : 30px;
                   width                : 40px;
                   display              : inline-block;
                }
 
 
/*
 
================================================================================
MAKE MOVIES BLOCK
________________________________________________________________________________
*/
 
/*Holodeck Actors Make Movies Landing Page*/
.hol_actors                {     position            : relative;
                            display             : inline-block;
                            float               : left;
                            height                : 162px;
                            width                : 208px;
                            top                 : 18px;
                            left                : 29px;
                            background          : transparent url(/images/landing_pages/make_movies/hol_2actors_large.jpg) no-repeat;
                         }
 
.hol_actors_over          { position             : relative;
                           display              : inline-block;
                           float                : left;
                           height                : 162px;
                           width                : 208px;
                           top                  : 18px;
                           left                 : 29px;
                           background             : transparent url(/images/landing_pages/make_movies/hol_2actors_large_over.jpg) no-repeat;
                           cursor                : pointer;
                         }
/**/
.hol_actor                 { position             : relative;
                           display              : inline-block;
                           float                : left;
                           height               : 174px;
                           width                : 137px;
                           top                  : 18px;
                           left                 : 65px;
                           background           : transparent url(/images/landing_pages/make_movies/hol_actor_large.jpg) no-repeat;
                         }
 
.hol_actor_over          { position                : relative;
                           display                : inline-block;
                           float                : left;
                           height                : 174px;
                           width                : 137px;
                           top                  : 18px;
                           left                    : 65px;
                           background             : transparent url(/images/landing_pages/make_movies/hol_actor_large_over.jpg) no-repeat;
                           cursor                : pointer;
                        }
 
/*Holodeck Actors HomePage 280px*/
.hol_actors_2            { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 137px;
                          width                 : 195px;
                          top                   : 3px;
                          left                  : 0px;
                          background            : transparent url(/images/landing_pages/make_movies/hol_2actors_1.jpg) no-repeat;
                        }
 
.hol_actors_2_over         { position              : relative;
                          display                : inline-block;
                          float                 : left;
                          height                : 137px;
                          width                 : 195px;
                          top                   : 3px;
                          left                  : 0px;
                          background             : transparent url(/images/landing_pages/make_movies/hol_2actors_over_1.jpg) no-repeat;
                          cursor                : pointer;
                        }
 
.hol_actor_2            { position                : relative;
                          display               : inline-block;
                          float                 : left;
                          height                : 126px;
                          width                 : 123px;
                          top                    :17px;
                          left                  : 15px;
                          background            : transparent url(/images/landing_pages/make_movies/hol_actor_1.jpg) no-repeat;
                        }
 
.hol_actor_2_over         { position              : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 126px;
                          width                    : 123px;
                          top                    : 17px;
                          left                    : 15px;
                          background             : transparent url(/images/landing_pages/make_movies/hol_actor_over_1.jpg) no-repeat;
                          cursor                : pointer;
                        }
 
/*ChuChu actors landing page*/
.chu_actors                { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 174px;
                          width                    : 197px;
                          top                    : 6px;
                          left                    : 77px;
                          background            : transparent url(/images/landing_pages/make_movies/chu_2actors.jpg) no-repeat;
                        }
 
.chu_actors_over         { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 174px;
                          width                    : 197px;
                          top                    : 6px;
                          left                    : 77px;
                          background             : transparent url(/images/landing_pages/make_movies/chu_2actors_over.jpg) no-repeat;
                          cursor                : pointer;
                        }
/**/
.chu_actor                { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 174px;
                          width                    : 137px;
                          top                    : 6px;
                          left                    : 87px;
                          background             : transparent url(/images/landing_pages/make_movies/chu_actor.jpg) no-repeat;
                        }
 
.chu_actor_over         { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 174px;
                          width                    : 137px;
                          top                    : 6px;
                          left                    : 87px;
                          background             : transparent url(/images/landing_pages/make_movies/chu_actor_over.jpg) no-repeat;
                          cursor                : pointer;
                        }
/**/
/*ChuChu actors Home page 280px*/
.chu_actors_2            { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 124px;
                          width                    : 170px;
                          top                    : 56px;
                          left                    : 9px;
                          background             : transparent url(/images/landing_pages/make_movies/chu_2actors_280.jpg) no-repeat;
                        }
 
.chu_actors_2_over         { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 124px;
                          width                    : 170px;
                          top                    : 56px;
                          left                    : 9px;
                          background             : transparent url(/images/landing_pages/make_movies/chu_2actors_over_280.jpg) no-repeat;
                        }
/**/
.chu_actor_2            { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 124px;
                          width                    : 90px;
                          top                    : 56px;
                          left                    : 15px;
                          background             : transparent url(/images/landing_pages/make_movies/chu_actor_280.jpg) no-repeat;
                        }
 
.chu_actor_2_over         { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 124px;
                          width                    : 90px;
                          top                    : 56px;
                          left                    : 15px;
                          background            : transparent url(/images/landing_pages/make_movies/chu_actor_over_280.jpg) no-repeat;
                        }
 
/**/
.bei_actor                { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 174px;
                          width                    : 119px;
                          left                  : 97px;
                          top                    : 6px;
                          background-repeat     : no-repeat;
                          background             : url(/images/landing_pages/make_movies/bei_actor.jpg);
                        }
 
.bei_actor_over         { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 174px;
                          width                    : 119px;
                          left                  : 97px;
                          top                    : 6px;
                          background-repeat     : no-repeat;
                          background             : url(/images/landing_pages/make_movies/bei_actor_over.jpg);
                          cursor                : pointer;
                        }
.bei_actors                { background             : url(/images/landing_pages/make_movies/bei_2actors.jpg);
                          display                : inline-block;
                          background-repeat     : no-repeat;
                          float                    : left;
                          height                : 174px;
                          width                    : 197px;
                          left                  : 82px;
                          top                    : 9px;
                          position                : relative;
                        }
.bei_actors_over        { background             : url(/images/landing_pages/make_movies/bei_2actors_over.jpg);
                          display                : inline-block;
                          background-repeat     : no-repeat;
                          float                    : left;
                          height                : 174px;
                          width                    : 197px;
                          left                  : 82px;
                          top                    : 9px;
                          position                : relative;
                          cursor                : pointer;
                        }
 
/*Beige actors HomePage 280px*/
.bei_actor_2            { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 153px;
                          width                    : 90px;
                          left                  : 15px;
                          top                    : 27px;
                          background-repeat     : no-repeat;
                          background             : url(/images/landing_pages/make_movies/bei_actor_280.jpg);
                        }
 
.bei_actor_2_over         { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 153px;
                          width                    : 90px;
                          left                  : 15px;
                          top                    : 27px;
                          background-repeat     : no-repeat;
                          background             : url(/images/landing_pages/make_movies/bei_actor_over_280.jpg);
                          cursor                : pointer;
                        }
.bei_actors_2            { background             : url(/images/landing_pages/make_movies/bei_2actors_280.jpg);
                          display                : inline-block;
                          background-repeat     : no-repeat;
                          float                    : left;
                          height                : 153px;
                          width                    : 172px;
                          left                  : 2px;
                          top                    : 27px;
                          position                : relative;
                        }
.bei_actors_2_over        { background             : url(/images/landing_pages/make_movies/bei_2actors_over_280.jpg);
                          display                : inline-block;
                          background-repeat     : no-repeat;
                          float                    : left;
                          top                    : 27px;
                          width                    : 172px;
                          height                : 153px;
                          left                    : 2px;
                          top                    : 27px;
                          position                : relative;
                          cursor                : pointer;
                        }
                        
/**/
 
.ebu_actor                { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 178px;
                          width                    : 119px;
                          left                  : 88px;
                          top                    : 2px;
                          background-repeat     : no-repeat;
                          background             : url(/images/landing_pages/make_movies/ebu_actor.jpg);
                        }
 
.ebu_actor_over         { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 178px;
                          width                    : 119px;
                          left                  : 88px;
                          top                    : 2px;
                          background-repeat     : no-repeat;
                          background             : url(/images/landing_pages/make_movies/ebu_actor_over.jpg);
                          cursor                : pointer;
                        }
.ebu_actors                { background             : url(/images/landing_pages/make_movies/ebu_2actors.jpg);
                          display                : inline-block;
                          background-repeat     : no-repeat;
                          float                    : left;
                          height                : 174px;
                          width                    : 197px;
                          left                  : 82px;
                          top                    : 9px;
                          position                : relative;
                        }
.ebu_actors_over        { background             : url(/images/landing_pages/make_movies/ebu_2actors_over.jpg);
                          display                : inline-block;
                          background-repeat     : no-repeat;
                          float                    : left;
                          height                : 174px;
                          width                    : 197px;
                          left                  : 82px;
                          top                    : 9px;
                          position                : relative;
                          cursor                : pointer;
                        }
 
/*ebu actors HomePage 280px*/
.ebu_actor_2            { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 158px;
                          width                    : 90px;
                          left                  : 15px;
                          top                    : 27px;
                          background-repeat     : no-repeat;
                          background             : url(/images/landing_pages/make_movies/ebu_actor_280.jpg);
                        }
 
.ebu_actor_2_over         { position                : relative;
                          display                : inline-block;
                          float                    : left;
                          height                : 153px;
                          width                    : 90px;
                          left                  : 15px;
                          top                    : 27px;
                          background-repeat     : no-repeat;
                          background             : url(/images/landing_pages/make_movies/ebu_actor_over_280.jpg);
                          cursor                : pointer;
                        }
.ebu_actors_2            { background             : url(/images/landing_pages/make_movies/ebu_2actors_280.jpg);
                          display                : inline-block;
                          background-repeat     : no-repeat;
                          float                    : left;
                          height                : 153px;
                          width                    : 172px;
                          left                  : 2px;
                          top                    : 27px;
                          position                : relative;
                        }
.ebu_actors_2_over        { background             : url(/images/landing_pages/make_movies/ebu_2actors_over_280.jpg);
                          display                : inline-block;
                          background-repeat     : no-repeat;
                          float                    : left;
                          top                    : 27px;
                          width                    : 172px;
                          height                : 153px;
                          left                    : 2px;
                          top                    : 27px;
                          position                : relative;
                          cursor                : pointer;
                        }                        
                        
/*Holodeck Actors Make Movies Landing Page*/
.thin_actors            {     position            : relative;
                            display             : inline-block;
                            float               : left;
                            height                : 179px;
                            width                : 244px;
                            top                 : 1px;
                            left                : 15px;
                            background          : transparent url(/images/landing_pages/make_movies/thin_2actors.jpg) no-repeat;
                         }
 
.thin_actors_over          { position             : relative;
                           display              : inline-block;
                           float                : left;
                           height                : 179px;
                           width                : 244px;
                           top                  : 1px;
                           left                 : 15px;
                           background             : transparent url(/images/landing_pages/make_movies/thin_2actors_over.jpg) no-repeat;
                           cursor                : pointer;
                         }
/**/
.thin_actor                 { position             : relative;
                           display              : inline-block;
                           float                : left;
                           height               : 176px;
                           width                : 109px;
                           top                  : 4px;
                           left                 : 62px;
                           background           : transparent url(/images/landing_pages/make_movies/thin_actor.jpg) no-repeat;
                         }
 
.thin_actor_over          { position                : relative;
                           display                : inline-block;
                           float                : left;
                           height                : 176px;
                           width                : 109px;
                           top                  : 4px;
                           left                    : 62px;
                           background             : transparent url(/images/landing_pages/make_movies/thin_actor_over.jpg) no-repeat;
                           cursor                : pointer;
                        }
 
 
/*
================================================================================
*/
 
 
 
/*
 
================================================================================
MOVIE THUMBNAILS
________________________________________________________________________________
  NOTE: controls the dimensions of thumbnails throughout the site
================================================================================
*/
 
.playlist_thumb  { width                 : 82px;
                   height                : 62px;
                 }
 
.series_thumb    { width                 : 122px;
                   height                : 92px;
                 }
 
.episode_thumb   { width                 : 128px;
                   height                : 96px;
                 }
 
 
/* main page video box
=========================================================================================== */
 
/* video box content area */
.mgVideoContent  { position             : relative;
                   border-top           : solid 1px #ccc;
                   height               : 212px;
                   width                : 100%;
                   overflow             : hidden;
                   margin-bottom        : 10px;
                 }
 
/* Common class for the video/user switchblock */
.mgSwitchBlock  { position              : absolute;
                  top                   : 6px;
                  padding-top           : 4px;
                 }
 
/* episode box content area */
.mgVideoEpisode  { position             : relative;
                   height               : 58px;
                   width                : 100%;
                   overflow             : hidden;
                 }
 
.mgVidEpRecSet   { position             : absolute;
                   top                  : 0px;
                   padding-top         : 0px;
                 }
 
 
/*
================================================================================
FORM ELEMENTS
________________________________________________________________________________
  @xxxx          = xxxxxxxxxxxx
================================================================================
*/
input.input_fld  { font                 : 1em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
                   vertical-align       : middle;
                   padding              : 2px 5px 0px 5px;
                   color                : #666;
                   background-color     : #fff;
                   border               : solid 1px #ddd;
                   margin               : 0px 5px 4px 5px;
                   height               : 22px;
                 }
 
input.input_fld:focus
                 { color                : #222;
                   background-color     : #e5f1fc;
                 }
 
input.search_site
                 { color                : #333;
                   width                : 205px !important;
                   width                : 205px;
                   width            /**/:/**/205px;
                 }
input.embed_code
                 { font                 : 10px Geneva, Verdana, sans-serif;
                   color                : #333;
                   width                : 200px !important;
                   width                : 200px;
                   height               : 18px;
                   width            /**/:/**/300px;
                 }
input.block_username
                 { width                : 190px !important;
                   width                : 190px;
                   width            /**/:/**/190px;
                 }
input.block_password
                 { width                : 190px !important;
                   width                : 190px;
                   width            /**/:/**/190px;
                 }
 
textarea.e_comment
                 { font                 : 1em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
			    color				: black;
                   padding              : 5px 0px 0px 5px;
                   background-color     : #f6f6f4;
                   border               : solid 1px #d6d6d6;
                   margin               : 5px 15px 8px 15px;
                   height               : 60px;
                   width                : 400px;
                   max-width            : 400px;
                   overflow-y : auto;
                 }


 
textarea.e_comment:focus
                 { color                : #333;
                   border               : solid 1px #dfdfdf;
                   background-color     : #e5f1fc;
                 }
textarea.e_reply { font                 : 1em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
			    color				: white;
                   padding              : 5px 0px 0px 5px;
                   background-color     : #656565;
                   border               : solid 1px #34474b;
                   margin               : 5px 5px 8px 15px;
                   height               : 60px;
                   width                : 400px;
                   max-width            : 400px;
                   overflow-y           : auto;
                 }
 
textarea.e_reply:focus
                 { color                : #333;
                   border               : solid 1px #dfdfdf;
                   background-color     : #e5f1fc;
                 }
 
textarea.e_msg   { font                 : 1em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
                   padding              : 0px 0px 0px 5px;
                   color                : #333;
                   background-color     : #ffffff;
                   border               : solid 1px #dfdfdf;
                   margin               : 5px 5px 8px 5px;
                   height               : 220px;
                   width                : 335px;
                   max-width            : 335px;
                   overflow-y           : auto;
                 }
 
textarea.e_msg:focus
                 { color                : #333;
                   border               : solid 1px #dfdfdf;
                   background-color     : #e5f1fc;
                 }
 
textarea.share_usr
                 { font                 : 1em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
                   padding              : 2px;
                   color                : #333;
                   background-color     : #fff;
                   border               : solid 1px #dfdfdf;
                   margin               : 5px;
                   height               : 60px;
                   width                : 228px;
                   max-width            : 228px;
                   overflow-y           : auto;
                 }
 
textarea.share_usr:focus
                 { color                : #333;
                   border               : solid 1px #dfdfdf;
                   background-color     : #e5f1fc;
                 }
 
textarea.share_buddy
                 { font                 : 1em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
                   padding              : 2px;
                   color                : #333;
                   background-color     : #fff;
                   border               : solid 1px #dfdfdf;
                   margin               : 5px;
                   height               : 137px;
                   width                : 178px;
                   max-width            : 178px;
                   overflow-y           : auto;
                 }
 
textarea.share_buddy:focus
                 { color                : #333;
                   border               : solid 1px #dfdfdf;
                   background-color     : #e5f1fc;
                 }
 
/* the following search_box definitions simply help to center and line up the
   search button and input field */
 
.search_box      { position             : relative;
                   width                : 100%;
                   z-index              : 5;
                   top                  : 0px;
                   height               : 38px;
                 }
 
.search_box1     { width                : 55%;
                   height               : 28px;
                   float                : left;
                   z-index              : -2;
                 }
 
.search_box2     { width                : 212px;
                   height               : 26px;
                   float                : right;
                   padding-top          : 2px;
                   margin-left          : 0px;
                   padding-right        : 5px;
                 }
 
.search_box3     { width                : 42%;
                   height               : 24px;
                   float                : right;
                   top                  : 12px;
                   padding-top          : 1px;
                   z-index              : -1;
                 }
.search_box4     {
                   position             : relative;
                   width                : 100%;
                   z-index              : 5;
                   top                  : 0px;
                   height               : 38px;
                   margin-top           : 0px;
                   padding              : 20px 0px 10px 10px;
                   border               : 1px solid #ccc;
                   background-color     : #FAFAFA;
                 }
 
.header-textbox-search {
  background:#FFFFFF;
  left:16px;
}
 
 
/*
================================================================================
STAR BOX RATING
________________________________________________________________________________
  @xxxx          = xxxxxxxxxxxx
================================================================================
*/
.star-rating     { list-style           : none;
                   margin-left          : 5px!important;
                   margin-top           : 0px;
                   margin-bottom        : 0px;
                   padding              : 0px;
                   width                : 125px;
                   height               : 25px;
                   position             : relative;
                   left                 : -7px;
                   background           : url(/site_media/images/alt_star.gif) top left repeat-x;
                 }
 
.star-rating li  { color                : red;
                   padding              : 0px;
                   margin               : 0px;
                   float                : left;
                 }
 
.star-rating li a{ display              : block;
                   width                : 25px;
                   height               : 25px;
                   text-decoration      : none;
                   text-indent          : -9000px;
                   z-index              : 20;
                   position             : absolute;
                   padding              : 0;
                  }
 
.star-rating li a:hover
                 { background           : url(/site_media/images/alt_star.gif) left bottom;
                   z-index              : 2;
                   left                 : 0;
                 }
 
.star-rating a.one-star
                 { left                 : 0;
                 }
 
.star-rating a.one-star:hover
                 { width                : 25px;
                 }
 
.star-rating a.two-stars
                 { left                 : 25px;
                 }
 
.star-rating a.two-stars:hover
                 { width                : 50px;
                 }
 
.star-rating a.three-stars
                 { left                 : 50px;
                 }
 
.star-rating a.three-stars:hover
                 { width                : 75px;
                 }
 
.star-rating a.four-stars
                 { left                 : 75px;
                 }
 
.star-rating a.four-stars:hover
                 { width                : 100px;
                 }
 
.star-rating a.five-stars
                 { left                 : 100px;
                 }
 
.star-rating a.five-stars:hover
                 { width                : 125px;
                 }
 
.star-rating li.current-rating
                 { background           : url(/site_media/images/alt_star.gif) left center;
                   position             : absolute;
                   height               : 25px;
                   display              : block;
                   text-indent          : -9000px;
                   z-index              : 1;
                 }
 
 
/* Starbox.css: Part of http://www.nickstakenburg.com/projects/starbox/
--------------------------------------------------------------------------------
*/
/* default appearance */
.starbox {
	padding-top:2px;
}
.starbox .default { background: #dfdfdf; }
.starbox .default .colorbar { background: #03ABCF; }
.starbox .default .hover .colorbar { background: #03ABCF; }
 
/*.starbox .dotted { background: url(/site_media/images/default_dotted_background.gif) top left repeat-x; }*/
.starbox .dotted .colorbar { background: #03ABCF; }
 
/* thumbnail rollover appearance */
.starbox2 .default { background: #fdebee; }
.starbox2 .default .colorbar { background: #bf0000; }
.starbox2 .default .hover .colorbar { background: #bf0000; }
 
 
a.cpagenav:link  { padding              : 2px 4px 2px 4px;
                 }
 
a.cpagenav:hover { background-color     : red;
                   padding              : 2px 4px 2px 4px;
                 }
 
.ep_home_rating  { margin-bottom        : 4px;
                   border-top           : solid 1px #f7f7f7;
                   padding-top          : 6px;
                 }
 
.star_14_0-00    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% 0%;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
 
.star_14_1-00    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% -14px;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
 
.star_14_1-50    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% -28px;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
 
.star_14_2-00    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% -42px;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
 
.star_14_2-50    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% -56px;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
 
.star_14_3-00    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% -70px;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
 
.star_14_3-50    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% -84px;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
 
.star_14_4-00    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% -98px;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
 
.star_14_4-50    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% -112px;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
 
.star_14_5-00    { background           : url(/site_media/images/star_14px.png) top left no-repeat;
                   background-position  : 0% -126px;
                   display              : block;
                   width                : 61px;
                   height               : 14px;
                 }
/* same set of stars but background position is shifted. The 'w' means white background */
 
.star_14_0-00w   { background-position  : 0% -140px;
                 }
.star_14_1-00w   { background-position  : 0% -154px;
                 }
.star_14_1-50w   { background-position  : 0% -168px;
                 }
.star_14_2-00w   { background-position  : 0% -182px;
                 }
.star_14_2-50w   { background-position  : 0% -196px;
                 }
.star_14_3-00w   { background-position  : 0% -210px;
                 }
.star_14_3-50w   { background-position  : 0% -224px;
                 }
.star_14_4-00w   { background-position  : 0% -238px;
                 }
.star_14_4-50w   { background-position  : 0% -252px;
                 }
.star_14_5-00w   { background-position  : 0% -266px;
                 }
 
/* same set of stars but background position is shifted. The 'g' means gradient background */
 
.star_14_0-00g   { background-position  : 0% -280px;
                 }
.star_14_1-00g   { background-position  : 0% -294px;
                 }
.star_14_1-50g   { background-position  : 0% -308px;
                 }
.star_14_2-00g   { background-position  : 0% -322px;
                 }
.star_14_2-50g   { background-position  : 0% -336px;
                 }
.star_14_3-00g   { background-position  : 0% -350px;
                 }
.star_14_3-50g   { background-position  : 0% -364px;
                 }
.star_14_4-00g   { background-position  : 0% -378px;
                 }
.star_14_4-50g   { background-position  : 0% -392px;
                 }
.star_14_5-00g   { background-position  : 0% -406px;
                 }
 
/* same set of stars but background position is shifted. The 'fa' means #fafafa background */
 
.star_14_0-00fa  { background-position  : 0% -420px;
                 }
.star_14_1-00fa  { background-position  : 0% -434px;
                 }
.star_14_1-50fa  { background-position  : 0% -448px;
                 }
.star_14_2-00fa  { background-position  : 0% -462px;
                 }
.star_14_2-50fa  { background-position  : 0% -476px;
                 }
.star_14_3-00fa  { background-position  : 0% -490px;
                 }
.star_14_3-50fa  { background-position  : 0% -504px;
                 }
.star_14_4-00fa  { background-position  : 0% -518px;
                 }
.star_14_4-50fa  { background-position  : 0% -532px;
                 }
.star_14_5-00fa  { background-position  : 0% -546px;
                 }
 
.hidden {
  display:none;
}
.highlight {
  background-color:yellow;
  color:#000000;
  text-decoration:none;
}
.inputTable td {
  padding:4px;
  vertical-align:top;
}
.inputTable label {
  float:right;
  white-space:nowrap;
}
.moderation-cc {
  width:100%;
}
.moderation-cc-row {
  clear:both;
  height:80px;
  width:100%;
}
.moderation-cc-item {
  float:left;
  text-align:center;
}
.nowrap {
  white-space:nowrap;
}
.row_center td {
  text-align:center;
}
.searchauth {
  background:transparent;
  color:#000000;
  text-align:left;
}
.searchdate {
  background:transparent;
  color:#000000;
  text-align:right;
}
.searchform-box {
  background:#E7E7E7;
  text-align:right;
  border-bottom:1px solid #CCCCCC;
  height:52px;
  padding:0px 4px 0 1px;
  margin:0px;
}
.searchform-elements{
  display:inline;
  position:relative;
  top:6px;
}
.searchform-elements input{
  font-size:0.9em;
}
.searchhits {
  background:transparent;
  color:#000000;
  text-align:right;
}
 
.siteSearch {
 display:block;
 width:94px;
 height:40px;
 background:#FFF url(/site_media/images/search_btn.png) top left no-repeat;
 background-position:0 0;
}
.siteSearch a:link.non-ul,
.siteSearch a:visited.non-ul,
.siteSearch a:hover.non-ul,
.siteSearch a:active.non-ul {
 background:#C4E43F url(/site_media/images/search_btn.png) top left no-repeat;
 background-position:0 -40px;
}
.siteSearch a:link,
.siteSearch a:visited,
.siteSearch a:active {
 background:#C4E43F url(/site_media/images/search_btn.png) top left no-repeat;
 background-position:0 0;
}
.siteSearch a:hover {
 background:#C4E43F url(/site_media/images/search_btn.png) top left no-repeat;
 background-position:0 -40px;
}
 
/* Stats ***************************************/
.stats-list-count {
  padding-left:5px;
  padding-right:5px;
  text-align:right;
}
.stats-header-title {
  padding-left:5px;
  padding-right:5px;
  text-align:left;
  width:90%;
}
.stats-header-count {
  padding-left:5px;
  padding-right:5px;
  text-align:left;
  width:10%;
}
/* Story ****************************************/
.story { /* the frame around all elements of one story */
  background:transparent;
  color:#000000;
  margin-bottom:30px;
}
.story h1{ /* the title of a story */
  background:transparent;
  color:#000000;
  font-size:1.4em;
  font-weight:bold;
}
.story-body { /* this is the actual content of the story */
  margin-bottom:15px;
  padding:3px;
}
.story-featured { /* the frame around all elements of a featured story */
  background:transparent;
  color:#000000;
  margin-bottom:30px;
  margin-top:10px;
}
.story-featured h1 { /* the title of a featured story */
  background:transparent;
  color:#000000;
  font-size:1.8em;
  font-weight:bold;
}
.story-footer { /* the bottom of the story with edit-links etc */
  color:#666666;
  font-size:0.85em;
  padding:3px;
  text-align:center;
}
.story-footer p{
  margin:0;
  padding:0;
}
.story-icons { /* print & mail icons in a storybox */
  float:right;
}
.story-icons a{
  margin-left:5px;
}
.story-information {
  /* the author, views and date of a story */
  background:transparent;
  color:#666666;
  font-size:0.85em;
  padding:3px;
}
.story-information p {
  margin:0px;
  padding:0px;
}
 
.topicoption,
.topicoption-off {
  list-style:none;
}
.warning {
  background:transparent;
  color:#FF9900;
  font-weight:bold;
}
.warningsmall {
  background:transparent;
  color:#3399ff;
}
.welcomeanddate-text {
 background:#FFFFFF;
 opacity:.6;
 width:380px;
 height:40px;
 border:solid 1px;
 margin-top:5px;
 float:right;
 top:0px;
}
/* MovieMaker page interim asset store ****************************************/
#standalone-container { width: 960px; margin: 10px auto; position: relative; }
#statewebdiv { position: relative; }
#points-bar { clear: left; padding: 0 5px; border: 1px solid #e0e0d6; background: #efefea; margin: 10px 0 15px 0; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family: arial, helvetica, sans-serif; font-size: 13px; }
a.learn-about-points { float: right; margin: 4px 6px; }
a.points-button { float: right; margin: 4px 6px 4px 0;}
a.points-button:link, a.points-button:active, a.points-button:visited { color: white; }
a.points-button:hover { color: black; }
#logged-out-insufficient a.learn-about-points { margin-right: 0px; }
.points-explanation { color: black; line-height: 42px; padding-left: 8px; }
a.points-bar-shopping-cart { background: url(/site_media/images/moviemaker/trolley.png) no-repeat; float: right; height: 34px; width: 44px; margin: 4px 0; }
a.points-bar-shopping-cart:hover { background-position: -45px 0px; }
.box-hilight { padding: 3px 6px; background: white; border: 1px solid #e0e0d6; }
#statewebdiv { padding-top: 0; }
#purchase-bundle-form { height: 40px; background-position: 50% 0; }
form.loading-section * { display: none; }
.charge-summary { text-align: right; margin-bottom: 15px; }
.charge-summary span { border: 2px solid black; padding: 5px 10px 5px 60px; }
#shopping-chart-summary { padding-right: 15px; }
#select-bundle { width: auto; }
.modal-buttons { padding-left: 150px; }
#shopping-cart-modal .modal-buttons { padding-left: 290px; }
#shopping-cart-modal .just-close-button { padding-left: 330px; }
#MB_content .one-button-small { padding-left: 190px; }

.show-if-viewing, .show-if-checking-out, .show-if-confirming, .show-if-empty { display: none; }
.is-viewing .show-if-viewing { display: block; }
.is-publishing .show-if-checking-out { display: block; }
.is-confirming .show-if-confirming { display: block; }
.cart-empty .show-if-empty { display: block; }
.cart-empty .show-if-not-empty { display: none; }

#cart-items { min-height: 60px; border: 1px solid #cccccc; margin-bottom: 25px; }
#cart-items ul { float: left; }
#cart-items ul, #cart-items li { margin: 0; padding: 0; }
#cart-items li { list-style: none; line-height: 59px; border-bottom: 1px solid #e8e8e8; }
#cart-items .id-column, #cart-items .icon-column { width: 70px; padding: 0 5px; border-right: 1px solid #cccccc; text-align: center; }
#cart-items .name-column { width: 469px; padding: 0 5px; border-right: 1px solid #cccccc; }
#cart-items .price-column { width: 110px; padding: 0 5px; text-align: right; }
#cart-items .name-column li, #cart-items .price-column li { padding: 0 10px; }
#cart-items .icon-column li { padding: 10px 0 9px; text-align: center; line-height: 0px; }
#cart-items .icon-column li img { margin: 0 auto; }


#debug-view-changer { position: absolute; top: -60px; right: 46px; }
div.logged-out-insufficient #logged-out-insufficient { display: block; }
div.logged-in-insufficient #logged-in-insufficient { display: block; }
div.logged-in-sufficient #logged-in-sufficient, div.initially #logged-in-sufficient  { display: block; }
div.polling-order #logged-out-insufficient, div.polling-order #logged-in-insufficient, div.polling-order #logged-in-sufficient { display: none; }
#logged-out-insufficient { cursor: pointer; cursor: hand; }
.loading-bar { background: url(/site_media/images/loading-bar.gif) 50% 50% no-repeat; height: 42px; display: none; }
.loading .points-bar-contents { display: none; }
.loading .loading-bar { display: block; }
.loading-section { background: url(/site_media/images/loading-bar.gif) 50% 50% no-repeat; }
.loading-section .as_cart_container { visibility: hidden; }
.loading-section * { visibility: hidden; }
.get-more-points { cursor: pointer; cursor: hand; }
#as_bundles a.selected { color: green; }
.button-loading { display: none; }
.getting-order-id .button-loading { display: block; }
.getting-order-id .checkout { display: none; }
.polling-order #pending-paypal { display: block; }
#cancel-polling { cursor: pointer; cursor: hand; }
#buy-assets-button { display: none; }
.has-premium-assets #buy-assets-button { display: inline; }

#disabled-preview-warning { position: absolute; top: 100px; left}

#MB_content #choose-bundle-modal { display: block; }
#MB_content .modal-round { display: block; }

/* COMMON PLUGIN CSS ************************************************/
/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */

 
.plugin {
  background:#fafafa;
  color:#333;
}
.plugin th {
  background:#f2f2f2;
  color:#000000;
  padding:5px;
  text-align:left;
}
.plugin tr {
  vertical-align:top;
}
.plugin td {
  padding:2px 5px 2px 5px;
}
.pluginBG {
  background:#7398BA;
  color:#FEFEFE;
}
.pluginAltBG {
  background:#7398BA;
}
.pluginAltBG td {
  color:#FFFFFF
}
.pluginCellTitle {
  background:#FFFFFF;
  color:#333;
  padding:5px;
}
.pluginCellFill {
  background:#F8FAFD;
}
.pluginCellText {
  color:#636363;
  font-weight:normal;
}
.pluginHeader {
  color:#666666;
  text-transform: uppercase;
  padding:3px 0 3px 0;
}
.pluginFooter, .pluginFooter td {
  background:#555555;
  color:#FFFFFF;
  }
.pluginAlert {
	margin-top: -20px;
  	color:#333333;
	line-height:16pt;
	width:auto;
	text-align: center;

}
.pluginInfo {
  background:#FEF1B4;
  color:#707070;
  font-weight:normal;
  padding:5px 15px 5px 15px;
}
.pluginSubTable {
  background:#CCCCCC;
  border:1px solid #CCCCCC;
  color:#000000;
  font-weight:normal;
}
.pluginSubTable th {
  background:#92A537;
  color:#FFFFFF;
  padding:5px;
  font-size:10pt;
  font-weight:normal;
  text-align:left;
}
.pluginSubTable tr {
  vertical-align:top;
}
.pluginSubTable td {
  padding-left:5px;
}
 
.pluginSolidOutline {
  background:#CCCCCC;
}
.pluginSolidFill {
  background:#1A3955;
}
.pluginTitle {
  background:#507AA1;
  color:#F5F9FF;
  padding:4px;
  padding-left:6px;
  padding-right:6px;
}
.pluginCellSubTitle {
  background:#F7F7F7;
  color:#000000;
  padding:4px;
  padding-left:6px;
  padding-right:6px;
}
.pluginTinyText {
  font-size:0.70em;
}
.pluginSmallText {
  font-size:0.8em;
}
.pluginMediumText {
  font-size:1em;
}
.pluginLargeText {
  font-size:1.25em;
}
.pluginAltText {
  color:#FFFFFF;
}
.pluginRow1, .pluginRow1 td {
  background:#F7F7F7;
}
.pluginRow2, .pluginRow2 td {
  background:#fff;
}
.pluginRow1 .pluginRollOver,
.pluginRow2 .pluginRollOver,
.pluginRollOver {
  background:#E7E7E7;
  color:#000000;
  line-height:120%;
}
.pluginRow1 .pluginRollOut,
.pluginRow2 .pluginRollOut,
.pluginRollOut {
  background:#FFFFFF;
  color:#000000;
  line-height:120%;
}
.pluginLinks A:link {
  color:#333;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  text-transform: uppercase;
}
.pluginLinks A:visited {
  color:#333;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginLinks A:hover {
  color:#3399ff;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
}
.pluginBreadCrumbs,
.pluginBreadCrumbs A:link {
  color:#333;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginBreadCrumbs A:visited {
  color:#333;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginBreadCrumbs A:hover {
  color:#FFF;
  background-color:#29ABE2;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
}
a.pluginButton:link,
a.pluginButton:visited {
  background:transparent;
  color:#000000;
  display:block;
  height:19px;
  padding-top:2px;
  text-align:center;
  text-decoration:none;
}
a.pluginButton:hover {
  background:transparent url(navbar/images/button_over.gif) center repeat-x;
  color:blue;
  display:block;
  height:19px;
  padding-top:2px;
  text-align:center;
  text-decoration:none;
}
 
/* Common CSS for on-hover tooltip feature*********/
a.tooltip {
  color:#000;
  position:relative; /*this is the key*/
  text-decoration:none;
  z-index:10;
}
a.tooltip:hover  {
  text-decoration:none;
  z-index:100;
}
a.tooltip span {
  display:none;
}
a.tooltip:hover span { /*the span will display just on :hover state*/
  background-color:#E5EFFF;
  border:1px solid #C8DAF7;
  color:#033666;
  display:block;
  font-size:.8em;
  font-style:normal;
  left:-20px;
  font-style:normal;
  left:-20px;
  font-style:normal;
  left:-20px;
  padding:4px;
  position:absolute;
  text-align:left;
  text-decoration:none;
  top:10px;
  z-index:100;
}
/* End of common CSS for on-hover info feature */
 
/* Poll Plugin ***********************************/
.poll-vote,
.poll-vote-results {
  background:transparent;
  color:#000000;
  font-size:smaller;
}
 
/*
================================================================================
NAVBAR (SUB-TAB MENU)
________________________________________________________________________________
  @xxxx          = xxxxxxxxxxxx
================================================================================
*/
 
.navbarheader    { clear                : both;
                   border-bottom        : 1px solid #ccc;
                 }
                 
 
/* Sub-Menu Navbar */
#navcontainer    { background           : transparent;
                   float                : left;
                   padding              : 0px;
                   font-size            : 11px;
                 }
#navcontainer ul { list-style           : none;
                   margin               : 0px;
                   padding              : 0px 10px 0px 0px;
                   height               : 25px;
                 }
#navcontainer li { display              : inline;
                   margin               : 0px;
                   padding              : 0px;
                 }
#navcontainer a  { float                : left;
                   margin               : 0px;
                   padding              : 8px 8px 0px 8px;
                   text-decoration      : none;
                   border-right         : 1px solid #ccc;
                   height               : 17px;
                   line-height          : 17px;
                   background           : #ffffff;
                 }
#navcontainer a span
                 { display              : block;
                   float                : left;
                   padding              : 0px;
                 }
#navcontainer a span
                 { float                : none;
                 }
#navcontainer a:hover
                 { text-decoration      : none;
                   background-color     : #e10000;
                   color                : #ffffff;
                 }
#navcontainer a#current span
                 { color                : #FFFFFF;
                   background           : #000;
                 }
#navcontainer a:link#current,
#navcontainer a:visited#current,
#navcontainer a:hover#current
                 { color                : #FFFFFF;
                   background           : #000;
                   text-decoration      : none;
                   height               : 17px;
                 }
 
/* CSS for 2nd Navbar - used on the MyAccout Message and Contacts Page */
#navcontainer a#current2 span
                 { color                : #FFFFFF;
                   background           : #000;
                 }
#navcontainer a:link#current2,
#navcontainer a:visited#current2,
#navcontainer a:hover#current2
                 { color                : #FFFFFF;
                   background           : #000;
                   text-decoration      : none;
                   height               : 17px;
                 }
                 
.navbarfeatured  { clear                : both;
                   border-bottom        : 1px solid #3f3f3f;
                   border-top           : 1px solid #3f3f3f;
                 }
 
                
#navfeatured    {  background           : url(/site_media/images/subnav_strap.png);
                   float                : left;
                   padding              : 0px;
                   font-size            : 11px;
                   margin-left:-4px;
                   /*border-bottom        : 1px solid #3f3f3f;
                   border-top           : 1px solid #3f3f3f;*/
                   width: 100%;
                    
                 }
#navfeatured ul { list-style           : none;
                   margin               : 0px;
                   padding              : 0px 10px 0px 0px;
                   height               : 35px;
                 }
#navfeatured li { display              : inline;
                   margin               : 0px;
                   padding              : 0px;
                 }
#navfeatured a  { float                : left;
                   margin               : 0px;
                   padding              : 3px 8px 3px 8px;
                   text-decoration      : none;
                   text-transform: uppercase;
                   font-size:12pt;
                   letter-spacing:1px;
                   color:#666666;
                   height               : 17px;
                   line-height          : 17px;
                   /*background           : #ffffff;*/
                 }
#navfeatured a span
                 { display              : block;
                   float                : left;
                   padding              : 0px 10px 0px 0px;
			    border-right: 1px solid rgb(204, 204, 204);
                }
#navfeatured a span
                 { float                : none;
                 }
#navfeatured a:hover
                 { text-decoration      : none;
                   /*background-color     : #e10000;*/
                 }
#navfeatured a#current span
                 { 
                   /*background           : #000;*/
                 }
#navfeatured a:link#current,
#navfeatured a:visited#current,
#navfeatured a:hover#current
                 { 
                   /*background           : #000;*/
                   text-decoration      : none;
                   height               : 17px;
                 }
 
/* CSS for 2nd Navbar - used on the MyAccout Message and Contacts Page */
#navfeatured a#current2 span
                 { color                : #03ABCF;
                   /*background           : #000;*/
                 }
#navfeatured a:link#current2,
#navfeatured a:visited#current2,
#navfeatured a:hover#current2
                 { color                : #03ABCF;
                   /*background           : #000;*/
                   text-decoration      : none;
                   height               : 17px;
                 }
 
 
 
/* End of CSS additions for 2nd Navbar */
 
.php {
    overflow:auto;
    width:500px;
    min-height:100px;
}
 
 
/* Forum Plugin specific CSS */
.codeblock  {
  background-color:#ECE9D8;
  color:#000;
  width: 550px;
  height: 160px;
  overflow: auto;
  min-height: 50px;
  max-height: 120px;
  margin: 5px 0 5px 5px;
  padding:5px;
  border: 1px dashed black;
}
.quotemain
{
  background:#FAFCFE url('forum/image_set/img_quote.gif') no-repeat top right;
  border: 1px dotted #000;
  border-left: 4px solid #8394B2;
  color:#465584;
  padding: 4px;
  margin: 5px auto 8px auto;
}
 
/* CSS Declarations for Code block feature - default will use the .php one */
div .php { max-height:400px; overflow:auto; height:auto; width:auto; min-height:100px; }
div .html { height:300px; overflow:auto; width:auto; min-height:100px; }
div .css { height:300px; overflow:auto; width:auto; min-height:100px; }
 
/* END of Forum Plugin CSS */
 
/* EPISODE LAYOUT ###############################################################
################################################################################# */
 
.episodeseries {
  height: 320px;
  overflow: auto;
  min-height: 50px;
  max-height: 320px;
  margin:0px;
  padding:0px;
  background-color:#FFF;
}
 
.ep_featured {
 font-weight: bold;
 padding: 8px 0 8px 0;
 background:#ff9900;
 color:white;
}
 
.ep_comments_title {
 margin: 0 4px 0 0;
 color: #29ABE2;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 width:50%;
 float:left;
}
 
.ep_txtcomments {
 width:50%;
 float:left;
 padding-left:10px;
 margin: 0 4px 0 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
}
 
.ep_commentlink {
 margin: 0 4px 0 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #829298;
}
.ep_commentlink a:link,
.ep_commentlink a:visited,
.ep_commentlink a:hover,
.ep_commentlink a:active {
 color:#29ABE2;
}
 
#prevcomments_off, #nextcomments_off {
    color: #ABABAB;
}
 
./site_media_showpreview_container {
 padding:8px;
 background-color:#29abe2;
}
./site_media_show_thumb {
 position:relative;
 z-index:1;
 width:128px;
 height:120px;
 padding-bottom:8px;
 border:solid 2px #29abe2;
}
 
./site_media_description_container {
 padding:8px;
 background-color:#FFF;
}
./site_media_author_container {
 clear:both;
 padding-bottom:15px;
}
./site_media_comments_container {
 clear:both;
 padding-bottom:15px;
}
./site_media_views_container {
 clear:both;
 padding-bottom:15px;
}
./site_media_description {
 font-size:10px;
 padding-top:5px;
 color:#8b9298;
}
./site_media_show_description {
 font-size:10px;
 color:#8b9298;
}
./site_media_info_container {
 background-color:#FFF;
 padding:8px 0 0 8px;
}
 
.my_/site_media_info_container {
 padding:8px 0 0 8px;
}
 
.my_/site_media_description_container {
 padding:8px;
}
 
./site_media_info_title {
 font-size:10px;
 color:#8b9298;
 text-align:right;
 float:left;
 width:50%;
}
 
./site_media_info_data {
 font-size:10px;
 color:#8b9298;
 float:right;
 width:49%;
}
./site_media_showinfo_title {
 font-size:10px;
 font-weight:bold;
 color:#8b9298;
 text-align:right;
 float:left;
 width:50%;
}
 
./site_media_showinfo_data {
 font-size:10px;
 color:#8b9298;
 float:right;
 width:49%;
}
 
./site_media_record_title {
 font-size:12px;
 color:#29ABE2;
}
./site_media_show_title {
 font-size:12px;
 font-weight:bold;
 color:#FFF;
 padding-left:5px;
}
 
./site_media_rating {
 font-size:10px;
 font-weight:normal;
 color:#8b9298;
}
./site_media_record_links a {
 font-weight:normal;
 text-decoration:none;
 border-bottom:1px dotted #29ABE2;
}
 
./site_media_record_links a:link {
 color:#29ABE2;
}
./site_media_record_links a:visited {
  color:#29ABE2;
}
./site_media_record_links a:hover {
  color:#29ABE2;
}
./site_media_record_links a:active {
  color:#29ABE2;
}
./site_media_edit_container {
 clear:both;
 margin:-17px 0 30px 0;
}
./site_media_editshow_container {
 clear:both;
 margin-bottom:15px;
}
.show_inline_edit {
 display:inline;
 position:relative;
}
.show_inline_delete {
 display:inline;
 position:relative;
}
./site_media_inline_edit {
 float:right;
 width:50%;
 position:relative;
}
./site_media_inline_delete {
 float:left;
 width:49%;
 text-align:right;
 position:relative;
}
./site_media_editshow_container a:link,
./site_media_editshow_container a:visited,
./site_media_editshow_container a:active {
 color:#FFF;
 padding:2px 4px 2px 4px;
 background-color:#29ABE2;
}
./site_media_editshow_container a:hover {
 color:#29ABE2;
 padding:2px 4px 2px 4px;
 border-bottom:dotted 1px #29ABE2;
 background-color:transparent;
}
./site_media_edit_container a:link,
./site_media_edit_container a:visited,
./site_media_edit_container a:active {
 color:#FFF;
 padding:2px 4px 2px 4px;
 background-color:#29ABE2;
}
./site_media_edit_container a:hover {
 color:#29ABE2;
 padding:2px 4px 2px 4px;
 border-bottom:dotted 1px #29ABE2;
 background-color:transparent;
}
 
.explore_episode_featured {
 padding:8px 8px 0 8px;
}
.explore_featured_title {
 margin:0px 4px 0 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: normal;
 text-decoration:none;
}
.explore_featured_title a:link,
.explore_featured_title a:visited,
.explore_featured_title a:hover,
.explore_featured_title a:active {
 color:#8b9298;
}
 
.featured_info_title {
 font-size:10px;
 margin-bottom:3px;
 color:#8b9298;
}
 
.featured_info_data {
 font-size:10px;
 color:#8b9298;
 margin-left:5px;
}
.featured_info_data a:link,
.featured_info_data a:visited,
.featured_info_data a:hover,
.featured_info_data a:active {
 color:#29ABE2;
 border-bottom:dotted 1px #29ABE2;
}
.featured_/site_media_width {
 width:288px;
 padding-right:8px;
}
 
.episodes_list_title_container {
 display:inline-block;
 width:100%;
 position:relative;
 height:34px;
}
 
.episodes_title_position {
 clear:both;
 width:75%;
 float:left;
 padding-left:10px;
 position:absolute;
 z-index:10;
}
.episodes_showlink_position {
 width:20%;
 float:right;
 text-align:right;
 padding:12px 15px 0 0;
}
.episodes_showlink_style {
 background-color:transparent; /*#FFF;*/
 border:solid 1px #FFF;
 height:12px;
 text-decoration:none;
 text-align:center;
}
.episodes_showlink_style a:link,
.episodes_showlink_style a:visited,
.episodes_showlink_style a:hover,
.episodes_showlink_style a:active {
 padding:2px 4px 4px 4px;
 color:#8b9298;
}
.episode_set_featured {
 clear:right;
 clear:left;
 padding:8px;
 position:relative;
 text-align:center;
}
.ep_rating_position {
 width:46%;
 float:right;
}
.ep_views_position {
 width:46%;
 float:left;
}
.ep_share_contianer {
 padding:8px;
 position:relative;
 border-bottom:solid 1px #ccc;
}

.ep_update {
	height:22px;
	width:1004px;
	line-height:26px;
	margin-left:-4px;
	background-color: #d6b328;	
	background-image: url(/site_media/images/subnav_dropshadow.png);
	background-repeat: repeat-x;
 	text-align:center;
 	visibility:hidden;
		position: relative;
	z-index: 111;
	top: 45px;
	visibility: hidden;
}
.ep_flagupdate {
 margin-top:10px;
 text-align:center;
 visibility:hidden;
 background:#ccc;
}
 
.ep_status_display {
 font-size: 14px;
 color:#000;
}


.ep_quickcomment_container {
 height:18px;
 padding-top:8px;
 background:#FFF url('images/ep_comments_title_bg.png') 0 0 repeat;
}
.ep_quickcomment_textarea {
 width:575px;
 height:60px;
 padding-top:8px;
}
.ep_quickcomment_submit {
 padding-top:8px;
 padding-right:3px;
 text-align:right;
}
.ep_comment_textarea {
 width:575px;
 height:80px;
 padding-top:8px;
}
.ep_comment_submit {
 padding-top:8px;
 padding-right:3px;
 text-align:right;
}
.ep_record_container {
 border-top:dotted 2px #29ABE2;
 padding:4px 0 4px 0;
}
.ep_record_imgcell {
 vertical-align:top;
 width:90px;
}
.ep_record_imgoutline {
 padding:1px;
}
.ep_record_metadata {
 color:#8b9298;
 vertical-align:top;
 padding:5px 0 0 10px;
}
 
 
/* /site_media FILTERING TABS: see navcontainer for construct */
.tabs_filterby_container {
 clear:both;
 padding-top:8px;
 position:relative;
}
 
/* YUI pop-up dialog */
.editdialog label {
    display:block;
    float:left;
    width:45%;
    clear:left;
    margin-bottom:5px;
}
.editdialog textarea {
    font-size:9pt;
    margin-bottom:5px;
}
 
#yuiLoadingPanel .bd a {display:none;}  /* hide the Cancel link */

/* Messenger Plugin */
a.btn1:link,
a.btn1:visited,
a.btn1:hover  {
}
.msgDisabledBtn {
  color:#AAA;
  padding-top:4px;
}
div.pmbuddylist  {
  width: 100px;
  height: 160px;
  border:0px;
  overflow-x:hidden;
  overflow: auto;
  padding: 5px;
}
.mask {
  overflow: visible;
}
/* Z-INDEX FOR OVERLAP ###############################################################
################################################################################# */
.back{
        z-index:-1;
}
.front{
        position:         absolute;
        z-index:         1;
        }
/* My Profile - Mini Profiler */
#profiler {
        display:            block;
        z-index:            0;
        left:               0px;
        right:              0px;
        top:                0px;
        bottom:             0px;
        height:             100%;
}
 
#profilerActor {
        z-index:            0;
        left:               0px;
        top:                0px;
        height:             85px;
        background-repeat:  no-repeat;
 
}
 
#msg_composemessage, #newticket {
    margin: 0px 100px 20px 50px;
    padding:5px 5px 5px 20px;
    border:1px solid #CCC;
    background-color: #F6F6F6;
 
}
 
/*CHANNELS*/
 
/*====== HOME PAGE PROMO- CHANNELS*/
 
.pc_height        { height:138px;
                }
 
/*====== CURSOR*/
 
.c_pointer        { cursor:pointer;
                }
 
 
/* Makemovies Landing page */
.makemovieslink a:link {
        color:              #FFF; 
        font-weight:        bold;
        text-decoration:    none;
}
 
.makemovieslink a:hover {
        color:              #3399FF
}
 
 
/* Contest Page */
#contest_landingpage {
  background:#2c87e0 url(mgextended/images/cnt_1px_bg.gif) repeat-x top left;
  height:900px;
  width:1000px;
  border:1px solid #CCC;
  padding:0px;
}
 
#contest_landingpage .pagetop {
  background:transparent url(mgextended/images/cnt_topImage.jpg);
  height:308px;
  clear:right;
}
 
 
#contest_landingpage .pagetop_buttons {
  position:relative;
  top:30px;
  left:170px;
  width:280px;
  cursor:pointer;
}
 
#contest_landingpage .pagetop_message {
  width:500px;
  margin-top:130px;
  margin-left:170px;
  color:#FFF;
  float:left;
}
 
#contest_landingpage .pagetop_submitbutton {
  width:220px;
  height:50px;
  margin-top:220px;
  margin-left:70px;
  color:#FFF;
  float:left;
 
}
 
#contest_landingpage .pagetop_submitbutton span {
  background:transparent url(mgextended/images/cnt_topButton.png);
  width:200px;
  height:25px;
  vertical-align:bottom;
  text-align:center;
  background-repeat:no-repeat;
  position:relative;
  display:block;
  overflow:hidden;
  color:#FFF;
  font-size:12pt;
  padding:12px;
}
 
#contest_landingpage .pagetop_submitbutton span:hover {
  background:transparent url(mgextended/images/cnt_topButton_over.png);
}
 
#contest_landingpage .pagetop_submitbutton a:link {
  text-decoration:none;
  cursor: pointer;
}
 
#contest_landingpage .mainpage {
    /* background-color:#FFFFFF; */
}
 
#contest_landingpage .leftside {
    float:left;
    width:650px;
    /* background-color:#FFFFFF; */
}
 
#contest_landingpage .leftside_content {
  margin-left:10px;
  margin-right:10px;
  width:625px;
}
 
#contest_landingpage .mainpage .rightside {
    float:left;
    width:345px;
    /* background-color:#FFFFFF; */
}
 
/* Style used on the submit movie to contest form for current submitted movies   */
.submittedmovie {
  color: #999;
}
#moviedialog {
    background-color:#fff;
}
#moviedialog .bd {
   border:1px solid #ABABAB;
   max-height:300px;
   min-height:200px;
   overflow-y:scroll;
}
 
 
/* End of Contest Page CSS */
 
 
 
 
body,
	html {
		margin:0;
		padding:0;
		color:#000;
		font-family:"Trebuchet MS", sans-serif;
       	background-color:#fff; /* #060606; */
	}
	#wrap {
		width:1000px;
	    	background-color: #fff; /* #1a1a1a; */
		margin:0 auto;
	}
	#header { 
       	background-color:#fff; /* #060606; */

            margin-top:10px;
		height:86px;
	}
	h1 {
	    margin:0;
    }
    a{
        font-family:"Trebuchet MS", sans-serif;
    }
	#nav  {
		padding-top:4px;
		height:35px;
		letter-spacing:1px;
        	font-size : 12px;
        	font-weight:bold;
        	color: #666666;
		line-height:31px;
	}
	#headernav {
		padding:0 2px 0 0;
		letter-spacing:1px;
        font-size : 12px;
        font-weight:bold;
        color: #555555;
	}
    #navlist a{
		
		text-decoration:none;
        font-family:"Trebuchet MS", sans-serif;
        font-size : 12px;
       
        
	}
   #nav {
        background:url(/site_media/images/nav_bg.png);
    }
		#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li {
		display:inline;
		padding:0;
		float:left;
        
	}

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

#nav ul {  /* white bg changes  */
	font-size:15px;
	color:#a5a5a5;
}


#nav ul ul{
   	display: block;
    	visibility: hidden;
   	position: absolute;
	padding-top:0px;
 
	padding-bottom:6px;
 	margin: 0;
  
	color:#a5a5a5;
 	background-image:url(/site_media/images/subnav_arrow2.png);
    background-repeat: no-repeat;
 	background-position: 0 2px;
 	_background-position: 20px 11px;
}


/*
    #nav ul ul{
        display: block;
        visibility: hidden;
        position: absolute;
        padding-top:10px;       
        margin: 0;

        
   
    }

 
*/   
    #navLink{
		padding-bottom:8px;
//background-position: 1px 2px;

	}
    #nav ul li a:link, 		#headernav ul li a:link{color: #666666;}       
    #nav ul li a:active, 	#headernav ul li a:active {color: #666666;}   
    #nav ul li a:hover {color: #03ABCF;}   
    #nav ul li a:visited, #headernav ul li a:visited {color: #666666;}  
    #nav ul li:hover ul {
        visibility: visible;
        z-index: 100;
    }
	
	
	
	#nav ul ul li a:link, 		#headernav ul li a:link {color: #666666;}       
    #nav ul ul li a:active, 	#headernav ul li a:active {color: #666666;}   
    #nav ul ul li a:hover {color: #03ABCF;}   
    #nav ul ul li a:visited, #headernav ul li a:visited {color: #666666;}  

	
    
    #navlist  a:hover {color: #03ABCF;}   
    
    
    
    
    
    
    
    
    #nav li a, #headernav li a{
		text-decoration:none;
        text-transform:uppercase;
        margin:0 10px 0 8px;
        padding-bottom:25px;
	}
    

	#main_2col {
		float:left;
		width:390px;
		padding:0px;
		
	}
    #main_1col {
		
		width:1000px;
		padding:0px;
		color: #555555;
        background:transparent;
	}
	h2 {
		margin:0 0 1em;
	}
	#sidebar {
		float:right;
		width:610px;
		padding:0px;
		background:#fff; /* #99c; */
	}
    .content{
        padding:10px
    }
	#footer {
		clear:both;
		padding:5px 10px;
        color:#555555;
		/*background: url(/site_media/images/footer_bg.png) repeat-x;*/
		font-size:10px;
    
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}
    #headernav{
        
        margin-right:-8px;
        position:relative;
        
        
    }
 
 
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('../xml/ellipsis.xml#ellipsis');
}
 
 
p.block {
	width: 90px;
    padding:0;
    margin:0;
    margin-bottom:-2px;
    font-weight:bold;
 
}

/* End of Contest Page CSS */
 
 
 
 
 

 
	h1 {font-family:"Trebuchet MS", sans-serif;
		font-size:32px;
		color:#03ABCF;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		line-height:36px;
	}
	
	h2 {font-family:"Trebuchet MS", sans-serif;
		font-size:20px;
		color:#03ABCF;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	h3 {
		font-size:21px;s	
		color:#03ABCF;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	h4 {
		font-size:14px;
		color:#999;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
/*  ###  BUTTON STYLES  ###  */
 
	hr {
		padding:0 0 0 0;
		margin: 0 0 0 0;
	}
 
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
/*  ###  MAIN BUTTON  ###  */
 
a.button_main {
    background: transparent url('/site_media/images/button_main_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-size: 12px;
		font-weight:bold;
    height: 32px;
    margin-right: 0px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}
 
a.button_main span {
    background: transparent url('/site_media/images/button_main_span.png') no-repeat;
    display: block;
    line-height: 24px;
    padding: 6px 0 4px 18px;
}
 
a.button_main:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
 
a.button_main:active span {
    background-position: bottom left;
    padding: 7px 0 3px 18px; /* push text down 1px */
}
 
 
 
/*  ###  LARGE BUTTON WITH ARROW  ###  */
 
a.button_large {
	width:160px;
    background: transparent url('/site_media/images/button_large_a_new.png') no-repeat scroll top right;
    color: #666;
    display: block;
    float: left;
    font-size:11px;
		font-weight:normal;
    height: 43px;
    line-height: 16px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

input.button_large {
	width:175px;
    background: transparent url('/site_media/images/button_large_input_new.png') no-repeat scroll top right;
    color: #03ABCF;
    display: block;
    float: left;
    font-size:18px;
		font-weight:bold;
    height: 43px;
    line-height: 16px;
    margin-right: 6px;
    /* sliding doors padding */
    text-decoration: none;        
    text-transform:uppercase;

}

input.button_large {
    background: transparent url('/site_media/images/button_large_input_new.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 2px 0 5px 0px;
	text-align:center;
    border:none;
}
 
a.button_large span {
    background: transparent url('/site_media/images/button_large_span_new.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 2px 0 5px 10px;
	text-align:center;
}


 
a.button_large:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
 
a.button_large:active span {
    background-position: bottom left;
    padding: 2px 0 5px 10px; /* push text down 1px */
	color:#999;
	}
 
.bigblue {
	font-size:16px;
	font-weight:bold;
	color:#03ABCF;
}
		
 /*  ###  MORE STATE BUTTON  ###  */
 
#more_button {
	float:right;
	margin-right:42px;} 
 
a.more_button {
	width:105px;
    background: transparent url('/site_media/images/button_large_a_new.png') no-repeat scroll top right;
    color: #666;
    display: block;
    float: left;
    font-size:11px;
		font-weight:normal;
    height: 43px;
    line-height: 16px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}
 
a.more_button span {
    background: transparent url('/site_media/images/button_large_span_new.png') no-repeat;
    display: block;
    line-height: 16px;
    padding: 2px 0 5px 10px;
	text-align:center;
}
 
a.more_button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
 
a.more_button:active span {
    background-position: bottom left;
    padding: 2px 0 5px 10px; /* push text down 1px */
	color:#999;
	}
 
input[disabled="disabled"], input.disabled { 
  	filter:alpha(opacity=60);
  	opacity:0.6;
	color:#666666;
}		
/* PAGE LAYOUT DEFAULTS */
#top_container {
	color: #999;
	font-size:14px;
	line-height:17px;
	padding: 0 0 0 0;
	background-repeat: repeat-x;
}
 
	#top_1 {
		width:317px;
		margin: 0 0 0 0;
		padding: 0 0 0 12px;
		float:left;
	}	
		
	#top_2 {
		width:317px;
		margin: 0 0 0 0;
		padding: 0 12px 0 12px;
		float:left;
	}	
		
	#top_3 {
		width:317px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float:left;
	}	
    
    #top_2_3 {
		width:634px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float:left;
	}
			
		
	#footer_links {
		clear:both;
        	color:#555555;
 		width:1000px;
		background-color: #fff; /* #1a1a1a; */
		height:77px;
		clear:both;
		font-size:12px;
		padding: 11px 0 4px 0;	
		margin: 0 0 0 0;	
	}
	
		#footer_links ul {
			list-style-position: outside;
			margin: 7px 10px 0 12px;
			padding: 0;
		}
 
		#footer_links li {
			list-style-position: outside;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
    #footer_links ul li a:link top_container{color: #555555;}       
    #footer_links ul li a:link {color: #555555;}       
    #footer_links ul li a:active 	{color: #03ABCF;}   
    #footer_links ul li a:hover 	{color: #03ABCF;}   
    #footer_links ul li a:visited {color: #555555;}  
 
		#footer_1 {
			width:306px;
			height:77px;
			float:left;			
			padding: 0 0 0 13px;				
		}
		
		#footer_2 {
			width:281px;
			height:77px;
			float:left;
			padding: 0 0 0 15px;
		}
		#footer_3 {
			width:252px;
			height:77px;
			float:left;
			padding: 0 0 0 15px;
		}
		#footer_4 {
			width:89px;
			height:77px;
			float:left;
			padding: 0 5px 0 15px;	

		
		}
        #footer_1 ul,  #footer_2 ul,  #footer_3 ul,  #footer_4 ul {
            list-style-type:none;
        }
        
        #editinline{
            display:none;
        }
 
 		
.white {
		color:#fff;
	}		
	
			.red_link {
				color:#03ABCF;
				font-size:10px;
        text-transform:uppercase;
			}
 			.red_link a{
					text-decoration:underline;
				}
   				.red_link a:link {color: #03ABCF; text-decoration:underline;}       
    			.red_link a:active {color: #cccccc;}   
    			.red_link a:hover {color: #fff;}   
    			.red_link a:visited {color: #03ABCF;}  		
		
/*  ###  HOME STYLES  ###  */	
 

    #home{
    background-color:#fff; /* #1a1a1a; */
    }
	
	#home h1 {
		font-family: 'Trebuchet MS', sans-serif;
		padding:20px 0 10px 0;
		font-size:42px;
		font-weight:bold;
		color:#999999;
		text-align:center;
}

	#home #top_container {
	width:1000px;
	height:345px;
	clear:both;
	background-color:#fff; /* #1a1a1a; */
	}
		#home #topRight_container{
			width:460px;
			height:330px;
			float:left;
			padding: 17px 10px 0 10px;
		}
			#home #top_1 {		
				padding: 0 0 0 25px;
				height:102px;
			}
						
			#home #top_1 h2 {	
				font-size:28px;
				font-weight:bold;
				color:#666666;
				line-height:33px;
			
			}

			#home #top_2 {
				width:215px;
				height:145px;
				float:left;
				font-size:13px;
				padding: 0 0 0 25px;
				border-right:solid 1px #a7a7a8;
			}
				#home #top_2_txt {
					width:170px;
					height:100px;
				}
				#home #top_2_btn {
                    margin-left:-3px;
				}
			
			#home #top_3 {
				width:165px;
				height:145px;
				float:left;
				font-size:13px;
				padding:0 0 0 50px;
			}
				#home #top_3_txt {
					height:100px;
				}
				#home #top_3_btn {
                    margin-left:-3px;
				}
			
		#home #movie_player {
			padding:24px 0 10px 10px;
			width:500px;
 
			height:291px;
			float:left;
		}
 
#home  #promos {
	 	background-color:#fff; /* #1a1a1a; */
		height:100px;

 }
			#home #promo_movies {	
				width:1050px;
				height:100px;
				position: relative;
				z-index: 1002;
				top: 0px;
				/*left: 10px;*/
			}
			
			#home .promo_movie {
				width:214px;
				height:58px;
				float:left;
				margin: 20px 45px 20px 0;
				/*background:url(/site_media/images/vid_bg.png) no-repeat;*/
    	border:1px solid #d6d6d6;
	background: url(/site_media/images/btn_bg.png) repeat-x; 

                overflow:hidden;
				
			}
            #home .promo_movie img {
                position:absolute;
                clip:rect(0px,107px,28px,0px);
                clip:rect(0px 107px 58px 0px); /* IE without commas, but will not validate */

            }
           
                
           
            #home .promo_movie .vid_info {
                font-size:8pt;
                position:relative;
                left:107px;
                margin-left:5px;
                margin-top:1px;
                color:#000;
                width: 100px;
            }
            
            .delete_proj{
				position:absolute;
				text-align:right;
				width:224px;
                margin-top:-10px;
            }
		#home #more {
			width:109px;
			height:291px;
			float:left;
		}
			#home #more_movies {
				height:260px;
			}
		
			#home #more_link {
				color:#03ABCF;
				font-size:10px;
				text-align:center;
			}
		
			#home #more_link {
				color:#03ABCF;
				font-size:10px;
				text-align:center;
			}
	  			#home #more_link a{
					text-decoration:underline;
        			text-transform:uppercase;
				}
   				#home #more_link a:link {color: #03ABCF;}       
    				#home #more_link a:active {color: #cccccc;}   
    				#home #more_link a:hover {color: #fff;}   
    				#home #nmore_link a:visited {color: #03ABCF;}  
	
		#home .avec {
			font-size:14px;
			color:#03ABCF;
		}		
		
 /*  PRODUCT STYLES  */
		#products h2 {
				color:#03ABCF;
				font-size:14px;
        		text-transform:uppercase;
        		line-height:18px;
        		padding-bottom:7px;
		}
		
		#products #top_container {
			height: 100px;
			padding: 15px 0px 25px 0;
		}
 
		#products #top_container #top_1 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 12px;
			float:left;
		}	
		
		#products #top_container #top_2 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 12px 0 12px;
			float:left;
		}	
		
		#products #top_container #top_3 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float:left;
		}	
		
		#products #middle_container {
			height: auto;
			color: #ccc;
			background-color:#fff; /* #333; */
			font-size:14px;
			line-height:17px;
			padding: 25px 0 25px 0;
			overflow:auto;
		}
 
		#products #middle_container #mid_1 {
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 12px;
			float:left;
		}	
		
		#products #middle_container #mid_2 {
			width:317px;
			margin: 0 0 0 0;
			padding: 0 12px 0 12px;
			float:left;
		}	
		
		#products #middle_container #mid_3 {
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float:left;
		}	
			#prod_mid2_btns{
				height: 90px;
				padding: 4px 0 0 0;
				border-top: 1px solid #484848;
				border-bottom: 1px solid #484848;
			
			}
				#prod_mid2_btns a.button_main span {
				padding-left: 10px;
			}		
		#prod_mid2_btns #btn_1 {
				padding:0 0 0 0;
				width:135px;
				height:36px;
				float:left;
			}
			#prod_mid2_btns  .button_main {
			font-size:11px;
			padding-left:0;
				width:125px;
			}
			#prod_mid2_btns #btn_2 {
				width:135px;
				height:36px;
				padding:0 0 0 0;
				float:right;
			}
			
			#prod_mid2_btns p {
				margin: 5px 0 8px 0;
			}
 
			#prod_mid2_btns #btn_2 .button_main {
				width:125px;
			}
		
 
 
		
 /*  SHOWPAKS & TEXT-TO-MOVIE STYLES  */
 
 
	
		#state_texttomovie h2 {
				font-family:"Trebuchet MS", sans-serif;
				color:#03ABCF;
				font-size:18px;
        		text-transform:uppercase;
        		line-height:18px;
        		padding-bottom:7px;
		}
		
		#state_texttomovie h3 {
				font-family:"Trebuchet MS", sans-serif;
				
				font-size:14px;
        		line-height:18px;
        		padding-bottom:7px;
		}
		
		
		#state_texttomovie hr {
			color: #333;
			background-color: #fff; /* #333; */
			margin: 21px 0 18px 0;
			border-width:1px 0 0 0;
			border-top: 1px solid #484848;
		}
		
		
		#state_texttomovie a.button_main {
			width:150px;
			float:none;
		}
		
		#state_texttomovie a.button_large {
			width:180px;
			float:none;
		}
		#state_texttomovie #top_container {
			height: 100px;
			padding: 15px 0px 25px 0;
		}
 
		#state_texttomovie #top_container #top_1 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 12px;
			float:left;
		}	
		
		#state_texttomovie #top_container #top_2 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 12px 0 12px;
			float:left;
		}	
		
		#state_texttomovie #top_container #top_3 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float:left;
		}	
		
		#state_texttomovie #middle_container {
			color: #ccc;
			background-color:#fff; /* #333; */  	
			line-height:15px;
			padding: 25px 0 25px 0;	
			overflow:auto;
		}
 
		#state_texttomovie #middle_container #mid_1 {
			font-size:11px;
			width:317px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 12px;
			float:left;
		}	
		
		#state_texttomovie #middle_container #mid_2 {
			font-size:11px;
			width:304px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 25px 0 25px;
			float:left;
		}	
		
		#state_texttomovie #middle_container #mid_3 {
			width:304px;
			height: auto;
            color:#000000;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float:left;
		}	
			#prod_mid2_btns{
				height: 90px;
				padding: 4px 0 0 0;
				border-top: 1px solid #484848;
				border-bottom: 1px solid #484848;
			
			}
				#prod_mid2_btns a.button_main span {
				padding-left: 10px;
			}		
		#prod_mid2_btns #btn_1 {
				padding:0 0 0 0;
				width:135px;
				height:36px;
				float:left;
			}
			#prod_mid2_btns  .button_main {
			font-size:11px;
			padding-left:0;
				width:125px;
			}
			#prod_mid2_btns #btn_2 {
				width:135px;
				height:36px;
				padding:0 0 0 0;
				float:right;
			}
			
			#prod_mid2_btns p {
				margin: 5px 0 8px 0;
			}
 
			#prod_mid2_btns #btn_2 .button_main {
				width:125px;
			}
		
 
		
 /*  Showpaks STYLES  */
 
		#showpaks h2 {				
				font-family:"Trebuchet MS", sans-serif;
				color:#03ABCF;
				font-size:14px;
        		text-transform:uppercase;
        		line-height:18px;
        		padding-bottom:7px;
		}
		
		#showpaks h4 {
				font-family:"Trebuchet MS", sans-serif;
				color:#999;
				font-size:14px;
        		padding-bottom:0;
        		text-transform:uppercase;
		}
	
	#showpaks .showpak {
		width:177px;
		height:190px;
		float:left;
		border-top:1px solid #595959;
		margin:0 8px 0 8px;
	}
	
		
		#showpaks #top_container {
			height: 100px;
			padding: 15px 0px 25px 0;
		}
 
		#showpaks #top_container #top_1 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 12px;
			float:left;
		}	
		
		#showpaks #top_container #top_2 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 12px 0 12px;
			float:left;
		}	
		
		#showpaks #top_container #top_3 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float:left;
		}	
		
		#showpaks #middle_container {
			color: #ccc;
			font-size:14px;
        		line-height:17px;
			padding: 25px 0 25px 0;			
			overflow:auto;
			background-color:#fff; /* #333; */
 
		}
 
		#showpaks #middle_container #mid_1 {
			width:400px;
			margin: 0 0 0 0;
			padding: 0 0 0 12px;
			float:left;
		}	
		
		#showpaks #middle_container #mid_2 {
			width:587px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float:left;
		}	
		
		#showpaks #middle_container #mid_3 {
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float:left;
		}	
			#prod_mid2_btns{
				height: 90px;
				padding: 4px 0 0 0;
				border-top: 1px solid #484848;
				border-bottom: 1px solid #484848;
			
			}
				#prod_mid2_btns a.button_main span {
				padding-left: 10px;
			}		
		#prod_mid2_btns #btn_1 {
				padding:0 0 0 0;
				width:135px;
				height:36px;
				float:left;
			}
			#prod_mid2_btns  .button_main {
			font-size:11px;
			padding-left:0;
				width:125px;
			}
			#prod_mid2_btns #btn_2 {
				width:135px;
				height:36px;
				padding:0 0 0 0;
				float:right;
			}
			
			#prod_mid2_btns p {
				margin: 5px 0 8px 0;
			}
 
			#prod_mid2_btns #btn_2 .button_main {
				width:125px;
			}
		
		#showpaks_pagination {
			clear:both;
			float:right;
			padding-right:15px;
		}
		
 /*  State STYLES  */
 
		#state h2 {
				color:#03ABCF;
				font-size:14px;
        		text-transform:uppercase;
        		line-height:18px;
        		padding-bottom:7px;
		}
		
		#state #top_container {
			height: 100px;
			padding: 15px 0px 25px 0;
		}
 
		#state #top_container #top_1 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 12px;
			float:left;
		}	
		
		#state #top_container #top_2 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 12px 0 12px;
			float:left;
		}	
		
		#state #top_container #top_3 {
			height: 97px;
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float:left;
		}	
		
		#state #middle_container {
			color: #ccc;
			font-size:14px;
        		line-height:17px;
			padding: 25px 0 25px 0;
		}
 
		#state #middle_container #mid_1 {
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 12px;
			float:left;
		}	
		
		#state #middle_container #mid_2 {
			width:317px;
			margin: 0 0 0 0;
			padding: 0 12px 0 12px;
			float:left;
		}	
		
		#state #middle_container #mid_3 {
			width:317px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float:left;
		}	
			#prod_mid2_btns{
				height: 90px;
				padding: 4px 0 0 0;
				border-top: 1px solid #484848;
				border-bottom: 1px solid #484848;
			
			}
				#prod_mid2_btns a.button_main span {
				padding-left: 10px;
			}		
		#prod_mid2_btns #btn_1 {
				padding:0 0 0 0;
				width:135px;
				height:36px;
				float:left;
			}
			#prod_mid2_btns  .button_main {
			font-size:11px;
			padding-left:0;
				width:125px;
			}
			#prod_mid2_btns #btn_2 {
				width:135px;
				height:36px;
				padding:0 0 0 0;
				float:right;
			}
			
			#prod_mid2_btns p {
				margin: 5px 0 8px 0;
			}
 
			#prod_mid2_btns #btn_2 .button_main {
				width:125px;
			}
			
/*  ###  STATE TV  ### */			
		
    #stateTV{
		background-color:#fff; /* #1a1a1a; */


    }
	#stateTV #top_container {
	width:1000px;
	height:420px;
	clear:both;
	
	background-color:#fff; /* #1a1a1a; */
	}
		#stateTV #topRight_container{
			width:480px;
			height:330px;
			float:left;
			padding: 5px 0px 0 0px;
		}
			#stateTV #top_1 {		
				padding: 0 0 0 25px;
				height:102px;
			}
						
			#stateTV #top_1 h2 {	
				font-size:28px;
				font-weight:bold;
				color:#666666;
				line-height:33px;
			
			}

			#stateTV #top_2 {
				width:173px;
				height:291px;	
				float:left;
				padding: 22px 0 0 0px;
				margin-right: 35px;
                margin-top:16px;
           /*     background-image:url(/site_media/images/info_pane.png) ;
                background-repeat: no-repeat;
                background-position: -21px 0px;
             */   
                
                
			}
				#stateTV #top_2_txt {
					width:155px;
					height:190px;
					line-height:13px;
					font-size:15px;
					color:#363636;
					text-transform: uppercase;
					padding:10px 5px 5px 10px;
					margin-top: 1px;
					background-image: url(/site_media/images/stateTV_movieInfo.png);
				}

				#stateTV #top_2_txt p{
					padding:0 0 0 0;
					margin:0 0 8px 0;
				}

				#stateTV .movieInfo {
					font-size:10px;
				}
				
				
				#stateTV #movieTitleBlock {
					color:#000000;
					padding-bottom:20px;
				}
				
		
				
				#movieauthor a{
					color:#363636;
				
				}
				
				#movieauthor a:hover{
					color:#03ABCF;
				
				}
				
				#stateTV #top_2_btn {
				}
	
				#stateTV #top_2_btn a.button_large {
					width:165px;
					height:38px;
					line-height:33px;
                    margin-left:-2px\9
				}
				#stateTV  #top_2_btn a.button_large span {
     				line-height: 26px;
    				padding: 7px 0 5px 10px;
					text-align:center;
}
				#stateTV  #top_2_btn a.button_large:active span {
   			 		background-position: bottom left;
    				padding: 6px 0 5px 10px; /* push text down 1px */
				}
 

		
				#stateTV #top_2_btn2 {
				}
				
				#stateTV #top_2_btn2 a.button_large {					
					width:165px;
					height:42px;
					line-height:37px;
                    margin-left:-2px\9
				}
			
				
				#stateTV  #top_2_btn2 a.button_large span {
     				line-height: 26px;
    				padding: 7px 0 5px 10px;
					text-align:center;
}
				#stateTV  #top_2_btn2 a.button_large:active span {
   			 		background-position: bottom left;
    				padding: 10px 0 5px 10px; /* push text down 1px */
					color:#03ABCF;
				}
 
				
				
				#stateTV #top_3_btn a.button_large {
					height:42px;
				}
			
				
				#stateTV  #top_3_btn a.button_large span {
    				padding: 2px 0 5px 10px;
					text-align:center;
}
				#stateTV  #top_3_btn a.button_large:active span {
   			 		background-position: bottom left;
    				padding: 4px 0 5px 10px; /* push text down 1px */
					color:#999;
				}
 
				
					
			
			#stateTV #top_3 {
				width:270px;
				font-size:13px;
				padding:18px 0px 0 0px;
				float:right;
			}
				
				#stateTV #top_3_txt {					
					background-color:#ffffff;
					height:254px;
                		width:255px;
					padding-top:20px;
				}
			
					#stateTV #top_3 h3{
						padding:10px 5px 0 5px;
						font-size:26px;
						text-align:center;
					}
			
				#stateTV #top_3_btn a.button_large {
					width:249px;
					margin-left:-2px;
				}
			
				#stateTV #top_3_btn {
				}
			
			#stateTV #movie_player {
				padding:24px 0 10px 10px;
				width:500px; 
				height:291px;
				float:left;
			}
 


#stateTV #stateSubnav {
        
        margin-top:1px;
		padding:0px 10px;
		background:url(/site_media/images/subnav_bg.png) repeat-x;
        font-family:"Trebuchet MS", sans-serif;
        font-size : 12px;
        color: #cccccc;
        height:22px;
        z-index:70;
        line-height:25px;
}
 
#stateTV  #promos {
	 	background-color:#fff; /* #1a1a1a; */
		height:325px;

 }
			#stateTV #promo_movies {	
				width:1050px;
				/*height:340px;*/
				position: relative;
				z-index: 1002;
				top: 0px;
				/*left: 10px;*/
			}
			
			#stateTV .promo_movie {
				width:214px;
				height:58px;
				float:left;
				margin: 20px 45px 20px 0;
				/*background:url(/site_media/images/vid_bg.png) no-repeat;*/
    	border:1px solid #d6d6d6;
	background: url(/site_media/images/btn_bg.png) repeat-x; 
                overflow:hidden;
				
			}
           #stateTV  .promo_movie img {
                position:absolute;
                clip:rect(0px,107px,28px,0px);
                clip:rect(0px 107px 58px 0px); /* IE without commas, but will not validate */

            }
           
                
           
            #stateTV .promo_movie .vid_info {
                font-size:8pt;
                position:relative;
                left:107px;
                margin-left:5px;
                margin-top:1px;
                color:#000;
            }
   
   
		#pagination {
			float:right;
			padding-right:10px;
		}
           /* #stateTV .delete_proj{
                
                float:right;
                margin-top:-10px;
                margin-right:10px;
            }*/
		#stateTV #more {
			width:109px;
			height:291px;
			float:left;
		}
			#stateTV #more_movies {
				height:260px;
			}
		
			#stateTV #more_link {
				color:#03ABCF;
				font-size:10px;
				text-align:center;
			}
		
			#stateTV #more_link {
				color:#03ABCF;
				font-size:10px;
				text-align:center;
			}
	  			#stateTV #more_link a{
					text-decoration:underline;
        			text-transform:uppercase;
				}
   				#stateTV #more_link a:link {color: #03ABCF;}       
    				#stateTV #more_link a:active {color: #cccccc;}   
    				#stateTV #more_link a:hover {color: #fff;}   
    				#stateTV #nmore_link a:visited {color: #03ABCF;}  
	
		#stateTV .avec {
			font-size:14px;
			color:#03ABCF;
		}		
		
/*  ###   PROFILE   ###  */


#profile #home #topRight_container{
			width:460px;
			height:330px;
			float:left;
			padding: 20px 10px 0 0;
		}

#stateTV #profile_txt {					
					background-color:transparent;/*#ffffff;*/
				height:291px;
				padding-top:20px;
				}


#profile #playlists #navfeatured{
	width:500px;
	float:left;
	padding-left:5px;
}

#profile #playlists #navfeatured ul{
	padding: 0 0 0 0;
}

#profile #playlists #navfeatured a {
	padding: 2px 5px 0 5px;
}

#profile #playlists #navfeatured a span {
	padding: 2px 5px 0 0;
}



/*
#profile #playlist_movies .promo_movie {
	width: 225px;
	margin: 10px 0 10px 0;
	float:left;
}
#profile #playlist_movies .promo_movie img{
	float:left;
}
#profile #playlist_movies .promo_movie .vid_info{
	float:left;
}
*/

			
			#profile .promo_movie {
				width:214px;
				height:58px;
				float:left;
				margin: 20px 13px 20px 13px;
				/*background:url(/site_media/images/vid_bg.png) no-repeat;*/
    	border:1px solid #d6d6d6;
	background: url(/site_media/images/btn_bg.png) repeat-x; 
                overflow:hidden;
				
			}
            #profile .promo_movie img {
                position:absolute;
                clip:rect(0px,107px,28px,0px);
                clip:rect(0px 107px 58px 0px); /* IE without commas, but will not validate */

            }
           
                
           
            #profile .promo_movie .vid_info {
                font-size:8pt;
                position:relative;
                left:107px;
                margin-left:5px;
                margin-top:1px;
                color:#000;
            }




#profileInfo{
	font-size:14px;
	padding: 10px 10px 10px 10px;
	color:#999;
}
                	
#profileName{
	height:22px;
	font-size:16px;
	font-weight:bold;
}
#profileJoined{
}
#profileLast{
}
#profileType{
}
#profileSettings {
	padding-top:10px;
	text-align:center;
}


.movieInProgress {
	border-bottom: 1px solid #cccccc;
display: inline-block;
margin: 0px 0px 8px 0px;
padding: 8px 0px 10px 8px;
position: relative;
width: 460px;
font-size:12px;
}

#movieInProgress a:link {
	color:#03ABCF;
}

#/site_mediatitle_v1_rec  a:link {
	color:#03ABCF;

}


/* NEw PLAYLIST BUTTONS */
a.profile_lnkbtns {
    background: transparent url(images/new_button_small.png) no-repeat top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.profile_lnkbtns span { 
    background: transparent url(images/new_button_small.png) no-repeat top left;
    display: block;
    line-height: 14px;
    padding: 5px 1px 5px 18px;
}
a.profile_lnkbtns:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.profile_lnkbtns:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* NEw PLAYLIST BUTTONS */
a.button_small {
    background: transparent url(/site_media/images/new_button_small.png) no-repeat top right;
    color: #444;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_small span { 
    background: transparent url(/site_media/images/new_button_small.png) no-repeat top left;
    display: block;
    line-height: 14px;
    padding: 5px 1px 5px 18px;
}
a.button_small:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_small:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


.playlistlink_content {
	
}

.playlistlink_content p {
	font-size:14px;
	line-height:29px;
	
}
.playlist_action_title {
	font-size:16px;
	font-weight:bold;
}
.playlistname {
}
.playlist_buttons {
	margin: 0 0 0 0;
	list-style-type: none;
}




/*

.button_medium a {
	height:19px;
	padding:3px 10px 3px 10px;
	margin:0 5px 0 5px;
    background: transparent url('/site_media/images/button_medium.png') no-repeat scroll top left;
  	filter: alpha(opacity=65);
  	-moz-opacity: 0.65;
  	opacity: 0.65;
}

.button_medium a:link {
		outline: none; 
  		filter: alpha(opacity=100);
  		-moz-opacity: 1;
  		opacity: 1;
	}
 
.button_medium a:active {
    	background-position: bottom left;
    	color: #fff;
    	outline: none; 
  		filter: alpha(opacity=100);
  		-moz-opacity: 1;
  		opacity: 1;
	}
*/

/* MEMBER REMIX BUTTON SKIN */
.button_medium, .button_medium span{
    background: transparent url('/site_media/images/button_medium.png') no-repeat scroll top left;
    _background: transparent url('/site_media/images/button_medium.png') no-repeat scroll top left;
}
 
.button_medium span span,
.button_medium a{
    color:#e00000;
}
 
 
.button_medium-hover span span,
.button_medium-hover a,
.button_medium:hover span span,
.button_medium:hover a
{
    background: transparent url('/site_media/images/button_medium.png') no-repeat scroll bottom left;
    _background: transparent url('/site_media/images/button_medium.png') no-repeat scroll bottom left;
    color:#fff;
}
 
 
.button_medium-click span span,
.button_medium-click a
{
    color:#fff !important;
}
 
 
.button_medium{
    padding: 0 8px 0 0;
    margin-top: 10px;
    vertical-align:bottom;
    background-repeat:no-repeat;
    background-position:100% 0;
    font:small/1px;
    display:-moz-inline-stack;
    display:inline-block;
    list-style-image:url(data:behavior:mouseover,&uihtmlbutton);/*for JS behavior*/
    zoom:1;
    *display:inline;
}
 


.button_medium-hover,
.button_medium:hover{
     background-position:100% -104px;
}
 
.button_medium-click{
 background-position:100% -208px !important; 
}
 
 
.button_medium span{
    height:26px;
    vertical-align:baseline;
    background-repeat:no-repeat;
    position:relative;
    white-space:nowrap;
    display:block;
    overflow:hidden;
    zoom:1;
    _display:inline;
}
 
 
.button_medium-hover span,
.button_medium:hover span{
    background-position:0 -156px;
}
 
.button_medium-click span{
    background-position:0 -260px !important;
}
 
.button_medium span span,
.button_medium a{
    outline:none;
    padding:11.5px 8px 12px 16px;
    display:block;
    text-decoration:none;
    zoom:normal;
    height:auto;
    font-size:100%;
    line-height:1px;
}
 
.button_medium input{
    position:absolute;
    top:0;
    width:1000px;
    height:1000px;
    font-size:100px;
    padding:100px;
    background:#e00000;
    left:8px;
    top:-100px;
    cursor:pointer;
    filter:alpha(opacity=0);
    opacity:0;
}

/*  #  NEW ACCOUNT LOGIN STYLES  */

#accountLogin {
	height:200px;
	padding-top:30px;
}





/* redone login forms classes */

#accountLogin_title {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	padding-left:20px;
	margin-top:20px;
	height:20px;
}

#accountLogin_table {
	margin: 0 0 0 0;
	padding-left:20px;
	width: 980px;
	height: 100px;
	font-size: 13px;
	color: #cccccc;
}
#accountLogin_table p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 13px;
	color: #cccccc;
}

#accountLogin_form {
	width: 420px;
	border-right: 1px solid #cccccc;
	vertical-align: top;
}
#accountLogin_form form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#accountLogin_formTable { 
	width: 420px;
}
#accountLogin_formTable th { 
	width: 220px;
	padding-right:10px;
	text-align:right;
}
#accountLogin_formTable th label { }
#accountLogin_formTable td {
	width: 200px;
}
#accountLogin_formTable td input {
	width: 160px;
	margin-bottom: 5px;
}


#accountLogin_formTable .spacer {
	width:226px;
}


.accountLogin_formTd p { 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.accountLogin_formTd label { 
	display: inline-block;
	width: 212px;
	padding:0 6px 0 0;
	margin: 0 0 0 0;
	text-align:right;
}
.accountLogin_formTd input {
	width: 160px;
}


#accountPassReset_form {
	width: 520px;
	border-right: 1px solid #cccccc;
	vertical-align: top;
}
#accountPassReset_formTable { 
	width: 520px;
}
.accountPassReset_formTd p { 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.accountPassReset_formTd label { 
	display: inline-block;
	width: 212px;
	padding:0 6px 0 0;
	margin: 0 0 0 0;
	text-align:right;
}
.accountPassReset_formTd input {
	width: 160px;
}



#accountLogin_fbconnect {
	padding:0px 30px 0 0;
	border-right: 1px solid #cccccc;
	vertical-align: top;
	width:181px;
}


#accountLogin_forgotpwd {
	padding: 8px 0 0 30px;
	vertical-align: top;

}




/* NEW ACCOUNT STYLES  */
#newAccount_form {

}

#register_fbconnect {
	padding-left:5px;
	margin-left:5px;
	border-left: 1px solid #34474b;

}

.movieInProgress{

}

.mip_content {
	width:369px;
	padding:0 10px 10px 0;
	border-right: 1px solid #cccccc;
	font-size:11px;
	line-height:18px;
}

.mip_thumb{
	width:128px;
	margin: 0 5px 5px 0;
	padding: 1px;
	float:left;
	text-align:center;
}

.mip_content img {
	
	width:120px;
	height:96px;
}

.mip_movie_name {
	font-size:14px;
	font-weight:bold;
}

.mip_disclaimer {
	padding-top:5px;

}

.comment_list .t1 {
	border: 1px solid #34474b;
}

.am_moderator{
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 15px 13px 5px 13px;
	position: relative;
}

#movie_utilities{
	/*height:140px;*/
	font-size:12px;
	margin-top:25px; /* was 40px s*/
	padding: 0 0 0 10px;
}


#youTube {
	margin: 0 0 0 0;
	padding: 3px 10px 0 10px;
 	background: url(../images/subnav_strap.png) repeat-x;
	background-position: -4px 0px;
	background-color:#1a1a1a;
	width:480px;
	height:150px;
	float:left;
}

#youTubeTitle{
	color:#ffffff;
	height:40px;
}
.youtubesetup_header{
	padding-top:15px;
	margin-bottom:10px;
	border-bottom: solid 1px #cccccc;
	font-weight:bold;
}
.yt1 {
	background-color:#1a1a1a;
}
.yt1_over {
	background-color:#516063;
}
#youtubesetup_dialog {
	background-color:#efefef;
	padding:10px;
}

#hiQuality {
/*
	margin: 0 0 0 0;
	padding: 3px 10px 0 10px;
 	background: url(../images/subnav_strap.png) repeat-x;
	background-color:#1a1a1a;
	background-position: -4px 0px;
	width:480px;
	height:150px;
	float:left;
*/
}

#hiQualityTitle{
	color:#ffffff;
	height:40px;
}

/*  Plain text page styles ie. Terms of Service */

.plaintext_content {
	padding: 20px 30px 20px 30px;
}
.plaintext_content h1 {
	font-size: 21px;
	font-weight:bold;
	text-transform: uppercase;
}


/* rate widget */

#rate_title {
	font-size: 12px;
	line-height: 25px;
}
#rate_stars {
	margin-top: -2px;
}
#rate_average {
	font-size: 12px;
	line-height: 25px;

}
#rate_num {
	font-size: 12px;

}
#rate_views {
	font-size: 12px;
	line-height: 25px;

}

#share_tools_list li{
 	width:30%;
	padding-bottom:5px;
 	float:left;
}
.rate_status{
	width:85px;
	text-align:center; 	
	font-size: 12px;
 	color: #03ABCF;
 	margin-top:3px;
 	border-top:1px dotted #03ABCF;
 	border-bottom:1px dotted #03ABCF;
}

#aboutepisode_rating {
	padding-top:1px;
}


.widget_container {
	margin:10px;
	padding:10px;
	border: 1px solid #cccccc;
}

.widget_title {
	float:left;
	font-size:18px;
	font-weight:bold;
	color: #444444;
	padding-bottom:10px;
}

.widget_close {
	float:right;
}

.widget_content {
	clear:both;
}

.widget_forgot_password {

}
.sharelink {
	width:140px; padding-bottom:10px;font-size:14px;
}

#movieedit {
	float:right;
}

.profile_linkbtn {
	color:#03ABCF;
}

/* MODAL HACKS 
	frame and content were background-color: rgb(239, 239, 239); 
*/
#MB_frame { background-color: #ffffff; }
#MB_content { background-color: #ffffff };
#youtubewidget { background-color: rgb(239, 239, 239); }
.youtubewidget_container { background-color: rgb(239, 239, 239); }


#publishDIV {
	border:none;
	background-color:#fff;
	padding:5px;
}

#loginDIV, #regDiv, #moviedialog {
background-color: rgb(239, 239, 239);
padding:5px;
border:1px solid grey;
}
#loginDIV_h, #regDiv_h, #moviedialog_h {
background-color: grey;
padding:5px;
color:#fff;
}

  .showpak {
    float:left;
    width:330px;
   }
  

/* watchmovies getState Badge */
#getStateBadge{
	width:281px;
	height:217px;
 	background: url(../images/getState.png) no-repeat;
	}

/*
language flags to design for
fr, en, zh, it, ja
*/

#getStateBadge_getState, #getStateBadge_getState_zh{
	padding: 37px 0 0 124px;
	text-align:center;
	font-size:28px;
	font:weight:bold;
	color:#5a5a5a;
} /* english and chinese */

#getStateBadge_getState_fr{ 
	padding: 37px 0 0 124px;
	text-align:center;
	font-size:23px;
	font:weight:bold;
	color:#5a5a5a;
 } /* french */

#getStateBadge_getState_it, #getStateBadge_getState_ja{ 
	padding: 17px 0 0 124px;
	line-height: 26px;
	text-align:center;
	font-size:23px;
	font:weight:bold;
	color:#5a5a5a;
 } /* italian and japanese */

#getStateBadge_makeBetter{
	padding: 8px 0 0 140px;
	font-size:18px;
	font:weight:bold;
	color:#5a5a5a;
	line-height:21px;
}
#getStateBadge_download, #getStateBadge_download_zh, #getStateBadge_download_fr{
	padding: 31px 0 0 110px;
	text-align:center;
	font-size:24px;
	font:weight:bold;
	color:#ffffff;
} /* english, chinese and french */

#getStateBadge_download_it, #getStateBadge_download_ja{
	padding: 17px 0 0 110px;
	text-align:center;
	font-size:24px;
	font:weight:bold;
	color:#ffffff;
} /* italian and japanese */

.error_msg {
	padding: 7px 10px 5px 10px;
}

.error {
    padding: 7px 20px;
    border: 1px solid #d06c6c;
    background: #f18d8d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: white;
    margin: 5px 0 15px 0;
}

/* FORUM STYLES */

.djangoForumPagination {
	list-style-type: none;
	padding: 0 5px 0px 5px;
	margin-bottom:10px;
	border-right: 1px solid #ccc;
    display: inline;

}
#djangoForumBody h1 {
	padding:10px 0 0 10px;
}
#djangoForumBreadcrumbs {
	padding: 0 0 5px 10px;
}



/*  ####  BUTTON STYLES  ####  */


.no_right_bd {
	border-right:0px none;
}

/*

#linkbtn_createseries button, #linkbtn_createseries button:visited, 
#linkbtn_renameseries button, #linkbtn_renameseries button:visited, 
#linkbtn_deleteseries button, #linkbtn_deleteseries button:visited, 
#linkbtn_createplaylist button, #linkbtn_createplaylist button:visited, 
#linkbtn_renameplaylist button, #linkbtn_renameplaylist button:visited, 
#linkbtn_deleteplaylist button, #linkbtn_deleteplaylist button:visited {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 11px;
    	border:1px solid #d6d6d6;
	background: url(/site_media/images/btn_sm_bg.png) repeat-x; 
	display: inline-block; 
	padding: 3px 10px 3px;
	margin: 3px 4px 4px 4px; 
	color: #000; 
	text-decoration: none;
	position: relative;
	cursor: pointer;
	text-transform: uppercase;
}

#linkbtn_createseries button:hover, 
#linkbtn_renameseries button:hover,
#linkbtn_deleteseries button:hover,
#linkbtn_createplaylist button:hover, 
#linkbtn_renameplaylist button:hover,
#linkbtn_deleteplaylist button:hover {
	background-color: #fffdf3; 
	color: #000; 
    	border:1px solid #999;	
}

#linkbtn_createseries button:active, 
#linkbtn_renameseries button:active,
#linkbtn_deleteseries button:active,
#linkbtn_createplaylist button:active, 
#linkbtn_renameplaylist button:active,
#linkbtn_deleteplaylist button:active {
		top: 1px; 
}


#linkbtn_createseries button[disabled="disabled"], #linkbtn_createseries button.disabled,
#linkbtn_renameseries button[disabled="disabled"], #linkbtn_renameseries button.disabled
#linkbtn_deleteseries button[disabled="disabled"], #linkbtn_deleteseries button.disabled,
#linkbtn_createplaylist button[disabled="disabled"], #linkbtn_createplaylist button.disabled,
#linkbtn_renameplaylist button[disabled="disabled"], #linkbtn_renameplaylist button.disabled, 
#linkbtn_deleteplaylist button[disabled="disabled"], #linkbtn_deleteplaylist button.disabled { 
  		filter:alpha(opacity=40);
  		opacity:0.4;
		color:#666666;
		border:1px solid #d6d6d6;
		background-color:#fff;
		cursor: default
	}
	
#linkbtn_createseries button[disabled="disabled"]:hover, #linkbtn_createseries button.hover,
#linkbtn_renameseries button[disabled="disabled"]:hover, #linkbtn_renameseries button.hover
#linkbtn_deleteseries button[disabled="disabled"]:hover, #linkbtn_deleteseries button.hover,
#linkbtn_createplaylist button[disabled="disabled"]:hover, #linkbtn_createplaylist button.hover,
#linkbtn_renameplaylist button[disabled="disabled"]:hover, #linkbtn_renameplaylist button.hover, 
#linkbtn_deleteplaylist button[disabled="disabled"]:hover, #linkbtn_deleteplaylist button.hover  { 
  		filter:alpha(opacity=40);
  		opacity:0.4;
		color:#666666;    
		border:1px solid #d6d6d6;
		background-color:#fff;
		cursor: default
	}
	*/

/* new style buttons from global.css */
a.fixed-width-button, span.fixed-width-button { cursor:hand; cursor: pointer; color: #555; display: block; font-size: 11px; margin-top: 0px; margin-bottom: 0px; width: 100px; height: 18px; line-height: 18px; text-align: center; border: 1px solid #ccc; background: url("/site_media/images/button_bg.png") repeat-x center center; }
a.fixed-width-button:hover, span.fixed-width-button:hover { cursor:hand; cursor: pointer; color: #000; background-position: center bottom; border: 1px solid #999; }
a.fixed-width-button:active, span.fixed-width-button:active { cursor:hand; cursor: pointer; color: #03abcf; border: 1px solid black; background-position: center-bottom; }

/* registration validation styles */
#username-container { position: relative; }
#username-taken, #username-available { display: none; position: absolute; right: 0; top: 0px; }
.valid #username-available { display: block; width: 20px; height: 20px; padding-right: 20px; background: url(/site_media/images/yt/green-checkmark.png) no-repeat; }
.invalid #username-taken { display: block; color: red; line-height: 20px; padding-right: 5px; }
.invalid #id_username { background: #ff8585; }