#preload { background-image: url(/theme/images/readmore_hl.png); visibility: hidden; }


body	{
		margin: 0px;
		font-family: Verdana, Arial, Helvetica; 
		font-size: 11px; 
		color: #000;
		background: url(/theme/images/bknd.gif);
		background-color: #555;
		background-repeat: repeat-y;
		background-position: 50% 50%;
		behavior:url("/theme/style/csshover.htc");
		 }
	
	
div {
/*
	text-align: left;
*/
}

.content9	{
		font-family: Verdana, Arial, Helvetica; font-size: 9px; 
		 }
		 
h4	{
	font-size: 14px;
	border-bottom: 2px solid #700;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.size14 {
	font-size: 14px;
}

.bold12 {
	font-weight: bold;
	font-size: 12px;
}

.content	{
		font-family: Verdana, Arial, Helvetica; font-size: 11px; 
		 }
		 
.contentbold12 	{
		font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold;
		 }
		 
.courier	{
		font-family: Courier; 
		 }
		 
.homeiframe {
	overflow-x: hidden;
	overflow-y: scroll;
}

.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

form	{
		margin: 0px;
	font-family: Verdana, Arial, Helvetica;

		}
		
img		{
		border: 0px;
		margin: 0px;
		padding: 0px;
	
		}


table	{
		border: 0px;
		}
		
.sitewidth {
 			width: 1000px;	
			}

.leftcolumnhome {
			width: 570px;
			padding: 0px;
			}


.midcolumnhome {
			width: 20px;
			}
			
.rightcolumnhome {
			width: 410px;
			}	
			
			
.leftcolumnStory {
			width: 790px;
			padding: 0px;	
			}
			

.rightcolumn {
			width: 200px;
			}
			
.rightcolumnbkd {
			width: 200px;
			background-color: #BBB;
			}	

	
			


/*  SITE HEADER    */ 	

.headAd	{
	width: 749px;
	height: 50px;
	padding-top: 3px;
	background: url(/theme/images/header2007_02.gif);
	background-repeat: no-repeat;
	background-color: #CCC;
}

.headNav	{
	width: 1000px;
	height: 29px;
	padding-left: 26px;
	background: url(/theme/images/header2007_03.gif);
	background-repeat: no-repeat;
	background-color: #CCC;
}

.navigation {
	width: 941px;
}

.spotlight {
		width: 570px;
		height: 200px;
}

.spotlight_content {
		position: relative;
		display: block;
		width: 285px;
		height: 124px;
		left:250px;
		top: 40px;
		font-size: 10px;
		color: #000;
}

.podbutton {
		position: relative;
		display: block;
		width: 80px;
		height: 20px;
		left: 246px;
		top: 50px;
}


.readmore	{
		position: relative;
		display: block;
		left: 454px;
		top: 30px;
		width: 95px;
		height: 15px;
		background-image: url(/theme/images/readmore.png);
		border-width: 0px;
		}
		
.readmore:hover	{
		background-image: url(/theme/images/readmore_hl.png);
		}	





#recentArticles {
		width: 204px;
		height: 1820px;
		overflow: auto;
		padding-left: 16px;
		background-color: #BBB;

}

.recentBlock	{
	float: left;
}

.archiveColumn	{
	float: left;
	clear: bottom;
	width: 250px;
}

.archiveColumnTwo	{
	float: left;
	clear: bottom;
	width: 250px;
	margin-left: 20px;
}



.archiveItem	{
		width: 230px;
		height: 300px;
		background-color: #EEE;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 9px;

}

.archiveImage	{
	background-color:#EEE;
	display: block;
	clear: both;
	padding-bottom: 10px;
}


.archiveList	{
	background-color: #EEE;
	width: 770px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	height: 120px;
}

.homeMiniAds {
		float; right;
		width: 190px;
		height: 91px;
		text-align:center;
}


.awn	{
	float: right;
	width: 160px;
	margin-top: 10px;
	margin-left: 30px;
	
}

.adSense	{
	float: right;
	width: 175px;
	margin-top: 10px;
	margin-left: 15px;
}


.homeSearch {
		width: 410px;
		text-align:center;
}

.homeRecentImg {
	width: 180px;
	padding-left: 4px;
	padding-top: 6px;
}

.homeFreetip	{
	float: right;
}

.homeFxguidetv	{
	float: right;
}


#homeFxphd	{
	width: 388px;
	background-color: #000;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #000;
	font-size: 11px;
	color: #DDD;
}

#homeFxphd a:link, #homeFxphd a:visited {
	color: #C00;
	font-size: 10px;
}

#homeFxphdTitle a:link, #homeFxphdTitle a:visited {
	font-size: 14px;
}



.crewblogtop	{
	width: 570px;
	height: 41px;
}

.crewblogbot	{
	width: 570px;
	height: 20px;
}

.posthome-readmore {
		float: right;
		padding-left: 430px;
}

.posthometop	{
	width: 560px;
	height: 17px;
	background-color: #444;
}

.posthomemid {
	width: 530px;
	display: block;
	background-color: #DDD;
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;

}

.posthomebot	{
	width: 560px;
	height: 17px;
	padding-bottom: 10px;
}

.posthome p {
	padding-left: 20px;
	padding-right: 30px;
}

.posthometitle {
	font-size: 16px;
}

.posthometime {
	font-size: 10px;
}


.rightblock {
	font-size: 10px;
	background-color: #BBB;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.rightblock_podcast {
	font-size: 11px;
	background-color: #000;
	color: #DDD;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.rightblock_podcast_item {
	clear: both;
	padding-bottom: 20px;
}

.rightblock_podcast a:link, .rightblock_podcast a:visited {
	color: #C33;
	font-size: 11px;
}

.rightblock_podcast_item img {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 3px;
}



.crewblogcontent 	{
			width: 790px;
			font-size: 11px;
			background-repeat: repeat-y;
			color: #000000;
			vertical-align: top;
			}

	
.contentbot 	{
			width: 790px;
			height: 11px;
			background-color: #EEEEEE;
			background-image: url(/theme/images/content-bot.gif);
			}

