ren/* Selco2000
 * Style Sheet for THAG - Members Area
 * 10/03/2008
 */

 
/* This network.css is the primary CSS document in the tiered system and is used to define layout and the majority of aesthetic styling information. */
/* This document should be the first attached style sheet in the cascade for all pages */
			
/* Created by Fabrizio Bolzicco <fabrizio@evectors.it> September 21, 2006 */
/* Modified by fabrizio@evectors.it March 01, 2006 */
/* Modified for cleanup by marcs@broadbandmechanics.com at the PA sandbox */

/*  Code needed to support transparent img items in IE6 — May not be used right now, marcs@broadbandmechanics.com April 11, 2007 */
/* img { behavior: url("pngbehavior.htc"); } */


/*  ------ Start layout information ----- */


/* Network hat layout */
.date,
.description {
	margin: 0 0 18px 0;
	text-align: center; }


.ext_service .buttonbar {
	clear: both;
	margin-left: -4px; }

/*
#box_login {
	width: 560px;
	margin: 0 0 30px 50px;
	border-bottom: 1px solid #989898;
	border-right: 1px solid #989898;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-color:#382e1c; }*/

#box_login .box_left {
	float: left;
	width: 540px;
	height: 300px; /*156px;*/
	background-color: #ebebeb;
	margin: 10px 0 0 0; 
	position:absolute;
	}

	#box_login .box_logo {
	float: left;
	width: 200px;
	height: 173px; /*156px;*/
	background-color: #ebebeb;
	margin: 0px 0 0 10px; 
	position:relative;
	text-align:center;
	}
		#box_login .box_logo img {
		
border:none;
	}
	
#box_login .box_right {
	float: right;
	width: 270px; 
	font-size:small;

	
	}
.box_left ul {
	margin: 0;
	padding: 0; }

.box_left ul li { list-style: none; }

.box_left ul li img { margin: 2px 10px -8px 5px;
 }

.box_left ul li span {
	margin: -22px 0 0 50px;
	float: left; }
/*	
.box_left ul li p {
	list-style: none;
	padding: 6px;
	float: left; 
	color: #3f413f;
	font-size: 0.86em;
	text-align:left;

	}*/
	
#box_contactus {
	width: 400px;
	margin: 0 0 30px 50px;
	text-align:center;
	/*border-bottom: 1px solid #989898;
	border-right: 1px solid #989898;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;*/
		
	}

#box_contactus .box_contactus {
	float: left;
	width: 380px;
	background-color: #FFF; }
		
html[xmlns*=""] body:last-child .box_left ul li span { 
	position: absolute;
	margin: 18px 0 0 0; }

.box_left ul li a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
	display: block;
	height: 50px;
	width: 200px;
	border-right: 1px solid #9A9A9A;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #9A9A9A;
	filter: alpha(opacity=50);
	opacity: 0.50; }

.box_left ul li.first a { border-top: 1px solid #fff; }

.box_left ul li.last a { border-bottom: 1px solid #fff; }

.box_left ul li a.active {
	text-decoration: none;
	filter: alpha(opacity=100);
	opacity: 1;
	border-right: 1px solid #fff;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #9A9A9A; }
	
.box_left ul li.first a.active { border-top: 1px solid #fff; }

.box_left ul li.last a.active { border-bottom: 1px solid #fff; }

#box_login {
	width: 580px;
	height:340; /*192px;*/
	margin: 0 0 30px 10px;
	border-bottom: 1px solid #989898;
	border-right: 1px solid #989898;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-color:#ebebeb; /* #454545; */
	
	}
	
#box_login .box_right {
	float: right;
	width: 330px; 
	/*background-image: url(../images/THAG_FORM_light_gray_bevel.png);
	background-repeat: repeat-x;*/
	 }
	

	 
#box_login .boxuserpass {
padding:6px 0 6px 8px;
	width: 308px;
	margin: 0px 0px 0 14px;
/*color:#b4a28f;*/
color:#454545;
background-color:#ebebeb;
 }

#box_login .boxuserpass p {
		margin: 10px 0px 10px 0px;
	width: 290px;
	padding: 3px 5px 3px 5px;
		background-image: url(../images/THAG_light_gray_bevel.jpg);
	background-repeat: repeat-x;
	color:#717062;
	 }

#box_login .boxuserpass a {
color:#ECE9D8;
 }
	
