/* ------------------------------------------------------------------------------------------------ */
/* 												Basics												*/
/* ------------------------------------------------------------------------------------------------ */

/* global whitespace reset (leftjustified.net)  */
* { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, fieldset, address { margin: 1em 0; }
li, dd { margin-left: 2em; }
fieldset { padding: .5em; }
/* end whitespace reset */

body 
{
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
	/* changed: font-size: small; */
	font-size: 13px; 
	color: #000000;
	/* background: #5f5f5f url(css/bg-tile.gif);  */
	background: #808080 url(../images/bg.jpg) repeat-x;
}

a 
{
	color: #4c4c4c;
 	text-decoration: none;
	outline: none;

}

a:hover 
{
  color: #4c4c4c;
  text-decoration: underline;
}

strong.tag
{
	color: #FF0000;
}

#drawattentionto {
	background-color: #bffbc7;
	padding:2px;
	margin:0px;
}

/* ------------------------------------------------------------------------------------------------ */
/* 											Container												*/
/* ------------------------------------------------------------------------------------------------ */
#wrapper
{
 position: absolute;
 background: #ffffff;
	margin-top: -10px;
	margin-bottom: -10px;
	margin-left: -410px;	
 left: 50%;
	padding: 20px 25px 10px 25px;
	width: 830px;
	border: 1px solid #bbbbbb;
}

html>body #wrapper
{
 position: absolute;
 /*background: #ffffff; */
	background-image: url(top-image.jpg);
	background-repeat: repeat-x;  		
	margin-top: -10px;
	margin-bottom: -10px;
	margin-left: -425;
 left: 50%;
	padding: 20px 25px 10px 25px;
	width: 800px;
	border: 1px solid #bbbbbb;
}

#main-container
{
	width: 580px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #bbbbbb;
	float: right;
}

html>body>div #main-container
{
	width: 560px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #bbbbbb;
	float: right;
}

#main-container-full
{
	width: 730px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #bbbbbb;
}

html>body>div #main-container-full
{
	width: 750px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #bbbbbb;
}

#main-container-explore
{
	width: 580px;
	/*height: 300px;*/
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 10px;
	padding-bottom: 20px;
	border: 1px solid #bbbbbb;
	float: right;
}

html>body>div #main-container-explore
{
	width: 560px;
	/*height: 300px;*/
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #bbbbbb;
	float: right;
}

#main-container-friends
{
	width: 580px;
	/*height: 300px;*/
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 10px;
	padding-bottom: 20px;
	border: 1px solid #bbbbbb;
	float: right;
}

html>body>div #main-container-friends
{
	width: 560px;
	/*height: 300px;*/
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #bbbbbb;
	float: right;
}

/**
#main-container-liveimage
{
	width: 600px;
	height: 300px;
	margin-left: 10px;
	margin-bottom: 20px;
	border: 1px solid #bbbbbb;
	float: right;
}
**/

#main-container-liveimage
{
	width: 580px;
	/*height: 300px;*/
	margin-left: 0px;
	margin-bottom: 20px;
	/*padding: 10px;*/
	border: 1px solid #bbbbbb;
	float: right;
}

/* For 'desktop client only' in editprivacy*/
#main-container h3 
{
	color:#666;
  	font: 100%/1.5em Verdana,Arial,Sans-serif;
}

#footer
{	
	position: relative;
	clear: both;
	padding: 3px 3px 3px 10px;
	margin-bottom:  -13px;
}

#footer-bar
{
	background: #EEEEEE;
	padding:  3px 3px 3px 3px;
	font: 90%/1.2em 'Trebuchet MS', 'Lucida Grande', Serif;
	color:  #444444;
}


/* ------------------------------------------------------------------------------------------------ */
/* 											Front													*/
/* ------------------------------------------------------------------------------------------------ */
#front-adlogin-box
{
	margin-top: 10px;
	margin-left: 10px;
	width: 775px;
	height: 240px;
}

#front-adlogin-box-info
{
  font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size: 14px; 
  color: #000000;
}

table#front-adlogin-box-login-table
{
  /*height: 220px;*/
  background: #eeeeee;
  padding: 10px 10px 10px 10px;
  margin-left: 510px;
  margin-top: -252px;
  font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size: 13px; 
  color: #000000;
  border: 1px solid #CCCCCC;
}

table#front-signin-login-table
{
  /*height: 220px;*/
  background: #eeeeee;
  padding: 10px 10px 10px 10px;
  margin-top: 30px;
  margin-left: 250px;
  font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size: 13px; 
  color: #000000;
  border: 1px solid #CCCCCC;
}

#front-desc-box
{
	margin-top: 5px;
	height: 435px;
}

#front-desc-box-espanol
{
	margin-top: 15px;
	height: 350px;
}

#front-desc-box-left
{
	float:  left;
	width: 270px;
	padding: 10px 10px 0px 10px;
}

