/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{padding:1px;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; margin: 0 auto; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* GENERAL & HEADER */

div#settings2 {
	min-height: 500px;
	background-color: #ddd;
}

div#settings2 h2 {
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

div#settings2 ul#settings2-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 20%;
	border-top: 1px solid #666;
	float: left;
}

/* NAVIGATION */

div#settings2 ul#settings2-nav li {
	border: 1px solid #666;
	border-top: 0;
	background-color: #ccc;
}
div#settings2 ul#settings2-nav li.selected {
	background-color: #B3D2FE;
}
div#settings2 ul#settings2-nav li a {
	display: block;
	padding: 10px;
	color: #333;
}
div#settings2 ul#settings2-nav li a:hover {
	background-color: #ddd;
	text-decoration: none;
}
div#settings2 ul#settings2-nav li.selected a:hover {
	background-color: #B3D2FE;
}

/* CONTENT */

div.settings-content {
	float: right;
	width: 80%;
}
div.settings-content div.settings-content-inner {
	padding: 0 20px;
}
div.settings-content p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* FORMS IN CONTENT */

div.settings-content label {
	float: none !important;
}

div.settings-content input[type=text], div.settings-content textarea {
	width: 350px;
}

div.settings-content div#settings-basic-right {
	float: right;
	width: 25%;
}

div.settings-content div#settings-basic-left {
	float: left;
	width: 75%;
}

div.settings-content div#settings-basic-right img.photo {
	margin-bottom: 20px;
}

div.settings-content p.settings-save {
	margin-top: 10px !important;
	text-align: center;
}

div.settings-content a#upload_button {
	color: #fff;
	position: relative;
	top: 20px;
	font-size: 13px;
}

div.settings-content p.settings-save input {
	font-size: 22px;
}

p#settings-upload-picture-advice {
	margin: 15px 0 !important;
	text-align: center;
}

div#settings_upload_picture form#crop_form {
	height: 75px;
	padding-top: 15px;
}/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

html {
	width: 100%;
	height: 100%;
}

body {
	background-color: #61B4EF;
        background-image: url("/images/gradient-bg.png");
        background-position: center 35px;
        background-repeat: no-repeat;
	color: #fff;
	font-family: Lucida Grande, Lucida Sans, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 19px;
	height: 100%;
	width: 100%;
}

body#widget {
    background: transparent;
    padding-top: 5px;
}

body.nogradient {
    background-image: none;
}

a {
	color: #fff;
	cursor: pointer;
        text-decoration: none;
}

a:hover, a:active {
	color: #fff;
  text-decoration: underline;        
}

.imabadperson {
	clear: both;
}

.hidden {
    display: none;
}

.center {
	text-align: center;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.roundedgradientshadow {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	background: -moz-linear-gradient(#FFFFFF, #CCCCCC) repeat scroll 0 0 #DDDDDD;
	background: -webkit-gradient(linear,0 0,0 100%, color-stop(0, #ffffff), color-stop(1, #cccccc));
	-moz-box-shadow: 0 0 5px #666666;
	-webkit-box-shadow: 0 0 5px #666666;
}

span.new {
    font-size: 11px;
    text-transform: uppercase;
    color: red;
    position: relative;
    bottom: 1px;
    font-weight: bold;
}

/* FEEDBACK BUTTON */

div#feedback {
	background: #000;
	height: 112px;
	left: 0;
	padding: 4px 2px 4px 0;
	position: fixed !important;
	position: absolute;
	top: 205px; /* set to 125 when beta bar is removed */
	width: 38px;
	z-index: 99;
}

div#feedback a {
	background: url(/images/feedback.gif) top left no-repeat;
	border: 1px dotted #666;
	border-left: none;
	display: block;
	height: 110px;
	text-indent: -99999px;
	width: 35px;
}

div#feedback a:hover,
div#feedback a:active {
	background: url(/images/feedback.gif) bottom left no-repeat;
}

/* FORMS */

form input[type=text],
form input[type=password],
form select,
textarea {
	border: 2px solid #999;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	font-family: Lucida Grande, Lucida Sans, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 15px;
	line-height: 15px;
	padding: 5px;
        background-image:-moz-linear-gradient(center top , #ffffff, #dddddd);
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #dddddd),color-stop(1, #ffffff)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')"; /* IE8 */
}
form input[type=image]
{
	border: none;
}

form input[type=text]:focus,
form input[type=password]:focus,
textarea:focus {
        border: 2px solid #7AA7BF;
        background-image:-moz-linear-gradient(center top , #D1E4EF, #ffffff);
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #D1E4EF)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1E4EF', endColorstr='#ffffff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1E4EF', endColorstr='#ffffff')"; /* IE8 */
}

form input.valid,
textarea.valid {
     border: 2px solid #81AF36;
        background-image:-moz-linear-gradient(center top , #B4DF6F, #ffffff);
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #B4DF6F)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4DF6F', endColorstr='#ffffff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4DF6F', endColorstr='#ffffff')"; /* IE8 */
}

form input.invalid,
textarea.invalid,
form input:focus.invalid,
textarea:focus.invalid{
     border: 2px solid #DF2929;
        background-image:-moz-linear-gradient(center top , #DF7D7D, #ffffff);
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #DF7D7D)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF7D7D', endColorstr='#ffffff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF7D7D', endColorstr='#ffffff')"; /* IE8 */
}

form input[type=text][disabled] {
    color: #666 !important;
}

form input.checkbox {
	border: none;
	width: 20px;
}

input[type=submit].submit,
a.submit {
	background-color: #81AF36;
	border-radius: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #333;
	text-decoration: none;
	font-family: Lucida Grande, Lucida Sans, Trebuchet MS, Arial, Verdana, sans-serif;
	cursor: pointer;
	margin: 0 10px;
	padding: 10px;
	border: 0;
	background-image:-moz-linear-gradient(center top , #81AF36, #415F12);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #415F12),color-stop(1, #81AF36)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#81AF36', endColorstr='#415F12'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81AF36', endColorstr='#415F12')"; /* IE8 */
	outline: 0;
	color: #fff;
	-moz-box-shadow: 0 0 5px #81AF36;
	text-shadow: 0 1px #333333;
	border: 1px solid #51711E;
}

input[type=submit].cancel,
a.cancel {
	background-color: #ddd;
	border-radius: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #333;
	text-decoration: none;
	font-family: Lucida Grande, Lucida Sans, Trebuchet MS, Arial, Verdana, sans-serif;
	cursor: pointer;
	margin: 0 10px;
	padding: 5px;
        border: 0;
        background-image:-moz-linear-gradient(center top , #eeeeee, #999999);
     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #999999),color-stop(1, #eeeeee)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#999999'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#999999')"; /* IE8 */
        outline: 0;
}

input.submit:hover,
a.submit:hover,
form input.cancel:hover,
a.submit.cancel:hover {
    outline: none;
	border: 1px solid #000000;
	text-shadow: 0 1px #666666;
}

input.submit:active,
a.submit:active,
input.submit:focus,
a.submit:focus
{
    background-image:-moz-linear-gradient(center top , #415F12, #81AF36);
     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #81AF36),color-stop(1, #415F12)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#415F12', endColorstr='#81AF36'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#415F12', endColorstr='#81AF36')"; /* IE8 */
        outline: 0;
}
input.cancel:active,
a.cancel:active,
input.cancel:focus,
a.cancel:focus
{
    background-image:-moz-linear-gradient(center top , #999999, #eeeeee);
     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eeeeee),color-stop(1, #999999)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#eeeeee'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#eeeeee')"; /* IE8 */
        outline: 0;
}

/* LOGIN TOP BAR */

form#login {
	background: url(/images/transparent-black.png) top left repeat;
	font-size: 13px;
	height: 40px;
	padding: 0 0 10px 0;
	position: absolute;
	top: 25px; /* set to 0 when beta bar is removed */
	width: 100%;
	display: none;
}

form#login fieldset {
	height: 30px;
	margin: 0 auto;
	text-align: center;
	width: 990px;
}

a#getonepage { /* this button is where a logged-out user is viewing a stream or card page */
	background: #8ebc44 url(/images/green-button.gif) top left repeat-x;
	border: 2px solid #9bce57;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #395226;
	cursor: pointer;
	height: 46px;
	font-size: 17px;
	padding: 4px 25px;
	text-decoration: none;
	text-transform: uppercase;
	width: 276px;
}

a#getonepage:hover {
	background: #8ebc44 url(/images/green-button.gif) bottom left repeat-x;
	color: #233418;
}

form#login label {
	padding-bottom: 5px;
}

form#login input {
	color: #000;
	width: 138px;
}

form#login input.submit {
	color: #fff;
	width: 80px;
}

form#login input.submit:hover {
	border: 2px solid #ccc;
	color: #ccc;
	padding-top: 6px;
	padding-bottom: 4px;
}

form#login input.checkbox {
	width: 20px;
}

