﻿body 
{
	padding:0px;
	margin:0px;
	font: normal 12px Arial;
}

h4
{
	padding:0px;
	margin:0px;
	font: bold 12px Arial;
	color:Purple;
	line-height:20px;
}
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left:20px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;

}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#Winks a:hover{
background-color: gray; /*Menu hover bgcolor*/
}
#modernbricksmenu .current a{ /*currently selected tab*/
background-color: #81114b; /*Brown color theme*/ 
border-color: #81114b; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 10px;
line-height: 10px;
background: #81114b; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

.boxtopbg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/boxtop.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 27px;
	display: block;

}

#WinksBg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/send_background.png);
	
	background-repeat: no-repeat;
	height: 265px;
	width:220px;

}

.SendWinksHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#ffffff;
	padding:10px;
}


#ContactBg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	
	background-image: url(../images/send_yellow_background.png);
	
	background-repeat: no-repeat;
	height: 265px;
	width:220px;

}

.SendContactHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#000000;
	padding:10px;
}

.middlelayer
{
	padding:0 5px 10px 10px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	
}
.Morekiss
{
	color:#ffffff; font-weight:bold; text-decoration:none;
}
.Morekiss a
{
	color:#ffffff; font-weight:bold; text-decoration:underline;
}
.Morekiss a:hover
{
	color:#81114b; font-weight:bold; text-decoration:none;
}

.Bannertext
{
		padding:10px;
	margin:10px 0px;
	font-family:Verdana ;
	font-size: 14px;
	font-weight: bold;
	color:#81114b;
	width:800px; background-color:#FDEEF4; height:50px;
	text-align:center;
	border:1px solid #81114b;
	
}
.HomePage
{
	padding:10px 0px 10px 10px;
	margin:10px 0px;
	font-family:Verdana ;
	font-size: 14px;
	font-weight: bold;
	color:#81114b;
	width:800px; background-color:#FDEEF4; height:20px;
	text-align:center;
	border:1px solid #81114b;
	
}
.ImageBox
{
		padding:2px;
	margin:2px;
	font-family:Verdana ;
	font-size: 14px;
	font-weight: bold;
	color:#ffffff;
	width:800px; background-color:#81114b; height:20px;
	text-align:center;
	border:1px solid #81114b;
	
}
.ImageBoxNew
{
		padding:2px;
	margin:2px;
	font-family:Verdana ;
	font-size: 14px;
	font-weight: bold;
	color:#ffffff;
	width:390px; background-color:#81114b; height:20px;
	text-align:center;
	border:1px solid #81114b;
	
}

.MaleImageBox
{
		padding:2px;
	margin:2px;
	font-family:Verdana ;
	font-size: 14px;
	font-weight: bold;
	color:#ffffff;
	width:400px; background-color:#81114b; height:20px;
	text-align:center;
	border:1px solid #81114b;
	
}


.RegisterBox
{
	margin:0px;
	font-family:Verdana ;
	font-size: 12px;
	color:#ffffff;
	 height:200px;
	text-align:center;
	border:1px solid #D25A0B;
	width:380px;
	
	
}

.RegisterBox1
{
	margin:0px;
	font-family:Verdana ;
	font-size: 12px;
	color:#ffffff;
	 height:200px;
	text-align:center;
	border:1px solid #000000;
	width:380px;
	
}

.RegisterTest
{
		padding:5px 0px;
	margin:0px;
	font-family:Verdana ;
	font-size: 16px;
	font-weight:bold;
	color:#ffffff;
	 height:30px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #D25A0B;
	background-color:#D25A0B
	
}

.RegisterTest1
{
		padding:5px 0px;
	margin:0px;
	font-family:Verdana ;
	font-size: 16px;
	font-weight:bold;
	color:#000000;
	 height:30px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #cccccc;
	background-color:#cccccc
	
}

.Logintextfield
{
	font-family:Arial;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	width:100px;
	text-align:right;
}
.LoginInputfield
{
	background-image:url(../images/form_bg.jpg);
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	color:#333333;
	width:200px;
	padding:02px;
}

.forgetpassword
{
		color:#D25A0B;
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
}
.forgetpassword a
{
		color:#D25A0B;
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
}

.forgetpassword a:hover
{
	color:#81114b;
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
}

h1
{
	font-weight:normal;
	font-family:Arial;
	font-size:24px;
	margin:0px;
}

h2
{
	font-weight:bold;
	font-family:Arial;
	font-size:16px;
	color:Black;
	margin:0px;
}

.profileheader
{
	padding:10px 0px 0px 10px;
	margin:0px;

}