.catimage	{
	width: 39px;
	height: 39px;
	display: block;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 17px;
}

.articleheader {
		background-color: #900;
		width: 790px;
		height: 45px;
}

.articlepagetitle 	{
			font-size: 20px;
			font-family: Helvetica, Arial;
			font-weight: bold;
			color: #FFFFFF;
			padding-left: 50px;
			}

.articlepagedes 	{
			font-size: 10px;
			font-style: italic;
			color: #FFFFFF;
			padding-left: 50px;
			}


.articlecontent 	{
			width: 790px;
			font-size: 11px;
			line-height: 130%;
			background-color: #EEEEEE;
			color: #000000;
			padding-top: 20px;
			vertical-align: top;
			}
			
			
.searchbar 	{
			width: 790px;
			font-size: 11px;
			background-color: #333;
			color: #000000;
			vertical-align: top;
			}

.forumcontent 	{
			width: 780px;
			font-size: 11px;
			background-color: #EEE;
			color: #000000;
			vertical-align: top;
			padding-left: 10px;
}		


.qtindex	{
			width: 790px;
}

.qtcontent 	{
			font-size: 12px;
			background-color: #DDD;
			vertical-align: top;
}

.qtnav  {
	font-size: 14px;
	font-family: Helvetica, Arial;
	padding-left: 40px;

}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   padding-right: 10px;
   padding-bottom: 10px;
}

.alignright {
   float: right;
   padding-left: 10px;
   padding-bottom: 10px;
}

.commentlist {
		padding: 0px;
		padding-bottom: 10px;
		list-style-type: none;
}

.commentlist li{
		padding-bottom: 10px;
		margin-bottom: 10px;
}

.comment-meta a:link{
		font-size: 10px;
		font-style: italic;
		font-weight: normal;
		color: #000;
}

.reply {
	text-align: right;

}

.qt_commentsby {
		font-size: 11px;
}

.storypad 	{
	padding: 10px 50px 10px 50px;
}


.entry img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

p img {
	float: left;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
}


.articlefooter 	{
			width: 790px;
			font-size: 11px;
			background-color: #EEEEEE;
			color: #000000;
			padding-top: 10px;
			}
			
bannerAdBox 	{
		width: 720px;
		height: 90px;
}

.navbarfx {		
				background-color: #333;
				width: 790px;
				text-align: center;
				vertical-align: middle;
				}

.navbartitle	{
				color: #FFF;
				font-weight: bold;
				font-size: 12px;
				margin-bottom: 5px;
				}

.blogstorytitle	{
		font-size: 23px;
		font-family: Helvetica, Arial;
		font-weight: bold;
}


.contentheadergray	{
				background-color: #333;
				height: 16px;
				width: 750px;
				padding-bottom: 10px;
				padding-left: 20px;
				padding-right: 20px;
}

.contentheadersearch	{
				background-color: #333;
				width: 750px;
				padding-bottom: 10px;
				padding-left: 20px;
				padding-right: 20px;
}


.contentheadertitle	{
				color: #FFF;
				font-weight: bold;
				font-size: 16px;
				}

.white_link a:link	{
				color: #FFF;
				}
			

.legal 		{ 
			position: relative;
			top: -44px;
			font-size: 9px;
			color: #777;
			font-weight: normal;
			}
		
.sitefooter	{
				width: 1000px;
				height: 58px;
				margin-top: 10px;
				background-image: url(/theme/images/footer2007.gif);
				background-repeat: repeat-none;
}


/*  */
/* Clocks for admins */
/*  */


	
.jeffclock {
	background-image: url(/theme/images/header2006-jeff.gif);
	position: relative;
	top: 6px;
	left: -240px;
	width: 183px;
	height: 17px;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-align: left;
	text-indent: 116px;
	padding-top: 4px;
}
	
.johnclock {
	background-image: url(/theme/images/header2006-john.gif);
	position: relative;
  top: -15px;
  left: 0px;
	width: 275px;
	height: 17px;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-align: left;
	text-indent: 191px;
	padding-top: 4px;

}

.mikeclock {
	background-image: url(/theme/images/header2006-mike.gif);
	position: relative;
  top: -36px;
  left: 240px;
  width: 234px;
	height: 17px;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	text-align: left;
	text-indent: 168px;
	padding-top: 4px;

}

.homeblockcontent	{ 
	width: 195px;
	background-color: #BBB; 
	font-size: 10px;
}

.homeblockclean	{ 
	padding-top: 10px;
	padding-bottom: 10px;
	width: 195px;
	font-size: 10px;
}



.storybug {
 
		position: relative;
		left: 747px;
		top:  -93px;
		margin: -85px;
		z-index: 100;

}

.imgblogindex {
		float: right;
		margin-left: 15px;
		margin-bottom: 3px;
}

.imgright {
		float: right;
		margin-left: 15px;
		margin-bottom: 15px;
}

.imgleft {
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
}

.imgcenter {
		position: relative;
		left: 175px;
		margin-right: 15px;
}


.imgcaption {
		border: 1px solid #AAAAAA;
		position: relative;
 		padding-top: 5px;
 		padding-bottom: 5px;
 		margin-bottom: 10px;
 		font-size: 10px;
		font-style: italic;
		text-align: center;
		z-index: 1;	
		white-space: wrap
}

.imgzoom	{
		border: 1px solid;
		position: relative;
		margin-bottom: -24px;
		bottom: 20px; 
		width: 24px;
		text-decoration: none;
		border: none;
		z-index: 400;
}

.webtags	{
		margin: 4px;
		padding: 5px;
		width: 640px;
		background-color: #DDDDDD;
		}
		
.adminsubmit, a.adminsubmit:link, a.adminsubmit:hover	{
		float: right;
		border: 1px solid;
		margin: 4px;
		padding: 5px;
		background-color: #FFCC00;
		text-align: center;
		color: #FFFFFF;
		}

 
 a:link	{
		color: #770000;
		font-weight: bold;
		background-color: transparent;
		text-decoration: none;
		}