#front-desc-box-right
{
	float:  right;
	width: 470px;
	padding: 10px 10px 0px 10px;
}

#front-desc-box-left-espanol
{
	float:  left;
	width: 370px;
	padding: 10px 10px 0px 10px;
}

#front-desc-box-right-espanol
{
	float:  right;
	width: 370px;
	padding: 10px 10px 0px 10px;
}


#front-desc-box-desc
{
	padding: 0px 15px 3px 15px;
	color: #666666;
}

.front-desc-box-header
{
	color: #b94c1f;
	font: 120%/1.2em 'Trebuchet MS', Serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: 10px;
}

#front-desc-steps-title
{
	float:  left;
	width: 735px;
	margin-left: 25px;
	margin-bottom: 2px;
}
#front-desc-steps-para
{
	float:  left;
	width: 720px;
	margin-left: 40px;
	margin-bottom: 0px;
}

#front-desc-steps-box
{
	float:  left;
	width: 735px;
	margin-left: 25px;
	margin-bottom: 10px;
}

#front-desc-steps-box a:link, 
#front-desc-steps-box a:active, 
#front-desc-steps-box a:visited 
{
	color: #0033bb;
}

#front-desc-steps-small-box
{
	float: left;
	width: 210px;
	height: 240px;
	margin-right: 9px;
	margin-left: 15px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #bbbbbb;
}

#front-desc-steps-small-box-title
{
	font: 120%/1.2em 'Trebuchet MS', 'Lucida Grande', Serif;
	color: #4169E1;
	padding: 3px 3px 3px 3px;
}

#front-desc-steps-small-box-desc
{
	font: 90%/1.2em "Lucida Grande", Serif;
	color:  #444444;
	padding: 3px 3px 3px 3px;
}

#front-desc-steps-small-box-img
{
	margin-top: 10px;
	padding: 3px 3px 3px 3px;
}

.front-rupdated-box-header
{
	color: #b94c1f;
	font: 120%/1.2em "Lucida Grande", Serif;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #bbbbbb;
}

#front-rupdated-box
{
	width: 777px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px 10px 10px 10px;
	float: right;
}


/* ------------------------------------------------------------------------------------------------ */
/* 											Header													*/
/* ------------------------------------------------------------------------------------------------ */
#preheader
{
	background: transparent; /*#EEEEEE; */
	margin-top:  -11px;
	margin-bottom: 10px;
	padding:  3px 3px 3px 3px;
 font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
 font-size: 14px; 
	color:  #CCF;
}

#preheader a:link, 
#preheader a:active, 
#preheader a:visited 
{
	color: #F63;
}

/**
#header
{
   height: 70px;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	border:1px solid green;
}
**/

#header
{
   height: 70px;
   margin-top: 20px;
   margin-bottom: 15px;
   padding: 0px 0px 0px 0px;	
}

/**
#logo
{
 	float: left;
	padding: 10px 10px 10px 10px;
	margin-left: 35px;
	width: 261px;
	height: 57px;
	border: 1px solid #bbbbbb;
}
**/

#logo
{
 float: left;
	margin-top: 14px;
	margin-left: 0px;
	width: 240px;
	height: 60px;
	padding: 0px 10px 0px 10px;
	/*border: 1px solid #bbbbbb;*/
}

/**
#navigation
{
	float: right;
	margin-top: 25px;
	margin-right: 50px;
	padding: 10px 10px 10px 10px;
}
**/

#navigation
{
	float: right;
	margin-top: 0px;
	margin-right: 8px;
	height: 63px;
	padding: 6px 2px 0px 6px;	
}

#navigation a:link.loggedin, 
#navigation a:active.loggedin, 
#navigation a:visited.loggedin 
{
	color: #000000;
}

.navigationActionCell 
{
  font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size: 12px; 
  width:61px;
}


#partners
{
	float: left;
	margin-top: 2px;
	margin-right: 3px;
	height: 35px;
	padding: 6px 0px 0px 6px;	
}

.partnersActionCell 
{
  font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size: 12px; 
  width:200px;
}

.newsTitle 
{
	color: #b94c1f;
	font-weight: 
	font: 100%/1.2em 'Trebuchet MS', Serif, Bold;
}

/* ------------------------------------------------------------------------------------------------ */
/* 											Side Lists												*/
/* ------------------------------------------------------------------------------------------------ */
#side-lists
{
	width: 185px;
	float: left;	
}

/* ------------------------------------------------------------------------------------------------ */
/* 											View Menu												*/
/* ------------------------------------------------------------------------------------------------ */
#view-menu
{
	width: 165px;
	margin-bottom: 40px;	
}

html>body>div>div #view-menu
{
	width: 185px;
	margin-bottom: 40px;	
}

/**
#view-menu ul 
{
 	list-style:none;
	padding: 0px;
	margin-left: -26px;					
}
**/