form#login label {
	line-height: 50px;
	padding-left: 5px;
}

form#login-button {
	position: absolute;
	width: 100%;
	top: 25px;
	z-index: 999;
}

form#login-button div {
	margin: 0 auto;
	width: 925px;
}

form#login-button div input {
	margin-top: 10px;
	float: right;
}

ul#login_options {
	list-style: none;
	margin-bottom: 10px;
	height: 37px;
}
ul#login_options li {
	display: block;
	float: left;
	height: 37px;
	line-height: 36px;
	border: 1px solid #999;
	background-color: #3B4F44;
	margin-right: 5px;
	-moz-border-radius: 5px;
	padding-right: 5px;
}
ul#login_options li.selected,
ul#login_options li:hover {
	background-color: #ccc;
	border-color: #000;
	color: #000;
}
ul#login_options li.selected a,
ul#login_options li:hover a {
	color: #000;
}
ul#login_options li a {
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#login_options li img {
	float: left;
	position: relative;
	top: 3px;
	margin: 0 2px;
}

/* LOGGED IN BAR */

div#above-top-bar {
	margin: 0 auto;
	text-align: left;
	width: 750px;
	height: 35px;
	line-height: 30px;
	position: relative;
	opacity: 0.5;
  -webkit-transition: opacity 0.5s linear;
}

div#above-top-bar:hover {
	opacity: 1;
}

div#above-top-bar div#retweet_button {
	height: 10px;
	position: absolute;
	top: 5px;
	left: 0px;
	background-color: #eeeeee;
	padding: 3px;
	padding-top: 4px;
	height: 16px;
	border: 1px solid #bbbbbb;
	-moz-border-radius: 3px;
}

div#above-top-bar div#facebook_like {
	height: 25px;
	position: absolute;
	top: 5px;
	left: 102px;
	overflow: hidden;
}

div#top-bar {
    width: 750px;
    text-align: center;
    margin: 0px auto 5px;
    height: 60px;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
	background-color: #eeeeee;
    position: relative;
}

div#logged-in-bar {
	width: 500px;
	float: right;
}
div#logged-in-bar ul {
	margin-right: 20px;
	margin-top: 18px;
	text-align: right;
}
div#logged-in-bar ul li {
	display: inline;
	font-size: 13px;
	list-style-type: none;
	text-align: right;
	color: #666666;
}


div#logged-in-bar ul li a {
	
	color: #000;
        text-decoration: none;
        margin: 0 5px;
}

div#logged-in-bar li a:hover,
div#logged-in-bar ul li a:active {
	color: #000;
        text-decoration: underline;
}

/*************************************************************** FRONT PAGE */

div#landing-page-top-part {
    width: 700px;
    margin: 0 auto;
    position: relative;
}

div#landing-page-top-part h2 {
    color: #000;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 15px;
}

/* REGISTER BAR */

form#register {
	width: 230px;
	z-index: 2;
    float: right;
    padding: 5px;
    margin-left: 5px;
    height: 300px;
    margin-top: 15px;
	background-color: #eeeeee;
}

form#register fieldset {
	margin: 0 auto;
	
}