#menuline{
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height:2px;
background: #81114b; /*Brown color theme*/ 
}


.redboldtext {
	color: #8a0b59;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.smallredtext {
	color: #8a0b59;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.smallredboldtext {
	color: #8a0b59;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight:bold;
}

.trclass {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #8a0b59;
	text-decoration: none;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #940000;
}


.trclass1 {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #424242;
	text-decoration: none;
	text-align:left;
	vertical-align:middle;
	border-bottom:1px solid #940000;
	
}
.FormTextField
{
	vertical-align:top;
	float:right;
	font-family:tahoma, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	padding-right:10px;
	width:200px;
	text-align:right;
	
}
.FormEditField
{
	vertical-align:top;
	float:right;
	font-family:tahoma, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000000;
	padding-right:10px;
	width:150px;
	text-align:right;
	
}
.formtd
{
	vertical-align:top;
	padding-left:10px;
	text-align:left;
	
}
.ForminputField
{
	background-image:url(../images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-size: 11px;
	font-family:tahoma, arial, sans-serif;
	height:16px;

}

.FormareaField
{
	background-image:url(../images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-size: 11px;
	font-family:tahoma, arial, sans-serif;
	height:50px;

}


.checkava {
	color: #000000;
	font-family: tahoma;
	font-size: 11px;
	font-weight:normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
.checkava a:LINK {
	color: #000000;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

.checkava a:hover {
	color: #0A6DC1;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}
.FormDropdown
{
	background-color:#cccccc;
	border:1px solid #d1c7ac;
	color:#000000;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-size: 12px;
	font-family:tahoma, arial, sans-serif;
	line-height:15px;
}

.boxtopbgText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}



.FormField
{
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-size: 11px;
	font-family:tahoma, arial, sans-serif;
	font-weight:bold;
	line-height:20px;
}

.tablebody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	height: 25px;
	padding-left: 5px;
	text-align:left;
	text-indent:10px;
	line-height:30px;
}

.winkhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	height: 25px;
	text-align:left;
	text-indent:10px;
	line-height:30px;
}


.winkbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	height: 25px;
	text-align:left;
	text-indent:10px;
	line-height:20px;
}

.FormProfileField
{
	vertical-align:top;
	float:right;
	font-family:tahoma, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#81114b;
	padding-left:10px;
	width:110px;
	text-align:left;
	
}

.FormAboutField
{
	vertical-align:top;
	font-family:tahoma, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#81114b;
	padding:0px 0px 10px 10px;
	width:110px;
	text-align:left;
	margin-bottom:10px;
}

.ReapBold
{
	font-weight: bold;
}
.td-back1
{
	background-color:#ffffff;
}
.tablehead
{
	border-bottom:1px solid #81114b;
	border-top:1px solid #81114b;
    color:#FFFFFF;
    font: bold 12px Verdana;
}


.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff;
	 text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../btn2.png); background-repeat: no-repeat; display: block; 
	position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px;
	 height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
    .btn.blue { background: #2ae; }
    .btn.green { background: #9d4; }
   .btn.pink { background: #e1a; }
    .btn:hover { background-color: #a00; }
  .btn:active { background-color: #444; }
 .btn[class] { background-image: url(shade.png); background-position: bottom; }
  a{color:#8a0b59; text-decoration:none;}
  a:hover{color:#0A6DC1; text-decoration:none;}


/*--------------------Percentage bar --------*/

#profile-completeness {
float:right;
width:350px;

}
#profile-completeness h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/profile_icon.gif) no-repeat scroll 0 0;
color:#327D03;
font-size:1.1em;
margin:2% 2% 0;
min-height:26px;
padding-left:30px;
}

.percentage .graph {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #99989C;
display:block;
float:left;
height:12px;
margin:0.2em 0.5em 0 0;
width:230px;
}

#profile-completeness h3 .percentage {
color:#000000;
font-size:1.25em;
}

.block-level {
display:block;
}

.percentage .bar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/completion_greenbar.png) repeat-x scroll 0 0;
display:block;
height:12px;

}

/*--------Community ---------*/
#featured-communities .section {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/global/section_background_mauve_456.png) repeat-y scroll right top;
border:1px solid #672885;
margin-bottom:1em;
}

.section .section {
border:medium none;
margin-bottom:0.5em;
}


			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:200px;
		background:#fff;		
		margin-bottom:2em;
		}	
				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:146px;
		height:151px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:15px;
		height:39px;
		position:absolute;
		left:0px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:166px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:15px;
		height:39px;
		background:url(../images/btn_prev.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.jpg) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 0px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 0px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