a:visited	{
		color: #660000;
		font-weight: bold;
		background-color: transparent;
		text-decoration: none;
			}


a:hover	{
		color: #CC0000;
		font-weight: bold;
		text-decoration: underline;
		}

a.white:link, a.white:visited	{
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica; 
		font-weight: bold;
		background-color: transparent;
		text-decoration: none;
		}

a.white:hover	{
		color: #FFCC00;
		font-family: Verdana, Arial, Helvetica; 
		font-weight: bold;
		background-color: transparent;
		text-decoration: underline;
		}
		
a.headerlink:link, a.headerlink:visited	{
		color: #BB0000;
		font-family: Verdana, Arial, Helvetica; 
		font-weight: bold;
		background-color: transparent;
		text-decoration: none;
		}

a.headerlink:hover	{
		color: #FF0000;
		font-family: Verdana, Arial, Helvetica; 
		font-weight: bold;
		background-color: transparent;
		text-decoration: underline;
		}
		
		
.pad	{
		font-family: Verdana, Arial, Helvetica; font-size: 11px;
		padding: 6px;
		}

	
		



			
.legal_10 		{ 
			font-size: 10px;
			color: #666;
			font-weight: normal;
			}
			
.adminaction 		{ 
			font-size: 10px;
			color: #FF3300;
			font-weight: normal;
			font-style: italic;
			}
			
			
.head1black 		{ 
			font-size: 12px;
			color: #000000;
			font-weight: normal;
			}
			
.textdes 		{ 

			font-style: italic;
			}
						



.ad_60   {
	width: 170px;
	height: 90px;
	background-color: #FFCC00;
	padding: 0px;
	margin: 0px;
}

.ad_02   {
	width: 135px;
	height: 240px;
	background-color: #DDDDDD;
	padding: 0px;
	margin: 0px;
}

.ad_61   {
	width: 135px;
	height: 240px;
	background-color: #DDDDDD;
	padding: 0px;
	margin: 0px;
}

.ad_61   {
	width: 170px;
	height: 90px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}


.ad_spacer   {
	width: 7px;
	height: 90px;
	padding: 0px;
}

			


.cornerblogtopred 	{
			background-color: #990000;
			color: #FFFFFF;
			height: 11px;
			width: 8px;
			vertical-align: top;
			}
			
.cornerblogbotred 	{
			background-color: #990000;
			color: #FFFFFF;
			height: 11px;
			width: 8px;
			vertical-align: bottom;
			}
.cornerblogtopredrt	{
			background-color: #CC0000;
			color: #FFFFFF;
			height: 11px;
			width: 8px;
			vertical-align: top;
			}
			
.cornerblogbotredrt	{
			background-color: #CC0000;
			color: #FFFFFF;
			height: 11px;
			width: 8px;
			vertical-align: bottom;
			}


				
.brieftitle	{
			width: 284px;
			background-color: #FFCC00;
			font-weight: bold;
			color: #000000;
			}
			
.brieftitle_cornerul	{
				background-color: #FFCC00;
				width: 8px;
				height: 16px;
				vertical-align: top;
				}
			
.brieftitle_cornerur	{
				background-color: #FFCC00;
				vertical-align: top;
				width: 8px;
				height: 16px;
				}
						
				
.brieficon 	{
			margin: 0px;
			float: left;
			padding: 0px 8px 85px 0px;
			}
			
.briefbknd	{
			background-color: #EEEEEE;
			font-size: 10px;
			color: #000000;
			padding: 4px;
			background-image: url(/theme/images/briefbknd.gif);
			background-repeat: no-repeat;
			}
			
.bloghomeicon	{
			background-color: #CC0000;
			color: #FFFFFF;
			width: 40px;
			padding: 5px 8px 5px 0px;
			vertical-align: middle;
			}
			
.blogarchivetop	{
				width: 722px;
				background-color: #FFFFFF;
				background-position: 00% 100%;
				background-image: url(/theme/images/blogarchive-top.gif);			
				height: 10px;
				}
			
			
.blogarchivemid	{
				width: 722px;
				padding-left: 10px;
				padding-right: 10px;
				background-color: #FFFFFF;
				background-position: 00% 100%;
				background-image: url(/theme/images/blogarchive-mid.gif);
				background-repeat: repeat-y;				
				}
				
.blogarchivebot	{
				width: 722px;
				background-color: #FFFFFF;
				background-position: 00% 100%;
				background-image: url(/theme/images/blogarchive-bot.gif);			
				height: 10px;
				}
				
.bloghometitle 	{
			font-size: 12px;
			font-weight: bold;
			background-color: #CC0000;
			background-image: url(/theme/images/redramp.gif);
			background-repeat: repeat-y;
			color: #FFFFFF;
			width: 706px;
			height: 15px;
			vertical-align: middle;
			}
			
.deathsheader 	{

			padding-left: 25px;
			padding-top: 10px;
			vertical-align: top;
			background-color: #FFFFFF;
			background-image: url(/theme/images/deaths-title.gif);
			background-repeat: repeat-y;
			color: #FFFFFF;
			width: 722px;
			height: 54px;
			
			}

.deathstitle	{

			font-size: 12px;
			font-weight: bold;
			color: #FFFFFF;
}

.deathsdes	{
			font-size: 10px;
			font-style: italic;
			font-weight: normal;
			color: #FFFFFF;
}

.deathsleft	{
				vertical-align: top;
				padding-left: 20px;
				width: 466px;
				background-color: #FFFFFF;
				background-position: 00% 100%;
				background-image: url(/theme/images/deaths-content-lf.gif);
				background-repeat: repeat-y
				}
				
.deathsright	{
				width: 236px;
				background-color: #FFFFFF;
				background-position: 00% 100%;
				background-image: url(/theme/images/deaths-content-rt.gif);
				background-repeat: repeat-y
				}
			
				
.bloghomedes {
			font-size: 10px;
			font-style: italic;
			font-weight: normal;
			color: #FFDDDD;
			vertical-align: middle;
			}
			