form#register p.hint {
    color: #666;
    font-size: 14px;
    margin-top: 15px;
}
form#register p.hint a {
    color: #333;
}

form#register legend {

	font-size: 19px;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	
}

form#register legend span {
	border-bottom: 1px dotted #555;
	padding-bottom: 5px;
}

form#register ul {
	margin-top: 10px;
}

form#register ul li {
	float: left;
	list-style-type: none;
	margin: 14px 0;
	
}

form#register label,
form#register input {
}

form#register label {
	display: none;
	float: left;
	padding: 5px 10px 0 0;
	text-align: right;
	width: 95px;
}

form#register input {
	font-size: 18px;
}

form#register ul li.submit-li {
    
	margin-top: 10px;
}

div#settings form input.submit {
	width: 200px;
}

/* REQUEST AN INVITE */

form#register ul li.request {
    float: right;
    margin-top: 0;
    text-align: center;
    width: 276px;
}

form#register p {
    margin: 20px 0;
    text-align: center;
    height: 30px;
}

/* SCREENCAST AND SERVICES BOX */

div#steps {
    background-color: #eee;
    margin: 15px auto 0 auto;
    padding: 5px;
    width: 430px;
    float: left;
}

div#steps div.step {
    width: 50%;
    overflow: hidden;
    float: left;
    height: 344px;
    overflow: hidden;
}

div#steps div.step#step1 img {
    border: 5px solid #000;
    margin-left: 5px;
}

div#steps div#share-step-slideshow {
    height: 300px;
}

div#steps div.step h2 {
	font-size: 19px;
	padding: 0 0 15px 10px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
}



/* WHO HAS ONEPAGE BOX */

div#top-onepages {
	background-color: #eee;
	margin: 20px auto 0 auto;
	padding: 10px;
	margin-bottom: 20px;
	width: 680px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

div.minicard {
    width: 300px;
    height: 94px;
    background-color: #333;
    margin: 15px;
    float: left;
	overflow: hidden
}

div.minicard a {
    display: block;
    height: 84px;
    padding: 5px;
    text-decoration: none;
}
div.minicard:hover {
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
}
div.minicard div.minicard-photo {
    float: left;
    border: 2px solid #fff;
    height: 80px;
    width: 80px;
}
div.minicard div.minicard-text {
    margin-left: 94px;
    margin-top: 5px;
	line-height: 23px;
}
div.minicard div.minicard-text p.minicard-text-name {
    font-size: 18px;
    margin-bottom: 10px;
}

div#top-onepages h2 {
	font-size: 20px;
        color: #333;
	text-align: center;
	margin-bottom: 20px;
}

ul#who-has-onepage {
	height: 138px;
	text-align: center;
}

ul#who-has-onepage li {
	display: block;
	list-style-type: none;
	margin: 0 20px;
        width: 300px;
        height: 100px;
        background-color: #333;
        float: left;
        clear: both;
}

ul#who-has-onepage li a img {
	border: 3px solid #000;
}

/* AWARDS */

div#awards {
	background-color: #eee;
	margin: 20px auto 0 auto;
	padding: 10px;
	margin-bottom: 20px;
	width: 680px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div#awards h2 {
	font-size: 20px;
        color: #333;
	text-align: center;
	margin-bottom: 20px;
}
div#awards ul {
	list-style: none;
}
div#awards ul li {
	display: block;
	float: left;
	width: 205px;
	margin: 0 10px;
        color: #333;
        font-size: 11px;
}
div#awards ul li a {
    color: #333;
}
div#awards ul li img {
	float: left;
	margin-right: 10px;
	border: 2px solid #000;
}

p#request-skip {
	text-align: center;
	margin-bottom: 20px;
}
p#request-skip a {
	background: #8ebc44 url(/images/green-button.gif) top left repeat-x;
	border: 2px solid #9bce57;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #395226;
	cursor: pointer;
	height: 46px;
	font-size: 17px;
	padding: 4px 25px;
	text-decoration: none;
	text-transform: uppercase;
	width: 276px;
}
p#request-skip a:hover {
	background: #8ebc44 url(/images/green-button.gif) bottom left repeat-x;
	color: #233418;
}

/*************************************************************** STREAM VIEW */

h1#logo {
	/*background: url(/images/small-onepage.png) top left no-repeat;*/
	height: 75px;
	margin: 5px auto 0 auto;
	position: relative;
	/*text-indent: -99999px;*/
	z-index: 98;
	float: left;
	height: 46px;
        margin-left: 10px;
}

h1#logo a {
	height: 75px;
}

div#user-stream {
	margin: 0 auto;
	width: 990px;
}

/* ABOUT USER SIDEBAR */

dl#about-user {
	background: url(/images/transparent-black.png) top left repeat;
	margin-left: 600px;
	padding: 0 20px 5px 20px;
	position: absolute;
	width: 290px;
}

dl#about-user dt#user-pic {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

div#photo {
	border: 3px solid #ccc;
	height:132px;
	overflow:hidden;
	width:132px;
}

dl#about-user dt#user-fullname {
	border-bottom: 1px dotted #4d4d4d;
	padding-bottom: 20px;
	margin-bottom: 10px;
	width: 140px;
}

dl#about-user dd#biog {
	font-size: 13px;
	line-height: 20px;
	padding-bottom: 20px;
}

dl#about-user dd a#viewcard {
	background-color: #000;
	border: 2px solid #000;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #fff;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	padding: 3px 20px;
	text-align: center;
	text-decoration: none;
	width: 210px;
}

dl#about-user dd a#viewcard:hover,
dl#about-user dd a#viewcard:active {
	border: 2px solid #ccc;
	color: #ccc;
	padding-top: 4px;
	padding-bottom: 2px;
}

ul#service-icons {
	float: left;
	padding: 20px 10px 2px 10px;
	width: 170px;
}

ul#service-icons li {
	float: left;
	list-style-type: none;
}

ul#service-icons li a {
	display: block;
	margin: 0 8px 8px 0;
}

/* STREAM */

div#user-stream {
	margin: 0 auto;
	padding: 0 370px 20px 40px;
	width: 580px;
}

