/* $Id: styles.css 65 2009-02-20 03:03:23Z john $ *//* GLOBAL STYLES */
html {
  min-height: 100%;
  margin-bottom: 1px
}

body {
background: #000000 url(../images/cc.png) repeat-x top;

background-attachment:fixed;

 /*
 background: #FFFFff url(../images/wecc-bk22.png) repeat-x top;

 background: #FFFFFF url(../images/bkground/overlay-blocks.png) repeat top;
  background-attachment:fixed;  festive-bg.jpg  */
  position: relative;
  text-align: center;
  margin: 0px;
}

table.body {
  width: 970px;
    font-size: 124%;
  color: #3B3B3B;
 background: #FFFFFF;
 border: 18px solid #ffffff;
}
b {
color: #000000;

}
p {

  margin: 0px 0 5px 0;
  padding: 0px;
  line-height:140%;
  text-align: justify;

}
table.menu {
  background-image: url(../images/topbar_bg1.gif);
  background-repeat: repeat-x;

}


td.top_menu {
  background-image: url(../images/topbar_bg.gif);
  background-repeat: repeat-x;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #BBBBBB
}

td.top_menu2 {
  text-align: right;
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #BBBBBB;
  background-image: url(../images/topbar_bg.gif);
  background-repeat: repeat-x
}

div.top_menu_link_container, div.top_menu_link_container_end {
  float: left;
  height: 31px;
  border-left: 1px solid #CCCCCC
}

div.top_menu_link_container_end {
  border-left: 1px solid #CCCCCC
}

div.top_menu_link {
  font-weight: bolder;
  font-size: 125%;
  padding-top: 5px;
  padding: 6px 10px 0px 10px;
  text-transform: uppercase;
    color:#000000;

}

div.top_menu_link_loggedin {
  height: 25px;
  text-align: right;
  font-weight: bold;
  font-size: 60%;
  padding-top: 5px;
  padding: 6px 0px 0px 10px
}

div.menu {
  width: 150px;
  border: 1px solid #CCCCCC;
  border-left: 3px solid #7391a8;
  background: #000000;
  padding: 0px 0px 10px 10px;
  margin-right: 10px
}
table.menu {
  width: 970px;
  border: none;
}
div.menu_header {
  margin-top: 10px;
  margin-bottom: 7px
}

td.menu_user {
  background-image: url(../images/menu_user.gif);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  padding: 5px 10px 5px 10px;
  border: 1px solid #CCCCCC;
  border-top: none;
  text-align: left
}

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
}
div.menu_sep2 {
  padding: 5px 10px 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 #DDDDDD;
  display: block;
  background: #FFFFFF
}

div.menu_item_dropdown a:hover {
  padding: 3px 40px 5px 7px;
  font-weight: normal;
  background: #F2F2F2;
  border-left: 3px solid #BBBBBB;
  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: 90%;
  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: 970px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  margin-left: auto;
  margin-right: auto
}

div.copyright {
  background: #EEEEEE;
  padding: 4px;
  text-align: right;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  color: #444444;
  border-top: 1px solid #AAAAAA
}

#page_header {
  font-size: 200%;
  font-weight:bolder;
  margin-bottom: 0px;
  font-family: "Trebuchet MS", arial, verdana, serif;
  padding:5px 0 20px 0;
}
.page_header {
  font-size: 270%;
  font-weight:bolder;
  margin-bottom: 0px;
 text-transform: uppercase;
  font-family: arial, verdana, serif;


}
td.header {
  padding: 4px 5px 5px 6px;
  border: 0px solid #DDDDDD;
  font-weight: bold;
  background-image: none;
  background-repeat: repeat-x;

}

div.header {
  padding: 4px 5px 5px 6px;
  border: 0px solid #DDDDDD;
  font-size: 120%;
  font-weight: bold;
  background-image: none;
  background-repeat: repeat-x;

}

