﻿@charset "UTF-8";
/* $Id: styles.css 65 2009-02-20 03:03:23Z john $ */













/* ######### CSS for Shade Tabs. Remove if not using ######### */



.hr { background-image: url(../images/hr.gif); background-repeat:no-repeat; height:1px; line-height:1px; width:245px; position:absolute;}



.shadetabs{

padding:3px 0 ;

margin-left:0px;

padding-left:10px;

padding-top:10px;

margin-top:0px;

margin-bottom: 0;

font: normal 11px arial;

list-style-type:none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

background:#f6f6f6;

color:#ffffff;

background-image:url(../images/recenttop.gif);

}



.shadetabs li{

display: inline;

margin: 0;

color:#ffffff;

}



.shadetabs li a{

text-decoration: none;

position: relative;

z-index:1;

padding:3px 3px 3px 3px;

margin-right:2px;

border:0px solid #d7d7d7;

color:#3d86bf;

}



.shadetabs li a:visited{

}



.shadetabs li a:hover{

text-decoration: underline;

}



.shadetabs li a.selected{ /*selected main tab style */

position: relative;

color:#000;

background-image:url(../images/tabback.gif);

background:none;

}



.shadetabs li a.selected{ /*selected main tab style */

border-bottom:0px;

}



.shadetabs li a.selected:hover{ /*selected main tab style */

text-decoration: none;

}























.shadetabs2{

padding:0px 0 ;

margin-left:0px;

padding-left:10px;

padding-top:15px;

margin-top:0px;

margin-bottom: 0;

font: 600 13px arial;

list-style-type:none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

color:#ffffff;

background-image:url(../images/blackboxtop.gif);

background-repeat:no-repeat;

height:39px;

}



.shadetabs2 li{

display: inline;

margin: 0;

color:#ffffff;

}



.shadetabs2 li a{

text-decoration: none;

position: relative;

z-index:1;

padding:3px 3px 3px 3px;

margin-right:15px;

border:0px solid #d7d7d7;

color:#bbbbbb;

}



.shadetabs2 li a:visited{

}



.shadetabs2 li a:hover{

text-decoration: underline;

}



.shadetabs2 li a.selected{ /*selected main tab style */

position: relative;

color:#ffffff;

background-image:url(../images/tabback.gif);

background:none;

}



.shadetabs2 li a.selected{ /*selected main tab style */

border-bottom:0px;

}



.shadetabs2 li a.selected:hover{ /*selected main tab style */

text-decoration: none;

}





div.black_header {

	font-size:25px;

	font-family:arial;

	color:#ffffff;

	margin-bottom:5px;

}









div.foot {

	width:850px; 

	padding-top:10px;

}



div.foot_part {

	float:left; 

	width:200px; 

	text-align:left;

}



div.foot_header {

	border-bottom:1px solid #d3dee5; 

	font-size:13px; 

	font-family:arial; 

	font-weight:500;

	margin-bottom:5px;

}





/* SE_STYLE_ONE */

div.top_bar {

	background:#93b6d5; 

	width:100%; 

	margin-bottom:0px; 

	border-bottom:0px solid #dddddd;

}



div.clear {

	clear: both;

	height: 0px;

	line-height: 0px;

	font-size: 0px;

}



/* Login Panel */

#top {

  	background: url(../images/login_top.gif) repeat-x 0 0;

	height:35px;

	position:relative;

}



#top a {

	color:#fff;

	font-family:arial;

}



#top ul.login {

	display: block;

	position: relative;

  	float: right;

  	clear: right;

  	height:35px;

	width: auto;

	font-size:12px;

  	font-weight: bold;

	line-height:35px;

	color:#fff;

	margin:0;

	right:128px;

	text-align: center;

  	background: url(../images/login_r.gif) no-repeat right 0;

	padding-right:25px;

}



#top ul.login li.left {

  	background: url(../images/login_l.gif) no-repeat left 0;

  	height:35px;

	width:25px;

	padding: 0;

	margin: 0;

  	display: block;

	float: left;

}



#top ul.login li {

 	text-align: left;

	display: block;

	float: left;

  	background: url(../images/login_m.gif) repeat-x 0 0;

}



/* GLOBAL STYLES */



html { 

	min-height: 100%;

	margin-bottom: 1px; 

}

body {

	background: #dbe1e7;

	position: relative;

	text-align: center;

	font-size: 8pt;

	margin: 0px; 

}



table.body {

	width: 100%;

}



p {

	margin: 0px;

	padding: 0px;

}



div, td {

	font-family: tahoma, "Trebuchet MS", arial, serif;

	font-size: 8pt;

	color: #555555;

	line-height: 140%;

}



td.top_menu {

	background-image: url(../images/topbar_bg.gif); 

	background-repeat:no-repeat; 

	border-bottom: 1px solid #c4a355;

	background-color:#f9d686;

	padding-left:3px;

	padding:3px 0px 0px 15px;

}



td.top_menu2 {

	text-align:right; 

	border-bottom: 1px solid #c4a355; 

	background-color:#f7f7f7;

	background-image: url(../images/topbar_bg2.gif); 

	background-repeat:no-repeat;

	width:189px;

	padding-right:5px;

}



div.top_menu_link_container, div.top_menu_link_container_end {

	float: right;

	height: 31px;

	border-left: 0px solid #CCCCCC;

}



div.top_menu_link_container_end {

	border-left: 0px solid #CCCCCC;

}



div.top_menu_link {

	font-weight: bold;

	font-size: 11px;

	font-family:tahoma;

	padding-top: 5px;

	padding: 1px 10px;

	margin-top:5px;

}



