/* COLOR REFERENCE 

PURPLE: #b19ac9;
DARK PURPLE: #8b75a1;
DARKER PURPLE: #3c2059;
LIGHT PURPLE: #e7dbf3;
LIGHTER PURPLE: #f2ebfa;

ORANGE: #faa634;
DARK ORANGE: #955600;
LIGHT ORANGE: #fcc478;
LIGHTER ORANGE: #f9ead6;

BEIGE: #ecdfa7;
LIGHT BEIGE: #fef9e2;

LIGHTEST GRAY: #f2f2f2;
LIGHTER GRAY: #ebebeb;
LIGHT GRAY: #bebebe;
MEDIUM GRAY: #808285;
DARK GRAY: #59595c;

*/


/*
GENERAL PAGE STYLES
--------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", tahoma, verdana, sans-serif;
	font-size: 10px;
	background-color: #fff;
}

#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}	

#top-bar-fluid {
	width: 100%;
	background-color: #333;
	border-bottom: 1px solid #777;
}

#top-bar {
	width: 984px;
	margin: 0 auto;
	padding: 5px 20px;
	text-align: right;
	background-color: #333;
}

#top-bar a {
	padding: 0 5px;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
	
#header-fluid {
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 0;
	background: url(images/header_bg_repeat.jpg) repeat-x top #fff;
}

#header {
	width: 984px;
	height: 90px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(images/header_bg_repeat.jpg) repeat-x top #fff;
}

#header-logo {
	float: left;
	width: 197px;
	height: 90px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#header-login {
	float: right;
	height: auto;
	margin: 10px 0;
	padding: 5px 10px;
	background: url(images/header_login_bg.png) repeat-x #59595c;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	overflow: hidden;
}

#header-login label {
	margin: 0;
	padding: 0 2px;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}

#header-login td {
	margin: 0;
	padding: 0 5px;
}

#navbar-fluid {
	width: 100%;
	height: 38px;
	margin: 0;
	padding: 0;
	background: url(images/prim_nav_bg_repeat.jpg) repeat-x top #444;
}

#navbar {
	width: 984px;
	height: 38px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(images/prim_nav_bg_repeat.jpg) repeat-x top #444;
}

#navbar-menu {
	float: left;
	height: 38px;
	margin: 0;
	padding-left: 200px;
}

#navbar a {
	display: block;
	margin: 0 10px 0 0;
	padding: 0 10px;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 30px;
	color: #59595c;
	text-decoration: none;
}

#navbar a:hover {
	color: #fff;
	background: url(images/prim_nav_bg_hover.png) repeat-x top #444;
}

#navbar-search {
	float: right;
	height: 38px;
	margin: 0;
	padding: 0;
}

#navbar-search form {
	margin: 0;
	padding: 0;
}

#navbar-search .text-field {
	float: left;
	height: 18px;
	margin: 4px 0;
	padding: 0;
	border: 1px solid #59595c;
}

#navbar-search .search-btn {
	float: left;
	height: 30px;
	margin: 0;
	padding-bottom: 8px;
}

#content {
	width: 1064px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}

#left-sidebar {
	position: relative;
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
	background: url(images/left_sidebar_bg_repeat.jpg) repeat-y top #fff;
	overflow:hidden;
}

#left-sidebar-top {
    position: relative;
	width: 200px;
	height: 16px;
	margin: 0;
	padding: 0;
	background-image: url(images/left_sidebar_top.jpg);
}

.left-sidenav-menu {
	position: relative;
	width: 200px;
	margin-bottom: 15px;
	padding: 0;
}

.left-sidenav-menu-title { /* STYLES <span> and <a> */
	display: block;
	width: 160px;
	margin: 0;
	padding: 0 20px;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	color: #59595c;
	background: url(images/sidenav_menu_title_bg.png) repeat-y;
}

a.left-sidenav-menu-item { 
	display: block;
	width: 170px;
	padding: 10px 10px 10px 20px;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	color: #59595c;
	text-decoration: none;
	background: url(images/sidenav_link_divider.png) bottom no-repeat;
}