div.newupdates {
  position: absolute;
  height: 31px;
  width: 150px;
  margin: 15px 0px 0px 15px;
  background-image: url(../images/newupdates.gif);
  background-repeat: no-repeat
}

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: arial, verdana, serif;
  font-size: 120%;
  vertical-align: middle;
  padding-left: 2px
}

input.text_small {
  font-size: 80%;
}

input.search {
  vertical-align: middle;
  background-image: url(../images/search.gif);
  background-repeat: no-repeat;

  font-size: 80%;
  padding-left: 23px;
  font-weight: bold;
  font-family: arial, verdana, serif
}

input.button {
  font-family: arial, verdana, serif;
  font-size: 100%;
  padding: 3px;
  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.radio, input.checkbox {
  vertical-align: middle
}

textarea {
  border: 1px solid #AAAAAA;
  font-family: arial, verdana, serif;
    padding-left: 2px;
  font-size: 100%;
}

select, select.small {
  font-family: arial, verdana, serif;
  font-size: 80%;
  vertical-align: middle;
  margin-top: 1px
}

select.small {
  font-size: 95%;
}

.icon {
  vertical-align: top;
  margin-right: 5px
}

.icon2 {
  vertical-align: top;
  margin-right: 1px
}

.icon_big {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px
}
img.photo-sml {
  width: 18px;
  height: 18px;
  border: 1px solid #DDDDDD
}
img.photo {
  border: 1px solid #DDDDDD
}
img.photo1 {
  border: 0px solid #DDDDDD;
}
img.photo2 {
	border: 1px solid #DDDDDD;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
img.photo-float {
	float: left;
	margin: 5px 10px 0px 0;

}
img.photo-float-r {
	float: right;
	margin: 5px 0px 0px 10px;

}
font.small {
  font-size: 90%;
  font-family: arial, serif
}

font.big {
  font-size: 90%;
  font-family: 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
}

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: #777777;
  text-decoration: none
}

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

a.top_menu_item:hover {
  color: #444444;
  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: #60b1df;
  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: #336699;
  text-decoration: none
}

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

a.copyright:hover {
  color: #3399FF;
  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: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  padding-right: 12px;
  width: 100%;
  text-align: right;
  vertical-align: middle
}

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
}

td.form2 {
  padding: 10px 0px 5px 10px
}

div.form_desc {
  font-size: 80%;
  padding: 5px 0px 5px 0px
}

div.form_error {
  margin-bottom: 10px;
  color: #FF0000
}

div.success {
  line-height: 110%
}

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 #777777
}

.recentaction_div {
  padding: 10px 20px 10px 20px;
  position: relative;
  max-height: 125px;
  max-width: 300px;
  overflow: auto
}
/* 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: 25px
  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: 25px;
	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 {  text-decoration: none; }

a.suggest:visited {  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: 110%;
}

td.login_right {
	vertical-align: middle;
	text-align: center;
	padding-bottom: 30px;
}


/* PORTAL PAGE (HOME.PHP) */

div.portal_spacer {
  height: 10px
}
div.portal_spacer2 {
  height: 20px
}
div.login_content {
  border: 1px solid #DDDDDD;
  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: 0px solid #DDDDDD
}
div.portal_login2 {
  margin-top:3px;
  padding: 8px 10px 25px 10px;
  background: #F4F4F4;
  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 6px;
  border-top: 1px solid #DEDEDE
}

div.portal_action_top {
  padding: 6px 6px 6px 6px
}

div.portal_action_date {
  float: right;
  color: #999999;
  padding-left: 5px
}

div.portal_whatsnew {
  border: 1px solid #DDDDDD;
  padding: 4px 10px 4px 10px
}

div.portal_signup a, div.portal_signup a:hover {
  font-size: 110%;
  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 ;
  width:230px;
}

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: none;
  padding: 8px;
  background: #FFFFFF
}