div.top_menu_link_loggedin {

	height: 25px;

	text-align: right;

	font-weight: bold;

	font-size: 10pt;

	padding-top: 5px;

	padding: 6px 0px 0px 10px;

}



div.menu {

	width: 150px; 

	border: 1px solid #CCCCCC; 

	border-left: 3px solid #7391a8;

	background: #EEEEEE; 

	padding: 0px 0px 10px 10px;

	margin-right: 10px;

}



div.menu_header {

	margin-top: 10px;

	margin-bottom: 7px;

}



td.menu_user {

	background-color: #f6f6f6;

	padding: 5px 10px 5px 10px; 

	border-bottom: 1px solid #CCCCCC; 

	text-align: left;

	background-image:url('BlueTemplate/images/mainbk.png');

	background-repeat:repeat-x;

	 

}



div.menu_item {

	float: left;

	padding-right: 10px;

	font-weight: bold;

	background: none;

}



div.menu_sep {

	padding: 2px 0px 0px 10px;

	float: left;

	background: none;

}



img.menu_icon {

	display: block;

	float: left; 

	margin-right: 4px;

}



img.menu_icon2 {

	margin-bottom: -3px;

	margin-right: 4px;

}



div.menu_arrow {

	padding: 2px;

	float: left;

}



div.menu_item_dropdown a {

	padding: 3px 40px 5px 7px;

	font-weight: normal;

	border-left: 3px solid #EEEEEE;

	display: block;

	background: #f6f6f6;

}



div.menu_item_dropdown a:hover {

	padding: 3px 40px 5px 7px; 

	font-weight: normal;

	background: #e6e6e6;

	border-left: 3px solid #AAAAAA;

	text-decoration: none;

	display: block;

}



div.menu_dropdown {

	border: 1px solid #CCCCCC; 

	border-top: none; 

	background: #FFFFFF; 

	position: absolute; 

	margin-top: 6px;

	margin-left: -20px;

	z-index: 99;

	width: auto; 

	white-space: nowrap; 

}



td.topbar1 {

	padding-bottom: 5px;

}



td.topbar2, td.topbar2_right {

	background-image: url(../images/menu_bg.gif); 

	background-repeat: repeat-x; 

	font-weight: bold; 

	font-size: 11pt; 

	padding: 10px 10px 8px 15px; 

	color: #FFFFFF;

	border-bottom: 1px solid #31537D;

}



td.topbar2_right {

	font-weight: normal;

	padding: 10px 15px 8px 10px; 

	text-align: right;

}



td.content {

	vertical-align: top;

	text-align: left;

	background: #FFFFFF;

}



div.content {

	width: 785px; 

	padding: 5px; 

	text-align: right; 

	margin-left: auto; 

	margin-right: auto;

	

	direction:rtl;

	min-height:500px;

}



div.copyright {

	 

	padding: 5px 15px 5px 15px; 

	text-align: center; 

	margin-left: auto; 

	margin-right: auto; 

	margin-top:0px; 

	color: #fff;

	 

	 

	width: 970px;

}



div.page_header {

	font-size: 15pt;

	color: #555555;

	margin-bottom: 0px;

	font-family:  B Homa,arial, verdana, serif;

	text-align:right;

}



td.header {

	padding: 4px 5px 5px 6px;

	border: 1px solid #e1e1e1;

	font-weight: bold;

	background:#f6f6f6;

	color: #333333;

}



div.header {

	padding: 4px 5px 5px 6px;

	border: 1px solid #D7B25E;

	font-weight: bold;

	background:#F9D686;

	color: #333333;

}



div.headerblue {

	background-image:url(../images/headerbg.gif);

	background-repeat:no-repeat;

	width:220px; 

	height:17px; 

	padding:5px; 

	color:#fff; 

	font-size:13px; 

	font-family:arial;

}



div.headerblue_footer {

	background-image:url(../images/headerbottom.gif); 

	background-repeat:no-repeat;

	width:230px; 

	height:7px; 

	font-size:0px;

}









div.newupdates {

	height: 25px; 

	width: 150px; 

	margin: 0px 0px 0px 0px;

	background-image: url(../images/newupdates.gif); 

	background-repeat: no-repeat;

	background:none;

}



div.newupdates_content {

	text-align: left; 

	padding: 8px 5px 5px 12px; 

	color: #FFFFFF;

}



div.box {

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 10px;

}



td.shadow {

	background-image: url(../images/shadow.gif); 

	background-repeat: repeat-x; 

	padding-bottom: 5px;

}



input.text, input.text_small {

	border: 1px solid #AAAAAA;

	font-family: tahoma, verdana, serif;

	font-size: 9pt;

	color: #333333;

	vertical-align: middle;

	padding-left: 2px;

}



input.textsearch {

	border: 0px solid #AAAAAA;

	font-family: arial, verdana, serif;

	font-size: 9pt;

	color: #333333;

	vertical-align: middle;

	padding-left: 5px;

	background-image:url(../images/text_back.gif);

	width:141px;

	height:19px;

	padding-top:5px;

}



input.text_small {

	font-size: 8pt;

}



input.search {

	vertical-align: middle; 

	background-image: url(../images/search.gif); 

	background-repeat: no-repeat; 

	color: #555555; 

	font-size: 12pt; 

	padding-left: 23px; 

	font-weight: bold;

	font-family: arial, verdana, serif;

}