a.left-sidenav-menu-item:hover {
	color: #000;
	background: url(images/sidenav_link_bg.png) repeat-y;
}

#left-sidebar-bottom {
	width: 200px;
	height: 100px;
	margin: 0;
	padding: 0;
	background-image: url(images/left_sidebar_bottom.jpg);
}

#page-head-inner {
	width: 784px;
	height: 250px;
	padding: 0 20px;
	float: left;
	margin: 0;
}

#page-head-full {
	width: 984px;
	margin: 0;
	padding: 0;
}

#page-head-half {
	width: 432px;
	margin: 0;
	padding: 0;
}

#inner-content {
	overflow: hidden;
	position: relative;
	float: left;
	width: 784px; /* 824px - 20px padding */ 
	margin: 0;
	padding: 0 20px;
	background-color: #fff;
	top: 0px;
	left: 0px;
}

#mid-column { /* MIDDLE COLUMN FOR PAGES WITH SIDE NAV */
	float: left;
	width: 444px;
	padding: 20px 0;
	margin-right: 20px;
}

.mid-block {
	float: left;
	width: 444px;
	margin-bottom: 20px;
	padding: 0;
}	

#right-column { /* RIGHT COLUMN FOR PAGES WITH SIDE NAV */
	float: left;
	width: 320px;
	padding: 20px 0;
}

.right-block {
	float: left;
	width: 320px;
	margin-bottom: 20px;
	padding: 0;
}	

#wide-column {
	float: left;
	width: 704px;
	margin-right: 20px;
	padding: 20px 0;	
}

#full-column {
	float: left;
	width: 984px;
	padding: 20px;
}

.half-column { 
	float: left; 
	width: 472px; 
	margin: 0; 
	padding: 20px;
}
.half-column1 { 
	float: left; 
	width: 492px; 
	margin: 0; 
	padding: 20px;
	padding-right:0px;
}
.half-column2 { 
	float: left; 
	width: 512px; 
	margin: 0; 
	padding: 0px;
	
}
#footer {
	width: 984px;
	margin: 20px auto 0 auto;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #ebebeb;
	background-color: #fff;
}

#footer a {
	padding: 0 10px;
	font-size: 10px;
	color: #59595c;
}


/*
COMMON ELEMENTS
------------------------------------------------------ */

.loading {
	background: url(images/spinner.gif) 50% 50% no-repeat;	
}

.member-thumb {
	width: 50px;
	height: 50px;
	overflow:hidden;
    margin: 0;
    padding: 0 10px; 
}

.med-thumb {
	float: left;
	width: 98px;
	height: 80px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid #b19ac9;
}

iframe {
	margin: 0 auto;
	text-align: center;
}


/*
RECENT ACTIVITY 
------------------------------------------------------ */

.member-grid {
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 5px;
	text-align: center;
	word-wrap: break-word;
	overflow: hidden;
}

.member-grid-name {
	color: #59595c;
	font-size: 9px;
	font-weight: normal;
}

.new-member {
	margin: 0;
	padding: 0 10px;
	border-bottom: 1px solid #ebebeb;
	word-wrap: break-word;
}

.new-member table {
	width: 100%;	
}

.new-member td {
	padding: 3px 0;	
}

.feat-entry {
	cursor: pointer;
	float: left;
	padding: 5px;
	text-align: center;
}	

.feat-entry-title {
	float: left;
	width: 100px;	
	padding: 5px 0;
	word-wrap: break-word;
}


/* ARCHIVE LISTS (Recent, Popular, etc.)
------------------------------------------------------ */

.archive-container {
	margin-bottom: 15px;	
}

.archive {
	margin: 0;
	padding: 0 10px;
	border-bottom: 1px solid #ebebeb;
}	

.archive table {
	width: 100%;
}

.archive td {
	margin: 0;
	padding: 3px 0;
}	

.archive p {
	margin: 0;
	padding: 5px 10px;
	background-color: #f9ead6;	
}

.archive-title {
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	color: #59595c;
}

.archive-title img {
	float: left;
	border: none;
	padding-right: 5px;
}