ul#stream {
	padding-top: 20px;
}

ul#stream li {
	font-size: 13px;
	list-style-type: none;
	margin-bottom: 10px;
}

/* STREAM TEXT COLOURS */

ul#stream li a:hover,
ul#stream li a:active {
	color: #fff;
}

ul#stream li#delicious,
ul#stream li#delicious a {
	color: #f2f3f6;
}

ul#stream li#digg,
ul#stream li#digg a {
	color: #96bbdb;
}

ul#stream li#flickr,
ul#stream li#flickr a {
	color: #f994c7;
}

ul#stream li#google-reader,
ul#stream li#google-reader a {
	color: #95d0f1;
}

ul#stream li#lastfm,
ul#stream li#lastfm a {
	color: #ddcdcd;
}

ul#stream li#rss,
ul#stream li#rss a {
	color: #fdba4b;
}

ul#stream li#twitter,
ul#stream li#twitter a {
	color: #ccffff;
}

ul#stream li#vimeo,
ul#stream li#vimeo a {
	color: #9ae2f4;
}

ul#stream li#youtube,
ul#stream li#youtube a {
	color: #fa8581;
}

ul#stream li h3 {
	background-color: #ddd;
	clear: both;
	display: block;
	float: left;
	height: 90px;
	margin: 0 20px 0 0;
	text-indent: -99999px;
	width: 90px;
}

/* STREAM ICONS */

div#user-stream ul#service-icons { /* on stream */
	width: 285px;
}

ul#stream li#delicious h3 {
	background: url(/images/services/delicious_90.png) top left no-repeat;
}

ul#stream li#digg h3 {
	background: url(/images/services/digg_90.png) top left no-repeat;
}

ul#stream li#flickr h3 {
	background: url(/images/services/flickr_90.png) top left no-repeat;
}

ul#stream li#google-reader h3 {
	background: url(/images/services/google_reader_90.png) top left no-repeat;
}

ul#stream li#lastfm h3 {
	background: url(/images/services/lastfm_90.png) top left no-repeat;
}

ul#stream li#rss h3 {
	background: url(/images/services/rss_90.png) top left no-repeat;
}

ul#stream li#twitter h3 {
	background: url(/images/services/twitter_90.png) top left no-repeat;
}

ul#stream li#facebook h3 {
	background: url(/images/services/facebook_90.png) top left no-repeat;
}

ul#stream li#vimeo h3 {
	background: url(/images/services/vimeo_90.png) top left no-repeat;
}

ul#stream li#youtube h3 {
	background: url(/images/services/youtube_90.png) top left no-repeat;
}

/* end stream icons */

ul#stream li ul {
	float: left;
	width: 470px;
}

ul#stream li ul li {
	background: url(/images/transparent-black.png) top left repeat;
	margin-bottom: 1px;
	padding: 5px 10px;
}

ul#stream li ul li span.activity {
	font-weight: bold;
}

ul#stream li ul li span.timestamp {
	font-size: 11px;
}

dl.image-activity dl,
dl.video-activity dl {
	display: block;
}

dl.image-activity dt,
dl.video-activity dt {
	float: right;
}

dl.image-activity dd,
dl.video-activity dd {
	float: left;
	width: 335px;
}

ul#stream li a.viewmore {
	background: #000 url(/images/viewmore-bg.gif) top center no-repeat;
	color: #fff;
	display: block;
	height: 25px;
	float: left;
	margin-left: 460px;
	margin-bottom: 10px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}

ul#stream li a.viewmore:hover,
ul#stream li a.viewmore:active {
	background: #fff url(/images/viewmore-bg.gif) bottom center no-repeat;
	color: #000;
}

img.thumbnail {
	background: #fff url(/images/viewmore-bg.gif) bottom center no-repeat;
	border: 3px solid #000;
}

/* CARD */

div#card {
	margin: 20px auto 50px;
    margin-bottom: 30px;
	width: 550px;
}

p#profile_box {
	margin-bottom: 20px;
}

p#profile_box a.submit {
	color: #FFFFFF;
	display: block;
	float: right;
	position: relative;
	top: 8px;
	padding: 5px 10px;
}

p#edit-bar {
    height: 45px;
    text-align: right;
    width: 550px;
    margin: 0 auto;
}

div#card-container {
    margin-bottom: 15px;
    background-color: #333;
}

div#card-back {
    padding: 15px 20px 20px;
}

div#card-back h2 {
    font-size: 17px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #4E4E4E;
}

ul.vcard {
	background-color: #333;
	padding: 15px 20px 20px 20px;
	margin-bottom: 15px;
}
ul.vcard.shadow {
    -moz-box-shadow:0 0 5px #000000;
    -webkit-box-shadow:0 0 5px #000000;
}

ul.vcard li {
	list-style-type: none;
}

ul li.avatar {
	float: right;
	padding: 5px 0 15px 0;
	text-align: right;
	width: 138px;
}

ul li.avatar img {
	/*border: 3px solid #000;*/
}
ul li.avatar input {
	position: relative;
	right: 84px;
}

ul li.fn {
	border-bottom: 1px dotted #4e4e4e;
	font-size: 17px;
	padding: 0 10px 10px 0;
	width: 340px;
}
ul li.fn.limit {
	height: 19px;
	line-height: 29px;
	overflow: hidden;
}

ul li.title {
	font-size: 15px;
	padding: 10px 0 5px 0;
	width: 350px;
}
ul li.title.limit {
	height: 19px;
    overflow: hidden;
	line-height: 24px;
}
ul li.title input[type=text] {
	width: 115px;
}

ul li.note {
	font-size: 13px;
/*	padding: 10px 0 15px 0;*/
	margin-top: 6px;
	margin-bottom: 13px;
	width: 350px;
}
ul li.note.limit {
    height: 76px;
    overflow: auto;
}

ul#details {
	border-top: 1px dotted #4e4e4e;
	clear: both;
	width: 510px;
}