/*Modify becouse we wanted a Hand shape class for the Button */
/* This works on firefox and IE7 but not in IE6 */
form input[type="submit"]{ cursor: pointer; }  

/*This line is added becouse we want a handshap on Add More button in the group invitation*/
#addmore_button img {
 cursor: pointer; 
}
/* We make a class for handshape cursor in the Submit buttons for IE6*/ 
.hand {
  cursor: pointer;
}



/*SB images Temporary fix */

.sb-audio img,
.hreview img {
	margin-left: 0px;
	border-color: #999;
	border-width: 1;
	border-style: solid; }

/* Shortcut menu icons */

#shortcut_post, #shortcut_widgets, #shortcut_messages, #shortcut_edit, #shortcut_external, #shortcut_configure {
	background-repeat: no-repeat;
	background-position: 12px center;}

#shortcut_post { background-image:url(images/shrtcut_post.gif); }

#shortcut_widgets { background-image:url(images/shrtcut_widgets.gif); }

#shortcut_messages { background-image:url(images/shrtcut_messages.gif); }

#shortcut_edit { background-image:url(images/shrtcut_edit.gif); }

#shortcut_configure { background-image:url(images/shrtcut_config.gif); }

#shortcut_external { background-image:url(images/shrtcut_external.gif); }

.col_end { clear: both; }

/* custom styles */


#col_b, #col_d { background-color: #ffffff; }


	
.blog_rss {
	margin: 10px 0 0 0;
	background-color: #ededed;
	border-bottom: 1px solid #d2d2d2; }
	
.total_content form fieldset h2 {
	margin: 0 0 10px 0;
	padding: 3px;
	border-bottom: 1px solid red; }
	
.total_content form fieldset .buttonbar {
	margin: -10px 0 5px 230px;
	height: 27px; }
	
.total_content form fieldset .blog_rss .buttonbar {
	margin: 0 0 5px 250px;
	height: 25px; }
	
#second_tier_filters {
	border-bottom: 1px solid #999;
	margin: -5px 0 0 0;
	height: 20px;
	padding: 0;
	width: 973px; }

#second_tier_filters ul {
	margin: 0 0 0 15px;
	padding: 0; }

*html #second_tier_filters ul { margin: 0 0 0 15px; }

#second_tier_filters ul li { display: inline; }

#second_tier_filters ul li.active a { font-weight: bold; }

.total_content form fieldset table { margin: -10px 0 0 0; }
	
.total_content form fieldset table th {
	text-align: center;
	border-bottom: 1px solid #d2d2d2;
	padding: 3px 0 5px 3px;
	background-color: #ededed; }

.total_content form fieldset table th.title_left { text-align: left; }

.total_content form fieldset table td {
	padding: 5px 0 5px 0;
	text-align: center; }

.total_content form fieldset table td.title_left {
	padding: 5px 0 5px 8px;
	text-align: left; }
	
/* new video css */

.description_post {
	width: 530px;
	margin: 0 15px 0 0;
	float: left; }
	
.description {
	font-size: 0.86em;
	text-align: left;
	margin: 0 15px 14px 50px;
	 }
	
	
.metadata_post {
	width: 250px;
	margin: 0;
	float: left; }
	
.description_post table {
	border: 1px solid #c9c9c9;
	width: 100%;
	margin: 0 0 15px 0;}
	
.metadata_post table {
	border: 1px solid #c9c9c9;
	width: 100%;
	margin: 0 0 10px 0;}
	
.description_post table.radio_table {
	border: none;
	margin: 0;}
	
.description_post th {
	text-align: right;
	vertical-align: top;
	width: 120px; }
	
.description_post input {
	border: 1px solid #cdcdcd;
	font-size: 12px;
	width: 390px; }
	
.description_post textarea {
	border: 1px solid #cdcdcd;
	font-size: 12px;
	width: 388px;
	height: 150px; }
		
.description_post .checkbox_botton { width: 12px; }