/* -------------------------------------
	New Homepage Styles - Added 01/09/09 
---------------------------------------*/

.home_welcome {
	text-align:left;
	color:#000;
	font-size: var(--font-xl);
	padding: 10px 0 0 0;
}

.home_status {
	text-align:left;
	color:#999;
	font-size:14px;
	padding: 0 0 10px 0;
}

.home_box {
	border: 1px solid #ccc;
	height:246px;
	/*margin: 0 10px 10px 0; */
	position:relative;
        margin-bottom:10px;
}

.home_box H2 {
	font-size:14px;
	font-weight: 400;
	background:#f0f0f0;
	height:36px;
	line-height:36px;
	margin:0;
	padding: 0 10px; 
}

.home_box_request {
	border: 1px solid #ccc;
	margin: 0 10px 10px 0; 
	position:relative;
}

.home_box_request H2 {
	font-size:14px;
	font-weight: 400;
	background:#f0f0f0;
	height:36px;
	line-height:36px;
	margin:0;
	padding: 0 10px; 
}
.home_box_lower {
	padding-top:20px;
	text-align:center;
        margin-bottom: 7px
}

.home_link {
	font-size:0.85rem;
	font-weight: 400;
	height:36px;
	line-height:36px;
	float:right;
	margin-right:10px;
}

a.home_more {
	font-size:0.85rem;
	font-weight: 400;
	height:20px;
	line-height:20px;
	position:absolute;
	padding: 0 15px 0 30px;
	color:#000000;
	display:block;
	bottom:27px;
	right:0;
	 
}


.home_inner_profile {
	width: 100%;
}
.home_inner_profile td {
	width: 33%;
	text-align:center;
}
.home_inner_profile div a {
	font-size:10px;
	line-height: 12px;
	color: #666666;
	text-decoration: none;
}
.home_inner_profile div a:hover {
	color: #000000;
}
.home_inner_profile div a img {
	/*padding: 5px 10px 10px 5px;
	margin: 0 auto;
	background:url(images/bg_profile.gif) no-repeat bottom right;*/
	display:block;
	
}

.home_row {
	padding: 7px 15px 7px 0;
	border-bottom: 1px solid #eeeeee;
	white-space:nowrap;
}

.home_row img{
	padding-right: 5px;
}

.home_profile_img img{
	padding: 5px 10px 10px 5px;
	 
	 
	/*width:70px;
	height:90px;*/
}

.home_profile_desc {
	font-size:11px;
	padding:0 10px;
	line-height:1.3;
}

/* -----------------------------------
	  Program area styles  
------------------------------------- */

