﻿
/*************************************************************/
/** html *****************************************************/
/**************************************************************

<a href="#" class="button right blue">send</a>

<button></button>

**************************************************************/
/*************************************************************/
/*************************************************************/

button, input.button {
    cursor:pointer;
    padding: 4px 20px;

     -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
     transition: background 0.3s linear;
}
a.button {
    text-align: center;
}

a.button, button, input.button {
    padding: 6px 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    border: medium none;
	vertical-align:middle;
}
a.signupbutton, button.signupbutton, input.signupbutton {
    background-color: #69B242;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 8px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #69b242;
    clear: both;

    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
  
    -moz-box-shadow:inset 0 -1px #1f650c;
    -webkit-box-shadow:inset 0 -1px #1f650c;
    box-shadow:inset 0 -1px #1f650c;
    
    -webkit-transition: background 500ms ease;
    -moz-transition: background 500ms ease;
    -ms-transition: background 500ms ease;
    -o-transition: background 500ms ease;
    transition: background 500ms ease;
}
a.signupbutton.red, button.signupbutton.red, input.signupbutton.red {
    background-color: #dc3232;
}
button.no
{
    padding:0 3px 3px 3px;
    margin-left:4px;
}


a.button:hover {
    text-decoration:none;
}

a.button.left, button.left, input.button.left {
    float:left;
}
a.button.right, button.right, input.button.right {
    float:right;
}
 /**Input **/
 /**
input.button {
    height:25px;    
    padding: 0 27px 3px 27px;
}
 **/
/*************************************************************/
/** color ****************************************************/
/*************************************************************/

/**grey**/
a.button.grey, button.grey, input.button.grey {
    background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -100px;
    color:#96979b;
    border-color:#bbbfc8;
    border-bottom-color:#7a7c82;
}
a.button.grey:hover, a.button.grey:focus, button.grey:hover, button.grey:focus, input.button.grey:hover, input.button.grey:focus {
    background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -200px;
    color:#c8ced2;
}

