/* SC Vista Date Layout Styles*/

/* element selectors */

*
{
	margin:0;
	padding:0;
}

body
{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#36C;
	background-image:url('http://www.brainiacdating.com/layouts/vd/img/star_bg3.gif');
}

a,a:visited,a:link
{
	color:#07F;
}

a:hover
{
	text-decoration:none;
	color:#0FF;
	background:#000;
	text-decoration:underline;
}

table
{
	border:0;
	border-collapse:collapse;
}

td
{
	height:20px;
	padding:2px;
}

a img
{
	border:none;
}

h1
{
	padding:0 0 10px 5px;
	font:bold 22px Arial;
	letter-spacing:1px;
	display:inline;
}

h2
{
	padding:5px 0;
	font-size:14px;
}

select,
.input_text,
textarea
{
	background:#EEEEEE;
	border:1px solid #666699;
	padding:1px;
	font:11px Verdana;
	color:#000;
}

/* end of element selectors */

/* base markup elements */

#container
{
	width:900px;
	margin:3px auto;
	text-align:left;

}

#middle
{
	padding-top:10px;
        border-bottom-left-radius: 12px;
        -moz-border-bottom-left-radius: 12px;
        -webkit-border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        -moz-border-bottom-right-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;

}

#content
{
	position: relative;
	float:right;
	width:733px;
	padding: 2px 2px 2px 6px;
}

#content_wide
{
	position: relative;
	float:center;
	width:849px;
	padding: 2px 25px 2px 25px;
        border-top-left-radius: 12px;
        -moz-border-top-left-radius: 12px;
        -webkit-border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        -moz-border-top-right-radius: 12px;
        -webkit-border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        -moz-border-bottom-left-radius: 12px;
        -webkit-border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        -moz-border-bottom-right-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;


}





#myspace_content
{
	float:right;
	width:724px;
	padding: 2px 2px 2px 2px;
}

#sidebar
{
	float:right;
	width:170px;
	margin-top:10px;
	padding:0px 0px 0px 0px;

}
/* end of base markup elements */

/* common classes */

.clr
{
	clear:both;
}

.error_msg {
	color: #AF1111;
}

#page_message
{
	font-size:12px;
	text-align:center;
	background:#FFF;
	color:#F00;
}

.page_error,
.page_notice
{
	padding:5px;
	background:#EEEEEE;
	color:#Fb0505;
	font-weight:bold;
}

.page_message
{
	padding:5px;
	margin-top:2px;
	background:#FFFFFF;
	color:#009;
	border:1px dotted green;
	font-weight:bold;
}

.submit,
.submit_green
{
	height:22px;
	background:url(img/ec_submit_bg.jpg) repeat-x;
	border:2px solid #333;
	padding:0 5px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#FFF;
	cursor:pointer;
}
.submit {
	color:#FFF;
}
.reset
{
	height:20px;
	background: #CCC;
	padding:2px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000;
	cursor:pointer;
}

.sidebar_cont .submit_green
{
	background:url(img/ec_submit_bg.jpg) repeat-x;
}

/* block functions classes */


.block_cap_wo_pre
{
}

.block_cap_wo_content,
.block_cap_wf_content,
.block_cap_wg_content,
.block_cap_no_content,
.block_cap_ng_content
{
	padding-top:5px;
	padding-bottom:5px;
	font:20px Arial;
	font-style:italic;
	color:#8833FF;
	background:#EEE;
	text-align:center;
        border: 3px solid #666;
	margin:2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;


}
.block_cap_wf_content{
	background:#EEE;
}

*+html .block_cap_wo_content,
*+html .block_cap_wf_content,
*+html .block_cap_wg_content,
*+html .block_cap_no_content,
*+html .block_cap_ng_content
{
	padding-bottom:4px;
}


.block_cap_no_content,
.block_cap_ng_content
{
}


.block_cap_wg_content,
.block_cap_ng_content
{
	color:#000;
	background:#DDDDFF;
	border: 1px solid #EEF;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 3px solid #666;
	margin:2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;


}