a.bloghomedes:link, a.bloghomedes:visited {
			font-size: 10px;
			font-style: italic;
			font-weight: bold;
			color: #FFDDDD;
			vertical-align: middle;
			}			

.bloghometext	{
				padding: 10px;
				background-color: #FFFFFF;
				background-position: 00% 100%;
				background-image: url(/theme/images/bloghome-bknd.gif);
				background-repeat: repeat-y
				}
				
.bloghomebottom	{
				padding: 0px;
				background-color: #FFFFFF;
				background-position: 00% 100%;
				background-image: url(/theme/images/bloghome-bottom.gif);

				height: 10px;
				}
				
.bloglisting { 
				background-color: #FEFEFE;			
				padding: 3px;
				}
				


.storytext	{
				font-size: 11px;
				background: #FFF;
				padding: 10px;
			}
			
.storyimgright {
				float: right;
				padding: 10px;
				}

.storyimgleft {
				float: left;
				padding: 10px;
				}
				
.youtube {
		float: right;
		margin-left: 15px;
		margin-bottom: 3px;
}

.header 	{
			font-size: 11px;
			font-weight: bold;
			background-color: #CC0000;
			background-image: url(/theme/images/redramp.gif);
			background-repeat: repeat-y;
			color: #FFFFFF;
			width: 706px;
			vertical-align: bottom;
			}
			
.header_smalltype	{
			font-size: 10px;
			font-style: italic;
			background-color: #CC0000;
			background-image: url(/theme/images/redramp.gif);
			background-repeat: repeat-y;
			color: #FFFFFF;
			width: 706px;
			vertical-align: top;
			}			

.commentsheader {		
				background-image: url(/theme/images/navbaryellow.gif);
				background-repeat: no-repeat;
				width: 722px;
				height: 32px;
				text-align: center;
				font-weight: bold;
				}
				
.commentpostinfo {		
				border: 1px solid #FFCC00;
				padding: 5px 10px 5px 10px;
				background-color: #FFFFEE;
				}

.commentpost 	{		
				border-width: 0px 1px 1px 1px;
				border-style: solid;
				border-color: #FFCC00;
				padding: 5px 10px 5px 10px;
				
				}				
.contentheadleft	{
			font-size: 12px;
			font-weight: bold;
			background-color: #CC0000;
			background-image: url(/theme/images/redramp.gif);
			background-repeat: repeat-y;
			color: #FFFFFF;
			width: 353px;
			vertical-align: middle;
			}
			
.contentheadleft a:link, .contentheadleft a:visited	{
			color: #FFCC00;
			}
			
.contentheadleft a:hover	{
			color: #FFFF00;
			}
			
			
.contentheadright	{
			font-size: 11px;
			font-weight: bold;
			background-color: #CC0000;
			color: #FFFFFF;
			width: 353px;
			vertical-align: middle;
			text-align: right;
			}
			
.contentheadright a:link, .contentheadright a:visited	{
			color: #FFCC00;
			}
			
.contentheadright a:hover	{
			color: #FFFF00;
			}			

			

				
.pod_onair		{ 
				background-color: #FFCC00;
				}
				
.pod_offair		{ 
				background-color: #FF2222;
				}
				
.podcast_icon	{
				
				width: 150px;
				height: 28px;
				margin-left: 15px;
				margin-bottom: 10px;
				}

				
.podwarn		{ 
				background-color: #FFFFFF;
				border: 1px solid #FF0000;
				padding: 4px;
				}

.podrow		{
				background-color: #FEFEFE;
				}
				
				
.podbox			{
				background-color: #DDDDDD;
				border: 1px solid #AA0000;
				width: 180px;
				padding: 10px;
				margin-bottom: 10px;
				
				}
				
.tvbox			{
				background-color: #DDDDDD;
				border: 1px solid #004444;
				float: right;
				width: 220px;
				padding: 10px;
				margin-left: 10px;
				margin-bottom: 10px;
				
				}
				
				
.podlisting {
	background-color: #DDD;
	padding-left: 40px;
	padding-right: 40px;

}
		
		
.podtitle {
	font-size: 18px;
	font-family: Helvetica, Arial;
	font-weight: bold;

}
.pollrow		{
				border: 1px solid;
				}
				
.tiplistheader	{ 
				font-weight: bold;
				color: #AA0000;
				padding: 3px;
				}

.tiplist		{ 
				padding: 3px;
				}

	
.tiprow a	 	{ 
				display: block; 
				}				
				

.tiprow			{ 
				background-color: #FEFEFE;			
				padding: 3px;
				}
				
				
.darkgray	{
			background-color: #222222;
			font-weight: bold;
			color: #FFFFFF;
			}
			
.gray		{
			background-color: #DDDDDD;
			font-weight: bold;
			color: #000000;
			width: auto;
			padding: 0px;
			}

.lightgray		{
			background-color: #EEEEEE;
			font-weight: bold;
			color: #000000;
			}
			

				
.whitegray	{
			background-color: #EEEEEE;
			font-weight: bold;
			color: #000000;
			}

		
.textsmallital 	{
				font-size: 10px;
				font-style: italic;
				}
				
.textsmall 	{
				font-size: 10px;
				}
			
#hide a 	{
				font-size: 6px;
				color: #FFFFFF;
				}
				



			
.block  {
	width: 180px;
	background-color: #DDD;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
}

.blocktitle	{
			font-size: 11px;
			font-weight: bold;
			text-align: center;
			margin-bottom: 10px;
			}
			
.blockcontent	{ 
				margin-left: 10px;
				margin-right: 10px;
				font-size: 10px;
				}
				
.blocknoborder  {
	width: 180px;
	margin-left: 10px;
}

.blocktext_poll	{ 
				font-size: 10px;
				}
				

			
/* The following has no width -- otherwise bad wrapping  */		
.blocknav	{				
				list-style-type: none;
				text-align: left;
				font-size: 10px;
				padding-top: 5px;
				padding-left: 8px;
				text-indent: -10px;
				}
				