ul#details li {
	border-bottom: 1px dotted #4e4e4e;
	border-right: 1px dotted #4e4e4e;
	float: left;
	padding: 5px 5px 5px 50px;
	width: 198px;
	position: relative;
}

ul#details li.jgshowx_li {
    border: none;
    width: 510px;
    padding: 0;
    padding-top: 5px;
    font-size: 13px;
    text-align: center;
}

.jgtextlimit_exceeded {
    color: #DF7D7D;
}

div#settings ul#details li:nth-of-type(5) {
    border-bottom: 2px solid #fff;
}

div#settings ul#details li:nth-of-type(6) {
    border-bottom: 2px solid #fff;
}

ul#details li.jgshowx_li a {
    color: #99C8DF;
}

ul#details li.odd {
	border-left: 1px dotted #4e4e4e;
}

ul#details li dl dd {
	font-size: 13px;
	height: 19px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

ul#details li dl dt {
	font-size: 12px;
	height: 19px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

ul#details li dl dt a {
    color: #fff;
}

ul#details li dl dt.add {
	overflow: visible;
}

ul#details li dl dt.add a {
    color: #fff;
}

/* card details icons */

ul#details li.add {
/*	background: url(/images/card-icons/add_32.png) 12px center no-repeat; */
padding-left: 40px;
padding-right: 15px;
}

ul#details li.add a {
    font-size: 16px;
    position: relative;
    bottom: 10px;
}

ul#details li.phone {
	background: url(/images/card-icons/phone.png) 12px center no-repeat;
}

ul#details li.website {
	background: url(/images/card-icons/url.png) 14px center no-repeat;
}

ul#details li.location {
	background: url(/images/card-icons/location.png) 15px center no-repeat;
}

ul#details li.birthday {
	background: url(/images/card-icons/bday.png) 15px center no-repeat;
}

ul#details li.email {
	background: url(/images/card-icons/email.png) 12px center no-repeat;
}

ul#details li.edocr {
	background: url(/images/services/edocr_32.png) 12px center no-repeat;
}

ul#details li.skype {
	background: url(/images/services/skype_32.png) 11px center no-repeat;
}

ul#details li.yahooim {
	background: url(/images/services/yahooim_32.png) 11px center no-repeat;
}

ul#details li.aim {
	background: url(/images/services/aim_32.png) 11px center no-repeat;
}

ul#details li.vimeo {
	background: url(/images/services/vimeo_32.png) 11px center no-repeat;
}

ul#details li.livemessenger {
	background: url(/images/services/livemessenger_32.png) 11px center no-repeat;
}

ul#details li.googletalk {
	background: url(/images/services/googletalk_32.png) 11px center no-repeat;
}

ul#details li.lastfm {
	background: url(/images/services/lastfm_32.png) 11px center no-repeat;
}

ul#details li.twitter {
	background: url(/images/services/twitter_32.png) 11px center no-repeat;
}

ul#details li.rss {
	background: url(/images/services/rss_32.png) 11px center no-repeat;
}

ul#details li.facebook {
	background: url(/images/services/facebook_32.png) 11px center no-repeat;
}

ul#details li.linkedin {
	background: url(/images/services/linkedin_32.png) 11px center no-repeat;
}

ul#details li.flickr {
	background: url(/images/services/flickr_32.png) 11px center no-repeat;
}

ul#details li.delicious {
	background: url(/images/services/delicious_32.png) 11px center no-repeat;
}

ul#details li.digg {
	background: url(/images/services/digg_32.png) 11px center no-repeat;
}

ul#details li.youtube {
	background: url(/images/services/youtube_32.png) 11px center no-repeat;
}

ul#details li.slideshare {
	background: url(/images/services/slideshare_32.png) 11px center no-repeat;
}

ul#details li.gowalla {
	background: url(/images/services/gowalla_32.png) 11px center no-repeat;
}

ul#details li.posterous {
	background: url(/images/services/posterous_32.png) 11px center no-repeat;
}

ul#details li.wordpress {
	background: url(/images/services/wordpress_32.png) 11px center no-repeat;
}

ul#details li.googlereader {
	background: url(/images/services/googlereader_32.png) 11px center no-repeat;
}

/* end card details icons */

ul#details li dl {
	font-size: 13px;
}

ul#details li dl dd {
	font-weight: bold;
        color: #ccc;
}

a#viewstream {
	width: 420px;
}

a#viewstream {
	background: #8ebc44 url(/images/green-button.gif) top left repeat-x;
	border: 2px solid #9bce57;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #395226;
	cursor: pointer;
	display: block;
	font-size: 17px;
	margin: 10px auto 0 auto;
	padding: 10px 25px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 420px;
	clear: both;
}

a#viewstream:hover {
	background: #8ebc44 url(/images/green-button.gif) bottom left repeat-x;
	color: #233418;
}

div#card ul#service-icons { /* on card */
	padding-top: 10px;
	width: 480px;
}

p#card_share {
	width: 550px;
	margin: 0 auto;
	text-align: right;
	height: 50px;
        margin-top: -5px;
}

p#random_onepage {
	width: 500px;
	margin: 0 auto;
	text-align: center;
	height: 42px;
}

a.share {
	background-color: #333;
	padding: 10px;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        float: left;
        margin-right: 5px;
        height: 20px;
}
a.share:hover {
	text-decoration: none;
	background: #ccc;
	color: #333;
	padding: 8px;
	border: 2px solid #333;
}
a.share span:hover,
span.FBConnectButton_Simple,
span.FBConnectButton_Text_Simple {
	text-decoration: none !important;
}
a.share.right {
    margin-left: 5px;
    margin-right: 0;
    float: right;
}

a#twitter_share img,
a#random img,
a#edit-card img,
a.share img {
    position: relative;
    top: 3px;
}

/* LOGIN */

div#login-area {
	margin: 20px auto;
	width: 600px;
	height: 300px;
	padding: 15px 20px 20px;
	background-color: #eee;
	color: #333;
}
p.error {
	background-color: #EF6868;
	border: 1px solid #CF1919;
	margin-right: 15px;
	padding-left: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        text-align: center;
}
p.success {
	background-color: #ABEF95;
	border: 1px solid #32AF0A;
	margin-right: 15px;
	padding-left: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        text-align: center;
}
p.info {
    border: 2px solid #cccccc;
    padding: 5px;
    background-color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    color: #333;
}
p.info a {
    color: #000;
}