.block_body_pre_bg
{
background:#EEF;
        border: 3px solid #666;
	margin:2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

.block_body_post_bg
{
}

.block_body_pre
{
	padding-left:10px;
}

.block_body_post
{
	padding-right:10px;
}

.block_body_content
{
}

.block_body_wb
{
	padding:2px;
	background:#F7F9FF;
        border: 3px solid #666;
	margin:2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

.block_bottom
{
	background:#F0F0FF;
	text-align:right;
	padding:5px 9px;
	color:#003;
	font-size:14px;
        border-radius: 5px;
        border: 3px solid #666;
	margin:2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

/* end of block functions classes */

/*pics blocks styles*/

.bookmark,
.unbookmark,
.block,
.unblock,
.friend,
.stranger,
.compose_msg,
.send_kiss
{
	padding:1px 0px 2px 20px;
	background:url(img/bookmark.gif) no-repeat;
	margin-top:5px;
}

.block_info
{
	/* deleted ugly I character */
	padding:10px 6px 6px 6px;
	text-indent:20px;
	text-align:left;
}

.bookmark,
.unbookmark,
.block,
.unblock,
.friend,
.send_kiss,
.compose_msg,
.send_profile,
.stranger,
.accept,
.decline
{
	margin-top:5px;
	padding:1px 0px 5px 27px;
}

.bookmark,
.unbookmark
{
	background:url(img/useradd.png) no-repeat;
}

.got_friend_requests,
.sent_friend_requests
{
	margin-top:5px;
	padding:1px 0px 5px 27px;
	background:url(img/friend_requests.png) no-repeat;
}


.block
{
	background:url(img/userremove.png) no-repeat;
}

.unblock
{
	background:url(img/unblock.png) no-repeat;
}

.friend
{
	background:url(img/friend.png) no-repeat;
}

.stranger
{
	background:url(img/close.png) no-repeat;
}

.accept
{
	background:url(img/check.gif) no-repeat;
}

.decline
{
	background:url(img/locked.gif) no-repeat;
}

.send_profile
{
	background:transparent url(img/document.png) no-repeat;
}

.compose_msg
{
	background:transparent url(img/mail.png) no-repeat;
}

.send_kiss
{
	background:transparent url(img/heart.png) no-repeat;
}
/*pics blocks styles*/







/* --- Forum styles --- */
.forum_tbl
{
	background-color:#EEE;

}
.forum_tbl td
{
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}
.forum_tbl th
{
	border:1px solid #CCCCCC;
	background:#EEEEEE;
	padding:4px;
	text-align:left;
	color:#000000;
}
.sub_table_class
{
	border-collapse:separate;
}
.sub_table_class td
{
	border:1px solid #BEBEBE;
	padding:2px 4px;
}
.center_color
{
	text-align:center;

}
.page_num
{
	width:45px;
}
.last_post
{
	font-size: 12px;
	margin: 2px 1px;
}
.move_cont
{
float:left;
        padding: 0px 1px 2px 0px;
        color: #000;
        font-weight: bold;
        cursor: pointer;
        text-decoration:none;
        margin-right: 2px;
}
.close_forum_cont,
a.close_forum_cont:link,
a.close_forum_cont:visited
{
	float: right;
	border: 1px solid #FEBEBE;
	background: #FE3333;
        padding: 0px 1px 2px 0px;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	text-decoration:none;
	margin-right: 2px;
}
a.close_topic:link,
a.close_topic:visited,
a.open_topic:link,
a.open_topic:visited,
a.del_topic:link,
a.del_topic:visited,
a.move_topic:link,
a.move_topic:visited,
a.for_aprrove:link,
a.for_aprrove:visited,
a.edit_topic:link,
a.edit_topic:visited
{
	display:block;
	float:left;
	padding:2px 0 3px 3px;
	line-height:normal;
	text-decoration:none;
	margin-right:12px;
}
.closed
{
	width:100%;
	height:30px;
	background:url(img/locked.gif) no-repeat center center;
}
.active
{
	width:100%;
	height:30px;
	background:url(img/check.gif) no-repeat center center;
}
.active1
{
	width:100%;
	height:30px;
	background:url(img/check1.gif) no-repeat center center;
}
.active2
{
	width:100%;
	height:30px;
	background:url(img/check2.gif) no-repeat center center;
}
a.forum_top_link
{
	background:#EFF;
	padding:3px;
	text-decoration:none;
}
.banned_list
{
	padding:8px;
	width:200px;
	float:right;
	text-align:right;
}

.index_next_video a
{
	text-decoration: none;
	color: #ff9000;
	float:right;
}

/*jq.tabs.css* -BEGIN/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0px;
	padding: 0;
    min-width: 69px; /* be nice to Opera */
	width: 69px;
}

#index_photos .tabs-nav li
{
	min-width: 137px; /* be nice to Opera */
}
.profiles_index_cont {
	background: #FFFFFF;
	color: blue;
	padding: 8px;
}

.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 1px;
    background: url(img/tab.png) no-repeat;
}
.tabs-nav a {
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #bfbebe;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
    white-space: nowrap; /* required in IE 6 */    
    position: relative;
}
.tabs-nav .tabs-selected a {
    color: #bfbebe;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 3px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 4px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -23px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    padding: 1em 8px;
    background: transparent; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(img/loading.gif) no-repeat 0 50%;
}
/*jq.tabs.css -END*/

/*jq.tabs-ie.css -BEGIN*/
/*
Tabs - additional IE specific bug fixes

Recommended usage (Conditional Comments):
<!--[if lte IE 7]>
<link rel="stylesheet" href="tabs_ie.css" type="text/css" media="projection, screen" />
<![endif]-->

*/
.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}