.blocknews	{				
				list-style-type: none;
				text-align: center;
				font-size: 10px;
				padding-top: 5px;
				padding-left: 8px;
				
				}
				
				
.blockfooter	{
				background-color: #FFFFFF;
				width: 164px;
				background-image: url(/theme/images/bknd_blockcontent.gif);
				background-repeat: repeat-y;
				}
	

	
.block_smallpad	{ 
				background-color: #EEEEEE; 
				color: #000000; 
				font-size: 10px;
				padding: 8px;
				}
				
				



/*  */
/* These are the various hovering buttons */
/*  */

.notvisible	{
			visibility: hidden;
			position: absolute;
			}
			

.login	{
		display: block;
		width: 44px;
		height: 15px;
		background-image: url(/theme/images/login.gif);
		border-width: 0px;
		margin-top: 4px;
		}
		
.login:hover	{
		display: block;
		width: 44px;
		height: 15px;
		margin-top: 4px;
		border-width: 0px;
		background-image: url(/theme/images/login_hl.gif);
		}	

.postbutton	{
		display: block;
		width: 44px;
		height: 15px;
		background-image: url(/theme/images/post.gif);
		border-width: 0px;
		margin-top: 4px;
		}
		
.postbutton:hover	{
		display: block;
		width: 44px;
		height: 15px;
		margin-top: 4px;
		border-width: 0px;
		background-image: url(/theme/images/post_hl.gif);
		}	


.vote	{
		display: block;
		width: 44px;
		height: 15px;
		background-image: url(/theme/images/vote.gif);
		border-width: 0px;
		margin-top: 4px;
		}
		
.vote:hover	{
		display: block;
		width: 44px;
		height: 15px;
		margin-top: 4px;
		border-width: 0px;
		background-image: url(/theme/images/vote_hl.gif);
		}	

.search	{
		display: block;
		width: 44px;
		height: 15px;
		background-image: url(/theme/images/search.gif);
		border-width: 0px;
		margin-top: 4px;
		}
		
.search:hover	{
		display: block;
		width: 44px;
		height: 15px;
		margin-top: 4px;
		border-width: 0px;
		background-image: url(/theme/images/search_hl.gif);
		}
		
.digg {
		padding-left: 100px;
		}
		

.postcomment	{
		display: block;
		width: 94px;
		height: 15px;
		background-image: url(/theme/images/postcomment.gif);
		border-width: 0px;
		margin-top: 4px;
		}
		
.postcomment:hover	{
		display: block;
		width: 94px;
		height: 15px;
		margin-top: 4px;
		border-width: 0px;
		background-image: url(/theme/images/postcomment_hl.gif);
		}	
		
.refresh	{
		display: block;
		width: 47px;
		height: 15px;
		background-image: url(/theme/images/refresh.gif);
		border-width: 0px;
		margin-top: 4px;
		}
		
.refresh:hover	{
		display: block;
		width: 47px;
		height: 15px;
		margin-top: 4px;
		border-width: 0px;
		background-image: url(/theme/images/refresh_hl.gif);
		}	

.submit	{
		display: block;
		width: 47px;
		height: 15px;
		background-image: url(/theme/images/submit.gif);
		border-width: 0px;
		margin-top: 4px;
		}
		
.submit:hover	{
		display: block;
		width: 47px;
		height: 15px;
		margin-top: 4px;
		border-width: 0px;
		background-image: url(/theme/images/submit_hl.gif);
		}	


		
.preview	{
		display: block;
		width: 55px;
		height: 15px;
		background-image: url(/theme/images/preview.gif);
		border-width: 0px;
		margin-top: 4px;
		}
		
.preview:hover	{
		display: block;
		width: 55px;
		height: 15px;
		margin-top: 4px;
		border-width: 0px;
		background-image: url(/theme/images/preview_hl.gif);
		}	
			
			
	


/* WORD PRESS ITEMS */


.wp-caption-text {
	font-size: 9px;
}



#menu {


}


#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #333;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

#menu ul li {
	font-size: 18px;
	font-family: Helvetica, Arial;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#menu hr {

	border-top: 1px solid #999;
	border-right: 0px;
	border-bottom: 0px;
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font-size: 12px;
	font-family: Verdana;
	letter-spacing: 0;
	margin-top: 0;
	padding-left: 6px;
}

#menu ul ul li a {
	color: #700;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}				
			

.meta {
	font-style: italic;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #555;
	font-weight: normal;
	letter-spacing: 0;
}




/* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   width:100%;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   margin:0 0 0 1px;
   width: 122px;
   padding:0;
   float:left;
   position:relative;
   left:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.4em 0em .4em;
   font-size:1em;
   line-height:1em;
   background:#AAA;
   text-decoration:none;
   color:#444;
   font-weight:bold;
   border-bottom:1px solid #000;
}
#centeredmenu ul li.active a {
   color:#fff;
   background:#000;
}
#centeredmenu ul li a:hover {
   background:#DDD; /* Top menu items background colour */
   color:#444;
   border-bottom:1px solid #03f;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#DDD; /* Top menu items background colour */
   color:#444;
   border-bottom:1px solid #900;
}

/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-weight:bold; /* resets the bold set for the top level menu items */
   background:#eee;
   color:#444;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#900; /* Sub menu items background colour */
   color:#fff;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}


/*	
#######################
ALACARTE
#######################
 */


.alacarte {
	padding-left: 40px;
	clear: both;
}

.alacartetitle {
	padding-left: 40px;
	font-size: 17px;
	padding-bottom: 20px;
	padding-top: 10px;
	color: #EEE;
	vertical-align: middle;
}

.alacarte_top {
	background-image: url(/images/alacarte/top.png);
	background-repeat: none;
	text-indent: 30px;
	padding-top: 11px;
	padding-right: 30px;
	font-size: 18px;
	font-weight: bold;
	width: 870px;
	height: 32px;
}

.alacarte_mid {
	background-image: url(/images/alacarte/mid.png);
	background-repeat: repeat-y;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	width: 840px;
}