div#login-area h2 {
	font-size: 19px;
	padding: 0 0 15px 0px;
	text-transform: uppercase;
	font-weight: normal;
}
div#login-area h2 span {
	border-bottom: 1px dotted #555;
	padding-bottom: 5px;
}
div#login-area div#login-section {
	width: 60%;
	float: left;
}
div#login-area p {
	line-height: 40px;
}
div#login-area div#login-section input[type=text],
div#login-area div#login-section input[type=password] {
	width: 180px;
}
div#login-area div#login-section label {
	width: 150px;
	float: left;
	display: block;
}

div#login-area div#login-section input#login_submit {
	margin-left: 150px;
}
div#login-area div#login-section label#remember_me_label {
	float: none;
	display: inline;
}
div#login-area div#request-section {
	width: 40%;
	float: left;
}
div#login-area div#request-section a#getonepage {
	background: #8ebc44 url(/images/green-button.gif) top left repeat-x;
	border: 2px solid #9bce57;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #395226;
	cursor: pointer;
	height: 46px;
	font-size: 17px;
	padding: 4px 25px;
	text-decoration: none;
	text-transform: uppercase;
	width: 276px;
}
div#login-area div#request-section a#getonepage:hover {
	background: #8ebc44 url(/images/green-button.gif) bottom left repeat-x;
	color: #233418;
}

/* REQUEST */

div#request-area {
	margin: 20px auto;
	width: 600px;
	padding: 15px 20px 20px;
	background: transparent url(/images/transparent-black.png) repeat scroll left top;
}
div#request-area h2 {
	font-size: 19px;
	padding: 0 0 15px 0px;
	text-transform: uppercase;
	font-weight: normal;
}
div#request-area h2 span {
	border-bottom: 1px dotted #555;
	padding-bottom: 5px;
}
div#request-area div#request-section {
	width: 60%;
	float: left;
}
div#request-area p {
	line-height: 40px;
}
div#request-area div#request-section label {
	width: 60px;
	float: left;
	display: block;
}
div#request-area div#request-section input[type=text] {
	width: 180px;
}
div#request-area div#request-section input#request_submit {
	margin-left: 60px;
}
div#request-area div#request-section label#remember_me_label {
	float: none;
	display: inline;
}
div#request-area div#login-section {
	width: 40%;
	float: left;
}
div#request-area div#login-section a#getonepage {
	background: #8ebc44 url(/images/green-button.gif) top left repeat-x;
	border: 2px solid #9bce57;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #395226;
	cursor: pointer;
	height: 46px;
	font-size: 17px;
	padding: 4px 25px;
	text-decoration: none;
	text-transform: uppercase;
	width: 276px;
}
div#request-area div#login-section a#getonepage:hover {
	background: #8ebc44 url(/images/green-button.gif) bottom left repeat-x;
	color: #233418;
}

/* SIGN UP */

div#signup-area {
	margin: 20px auto;
	width: 510px;
	padding: 20px;
	background-color: #333;
        margin-top: 10px;
        -moz-box-shadow: 0 0 5px #000;
        -webkit-box-shadow: 0 0 5px #000;
        min-height: 200px;
}

div#signup-steps {
    width: 536px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 10px;
    height: 25px;
    line-height: 25px;
    padding: 5px;
    background-color: #ddd;
    border: 2px solid #ccc;
    color: #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div#signup-steps ul {
    list-style: none;
    text-align: center;
}

div#signup-steps ul li {
    margin-left: 5px;
    padding: 2px;
    color: #666;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
}

div#signup-steps ul li span.number {
    font-weight: normal;
}

div#signup-steps ul li.selected span.selected-number,
div#signup-steps ul li.selected span.desc {
    color: #000;
    font-weight: bold;
}

div#signup-steps ul li.selected span.number {
    
}

div#signup-steps ul li {
    display: none;
}

div#signup-steps ul li.selected {
    display: inline;
}

div#signup-area p {
    line-height: 30px;
    margin: 10px;
}

div#signup-area p.hint {
    color: #999;
    text-align: center;
}

div#signup-area p.join_confirm_step {
    text-align: center;
    margin-top: 60px;
}

div#signup-area p#signup-step-2-username {
    font-size: 18px;
    text-align: center;
}

div#signup-area p.signup-button-p {
    text-align: center;
    margin-top: 20px;
}

div#signup-area p.signup-button-p input[type=submit] {
    margin-left: 200px;
}

div#signup-area img#example-card {
    position: relative;
    top: -20px;
    left: -20px;
    z-index: 99;
}

div#signup-area div#signup-section-3 {
    height: 444px;
    position: relative;
}

div#signup-area div#signup-section-3 input {
    z-index: 999;
    position: absolute;
    left: 120px;
    font-size: 25px;
    top: 200px;
    padding: 10px;
}

div#signup-area p.signup-step-2-rest label {
    width: 80px;
    display: block;
    float: left;
    margin-left: 170px;
}

div#signup-area p#signup-step-2-username input {
    font-size: 18px;
}

div#signup-section-1-unsent input {
    -moz-border-radius: 5px;
    font-size: 16px;
}

div#signup-section-1-unsent input[type=submit] {
    margin-left: 10px;
}