#view-menu ul 
{
 	list-style:none;
	padding-left: 0px; 
	margin-left: -26px;					
}


/**
#view-menu  li 
{
	padding: 10px 10px 10px 10px;
	border: 1px solid #bbbbbb;
	margin-bottom: -1px;
	background-repeat: repeat-x; 
}
**/


#view-menu  li 
{
	position: relative;  
	padding: 10px 10px 10px 10px;
	margin-bottom: -1px;
	border: 1px solid #bbbbbb;
	background-image: url(css/lightgraygrad35.jpg);
	background-repeat: repeat-x;  		
}


#view-menu-image
{
	height: 16px;
	width: 16px;
	/*border: 1px solid #bbbbbb;*/
}

#view-menu-link
{
	margin-left: 30px;
	margin-top: -15px;
}

#view-menu-link a:link, 
#view-menu-link a:active, 
#view-menu-link a:visited 
{
	color: #000000;
}


/* ------------------------------------------------------------------------------------------------ */
/* 											Stream List												*/
/* ------------------------------------------------------------------------------------------------ */
.stream-list 
{
	list-style: none;
	padding: 0px; 
	margin: 0px;	
}

#stream-list-header
{
	margin-top: 5px;
	margin-bottom: 10px;
	height: 25px;
}

#stream-list-header-left
{
	float: left;
	margin-left: 0px;
	width: 400px;
	color: #000099;
	font: 150%/1.2em 'Trebuchet MS', Serif;
 
}

#stream-list-header-right
{
	margin-top: 5px;
	float: right;
	width: 230px;
	color: #888888; 
	font: 90%/1.2em 'Trebuchet MS', Serif;
}

#stream-list-header-feed-right
{
	float: right;
	margin-top: 7px;
	margin-left: 5px;
	margin-right: 10px;
	width: 12px;
	height: 12px;
}

.stream-list li
{
	margin-left: 2px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #0033bb;
	border-top: 1px solid #CCCCCC;	
}

.stream-list li.shaded
{
	margin-left: 2px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #0033bb;
	border-top: 1px solid #CCCCCC;
	background-image: url(css/lightgraygrad35.jpg);
	background-repeat: repeat-x; 
}

#stream-list-not-available
{
	margin-top:  20px;
	margin-bottom:  20px;
	margin-left: 230px;
	color: #BBBBBB;
	font-size: medium;
}

td.stream-title a
{
	color: #b94c1f;
	font: 100%/1.2em 'Trebuchet MS', Serif;
 
}

td.stream-title-voice
{
	color: #3366cc;
	font: 75%/1.2em 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
}

td.stream-title-voice a
{
	color: #3366cc;
	font: 75%/1.2em 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
}

td.stream-info
{
  font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size: 13px; 
		color: #999999;
 
}

td.stream-info a
{
	color: #000099;
	font-weight: strong;
	font: 110%/1.2em 'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif;
}


/* ------------------------------------------------------------------------------------------------ */
/* 											RSS List												*/
/* ------------------------------------------------------------------------------------------------ */
.rss-list 
{
	list-style: none;
	padding: 0px; 
	margin: 0; 
}

#rss-list-header
{
	margin-top: 20px;
	margin-bottom: 20px;
	height: 25px;
}

#rss-list-header-left
{
	float: left;
	margin-left: 10px;
	width: 250px;
	color: #888888; 
	font: 150%/1.2em "Lucida Grande", Serif;
}

#rss-list-header-right
{
	margin-top: 5px;
	float: right;
	width: 230px;
	color: #888888; 
	font: 90%/1.2em "Lucida Grande", Serif;
}

#rss-list-header-feed-right
{
	float: right;
	margin-top: 7px;
	margin-left: 5px;
	margin-right: 10px;
	width: 12px;
	height: 12px;
}

.rss-list li
{
	margin-left: 2px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #CCCCCC;	
}

.rss-list li.shaded
{
	margin-left: 2px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #CCCCCC;
	background-image: url(css/lightgraygrad35.jpg);
	background-repeat: repeat-x; 
}

#rss-list-not-available
{
	margin-top:  20px;
	margin-bottom:  20px;
	margin-left: 230px;
	color: #BBBBBB;
	font-size: medium;
}

td.rss-title a
{
	color: #222222;
	font: 80%/1.2em "Lucida Grande", Serif;
}

td.rsspop-title a
{
	color: #222222;
	font: 80%/1.2em "Lucida Grande", Serif;
}


td.rss-bar
{
	color: #888888;
	font: 60%/1.2em "Lucida Grande", Serif;
}

td.rss-info
{
	color: #BBBBBB;
	font: 70%/1.2em "Lucida Grande", Serif;
}

td.rss-info a
{
	color: #BBBBBB;
	font: 90%/1.2em "Lucida Grande", Serif;
}