.alacarte_row {
	padding-bottom: 20px;
}

.alacarte_bot {
	background-image: url(/images/alacarte/bot.png);
	clear: both;
	width: 900px;
	height: 21px;
	margin-bottom: 20px;
}

.alacarte_price, .alacarte_purchased {
	display: block;
	padding-top: 5px;
	width: 291px;
	height: 29px;
	text-indent: 24px;
	font-size: 18px;
	font-weight: bold;
}

.alacarte_price {
	background-image: url(/images/alacarte/button.png);
}

.alacarte_purchased {
	background-image: url(/images/alacarte/button_purchased.png);
}

.alacarte_classDescs, .alacarte_courseDescs {
	font-size: 11px;
	padding-bottom: 10px;
}

.alacarte_thumb {
	width: 320px;
	height: 180px;
	padding-left: 10px;
	padding-bottom: 10px;
	float: right;
}

.alacarte_buttons {
	float: right;
	padding-right: 50px;
	margin-top: -5px;
}

.alacarte_register {
	float: right;
	text-align: center;
	width: 400px;
	background-color: #CCC;
	border: 1px solid black;
	color: black;
	font-size: 14px;
	font-weight: bold;
	margin-top: -5px;
	margin-right: 60px;
	margin-bottom: 10px;
	padding: 10px;	
}

.alacarte_register a {
	text-decoration: underline;
}

.listing_head {
	cursor: pointer;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}



/** Copyright 2005 Google Inc. All rights reserved. */

/* the GSearchControl CSS Classes
 * .gsc-control : the primary class of the control
 */
.gsc-control {
  width: 700px;
}

.gsc-control div {
  position: static;
}

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 * .gsc-keeper : the save link below savable results
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 50%;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