.archive-tags {
	padding: 0;
	font-size: 9px;
	font-weight: normal;
	color: #59595c;
}



/*-------------------- FORMS --------------------*/

.form-container {
	margin: 0;
	padding: 0;
}	

.form-container table {
	width: 100%;	
}

.form-container td {
	padding: 5px 0;
}

.form-divider {
	position: relative;
	border-bottom: 1px solid #ebebeb;
}

label {
	padding: 0 5px;
    font-size: 10px;
    color: #59595c;
}	

.label-cell {
	text-align: right;
}

.input-cell {
	text-align: left;
}

.plain-text-input {
	height: 14px;
	margin: 0;
	padding: 3px;
	border: 1px solid #808285;
}

.plain-textarea {
	width: 100%;
	border: none;
	border: 1px solid #59595c;
}

.pretty-text-field {
	margin: 0;
	padding: 2px 5px;
	font-size: 12px;
	border: 1px solid #59595c;
}

.pretty-purple-btn {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px;
	color: #fff;
	background-color: #b19ac9;
	border: 1px solid #8b75a1;
}

.image-button {
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.hiddenFields {
	display: none;
}

/*-------------------- MEMBER PAGES --------------------*/

.message {
	position: relative;
	margin-bottom: 10px;
	padding: 0;
}

.message .message-icon {
	float: left;
	width: 25px;
	height: 25px;
	padding: 0 10px;
	border: none;
}

.message .message-text {
	float: left;
	font-size: 16px;
	color: #8b75a1;
	line-height: 25px;
}

.message .message-error {
	float: left;
	font-size: 16px;
	color: #F00;
	line-height: 25px;
}

#profile-container {
	float: left;
	margin: 0;
	padding: 20px;
}	

#profile-sidebar {
	position: relative;
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#profile-menu {
	float: right;
}

#profile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#profile-menu ul li {
	float: left;
	display: inline;
}

#profile-menu ul li a {
	display: block;
	padding: 0 10px;
	font-size: 10px;
	font-weight: bold;
	line-height: 25px;	
	color: #8b75a1;
	background-color: #e7dbf3;
	border: 1px solid #fff;
}	

#profile-menu ul li a:hover {
	color: #000;
	border: 1px solid #8b75a1;
}

#profile-pic {
	width: 150px;
	margin: 0 auto;
}

#profile-list {
	float: left;
	width: 784px;
	margin: 0;
	padding: 0;
}	

#profile-list td {
	padding: 5px 0;	
}

.profile-head {
	position: relative;
	clear: both;
	width: 784px;
	margin: 5px 0;
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #b19ac9;
	border-bottom: 1px solid #bebebe;	
}

#status {
	float: left;
	width: 764px;
	margin: 5px 0;
	padding: 5px 10px;
	background-color: #f2ebfa;
}

#status p {
	font-size: 12px;
	font-weight: normal;
	margin: 3px 0;
	padding: 5px;
	color: #000;
	background-color: #fff;
}


/*-------------------- STANDARD AD HOLDERS --------------------*/

.medium-rectangle {
	width: 300px;
	height: 250px;
	margin: 0 auto;
	padding: 0;
	border: none;
}

.medium-rectangle img {
	border: none;	
}