td.home_box_1 {
  border-bottom: 1px solid #DDDDDD;
  border-top: none;
  padding: 8px;
  background: #FFFFFF
}
div.home_box_1 {
  border-bottom: 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: 80%;
  font-family: 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 ;
  font-size:107%;
}

div.home_action_top {
  padding: 6px 6px 6px 6px;
   font-size:107%;
}

div.home_action_date {
  float: right;
  color: #999999;
  padding-left: 5px
}

div.home_whatsnew {
  border: 0px solid #CCCCCC;
/*  padding: 5px 20px 5px 0px */
}

div.home_updated {
  font-size: 90%;
  color: #888888;
  padding-top: 2px
}
/* WHATS NEW - MY NETWORK PAGE */

div.network_content {
  border-bottom: 1px solid #DDDDDD;
  border-top: none;
  padding: 12px
}
/* 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
}
td.profile_my_leftside {
  padding-right: 10px;
  padding-top: 5px;
  vertical-align: top
}
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: 120px;
  text-align: center;
  max-height:100px;
  border: 0px solid #DDDDDD
}

div.profile_friend_info {
  float: left;
  width: 120px;
  text-align: center;}

div.profile_friend_options {
  text-align: right;
  padding-left: 10px
}

div.profile_friend_name {
  font-size:130%;
  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: 1px solid #DDDDDD;
  padding: 5px;
  background: #FFFFFF;
  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 #AAAAAA;
  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 #AAAAAA;
  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 #AAAAAA;
  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 #AAAAAA;
  border-left: none;
  border-bottom: none;
  font-weight: bold;
  display: block
}

#profile_tabs_profile {
  border-left: 1px solid #AAAAAA
}

td.profile_tab_end {
  border-bottom: 1px solid #AAAAAA
}

div.profile_content {
  padding: 0px;
  height: auto;

  border-left: 1px solid #AAAAAA;
  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-left: 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;

}

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
}
div.browse_friends_result_my {
  padding: 5px;
  width:120px;
  height:160px;
  float:left;
  border: 1px solid #DDDDDD;
  margin: 10px  0px  10px 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: 700px;
  padding: 6px 9px 6px 9px;
  background: #F1F1F1;
  font-weight: bold;
  font-size: 13px;
  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;

}
/* 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;
  ;
  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 #CCCCCC;
  border-top: none;
  position: absolute;
  margin-top: 7px;
  margin-left: -1px;
  z-index: 100;
  width: auto;
  white-space: nowrap
}
div.menu_main_dropdown2 {
  border: 1px solid #CCCCCC;
  border-top: none;
  position: absolute;
  margin-top: 7px;
  margin-left: -1px;
  z-index: 100;
  width: auto;
  white-space: nowrap
}
div.menu_main_item_dropdown a {
  color: #777777;
  padding: 3px 40px 5px 7px;
  font-weight: bold;
  display: block;
  background: #EFEFEF
}

div.menu_main_item_dropdown a:hover {
  color: #444444;
  background: #FAFAFA;
  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
}

/* MY ADDITIONS //////////////////////////////////////////////////////////////////////////////////////////////////// */
div.left_3coluum {
    float: left;
    width: 200px;
}
div.middle_3coluum {
    float: left;
    width: 500px;
    padding: 0px 10px 0px 10px;
}
div.right_3coluum {
    float: left;
    width: 250px;
}
.right_2coluum {
	float: left;
	width: 235px;
	padding:0 0px 0 0;
    text-align:left;

}
.left_2coluum {
	float: left;
	width: 710px;
	padding: 0px 25px 0px 0px;
    font-size: 128%;
}

img {
  border: none;
}


#selTop ul{
	margin:15px 6px 10px 0;
	padding:0 0 25px 10px;
     list-style-image: none;
}
#selTop li{
  background:url(../images/top_hover.png) no-repeat left top;
	float:left;
	width:112px;
	height:35px;
	text-align:center;
	padding:0;
	margin-right:3px;
    font-size: 100%;
	font-weight:bold;
	letter-spacing:.5px;
}
#selTop li a{
	line-height:35px;
	display:block;
	text-decoration:none;
	width:112px;
	height:35px;
	color:#000000;
}