td.gsc-clear-button {
  width : 14px;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

.gsc-branding-text {
  color : #676767;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  font-size : 11px;
  margin-right : 2px;
}

div.gsc-branding-youtube td.gsc-branding-text {
  vertical-align : middle;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

div.gsc-branding-youtube td.gsc-branding-img-noclear {
  width : 55px;
}

div.gsc-branding-youtube td.gsc-branding-img {
  width : 69px;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

div.gsc-clear-button {
  display : inline;
  text-align : right;
  margin-left : 4px;
  margin-right : 4px;
  padding-left : 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/uds/css/clear.gif');
  cursor : pointer;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-keeper {
  color: #3366cc;
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
  font-weight: normal;

  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 1px 3px;
  background-image: url('/uds/css/blue_check.gif');
}

/* each section of results has a results header table
 * .gsc-resultsHeader : the header itseld
 * td.twiddleRegionCell : the section that controls twiddleing of the section to expand/collapse
 * td.configLabelCell : the twiddler that controls active configuration of a searcher (used in GlocalSearch)
 * .gsc-twiddle : the twiddle image, note, this is a div that wraps gsc-title so that standard image replacement is feasible
 * .gsc-twiddle-closed : class added to gsc-twiddle when the twiddler is in the closed state
 * .gsc-twiddle-opened : class added to gsc-twiddle when the twiddler is in the opened state
 * .gsc-title : the section's title (e.g., Web Results, etc.)
 * .gsc-stats : contains the result counts
 * .gsc-stats
 */
.gsc-resultsHeader {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom : 4px;
}

.gsc-resultsHeader td.gsc-twiddleRegionCell{
  width: 75%;
}

.gsc-resultsHeader td.gsc-configLabelCell{
  text-align: right;
  width: 75%;
}

/*
 * note that the next three classes are all joined together
 * to implement the twiddle image. apps can substitute in their
 * own images but will need to account for the image size here
 * as well as in the left padding of the title element
 *
 * Note: uds provides the following images that work with the geometry/padding defined below
 *  to use these images simply over-ride the.gsc-twiddle-opened/-closed class and specify an alternate image
 *  or use an image of your own design
 */
.gsc-resultsHeader .gsc-twiddle{
  margin-top: 4px;
  display: inline;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
  background-image: url('/uds/css/arrow_close.gif');
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
  background-image: url('/uds/css/arrow_open.gif');
}

.gsc-resultsHeader .gsc-title{
  color: #676767;
  margin-right: 10px;
  padding-left: 14px;
  display: inline;
}

.gsc-resultsHeader .gsc-stats {
  color: #676767;
  font-size: 11px;
  font-weight: normal;
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
  display : none;
}

/*
 * .gsc-results-selector : box surrounding individual selectors for 1, more, or all results
 * .gsc-result-selector : an individual selector
 * .gsc-one-result : single result selector
 * .gsc-more-results : more (4) results selector
 * .gsc-all-results : all results (8) selector
 */
.gsc-results-selector {
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
  display : none;
}

.gsc-result-selector {
  cursor : pointer;
  display : inline;
  font-size : 13px;
  padding-left : 13px;
  background-repeat: no-repeat;
  background-position: center left;
}

/* default mode is dark */
.gsc-one-result {
  background-image: url('/uds/css/one-complex-dark.gif');
}

.gsc-more-results {
  background-image: url('/uds/css/more-complex-dark.gif');
}

.gsc-all-results {
  background-image: url('/uds/css/all-complex-dark.gif');
  padding-right : 1px;
}

/* active mode is light */
.gsc-one-result-active .gsc-one-result {
  background-image: url('/uds/css/one-complex-light-blue.gif');
}

.gsc-more-results-active .gsc-more-results {
  background-image: url('/uds/css/more-complex-light-blue.gif');
}

.gsc-all-results-active .gsc-all-results {
  background-image: url('/uds/css/all-complex-light-blue.gif');
}

.gsc-resultsHeader .gsc-configLabel{
  color: #676767;
  display: inline;
  font-size: 11px;
  cursor: pointer;
}

.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('/uds/css/settings.gif');
}


/* tabbed mode of search control
 * .gsc-tabsArea : the box containing all of the tabs
 * .gsc-tabsAreaInvisible : same as above, but this is the state when search has been cleared
 * .gsc-tabHeader : an individual tab
 * .gsc-tabHeader.gsc-tabhActive : the active tab
 * .gsc-tabHeader.gsc-tabhInactive : an inactive tab
 * .gsc-tabData : the data area/box containg results and header data for each tab
 * .gsc-tabData.gsc-tabdActive : the data area for the active tab
 * .gsc-tabData.gsc-tabdInactive : the data area for inactive tabs
 */
.gsc-tabsArea {
  clear: both;
  margin-top: 6px;
  }

.gsc-tabsArea .gs-spacer {
  font-size : 1px;
  margin-right : 2px;
  overflow : hidden;
}

.gsc-tabsArea .gs-spacer-opera {
  margin-right : 0px;
}

.gsc-tabsAreaInvisible {
  display : none;
  }

.gsc-tabHeader {
  display: inline;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 0px;
  }

.gsc-tabHeader.gsc-tabhActive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #ff9900;
  color: black;
  }

.gsc-tabHeader.gsc-tabhInactive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #e9e9e9;
  background: #e9e9e9;
  color: #676767;
  }

.gsc-tabData.gsc-tabdActive {
  display: block;
  }

.gsc-tabData.gsc-tabdInactive {
  display: none;
  }

/* tab specific results header supression
 * - no twiddle, tabbed mode runs in full expand mode
 * - no title
 * - no stats
 */
.gsc-tabData .gsc-resultsHeader .gsc-title {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-stats {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
  display : none;
}



/* the results for each section
 * .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
 * .gsc-results : the collection of results for a given searcher
 * .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
 */
.gsc-resultsbox-visible {
  display : block;
}

.gsc-resultsbox-invisible {
  display : none;
}

.gsc-results {
  clear: both;
  padding-bottom: 2px;
}

.gsc-result {
  margin-bottom: 10px;
}

.gsc-result .gs-title {
  height: 1.4em;
  overflow: hidden;
  }

/* specialized, result type specific, fine grained controls */
.gsc-result div.gs-watermark {
  display: none;
}

/* Ads
 */
.gsc-results .gsc-result img.gs-ad-marker {
  display: none;
}

/* Standard configuration div/form */
div.gsc-config {
  border: 1px solid #e9e9e9;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top : 2px;
  padding-left : 6px;
  padding-right : 6px;
  padding-bottom : 6px;
}

form.gsc-config {
  margin-bottom : 0px;
}

.gsc-configSetting {
  margin-top : 6px;
  }

.gsc-configSetting_Label {
  color: #676767;
  }

.gsc-configSettingInput {
  color: #676767;
  border: 1px solid #e9e9e9;
  width: 75%;
  }

.gsc-configSettingCheckbox {
  color: #676767;
  margin-right: 6px;
  }

.gsc-configSettingCheckboxLabel {
  display : inline;
  color: #676767;
  }

div.gsc-configSettingSubmit {
  margin-top : 8px;
  text-align : right;
}

input.gsc-configSettingSubmit {
  display: inline;
  font-size: 11px;
  cursor: pointer;
}


/* Image Search
 */
.gsc-imageResult {
  float: left;
  margin-bottom: 1em;
  margin-right: 20px;
}

.gs-imageResult {
  width: 114px; /* default width + 1px border */
  overflow : hidden;
}

.gs-imageResult .gs-image-box {
  height: 86px; /* default height + 1px border */
  position : relative;
}

/* note, left edge is auto-set by search control */
.gs-imageResult .gs-image-box img.gs-image {
  position : absolute;
  bottom : 0px;
}

.gs-imageResult .gs-text-box {
  text-align: center;
  overflow : hidden;
  height: 4em;
}

.gs-imageResult .gs-snippet {
  overflow : hidden;
  line-height: 1em;
  cursor : pointer;
  white-space : nowrap;
}
.gs-imageResult .gs-visibleUrl {
  cursor : pointer;
}
.gs-imageResult .gs-size {
  color: #6f6f6f;
}

/* Video Search
 * - single line title
 */

.gsc-videoResult .gs-videoResult .gs-title {
  line-height: 1.3em;
  height: 1.3em;
  overflow: hidden;
  }

.gsc-videoResult .gs-videoResult .gs-snippet {
  line-height: 1.3em;
  max-height: 2.6em;
  overflow: hidden;
  }

/* trailing more link at the bottom of
 * a collection of results
 */
.gsc-imageResult .gsc-trailing-more-results {
  clear : both;
}

.gsc-results .gsc-trailing-more-results {
  margin-bottom : 10px;
}

.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
  color: #0000cc;
  text-decoration: underline;
}

/* trailing cursor section
 */
.gsc-imageResult .gsc-cursor-box {
  clear : both;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}



/*** End of Control, Begin Results ***/

/* generic, cross cutting result style
 * - in the form of .gs-result .gs-xxx where xxx is the generic style
 * .gs-title : typically the first line of a result, typically a link, image results over ride this, since for image results, the image is the link
 * .gs-divider : typically seperates results from ads
 * .gs-visibleUrl : typically the last line of a result, displayed in green. sometimes a link (like in blog search)
 * .gs-clusterUrl : for news, and other similar services, this is a cluster of additional results
 * img.gs-image : an actial image in a result
 * .gs-phone : a phone number
 * .gs-address : an address (includes street, city, region, country)
 * .gs-streetAddress : a street (including #)
 * .gs-city : a city
 * .gs-region : a region (zip code, area, etc.)
 * .gs-country : a country
 * .gs-snippet : snippetized content
 * .gs-watermark : indicator that user selected this result
 * .gs-metadata : generic metadata, e.g.,
 * .gs-image-box : generic container for a result's image (within a table)
 * .gs-text-box : generic container for a result's text content (within a table). Note that this class, and image-box are only used in video
 */
.gs-result .gs-title,
.gs-result .gs-title * {
  color: #0000cc;
  text-decoration: underline;
}

.gs-divider {
  padding-bottom: 8px;
  text-align: center;
  color: #676767;
}

.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #008000;
  text-decoration: none;
}