.leaderboard {
	width: 728px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.leaderboard img {
	border: none;	
}



/*------------------ MISC. FORMATTING -------------------*/

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.space {
	padding: 5px;	
}

a img {
	border: none;
}

a {
	color: #59595c;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.pad-cell {
	margin: 0;
	padding: 10px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/*--------------------  TEXT STYLES --------------------*/

.purple-undr {
	position: relative;
	margin-bottom: 10px;
	padding: 0;
	font-size: 15px;
	line-height: 25px;
	color: #59595c;
	font-weight: bold;
	border-bottom: 1px solid #8b75a1;
	background: url(images/purple_title_bg.png) left bottom no-repeat;
}

.orange-undr {
	position: relative;
	margin-bottom: 10px;
	padding: 0;
	font-size: 15px;
	line-height: 25px;
	color: #59595c;
	font-weight: bold;
	border-bottom: 1px solid #faa634;
	background: url(images/orange_title_bg.png) left bottom no-repeat;
}

.lg-orange-undr {
	position: relative;
	margin-bottom: 10px;
	padding: 0;
	font-size: 18px;
	line-height: 35px;
	color: #59595c;
	font-weight: bold;
	border-bottom: 1px solid #faa634;
	background: url(images/orange_title_bg.png) left bottom no-repeat;
}

.lg-purple-undr {
	position: relative;
	margin-bottom: 10px;
	padding: 0;
	font-size: 18px;
	line-height: 35px;
	color: #59595c;
	font-weight: bold;
	border-bottom: 1px solid #8b75a1;
	background: url(images/purple_title_bg.png) left bottom no-repeat;
}

.purple-headline {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #8b75a1;
}

.orange-headline {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #faa634;
}

.gray-headline {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	color: #59595c;
}


.small-purple-text {
	font-size: 10px;
	font-weight: normal;
	color: #b19ac9;
}

.small-orange-text {
	font-size: 10px;
	font-weight: normal;
	color: #e08100;
}

.small-gray-text {
	font-size: 10px;
	font-weight: normal;
	color: #59595c;
}

.small-white-text {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}

.small-black-text {
	font-size: 10px;
	font-weight: normal;
	color: #000;
}

.small-purple-link {
	font-size: 10px;
	font-weight: normal;
	color: #b19ac9;
	text-decoration: none;
}

.small-purple-link:hover {
	color: #8b75a1;
}

.small-gray-link {
	font-size: 10px;
	font-weight: normal;
	color: #59595c;
	text-decoration: underline;
}

.small-gray-link:hover {
	color: #000;
}

.small-white-link {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

.small-white-link:hover {
	text-decoration: underline;
}

.med-purple-text {
	font-size: 12px;
	font-weight: normal;
	color: #8b75a1;
}

.med-orange-text {
	font-size: 12px;
	font-weight: normal;
	color: #e08100;
}

.med-gray-text {
	font-size: 12px;
	font-weight: normal;
	color: #59595c;
}

.med-white-text {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
}

.med-black-text {
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

.med-black-bold-text {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.med-black-cap {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

.med-purple-link {
	font-size: 12px;
	font-weight: normal;
	color: #8b75a1;
	text-decoration: none;
}

.med-purple-link:hover {
	color: #8b75a1;
}

.med-orange-link {
	font-size: 12px;
	font-weight: normal;
	color: #e08100;
	text-decoration: none;
}

.med-orange-link:hover {
	color: #955600;
}

.med-white-link {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

.med-gray-link {
	font-size: 12px;
	color: #59595c;
	text-decoration: none;
}

.med-gray-link:hover {
	color: #000;
}

.med-gray-bold-link {
	font-size: 12px;
	font-weight: bold;
	color: #59595c;
	text-decoration: none;
}

.med-gray-bold-link:hover {
	color: #000;
}

.large-purple-text {
	font-size: 16px;
	font-weight: normal;
	color: #8b75a1;
}

.large-gray-text {
	font-size: 14px;
	font-weight: normal;
	color: #59595c;
}

.large-black-text {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
	
.large-black-link {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

.large-purple-link {
	font-size: 16px;
	font-weight: bold;
	color: #8b75a1;
	text-decoration: none;
}

.large-purple-link:hover {
	color: #3c2059;
}

.large-gray-link {
	font-size: 16px;
	font-weight: bold;
	color: #59595c;
	text-decoration: none;
}

.large-gray-link:hover {
	color: #000;
}

.large-orange-link {
	font-size: 16px;
	font-weight: bold;
	color: #faa634;
	text-decoration: none;
}

.large-orange-link:hover {
	color: #955600;
}

.panelVis{ display:inline;}

#ctl00_LoginControl1_txtUserName
{
     background-color:White;
     background-image:url(images/Email_bg.jpg);
     background-repeat:no-repeat;
    
    }
    
 /*  .image-button { background-image:url(images/login_btn.png); display:inline-block;  background-repeat:no-repeat; width:50px; height:20px; margin:0; padding:0}
    
 *./