@charset "windows-1255";
body, p, table, td, ul, li, h1, h2, h3, h4, input, select, textarea {
	font-size: 12px;
	color: #000000;
	font-family: Arial;
	margin-bottom: 0; 
	padding-bottom: 0; 
/*	background-color: #686868;*/
}

body {
	scrollbar-base-color: #9A98C0;
	margin: 0;
	border-collapse: collapse;
	font-family: Arial;
}

form {margin: 0;}

fieldset { -moz-border-radius: 8px; border-radius: 8px; } 

/*
.popup {
CURSOR: help;
TEXT-DECORATION: none
}
*/

#logo a i { visibility: hidden; }				/* used for making the logo an invisible link. see http://www.alistapart.com/articles/imagemap and header.php */


												/* menu header */
A.navigation:link,
A.navigation:visited,
A.navigation:active {font-weight: bold; font-size: 13px; color: #ffffff; text-decoration: none}
A.navigation:hover  {font-weight: bold; font-size: 13px; color: #FFC712; text-decoration: none}

A.navigation_active:link,
A.navigation_active:visited,
A.navigation_active:active {font-weight: bold; font-size: 13px; color: #FFC712; text-decoration: none}
A.navigation_active:hover  {font-weight: bold; font-size: 13px; color: #FFC712; text-decoration: none}

A.forgot:link,
A.forgot:visited,
A.forgot:active {font-size: 11px; color: #ffffff; text-decoration: none}
A.forgot:hover  {font-size: 11px; color: #ffffff; text-decoration: underline}


.menu_box {										/* for each menu option */
	width: 101px; 
	background-image: url(../graphics/menu_bg.png); 
	background-repeat: no-repeat; 
	text-align: center;
}

.login_input_box {
	font-size: 12px; 
	width: 80px; 
	height: 18px; 
	padding-left: 3px; 
	padding-top: 0;
	/*margin: 3px; */
	border: solid 1px #c658ef; 
	font-weight: bold;
}

.login_input_box_long {
	font-size: 12px; 
	width: 130px; 
	height: 18px; 
	padding-left: 3px; 
	padding-top: 0;
	margin: 3px; 
	border: solid 1px #bababa; 
	font-weight: bold;
}


a.menu_active 		{background: url('../graphics/tab_menu_active.png')   no-repeat; }
a.menu_inactive 	{background: url('../graphics/tab_menu_inactive.png') no-repeat; }
a.button {
	width: 104px;
	height: 26px !important; height: 26px;
	padding-top: 4px;
	margin-right: 5px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	float: left;
}
a.button:visited { color: #000000; }
a.button:hover { color: #000000; text-decoration: underline}





a.welcome_link:link,
a.welcome_link:visited,
a.welcome_link:active {font-size: 11px; color: #2377bf; text-decoration: none; text-align: right;}
a.welcome_link:hover  {font-size: 11px; color: #2377bf; text-decoration: underline; text-align: right;}

a.contact_link:link,
a.contact_link:visited,
a.contact_link:active {font-size: 12px; color: #0f53a6; font-weight: bold; text-decoration: none; text-align: right;}
a.contact_link:hover  {font-size: 12px; color: #0f53a6; font-weight: bold; text-decoration: underline; text-align: right;}

a.my_friends_link:link,
a.my_friends_link:visited,
a.my_friends_link:active {font-size: 12px; color: #f5204c; font-weight: bold; text-decoration: none; text-align: right;}
a.my_friends_link:hover  {font-size: 12px; color: #f5204c; font-weight: bold; text-decoration: underline; text-align: right;}


							/* footer */
a.footer_link:link,
a.footer_link:visited,
a.footer_link:active {font-size: 12px; color: #2377bf; text-decoration: none;}
a.footer_link:hover  {font-size: 12px; color: #2377bf; text-decoration: underline;}

a.footer_menulink:link,
a.footer_menulink:visited,
a.footer_menulink:active {font-size: 12px; color: #f43061; text-decoration: none;}
a.footer_menulink:hover  {font-size: 12px; color: #f43061; text-decoration: underline;}

input {
	font-weight: bold;
	color: #000000;
	border: solid 1px #909599;
	background-color: #F5F5F5;
	height: 18px; 
	/*padding-left: 2px;*/
}

input[type=checkbox], input[type=radio] { 
	vertical-align: middle; 
	position: relative; 
	height: 14px; 
	bottom: 2px; 
	border: 0;
} 

textarea {
	border: solid 1px #909599; 
	margin-width: 0px
   	font-style : normal;
   	font-weight: bold;
	color: #000000;
	padding: 3px 3px 3px 3px; 
}

td {
	margin-top: 0pt;
	/*margin-bottom: 8.0pt;*/
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal
   font-style : normal;
	color: #464646;
	/*border: 1px solid #ee9201;*/
}


.textbox {							/* text boxes on homepage */
	color: #707070;
	padding: 10px;
	border: solid 1px #F1F1F1; 
	-moz-border-radius: 8px; 
	border-radius: 8px; 
	text-align: left;
} 

.textbox_header {
	font-size: 14px;
	color: #A3A1C7;
	font-weight: bold;
	padding-bottom: 5px;
}

/*************************** tabs area ************************/
	.dg_tabPane{
		height: 40px;	/* Height of tabs */
		margin-left: 15px;
		margin-top: -55px !important; margin-top: -53px;
	}
	.dg_aTab{
		font-family: Arial;

	}
	.dg_tabPane DIV{
		float:left;
		/*height:100%;	*/
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:0px;
		margin-left:0px;
		margin-right:0px;
		z-index: 3;
	}
	.dg_tabPane .tabActive{
		background-image:url('../graphics/tab_about_hover.png');
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
		width: 115px;
		color: #F11D50;
	}
	.dg_tabPane .tabInactive{
		background-image:url('../graphics/tab_about.png');
		margin-left:0px;
		margin-right:0px;
		z-index:1;
		width: 115px;
		color: #ffffff;				
	}

	.dg_tabPane .inactiveTabOver{
		background-image:url('../graphics/tab_about_hover.png');
		margin-left:0px;
		margin-right:0px;
		width: 115px;
		color: #F11D50;
	}
	.dg_tabPane span{
		font-family:arial;
		vertical-align:top;
		/* font-size:11px; */
		/* padding-left:3px; */
		/* padding-right:3px; */		
		height:33px;
		float:left;
	}
	.dg_tabPane .tabActive span{
		/*padding-bottom:0px;*/
		height:33px;
		padding-top: 0px;

	}
	
	.dg_tabPane img{
		float:left;
	}
	
	.dg_tabLabel {
		font-size: 14px;
		font-weight: bold;
		position: relative;
		top: 10px !important;top: 8px;
		text-align: center;
		width: 123px; 
		padding-bottom: 2px;
	}

	.dg_tabLabel_active {
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		/*direction: ltr;*/
		width: 123px; 
	}



/* tooltip styling. by default the element to be styled is .tooltip   see http://flowplayer.org/tools/demos/tooltip/index.html */
.tooltip {
	display:none;
	background:transparent url('../graphics/tooltip.gif');
	background-repeat: no-repeat;
	font-size:12px;
	font-weight: bold;
	height:70px !important; height:122px;
	width:160px !important; width:209px;
	padding:25px;
	color:#F31C55;
	text-align: center;	
	z-index: 100;
}


/* girls show */
a.show_nick:link,
a.show_nick:visited,
a.show_nick:active {color: #662D91;; border: 0; text-decoration: underline}
a.show_nick:hover  {color: #662D91;; border: 0; text-decoration: underline}

a.show_nick_2:link,
a.show_nick_2:visited,
a.show_nick_2:active {color: #f11d4e;; border: 0; text-decoration: underline}
a.show_nick_2:hover  {color: #f11d4e;; border: 0; text-decoration: underline}


/*********** Style for About Template ************/
h2.aboutTitle {
    font-size: 17px;
    font-weight: bold;
    color: black;
}

span.subtitle {
    font-size:13px;
    color: black;
    font-weight: bold;
}

span.important {
    color: #cf2250;
}

tr.vertical_tab {
	background: #464646;
	cursor: pointer;
	padding: 3px; 
	background-color: #000000; 
	color: #ffffff; 
	font-size: 14px; 
	font-weight: bold;	
}

td.title {
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

td.tab_selected {
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	color: #f31c53;
}

span.question {
	color: #cf2250;
	font-weight: bold;
	padding: 0px 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
span.bullet {
	background: url('../graphics/bullet_list.png') no-repeat;
	background-position: 0% 0%;
}

p.answer {
	margin-left: 20px;
	padding-right: 60px;
	margin-top: 15px;
	margin-bottom: 15px;
}

table.subtab {
	display: none;
	width: 676px;
}

table.subtab_selected {
	width: 676px;
	display: table;
}

tr.subtab_selected {
	background-color: tranparent;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	width: 676px;
}

/*********** Styles for contact form **************/
form#contact_form input {
    width: 155px;
    background: white;
    border: 1px #909599 solid;
	font-weight: normal;
}

form#contact_form textarea {
    background: white;
    border: 1px #909599 solid;
    width: 325px;
    height: 65px;
	font-weight: normal;
}

table.table_contact_form {
    margin-left: 30px;
    margin-top: 30px;
}

table.table_contact_form th {
    width: 65px;
    color: red;
    font-weight: normal;
    text-align: left;
}





/********** right side ************/
A.contacts:link,
A.contacts:visited,
A.contacts:active {font-size: 12px; font-weight: bold; color: #f94d79; text-decoration: none}
A.contacts:hover 	{font-size: 12px; font-weight: bold; color: #f94d79; text-decoration: underline}

.relationships_count {color: #999999;}
.relationships_count_active {color: #999999; font-weight: bold}


A.friends:link 	,
A.friends:visited 	,
A.friends:active 	{font-size: 12px; font-weight: bold; color: #05abe1; text-decoration: underline}
A.friends:hover 	{font-size: 12px; font-weight: bold; color: #05abe1; text-decoration: underline}



/***************************** mycard ***********************/
.cardFieldLabel {
	font-size: 12pxt;
	color: #636363;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
}

.cardFieldLabelError {
	color: red;
}	


.cardFieldHelp {
	font-size: 10px;
	color: #636363;
	font-weight: bold;
	line-height: 10px;
	vertical-align: top;
	padding-bottom: 6px;
}

input.txtBox,
select.txtBox {
	border: 1px solid #909599;
	height: 17px;
	margin-width: 0px
	font-size: 13px;
	color: #000000;
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 0px 2px 1px 2px;
}
input.txtBoxError,
textarea.txtBoxError,
select.txtBoxError {
	border: 1px solid red;
	color: red;
}

select {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	border: thin solid #909599;
	border-collapse: collapse;
	background-color: #FFFFFF;
	height: 21px; 
	/*padding-left: 2px;*/
}



/***************** billing page ***************/
.payment_option_table {
	border-bottom: solid 2px #0054A4; 
	margin: 6px 0;
}
.payment_option_header {
	color: #f31c50;
	font-size: 17px; 
	font-weight: bold;
}
.payment_option_extra {
	color: #000000;
	font-size: 12px; 
	font-weight: bold;
}
.payment_option_text {
	color: #000000;
	font-size: 12px; 
}
.payment_option_amount {
	color: #f31c50;
	font-size: 24px; 
	font-weight: bold;
}


/********************************* for hover image *****************************/
#preview{
	position:absolute;
	/*border:1px solid #FFC712;*/
	background-color: #662D91;
	padding:2px;
	display:none;
	color:#636363;
	z-index: 100;
}
#watermark{
	position:absolute;
	display:none;
	z-index: 101;
}

/********************************* for hover card *****************************/
#card_preview{
	position:absolute;
	/*background-color: #CF0A00;*/
	padding:2px;
	display:none;
	color:#636363;
	z-index: 100;
}



/******************* mail pages ******************/
.mail_header {
	color: #ffffff; 
	border-right: solid 2px #f5f5f5; 
	padding-left: 5px;
}
.mail_header_icon {
	padding: 1px 2px 1px 3px;
	border-left: solid 1px #f5f5f5; 
}
.mail_line {
	border-bottom: solid 1px #f5f5f5;
	padding-left: 5px;
}
.mail_line_icon {
	border-left: solid 1px #f5f5f5; 
	border-bottom: solid 1px #f5f5f5;
}

A.mail_msg:link,
A.mail_msg:visited,
A.mail_msg:active {font-size: 14px; color: #662E91; text-decoration: none}
A.mail_msg:hover  {font-size: 14px; color: #662E91; text-decoration: underline}


/***************** view card page *****************/
.card_label {color: #623494; font-size: 12px; font-weight: normal;}

A.view_card_link:link,
A.view_card_link:visited,
A.view_card_link:active {font-weight: bold; color: #0054A4; text-decoration: underline}
A.view_card_link:hover  {font-weight: bold; color: #0054A4; text-decoration: underline}

/******************* search page ********************/
A.search_nav_text:link,
A.search_nav_text:visited,
A.search_nav_text:active {color: #05ABE1; text-decoration: none}
A.search_nav_text:hover  {color: #05ABE1; text-decoration: underline}

A.search_nav_num:link,
A.search_nav_num:visited,
A.search_nav_num:active {font-weight: bold; color: #464646; text-decoration: none}
A.search_nav_num:hover  {font-weight: bold; color: #464646; text-decoration: underline}



.about_header {
	padding-top: 5px; 
	padding-left: 33px; 
	background-color: #f2f2f2; 
	font-size: 18px; 
	font-weight: bold;
}



/* group of fields header in card edit/view */
.cardFieldHeader {
	text-decoration: none;
	font: 12px;
	color: #F94701;
	FONT-FAMILY: Arial;
	font-weight: bold;
	vertical-align: baseline;
}

.cardFieldData {
	text-decoration: none;
	font: 12px;
	color: #3F1010;
	FONT-FAMILY: Arial;
	font-weight: normal;
	vertical-align: baseline;	
}



.round_tops {
	border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
}


/*- @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ old css @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



A.card:link 	,
A.card:visited 	,
A.card:active 	{font-size: 14px; font-weight: bold; color: #B71319; text-decoration: none}
A.card:hover 	{font-size: 14px; font-weight: bold; color: #B71319; text-decoration: underline}


A:link {color: #003399; }
A:visited {color: #993366; }
A:active {color: #ff0033; }
A:hover {color: #0000FF; text-decoration: underline}




.error {
    COLOR: #FF0000; FONT-WEIGHT: bold;
}
.errormsg {
    COLOR: #FF0000; 
   	font: 8pt;
    FONT-WEIGHT: normal;
}

.hdr {
	FONT-SIZE: 12px; FONT-FAMILY: Arial; FONT-WEIGHT: bold; TEXT-DECORATION: none
}

.menu {
	FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}

.small {
	FONT-SIZE: 10px; FONT-FAMILY: Arial
}

.small1 {
	FONT-SIZE: 11px; FONT-FAMILY: Arial
}

.small2 {
	FONT-SIZE: 12px; FONT-FAMILY: Arial
}

.footer_bottom_all {
	display:none;
	COLOR: gray;
	font-size: 10px;
}



.footer {
	COLOR: Black;
	FONT-SIZE: 10px;
}

H1.footer {
	COLOR: Black;
	FONT-SIZE: 10px;
	margin-bottom: 0; 
   padding-bottom: 0; 
}

P {
   MARGIN-TOP: 0pt;
   MARGIN-BOTTOM: 8.0pt;
   FONT-FAMILY: Arial;
   FONT-SIZE: 12px
}