#selTop li a:hover, #selTop li .clsActive {
	background:url(../images/sub_li-w.png) no-repeat left top;

	width:112px;
	height:35px;
	color:#000000;
}
#selTop .clsActive a{
	background:url(../images/top_hover.png)  no-repeat left top;

	color:#fff;
	width:112px;
	height:35px;
}

#selTop li a.selected{ /*selected main tab style */
position: relative;
	background:url(../images/sub_li-w.png) no-repeat left top;
	color:#000000;
	width:112px;
	height:35px;
	font-weight:bold;
	border-bottom: 4px solid #ffffff ;

}
#selTop li a.selected{ /*selected main tab style */
border-bottom:1px solid #fff;
}
#selTop li a.selected:hover{ /*selected main tab style */
	background:url(../images/sub_li-w.png) no-repeat left top;
    text-decoration:none;
	color:#000000;
}

.tab_container {
width:650px;
min-height:200px;

}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
color: white;
border-color: #D25A0B; /*Brown color theme*/
}

a.smlred {
 color:#FF0000;
 font-weight:bold;
 font-size:110%;
}

#contactmedia {
  font-size:140%;
  line-height: 160%;
}
/* event */

.event_tab a {
  background-image: url(../images/whiteline.gif);
  background-repeat: repeat-x;
  background-position: top left;
  padding: 7px 10px 7px 10px;
  border: 1px solid #AAAAAA;
  border-left: none;
  font-weight: bold;
  display: block;
  background-color: #EEEEEE
}

.event_tab a:hover {
  background-color: #F4F4F4
}

.event_tab_active a, .event_tab_active a:hover {
  background-color: #FFFFFF;
  border-bottom: 1px solid transparent
}

.event_tab_left a {
  border-left: 1px solid #AAAAAA
}

.event_tab_end {
  border-bottom: 1px solid #AAAAAA
}


div.right_block_apps{

	padding:5px 5px 2px 0px;

	float:left;

	text-align:left;

	width:110px;

}
.fontlook {
  font-size:110%;
/*  line-height: 160%;    */
}

.eventlook {
	text-align:right;
    font-weight: bold;
    vertical-align: top;
    padding-right: 10px;
}

.yellow-row {
  background-color: #EFEFEF;
}

.leftSide {
	padding: 10px 20px 0px 0px

}

.framearound {
text-align:center;
float:left;
width:142px;
height:180px;
padding: 10px;
border: 1px solid #CCCCCC;
margin-right: 10px;
margin-bottom: 10px;
}

.frameBlog {
float:left;
width: 478px;
height:145px;

}

.vidbox {
  background-image: url(../images/addins/page-bg3.png);
 height:225px;
}


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding:6px 0 7px 0;
margin-top:0px;
margin-bottom: 0;
margin-left:0px;
font: bold 16px arial;
list-style-type:none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li.z{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
position: relative;
z-index:1;
padding:7px 13px 7px 10px;
background:#f7f7f7;
margin-right:0px;
background-image: url(../images/ajax_back.gif);
background-repeat:no-repeat;
color:#000;
}

.shadetabs li.z a{
text-decoration: none;
position: relative;
z-index:1;
padding:7px 39px 7px 40px;
background:#f7f7f7;
margin-right:2px;
background-image:url(../images/ajax_back.gif);
background-repeat:no-repeat;
color:#e87107;
}
.shadetabs li.y a{
text-decoration: none;
position: relative;
z-index:1;
padding:7px 42px;
background:#f7f7f7;
margin-right:2px;
background-image:url(../images/ajax_back.gif);
background-repeat:no-repeat;
color:#32aae3;
}