/*jq.tabs-ie.css -END*/
# added by Lawrence
# for large pieces of text
.max_text_width {
        width:500px ;
}
#middle_index_cont
{
        position:relative;
        height:275px;

}

#middle_index_cont_no_image
{
        position:relative;
        height:255px;
}

############################ SPECIAL CUSTOMIZATIONS ################################
.background2 { background:#000;}
.background3 { background:#333;}
.reverse_color {color:#333333;}
.reverse_color2 {color:#00FFFF;font-size:15px}
.reverse_color_reverse {color:#000000;}
.reverse_color_w_bck {color:#0000FF;background:#FFEECC;}
.tr_1 { background:#EEFFFF; color:#00F;padding: 2px 2px 2px 2px; border-bottom:2px solid #FFFFFF; }
.tr_2 { background:#EEFFEE; color:#060;padding: 2px 2px 2px 2px;  border-bottom:2px solid #FFFFFF;}
.tr_1 a { color:#066; font-weight:bold;}
.tr_2 a { color:#306; font-weight:bold;}
.tr_1 a:hover { color:#C3F; background:#FFf;padding: 2px 0px 2px 0px; }
.tr_2 a:hover { color:#C3F; background:#FFf;padding: 2px 0px 2px 0px; }

.tr_3f  { background:#EDFEFF; color:#00F;padding: 2px 2px 2px 2px;height:38px; border:2px solid #FFFFFF; }
.tr_2f  { background:#FEFEF0; color:#000;padding: 2px 2px 2px 2px;height:38px; border:2px solid #FFFFFF; }
.tr_3f a { color:#00F;padding: 2px 2px 2px 2px;height:38px}
.tr_2f a { color:#33F;padding: 2px 2px 2px 2px;height:38px}
.tr_3f a:hover { color:#0FF; background:#000;padding: 2px 2px 2px 2px;height:38px;text-decoration:none; }
.tr_2f a:hover { color:#0FF; background:#000;padding: 2px 2px 2px 2px; height:38px;text-decoration:none;}

.tr_1b  { background:#EFF; text-decoration:none;color:#900;padding: 2px 2px 2px 2px;height:38px; border:3px solid #FFFFFF;}
.tr_2b  { background:#F0FFF0; color:#009;text-decoration:none;padding: 2px 2px 2px 2px;height:38px; border:3px solid #FFFFFF;}
.tr_1b a { color:#060;padding: 2px 2px 2px 2px;height:38px;text-decoration:none; }
.tr_2b a { color:#009;padding: 2px 2px 2px 2px;height:38px;text-decoration:none; }
.tr_1b a:hover { color:#FFF; background:#336;padding: 2px 2px 2px 2px;height:38px;  }
.tr_2b a:hover { color:#FFF; background:#336;padding: 2px 2px 2px 2px; height:38px; }

.row_1 { background:#EEEEFF; color:#000 }
.row_2 { background:#FFFFFF; color:#006 }
.row_1 a { color:#00F; }
.row_1 a:hover { color:#FFF; }
#sub_header
{
        position:relative;
	height:66px;
        background:url('http://brainiacdating.com/layouts/vd/img/ec_header_logo_2011august11.jpg') no-repeat;
	z-index:-2;

}
.star_background 
{
        background-image: url(img/star_bg3.gif);
}

.msg_contact_tbl_header {
background:#CFF;
color:#003;
}
.pop_cat_cont 
{
background:#F0FFFF;
color:#F03;
padding: 1px 1px 0;
}
.pop_cat_cont a:hover
{
color:#FFF;
background:#393;
}
.pop_cat_cont a
{
color:#30F;
}
.logpass {
color:#777;
}
.index_sign_in_submit a
{
	color: #999999;
	font-style: italic;
}
.rm_div
{
	font-style: italic;
        color: #777;
}
.rm_div a:hover {
        color: #000;
	padding:1px;
	background:#FFF;

}

.block_cap_no_content
{
	background:#EEE;
	border:1px solid #FFFFFF;
	text-shadow: 2px 2px 2px #999;
}
.td_bold_border td
{
border:1px solid #FFFFFF;
}
.input_colors {
        background-color: #EEEEEE;
        border-color: #999;
	border-width: 1px;
	color:blue;
}



.link2 {
	color:#CCC;
	font-size:14px;
}
.link3 {
	color:#9FC;
	font-size:12px;
	font-style:italic;
}

#main_menu_cont {
background:#006699;
}
.page_nav1 a:hover {
background:#EEE;
color:#000;
}
.main_submenu_item
{
        background:#FFFFFF;
	padding:2px;
}
.bot_menu {
background:#FFFFFF;
}
.popup1{
display:none;
position:absolute;
width:345px;
opacity:0;
z-index:10;
background: #EEEEFF;
color:blue;
padding:8px;
}
.no_highlight a:hover
{
background:#FFF;
}
.profiles_index_cont,.photos_index_cont 
{
        position:relative;
        width: 295px;
        height: 270px;
        float: left;
        border:1px solid #000;
        border-radius: 10px;
        -moz-border-radius: 10px;
        padding: 1px 1px;


}
.white_bg {
background:white;
color: black;
padding:5px;
margin:0px;
width:400px;
}
.FFF {
box-shadow: 0px 0px 0px #FFF;
-webkit-box-shadow: 0px 0px 0px #FFF;
top:-15px;
right:-10px;
position:relative;
}
.FFF:hover {
border: none;
}

.hiddentext a span {
display: none;
}
.hiddentext a:hover > span {
display: block;
font-size:11px;
font-weight:bold;
color:#00F;
padding:3px;
position:fixed;
top:297px;
left:840px;
position: relative;
top:10px;
left:-2px;
z-index:3000;
}
.forum_cats 
{
background: #000;
padding:2px;
color:#0FF;
}
.alpha60 {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
form {
background:white;
padding:2px;
}
input:focus,textarea:focus,select:focus
{
        padding:2px;
        background-color:#F4F6FF;
        border: 1px dotted #60F;
        outline:#0FF dashed thin;
}
input:focus,textarea:focus {
        color:#90F;
}
select:focus { color:#00F;}