input.button {

	font-family: arial, verdana, serif;

	font-size: 8pt;

	padding: 3px;

	color: #333333;

	font-weight: bold;

	background: #EEEEEE;

	vertical-align: middle;

	border-top: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	border-bottom: 1px solid #777777;

	border-right: 1px solid #777777;

}



input.buttonsearch {

	font-family: arial, verdana, serif;

	font-size: 8pt;

	padding: 3px;

	color: #fff;

	font-weight: bold;

	background: #EEEEEE;

	vertical-align: middle;

	background-image:url(../images/searchback.gif);

	border:0px;

	width:35px;

	height:23px;

}



input.radio, input.checkbox {

	vertical-align: middle;

}



textarea {

	border: 1px solid #AAAAAA;

	font-family: arial, verdana, serif;

	color: #333333;

	padding-left: 2px;

	font-size: 10pt;

}



select, select.small {

	color: #333333;

	font-family: tahoma, verdana, serif;

	font-size: 9pt;

	vertical-align: middle;

	margin-top: 1px;

}

select.small {

	font-size: 8pt;

}

.icon {

	vertical-align: top;

	margin-right: 5px;

	padding-left:3px;

}

.icon2 {

	vertical-align: top;

	margin-right: 1px;

}



.icon_big {

	float: right;

	margin-right: 5px;

	margin-bottom: 5px;

}



img.photo {

	border: 1px solid #e1e1e1;

	padding:3px;

	background:#f6f6f6;

}



img.photo2 {

	padding:2px;

	background:#ededed;

}



img.photo2:hover {

	padding:2px;

	background:#cccccc;

}



font.small {

	font-size: 7pt;

	font-family: arial, serif;

}



font.big {

	font-size: 9pt;

	font-family: verdana, arial, serif;

	font-weight: bold;

}



font.bold {

	font-weight: bold;

}



font.disabled {

	color: #AAAAAA;

}



form {

	margin: 0px;

}



div.center {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}



div.error {

	vertical-align: middle;

	color: #FF0000;
	font-weight: bold;

	color: #FF0000;

	text-align: center;

	padding: 7px 40px 7px 7px;

	background: #FFF3F3;
	border:1px #df8f90 dashed;
	background-image:url('../images/icons/error24.png');
	background-repeat:no-repeat;
	background-size:24px 24px;
	background-position:right center;


}



div.spacer10 {

	margin-top: 10px;

	height: 0px;

	font-size: 1pt;

}



img.button {

	display: block;

	float: left; 

	margin-right: 4px;

}