div#signup-area h2 {
	font-size: 19px;
	padding: 0 0 15px 0px;
	text-transform: uppercase;
	font-weight: normal;
}
div#signup-area h2 span {
	border-bottom: 1px dotted #555;
	padding-bottom: 5px;
}
div#signup-area div#signup-section {
	width: 60%;
	float: left;
}
div#signup-area p.signup_agree {
	font-size: 12px;
}
div#signup-area div#signup-section label {
	width: 140px;
	float: left;
	display: block;
}
div#signup-area div#signup-section input[type=text],
div#signup-area div#signup-section input[type=password] {
	width: 160px;
}
div#signup-area div#login-section {
	width: 40%;
	float: left;
}
div#signup-area div#login-section a#getonepage {
	background: #8ebc44 url(/images/green-button.gif) top left repeat-x;
	border: 2px solid #9bce57;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #395226;
	cursor: pointer;
	height: 46px;
	font-size: 17px;
	padding: 4px 25px;
	text-decoration: none;
	text-transform: uppercase;
	width: 276px;
}
div#signup-area div#login-section a#getonepage:hover {
	background: #8ebc44 url(/images/green-button.gif) bottom left repeat-x;
	color: #233418;
}

/* SETTINGS */

div#settings {
	margin: 0 auto;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
	
}
div#settings h2 {
	font-size: 19px;
	padding: 0 0 15px 0px;
	text-transform: uppercase;
	font-weight: normal;
}
div#settings h2 span {
	border-bottom: 1px dotted #555;
	padding-bottom: 5px;
}
div#settings div#settings-background {
	float: left;
	width: 200px;
	margin-left: 20px;
}
div#settings div#settings-background div#choose-background {
	background: url(/images/transparent-black.png) top left repeat;
	margin-top: 20px;
	width: 190px;
	padding: 10px;
}
div#settings div#settings-background div#choose-background ul li { 
	width: 81px;
	height: 81px;
	margin: 5px;
	overflow: hidden;
	float: left;
	border: 2px solid #000;
}

div#settings p.info {
    width: 536px;
    margin: 0 auto;
    padding: 5px;
    margin-bottom: 10px;
    
}

div#settings a.card-edit {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#CCCCCC;
	color:#000000;
	font-size:13px;
	padding:3px;
	text-decoration:none;
	text-transform:uppercase;
}
div#settings a.card-edit:hover {
	background-color: #fff;
}

div#settings a.card-edit img {
	position: relative;
	top: 3px;
	border: none;
}

div#settings ul#details li img.card-delete,
div#settings ul#details li img.card-order,
div#settings ul#details li img.card-edit {
	opacity: 0.2;
  	-webkit-transition: opacity 0.5s linear;
}

div#settings ul#details li:hover img.card-delete,
div#settings ul#details li:hover img.card-order,
div#settings ul#details li:hover img.card-edit {
	opacity: 1;
  	-webkit-transition: opacity 0.5s linear;
}

div#settings img.card-delete {
	position: absolute;
	right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1px;
	background-color: #ccc;
}
div#settings dd.edit img.card-edit {
	position: absolute;
	right: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1px;
	background-color: #ccc;
}
div#settings img.card-order {
	position: absolute;
	right: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1px;
	background-color: #ccc;
	cursor: move;
}

div#settings dd.edit img.card-order {
	position: absolute;
	right: 45px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1px;
	background-color: #ccc;
	cursor: move;
}

div#settings img.card-delete:hover,
div#settings img.card-order:hover {
	background-color: #fff;
}
div#settings textarea {
	width: 340px;
        font-size: 13px;
	height: 90px;
        line-height: 20px;
}
div#settings div#settings-background div#choose-background ul li.selected {
	border-color: #fff;
}
div#settings input.submit {
	margin: 0 auto;
	margin-top: 20px;
	float: none !important;
}
div#settings div#card {
	text-align: center;
	
}
div#settings ul.vcard {
	text-align: left;
}
div#settings-nav {
	width: 550px;
	margin: 0 auto;
	height: 20px;
	margin-top: 30px;
}
div#settings-nav ol {
	list-style: none;
	text-align: center;
}
div#settings-nav ol li {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
        background-color: #ccc;
        color: #000;
	position: relative;
	bottom: 0px;
	text-transform: uppercase;
	border-bottom: none;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
}
div#settings-nav ol li span.num {
	font-size: 20px;
	position: relative;
	top: 2px;
	line-height: 15px;
}
div#settings-nav ol li.first {
	
}
div#settings-nav ol li.last {
	border-right: 3px solid #000;
}
div#settings-nav ol li.selected,
div#settings-nav ol li:hover {
    background: url(/images/transparent-black.png) top left repeat;
	bottom: 0px;
	color: #fff;
}
div#settings-nav ol li a {
	display: block;
	text-decoration: none;
        color: #000;
        padding: 0px 10px;
}
div#settings-nav ol li.selected a {
	color: #fff;
}
div#settings-nav ol li a:hover {
	color: #fff;
}
a#add_service {
	position: relative;
	bottom: 8px;
}
div#settings_upload_picture p#add_services_choose_heading,
div#settings_add_service p#add_services_choose_heading,
form.add_specific_service p.heading {
	height: 32px; line-height: 32px; text-align: center;
	margin-top:10px;
	border-top: 1px dotted #4e4e4e;
	font-size: 17px;
	clear: both;
}

p.settings-finished {
    text-align: center;
    margin: 0 auto;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    background-color:#DDDDDD;
    border:2px solid #CCCCCC;
    color:#333333;
    height:45px;
    line-height:45px;
    margin: -20px auto 40px;
    padding:5px;
    width:536px;
}
p.settings-finished a {
    padding: 10px;
    font-size: 18px;
}

form.add_specific_service fieldset {
	margin-top: 10px;
}

form.add_specific_service fieldset p {
	margin: 5px 0;
	margin-left: 50px;
}

form.add_specific_service fieldset p.choose_different {
	text-align: center;
	margin-top: 10px;
	margin-left: 0;
}
form.add_specific_service fieldset p.error {
	margin-left: 50px;
	margin-bottom: 15px;
	margin-right: 50px;
	padding: 5px;
}

form.add_specific_service fieldset label {
	width: 150px;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
}

form.add_specific_service fieldset label.cbox {
	float: none;
	display: inline;
}

div#settings_add_service li.add_services_heading {
	clear: both;
}

div#settings_add_service li span {
	border-bottom: 1px dotted #4e4e4e;
	font-size: 15px;
	padding-bottom: 2px;
}
div#settings_add_service ul.add_services_list {
	margin: 10px 0;
	height: 32px;
}
div#settings_add_service ul.add_services_list li {
	float: left;
	margin-right: 10px;
}