/* relative and absolute dates, note, news/books inlines these */
.gs-relativePublishedDate,
.gs-publishedDate {
  color: #6f6f6f;
  text-decoration: none;
}
.gs-result a.gs-clusterUrl,
.gs-result .gs-clusterUrl {
  color: #008000;
  text-decoration: underline;
  cursor: pointer;
}

.gs-newsResult .gs-publisher {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

/*
 * For news results there are two dates...
 * The relative date is visible while in the
 * search control and the published date
 * is visible when clipped. Why? It doesn't
 * make sense to say 4 hours ago for a clipped
 * result...
 */

/* establish the base style */
.gs-newsResult .gs-relativePublishedDate,
.gs-newsResult .gs-publishedDate {
  display : inline;
  margin-left : 4px;
}

/* base styling for relative date is none */
.gs-blogResult .gs-relativePublishedDate,
.gs-newsResult .gs-relativePublishedDate {
  display : none;
}

/* suppress publishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-publishedDate,
.gsc-newsResult .gs-newsResult .gs-publishedDate {
  display : none;
}

/* enable relativePublishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
  display : inline;
}

.gs-newsResult .gs-location {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

.gs-result img.gs-image {
  vertical-align : middle;
  border : 1px solid #0000cc;
}

.gs-result div.gs-phone {}

.gs-result .gs-directions,
.gs-result .gs-directions * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

.gs-secondary-link,
.gs-secondary-link * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

/* wrapper around user supplied to/from mode directions
 * normally this is disabled by default, and gs-directions is enabled
 * apps can easily switch this by setting display:block on the rule below,
 * and display:none on the rule above
 * e.g., add these two rules to switch local results into
 * alternate style driving directions
 * .gs-localResult .gs-directions-to-from { display : block; }
 * .gs-localResult .gs-directions { display : none; }
 */
.gs-result .gs-directions-to-from {
  display : none;
  margin-top : 4px;
}
.gs-result .gs-directions-to-from .gs-label {
  display : inline;
  margin-right : 4px;
}

.gs-result .gs-directions-to-from div.gs-secondary-link {
  display : inline;
}

.gs-result .gs-directions-to-from .gs-spacer {
  display : inline;
  margin-right : 3px;
  margin-left : 3px;
}

.gs-videoResult a.gs-publisher,
.gs-videoResult .gs-publisher {
  color: #008000;
  text-decoration: none;
}

.gs-result a {
  cursor: pointer;
}

.gs-result .gs-address {
}

.gs-result .gs-snippet {
}

.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
  padding : 5px;
  margin : 5px;
  border : 1px solid rgb(255,204,51);
  background-color : rgb(255,244,194);
}

.gs-result .gs-watermark{
  font-size: 10px;
  color: #7777cc;
}

div.gs-results-attribution {
  text-align : center;
  margin-bottom : 4px;
}

div.gs-results-attribution,
div.gs-results-attribution * {
  font-size : 10px;
  color : #676767;
  text-decoration : none;
}

div.gs-results-attribution a {
  color: #0000cc;
  cursor : pointer;
}

div.gs-results-attribution a:hover {
  text-decoration : underline;
}

.gs-result .gs-metadata{
  color: #676767;
}

/* searcher specific styling for
 * - web ad
 * - web
 * - local
 * - image (none)
 * - blog (none)
 * - video (none)
 */

/* webAd search specific over rides
 * .gs-ad-marker : disabled in control, but on in green to indicate clipped result is an ad
 */
.gs-localAd img.gs-ad-marker,
.gs-webAd img.gs-ad-marker {
  padding-left: 4px;
}

/* default is to not show long mode visible urls
 * apps should selectively enable this while disabling
 * div.gs-visibleUrl-short
 */
.gs-webResult div.gs-visibleUrl-long {
  width : 100%;
  overflow : hidden;
  display : none;
}

/* local search specific over rides
 * - city, region displayed inline
 * - country supressed
 * - small font size for info window's
 */

.gs-localAd div.gs-address * {
  color : #676767;
}

.gs-localAd div.gs-street {
  display: inline;
}

div.gs-city {
  display: inline;
}

div.gs-region {
  display: inline;
}

div.gs-country {
  display: none;
}

div.gs-infoWindow * {
  font-size: 11px;
  }

/* video search specific over rides
 * - align the table data
 * - default image width garuntee
 * - appropriate cell seperation
 */

/* todo(markl): workaround until gre in gmail fixes his styles */
.gs-videoResult * {
  font-size: 13px;
  }

/*
.gs-videoResult td .gs-image {
  vertical-align : middle;
}

.gs-videoResult td.gs-image-box {
  background-color : #000000;
}*/

.gs-videoResult td div.gs-image-box {
  width : 110px;
  height : 78px;
}

.gs-videoResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }


/* book search specific over rides
 * - default image width garuntee
 * - appropriate cell seperation
 */

div.gs-book-image-box td,
.gs-bookResult td {
  vertical-align : top;
}

div.gs-book-image-box,
div.gs-book-image-box div {
  position : static;
  text-align : start;
}

div.gs-book-image-box {
  width : 75px;
  height : 90px;
}

.gs-bookResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }

div.gs-book-image-box img {
  border-spacing : 0px 0px;
  border : none;
}

div.gs-book-image-box div.gs-row-1 {
  line-height : 7px;
}

div.gs-book-image-box img.gs-pages {
  height : 7px;
  width : 45px;
}

div.gs-book-image-box img.gs-page-edge {
  height : 7px;
  width : 11px;
}

div.gs-book-image-box div.gs-row-2 {
}

div.gs-book-image-box img.gs-image {
  height : 80px;
  border : 1px solid #a0a0a0;
}

.gs-bookResult .gs-author {
  display : inline;
  color: #6f6f6f;
}
.gs-bookResult .gs-publishedDate {
  display : inline;
}

.gs-bookResult .gs-pageCount {
  display : inline;
  color: #6f6f6f;
  margin-left : 4px;
}

.gs-bookResult .gs-id {}