/**white**/
a.button.white {
    color:#626155;
	border-color: #b4bac6;
    text-shadow: 0 1px 0 #eff3f4;
    font-size:12px;
    cursor: pointer;
    text-decoration:none;
  
    -moz-box-shadow: inset 0 1px #eff3f4, inset 0 -1px #949dae;
    -webkit-box-shadow: inset 0 1px #eff3f4, inset 0 -1px #949dae;
    box-shadow: inset 0 1px #eff3f4, inset 0 -1px #949dae;
    
    /* fallback/image non-cover color */
   background-color: #c6cbd5; 

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e7ea), to(#c6cbd5));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #e1e7ea, #c6cbd5); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #e1e7ea, #c6cbd5);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #e1e7ea, #c6cbd5);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #e1e7ea, #c6cbd5);
}
a.button.white:hover, a.button.white:focus {
	/* fallback/image non-cover color */
   background-color: #bdc3ce; 

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dce3e6), to(#bdc3ce));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #dce3e6, #bdc3ce); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #dce3e6, #bdc3ce);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #dce3e6, #bdc3ce);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #dce3e6, #bdc3ce);
}
button.white, input.button.white {
    background-color: #466D89;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}
a.button.white:focus, button.white:hover, button.white:focus, input.button.white:hover, input.button.white:focus {
   background-color: #3b5d76; 
}
a.button.white.event {
    background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -100px;
    color:#c8ced2;
	border-color: #4B4B4B;
    text-shadow: 0 -1px 0 #3A3D3E;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font-size:12px;
    cursor: pointer;
    width: 167px;
}
a.button.white.event:hover {
	background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -200px;
}
/**green**/
a.button.green, button.green, input.button.green {
    color: white;
    cursor: pointer;
    padding: 8px 18px;
    text-decoration: none;
    border:0;
    font-weight:bold;
        
    box-shadow: 0px 2px 0px #0d6028;
    
    text-shadow: 0 -1px 0 #104010;
    
    background: #3ca36d; /* Old browsers */
    background: -moz-linear-gradient(top,  #3ca36d 0%, #308358 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ca36d), color-stop(100%,#308358)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3ca36d 0%,#308358 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3ca36d 0%,#308358 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3ca36d 0%,#308358 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3ca36d 0%,#308358 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca36d', endColorstr='#308358',GradientType=0 ); /* IE6-9 */
}
a.button.green:hover, a.button.green:focus, button.green:hover, button.green:focus, input.button.green:hover, input.button.green:focus {
    background: #3ca36d; /* Old browsers */
    background: -moz-linear-gradient(top,  #329963 0%, #26794e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#329963), color-stop(100%,#26794e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #329963 0%,#26794e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #329963 0%,#26794e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #329963 0%,#26794e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #329963 0%,#26794e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#329963', endColorstr='#26794e',GradientType=0 ); /* IE6-9 */
}
/**blue**/
a.button.blue, button.blue, input.button.blue {
    color: white;
    cursor: pointer;
    padding: 8px 18px;
    text-decoration: none;
    border:0;
    font-weight:bold;
        
    box-shadow: 0px 2px 0px #0d4b60;
    
    text-shadow: 0 -1px 0 #0d4860;
    
    background: #477ca2; /* Old browsers */
    background: -moz-linear-gradient(top,  #477ca2 0%, #346384 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#477ca2), color-stop(100%,#346384)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #477ca2 0%,#346384 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #477ca2 0%,#346384 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #477ca2 0%,#346384 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #477ca2 0%,#346384 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#477ca2', endColorstr='#346384',GradientType=0 ); /* IE6-9 */
}
a.button.blue:hover, a.button.blue:focus, button.blue:hover, button.blue:focus, input.button.blue:hover, input.button.blue:focus {
    background: #477ca2; /* Old browsers */
    background: -moz-linear-gradient(top,  #396e94 0%, #265576 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#396e94), color-stop(100%,#265576)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #396e94 0%,#265576 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #396e94 0%,#265576 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #396e94 0%,#265576 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #396e94 0%,#265576 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#396e94', endColorstr='#265576',GradientType=0 ); /* IE6-9 */
}
.confirm {
    width:49%;
}
.alert {
    width:100%;
}
/**green on homescreen**/
a.button.green.home {
    color:white;
    font-size:14px;
    cursor: pointer;
    text-decoration:none;

    display: block;
    float: left;
    margin-right: 11px;
    width: 89px;
    background-color:#468966;
}
a.button.green.home:hover {
    background-color:#377554;
}
/**blue on homescreen**/
a.button.blue.home {
    color:white;
	border-color: #337b9f;
    text-shadow: 0 -1px 0 #0d3f6b;
    font-size:12px;
    cursor: pointer;
    text-decoration:none;

    display: block;
    float: left;
    margin-right: 11px;
    width: 89px;
  
    -moz-box-shadow: inset 0 1px #aacfe7, inset 0 -1px #0c3265;
    -webkit-box-shadow: inset 0 1px #aacfe7, inset 0 -1px #0c3265;
    box-shadow: inset 0 1px #aacfe7, inset 0 -1px #0c3265;
    
    /* fallback/image non-cover color */
   background-color: #5ca0cd; 

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5ca0cd), to(#2f699d));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #5ca0cd, #2f699d); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #5ca0cd, #2f699d);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #5ca0cd, #2f699d);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #5ca0cd, #2f699d);
}
a.button.blue.home:hover {
   /* fallback/image non-cover color */
   background-color: #5397c7; 

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5397c7), to(#2a5f94));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #5397c7, #2a5f94); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #5397c7, #2a5f94);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #5397c7, #2a5f94);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #5397c7, #2a5f94);
}
/**blue on homescreen offer**/
a.button.green.homeoffer {
	border: 0;
    float: right;
    width: 146px;
  
    color:white;
    font-size:14px;
    cursor: pointer;
    text-decoration:none;
    display: block;
    margin-right: 11px;
    background-color:#468966;
}
a.button.green.homeoffer:hover {
    background-color:#377554;
}
/**red**/
a.button.red, button.red, input.button.red {
    color: white;
    cursor: pointer;
    padding: 8px 18px;
    text-decoration: none;
    border:0;
    font-weight:bold;
        
    box-shadow: 0px 2px 0px #801f28;
    
    text-shadow: 0 -1px 0 #600d13;
    
    background: #d53737; /* Old browsers */
    background: -moz-linear-gradient(top,  #d53737 0%, #b62626 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d53737), color-stop(100%,#b62626)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d53737 0%,#b62626 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d53737 0%,#b62626 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d53737 0%,#b62626 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d53737 0%,#b62626 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d53737', endColorstr='#b62626',GradientType=0 ); /* IE6-9 */

}
a.button.red:hover, a.button.red:focus, button.red:hover, button.red:focus, input.button.red:hover, input.button.red:focus {
    background: #d53737; /* Old browsers */
    background: -moz-linear-gradient(top,  #cd2f2f 0%, #ae1e1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd2f2f), color-stop(100%,#ae1e1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cd2f2f 0%,#ae1e1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cd2f2f 0%,#ae1e1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cd2f2f 0%,#ae1e1e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cd2f2f 0%,#ae1e1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd2f2f', endColorstr='#ae1e1e',GradientType=0 ); /* IE6-9 */
}
a.button.btn_shadow, button.btn_shadow, input.button.btn_shadow {
    -moz-box-shadow: 0 2px 2px #232627;
    -webkit-box-shadow: 0 2px 2px #232627;
    box-shadow: 0 2px 2px #232627;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#232627')";
}
/**subscription green**/
a.button.subscriptiongreen, button.subscriptiongreen, input.button.subscriptiongreen {
    background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -662px;
    color:white;
	border:none;
    text-shadow: 0 -1px 0 #276909;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font-size:12px;
    cursor: pointer;
    text-decoration:none;
    padding: 0 2px;
    margin-top:7px;
}
a.button.subscriptiongreen:hover, a.button.subscriptiongreen:focus, button.subscriptiongreen:hover, button.subscriptiongreen:focus, input.button.subscriptiongreen:hover, input.button.subscriptiongreen:focus {
	background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -632px;
}
/**facebook login blue**/
a.button.facebook, button.facebook, input.button.facebook {
    color:white;
	border-color: #314673;
    font-size:15px;
    cursor: pointer;
    text-decoration:none;
    background-color: #3b5998; 
    height:33px;
}
a.button.facebook:hover, a.button.facebook:focus, button.facebook:hover, button.facebook:focus, input.button.facebook:hover, input.button.facebook:focus {
   background-color: #354d7f; 
}
.facebook_btn_logo {
    background: url("/cdn/beautifulpeople/images/facebook_logo2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 15px;
    margin-top: 1px;
    width: 20px;
}
/**blink button**/
a.button.blink_yes, button.blink_yes, input.button.blink_yes {
    background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -500px;
    color:#416711;
    text-shadow: 0 1px 0 #dff7bd;
	border-color:#9bb975;
	border-bottom-color:#577e27;
	width:176px;
	text-align:center;	
	width:114px;
	float:left;
}
a.button.blink_yes:hover, a.button.blink_yes:focus, button.blink_yes:hover, button.blink_yes:focus, input.button.blink_yes:hover, input.button.blink_yes:focus {
	background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -600px;
}
a.button.blink_no, button.blink_no, input.button.blink_no {
    background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -2703px;
    color:#8f292a;
	border-color:#c8bdbb;
	border-bottom-color:#827a7a;
	width:176px;
	text-align:center;
	width:114px;
	float:right;
}
a.button.blink_no:hover, a.button.blink_no:focus, button.blink_no:hover, button.blink_no:focus, input.button.blink_no:hover, input.button.blink_no:focus {
	background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -2803px;
	color:#8f292a;
}
/**buy button**/
a.button.buy, button.buy, input.button.buy {
    background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -500px;
    color:#6e8d45;
	border-color:#bbc8bd;
	border-bottom-color:#7a827c;
	width:290px;
	text-align:center;	
}
a.button.buy:hover, a.button.buy:focus, button.buy:hover, button.buy:focus, input.button.buy:hover, input.button.buy:focus {
	background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -600px;
	color:#6e8d45;
}
/**Inactive**/
a.button.inactive, button.inactive, input.button.inactive {
    color:white;
}
a.button.inactive:hover, button.inactive:hover, button.inactive:focus, a.button.inactive:focus {
   cursor:default;
   color:white;
}
a.button.green.inactive, button.green.inactive, input.button.green.inactive {
    color:white;
    text-shadow: 0 -1px 0 #2B6B0D;
}
a.button.green.inactive:hover, button.green.inactive:hover, button.green.inactive:focus, a.button.green.inactive:focus {
   cursor:default;
   color:white;
}
/**Interested IN Button**/
a.button.interested, button.interested, input.button.interested {
    color: white;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0;
    text-decoration: none;
    width: 250px;
    border:0;
    
    box-shadow: 0px 2px 0px #0d6028;
    
    text-shadow: 0 -1px 0 #104010;
    
    background: #3ca36d; /* Old browsers */
    background: -moz-linear-gradient(top,  #3ca36d 0%, #308358 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ca36d), color-stop(100%,#308358)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3ca36d 0%,#308358 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3ca36d 0%,#308358 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3ca36d 0%,#308358 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3ca36d 0%,#308358 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca36d', endColorstr='#308358',GradientType=0 ); /* IE6-9 */

}
a.button.interested:hover, a.button.interested:focus, button.interested:hover, button.interested:focus, input.button.interested:hover, input.button.interested:focus {
    background: #3ca36d; /* Old browsers */
    background: -moz-linear-gradient(top,  #329963 0%, #26794e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#329963), color-stop(100%,#26794e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #329963 0%,#26794e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #329963 0%,#26794e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #329963 0%,#26794e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #329963 0%,#26794e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#329963', endColorstr='#26794e',GradientType=0 ); /* IE6-9 */
}

/*************************************************************/
/** Icon *****************************************************/
/*************************************************************/

/**HTML

<button class="button right white"><span class="icon add">Add photo</button>

**/

button .icon {
    display:inline-block;
    margin:-1px 0px 0px -22px;
    width:16px;
    height:14px;
    position:relative;
    
}

button .icon.add {
    background:url(/cdn/beautifulpeople/images/no_repeat_042.png) no-repeat -737px -351px; 
    
}
button .icon.loader {
    background:url(/cdn/beautifulpeople/images/button_loader2.gif) no-repeat 0px 0px;
    margin:0 10px 0 0;
}

a.button.add {
    background:url(/cdn/beautifulpeople/images/shared/buttons/add.png) no-repeat 0px 0px;
    color:#5a6069;
    border-color:#ccd9d4;
}
a.button.add:hover {background:url(/cdn/beautifulpeople/images/shared/buttons/add.png) no-repeat 0px -23px;}

a.button.love {
    background:url(/cdn/beautifulpeople/images/shared/buttons/love.png) no-repeat 0px 0px;
    color:#5a6069;
    border-color:#ccd9d4;
}
a.button.love:hover {background:url(/cdn/beautifulpeople/images/shared/buttons/love.png) no-repeat 0px -23px;}

a.button.tag {
    background:url(/cdn/beautifulpeople/images/shared/buttons/tag.png) no-repeat 0px 0px;
    color:#5a6069;
    border-color:#ccd9d4;
}
a.button.tag:hover {background:url(/cdn/beautifulpeople/images/shared/buttons/tag.png) no-repeat 0px -23px;}


/*************************************************************/
/** Big blue button LINK ******************************************/
/*************************************************************/

a.bigbluebutton {
    height:33px;
    padding:0px 30px 0px 30px;
    font-size:14px;
    font-weight:bold;
    color:#315e75;
}

a.bigbluebutton, bigbluebutton, input.bigbluebutton {
    background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -2352px;
    font-weight:bold;
    outline:none;
	display:block;
	text-align:center;
	text-decoration:none;

	vertical-align:middle;
	line-height:30px;
	border-top:1px solid #88b0cd;
	border-bottom:1px solid #6fa3c9;
	border-left:1px solid #88b0cd;
	border-right:1px solid #88b0cd;
}
a.bigbluebutton:hover, a.bigbluebutton:focus, bigbluebutton:hover, bigbluebutton:focus, input.bigbluebutton:hover, input.bigbluebutton:focus {
    background:url(/cdn/beautifulpeople/images/repeat_x_009.png) repeat-x 0px -2446px;
    text-decoration:none;
}
/*************************************************************/
/** Big green button LINK ******************************************/
/*************************************************************/

a.biggreenbutton, biggreenbutton, input.biggreenbutton {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 20px;
    color: white;
    cursor: pointer;
    text-decoration: none;
    border:0;
    text-align:center;
    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
        
    box-shadow: 0px 2px 0px #0d6028;
    
    text-shadow: 0 -1px 0 #104010;
    
    background: #3ca36d; /* Old browsers */
    background: -moz-linear-gradient(top,  #3ca36d 0%, #308358 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ca36d), color-stop(100%,#308358)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3ca36d 0%,#308358 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3ca36d 0%,#308358 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3ca36d 0%,#308358 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3ca36d 0%,#308358 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca36d', endColorstr='#308358',GradientType=0 ); /* IE6-9 */
}
a.biggreenbutton.editphotos, biggreenbutton.editphotos, input.biggreenbutton.editphotos {
    margin-top:-25px;
    margin-bottom: 20px;
}

a.biggreenbutton:hover, a.biggreenbutton:focus, biggreenbutton:hover, biggreenbutton:focus, input.biggreenbutton:hover, input.biggreenbutton:focus {
    background: #3ca36d; /* Old browsers */
    background: -moz-linear-gradient(top,  #329963 0%, #26794e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#329963), color-stop(100%,#26794e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #329963 0%,#26794e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #329963 0%,#26794e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #329963 0%,#26794e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #329963 0%,#26794e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#329963', endColorstr='#26794e',GradientType=0 ); /* IE6-9 */
}

/*************************************************************/
/** Big black button ******************************************/
/*************************************************************/

.bigblackbutton {
    padding:0px 30px 0px 30px;
    font-size:14px;
    font-weight:bold;
    
    color:#c8ced2;
	border-color: #4B4B4B;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.bigblackbutton, bigblackbutton, input.bigblackbutton {
    font-weight:bold;
    outline:none;
	display:block;
	text-align:center;
	text-decoration:none;

	vertical-align:middle;
}
.bigblackbutton:hover, .bigblackbutton:focus, bigblackbutton:hover, bigblackbutton:focus, input.bigblackbutton:hover, input.bigblackbutton:focus {
    text-decoration:none;
    background-color:#2f694b;
}

.bigbuysubscription_button {
    color: #FFFFFF;
    display: block;
    font-size: 22px;
    font-weight: bold;
    height: 102px;
    margin: 0 auto 5px;
    padding-top: 15px;
    text-decoration: none;
    width: 387px;
}
a:hover.bigbuysubscription_button {
    text-decoration:none;
}
.bigupgrade_button {
    background: url("/cdn/beautifulpeople/images/no_repeat_042.png") no-repeat scroll -858px -1776px transparent;
    color: White;
    display: block;
    font-size: 32px;
    font-weight: bold;
    height: 85px;
    margin: 20px auto 5px;
    padding-top: 42px;
    text-decoration: none;
    width: 387px;
}
a:hover.bigupgrade_button {
    text-decoration:none;
}
.link_button {
    font-size: 10px;
    margin-right: 15px;
    padding: 2px 6px;
    text-align: center;
    
    -webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	color:white;
	border:1px solid #649F33;
    cursor: pointer;
    text-decoration:none;
  
    -moz-box-shadow: inset 0 1px #c2e7aa, inset 0 -1px #1f650c;
    -webkit-box-shadow: inset 0 1px #c2e7aa, inset 0 -1px #1f650c;
    box-shadow: inset 0 1px #c2e7aa, inset 0 -1px #1f650c;
    
    /* fallback/image non-cover color */
   background-color: #69b242; 

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8cd15f), to(#4e9a2c));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #8cd15f, #4e9a2c); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #8cd15f, #4e9a2c);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #8cd15f, #4e9a2c);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #8cd15f, #4e9a2c);
}
a:hover.link_button {
    background-color: #AFBAC3;
    color:white;
    text-decoration:none;
    
    /* fallback/image non-cover color */
   background-color: #60ab3c; 

   /* Safari 4+, Chrome 1-9 */
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7fca53), to(#448e26));

   /* Safari 5.1+, Mobile Safari, Chrome 10+ */
   background-image: -webkit-linear-gradient(top, #7fca53, #448e26); 

   /* Firefox 3.6+ */
   background-image: -moz-linear-gradient(top, #7fca53, #448e26);

   /* IE 10+ */
   background-image: -ms-linear-gradient(top, #7fca53, #448e26);

   /* Opera 11.10+ */
   background-image: -o-linear-gradient(top, #7fca53, #448e26);
}
.link_button.right {
    float:right;
}
.link_button.no_margin {
    margin:0;
}
.link_button.margin_left {
    margin-left:6px;
    margin-right:0;
}
.month_sales_banner {
    background: url("/cdn/beautifulpeople/images/sales_banner_04.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 107px;
    margin: 0 auto 25px;
    width: 654px;
}
.month_sales_banner.profile {
    margin: 25px auto 0;
}
.month_sales_banner.home {
    margin: 0 auto 0;
}
.month_sales_banner.green {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll 0 0 transparent;
}
.month_sales_banner.purple {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll 0 -107px transparent;
}
.month_sales_banner.red {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll 0 -214px transparent;
}
.month_sales_banner.yellow {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll 0 -321px transparent;
}
.month_sales_banner.blue {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll 0 -428px transparent;
}
.month_sales_banner.oceanblue {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll 0 -535px transparent;
}
.month_sales_banner.valentine {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll 0 -642px transparent;
}
.month_sales_banner.easter {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll 0 -749px transparent;
}
.month_sales_banner_right {
    width:420px;
    float:right;
}
.month_sales_banner_left {
    float: left;
    margin: 20px 0 0 35px;
    width: 170px;
}
.month_sales_banner_offerheadline {
    color: White;
    float: left;
    font-size: 32px;
    font-weight: bold;
    margin-top: 14px;
    width: 100%;
    text-align: center;
    margin:0;
    line-height: 30px;
    
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.month_sales_banner_offertext {
    color: White;
    float: left;
    font-size: 44px;
    font-weight: bold;
    margin-top: 14px;
    width: 100%;
    text-align: center;
    margin:0;
    line-height: 40px;
    
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.da .month_sales_banner_offerheadline  {
    font-size: 28px;
}
.da .month_sales_banner_offertext  {
    font-size: 36px;
}
.month_sales_banner_headline {
    color: White;
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: 14px;
    width: 420px;
    
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.month_sales_banner_text {
    color: White;
    float: right;
    font-size: 14px;
    font-weight: bold;
    width: 400px;
    margin-top: 2px;
    padding-right: 20px;
    
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.month_sales_banner_text:hover {
    text-decoration:none;
}
.month_sales_bannerlink:hover {
    text-decoration:none;
}
.month_sales_banner_small {
    background: url("/cdn/beautifulpeople/images/sales_banner_03.png") no-repeat scroll -618px 0 transparent;
    height: 61px;
    margin-top: 143px;
    position: absolute;
    right: 0;
    width: 125px;
    z-index: 999999;
}
.small_banner_textcontainer {
    float:right;
    width:115px;
    margin-top: 10px;
}
.month_sales_banner_small_offerheadline {
    color: White;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-top: 14px;
    width: 100%;
    text-align: center;
    margin:0;
    line-height: 12px;
    
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.month_sales_banner_small_offertext {
    color: White;
    float: left;
    font-size: 31px;
    font-weight: bold;
    margin-top: 14px;
    width: 100%;
    text-align: center;
    margin:0;
    line-height: 32px;
    
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.month_sales_banner_small.green {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll -618px 0 transparent;
}
.month_sales_banner_small.purple {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll -618px -61px transparent;
}
.month_sales_banner_small.red {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll -618px -122px transparent;
}
.month_sales_banner_small.yellow {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll -618px -183px transparent;
}
.month_sales_banner_small.blue {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll -618px -244px transparent;
}
.month_sales_banner_small.oceanblue {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll -618px -305px transparent;
}
.month_sales_banner_small.valentine {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll -618px -366px transparent;
}
.month_sales_banner_small.easter {
    background: url("/cdn/beautifulpeople/images/sales_banner_05.png") no-repeat scroll -618px -427px transparent;
}
.da .month_sales_banner_small_offerheadline {
    font-size: 17px;
    line-height:17px;
}
.da .month_sales_banner_small_offertext {
    font-size: 20px;
    line-height:26px;
}
.banner_campaign_btn {
    background-color: Green;
    border: 0 none;
    clear: both;
    color: White;
    float: right;
    font-size: 24px;
    height: 70px;
    margin-right: 80px;
    margin-top: 40px;
    width: 290px;
    
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.banner_campaign_btn.red {
    background-color: Red;
}
.banner_campaign_btn.preview {
    background-color: #ffae00;
}
.specified_search {
    background-color:#ecebe2;
    color: #626155;
    display: block;
    float: left;
    margin-top: 30px;
    padding: 10px 0;
    width: 100%;
    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    
    -webkit-transition: background 500ms ease;
    -moz-transition: background 500ms ease;
    -ms-transition: background 500ms ease;
    -o-transition: background 500ms ease;
    transition: background 500ms ease;
}
.specified_search:hover {
    text-decoration:none;
    background-color:#e4e3d8;
}
.specified_search_icon {
    background: url("/cdn/beautifulpeople/images/no_repeat_042.png") no-repeat scroll -935px -730px transparent;
    display: block;
    float: left;
    height: 22px;
    margin: 0 10px 0 65px;
    width: 23px;
}
.specified_search_text {
    display: block;
    float: left;
    margin-top: 2px;
}