a#linkedin_signin {
    display:block;
    height:22px;
    overflow:hidden;
    width:150px;
    background-image: url(/images/linkedin_signin.png);
}
p.center a#linkedin_signin {
    margin: 0 auto;
}
a#linkedin_signin span { display: none; }

a#linkedin_signin:hover {
    background-image: url(/images/linkedin_signin.png);
    background-position: 0 -24px;
}

a#linkedin_signin:active {
    background-image: url(/images/linkedin_signin.png);
    background-position: 0 -48px;
}

a#twitter_signin {
    display:block;
    height:22px;
    overflow:hidden;
    width:150px;
    background-image: url(/images/twitter_signin.png);
}
p.center a#twitter_signin {
    margin: 0 auto;
}
a#twitter_signin span { display: none; }

a#twitter_signin:hover {
    background-image: url(/images/twitter_signin.png);
    background-position: 0 -24px;
}

a#twitter_signin:active {
    background-image: url(/images/twitter_signin.png);
    background-position: 0 -48px;
}



a#facebook_signin {
    display:block;
    height:22px;
    overflow:hidden;
    width:150px;
    background-image: url(/images/facebook_signin.png);
}
p.center a#facebook_signin {
    margin: 0 auto;
}
a#facebook_signin span { display: none; }

a#facebook_signin:hover {
    background-image: url(/images/facebook_signin.png);
    background-position: 0 -24px;
}

a#facebook_signin:active {
    background-image: url(/images/facebook_signin.png);
    background-position: 0 -48px;
}

/* EMAIL */
div#email-area {
	margin: 0 auto;
	background-color: #333;
}

div#email-area p {
	line-height: 40px;
}

div#email-area p input[type=text] {
	width: 185px;
}

div#email-area textarea {
	width: 495px;
	height: 100px;
	margin-top: 2px;
}

p.send {
	text-align: center;
}

div#card-login p#card-login-buttons {
    margin-top: 25px;
}

/* TERMS */

div.page {
	background-color: #A4D1EF;
	width: 710px;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 20px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000;
}

div.page h2 {
	font-size: 22px;
	margin: 10px 0;
}

div.page p {
	margin: 10px 0;
	line-height: 22px;
}

div.page h3 {
	margin-top: 30px;
	margin-bottom: 10px;
}

div#press_page {
    background: #DCEAF2;
    color: #000000;
}

div.page a {
	color: #00426F;
}

div.page ol, div.page ul {
	margin-left: 20px;
}

div.page label {
	width: 200px;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
}

div.page input.submit {
	margin: 0;
}

div#press_page a {
    color: #000000
}
div#terms_page h2, div#privacy_page h2, div#about_page h2, div#press_page h2 {
	margin: 10px 0;
	font-size: 20px;
	
}

div#terms_page h3, div#privacy_page h3, div#about_page h3, div#press_page h3 {
	margin: 10px 0;
	font-size: 18px;
}

div#terms_page p, div#privacy_page p, div#about_page p, div#press_page p {
	margin: 10px 0;
}

div#terms_page ol, div#privacy_page ol, div#about_page ol, div#press_page ol
div#terms_page ul, div#privacy_page ul, div#about_page ul, div#press_page ul {
	margin-left: 20px;
}


/* FOOTER */

div#container {
	display: block;
	min-height: 100%;
	position: absolute;
	width: 100%;
}

div#footer-clear {
	padding-bottom: 40px;
	clear: both;
}

div#footer {
	clear: both;
	height: 30px;
	width: 100%;
	bottom: 0;
	position: absolute;
	margin-bottom: 10px;
}

div#footer ul {
	background-color: #eeeeee;
    margin: 0 auto;
    width: 750px;
    text-align: center;
    height: 30px;
    line-height: 25px;
}

div#footer ul li {
	display: inline;
	font-size: 13px;
	list-style-type: none;
	margin: 0 5px;
        margin-top: 1px;
	text-align: right;
	padding: 5px 1px;
        position: relative;
        top: 2px;
}

div#footer ul li.copyright {
	color: #000;
}

div#footer ul li a {
	color: #000;
	cursor: pointer;
	text-decoration: none;
}

div#footer ul li a:hover,
div#footer ul li a:active {
	text-decoration: underline;
}

#powered-by {
    margin-bottom: -10px; position: relative; top: 2px; text-align: right !important;
}

#powered-by a {
    font-size: 12px; color: #999 !important; text-decoration: none;
}

#powered-by a:hover {
    color: #fff !important;
}

#powered-by a img {
    position: relative; padding-left: 2px; top: 6px;
}

p.embed {
    text-align: center;
}

textarea#embed-code {
    width: 495px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
}

/* CONTACTS */

div#contacts {
	margin: 0 auto;
	width: 660px;
	margin-top: -20px;
}

div#selected-contact {
	margin: 0 auto;
	width: 550px;
}

/* delete account */
form#delete_account label {
	display: block;
	width: auto;
	float: none;
}
form#delete_account textarea {
	display: block;
	width: 400px;
	height: 75px;
}

#card_v2 {
	width: 330px;
	height: 177px;
	background-color: #333;
	margin: 0 auto;
	padding: 10px;
}

#card_v2 div.basic_info {
	float: left;
	width: 220px;
}

#card_v2 h2 {
	font-size: 14px;
	border-bottom: 1px solid #666;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#card_v2 h3 {
	font-size: 12px;
}

#card_v2 img.photo {
	float: right;
	border: 2px solid #ccc;
	width: 95px;
	height: 95px;
}

#option_bar {
	width: 350px;
	height: 30px;
	background: -moz-linear-gradient(#FFFFFF, #AEAEAE) repeat scroll 0 0 #ccc;
	margin: 0 auto;
}

#option_bar ul {
	list-style: none;
	line-height: 30px;
	height: 30px;
	padding-left: 10px;
}

#option_bar ul li {
	display: inline;
	text-transform: lowercase;
	color: #666;
}