/*  ========================================================================
                                    Uphook Styles
    ========================================================================
*/

body    
{
        background: #fff;
        padding: 0px;
        margin: 0px; 
	text-align:center; 
}

	body, p 
	{
		font-size: 11px;
		font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
		text-align: left; 
	}

a       
{
        color: #3B5998;
        text-decoration: none; 
}
	a:hover
	{
		color:#947D52;
	}

img     
{
        border: 0px; 
}

form    
{
        margin: 0px;
	padding: 0px; 
}

label   
{
        font-weight: bold;
        color: gray; 
}
	
#wrap 
{
	position:relative;
	width:735px;
	margin:auto auto;
	text-align:left;
	padding:0px;
	display: block;
}

#titlebar 
{
	width:737px;
	height:79px;
	background: url('images/bg_title.png') no-repeat;
}

	#titlebar #homelink
	{
		position:absolute;
		top:0;
		left:0;

	}
	
#divider 
{
	width:735px;
	height:18px;
	background: url('images/bg_divider.png') no-repeat;
}
	
#ads 
{
	--width:733px;
	width:738px;
	height:91px;
	background: url('images/bg_ads.png') no-repeat;
	padding-left:4px;
}


#footer 
{
	--width:735px;
	--height:18px;
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 1em 0 0 0;
	clear: both;
	font-size: 11px;
	text-align: left;
	color: black;
}
	#footer  a:hover
	{
		color:#947D52;
	}

.subhead
{
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 1em 0 0em 0;
	clear: both;
	font-size: 150%;
	text-align: left;
	color: #636984;
	font-family: arial, sans-serif;
	font-weight: bold;
}

	.subhead .description
	{
		color: #947D52;
	}

.horizontal
{
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 1em 0 0em 0;
	clear: both;
}
	

/* 	
	********************************************************
	Button Header Navigation 
	********************************************************
*/

#buttons
{
	position:relative;
	padding-left: 250px;
	padding-top: 20px;
	float: left;	
}

	#buttons li 
	{	
		width:39px;
		height:41px;	
		float: left;
		list-style: none;
		display: block;
	}
	
	#buttons li a 
	{
		list-style: none;
		display: block;
		text-decoration: none;
		text-align: center;
		height: 15px;
		line-height: 15px;
		padding-top: 42px;
		color: #EBEBE4;
	}

/* SEARCH */
#tb_search
{
	position:relative;
	left: 0px;
}

#tb_post
{            
	position:relative;
	left: 50px;
}

#tb_info
{
	position:relative;
	left: 100px;
}

/* SEARCH */

	#buttons #tb_search
	{
		background: url('images/tsearch.gif') no-repeat;
	}

	
	#buttons #tb_search #sh a:hover
	{
		/*background: url('images/tsearch_h.png') no-repeat;*/
		background: url('images/tsearch_h.gif') no-repeat;
		border-bottom: 1px solid white;
		color:white;
	}
/* POST */

	#buttons #tb_post
	{
		/*background: url('images/tpost.png') no-repeat;*/
		background: url('images/tpost.gif') no-repeat;
	}
	
	#buttons #tb_post #ph a:hover
	{
		/*background: url('images/tpost_h.png') no-repeat;*/
		background: url('images/tpost_h.gif') no-repeat;
		border-bottom: 1px solid white;
		color:white;
	}
/* INFO */
	#buttons #tb_info
	{
		/*background: url('images/tinfo.png') no-repeat;*/
		background: url('images/tinfo.gif') no-repeat;
	}
	
	#buttons #tb_info #ih a:hover
	{
		/*background: url('images/tinfo_h.png') no-repeat;*/
		background: url('images/tinfo_h.gif') no-repeat;
		border-bottom: 1px solid white;
		color:white;
	}

/* 	
	********************************************************
	Index Buttons
	********************************************************
*/
#i_buttons
	{
		height:110px;
		width:375px;
	}

#i_buttons #i_search
	{
		background: url('images/i_search.gif') no-repeat;
		width:95px;
		height:95px;		
		float: left;
		margin:0 15px 0 15px;
	}
	
	#i_buttons #i_search a
	{
		list-style: none;
		display: block;
		text-decoration: none;
		text-align: center;
		--height: 15px;
		line-height: 30px;
		padding-top: 95px;
		
	}
	
#i_buttons #i_post
	{
		background: url('images/i_post.gif') no-repeat;
		width:95px;
		height:95px;	
		float: left;
		margin:0 15px 0 15px;
	}
	
	#i_buttons #i_post a
	{             
		list-style: none;
		display: block;
		text-decoration: none;
		text-align: center;
		--height: 15px;
		line-height: 30px;
		padding-top: 95px;
		
		
	}
	
#i_buttons #i_info
	{
		background: url('images/i_info.gif') no-repeat;
		width:95px;
		height:95px;	
		float: left;
		margin:0 15px 0 15px;
	}

	#i_buttons #i_info a
	{
		list-style: none;
		display: block;
		text-decoration: none;
		text-align: center;
		--height: 15px;
		line-height: 30px;
		padding-top: 95px;
		
	}

	
	
/* 	
	********************************************************
	Input Form Fields
	********************************************************
*/

#index_wrap
{
	position:relative;
	width:95%;
	margin:auto auto;
	text-align:left;
	padding:0px;
	display: block;
	background: url("images/orange.gif") repeat-x;
	background-color: #FFFAD7;
}

	#index_wrap .input_main
	{
		padding: 10px 10px 10px 10px;
		display:block;
		font-size: 110%;
		--color: #3B5998;
		color: #636984;
	}

