body {margin:0;padding:0;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px; background:url('../imgs/backgrounds/bg.png') repeat-x #002242;}
body#admin{background: url('../imgs/backgrounds/bg_dashboard.gif'); }
.clear { clear:both; height:0; margin:0;}
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } /* ie.css */

/* Text
##########################################*/
a, a:visited, a:active{color:#0071c8; text-decoration: none;cursor:pointer;}
p{color:#000; margin:2px 0 10px 0;}
h1{font-size:32px;margin-top:0;color:#fff}
h2{font-size:22px;margin-bottom:17px;/*margin-top:0px;*/color:#3f3f3f;}
	h2.dark{color:#3f3f3f}
	h2.white{color:#fff}
h3{margin:10px 0px;}
h1.pink-banner{font-size:16px; background: url("../imgs/banners/h1_banner_pink.png") transparent no-repeat ;height:36px; max-width:200px; padding: 6px 0 0 10px; position:relative; left:-30px;margin:20px 0 0px 0; color:#fff;text-shadow:0px -1px 1px rgba(0, 0, 0, .7)}
h1.bg, h2.bg{background-color:#1f1f1f; padding:10px; border-bottom:#0f0f0f 1px solid;}
h1.black, h2.black{color:#000;}
h1.gray, h2.gray{color:#3f3f3f;background-color: inherit}
h1.blue, h2.blue, h3.blue{color:#185C9C;}
h1.border-bottom, h2.border-bottom, h3.border-bottom{border-bottom:1px dotted #185C9C; padding-bottom:5px; }
h1 span{display:block;color:#67CF00}
h2 span{display:block; font-size:13px;}
h4{background:#ccc; margin:5px 0; padding:5px; text-shadow:0px 1px 1px #fff; color:#3f3f3f;}
	h4.search{cursor: pointer}
form{color:#0f0f0f;}
a img{border:0}
span.bg-yellow{background-color:yellow}
input[type="submit"]{cursor: pointer;}
hr{margin:10px 0 7px 0;border:0; border-top:1px solid #ccc;}
ul{list-style-image: none; list-style-type:none; list-style-position:outside;padding: 0;margin:0; }

table{font-size: 12px; border-collapse:collapse;}
	table td{padding-right:10px;}
		table td.blue{background-color:#efefef}
		table td.padding-right{padding-right:50px}
	table tr.header{margin:0; padding:0;border:0; background-color:#9f9f9f;font-weight: 600; color:#1f1f1f}

/* Shortcuts :)
##########################################*/
#white,.white-bg,.white {background-color:#fff;}
.gray{background-color:#F7F7F7}
.grey{background-color:#f1f1f1; border:1px solid #ccc; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:10px}

.border{border: 3px solid #ccc;}
	.border-1{border:1px solid #ccc}
	.border-2{border:2px solid #ccc}
.border-hover{border: 3px solid #ccc; cursor: pointer;}
.border-hover:hover{border-color:#8f8f8f;}
.center{text-align: center;}

/* Margins */
.mt-0{margin-top:0px}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mb-0{margin-bottom:0px}
.mb-10{margin-bottom:10px}
.mb-20{margin-bottom:20px}
.m-10{margin:10px}
.m-20{margin:20px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.mr-10{margin-right:10px}
.mr-20{margin-right:20px}

/* Padding */
.pt-20{padding-top:20px}
.p-20{padding:20px}

/* Widths */
.w-150{width:150px}
.w-240{width:240px}
.w-300{width:300px}
.w-340{width:340px}
.w-440{width:440px}
.w-540{width:540px}

/* Positioning hacks
##########################################*/
.center{text-align:center}
.divide {border-bottom:1px solid #686F6F; margin:10px; }
.left, .float-left{float:left}
.right, float-right{float:right}
.notopmargin{margin-top: 0;}
.m-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
div.padding-20, .padding{padding:20px;}
div.padding-15{padding:15px;}
div.padding-10{padding:10px;}
div.padding-12-15{padding:12px 15px;}
.bold{font-weight:bold;}
.font-size-13{font-size:13px;}
.vertical-align-bottom{vertical-align: bottom;border:1px solid red;}
.pointer{cursor: pointer}
span.red{color:red;}
span.green{color:green;}


/* Admin
##########################################*/
body#admin div#links{background-color:#242527;padding:10px;}
body#admin div#links a{margin-right:15px;text-shadow:0 -1px 1px #000;color:#ccc; font-size:13px;}

div.box{background:#222325 url(../imgs/backgrounds/widget_grad.png) no-repeat 100% 0;  box-shadow: 2px 0 3px #0d0d0d, -2px 0 3px #0d0d0d, 0 3px 3px #0d0d0d, 0 -2px 3px #0d0d0d;-moz-box-shadow: 2px 0 3px #0d0d0d, -2px 0 3px #0d0d0d, 0 3px 3px #0d0d0d, 0 -2px 3px #0d0d0d;-webkit-box-shadow: 2px 0 3px #0d0d0d, -2px 0 3px #0d0d0d, 0 3px 3px #0d0d0d, 0 -2px 3px #0d0d0d;float:left;color:#8f8f8f}
	div.box p, div.box table{color:#6f6f6f}
	.box > header {border-bottom:1px solid #151617; border-top:1px solid #323434; height:17px; overflow:hidden; padding:13px 15px 10px 15px; line-height:100%;color:#707275; font-size:13px; text-transform:uppercase; text-shadow:0 -1px 1px #000;}
	.box > section.body { padding:10px; border-bottom:1px solid #151617; border-top:1px solid #323434;}

div.box h1{font-size:26px; color:#fff; margin:5px 0;text-shadow:0 -1px 1px #000;}
	div.box h1 span{color:#fff; font-size:16px; display: inline;text-shadow:0 -1px 1px #000;}
div.box h1.green, div.box h1.green span{color:#67CF00}

/* Forms
##########################################*/
input[type='text'], input[type='password']{border:2px solid #ccc; padding: 4px; width:217px;font-size: 12px;}

textarea{border:2px solid #ccc; padding: 4px; width:217px;font-size: 12px;height:100px; width:340px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}
	textarea.gray-text{color:#8f8f8f;}
	textarea.disabled{background-color:#E6E6E6; cursor: default}
div.wrapper#profile textarea#message_text{color:#4f4f4f; font-size:13px; width:175px; min-height:40px;line-height:15px; padding:0px;border:0;} 

select{/* border:2px solid #ccc; */ padding: 3px; font-size: 12px; margin-right:5px;}
input[type='submit']{border:0;}
input[type='text']#zipcode{width:100px;}
a{outline-color:-moz-use-text-color; outline-style:none; outline-width:0px;}
button{outline-color:-moz-use-text-color; outline-style:none; outline-width:0px;}
input::-moz-focus-inner, a::-moz-focus-inner,button::-moz-focus-inner {border:0;}
#login input[type='text'],#login input[type='password']{width:130px; display:inline; border-width:3px; padding:5px 4px;}
#login input[type='password']{margin-left:10px;background:url('../imgs/icons/lock_small.png') no-repeat 115px 5px #ffffff;padding-right:15px;width:115px; }

label {padding-right:5px; font-weight:bold; font-size:14px;}
	form.search label {font-size:12px; font-weight: normal;}

form.search input[type='checkbox']{margin-bottom:6px;}

input[type='radio']{position:relative;top:2px;}


/* Questions CSS
####################*/

div.question h2{color:#5f5f5f; margin-bottom:7px; font-weight:400;}
div.question h3{color:#185C9C; margin-bottom:0px; /* font-weight:400; */}
div.question h3 span{color:#7f7f7f;display: block;  font-weight: normal;font-size:12px;}

div.question div.publicly{border-top:1px solid #ccc; width:320px; padding:10px; background-color:#efefef;font-size:12px;color:#185C9C;}

div.question input[type='checkbox'], div.question input[type='radio']{margin-bottom:0px;margin-right:5px;}
div.question input[type='radio']{position:relative;top:1px;}
div.question label{display: block;margin:0px; padding:4px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; cursor: pointer;color:#3f3f3f;}
div.question label:hover{background:#efefef}
div.question label.selected{background:#CCE7FF; color:#2f2f2f}	


/* Wrapper CSS
###############################################################*/
	
div.wrapper, div#header {width:1000px; margin: 0 auto;}
div.wrapper{border:4px solid #cecece; background: #efefef;}
div.wrapper div.padding {padding:20px;}
	div.wrapper.gray-bg {background-color: #9f9f9f}
	div.wrapper.white-bg {background-color: #fff}
	div.wrapper.rounded{border:0;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}

div.wrapper#landing, div.wrapper#kabita{background: url('../imgs/backgrounds/kabita.jpg') no-repeat transparent; padding-bottom:40px; min-height:600px; border-width:2px;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);}
div.wrapper#admin{background: url('../imgs/backgrounds/peacock.jpg') no-repeat transparent; padding-bottom:40px; min-height:600px;}

/*===============CALLOUT ====================*/
div.callout{ padding:0px 0px 5px 15px;}
div.callout.gray{background-color:#DEDEDE; border:1px solid #ccc; border-top:none;}
div.callout p{font-size:16px; position:relative; top:-5px; color:#000;}


/*Help Button
###############*/
div#help_button{background: url('../imgs/buttons/help_button.png') no-repeat right top; height:70px; width:35px; position: absolute; top:50%; cursor: pointer}
div#help_button:hover{width:38px;}

/*LANDING PAGE
######################################################################################################*/
h1#title{height: 60px; text-align:right; margin:100px 100px 70px 50px; font-size:38px;text-shadow:0px 1px 1px rgba(0, 0, 0, .9)}
	h1#title span {font-size:26px}

div.label{padding-top:2px;}
div.signup{float:right; margin:60px 70px 0 0;width:405px; min-height:250px; text-align:center; padding:10px 0 15px 0; overflow: visible;background: url('../imgs/backgrounds/callout_bg1.png') repeat-x; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9)} 
	div#landing div.signup h1{font-size:26px;text-align:left;text-shadow:0px -1px 1px rgba(0, 0, 0, 1)}
	div#landing div.signup p {text-align:left; margin:20px 0; font-size:14px; color:#fff;text-shadow:0px 1px 1px rgba(0, 0, 0, .5)}

	div.signup div.divide{border-color:#6f6f6f;}
	div.signup label{color:#fff;}
	div.signup div.label{text-align: right; width:155px;}
	div.signup div.label, div.signup div.input{float:left;}
	div.signup div.input{}
	div.signup div.row{ margin-bottom:12px;width:345px;margin-left: auto;margin-right: auto;}
	div.signup select{padding:1px;}
	div.signup input[type='text'],div.signup input[type='password']{padding:2px 0;width:190px; font-family: Arial;font-size: 15px}
	div.signup select{font-size: 14px;}
	div.signup p {text-align:left; margin:0 25px; font-size:14px; color:#fff}
	div.signup h1.banner{background: url('../imgs/banners/h1_banner_double.png') no-repeat transparent; margin-bottom:20px;  position:relative; padding:12px 0 0 0;left:-18px; width:439px;height:53px; text-align:center;font-size:28px;background-color: none;}
	div.signup h1.banner.welcome {background: url('../imgs/banners/h1_banner_double_welcome.png') no-repeat transparent;}

div.signup div.warning{color:#1f1f1f; margin:0 2px;text-align: left; padding:3px 5px; background-color:#FF6F6F;border:2px solid red;width:172px;font-size:11px;}

div.signup a.tour{font-size:18px; font-weight:bold; margin-bottom:0px; color:#FF8A00}

div.signup#admin{padding:10px; margin:0px; width:400px; text-align:left; float:left;}


div.signup_new{background: url('../imgs/backgrounds/callout_bg.png') transparent; width:750px; margin:80px auto;/* opacity:.92;filter: alpha(opacity=92); */}
	div.signup_new h2{color:#fff;text-shadow:0px -1px 2px rgba(0, 0, 0, .7)}
	div.signup_new div.padding div.left{width:300px}
	div.signup_new div.padding div.right{width:320px;padding-left:20px; border-left:1px solid #5f5f5f}

/* Account Page
##########################################*/
div#complete-profile-steps{background-color:#DEDEDE; margin-top:0px; padding: 0px; width:250px;border:3px solid #ccc;border-width: 0 3px;}
	div#complete-profile-steps div{ padding: 10px 5px 5px 30px;height:20px; font-weight:bold;background: url('../imgs/backgrounds/complete_profile_steps_bg.png') repeat-x;color:#2f2f2f;}
		div#complete-profile-steps div.top{ border-top:3px solid #ccc;}
		div#complete-profile-steps div.bottom{ border-bottom:3px solid #ccc;}
		div#complete-profile-steps div.on{position:relative; left:-22px;padding-left:53px;width:216px;background: url('../imgs/backgrounds/profile_complete_steps.png') no-repeat;color:#fff;text-shadow:0px -1px 2px rgba(0, 0, 0, .5)}

div.content_sidebar{width:250px;}
        div.content_sidebar .padding{padding:20px}
div.content_sidebar p{color:#3f3f3f; font-size:12px; padding:5px 0; margin:0}
div.content_body{float:left; width:680px; margin:0 0px 0 0; color:#2f2f2f; }
        div.content_body div.padding{padding:10px 20px 20px 20px;}
	div.content_body p {line-height: 18px;}
	div.content_body h3{font-size:18px;}
div.screenshot{height:72px; width:72px; border:3px solid #ccc; float:left; margin:0 20px 20px 0;}

			
/* Footer 
######################################################################################################*/
div#footer{margin: 20px auto;;width:988px;text-align:left; color:#fff}
	div#footer a{display: inline-block; color:#DBDBDB; text-decoration: none; margin-right:20px;text-shadow:0px 1px 2px rgba(0, 0, 0, 1)}
		div#footer a:hover{text-decoration: underline;}
	div#footer b{color:#9f9f9f; display:inline-block; margin-right:20px;font-weight: normal; color:#294E6F;text-shadow:0px 1px 2px rgba(0, 0, 0, 1) }


/* Messages
######################################################################################################*/
div.error{margin:20px auto; background-color:#FF9F9F; border:1px solid #FF5F5F; padding:10px;font-size: 12px;}
div.success{margin:0px 0px 20px 0; background: url('../imgs/gradients/sticky_note.png') repeat-x #feffef; padding:15px 20px;font-size:12px; color:#0f0f0f; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9);}
	div.success b{font-weight: 500}
div.success_simple{margin:5px 0px 20px 0; border:1px solid #cfc07f;background: #fff9d7; padding:15px 20px;font-size:12px; color:#0f0f0f;}


/* Header
######################################################################################################*/
div#header{margin-bottom:1px;}
	div#header h1#logo{color:#fff; margin:20px 0; background:url('../imgs/logo2.png') no-repeat;height:30px; width:200px; position:relative; left:0px; float:left;}
	div#header div#welcome{float:left; width: 330px; color:#efefef; margin:20px 0 0 10px;}
	div#header div#links{float:right; color:#efefef; margin-top:20px;text-align:right;}
	div#header div#links a{color:#efefef; font-weight:600;text-decoration: underline}
        div#header span#option2{float:right;}
	div#header div#login{margin-right:10px;float:right;}
	div#header div#login form{margin:0}

 	#header div#tabs{float:left;margin:25px 0 0px 40px;}
		#header div#tabs a{color:#fff;margin-right:35px;font-weight:bold;font-size:14px;text-shadow: 0 1px 1px #000}
			#header div#tabs a:hover span{text-decoration: underline;}
			#header div#tabs a span.small{color:#fff;font-size:10px;position:relative;top:-10px; left:4px; text-decoration: none; background-color:#AF1540; padding:2px 3px;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
			#header div#tabs a:hover span.small, #header div#tabs a:hover span.small span{text-decoration: none}
			#header div#tabs a#subscribe span{text-shadow: 0 1px 2px #000, 0 0px 120px #efefef}

		
/* PROFILE 
######################################################################################################*/
div.wrapper#profile {}
	
	div.wrapper#profile h1.profile{font-size:16px; background: url("../imgs/banners/h1-profile-banner.png") transparent no-repeat ;height:36px; max-width:300px; padding: 6px 0 0 10px; position:relative; left:-26px; margin:20px 0 0px 0;}
	div.wrapper#profile p{color:#2f2f2f; font-size:13px;}
	div.wrapper#profile h2{font-size:18px;color:#3f3f3f; margin:25px 0 5px 0px;}
		div.wrapper#profile .question h2{margin-top:0px;}
	div.wrapper#profile h2.blue{color:#185C9C}
	div.wrapper#profile input[type="submit"]#profile-question{background:url('../imgs/button_submit_small.png') no-repeat transparent; width:85px; height:40px;cursor:pointer; margin-top:5px;}
	div.wrapper#profile button#wink, div.wrapper#profile button#message{display:block;margin-top:3px;position:relative;right:-5px;width:165px;}
	
	div.wrapper#profile div#profile_top_blackbox{background:url('../imgs/backgrounds/profile_top_blackbox.png') repeat-x;min-height:120px; background-color:#2f2f2f;text-shadow:0px 1px 1px rgba(0, 0, 0, .75)}
		div.wrapper#profile div#profile_top_blackbox h1{font-size:24px;text-shadow:0px 1px 1px rgba(0, 0, 0, .75)}
	
	div#profile div#essays{background:white;margin-top:15px;border:3px solid #ccc;min-height:180px;}
		div#profile div.tabs{margin-bottom:25px;}
		div#profile div.tabs a{margin-right:10px;padding:5px 10px; border:1px solid #fff;-moz-border-radius:5px;-webkit-border-radius:5px;}
		div#profile div.tabs a.selected{background-color: #efefef;border:1px solid #ccc;-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;color:#2f2f2f;/* text-shadow:0px 1px 1px #fff */;}

	div.answer{padding:10px;margin-bottom:2px;}
		div.answer h3{font-weight:500; margin:0;}
		div.answer p{margin:0;}
		div.answer.private{background-color: #DEDEDE;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
			div.answer span.private{display: block;margin:10px 0;color:#5f5f5f; background-position:8px 6px; background-repeat: no-repeat;background:url('../imgs/icons/lock_small.png') no-repeat; padding-left:20px}
			div.answer span.please_wait{display: block;margin:10px 0;color:#5f5f5f; background-position:8px 6px; background-repeat: no-repeat;background:url('../imgs/icons/clock.png') no-repeat; padding-left:20px}
			div.answer span.comment{display: block;margin:10px 0;background-position:8px 6px; background-repeat: no-repeat;background:url('../imgs/icons/balloon.png') no-repeat; padding-left:20px}

div.compatibility{margin-bottom:10px;}
	div.compatibility img {position:relative;top:2px;}

/* Unordered lists
######################################################################################################*/

ul.marketing{list-style-image:none; list-style-position:inside;padding: 0;font-size: 14px; color:#000}
	ul.marketing li{color:#2f2f2f;margin-bottom:20px;}	
	li.green{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #AFDF8B;background: url(../imgs/gradients/bg_green.png) repeat-x #c7eab2;text-shadow:0px 1px 2px #fff; padding:15px; margin-bottom:10px}	
	li.gray{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #e9e9e9;background: url(../imgs/gradients/bg_gradient.png) repeat-x #e4e4e4;text-shadow:0px 1px 2px #fff; padding:15px;background-position: 0 -50px;margin-bottom:10px}	
	
/* 	div.option{float:left; width:195px;border:2px solid #e9e9e9;text-align: center; margin-right:15px;-moz-border-radius: 10px; -webkit-border-radius: 10px;background: url(../imgs/gradients/bg_gradient.png) repeat-x #E4E4E4; background-position: 0 -50px} */

	ul.marketing li p{margin:0 0 0 22px}
	ul.marketing li.find{list-style-image: url('../imgs/icons/magnifier.png') }
	ul.marketing li.match{list-style-image: url('../imgs/icons/thumb-up.png') }
	ul.marketing li.message{list-style-image: url('../imgs/icons/mail.png') }
	ul.marketing li.person{list-style-image: url('../imgs/icons/user-white.png') }
	
ul.inbox{font-weight: bold;}
	ul.inbox li {padding:7px 10px 7px 34px;margin:0;cursor: pointer;border-bottom:1px solid #ccc;color:#0071c8; background-position:8px 6px; background-repeat: no-repeat;} 
	ul.inbox.static li {border-bottom:1px dashed #efefef; color:#2f2f2f;cursor: default;}
	ul.inbox.static.no-icon li {padding-left:10px;}
		ul.inbox li:hover{background-color:#EAF8FF}
		ul.inbox.static li:hover {background-color:#fff;}
		ul.inbox li#li-home{background-image: url('../imgs/icons/house.png') ;}
		ul.inbox li#li-messages{background-image: url('../imgs/icons/mail.png') ;}
		ul.inbox li#li-winks{background-image: url('../imgs/icons/smiley-wink.png') ;}
		ul.inbox li#li-viewed-f{background-image: url('../imgs/icons/user-white-female.png') ;}
		ul.inbox li#li-viewed-m{background-image: url('../imgs/icons/user-white.png') ;}
		ul.inbox li#li-visited-f{background-image: url('../imgs/icons/magnifier.png') ;}
		ul.inbox li#li-visited-m{background-image: url('../imgs/icons/magnifier.png') ;}
		ul.inbox li#li-blocked{background-image: url('../imgs/icons/cross.png') ;}
		ul.inbox li#li-handpicked{background-image: url('../imgs/icons/thumb-up.png');}
		ul.inbox li#li-highlighted{background-image: url('../imgs/icons/highlighted.png');}
		ul.inbox li#li-no_ads{background-image: url('../imgs/icons/no_ads.png');}
		ul.inbox li#li-gifts{background-image: url('../imgs/icons/gift.png');}
		ul.inbox li#li-premium{background-image: url('../imgs/icons/p_badge.png') ;padding-left:35px;}
		ul.inbox li#li-new{background-image: url('../imgs/icons/star.png');}
		ul.inbox li#li-online{background-image: url('../imgs/icons/status.png');}
		ul.inbox li#li-near{background-image: url('../imgs/icons/marker.png');}
		ul.inbox li#li-random{background-image: url('../imgs/icons/die.png');}
		ul.inbox li#li-picture{background-image: url('../imgs/icons/picture.png');}

 	ul.inbox li.on{background-color: #637D97; color:#fff;} 
		ul.inbox li.on:hover{background-color:#637D97}

/* Buttons
######################################################################################################*/
button.btn{padding:0 10px; cursor:pointer;font-weight:bold;border:1px solid; text-shadow:0px 1px 2px rgba(0, 0, 0, .75)}
.btn.small{background:url('../imgs/buttons/button_s.png') repeat-x transparent; height:25px; border-color:#ccc; padding:0 10px; font-weight:normal; color:#2f2f2f;text-shadow:0px 0px 0px #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
		.btn.small:hover{background-position: 0 -25px;color:#fff;border-color:#6f6f6f;text-shadow:0px 1px 2px rgba(0, 0, 0, .75)}	
		.btn.small.green {background-position: 0 -50px; color:#fff;border-color:#447F17;font-weight:bold;text-shadow:0px 1px 2px rgba(0, 0, 0, .75)}
		.btn.small.dark{background-position: 0 -25px;color:#fff;border-color:#6f6f6f;font-weight:bold;text-shadow:0px 1px 2px rgba(0, 0, 0, .75)}
			.btn.small.dark:hover{background-position: 0 -50px; color:#fff;border-color:#447F17;font-weight:bold;text-shadow:0px 1px 2px rgba(0, 0, 0, .75)}
		.btn.small.loading, .btn.small.loading:hover{background-image:none;background-color:#ccc;color:#3f3f3f;border-color:#6f6f6f;font-weight:bold;}

.btn.medium{background:url('../imgs/buttons/button_m.png') repeat-x transparent; height:35px; border-color:#ccc; font-weight:normal; color:#2f2f2f; padding:0 20px;font-size:12px;text-shadow:0px 0px 0px #fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
		.btn.medium:hover{background-position: 0 -35px;color:#fff;border-color:#6f6f6f;}	
		.btn.medium.nohover:hover{background-position: 0 0;color:#2f2f2f;border-color:#ccc}	
		.btn.medium.dark{background-position: 0 -35px;color:#fff;border-color:#6f6f6f;font-weight: bold;text-shadow:0px 1px 2px rgba(0, 0, 0, .75)}
			.btn.medium.dark:hover{background-position: 0 -70px; color:#fff;border-color:#2A6F00  ; border-width:1px;font-weight:bold;}
		.btn.medium.green {background-position: 0 -70px; color:#fff;border-color:#2A6F00  ; border-width:1px;font-weight:bold;text-shadow:0px 1px 2px rgba(0, 0, 0, .75)}
		.btn.medium.green.short {height:30px; text-align: left; padding-bottom:3px;}
			.btn.medium.green.short img{position:relative; top:3px; left:-7px; margin-right:5px; }
.btn.large{background:url('../imgs/buttons/button_l.png') repeat-x transparent; height:45px; border-color:#256200; border-width:3px; color:#fff; padding:0 20px;font-size:18px;background-position: 0 -100px;text-shadow:0px 2px 3px rgba(0, 0, 0, .75);}
	.btn.large.disabled, .btn.large:active, .btn.medium.green:active,.btn.medium.green.disabled, .btn.medium.dark:active, .btn.medium.dark.disabled{background:green;}
.btn.signup{background:url('../imgs/buttons/buttons_signup.png') no-repeat; height:58px; width:250px; border: 0; background-position: 0 -60px}	
	.btn.signup:hover{background-position: 0 -3px}	
.btn.signup_xl{background:url('../imgs/buttons/button_signup_xl.png') no-repeat; height:67px; width:275px; border: 0; background-position: 0 0px}	
.btn.signup_xl.red{background:url('../imgs/buttons/button_signupbutton_red.png') no-repeat; height:67px; width:275px; border: 0; background-position: 0 0px}	
.btn.startbrowsing{background:url('../imgs/buttons/button_startbrowsing.png') no-repeat; height:73px; width:300px; border: 0; background-position: 0 0px}	
.btn.connectwithfacebook{background:url('../imgs/buttons/button_connectwithfacebook.png') no-repeat; height:73px; width:300px; border: 0; background-position: 0 0px}	
.btn.see_matches{background:url('../imgs/buttons/button_seematches.png') no-repeat; height:73px; width:300px; border: 0; background-position: 0 0px}	

/* Upgrade
######################################################################################################*/
div.option{float:left; width:195px;border:2px solid #e9e9e9;text-align: center; margin-right:15px;-moz-border-radius: 10px; -webkit-border-radius: 10px;background: url(../imgs/gradients/bg_gradient.png) repeat-x #E4E4E4; background-position: 0 -50px}
	div.option:hover{border-color:#e2e2e2}
	div.option.on{border-color:#6caa3d;background: url(../imgs/gradients/bg_green.png) repeat-x #c7eab2;}
	div.option div.padding{padding:20px}
	div.option#div_plan1{margin-right:0}

/* Gift
######################################################################################################*/
div.gift{height:100px; width:100px;text-align:center; border:1px solid #ccc; background-color:#fff; float:left;margin:0 5px 5px 0;cursor: pointer}
div.gift:hover, div.gift.selected{border-color:#005CAF}

/* Corners
######################################################################################################*/
div.blue {background: url('../imgs/corners/dot_blue.png') 0 0 repeat-x; background-color:#F4FBFF;padding:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
div.green{margin:10px auto; background-color:#A9DF7D; border:1px solid #84BF53; padding:10px;font-size:12px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
	div.green.p-10{padding:10px}
	div.green.p-20{padding:20px}
	div.green.gradient{background: url(../imgs/gradients/bg_green.png) repeat-x #c7eab2;border-width:1px}
div.green.light{background-color: #C8EBAC}
div.yellow{margin:10px auto; background: url('../imgs/gradients/sticky_note.png') repeat-x #FDF6B0; border:2px solid #dbd590; padding:10px;font-size:13px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
div.gray{margin: 20px auto; background:#efefef; border:1px solid #ccc; padding:10px;font-size:13px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-wight:bold}


/* MANAGE PICTURES
######################################################################################################*/

div#pictures .padding {text-align: center;}

div.addPictures{float:left;text-align:center;font-size:16px;font-weight:bold; color:#4f4f4f;padding:10px;width:200px;height:140px;background:#fff;margin-top:20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); background: #efefef;background: -moz-linear-gradient(top, #FDFDFD,#DBDBDB);background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#dbdbdb));}
	div.addPictures#fb {margin-left:50px}
	div.addPictures#upload img{height:96px; width:96px;margin-bottom:0px}
	div.addPictures img{height:86px; width:86px;margin-bottom:10px}
	
	div.addPictures.small{height:17px; width:260px; font-size:12px; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-align: left; border:1px solid #9a9a9a;  background: -moz-linear-gradient(top, #FDFDFD,#DBDBDB);background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#dbdbdb));}
	div.addPictures.small:hover{background: -moz-linear-gradient(top, #FEFEFE,#E9E9E9);background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E9E9E9));}	
	div.addPictures.small span{position: relative;top:-7px}
		div.addPictures.small img{height:26px; width:26px; display: inline; vertical-align: middle; margin-right: 10px; position: relative; top:-3px}
		div.addPictures.small#upload img{height:36px; width:36px;position: relative; top:-7px}

	div.addPictures:hover{ -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.5);background: #fff}
	div.addPictures#upload{margin-left: 40px;}