a:link { color: #336699; text-decoration: none; }

a:visited { color: #336699; text-decoration: none; }

a:hover { color: #3399FF; text-decoration: underline; }



a.top_menu_item:link { color: #000000; text-decoration: none; }

a.top_menu_item:visited { color: #000000; text-decoration: none; }

a.top_menu_item:hover { color: #000000; text-decoration: underline; }



a.menu_item:link { color: #3c718f; text-decoration: none; }

a.menu_item:visited { color: #3c718f; text-decoration: none; }

a.menu_item:hover { color: #000000; text-decoration: underline; }



a.newupdates:link { color: #F2F2F2; text-decoration: none; }

a.newupdates:visited { color: #F2F2F2; text-decoration: none; }

a.newupdates:hover { color: #FFFFFF; text-decoration: underline; }



a.copyright:link { color: #fff; text-decoration: none; }

a.copyright:visited { color: #fff; text-decoration: none; }

a.copyright:hover { color: #fff; text-decoration: underline; }



a.portal_signup:link { color: #336699; text-decoration: none; }

a.portal_signup:visited { color: #336699; text-decoration: none; }

a.portal_signup:hover { color: #437ab1; text-decoration: none; }



label:hover { color: #3399FF; text-decoration: underline; }























table.tabs {

	margin-bottom: 10px;

}

td.tab {

	background: #FFFFFF;

	padding-left: 1px;

	border-bottom: 1px solid #CCCCCC;

}

td.tab0 {

	font-size: 1pt;

	padding-left: 7px;

	border-bottom: 1px solid #CCCCCC;

}

td.tab1 {

	border: 1px solid #CCCCCC;

	border-top: 3px solid #AAAAAA;

	border-bottom: none;

	font-weight: bold;

	padding: 6px 8px 6px 8px;

}

td.tab2 {

	background: #F8F8F8;

	border: 1px solid #CCCCCC;

	border-top: 3px solid #CCCCCC;

	font-weight: bold;

	padding: 6px 8px 6px 8px;

}



td.tab3 {

	background: #F8F8F8;

	border: 1px solid #CCCCCC;

	border-top: 3px solid #CCCCCC;

	font-weight: bold;

	padding: 6px 8px 6px 8px;

}





td.tab4 {

	background: #FFFFFF;

	border-bottom: 1px solid #CCCCCC;

	padding-right: 12px;

	width: 100%;

	text-align: right;

	vertical-align: middle;

}



 



td.tab_active {

	border: 1px solid #CCCCCC;

	border-top: 3px solid #AAAAAA;

	border-bottom: none;

	font-weight: bold;

	padding: 6px 8px 6px 8px;

}





td.tab_inactive {

	background: #F8F8F8;

	border: 1px solid #CCCCCC;

	border-top: 3px solid #CCCCCC;

	font-weight: bold;

	padding: 6px 8px 6px 8px;

}





























table.list {

	width: 100%;

	border: 1px solid #DDDDDD;

	border-bottom: none;

}



td.list_header {

	background: #EEEEEE;

	font-weight: bold;

	padding: 3px 5px 3px 7px;

	border-bottom: 1px solid #DDDDDD;

	vertical-align: middle;

}



tr.list_item1 {

	padding: 5px 7px 5px 7px;

	border-bottom: 1px solid #DDDDDD;

}



tr.list_item2 {

	padding: 5px 7px 5px 7px;

	background: #F5F5F5;

	border-bottom: 1px solid #DDDDDD;

}



td.form1 {

	padding: 12px 0px 5px 10px;

	font-weight: bold;

	text-align: right;

	vertical-align: top;

	width:80px;

}

td.form2 {

	padding: 10px 0px 5px 10px;

}



div.form_desc {

	font-size: 8pt;

	padding: 5px 0px 5px 0px;

}

div.form_error {

	margin-bottom: 10px;

	color: #FF0000;

}

div.success {

	line-height: 16pt;

}

td.button {

	text-align: left;

	border: 1px solid #DDDDDD;

	border-left: 5px solid #DDDDDD;

	background: #FFFFFF;

	padding: 7px 8px 7px 6px;

	font-weight: bold;

}

div.button {

	font-weight: bold;

}

td.result {

	font-weight: bold;

	text-align: center;

	border: 1px dashed #CCCCCC;

	background: #FFFFFF;

	padding: 7px 8px 7px 7px;

}

td.error {

	font-weight: bold;

	color: #FF0000;

	text-align: center;

	padding: 7px 8px 7px 7px;

	background: #FFF3F3;

}

td.success {

	font-weight: bold;

	padding: 7px 8px 7px 7px;

	background: #f3fff3;

}



/* STYLES FOR AD BANNERS */

div.ad_top {

	padding: 10px;

	text-align: center;

}

div.ad_belowmenu {

	padding: 0px 0px 10px 0px;

	text-align: center;

}

div.ad_left {

	/*padding: 10px 10px 10px 0px;*/

	vertical-align: top;

	text-align: center;

}

div.ad_right {

	padding: 10px 0px 10px 10px;

	vertical-align: top;

	text-align: center;

}

div.ad_bottom {

	padding: 10px 0px 0px 0px;

	text-align: center;

}



/* STYLES FOR RECENT ACTION */

.recentaction_div_media {

	padding: 10px 10px 10px 20px;

}

.recentaction_div_media img {

	max-width: 300px;

	width: expression(this.width > 300 ? 300: true);

}

img.recentaction_media {

	float: left;

	margin: 3px; 

	border: solid 1px #e1e1e1;

	padding:3px;

	background:#f6f6f6;

}

.recentaction_div {

	padding: 10px 0px 0px 10px;

	margin-top:5px;

	position: relative; 

	max-height: 125px;

	max-width: 350px; 

	overflow: auto;

	border:0px solid #dddddd;

	background:#f6f6f6;

	background-image:url(../images/comment_top.png);

	background-repeat:no-repeat;

	background-position:0px 0px;

}

/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */

*:first-child+html .recentaction_div {

	overflow: visible;

	overflow-y: expression(this.scrollHeight > 125? "auto" : "hidden" );

	overflow-x: auto;

	padding-bottom: 5px;

	height: expression(this.scrollHeight > 125? "125px" : "auto" );

	width: expression(this.scrollWidth > 300? "300px" : "auto" );

}

/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */

html>body .recentaction_div {

	overflow: visible;

	overflow-y: expression(this.scrollHeight > 125? "auto" : "hidden" );

	overflow-x: auto;

	padding-bottom: 5px;

	height: expression(this.scrollHeight > 125? "125px" : "auto" );

	width: expression(this.scrollWidth > 300? "300px" : "auto" );

}

.recentaction_div img {

	max-width: 300px;

	width: expression(this.width > 300 ? 300: true);

}









/* STYLES FOR FRIEND SUGGEST FEATURE */

.suggest_item a {

	padding: 3px 3px 3px 5px; 

	background: #F7F7F7; 

	border-bottom: 1px solid #CCCCCC;

	width: 181;

	display: block;

}

.suggest_item a:hover {

	background: #003366;

	color: #FFFFFF;

}

div.suggest {

	position: absolute; 

	background-color: #FFFFFF; 

	text-align: left; 

	border: 1px solid #AAAAAA;

	padding: 0px;

	display: none;

} 

a.suggest:link { color: #555555; text-decoration: none; }

a.suggest:visited { color: #555555; text-decoration: none; }

a.suggest:hover { color: #FFFFFF; text-decoration: none; }







/* LOGIN PAGE */

td.login_middle {

	vertical-align: middle;

	text-align: center;

	padding-bottom: 30px;

	font-weight: bold;

	font-size: 16pt;

}

td.login_right {

	vertical-align: middle;

	text-align: center;

	padding-bottom: 30px;

}

















/* PORTAL PAGE (HOME.PHP) */

div.portal_spacer {

	height: 10px;

}

div.portal_content {

	border: 1px solid #D7B25E;

	border-top: none;

	padding: 10px;

	background: #FFFFFF;

}

td.portal_text {

	vertical-align: top; 

	padding: 10px 20px 10px 10px;

}

table.portal_table {

	margin-bottom: 10px;

}

div.portal_login {

	padding: 25px 10px 25px 10px;

	background: #FFFFFF; 

	text-align: center;

	font-weight: bold;

	border: 1px solid #DDDDDD;

}

td.portal_member {

	padding: 10px 7px 10px 7px;

	text-align: center;

	font-weight: bold;

}

div.portal_action {

	padding: 6px 6px 6px 0px; 

	border-top: 1px solid #DEDEDE; 

}

div.portal_action_top {

	padding: 6px 6px 6px 0px; 

}

div.portal_action_date {

	float: right; 

	color: #999999;

	padding-left: 5px;

}

div.portal_whatsnew {

	border: 0px solid #DDDDDD;

	padding: 4px 10px 4px 0px;

}

div.portal_signup a, div.portal_signup a:hover {

	font-size: 14pt; 

	line-height: 0px;

	text-align: center; 

	padding: 8px 15px 5px 7px; 

	background-image: url(../images/portal_join_bg.gif); 

	background-repeat: repeat-x;

	border: 1px solid #FFFFFF;

	display: block;

}

div.portal_signup_container1 {

	border: 1px solid #CCCCCC;

}

div.portal_signup_container1:hover {

	border: 1px solid #AAAAAA;

}





























/* WHATS NEW PAGE */

td.home_left {

	vertical-align: top;

	text-align: left;

	padding-right: 10px;

}

td.home_right {

	vertical-align: top;

}

td.home_stats {

	padding: 10px;

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	text-align: center;

	vertical-align: middle;

}

td.home_menu {

	padding: 10px;

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

}

td.home_menu1 {

	font-weight: bold;

}

td.home_notification {

	text-align: left;

	border: 1px solid #DDDDDD;

	background: #FFFFFF;

	padding: 7px 8px 7px 6px;

}

div.home_photo {

	border: 1px solid #DDDDDD;

	padding: 5px;

	background: #FFFFFF;

	margin-bottom: 10px;

}

td.home_box {

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 8px;

	background: #FFFFFF;

}

table.home_menu {

	border: 1px solid #DDDDDD;

	border-bottom: none;

	margin-bottom: 10px;

}

td.home_menu1 a {

	background-color: #FFFFFF;

	background-image: url(../images/menu_bg1.gif);

	background-repeat: repeat-y;

	background-position: top right;

	border-bottom: 1px solid #DDDDDD;

	padding: 5px 5px 5px 7px;

	font-size: 8pt;

	font-family: tahoma, "Trebuchet MS", verdana, arial, serif;

	display: block;

}

td.home_menu1 a:hover {

	background-color: #F5F5F5;

	background-image: url(../images/menu_bg2.gif);

}

div.home_action {

	padding: 6px 6px 6px 6px; 

	border-top: 1px solid #DEDEDE; 

}

div.home_action_top {

	padding: 6px 6px 6px 6px; 

}

div.home_action_date {

	float: right; 

	color: #999999;

	padding-left: 5px;

}

div.home_whatsnew {

	border-top: 1px solid #CCCCCC; 

	padding: 5px 10px 5px 0px;

}

div.home_updated {

	font-size: 7pt;

	color: #888888;

	padding-top: 2px;

}

























/* WHATS NEW - MY NETWORK PAGE */

div.network_content {

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 8px;

}































/* VIEW PROFILE PAGE */

td.profile {

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 5px 7px 5px 7px;

	margin-bottom: 12px;

}

td.profile_leftside {

	padding-top: 5px;

	vertical-align: top;

	width:220px;

}

td.profile_rightside {

	padding-left: 10px;

	padding-top: 5px;

	vertical-align: top;

}

div.profile_field_value {

	max-width: 500px;

	overflow: auto;

}

div.profile_friend_photo {

	float: left; 

	width: 90px; 

	text-align: center; 

	border: 1px solid #DDDDDD;

}

div.profile_friend_info {

	float: left; 

	padding-left: 10px;

}

div.profile_friend_options {

	text-align: right; 

	padding-left: 10px;

}

div.profile_friend_name {

	font-size: 10pt;

	font-weight: bold;

}

div.profile_friend_details div {

	color: #888888;

	font-size: 7pt;

}

div.profile_image {

	float: left;

	padding: 5px;

	text-align: center;

	width: 111px;

}

div.profile_bar {

	padding: 0px;

	margin-top: 15px;

	margin-bottom: 10px;

}

td.profile_item1 {

	padding: 5px 0px 5px 0px;

	text-align: center;

	vertical-align: top;

}

td.profile_item2 {

	padding: 5px 5px 5px 5px;

	vertical-align: top;

}

div.profile_comment_author {

	float: left;

	padding: 5px 7px 5px 7px;

	background: #F1F1F1;

	border-top: 1px solid #AAAAAA;

}

div.profile_comment_date {

	text-align: right;

	padding: 5px 7px 5px 7px;

	background: #F1F1F1;

	border-top: 1px solid #AAAAAA;

}

div.profile_comment_body {

	clear: left;

	padding: 5px 7px 5px 7px;

	overflow: auto;

	max-width: 550px;

}

/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */

*:first-child+html .profile_comment_body {

	overflow: visible;

	overflow-y: hidden;

	overflow-x: auto;

	padding-bottom: 25px;

	width: expression(this.scrollWidth > 550? "550px" : "auto" );

}

/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */

html>body .profile_comment_body {

	overflow: visible;

	overflow-y: hidden;

	overflow-x: auto;

	padding-bottom: 25px;

	width: expression(this.scrollWidth > 550? "550px" : "auto" );

}

div.profile_comment_body img {

	max-width: 475px;

	width: expression(this.width > 475 ? 475: true);

}

div.profile_comment_links {

	text-align: right;

	padding-right: 7px;

}

table.profile_menu {

	border: 1px solid #DDDDDD;

	border-bottom: none;

}

td.profile_menu1 a, div.nolink {

	background-image: url(../images/menu_bg1.gif);

	background-color: #FFFFFF;

	background-repeat: repeat-y;

	background-position: top right;

	border-bottom: 1px solid #DDDDDD;

	padding: 5px 5px 5px 7px;

	font-size: 8pt;

	display: block;

}

td.profile_menu1 a:hover {

	background-color: #F5F5F5;

	background-image: url(../images/menu_bg2.gif);

	text-decoration: none;

}

td.profile_photo {

	vertical-align: middle; 

	text-align: center; 

	border: 0px solid #cccccc;

	padding: 0px;

	height: 150px;

}

td.profile_viewcomments_postcomment {

	padding: 10px 16px 10px 16px;

	border: 1px solid #CCCCCC;

	background: #F5F5F5;

}

div.profile_postcomment {

	border: 1px solid #BBBBBB;

	background: #F4F4F4;

	margin-bottom: 10px;

	padding: 10px 14px 8px 10px;

}

.comment_area {

	font-family: "Lucida Sans", verdana, arial, serif;

	color: #888888; 

	width: 100%;

	height: 70px;

}

div.profile_action {

	padding: 0px 0px 5px 0px; 

	border-bottom: 1px solid #EAEAEA; 

	margin-bottom: 5px;

}

div.profile_action_bottom {

	padding-bottom: 2px;

}

div.profile_action_date {

	color: #999999;

	float: right;

	padding-left: 5px;

}









td.profile_tab a {

	background-color: #EEEEEE;

	background-image: url(../images/whiteline.gif);

	background-repeat: repeat-x;

	background-position: top left;

	padding: 7px 10px 7px 10px;

	border: 1px solid #c1c1c1; 

	border-left: none;

	font-weight: bold; 

	display: block;

}

td.profile_tab a:hover {

	background-color: #F4F4F4;

	background-image: url(../images/whiteline.gif);

	background-repeat: repeat-x;

	background-position: top left;

	padding: 7px 10px 7px 10px;

	border: 1px solid #c1c1c1; 

	border-left: none;

	font-weight: bold; 

	display: block;

}

td.profile_tab2 a {

	background-color: #FFFFFF;

	background-image: url(../images/whiteline.gif);

	background-repeat: repeat-x;

	background-position: top left;

	padding: 7px 10px 8px 10px;

	border: 1px solid #c1c1c1; 

	border-left: none;

	border-bottom: none;

	font-weight: bold; 

	display: block;

}

td.profile_tab2 a:hover {

	background-color: #FFFFFF;

	background-image: url(../images/whiteline.gif);

	background-repeat: repeat-x;

	background-position: top left;

	padding: 7px 10px 8px 10px;

	border: 1px solid #c1c1c1; 

	border-left: none;

	border-bottom: none;

	font-weight: bold; 

	display: block;

}

#profile_tabs_profile { 

	border-left: 1px solid #c1c1c1;

}

td.profile_tab_end {

	border-bottom: 1px solid #c1c1c1;

}

















div.profile_content {

	padding: 10px; 

	border: 0px solid #c1c1c1;

	border-top: none;

}

div.profile_headline, div.profile_headline2 {

	font-size: 10pt; 

	margin-bottom: 7px;

	font-weight: bold;

}

div.profile_headline2 {

	margin-top: 10px;

}





























/* BROWSE PAGE */

td.browse_field {

	padding: 5px;

}

div.browse_field_radio {

	padding: 0px 5px 0px 1px;

	margin-top: 1px;

}

div.browse_fields {

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 5px 7px 5px 7px;

	margin-bottom: 12px;

}

td.browse_header {

	padding: 5px 5px 3px 7px;

	font-size: 9pt;

	font-family: arial, serif;

	font-weight: bold;

	border: 1px solid #DDDDDD;

	border-bottom: none;

	background: #EEEEEE;

}

td.browse_result {

	vertical-align: top;

	text-align: center;

	width: 150px;

	padding: 5px 5px 10px 5px;

	font-weight: bold;

}

div.browse_pages {

	margin-bottom: 10px;

	text-align: center;

	font-weight: bold;

	background: #EEEEEE;

	padding: 5px 0px 5px 0px;

}



/* SEARCH PAGE */

td.search {

	width: 475px;

	padding: 10px;

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

}

div.search_header {

	font-weight: bold;

	background: #F3F3F3;

	border: 1px solid #CCCCCC;

	padding: 5px 5px 5px 10px;

	font-size: 9pt;

}

div.search_results {

	padding: 0px 10px 10px 10px;

}

div.search_result1 {

	padding: 10px;

	background: #F5F5F5;

}

div.search_result2 {

	padding: 10px;

}

div.search_result_text {

	font-size: 9pt;

	font-weight: bold;

	padding-left: 3px;

}

div.search_result_text2 {

	font-weight: normal;

	font-size: 7pt;

	color: #777777;

}

div.search_context {

	color: #555555;

}

div.search_url {

	color: #115599;

}

td.search_pages_bottom {

	padding-top: 8px;

	padding-right: 12px;

	border-top: 1px solid #CCCCCC;

	text-align: right;

}



/* HELP PAGES */

div.faq {

	margin: 10px;

	padding: 5px 5px 5px 10px;

	border-right: 3px solid #DDDDDD;

}

div.faq_questions {

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	border-top: none;

	padding: 5px 7px 5px 8px;

}





/* MESSAGES */

table.messages_table {

	border: 1px solid #DDDDDD;

}

td.messages_header {

	padding: 4px 5px 5px 6px;



	font-weight: bold;

	background-image: url(../images/header.gif);

	background-repeat: repeat-x;

	color: #333333;

}

td.messages_left {

	width: 100%;

	text-align: left;

	vertical-align: middle;

}

td.messages_right {

	text-align: right;

	vertical-align: middle;

}

tr.messages_unread {

	background: #F5F5F5;

	font-weight: bold;

}

tr.messages_read {

	background: #FFFFFF;

}

td.messages_message {

	border-top: 1px solid #CCCCCC;

	padding: 7px 5px 7px 7px;

	vertical-align: top;

}

td.messages_photo {

	border-top: 1px solid #CCCCCC;

	padding: 7px 0px 7px 7px;

	vertical-align: top;

}

td.messages_view2 {

	background: #FFFFFF;

	border-bottom: 1px solid #DDDDDD;

	padding: 5px 7px 12px 7px;

	vertical-align: top;

}

td.messages_view2_bottom {

	background: #FFFFFF;

	padding: 5px 7px 12px 7px;

	vertical-align: top;

}

td.messages_view1 {

	vertical-align: top;

	padding-right: 15px;

}

div.messages_author {

	padding-bottom: 5px;

	font-weight: bold;

}

div.messages_date {

	font-size: 7pt;

	color: #777777;

}

td.messages_authorbox {

	width: 100px;

	text-align: right; 

	vertical-align: top; 

	padding: 5px 10px 0px 0px;

}







/* MY FRIENDS */

div.friends_search {

	width: 450px;

	padding: 10px;

	background: #FFFFFF;

	border: 1px solid #DDDDDD;

	margin-left: auto; 

	margin-right: auto;

}

td.friends_sort {

	padding-top: 5px;

}

div.friends_result {

	padding: 5px;

	border: 1px solid #DDDDDD;

	margin-top: 10px;

	background: #FFFFFF;

}

td.friends_result0 {

	padding: 5px;

}

td.friends_result1 {

	vertical-align: top;

	padding: 5px;

}

td.friends_result2 {

	padding: 5px;

	vertical-align: top;

	text-align: right;

}

div.friends_name {

	font-size: 10pt;

	font-weight: bold;

	padding-bottom: 3px;

}

div.friends_stats div {

	color: #888888;

	font-size: 7pt;

}





/* BROWSE FRIENDS */

td.browse_friends_sort {

	padding-top: 5px;

}

div.browse_friends_result {

	padding: 5px;

	border: 1px solid #DDDDDD;

	margin-top: 10px;

	margin-bottom: 10px;

	background: #FFFFFF;

}

td.browse_friends_result0 {

	padding: 5px;

}

td.browse_friends_result1 {

	padding: 5px;

}

td.browse_friends_result2 {

	padding: 5px;

	text-align: right;

}





/* EDIT PROFILE */

td.editprofile_photoleft {

	text-align: center;

	padding-right: 10px;

}

td.editprofile_photoright {

	vertical-align: top;

}

td.editprofile_photo {

	height: 150px;

	vertical-align: middle; 

	text-align: center; 

	border: 1px solid #CCCCCC;

	background: #FFFFFF;

	padding: 5px;

}

table.editprofile_options {

	margin-left: 10px;

}

div.editprofile_bar {

	border-bottom: 1px solid #DDDDDD;

	padding: 0px;

	margin-top: 10px;

	margin-bottom: 10px;

}

td.editprofile_item1 {

	padding: 5px;

	text-align: center;

	vertical-align: top;

}

td.editprofile_item2 {

	padding: 5px 5px 5px 5px;

	vertical-align: top;

}

div.editprofile_examplecss, div.editprofile_examplecss:hover {

	width: 100px;

	margin-right: 10px;

	margin-bottom: 10px;

	padding: 10px 5px 5px 5px;

	text-align: center;

	float: left;

	border: 1px solid #DDDDDD;

}

div.editprofile_examplecss:hover {

	border: 1px solid #BBBBBB;

}

div.editprofile_examplecss_selected {

	width: 100px;

	margin-right: 10px;

	margin-bottom: 10px;

	padding: 10px 5px 5px 5px;

	text-align: center;

	float: left;

	border: 1px solid #AAAAAA;

	background: #EEEEEE;

}





/* EDIT ACCOUNT SETTINGS */

td.account1 {

	padding: 5px 5px 5px 7px;

	font-weight: bold;

	border: 1px solid #CCCCCC;

	background: #EEEEEE;

}

td.account2 {

	padding: 7px 5px 5px 5px;

	border: 1px solid #CCCCCC;

	border-top: none;

}







/* SIGNUP PAGE */

img.signup_code {

	vertical-align: middle;

}

div.signup_header {

	width: 500px;

	padding: 6px 9px 6px 9px;

	background: #F1F1F1;

	font-weight: bold;

	font-size: 9pt;

	margin-bottom: 10px;

}

div.signup_photo_desc {

	padding: 5px 5px 5px 0px;

}

td.signup_photo {

	padding: 10px; 

	background: #FFFFFF; 

	border: 1px solid #CCCCCC;

}







/* COMMENT STYLES */

.comment_headline {

	padding: 4px 0px 5px 6px;

	border: 1px solid #CCCCCC;

	border-bottom: none;

	font-weight: bold;

	background-image: url(../images/header.gif);

	background-repeat: repeat-x;

	color: #333333;

}







/* PROFILE PHOTOS STYLES */

div.media {

	border: 1px solid #DDDDDD; 

	background: #F2F2F2; 

	padding: 10px;

}

div.media_caption {

	text-align: left; 

	padding: 0px 5px 0px 5px; 

	margin-left: auto; 

	margin-right: auto;

}

div.media_title {

	margin-bottom: 2px;

	font-weight: bold;

}

div.media_date {

	margin-top: 10px; 

	font-size: 7pt; 

	color: #777777;

}







/* CAROUSEL */

td.carousel_item_active {

	border: 1px solid #BBBBBB; 

	background: #EEEEEE;

	padding: 5px;

}

td.carousel_item {

	padding: 5px;

}

td.carousel_item:hover {

	border: 1px solid #CCCCCC;

	padding: 4px;

}







/* PHOTO TAG CLASSES */

div.tag_div_hidden {

	position: absolute;

	z-index: 98;

}

div.tag_div {

	position: absolute;

	border: 2px solid #FFFFFF;

	z-index: 98;

}

div.tag_label {

	position: absolute;

	padding: 3px 5px 3px 5px;

	border: 1px solid #777777;

	background: #FFFFFF;

	font-weight: bold;

	z-index: 98;

}

div.media_photo_div {

	position: relative; 

	margin-bottom: 10px; 

	margin-left:auto;

	margin-right:auto;

}

div.media_photo_tagform {

	display: none; 

	border: 1px solid #888888; 

	width: 150px; 

	position: absolute; 

	opacity: 1; 

	background: #FFFFFF;

}

div.media_photo_tagform_titlebar {

	text-align: left; 

	padding: 5px; 

	border-bottom: 1px solid #AAAAAA; 

	background: #EEEEEE; 

	font-weight: bold;

}

div.media_photo_friendlist {

	overflow: auto; 

	margin: 4px 0px 4px 0px; 

	height: 130px; 

	text-align: left; 

	padding-left: 4px; 

	border: 1px solid #AAAAAA;

}





/* styles for the debugger */

div#se_debug_window_container

{

}



table#se_debug_window

{

  background: #ffffff;

  border: 1px solid #cccccc;

  width: 500px;

  height: 400px;

}



td#se_debug_window_menu

{

	padding: 4px 5px 5px 6px;

	border: 1px solid #DDDDDD;

	font-weight: bold;

	background-image: url(../images/header.gif);

	background-repeat: repeat-x;

	color: #333333;

  cursor: move;

}



div#se_debug_window_body_container

{

  width: 500px;

  height: 375px;

  overflow: auto;

}



/* styles for main menu and profile tab dropdowns */



div.top_menu_main_link_container

{

  text-align: left;

}



div.menu_main_dropdown

{

	border: 1px solid #c4a355;

	border-top: none;

	position: absolute;

	margin-top: 9px;

	margin-left: -1px;

	z-index: 100;

	width: auto;

	white-space: nowrap;

}



div.menu_main_item_dropdown a

{

    color:#000000;

	padding: 5px 40px 5px 7px;

	font-weight: bold;

	display: block;

	background: #f9d686;

}



div.menu_main_item_dropdown a:hover

{

    color:#111111;

	background: #f9d686;

	text-decoration: none;

}



div.menu_main_item

{

	float: left;

	padding-right: 10px;

	font-weight: bold;

	background: none;

}



div.menu_profile_dropdown

{

	border: 1px solid #CCCCCC;

  border-top: none;

	background: #FFFFFF;

	position: absolute;

	margin-top: 31px;

	margin-left: -63px;

	z-index: 99;

	width: auto;

	white-space: nowrap;

}



div.menu_profile_item_dropdown a

{

	padding: 3px 40px 5px 7px;

	font-weight: bold;

	display: block;

	background: #FFFFFF;

}



div.menu_profile_item_dropdown a:hover

{

	background: #F0F0F0;

	text-decoration: none;

}















/* Nobakht Defined*/





.blue_new {

 	background:#B5DEEF;

 	border-radius: 0.3em 0.0em 0.3em 0.3em;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    background: -moz-linear-gradient(center top , #B5DEEF, #72B6D5) repeat scroll 0 0 transparent;

    border: 1px solid #388ad4;

    color: #494949;

     font-family:Tahoma;

    height: 29px;

}

.blue_new:hover {

    background: -moz-linear-gradient(center top , #72B6D5, #B5DEEF) repeat scroll 0 0 transparent;

    color:black;

    cursor:pointer;

}

.blue_new:active {

    background: -moz-linear-gradient(center top , #0078A5, #00ADEE) repeat scroll 0 0 transparent;

    color: #fff;

}







.orange_new {

	color: #fef4e9;

	border: solid 1px #da7c0c;

	background: #f78d1d;

	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));

	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');

	border-radius: 0.3em 0.0em 0.3em 0.3em;

	font-family:Tahoma;

    height: 29px;

}

.orange_new:hover {

	background: #f47c20;

	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));

	background: -moz-linear-gradient(top,  #f88e11,  #f06015);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');

	 cursor:pointer;



}

.orange_new:active {

	color: #fcd3a5;

	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));

	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');

	

}









.div_button 

{

	 text-align:left;

	 height:33px;

} 



.div_header_user

{

	border-radius: 0.5em 0.5em 0.5em 0.5em;



	background-color:#dbecff;

	border:1px #9fc7f5 solid;

	border-right: 3px solid #9fc7f5 ;

	padding:6px;

} 

.div_warning_user

{

	background-color: #FEFCCB;

    border: 1px solid #E5DB55;

    border-right: 3px solid #E5DB55;

    border-radius: 0.5em 0.5em 0.5em 0.5em;

    min-height: 20px;

     

    padding: 5px 5px 5px 5px;

    font-weight:bold;

     

   }