.shadetabs li.x a{
text-decoration: none;
position: relative;
z-index:1;
padding:7px 44px 7px 44px;
background:#f7f7f7;
margin-right:2px;
background-image:url(../images/ajax_back.gif);
background-repeat:no-repeat;
color:#76c002;
}
.shadetabs li.m a{
text-decoration: none;
position: relative;
z-index:1;
padding:7px 25px 7px 25px;
background:#f7f7f7;
margin-right:0px;
background-image:url(../images/ajax_back.gif);
background-repeat:no-repeat;
color:#e87107;
}

.shadetabs li a:visited{
}

.shadetabs li.z a:visited{
}

.shadetabs li.m a:visited{
}

.shadetabs li.x a:visited{
}

.shadetabs li a:hover{
text-decoration:none;
background-image:url(../images/ajax_black_hover.gif);
background-repeat:no-repeat;
}

.shadetabs li.z a:hover{
text-decoration:none;
background-image:url(../images/ajax_orange_hover.gif);
background-repeat:no-repeat;
}

.shadetabs li.m a:hover{
text-decoration:none;
background-image:url(../images/ajax_blue_hover.gif);
background-repeat:no-repeat;
}

.shadetabs li.x a:hover{
text-decoration:none;
background-image:url(../images/ajax_green_hover.gif);
background-repeat:no-repeat;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background:#fff;
background-repeat:no-repeat;
}

.shadetabs li.z a.selected{ /*selected main tab style */
position: relative;
background:#fff;
background-repeat:no-repeat;
}

.shadetabs li.m a.selected{ /*selected main tab style */
position: relative;
background:#fff;
background-repeat:no-repeat;
}
.shadetabs li.x a.selected{ /*selected main tab style */
position: relative;
background:#fff;
background-repeat:no-repeat;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image:url(../images/ajax_black.gif);
color:#fff;
}

.shadetabs li.z a.selected{ /*selected main tab style */
background-image:url(../images/ajax_orange.gif);
color:#fff;
}

.shadetabs li.m a.selected{ /*selected main tab style */
background-image:url(../images/ajax_blue.gif);
color:#fff;
}

.shadetabs li.x a.selected{ /*selected main tab style */
background-image:url(../images/ajax_green.gif);
color:#fff;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.login_btn {

	background:url(../images/login_btn_yellow.gif);

	background-repeat:no-repeat;

	width:194px;

	height:49px;

	margin-left:10px;

	cursor:pointer;

	border:none;

	float:left;

	margin-top:5px;

	margin-bottom:

}
.row_alternating{

background:#d8dfea;
}

.login_btn:hover {

	background:url(../images/login_btn_blue.gif);

	background-repeat:no-repeat;

	width:194px;

	height:49px;

}
.mypets{ /*header of 1st demo*/
cursor: hand;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

	/* HOME PAGE - SIMPLETABS */
div.simpleTabs { padding: 10px 10px 10px 0; }
ul.simpleTabsNavigation { margin:0 10px; padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; border-bottom: none; padding:6px 6px; background:#F0F0F0; font-size:12px; text-decoration:none; }
ul.simpleTabsNavigation li a:hover { text-decoration:none; background-color:#F6F6F6; border-bottom: none; }
ul.simpleTabsNavigation li a.current { background: #fff; color:#222; border-bottom: 1px solid #fff; }
div.simpleTabsContent { border:1px solid #E0E0E0; background: #fff; padding:5px 15px 15px 15px; margin-top:5px; display:none; }
div.simpleTabsContent.currentTab { display:block; }



img {   border-style: none;   }

.roundcont {
    width:675px;
    padding: 20px 20px 30px 20px;
    min-height: 80px;
    -webkit-border-radius: 0px 53px 0px 53px;
    -moz-border-radius: 0px 53px 0px 53px;
    border-radius: 0px 53px 0px 53px;
    border:1px solid #C8C7C9;
    background-color:#EBF2F2;
}