.gallery {
	width: 120px;
	height: 135px;
	text-align:center;
	overflow:hidden;
	border:1px solid #eeeeee;
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
	padding: 10px;
	line-height:1.3;
	font-size:11px;
}
#mailnav {
	padding: 5px 3px 2px 3px;
	margin-left: 0;
	border-bottom: 1px solid #ebfe9d;
	font-weight: 700;
	font-size: var(--font-md);
}
#mailnav li {
	list-style: none;
	margin: 0;
	display: inline;
}
#mailnav li a {
	color: #000000;
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #ebfe9d;
	border-bottom: none;
	background: #ebfe9d;
	text-decoration: none;
	font-weight: 700;
}
#mailnav li a:hover {
	color: #ffffff;
	background: #b7e006;
	border-color: #b7e006;
	text-decoration: none;
}
#mailnav li a#current {
	color: #000000;
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
}
.tdhead { /*   header row for subtables  */
	color: var(--primary-text-color);
	font-weight: 400;
	font-size: var(--font-lg);
	padding-bottom: 10px;
	margin-bottom: 5px;
	 
}
.tdfoot  /*   footer row for subtables  */ {
	    margin-top: 10px;
            text-align: left;
            float: left;

}
.tdtoprow/*   top row for mail and hotlist tables */ {

	color: var(--primary-text-color);
	line-height: 25px;
        padding: 8px;
}
tr.tdodd td, .tdodd/*  odd row for subtables   */ {
	/*border-bottom : 1px solid #eeeeee;*/
	background-color: var(--primary-background-color);
        padding-bottom: 8px;
        padding-top: 8px;
        padding-left:8px;
}
/*new addition*/
tr.tdeven td, .tdeven {
      padding-left:8px;
}
.tdtoprow td{
    padding: 8px;
}
/*tr.tdeven td, .tdeven  {
	border-bottom : 1px solid #eeeeee;
}*/
.td1  /*   row 1 for search and profile pages */ {
}
.td2 /*  row 2 for search and profile pages */ {
}
.td3  /*   row 3 for search and profile pages  */ {
}
.rettext  /*   information blocks for subtables  */ {
	font-weight: 700;
	color: #666666;
	padding-right: 7px;
        float:left;
         padding-top:10px;
}
.retimage  /*   information blocks for subtables  */ {
	border-bottom : 1px solid #eeeeee;
	border-left : 1px solid #eeeeee;
	border-right : 1px solid #eeeeee;
}
.tdcontent  /*   information blocks for subtables  */ {
	padding: 20px 15px 15px 15px;
	width: 420px;
	border-bottom : 1px solid #eeeeee;
	 
}
.tdmail  /*   unread mail row colour  */ {
	background-color: #eeeeee;
}
/*   search results  */
.search_result {
	 
	margin: 10px 0px;
	float:left;
	height: 227px;
	overflow:hidden;
        
        border-radius: 5px;
        padding:4px;
}
.vid_search_result {
	width: 48%;
	margin: 0 5px 10px 5px;
	float:left;
	/*height: 200px;*/
	overflow:hidden;
}
.resulthead {
	font-size: var(--font-lg);
	 
        text-transform: capitalize;
        


}
.resulthead a  /*   header row for search results  */ {
	text-decoration: none;
}
.resultbody  /*   body row for search results  */ {
	padding: 4px 10px 10px 10px;text-align: center;
        
	
}
.resultbody a:hover {
    text-decoration: none;
}
.vid_resultbody  /*   body row for search results  */ {
	padding: 10px;
	background-color: var(--primary-background-color);
	border-bottom : 1px solid #dddddd;
	height: 175px;
	overflow:hidden;
        margin-bottom: 16px;
}
.vidshow_resultbody  /*   body row for search results  */ {
	padding: 10px 10px 10px 0px;
	background-color: #ffffff;
	 
	border-bottom : 1px solid #dddddd;
	margin-bottom:15px;
}
 
a.imageframe img   /* image frame for search results  */ {
	padding: 5px 10px 10px 5px;
	 
	background:url(images/bg_profile.gif) no-repeat bottom right;
}
a.searchimageframe img   /* image frame for search results  */ {
	margin-bottom:9px;
	 
}
.imageframe{
     text-align: center;float: left;padding: 5px 0px 5px 5px;
}

.resultaddress { /*  age and location search result */
	font-weight: 400;
	font-size: var(--font-sm);
	font-style: italic;
	color:#000000;
}
.resultcomment { /*  age and location search result */
	font-weight: 400;
	font-size: var(--font-sm);
	line-height: 1.5;
	padding-top:10px;
}
.resultbuttons { /*  age and location search result */
	text-align:right;
}
.resulttitle {
	color:#333333;
	font-weight:700;
}
.online { /*  "online" text for search result */
	font-weight: 700;
	color: #00cc00;
	font-size: var(--font-xs);
	font-style: italic;
	line-height:1.3;
}
.offline { /*  "offline" text for search result */
	font-weight: 700;
	color: #666666;
	font-size: var(--font-xs);
	font-style: italic;
	line-height:1.3;
}
.premium { /*   member status  text for search result */
	font-weight: 700;
	color: #ff3300;
	font-size: var(--font-xs);
	font-style: italic;
	line-height:1.3;
}
.standard { /*  member status text for search result */
	font-weight: 700;
	color: #666666;
	font-size: var(--font-xs);
	font-style: italic;
	line-height:1.3;
}
a.switch  /*   search form + -   */ {
	font-size: var(--font-md);
	text-decoration: none;
}
a:hover.switch /*   search form + -   */ {
	font-size: var(--font-md);
	text-decoration: none;
}
tr.noborder td /*  pop checks removes border inherited from tdodd   */ {
	border: none;
}
.poptable {  /*  background colour for tables in popups   */
	background-color :  #ffffff;
}
.pageheader { /*  Page Titles */
	font-size: 1.6rem;
	color: var(--primary-text-color);
	font-weight: 400;
	padding-bottom: 10px;
        text-transform: uppercase;
}
.blogdate { /*  date for blogs  */
	font-weight: 700;
	font-size: var(--font-xs);
	font-style: italic;
}

