/*----~/jsResources/jquery.cluetip.css---*/
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default
{
	background-color: #7CCAEE;
}
.cluetip-default #cluetip-outer
{
	position: relative;
	margin: 0;
	background-color: #C7D3DA;
}
.cluetip-default h3#cluetip-title
{
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #7CCAEE;
	color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
}
.clue-left-default .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
}
.clue-left-jtip .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
}
.clue-left-rounded .cluetip-arrows {
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

/*----~/Css/Default.classic.css---*/

/*----~/Css/classic/list.css---*/
div.list
{
	background-color: #FFFFFF;
	float: left;
	margin: 0;
	padding: 0;
	border: 1px none #819cd5;
}
* html body div.list
{
	width: 99%;
}
div.list div.header
{
	width: 100%;
	height: 24px;
}

div.list div.header div.caption
{
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: White;
}
div.col_60
{
	width: 60%;
}
div.col_70
{
	width: 70%;
}
div.col_30
{
	width: 28%;
}
div.col_40
{
	width: 33%;
}
div.list div.list-item.select
{
	border: 1px dashed #003300;
	background-color: #F5F5F5;
}

div.list div.list-item
{
	border-bottom: 1px solid #EAEAEA;
	padding: 0px;
	float: left;
	clear: both;
	display: inline-block;
	width: 100%;
	padding-top:4px;
	 
	  
}

* html body div.list div.list-item
{
	width: 100%;
}

div.list div.list-item div.panel
{
	width: 100%;
	clear: both;
}




div.frame-thumb
{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
	min-height: 90px;
	height: 1px;
	 
}


div.indicator
{
	width: 120px;
	height: 16px;
	line-height: 16px;
	position: relative;
	left: -1px;
	top: -20px;
	clear: none;
}
div.indicator .select-item
{
	float: left;
	height: 15px;
	margin-left:1px; 
	margin-top:1px; 
}



div.indicator span.time-indicator
{
	font-weight: lighter;
	color: #FFFFFF;
	background-color: #000000;
	width: auto;
	float: right;
	height: 15px;
	margin-right: 1px;
	margin-bottom: 1px;
}


span.video-indicator
{
	background-image: url("http://www.trancepod.com/Images/icn_video.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: Transparent;
}
span.audio-indicator
{
	background-image: url("http://www.trancepod.com/Images/icn_audio.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: Transparent;
}
span.audio-indicator, span.video-indicator
{
	padding-left: 16px;
}

div.indicator span.group-indicator
{
	background-image: url("http://www.trancepod.com/Images/icons/usergroup.gif");
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	height: 16px;
	width: 16px;
	color: #000000;
	background-color: Transparent;
}

div.list div.list-item div.light_border
{
	border: solid 1px #EFEFEF;
	vertical-align: middle;
	margin-left: 2px;
}

div.list div.list-item div.content
{
	float: right;
	padding: 0px;
	text-align: left;
}

div.list div.list-item div.actions
{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

div.list div.list-item div.content .caption
{
	text-decoration: none;
	width: 99%;
	float: left;
	clear: right;
}



div.hide
{
	display: none;
}

div.list.small
{
	background-color: White;
	width: 282px;
	border: 1px solid #C0C0C0;
	margin: 1px;
	padding: 1px;
}

div.list.small div.list-item
{
	width: 278px;
	margin: 0;
	padding: 0;
	
}

div.side-bar div.part div.list
{
	background-color: #FFFFFF;
	border: none;
	padding: 2px;
	margin: 0;
}
div.side-bar div.part div.list div.list-item
{
	margin: 0;
	padding:2px 0 2px 0;
	border: none;
	
	float:left; 
	
}
div.side-bar div.part div.list div.list-item.select
{
	border: 2px solid #757575;
	background-color: #F5F5F5;
}
div.side-bar div.part div.list div.list-item div.content
{
	margin:2px 0 2px 0;
	padding: 0;
}

div.side-bar div.list div.list-item .caption
{
	text-decoration: none;
	width: 99%;
	float: left;
	clear: right;
}


/*----~/Css/classic/h_list.css---*/
div.list.h-list
{
	background-color: Transparent;
	margin: 0;
	padding: 0;
	clear: both;
}

div.list.h-list div.list-item
{
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	clear: none;
	float: left;
	 
}

div.list.h-list div.list-item div.infobar
{
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	clear: both;
	height: 16px;
	min-height: 16px;
}

div.list.h-list div.list-item div.panel
{
	padding: 0px;
	margin: 0px;
	text-align: left;
}
div.list.h-list div.list-item div.thumb img
{
	float: none;
	margin: 0px;
}

div.list.h-list div.list-item div.thumb
{
	clear: none; 
	text-align: left;
	float: left;
	margin: 0;
	padding: 0px;
}

 
 
	

div.list.h-list div.list-item div.content
{
	text-align: left;
	float: left;
	clear: both;
	margin: 0;
	padding-top: 2px;
}

div.list.h-list div.list-item div.content span.label
{
	clear: none;
	margin: 0;
	padding: 0;
}

div.list.h-list div.list-item div.content span.content
{
	clear: none;
}

div.list.h-list div.list-item div.content .caption
{
	min-height: 28px;
	max-height: 28px;
	height: 28px;
	overflow: hidden;
}
div.h-list div.list-item div.content, div.h-list div.list-item div.content div.caption, div.h-list div.list-item div.content div.panel
{
	float: left;
}


/*----~/Css/classic/v_list.css---*/
div.list.v-list
{
	background-color: Transparent;
	margin: 0;
	padding: 0;
	clear: both;
}

div.list.v-list div.list-item
{
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	clear: none;
	float: left;
	 
}

div.list.v-list div.list-item div.infobar
{
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	clear: both;
	height: 16px;
	min-height: 16px;
}

div.list.v-list div.list-item div.panel
{
	padding: 0px;
	margin: 0px;
	text-align: left;
}
div.list.v-list div.list-item div.thumb img
{
	float: none;
	margin: 0px;
}

div.list.v-list div.list-item div.thumb
{
	clear: none; 
	text-align: left;
	float: left;
	margin: 0;
	padding: 0px;
}

 
 
	

div.list.v-list div.list-item div.content
{
	text-align: left;
	float: left;
	margin: 0;
	padding-top: 2px;
}

div.list.v-list div.list-item div.content span.label
{
	clear: none;
	margin: 0;
	padding: 0;
}

div.list.v-list div.list-item div.content span.content
{
	clear: none;
}

div.list.v-list div.list-item div.content .caption
{
	min-height: 28px;
	max-height: 28px;
	height: 28px;
	overflow: hidden;
}
div.v-list div.list-item div.content, div.v-list div.list-item div.content div.caption, div.v-list div.list-item div.content div.panel
{
	float: left;
}


/*----~/Css/classic/webpart.css---*/
/*fix size*/

	
div.part div.header.dynamic
{
	background-image:url("http://www.trancepod.com/Css/classic/parts/part.collapse.gif"); 
	background-repeat:no-repeat;
	background-position:right center; 
	  
}

div.part div.header.dynamic.expand
{
	background-image:url("http://www.trancepod.com/Css/classic/parts/part.expand.gif"); 
	background-repeat:no-repeat;
	background-position:right center; 
	    
}
div.part
{
	margin-bottom:4px; 
}
div.part div.header,
div.part div.body
{
	width:100%;
}

div.part div.panel
{
	width:99%; 
}

div.side-bar div.part div.panel
{
	width:92%;
}

div.part div.header
{
	/* Header Color*/
	
	display: inline-block;
	clear: both;
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
	color: #000000;
	line-height: 22px;
}

div.part div.header div.pager
{
	margin:0;
	padding:0;   
}
div.part div.body div.pager
{
	margin:0;
	padding:0;
	clear:both;     
}
div.part div.header div.title
{
	float: left;
	
	padding-left:4px;
}

div.part  div.header div.toolbar
{
	float: left;
	clear:both  ;
	text-align:left;   
	margin:0px;  
	padding:4px; 
	background-color:  #EDEFF4;
	
	
}

div.part div.body
{
	border-style: none solid solid solid;
	background-color: Transparent;
	display: inline-block;
	border:0px; 
/*	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #EFEFEF;
	border-bottom-color: #EFEFEF;
	border-left-color: #EFEFEF; */
}
div.part div.body div.pager
{
	
}
div.part div.body div.pager a,
div.part div.header div.pager a
{
	text-decoration:none; 
}
div.part div.body div.toolbar
{
	background-color:  #EDEFF4;
	clear: both;
	float:left;
	width:100%;   
	display:block;  
	height :1;
}
div.part div.body div.toolbar ul.menu
{
	clear :both; 
	margin:0;
	padding:0; 
	background-color: #EDEFF4;
}
div.part div.body div.toolbar ul.menu li
{
	line-height:24px; 
	
	}

ul.no-list
{
	list-style:none;
	margin:0;
	padding:2px; 
	
	width:auto;  
}
ul.no-list li
{
	float:left;
	
	width:24px;
	margin:0;
	padding:0;    
}
div.part div.body div.toolbar.tab ul.menu li
{
	line-height:10pt; 
	height:18px; 
	background-color: #F1F1F1;
	border-left: 1px solid #898989;
	border-top: 1px solid #898989;
	margin:0;
	padding:0;
	text-align:center;
	padding-left:4px;  
	padding-right:4px;      
}
div.part div.body div.toolbar ul.menu li a
{
	
	
	
	margin:0;
	padding:0;  
}
div.part div.body div.toolbar ul.menu li.select a
{
	font-weight:bold;
	color:#000000; 
	text-decoration:none;   
}
div.container
{
	width: 100%;
	overflow:hidden;
	
	
	  
	 
}
div.body
{
	overflow:hidden;
}
div.part div.body div.container1
{
	margin-top:6px; 
	border-width: 1px;
	border-color: #898989;
	width: 98.6%;
	float:left;  
	clear: both;
	border-top-style: solid;
	
}
div.part div.body div.container
{
	
	
	padding: 4px;
	float:left;   
}

div.side-bar div.part div.header
{
	/* Header Color */
	list-style: none;
	clear: both;
	float: left;
}

div.side-bar div.part div.header div.title
{
	line-height:22px;
	float: left;
	
	font-weight: bold;
	margin:0;
	padding-left:4px;
	
}

div.side-bar div.part div.header div.search
{
	border: none;
	float: left;
	margin: 0;
	padding: 1px;
	background-color: #EDEFF4;
}

div.side-bar div.part div.header div.search .textbox
{
	border:none;
	float: left;

	font-weight: normal;
	margin:0;
	background-color:inherit;
	clear:none;
	height:22px;
}

div.side-bar div.part div.header div.search .button
{
	border:none;
	
	margin:0;
	background-color:inherit;
	float:right;
}

div.side-bar div.part div.panel
{
	float: left;
	
	
	
	margin:0;
	padding:0;  
	
}



div.side-bar div.part div.body div.panel
{
	margin:0px; 
	padding:2px; 
	
	
	display: inline-block;
	clear: both;
	text-align:left; 
}

div.side-bar div.part div.body div.panel a
{
	text-decoration:none;
}

div.side-bar div.part div.body div.panel a:hover
{
	text-decoration:underline;
}

    div.side-bar div.part div.body div.list
    {
       
        float: left;
        margin: 0;
        padding: 0;
        border:none;
    }
    
   
    div.side-bar div.part div.body div.list div.list-item, div.part div.body div.v-list div.list-item
{
	border-bottom: 1px solid #EAEAEA;
	padding: 4px;
	float: left;
	clear: both;
	width: 100%;
	overflow: hidden;
	
	margin: 0;
}
     div.side-bar div.part div.body div.list div.list-item div.thumb
    {
    	padding-left:4px;
    	
    }
    div.side-bar div.part div.body div.list div.list-item div.panel
    {
    	clear:both;    
    }
    
    
    div.side-bar div.part div.body div.list div.list-item div.thumb
    {
        vertical-align: middle;
        float: left;
        vertical-align: middle;
        margin-left:0px;
    }
    
    div.side-bar div.part div.body div.list div.list-item div.thumb a img
    {
        vertical-align: middle;
        float: left;
    }
    
    div.side-bar div.part div.body div.list div.list-item div.content
    {
        float: right;
        padding: 0px;
        text-align:left;  
    }
    
    div.side-bar div.part div.body div.list div.list-item div.content .caption
    {
        text-decoration: none;
        float:left;
        clear:right;
        margin-bottom:6px;
    }
    
 div.body div.list div.list-item div.content div.footer
    {
        border-bottom: 1px solid #EAEAFF;
        background-color: #F7F7F7;
        margin: 0px;
        padding-top: 8px;
        clear:right;
        width:100%;
    }

.tpcommand_a{display:block;text-decoration:none;}
.tpcommand_a:hover{text-decoration:underline}
    .tpcommand {list-style:none;margin-left:2px;padding:0}
    .tpcommand .tpcommand_li{border-bottom:solid 1px #d8dfea;}
    .tpcommand .tpcommand_a{background:transparent;display:block;margin:0;padding:2px 3px;text-decoration:none}
    .tpcommand .tpcommand_a:hover{background:#7CCAEE;color:#fff;text-decoration:none}
    .tpcommand .inactive{padding:2px 3px;color:#808080}
.ajax-loader
{
	background-image: url("http://www.trancepod.com/Images/ajax-loader.gif");
	background-position:left  center;  
	background-repeat:no-repeat;  
}

/*----~/Css/classic/grid.css---*/
table.grid
{
	background-color: #739CB0;
	float:left;
	width:300px;   
}
table.grid td
{
	padding: 4px;
	background-color: #ffffff;
	overflow:hidden;  
	cursor:pointer  
}

table.grid tr.select td 
{
    background-color: #D6E2E8;
    }

table.grid td.select
{
	background-color: #D6E2E8;
	
}
table.grid td a.caption
{
	color: #0066FF;
	font-weight: bold;
	overflow:hidden;
	width:90%;
	float:left;     
}
div.form
{
	
}
div.form div.body
{
	border-top: 1px solid #739CB0;
	border-bottom: 1px solid #739CB0;
}
div.form div.footer
{
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
}

/*----~/Css/classic/activities/activities.comments.css---*/
div.comment
{
	background-image:url("http://www.trancepod.com/Css/classic/activities/comment.body.gif");
	background-repeat:repeat-y;
	background-position:left-top;
	background-color:#ffffff;    
	float:left;     
}   
div.comment-left-top
{
	background-image:url("http://www.trancepod.com/Css/classic/activities/comment.left.top.gif"); 
	background-repeat:no-repeat;
	background-position:left top;
	width:100%;
	float:left;
	height:4px;  
	overflow:hidden ;  
}
div.comment-right-top
{
	background-image:url("http://www.trancepod.com/Css/classic/activities/comment.right.top.gif"); 
	background-repeat:no-repeat;
	background-position:right top;
	width:6px;
	float:right;
	height:4px; 
	overflow:hidden ;   
	        
}
div.comment-left-bottom
{
	background-image:url("http://www.trancepod.com/Css/classic/activities/comment.left.bottom.gif"); 
	background-repeat:no-repeat;
	background-position:left top;
	width:100%;
	float:left;
	height:4px; 
	background-color:#ffffff;  
	overflow:hidden;  
	
}
div.comment-right-bottom
{
	background-image:url("http://www.trancepod.com/Css/classic/activities/comment.right.bottom.gif"); 
	background-repeat:no-repeat;
	background-position:right bottom;
	width:6px;
	float:right;
	height:4px;  
	
	overflow:hidden;
	        
}
div.comment-content
{
	width:97%;
	float:right ;
	background-color:Transparent ; 
   	border-right:solid 1px #9aa9c6; 
   	clear:both;  
}
a.activities-button
{
	
	background-position:left center;
	background-repeat:no-repeat; 
	height:18px;   
	  
}
a.activities-button span.dropdown
{
	background-position:right center;
	background-repeat:no-repeat;  
	height:18px;  
	float:left;  
	padding:0 14px 0 2px;
	line-height:12pt;
	overflow:hidden;
}
div.list-item a.activities-button.select
{
	background-image:url("http://www.trancepod.com/Css/classic/activities/button.left.gif");
}
a.activities-button.select span.dropdown
{
	background-image:url("http://www.trancepod.com/Css/classic/activities/button.right.dropdown.gif");
	background-position:center right;
	background-repeat:no-repeat;
}

ul.activities-dropdown-list
{
	border: 1px solid #D5E2F3;
	display: none;
	list-style: none;
	position: absolute;
	background-color: #E3ECF7;
	margin:0;
	padding:2px; 
	width:150px; 
	
}
ul.activities-dropdown-list li
{
	 
}
ul.activities-dropdown-list a
{
	
	width:100%;
	float:left;
	 
}
ul.activities-dropdown-list a:hover
{
	background-color: #234568;
	color: #ffffff;
}

a.button
{
	background-position:left center;
	background-repeat:no-repeat; 
	height:18px;
	background-image:url("http://www.trancepod.com/Css/classic/activities/button.left.gif");
	padding:0 0 0 4px; 
	white-space:nowrap; 
	width:auto;  
	clear:none; 
	float:left;   
	line-height:14pt;   
}
a.button span
{
	border:none; 
	background-position: right center;
	background-repeat: no-repeat;
	height: 18px;
	background-image: url("http://www.trancepod.com/Css/classic/activities/button.right.gif");
	padding-right: 3px;
	float:left; 
	white-space: nowrap;
	font-size: 10pt;
	text-decoration: none;
	clear:none; 
}

ul.activities-dropdown-command-list
{
	list-style:none;
	padding:1px;
	margin:1px;   
}

/*----~/Css/screen.css---*/
body
{
    color: #333333;
    direction: ltr;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    background-color: #FFFFFF;
    text-align: left;
}

.tp #globalContainer
{
    width: 981px;
}
#globalContainer
{
    margin: 0 auto;
}

.tp #pageHeader
{
    margin: 0;
    width: 980px;
}

#pageHeader
{
    height: 135px;
    margin: 0 auto;
    position: relative;
    z-index: 15;
}

.tp #globalContainer #pagecontent
{
    min-height: inherit;
}

.profile #content, .home #content, .search #content
{
    min-height: 600px;
}

#pagecontent
{
    margin: 0;
    padding: 0;
    width: auto;
    clear: both;
}

#mainContainer
{
    background-color: #FFFFFF;
}

.tp #pageFooter
{
    margin: auto;
    width: auto;
    padding: 0;
    display: block;
    clear: both;
}

#footerContainer
{
    border-top: 1px solid #EEEEEE;
    margin-bottom: 30px;
    padding: 3px 0 10px;
    position: relative;
}

div.part
{
    border: 1px solid #EDEFF4;
}
div.part div.header
{
    background-color: #EDEFF4;
}
div.side-bar div.part div.header
{
    /* Header Color */
    border-width: 1px;
    border-color: #EDEFF4;
    background-color: #EDEFF4;
    border-bottom-style: solid;
}

a.cancel
{
    height: auto;
    line-height: 18px;
    margin: 0 5px;
    padding: 0 5px;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: top;
}
input, select, textarea
{
    font-family: normal normal normal 11px/18px Verdana, Tahoma, Arial, Helvetica;
    border: 1px solid #7F9DB9; /*;*/
}

input.submit, button, input[type="submit"], input[type="button"], .button
{
    background-position: #DDDDDD url("http://www.trancepod.com/images/btn_bg1.gif");
    border: 1px solid #CCCCCC;
    cursor: pointer;
    padding: 0px 2px;
    margin: 0;
    height: auto;
    line-height: 18px;
    vertical-align: top;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #DDDDDD url("http://www.trancepod.com/images/btn_bg1.gif");
    text-shadow: 0 1px 0 #FFFFFF;
}
input.submit:hover, button:hover, input[type="submit"]:hover, .button:hover
{
    border-color: #999999 #999999 #888888;
    color: #000000;
}

input.btn-signin
{
    background: #DDDDDD url("http://www.trancepod.com/images/btn_bg.gif");
}

select, input[type=text], input[type=password], textarea
{
    color: #000000;
}
#ctrlHeader_ddlLanguage, #ctrlHeader_C01_btnSearch, #C01_btnSearch
{
    float: right;
}
#ctrlHeader_txtSearchText
{
    margin-right: 5px;
}
input[type=text], input[type=password]
{
}

div.mainContent-inner
{
    padding-top: 4px;
    width: 100%;
    clear: both;
}

/*--font color--*/
a, a:visited
{
    color: #3B5998;
}
a.tag, a.tag:link
{
    color: #3B5998;
}
a.tag.select
{
    color: #8DA4D3;
}
.TextBox
{
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
}
a.userlnk, a.userlink:link, a.userlnk:visited
{
    color: #E36203;
}

div.content div.caption a.headerlnk, div.content div.caption a.headerlnk:visited, a.categories, a.categories:visited
{
    color: #3B5998;
}
p.command a, p.command a:visited
{
    color: #3B5998;
}
div.content b
{
    font-size: 7pt;
}



div.toolbar ul.menu li a, div.toolbar ul.menu li a:visited, a.tpmenu_a
{
    color: #1F3A67;
    font-weight: bold;
    z-index: 1000;
}


div.intro p.title
{
    color: #65C2EB;
}
div.intro p.subTitle
{
    color: #333333;
}


.UIFullPage_Container, .UIStandardFrame_Container
{
    padding: 20px 0 0;
}

.UIFullPage_Container
{
    margin: 0 auto;
    padding: 22px 12px 0;
    width: 940px;
}

.UIRoundedTransparentBox
{
    margin: 0;
    padding: 0;
}
.UIRoundedTransparentBox_Inner
{
    text-align: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.UIRoundedTransparentBox_Border
{
    background: transparent none repeat scroll 0 0;
    border: 1px solid #CFCFCF;
    margin: 0;
    padding: 0;
}
.UIRoundedTransparentBox_Corner
{
    background: transparent url("http://www.trancepod.com/images/6jwhsirz.gif") no-repeat scroll left top;
    height: 8px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 8px;
}
.UIRoundedTransparentBox_TL
{
    background-position: 0 0;
    left: 0;
    top: 0;
}
.UIRoundedTransparentBox_TR
{
    background-position: -8px 0;
    right: 0;
    top: 0;
}
.UIRoundedTransparentBox_BL
{
    background-position: 0 -8px;
    bottom: 0;
    left: 0;
}
.UIRoundedTransparentBox_BR
{
    background-position: -8px -8px;
    bottom: 0;
    right: 0;
}
.UIInterstitialBox_Container
{
    padding: 25px 30px;
}
.UIRoundedTransparentBox_Striped .UIInterstitialBox_Container
{
    padding: 40px 30px 25px;
}
.UIStripe_Image
{
    margin: 0;
    position: absolute;
    z-index: 1;
}
.UIInterstitialBox_Container ul
{
    list-style-type: square;
    margin: 0 0 0 13px;
    padding: 0;
}
.UIInterstitialBox_Container ul li
{
    color: #3B5998;
}
.UISimpleMessage_Container
{
    margin: 0;
    padding: 0;
}
.UISimpleMessage_Title
{
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 0 0 10px;
    height: 25px;
    clear: both;
}
.UISimpleMessage_Title h1
{
    font-size: 22px;
    padding: 0;
}
.UISimpleMessage_Title h2
{
    font-size: 14px;
    padding: 0;
}
.UISimpleMessage_Content
{
    margin: 0;
    padding: 0;
}

.UISimpleMessage_HasIcon .UISimpleMessage_Title h1
{
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;
}
.UISimpleMessage_HasIcon .UISimpleMessage_Title h2
{
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
}
.UISimpleMessage_HasIcon .UISimpleMessage_Content
{
    padding-left: 0;
}
.clearfix
{
    display: block;
}

.UIInterstitialContainer
{
    margin: 0 auto;
    padding: 22px 150px 50px;
}



/*----~/Css/classic/menu.css---*/

div.main-toolbar
{
    width: 980px;
    float: left;
    background-color: #e5f7ff;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 26px;
}

#id_main_menu_bar
{
    width: auto;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    display: block;
}

ul.main-menu
{
    height: 26px;
    float: left;
    line-height: 26px;
    margin: 0;
    padding: 0;
}
ul.main-menu li
{
    background-image: url("http://www.trancepod.com/Css/classic/menus/main.menu.right.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 120px;
}
ul.main-menu li.hover
{
    background-image: url("http://www.trancepod.com/Css/classic/menus/main.menu.right.hover.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
    cursor: pointer;
}
ul.main-menu li.select
{
    background-image: url("http://www.trancepod.com/Css/classic/menus/main.menu.right.select.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
}
ul.sub-menu
{
    list-style: none;
    margin: 0;
    padding: 4px;
    white-space: nowrap;
    width: auto;
    float: left;
    clear: both;
    position: relative;
    left: 4px;
}

div.main-toolbar.hover
{
    background-color: #cdedfc;
}
div.main-toolbar.hover ul.sub-menu li a
{
}
ul.sub-menu.display
{
}
ul.sub-menu.display a
{
}
ul.sub-menu li
{
    float: left;
    margin: 0;
    padding: 0;
}
ul.main-menu li a
{
    background-image: url("http://www.trancepod.com/Css/classic/menus/main.menu.left.gif");
    background-color: Transparent;
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
}
ul.main-menu li.hover a
{
    background-image: url("http://www.trancepod.com/Css/classic/menus/main.menu.left.hover.gif");
    background-color: Transparent;
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
}
ul.main-menu li.select a /*, ul.main-menu li.select.hover a*/
{
    background-image: url("http://www.trancepod.com/Css/classic/menus/main.menu.left.select.gif");
    background-color: Transparent;
    background-position: left bottom;
    background-repeat: no-repeat;
}

ul.main-menu li, ul.main-menu li a, ul.main-menu li.select a, ul.main-menu li.select a:hover, ul.main-menu li a:hover
{
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width:120px; 
}

ul.main-menu li a span
{
   
}
ul.menu
{
    list-style: none;
    margin: 4px;
    padding: 4px;
}
ul.menu li
{
    float: left;
    clear: none;
    margin: 4px;
}
ul.boxy-toolbar
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.boxy-toolbar li
{
    border: 1px solid #739CB0;
    float: left;
    margin: 0;
    padding: 2px;
    cursor: pointer;
}
ul.boxy-toolbar li.select a
{
    color: #ffffff;
    font-weight: bold;
}
ul.boxy-toolbar li.select
{
    border: 1px solid #739CB0;
    background-color: #739CB0;
    float: left;
    color: #ffffff;
}
.TextBox.search
{
    background-image: url("http://www.trancepod.com/Css/classic/parts/search.gif");
    background-position: right;
    background-repeat: no-repeat;
}

.ha
{
    background: transparent;
    display: inline;
    margin: 0;
    padding: 2px;
    text-decoration: none;
    clear: none;
    font-weight: normal;
}
.ha:hover
{
    background: #5f949c;
    color: #fff;
    text-decoration: none;
}
.ha .inactive
{
    padding: 2px 3px;
    color: #808080;
}
.nodeco
{
    text-decoration: none;
}


div#searchBar, .searchBar
{
    width: 200px;
    float: right;
    margin: 0px;
    padding: 0px;
    margin-right: 2px;
    text-align: center;
    background-color: #FFFFFF;
    text-align: center;
    height: 22px;
    padding-top: 2px;
    margin-top: 1px;
}

div#indsearch
{
    padding-top: 2px;
    float: left;
    width: 35px;
    background-color: #EDEFF4;
    height: 18px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    margin-left: 1px;
    margin-right: 0px;
    padding-left: 2px;
    padding-right: -2px;
}
#indsearch .selvalue .post-icon, #indsearch .selvalue .username_icon, #indsearch .selvalue .groups_icon, #indsearch .selvalue .albums_icon
{
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    margin-top: -2px;
    text-align: left;
}


div#txtsearch
{
    float: left;
    width: 140px;
    margin: 0px;
    padding: 0;
    text-align: left;
    height: 18px;
}

#iconsearch
{
    float: right;
    width: 20px;
    position: relative;
    height: 18px;
}

div#txtsearch input, .searchBar input[type="text"]
{
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 140px;
    float: left;
    height: 18px;
    overflow: hidden;
}

div#txtsearch input
{
    border: 0px;
    border-color: #ffffff;
    padding-left: 2px;
    padding-top: 2px;
}

.uploadmedia
{
    width: 80px;
    float: left;
    font-weight: bold;
    background-color: #FF6600;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
}
.uploadmedia a, .uploadmedia a:hover
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}


#language_menu
{
    width: 50px;
    height: 18px;
    white-space: nowrap;
}
#lg_popup
{
}
#langmenu
{
    padding: 0px;
    margin: 0px;
}
#langmenu li
{
    padding: 2px;
}


#signin_menu
{
    width: 200px;
    padding: 8px;
    margin: 0;
    background-color: #84CFEF;
    float: left;
    text-align: left;
    box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 3px 3px 8px #818181;
    -moz-box-shadow: 3px 3px 8px #818181;
    z-index: 1000;
}

#signin_menu .container div
{
    float: left;
    clear: both;
}

#signin_menu .round
{
    border: 0px;
}

#signin_menu .part
{
    border: 0px;
}

#plSignIn a.menu-open, #plSignIn a.menu-open:hover
{
    background-image: none !important;
    background-color: #84CFEF;
}



ul#system_username_child
{
    width: 150px;
}

ul#system_username_child div.list div.list-item
{
    width: 148px;
    clear: both;
    float: left;
}

ul#language_menu_child
{
    width: 70px;
}

ul#language_menu_child div.list div.list-item
{
    width: 68px;
    clear: both;
    float: left;
}

#tpSignIn
{
    height: 18px;
}

#signin_menu a.menu-open
{
    background: #84CFEF !important;
    color: #84CFEF !important;
    outline: none;
}


#signin_menu input[type="text"], #signin_menu input[type="password"]
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #AACCEE;
    display: block;
    font-size: 13px;
    margin: 0 0 5px;
    padding: 5px;
    width: 180px;
    float: left;
}


.light_border
{
    border-color: #EDEDED #E8E8E8 #E8E8E8 #EDEDED;
    border-style: solid;
    border-width: 1px;
}

#signin_menu .TblGetPwd
{
    margin: 0 0 5px;
    padding: 5px;
}


.tp_popup_menu
{
}

a.signin
{
    width: 100px;
}
#system_username, #mailBoxMenu
{
    height: 18px;
}

#system_username_child
{
    width: 100px;
}

.toolbar div
{
    float: left;
    padding-right: 8px;
    padding-left: 4px;
}

.toolbar div a
{
    text-decoration: none;
}

ul.tpmenu li
{
    text-align: left;
}
ul.tpmenu
{
    list-style: none;
    text-align: left;
    box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 3px 3px 8px #818181;
    -moz-box-shadow: 3px 3px 8px #818181;
    background-color: #ffffff;
    border: solid 1px #7CCAEE;
    position: relative;
    margin: 0px;
    padding: 0px;
    line-height: 12pt;
    z-index: 1000;
    display: block;
}

.tpmenu a
{
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    padding: 4px 10px;
    text-decoration: none;
}
ul.tpmenu a:hover
{
    text-decoration: none;
    color: #FFFFFF;
}
ul.tpmenu li:hover, ul.dropdown div.list-item:hover
{
    background-color: #739CB0;
    cursor: pointer;
    color: #FFFFFF;
}


#mailBoxMenu_child
{
    width: 300px;
}

.mailBoxMenu .mailBoxMenu-inner
{
    display: block;
    width: 296px;
}
div.mbHeader, div.mbBody, div.mbFooter
{
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    width: 296px;
    clear: both;
}
div.mbHeader, div.mbFooter
{
    height: 18px;
    line-height: 18px;
}

.mailBoxMenu-content .list-item .list-item-inner .thumb
{
    width: 48px;
    float: left;
    padding: 1px;
}
div.mbBody div.unRead
{
    background-color: #F5F5F5;
}

.mailBoxMenu-content .list-item .list-item-inner
{
    padding: 0;
    margin: 0;
    display: block;
}
.mailBoxMenu-content .list-item-inner .list-item-content
{
    text-align: left;
    padding-left: 60px;
}

div.mbHeader
{
    line-height: 18px;
    text-align: left;
}





div.mbBody div.list-item-content .author
{
    color: #E36203;
}



div.mbBody div.list-item-content div.preview
{
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}
div.mbBody div.list-item-content div.time
{
    font-weight: normal;
    font-size: 9px;
}

.mbBody > a, .mbBody div.list-item
{
    width: 294px;
}
div.mbFooter a.seeMore
{
    float: right;
}
#msg_total
{
    background-position: #C0C0C0;
    border-color: #C0C0C0;
    background: #C0C0C0;
    padding:0 2px;
    text-align:center; 
     background: #EE7D29;  
}


/*----~/Css/Icons.css---*/
.icon
{
}
.messages-icon
{
    background: url("http://www.trancepod.com/images/icons/Messages.gif") no-repeat;
    background-position: left center;
    padding: 0 0 0 20px;
    width: 40px;
    white-space: nowrap;
    float: none;
    clear: none;
    color: #739CB0;
    font-weight: bold;
    font-size: smaller;
    height: 18px;
}

span.mailbox-icon
{
    background-image: url("http://www.trancepod.com/Images/activities.icon.message.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.added_icon
{
    background: url("http://www.trancepod.com/images/icons/cal_icon.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.username_icon
{
    background: url("http://www.trancepod.com/images/icons/user.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.tags_icon
{
    background: url("http://www.trancepod.com/images/icons/tag_orange.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.groups_icon, .icon_group
{
    background: url("http://www.trancepod.com/images/icons/usergroup.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.albums_icon, .icon_album
{
    background: url("http://www.trancepod.com/images/icons/albums_icon.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.share_icon
{
    background: url("http://www.trancepod.com/images/icons/share.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.viewed_icon
{
    background: url("http://www.trancepod.com/images/icons/viewed11x11.gif") no-repeat;
    background-position: right center;
    padding: 1px 0px 1px 20px;
}
.addedtofavorite_icon
{
    background: url("http://www.trancepod.com/images/icons/favorite11x11.gif") no-repeat;
    background-position: right center;
    padding: 1px 0px 1px 20px;
}
.ratings_icon
{
    background: url("http://www.trancepod.com/images/icons/rating.gif") no-repeat;
    background-position: right center;
    padding: 1px 0px 1px 20px;
}
.embedfile_icon
{
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.downloadpodcast_icon
{
    background: url("http://www.trancepod.com/images/icons/arrow_down.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.podcasturl_icon
{
    background: url("http://www.trancepod.com/images/icons/urllink.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.addlocation_icon, .add_icon
{
    background: url("http://www.trancepod.com/images/icons/add_green.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.downloadfile_icon
{
    background: url("http://www.trancepod.com/images/icons/arrow_down_blue.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.rssfeed_icon
{
    background: url("http://www.trancepod.com/images/icons/rss_orange.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.downloaditunes_icon
{
    background: url("http://www.trancepod.com/images/icons/itunes16.png") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.sendtofacebook_icon
{
    background: url("http://www.trancepod.com/images/icons/fb16.png") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.sendtotwitter_icon
{
    background: url("http://www.trancepod.com/images/icons/Twitter16.png") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.addtomyfavorites_icon
{
    background: url("http://www.trancepod.com/images/icons/add_green.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.addtomyalbums_icon
{
    background: url("http://www.trancepod.com/images/icons/add_green.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.sendtofriends_icon
{
    background: url("http://www.trancepod.com/images/icons/evelope_orange.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.sendtofriends_icon
{
    background: url("http://www.trancepod.com/images/icons/evelope_orange.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}

.delete_icon
{
    background: url("http://www.trancepod.com/images/icons/icon_delete.png") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.viewmedia_icon
{
    background: url("http://www.trancepod.com/images/icons/viewmedia.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}

.editmedia_icon, .editlocation_icon, .edit_icon
{
    background: url("http://www.trancepod.com/images/icons/editmedia_ico.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.share_icon
{
    background: url("http://www.trancepod.com/images/icons/share.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}

.podcast_icon
{
    background: url("http://www.trancepod.com/images/icons/podcast_icon.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.feed_icon
{
    background: url("http://www.trancepod.com/images/icons/feed-icon-16x16.gif") no-repeat;
    background-position: right center;
    padding: 1px 0px 1px 20px;
}

.select-edit.edit-icon
{
    background: url("http://www.trancepod.com/images/icons/editmedia_ico.gif") no-repeat;
    background-position: right center;
    padding-right: 20px;
}
.all-sizes-icon
{
    background: url("http://www.trancepod.com/images/icons/Zoom-In-16x16.png") no-repeat;
    background-position: left inherit;
    padding: 1px 0px 1px 20px;
}
.add-note-icon
{
    background: url("http://www.trancepod.com/images/icons/Note02.gif") no-repeat;
    background-position: left inherit;
    padding-left: 30px;
}

.reportmedia-icon
{
    background: url("http://www.trancepod.com/images/icons/warning-16x16.png") no-repeat;
    background-position: left inherit;
    padding: 1px 0px 1px 20px;
}



.addalbums_icon
{
    background: url("http://www.trancepod.com/images/icons/add_green.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.post-icon
{
    background: url("http://www.trancepod.com/images/icons/post_icon.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.search_icon
{
    background: url("http://www.trancepod.com/images/icons/search.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}

.comment_icon
{
    background: url("http://www.trancepod.com/images/icons/comment.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}


.joingroup_icon
{
    background: url("http://www.trancepod.com/images/icons/joingroup.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}

.leavegroup_icon
{
    background: url("http://www.trancepod.com/images/icons/joingroup.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}

.blockuser_icon
{
    background: url("http://www.trancepod.com/images/icons/lock.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}

.addtocontacts_icon
{
    background: url("http://www.trancepod.com/images/icons/addtocontacts_icon.jpg") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}


.sendmessage_icon
{
    background: url("http://www.trancepod.com/images/icons/sendmessage_icon.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}

span.fbSignIn_icon
{
    background: url("http://www.trancepod.com/images/icons/fb16.png") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 18px;
}

span.twSignIn_icon
{
    background: url("http://www.trancepod.com/images/icons/Twitter16.png") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 18px;
}

.post_privacy_icon
{
    background: url("http://www.trancepod.com/images/icons/lock.gif") no-repeat;
    background-position: left center;
    padding: 1px 0px 1px 20px;
}
.Video_icon, .video_icon
{
    background-image: url("http://www.trancepod.com/Images/icn_video.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: Transparent;
    padding-left: 16px;
}


.Audio_icon, .audio_icon
{
    background-image: url("http://www.trancepod.com/Images/icn_audio.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: Transparent;
    padding-left: 16px;
}
.Document_icon, .document_icon
{
    background-image: url("http://www.trancepod.com/Images/icn_video.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: Transparent;
    padding-left: 16px;
}


.Picture_icon, .picture_icon
{
    background: url("http://www.trancepod.com/images/icons/albums_icon.gif") no-repeat;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: Transparent;
    padding: 1px 0 1px 20px;
}


.freq_icon
{
    background-position: 0 -71px;
}

.fbicon
{
    background-image: url("http://www.trancepod.com/Images/fbicon.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}


/*----~/Css/SideBar.css---*/

div.sidebox
{
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	text-align: left;
}


div.sidebox div.header
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: inline-block;
	line-height: 25px;
}

div.sidebox div.header label
{
	font-weight: bold;
	float: left;
	height: 25px;
	font-size: 12px;
}

div.sidebox div.header.collapse
{
	background-image: url("http://www.trancepod.com/images/collapseUp.png");
	background-repeat: no-repeat;
	background-position: center right;
}
div.sidebox div.header.expand
{
	background-image: url("http://www.trancepod.com/images/CollapseDown.png");
	background-repeat: no-repeat;
	background-position: center right;
}
div.sidebox div.body
{
	padding: 0;
	margin: 0;
	float: left;
}

div.sidebox div.body ul.content
{
	list-style: none;
	height: auto;
}

div.sidebox div.body ul.content li
{
	clear: both;
}

div.sidebox div.body ul.content li span
{
}



div.actions
{
    line-height: 12pt;
}
.clear-border
{
    border: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: none;
}

span.maxlength
{
    float: right;
    font-size: 14px;
    font-weight: bold;
}
div.entrydata
{
    width: 100%;
}
div.entrydata label.label
{
    width: 60%;
    float: left;
}
div.entrydata textarea.textBox
{
    width: 98%;
    text-align: left;
}

.allow-edit
{
}
.allow-edit.select-edit
{
    background-color: #FFFFCC;
}

.debug
{
    border: solid 1px red;
    border-top: solid 1px red;
    border-bottom: solid 1px red;
    border-left: solid 1px red;
    border-right: solid 1px red;
}

.clear_fix
{
    clear: none;
    width: auto;
}
.clear-fix
{
    clear: both;
}

img
{
    border: none;
}
html, body, div, table, form, select, textarea, em, dl
{
    margin: 0;
    padding: 0;
}
.no-wrap
{
    clear: none;
}

table#id_main_table
{
    border-spacing: 0;
    border-collapse: collapse;
}
#left-col, #right-col
{
    vertical-align: top;
}
#left-col
{
    width: 700px;
}
#Content
{
    width: 900px;
}
.blogitemCell
{
    background-color: #fdfbfb;
    width: 130px;
    height: 143px;
    border-collapse: collapse;
    border: 1px;
    border-color: #f3f3f3;
}
.nowrap
{
    white-space: nowrap;
}
.float_left
{
    float: left;
    clear: none;
}
.full
{
    width: 100%;
}
.float_right
{
    float: right;
    clear: none;
}
.clear_fix
{
    clear: both;
}
.groupitem
{
    width: 140px;
    border: solid 1px #DDDDDD;
    padding: 3px 3px 3px 3px;
    margin: 3px 3px 3px 3px;
    display: block;
    float: left;
    text-align: center;
}
.blogitem_short
{
    width: 140px;
    height: 220px;
    border: solid 1px #DDDDDD;
    padding: 3px 3px 3px 3px;
    margin: 3px 3px 3px 3px;
    display: block;
    float: left;
    text-align: center;
}
.memberitem
{
    width: 140px;
    height: 170px;
    border: solid 1px #DDDDDD;
    padding: 3px 3px 3px 3px;
    margin: 3px 3px 3px 3px;
    display: block;
    float: left;
    text-align: center;
}
.memberitem_full
{
    width: 130px;
    height: 210px;
    border: solid 1px #DDDDDD;
    padding: 3px 3px 3px 3px;
    margin: 3px 3px 3px 3px;
    display: block;
    float: left;
    text-align: center;
}
th
{
}

a.headerlnk
{
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

a.headerlnk:hover
{
    text-decoration: underline;
}

a.userlnk
{
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

a.userlnk:hover
{
    text-decoration: underline;
}

a.command
{
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}

a.command:hover
{
    text-decoration: underline;
}

a.categories
{
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

a.categories:hover
{
    text-decoration: underline;
}

a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

label
{
}
td, tr
{
    font-size: 11px;
}
.tab_off_left
{
    background-image: url("http://www.trancepod.com/Images/tab_off_left.gif");
    height: 22px;
    width: 5px;
}
.tab_off_right
{
    background-image: url("http://www.trancepod.com/Images/tab_off_right.gif");
    height: 22px;
    width: 5px;
}
#TabRow
{
    clear: both;
    margin: auto;
    font: 10px Verdana, sans-serif;
    width: 1024px;
    border: solid 1px red;
}
.Tab
{
    list-style-type: none;
    font-weight: bold;
    float: left;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 2px;
    text-align: center;
    text-decoration: none;
}
.TabCaption
{
}
.TabOff
{
    font-weight: bold;
    margin-top: 5px;
    font-size: 14px;
    background-image: url("http://www.trancepod.com/Images/tab_cur.gif");
    background-repeat: no-repeat;
    background-position: left top;
    height: 19pt;
    background-color: #66ccff;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
}
.TabOn
{
    font-weight: bold;
    margin-top: 5px;
    font-size: 14px;
    background-image: url("http://www.trancepod.com/Images/tab_cur.gif");
    background-repeat: no-repeat;
    background-position: left top;
    height: 19pt;
    background-color: #cccccc;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
}
.TabOff:hover
{
    background-color: #ff6600;
    text-decoration: none;
}
.TabOff:visited
{
}
.TabOn:hover
{
    background-color: #cccccc;
    text-decoration: none;
}
.TabOn:visited
{
    text-decoration: none;
}
.Lnk1, a.Lnk1:visited
{
    font-weight: bold;
    font-size: 12px;
    margin-left: 4px;
}
a.Lnk1:hover
{
}
.Lnk2, a.Lnk2:visited
{
    font-weight: bold;
    font-size: 12px;
    margin-left: 4px;
}
a.Lnk2:hover
{
    font-size: 12px;
}
.Lnk3, a.Lnk3:visited
{
    font-weight: bold;
    font-size: 13px;
}
a.Lnk4:visited
{
    font-weight: normal;
    font-size: 12px;
}
.Lnk4
{
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}
.Lnk4Selected, a.Lnk4Selected:visited
{
    font-weight: normal;
    font-size: 13px;
    text-decoration: underline;
}
.Txt1
{
    text-align: justify;
}
.Txt2
{
    font-weight: bold;
}
.label
{
    text-decoration: none;
}
.tag.select
{
    background-color: Transparent;
    margin: 1px;
    padding: 1px;
    display: inline-block;
    table-layout: auto;
    text-decoration: none;
    clear: none;
    text-align: justify;
}
.tag
{
    background-color: Transparent;
    margin: 1px;
    padding: 1px;
    display: inline-block;
    table-layout: auto;
    text-decoration: none;
    clear: none;
    text-align: justify;
}
.cat_level_11
{
    font-weight: bold;
    font-size: 11px;
}
.cat_level_25
{
    font-size: 25px;
    font-weight: bold;
}
.cat_level
{
    font-size: 12px;
    font-weight: bold;
}
.cat_select
{
}
#content
{
}
#headerPart
{
    float: left;
    height: auto;
    display: table-row;
    clear: both;
}


span.message
{
}
div.pager
{
    text-align: center;
    font-weight: bold;
    padding-right: 4px;
    padding-bottom: 4px;
    line-height: 24px;
    text-align: right;
    clear: both;
    width: 96%;
}

div.pager img
{
    float: left;
}


ul.footer
{
    width: 900px;
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height: 16pt;
}
ul.footer .master
{
    width: 120px;
    float: left;
    margin: 0px 4px 0px 0px;
    padding: 0px;
    padding-left: 4px;
    clear: both;
    font-weight: bold;
    text-align: right;
}
ul.footer li.details
{
    float: left;
    text-align: left;
    font-size: 10pt;
    width: 780px;
    margin: 0px;
    padding: 0px;
}
ul.footer li.endof
{
    float: left;
    text-align: left;
    font-size: 8pt;
    width: 900px;
}
#logo
{
    width: 100%;
    float: left;
    padding: 8px 0px 0px 0px;
    margin: 0px;
}
#logo .left
{
    width: 430px;
    float: left;
    line-height: 12pt;
    margin: 0;
    padding: 0;
}
#logo .right
{
    width: auto;
    float: right;
    text-align: right;
    margin: 0;
    padding: 0;
}



#logo .title
{
    font-weight: bold;
    font-size: 19px;
    text-align: left;
    padding: 2px;
    margin: 2px;
}
#logo .subTitle
{
    font-size: 11px;
    text-align: left;
    padding: 1px;
    margin: 0px;
    float: left;
    clear: both;
}
#logo .subTitle a img
{
    width: 20px;
    height: 16px;
    clear: none;
}

#logo img.logo
{
    width: 47px;
    height: 38px;
    float: left;
}

ul.language
{
    width: 100px;
    float: right;
    padding: 0px;
    padding: 0px;
    list-style: none;
}
ul.language li
{
    width: 100px;
    text-align: right;
    float: right;
    padding: 2px;
}
a.dropdown
{
    margin-right: 10px; /*background-image:url("http://www.trancepod.com/images/dropdown.jpg");*/
    background-position: right center;
    background-repeat: no-repeat;
}
div#system_messages_board
{
    background-color: #739CB0;
    font-weight: bold;
    width: 100%;
    float: left;
    display: none;
}
div#system_messages_board a
{
    padding: 4px;
    text-decoration: none;
}


.menuItem a
{
    line-height: 25px;
}

#id_main_menu_bar li.menuItem, #id_main_menu_bar li.menuItem em, #id_main_menu_bar li.menuItem dl, #id_main_menu_bar li.menuItem span
{
    display: block;
}
#id_main_menu_bar li.menuItem li
{
}
#id_main_menu_bar li.menuItem .Tab
{
    padding-left: 10px;
}
#id_main_menu_bar li.menuItem .Tab em
{
    padding-right: 10px;
}
#id_main_menu_bar li.menuItem .Tab dl
{
    padding: 0;
}
#id_main_menu_bar li.menuItem .Tab span
{
    font-style: normal;
    padding: 0 15px;
}
#id_main_menu_bar li.menuItem .TabOff
{
    background: url("http://www.trancepod.com/Images/mtab.gif") no-repeat scroll left -30px;
}
#id_main_menu_bar li.menuItem .TabOff em
{
    background: url("http://www.trancepod.com/Images/mtab.gif") no-repeat scroll right -210px;
}
#id_main_menu_bar li.menuItem .TabOff dl
{
    background: url("http://www.trancepod.com/Images/mtab.gif") repeat-x scroll left -120px;
}
#id_main_menu_bar li.menuItem .TabOn
{
    background: url("http://www.trancepod.com/Images/mtab.gif") no-repeat scroll left 0px;
}
#id_main_menu_bar li.menuItem .TabOn em
{
    background: url("http://www.trancepod.com/Images/mtab.gif") no-repeat scroll right -180px;
}
.menuItem a
{
    margin-right: 0px;
}
#id_main_menu_bar li.menuItem .TabOn dl
{
    background: url("http://www.trancepod.com/Images/mtab.gif") repeat-x scroll left -90px;
}
#id_main_menu_bar li.menuItem .TabOff:hover
{
    background: url("http://www.trancepod.com/Images/mtab.gif") no-repeat scroll left -60px;
}
#id_main_menu_bar li.menuItem .TabOff:hover em
{
    background: url("http://www.trancepod.com/Images/mtab.gif") no-repeat scroll right -240px;
}
#id_main_menu_bar li.menuItem .TabOff:hover dl
{
    background: url("http://www.trancepod.com/Images/mtab.gif") repeat-x scroll left -150px;
}


a#subscribe
{
    background-image: url("http://www.trancepod.com/images/Subscribe.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 86px;
    height: 18px;
    display: inline-table;
    cursor: pointer;
}
.float_right
{
    float: right;
    clear: none;
}
div.subscribe-box div.content
{
    background-color: #FBCC60;
    border: 1px solid #FDAD35;
}
.rss
{
    background-image: url("http://www.trancepod.com/images/feed-icon-16x16.gif");
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}
.itune
{
    background-image: url("http://www.trancepod.com/images/podcast_icon.gif");
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}
.body-no-border
{
    padding: 0 1px;
}
#area_PopTags p
{
    text-align: justify;
}
.listing-lb
{
    float: left;
    width: 30%;
    margin-right: 10px;
}
.listing-txt
{
    float: left;
}
.Button1
{
}
.Button1.waiting
{
    background-image: url("http://www.trancepod.com/images/wait16trans.gif");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 16px;
}
.TextBox
{
    font-size: 11px;
    border-color: #7f9db9;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    height: 18px;
    overflow: hidden;
}
textarea.TextBox
{
    height: auto;
}
select.TextBox
{
    height: 19px;
}
.TextBox.error
{
    background-image: url("http://www.trancepod.com/images/error_icon_16_16.gif");
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
}
.float_left
{
    float: left;
    clear: none;
}
.clear_fix
{
    width: 100%;
    clear: both;
}
hr
{
    border-style: none none solid none;
    border-bottom-width: 1px;
    border-bottom-color: #EFEFEF;
}
.waiting
{
    background-image: url("http://www.trancepod.com/images/wait16trans.gif");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 16px;
}
table.list-container
{
    width: 100%;
}

.disabled
{
    background-color: #E5F0C7 !important;
}

label.error
{
    margin-left: 10px;
    width: auto;
    display: inline;
    float: left;
}

.messages.status
{
    border: 1px solid #B0CF4E;
    background-color: #E5F0C7 !important;
    padding: 0;
    margin-bottom: 0;
    float: left;
    width: 100%;
}
.messages.challenge
{
    border: 1px solid #3B2713;
    background-color: #EEDCC8;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}
.messages ul
{
    margin: 0;
}

div.pager-container
{
    clear: both;
    width: 100%;
}

.user-form
{
    float: left;
}
.user-form-element
{
    padding: 4px;
}
.user-form-element-input
{
}
.form-item
{
}

.form-session
{
    border: solid 1px #DDDDDD;
}

.settingslink
{
    padding: 10px;
    float: left;
    margin: 4px;
}

.album_cell
{
    float: left;
    height: 133px;
    padding: 4px;
    margin: 4px;
    width: 100px;
    border: solid 1px #DDDDDD;
    background-color: #fdfbfb;
    text-align: center;
    cursor: pointer;
}
div.hide
{
    display: none;
}

.album_cell.active
{
    border: solid 1px Orange;
    background-color: Silver;
}

.content_wrapper
{
}

.album_cell .photo_count, .photos_tab .photos_tab_header span.caption
{
    font-size: 11px;
    font-weight: normal;
    margin: 3px 0;
}
table.list-grid
{
    background-color: #B7B7B7;
}
table.list-grid td
{
    background-color: #ffffff;
}



#leftPart
{
    float: left;
    margin-right: 8px;
}
#rightPart
{
    float: right;
    text-align: right;
}
#LeftPart ul.frame
{
    width: 688px;
    float: left;
}
#LeftPart li.header
{
    width: 686px;
}
#LeftPart li.body
{
    width: 686px;
    background-color: #ffffff;
}
#RightPart ul.frame
{
    width: 200px;
    float: left;
}
#RightPart li.header
{
    width: 196px;
}
#RightPart li.body
{
    width: 198px;
    background-color: #ffffff;
}
.PostItem
{
    width: 160px;
    float: left;
    border: solid 1px #dcdcdc;
    margin: 4px 4px 4px 4px;
    height: 260px;
}





.description
{
    text-align: left;
    padding: 2px;
    margin: 0px;
    float: left;
}


div.list div.list_item_sel
{
    background-color: #f4f3b5;
    border: solid 1px #7CCAEE;
}

span.headertext
{
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.dlg_footer
{
    width: 100%;
    height: 25px;
    padding: 8px;
    float: left;
    display: block;
    clear: both;
    text-align: right;
}

.info, .success, .warning, .error, .validation, .infomsg
{
    /* border: 1px solid; 	margin: 10px 0px; 	padding: 10px 5px 5px 5px; */
    background-repeat: no-repeat;
    background-position: 10px center;
    display: block;
}

.nodata
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 20px;
    border: solid 1px #BDE5F8;
    background-color: #FFFFEA;
    border: 1px solid #8DDBFF;
    clear: both;
    font-size: 11px;
    line-height: 15px;
    margin: 10px;
}


.info, .infomsg
{
    background-color: #BDE5F8; /*  background-image: url("http://www.trancepod.com/images/icons/info.png"); /* } .success {     background-color: #DFF2BF;    /*  background-image: url("http://www.trancepod.com/images/icons/success.png"); /* } .warning {     background-color: #FEEFB3;   /*  background-image: url("http://www.trancepod.com/images/icons/warning.png"); */
}
.error
{
    background-color: #FFBABA; /*	background-image: url("http://www.trancepod.com/images/icons/error.png"); */
}
ul.footer
{
    width: 900px;
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height: 16pt;
    font-size: 9pt;
}
ul.footer .master
{
    width: 120px;
    float: left;
    margin: 0px 4px 0px 0px;
    padding: 0px;
    padding-left: 4px;
    clear: both;
    font-weight: bold;
    text-align: left;
    font-size: 9pt;
    text-decoration: none;
}
ul.footer li.details
{
    float: left;
    text-align: left;
    font-size: 10pt;
    width: 780px;
    margin: 0px;
    padding: 0px;
    font-size: 8pt;
}
ul.footer li.endof
{
    float: left;
    text-align: left;
    font-size: 8pt;
    width: 900px;
}
.footer_version
{
    width: 100%;
    height: 20px;
    text-align: right;
    float: right;
}


.pagenumber
{
    font-size: 9px;
    font-weight: normal;
    float: right;
    font-weight: bold;
    line-height:18px; 
    vertical-align:middle ; 
}
.pagenumber-active
{
    font-size: 7pt;
    background-color: #3B5998;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    float: left;
    line-height: 11pt;
    margin-top: 5px;
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 2px;
    margin-right: 2px;
}
.round_2_px
{
    height: 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.pagenumber-inactive a, .pagenumber-inactive a:visited, .pagenumber-inactive a:link
{
    text-decoration: none;
    font-size: 10px;
    float: left;
    width: 18px;
    border: solid 0px #cccccc;
    text-align: center;
    margin: 2px 2px 2px 2px;
}

.pagenumber-inactive a:hover
{
    font-size: 10px;
    float: left;
    width: 18px;
    border: solid 0px #990099;
    text-align: center;
    margin: 2px 2px 2px 2px;
    text-decoration: none;
}

.highlight, .inserted
{
    background: #FFF8CC none repeat scroll 0 0;
    border-bottom: 1px solid #FFE222;
    line-height: 100%;
    font-weight: bold;
}

.round
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.round3
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.round4
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.round5
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.round-top-right
{
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.round-right
{
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
.round-bottom-right
{
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.round-bottom
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
}
.round-bottom-left
{
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
.round-left
{
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}
.round-top-left
{
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}
.round-top
{
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}





.float-left
{
    float: left;
}
.float-right
{
    float: right;
}



div.ra
{
    position: relative;
    width: 55px;
    height: 11px;
}
div.ra .cover
{
    position: absolute;
    background: transparent url("http://www.trancepod.com/Images/icn_star_empty.gif") top left repeat-x;
    top: 0px;
    left: 0px;
    width: 55px;
    height: 11px;
    z-index: 101;
}
div.ra .progress
{
    position: absolute;
    background: transparent url("http://www.trancepod.com/Images/icn_star_full.gif") top left repeat-x;
    top: 0px;
    left: 0px;
    height: 11px;
    z-index: 102;
}

.hidden
{
    visibility: hidden;
    float: left;
    display: none;
}


div.search
{
    width: 100%;
    float: left;
    clear: both;
}
div.searchkeys
{
    width: 99%;
    float: left;
    clear: both;
}
.searchBar
{
    border: solid 1px #CCCCCC;
    width: auto;
    margin-right: 300px;
    display: inline;
    height: 18px;
    padding: 2px;
}

.searchBar input[type="submit"]
{
    margin: 0px;
    margin-top: -1px;
    display: block;
    float: right;
}

div.container div.searchLeft
{
    width: 150px;
    float: left;
}
div.container div.searchLeft ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
div.container div.searchLeft ul li
{
    width: 95%;
    border-bottom: solid 1px #CCCCCC;
    text-align: left;
    line-height: 20px;
    float: left;
}
div.container div.searchLeft ul li a
{
    width: 95%;
    float: left;
}

.div.PostView
{
    width: 100%;
    float: left;
}
div.container div.title
{
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
    margin: 2px 0px 2px 0px;
}
div.view-all-profiles, div.view-all-groups, div.view-all-albums, div.view-all-posts
{
    width: 98%;
    float: left;
    clear: both;
    margin: 4px 0px 4px 0px;
    text-align: right;
    font-weight: bold;
}
div.Post-Toolbar, div.Group-Toolbar, div.Album-Toolbar, div.Profile-Toolbar
{
    width: 98%;
    float: left;
    clear: both;
    text-align: left;
    margin: 4px 0px 4px 0px;
    padding-left: 2px;
}
#txtSearchText
{
    width: 245px;
}
div.GroupContent div.list, div.PostContent div.list, div.AlbumContent div.list, div.ProfileContent div.list
{
    float: left;
    width: 99%;
}
div.list div.list-item
{
    padding-top: 4px;
}
div.GroupContent div.list div.list-item div.content
{
}
div.list div.list-item div.actions
{
    width: 150px;
    float: right;
    text-align: left;
}
div.actions ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
div.actions ul li
{
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}
div.list div.list-item div.thumb
{
    float: left;
    width: 130px;
    height: 100px;
}
div.list div.list-item div.content
{
    width: 410px;
    float: left;
    padding-left: 4px;
}
div.list div.list-item div.content div.description
{
    float: left;
    clear: both;
    width: 100%;
}
div.PostContent div.list div.list-item div.content b
{
    padding: 1px;
}
div.list-item div.list-item
{
    border-bottom: 0px;
}
div.list-item div.thumb div.frame-thumb
{
    width: 120px;
}
span.addtomyfavorites_ico, span.sendtofriends_ico
{
    padding-left: 20px;
}
ul.menu-search li:hover
{
    background-color: #739CB0;
}
ul.menu-search li.active
{
    background-color: #739CB0;
}
ul.menu-search li.active a
{
    color: #FFFFFF;
}
.total-results
{
    float: right;
}

fieldset.form
{
    float: left;
    width: 99%;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    text-align: left;
}

fieldset.form h3
{
    padding-left: 20px;
}

.entryform input.TextBox, .entryform .description, .entryform select
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    float: left;
    font-size: 13px;
    margin: 0 0 5px;
    padding: 2px;
    height: 25px;
}

.entryform .description
{
    height: 50px;
}

.entryform tr td.label label
{
    float:right;   
    
    }


/* MISC  
----------------------------------------------------------*/

.hide,.hidden_elem
{
    display:none;  
 }
 .visible
 {
     visibility:hidden ;  
     }
 
.error
{
    color: #ff0000;
    border: 1px solid #ff0000;
}


.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

/*----~/jsResources/boxy/stylesheets/boxy.css---*/
.boxy-wrapper { position: absolute }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
    .boxy-modal-blackout { position: absolute; background-color:Gray   ; left: 0; top: 0;}
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url("http://www.trancepod.com/jsResources/boxy/images/boxy-nw.gif"); }
	.boxy-wrapper .top-right { background: url("http://www.trancepod.com/jsResources/boxy/images/boxy-ne.gif"); }
	.boxy-wrapper .bottom-right { background: url("http://www.trancepod.com/jsResources/boxy/images/boxy-se.gif"); }
	.boxy-wrapper .bottom-left { background: url("http://www.trancepod.com/jsResources/boxy/images/boxy-sw.gif"); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxy-nw.gif'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxy-ne.gif'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxy-se.gif'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxy-sw.gif'); }
	
	.boxy-wrapper .top, .boxy-wrapper .bottom
{
	height: 10px;
	background-color: #D6E2E8;
	padding: 0;
}
	
	.boxy-wrapper .left, .boxy-wrapper .right
{
	width: 10px;
	background-color: #D6E2E8;
	
	padding: 0;
}
	
	/* Title bar */
	
	.boxy-wrapper .title-bar
{
	background-color: #739CB0;
	padding: 6px;
	position: relative;
}
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2
{
	font-size: 12pt;
	color: white;
	line-height: 1;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color:White; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }


/*----~/jsResources/jquery-ui-1.7.2.custom.css---*/
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url("http://www.trancepod.com/jsResources/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header
{
	border: 1px solid #6F99C7;
	background: #6F99C7 repeat-x 50% 50%;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url("http://www.trancepod.com/jsResources/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url("http://www.trancepod.com/jsResources/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url("http://www.trancepod.com/jsResources/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url("http://www.trancepod.com/jsResources/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url("http://www.trancepod.com/jsResources/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("http://www.trancepod.com/jsResources/images/ui-icons_222222_256x240.png"); }
.ui-widget-content .ui-icon {background-image: url("http://www.trancepod.com/jsResources/images/ui-icons_222222_256x240.png"); }
.ui-widget-header .ui-icon {background-image: url("http://www.trancepod.com/jsResources/images/ui-icons_ffffff_256x240.png"); }
.ui-state-default .ui-icon { background-image: url("http://www.trancepod.com/jsResources/images/ui-icons_ef8c08_256x240.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("http://www.trancepod.com/jsResources/images/ui-icons_ef8c08_256x240.png"); }
.ui-state-active .ui-icon {background-image: url("http://www.trancepod.com/jsResources/images/ui-icons_ef8c08_256x240.png"); }
.ui-state-highlight .ui-icon {background-image: url("http://www.trancepod.com/jsResources/images/ui-icons_228ef1_256x240.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("http://www.trancepod.com/jsResources/images/ui-icons_ffd27a_256x240.png"); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url("http://www.trancepod.com/jsResources/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url("http://www.trancepod.com/jsResources/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*----~/jsResources/fcbkcomplete/style.css---*/
/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */      
#add { border: 1px solid #999; width: 400px; margin: 50px; padding: 20px 30px 10px; }
form ol li { list-style-type: none; }
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 400px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder { width: 400px; }
form ul { margin: 0 !important }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url("http://www.trancepod.com/jsResources/fcbkcomplete/close.gif"); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

.facebook-auto { display: none; position:absolute ; width: 400px; background: #eee;   }
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#4173CC !important; color:#ffffff !important;}
.hidden { display:none;}

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}

/*----~/jsResources/imgnotes-0.2/imgnotes.css---*/
.note {
	display: none;
	background: url("http://www.trancepod.com/jsResources/imgnotes-0.2/spacer.gif"); 
	border: 2px solid rgb(255, 255, 255); 
	overflow: hidden; 
	position: absolute; 
	z-index: 0;
	cursor:pointer;  
}

.noteselect
{
	border-color:Yellow;  
}
.notep
{
	display: none;
	background: #FFFFCC;
	font-size: 8pt;
	margin-top: 0px;
	padding: 2px;
	position: absolute;
	width: 175px;
	cursor: text;
} 

#noteform {
	display: none;
	position: absolute;
	width: 250px;
}

#noteform textarea{
	width: 100%;
}

/*----~/jsResources/ui.tooltip.css---*/
.tooltiparea
{
	margin: 8px 0px 8px 0px;
	width: 300px;
	display:none;
	position:absolute;
	 
	
}

.pointer
{
	width:14px;
	height:14px;
	float:left;
	/*margin-top:10px;*/
}

.pointerright
{
	width:14px;
	height:14px;
	float:right;
	/*margin-top:10px;*/
}

.tooltiparrowleft
{
	background-image: url("http://www.trancepod.com/jsResources/images/comment-arrow-flip.gif");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	margin-left: 1px;
	float:left; 
	  
}

.tooltiparrowright
{
	background-image: url("http://www.trancepod.com/jsResources/images/comment-arrow-right-flip.gif");
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	margin-left: -1px;
	
	z-index:1024; 
}

.tooltiptextleft
{
	float:right;
	padding-bottom: 3px;
	background-image: url("http://www.trancepod.com/jsResources/images/comment-shadow.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	width:286px;
	background-color:White;
}

.tooltiptextright
{
	float:left;
	padding-bottom: 3px;
	background-image: url("http://www.trancepod.com/jsResources/images/comment-shadow.gif");
	background-repeat: repeat-x;
	background-position: left bottom;
	width:286px;
}

.tooltiptext2
{
	border: solid 1px #bcbcbc;
	padding: 3px;
	float:left;  
	width:286px;
}

.tooltiptext3
{
	padding: 10px;
	font-size: .9em;
	overflow: hidden;
	
}

.tooltiptextleft .image {
	float: left;
	clear: both;
	margin: 5px 10px 5px 0;
}

.tooltiptextright .image {
	float: left;
	clear: both;
	margin: 5px 10px 5px 0;
}

/*.tooltiptext3 .gravatar img {
	height: 80px;
	width: 80px;
}*/

.tooltiptext3 .content {
	min-height: 50px;
	margin: 5px;
	margin-left: 30px;
	text-align:left;
}


#ajaxloading
{
	text-align:center;
	z-index:1;
	display:none;
}



/*----~/jsResources/notifys/notificationmsg.css---*/
#msg1
{
	position:fixed;
    width:260px;
    height: 200px;
    border: solid 1px #739CB0;
    margin: 0px 0px 0px 20px;
    background-color:white;
    display:none;
    font-size:13px;
}

#modal .modaltop
{
	width: 100%;
    background-color: #739CB0;
    padding: 0px;
    text-align: right;
    height:24px;
}
#modal .modaltitle
{
    padding-left: 4px;
    font-size: 12px;
    font-weight: bold;
    float:left;
    color:White;
}

#modal .modalbody
{
    padding: 10px;
    text-align: left;
    font-size: 10px;
    font-weight: normal;
}

/*----~/jsResources/menu/superfish.css---*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
    z-index:1000;
	
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	
}
.sf-menu li {
	
}
.sf-menu li li {
	
}
.sf-menu li li li {
	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url("http://www.trancepod.com/jsResources/menu/arrows-ffffff.png") no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	/*background:	url("http://www.trancepod.com/jsResources/menu/shadow.png") no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
	
div.info-panel, div.info-panel ul.dropdown
{
	background-color:Transparent;
	color: #000000;
	padding: 2px;
	margin: 0;
	list-style: none;
	z-index:1000; 
}
div.info-panel, 
div.info-panel ul.dropdown li
{
	margin:0;
	padding:1px;  
}
div.info-panel, div.info-panel ul.menu li.items a
{
	font-weight: bold;
	color: #000000;
	font-size: 8pt;
}
div.info-panel ul.dropdown li a
{
	margin:0;
	padding:0;   
	float:left;  
}
div.info-panel
{
	height:22px;
	margin: 0;
	padding: 4;
}

div.info-panel ul.menu,
div.info-panel ul.menu li.items
{
	margin: 0;
	padding: 0;
	list-style: none;
	background-color:Transparent;
	font-family: Arial, Helvetica, sans-serif;
	 
	
}
div.info-panel ul.menu li.items
{
	
}
div.info-panel ul.sf-menu ul.menu 
{
	background-color:Transparent ;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
div.info-panel ul.dropdown
{
	margin: 4px;
	padding: 2px;
	-moz-box-shadow:3px 3px 8px #818181;
	background-color:#84CFEF;
	
}
div.info-panel ul.dropdown li
{
	margin:0;
	padding:1px;  
}
div.info-panel ul.menu li.items ul.dropdown a.userlink
{
	color:#E36203;
}
span.sf-sub-indicator
{
	display:none; 
}
div.info-panel ul.menu  a.sf-with-ul,
div.info-panel ul.menu li.items a
{
	margin:0;
	padding:4px 2px 4px 2px;
	float:left;  
	text-decoration:none; 
}
div.info-panel ul.dropdown li a
{
	margin:0;
	padding:1px;
}
li.tpmenu_li
{
	  
}
div.info-panel ul.menu a.sf-with-ul span.caption
{
	background-image:url("http://www.trancepod.com/jsResources/menu/dropdown.gif");
	background-position:center right;
	background-repeat:no-repeat;      
	float:left;  
	padding:0 14px 0 0; 
	
}
div.info-panel ul.menu li.items a.userlink,
div.info-panel ul.menu li.items a.link
{
	padding:0;
	margin:0;  
}
div.info-panel ul.menu li.items a.link
{
	color:#3B5998; 
	float:none;
	width:auto;  
}
span.activities-icon-new-feed {
background-image:url("http://www.trancepod.com/Images/activities.newFeed.gif");
background-position:left center;
background-repeat:no-repeat;
padding-left:20px;
}
span.activities-icon-media {
background-image:url("http://www.trancepod.com/Images/activities.icon.media.gif");
background-position:left center;
background-repeat:no-repeat;
padding-left:20px;
}
span.activities-icon-group {
background-image:url("http://www.trancepod.com/Images/activities.icon.group.gif");
background-position:left center;
background-repeat:no-repeat;
padding-left:20px;
} 
span.activities-icon-user
{
	
	background-image:url("http://www.trancepod.com/Images/activities.icon.user.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}
span.activities-icon-album {
	background-image:url("http://www.trancepod.com/Images/activities.icon.album.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}
span.activities-icon-message {
	background-image:url("http://www.trancepod.com/Images/activities.icon.message.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}
span.activities-icon-favourit {
	background-image:url("http://www.trancepod.com/Images/activities.icon.favourit.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}
span.activities-icon-friends-media {
	background-image:url("http://www.trancepod.com/Images/activities.icon.friends.media.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}
span.activities-icon-friends {
	background-image:url("http://www.trancepod.com/Images/activities.icon.friends.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}