#form_wrap
{
	position:relative;
	width:95%;
	margin:auto auto;
	text-align:left;
	padding:0px;
	display: block;
	background-color: #C5C7CF;
}

/* DEPRECIATED
	#form_wrap a
	{
		--oldbackground-color: #C5C7CF;
		--newbackground-color: #E3E6EB;
		background-color: #C5C7CF;
		cursor: default;
		display:block;
		--oldborder-color: #4A515A;
		--newborder-color: #C6CFE7;
		--border-top: 1px solid #4A515A;
		border-top: 1px solid #F6F7EF;
		
		--border-style: solid none none none;
	}

	#form_wrap a:hover
	{
		--oldbackground-color: #D4D4DA;
		--newbackground-color: #F2F3F6;
		background-color: #D4D4DA;
		cursor: default;
		display:block;
	}
*/	

	#form_wrap li
	{
		--oldbackground-color: #C5C7CF;
		--newbackground-color: #E3E6EB;
		background-color: #C5C7CF;
		cursor: default;
		display:block;
		--oldborder-color: #4A515A;
		--newborder-color: #C6CFE7;
		--border-top: 1px solid #4A515A;
		border-top: 1px solid #F6F7EF;
		--border-style: solid none none none;
		list-style:none;
		list-style-position: outside;
	}
	
	#form_wrap li:hover
	{
		--oldbackground-color: #D4D4DA;
		--newbackground-color: #F2F3F6;
		background-color: #D4D4DA;
		cursor: default;
		display:block;
	}
	
	/********ROUNDED CORNERS********/
	
	.roundtopl 
	{ 
		background: url('images/tl.gif') no-repeat; 
		height: 4px;
		display:block;
		border: none;
	}
	
	.roundtopr 
	{ 

		background: url('images/tr.gif') no-repeat top right; 
		--height: 4px;
		display:block;
		border: none;
	}
	
	.roundbottoml 
	{ 
		background: url('images/bl.gif') no-repeat; 
		--height: 4px;
		display:block;
		border: none;
		background-position: bottom left;
	}
	
	.roundbottomr 
	{ 

		background: url('images/br.gif') no-repeat; 
		--height: 4px;
		display:block;
		border: none;
		background-position: bottom right;
	}
	
	

	#form_wrap .input_top
	{
		padding: 10px 10px 10px 10px;
		display:block;
		font-size: 110%;
		--color: #3B5998;
		color: #636984;
		border-style: none none none none;
	}


		#form_wrap .input_top .element
		{
			padding: 0px 0px 0px 175px;
			display:block;
			color: #4A515A;
			font-size: 11pt;
			font-family: courier, "lucida grande", tahoma, verdana, arial, sans-serif;
			border-style: none none none none;
		}

			#form_wrap .input_top .element .note
			{
				color: #5F5F5F;
				font-size: 75%;
				border-style: none none none none;
				
			}

	/********ROUNDED CORNERS********/
			
	#form_wrap .input_main
	{
		padding: 10px 10px 10px 10px;
		display:block;
		font-size: 110%;
		--color: #3B5998;
		color: #636984;
	}


		#form_wrap .input_main .element
		{
			padding: 0px 0px 0px 175px;
			display:block;
			color: #4A515A;
			font-size: 11pt;
			font-family: courier, "lucida grande", tahoma, verdana, arial, sans-serif;
		}

			#form_wrap .input_main .element .note
			{
				color: #5F5F5F;
				font-size: 75%;
				
			}

/* 	
	********************************************************
	Feature Box	
	a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
	a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
	.morelink span {position:absolute;left:-9999px;width:900px}
	********************************************************
*/

 	.featurebox {color:#333;padding: 15px 20px 10px;border-top: 1px solid #d7d7d7;margin: 0 0 .8em;background: #EFEFEF url("images/bg_featurebox3.png") no-repeat 100% 100%}
 	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
 	.featurebox p {border:none;margin: 0 0 0;color:#444}
 	.featurebox a {font-weight:bold}

	.featurebox:after { content: ""; display: block; height: 0; clear: both; } /* spacer div hack css2 compliant */
	.featurebox { height: 100%; } /* I.E. compatibility spacer div hack css2 compliant */
		
	

	
	.thumbnail {margin: 0 15px 0 0;position:relative;z-index:9999;border: 1px solid #C6C7CE;float:left;width:97px;padding:5px;background:#EFEFEF; }
	.thumbnail img {border: 1px solid #C6C7CE;}
	
	.fullsize
	{
		position:relative;z-index:9999;border: 1px solid #C6C7CE;padding:5px;background:#EFEFEF; 	
	}

	a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
	a.morelink:hover {color:#CC0000}
	
	

	
/* 	
	********************************************************
	Form Button Styles

	********************************************************
*/
	
	
	.form_button input
	{
		border: 1px solid #636984;
		color: white;
		background-color:#636984;
	}

	
/* 	
	********************************************************
	Lightbox
	********************************************************
*/
	
#lightbox
{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails
{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay
{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}


/* 	
	********************************************************
	Misc
	********************************************************
*/

.status
{
	width:100%;
	background-color:#EF9BB6;	
}
.warning
{
	width:100%;
	background-color:#FFEF73;	
}
.question
{
	 font-weight: bold;
	 color:#636984;
}
.answer
{
	padding: 5px 0px 20px 15px;
}

	
	/*
table   {
        border-collapse: collapse; }        

td.label, td {
        text-align: left; }
	
	 padding: 8px 0px 0px;
        margin: 0px auto;
        width: 760px;
*/
/* Standard Page Styles */