.input { /* general input field secific formatting  */
	width: 120px;
        
}
.inputs {  /*  small input field secific formatting  */
	width: 95px;
}
.inputl { /*  large input field secific formatting  */
	width: 250px;
}

.forumlinkshd { /*  forum links */
	font-weight: 700;
}
form {
	padding: 0px;
	margin: 0px;
}
/* GROUPS STYLES */
div.group_post_subject {
	margin: 0.5em 0;
	font-weight: bold;
}
.group_post_images {
	margin:1em 0 0.5em 0;
}
.group_post_image {
	margin: 0.5em;
	border: 1px dotted #000;
	float: left;
}
.mygroups_approve {
	background-color:#eeffee;
}
.mygroups_reject {
	background-color:#ffeeee;
}


/**** month and year header at top of calendar ****/

.date_header			{ font-size:0.85rem;  font-weight:600; }

/**** color and size of calendar cells.  ****/

.day_cell				{ background-color:#FFFFFF; height:80; width: 90; }

.empty_day_cell			{ background-color:#EEEEEE; height:80; width: 90; }

.today_cell				{ background-color:#F5F4ED; height:80; width: 90; }

/**** day number in upper left corner of each cell ****/

.day_number				{ font-size:10px;  color:#000000 }

/**** title_txt is the text for each post on main page ****/

.title_txt				{ font-size:10px;  color:#000000 }

.title_txt A:link		{ color:#000000; text-decoration:underline }

.title_txt A:active		{ color:#000000; text-decoration:underline }

.title_txt A:visited	{ color:#000000; text-decoration:underline }

.title_txt A:hover		{ color:#000000; text-decoration:underline }

/**** column headers or days of the week ****/


/**** footprint text ****/

.footprint				{ font-size:10px; color:#000000; font-weight:600; }

.footprint A			{ font-size:10px; color:#00000F; font-weight:600; }

.join_head {
	color: var(--primary-text-color);
	font-size: var(--font-lg);
}


.resultstatus{
    float:right;
}
.resultimage {
    height:153px;
}
 
.inputtxt {
     
    font-size: var(--font-md);
    border: 1px solid #ecf4f4 ;
    background-color: var(--secondary-background-color) !important;
    height: 43px !important;
    padding: 0 0 5px 14px;
    width: 100%;
}

.inputselect {

	background-position-x: right;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: var(--font-md);
	border: 1px solid #ecf4f4;
	background-color: var(--secondary-background-color) !important;
	height: 43px !important;
	background-origin: content-box;
	width: 100%;
	padding: 0 7px 5px 14px;
}

.inputtxt .inputselect .inputselect30:focus, .inputtxt .inputselect .inputselect30:hover{ 
background-color: var(--secondary-background-color) !important;
}



.inputselect30{

	background-position-x: right;
	background: url('/images/downtriangle.png') no-repeat right #f7fdfd;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0px 7px 5px 14px;
	font-size: var(--font-md);
	border: 1px solid #ecf4f4;
        background-color: var(--secondary-background-color) !important;
	height: 43px !important;
        background-origin: content-box;
        width: 31%;
        

}
.inputselect50{

	background-position-x: right;
	background: url('/images/downtriangle.png') no-repeat right #f7fdfd;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0px 7px 5px 14px;
	font-size: var(--font-md);
	border: 1px solid #ecf4f4;
        background-color: var(--secondary-background-color) !important;
	height: 43px !important;
        background-origin: content-box;
        width: 46%;
        

}