body {
	background: #ffffff;
	color: #222;
	cursor: default;
	font: 400 14px/1.5 "proxima-nova", "Helvetica Neue", Helvetica, sans-serif; 
	margin: 0;
	padding: 0;
}

optgroup {
    background-color: #99CCFF;
    color: black;
	text-align:center;
}

option {
	text-align:left;
}

ul, ol, img, dl, dd, dt, table, iframe {
	border: none;
	margin: 0;
	padding: 0;
}

/* Default text settings */

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

a:hover {
	color: #1e8cbe;
}

a:active {
	color: #00466c;
}

p {
	margin: 0 0 .9em;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif;
	margin: 0;
}

h2 {
	font-size: 36px;
	line-height: 1em;
	margin: 0 0 25px;
}

h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	margin: 1.2em 0 .2em;
}

h4 {
	font-size: 17px;
	font-weight: 400;
	line-height: 1em;
	margin: 0 0 .2em;
}

h5 {
	font-size: 16px;
	line-height: 1em;
	margin: 0 0 .2em;
}

h6 {
	font-size: 14px;
	line-height: 1em;
	margin: 0 0 .2em;
}

td {
	font-size: 14px;
}

/*form/input reset*/

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { color:#DF4926; }

#header input, .signupform input {	
	font-family:0.875em/1 "proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif; 
	background: white;
	color:#444;
	outline: 0;
	padding: 0.625em;
	border: 1px solid #DDD;
	border-bottom:none; 
	background: white;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05), 0 2px 1px rgba(0, 0, 0, 0.1);
        	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05), 0 2px 1px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	border-radius: 3px;   
}

#header input:hover, .signupform input:hover {
	border: 1px solid #ddd;
	border-bottom:none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05), 0 2px 1px rgba(0, 0, 0, 0.15);
	        box-shadow: inset 0 1px 2px rgba(0,0,0,.05), 0 2px 1px rgba(0, 0, 0, 0.15);      
}

#header input:focus, .signupform input:focus {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom:none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05), 0 2px 1px rgba(0, 0, 0, 0.2);
	        box-shadow: inset 0 1px 2px rgba(0,0,0,.05), 0 2px 1px rgba(0, 0, 0, 0.2);
}

#header input[type="submit"], .signupform input[type="submit"] {
	font:600 1em "proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif; 
	margin: 0;
	padding:0.66em;
	cursor: pointer;
	color:white;
	border:none;

	background-color: #1e8cbe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2ea2cc), to(#1e8cbe));
	background-image: -webkit-linear-gradient(top, #2ea2cc, #1e8cbe);
	background-image:    -moz-linear-gradient(top, #2ea2cc, #1e8cbe);
	background-image:      -o-linear-gradient(top, #2ea2cc, #1e8cbe);
	background-image:         linear-gradient(to bottom, #2ea2cc, #1e8cbe);
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
}

#header input[type="submit"] {
	margin: 0.66em 0 0;
}
	
#header form input[type="submit"]:hover,
#header form input[type="submit"]:focus,
.signupform form input[type="submit"]:hover,
.signupform form input[type="submit"]:focus {
	background: #2ea2cc;
}

#header form input[type="submit"]:active,
.signupform form input[type="submit"]:active {
	background-color: #2ea2cc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1e8cbe), to(#2ea2cc));
	background-image: -webkit-linear-gradient(top, #1e8cbe, #2ea2cc);
	background-image:    -moz-linear-gradient(top, #1e8cbe, #2ea2cc);
	background-image:      -o-linear-gradient(top, #1e8cbe, #2ea2cc);
	background-image:         linear-gradient(to bottom, #1e8cbe, #2ea2cc);
	box-shadow:none;
}

input[type="submit"] {
	-webkit-font-smoothing: antialiased;
}

#header {
	background: #1e8cbe;
	height: 74px;
	margin: 0 0 40px;
	border-top:1px solid rgba(120, 200, 230, 0.5);
	border-bottom:1px solid rgba(0, 86, 132, 0.5);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
         box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

#header .middle {
	padding-top:10px;
}

#header h1 {
	margin: 2px 0px 4px -6px;
	position: absolute;
	text-indent: -9999px;
	width: 121px;
}

#header h1 a {
	background-position: 6px 6px;
	display: block;
	float: left;
	height: 24px;
	overflow: hidden;
	padding: 6px;
	width: 121px;
}

#header h1 a:hover {
filter: alpha(opacity=80);
opacity: .80;
}

#header a {
	color: #ffffff;
}

#header a:hover {
	color: #fff;
}

/*#page defines the homepage*/

#page #header {
	background-color: #1e8cbe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2ea2cc), to(#1e8cbe));
	background-image: -webkit-linear-gradient(top, #2ea2cc, #1e8cbe);
	background-image:    -moz-linear-gradient(top, #2ea2cc, #1e8cbe);
	background-image:      -o-linear-gradient(top, #2ea2cc, #1e8cbe);
	background-image:         linear-gradient(to bottom, #2ea2cc, #1e8cbe);
	height: 17.5em;
	margin: 0 0 40px;
	color:#fff;
	text-shadow:0 2px 2px #0074A2;
}

#header h1 {
	margin: 0;
	position: static;
	text-indent: -9999px;
	width: 258px;
}


#page #header h1 a {
	background-position: -357px 0;
	display: block;
	margin-right:1em;
	float: left;
	height: 52px;
	overflow: hidden;
	width: 260px;
	padding:0;
}

#page #header h1 a:hover {
	-moz-opacity:.80;
	filter: alpha(opacity=80);
	opacity: .80;
}

#page #header h2 {
	font:400 1.875em "proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif; 
	float:left;
	margin-bottom: 1.3em;
	margin-top: 0.2em;
	text-shadow:0 2px 2px rgba(0, 116, 162, 0.7);
	text-rendering: optimizeLegibility;
}

#page #header a {
	color: #ffffff;
}

#page #header a:hover {
	color: #fff;
}

#page #header p.intro {
	font-size: 1.125em;
	float:left;
	width:22em;
	clear:left;
}

#page #header .middle {
	padding-top:2em;
}

.middle {
	margin: 0 auto;
	width: 350px;
	
}

#wrap {
	overflow: hidden;
}

/* Special classes */

/* notice-container */
#content .notice-container {
	margin:0 auto 1.5em;
	padding: 0;
}

#content .notice-container ul {
	padding: 0;
}


#content .notice-container li {
	background: #FEFFDF;
	color: #222;
	font-size: 15px;
	list-style: none;
	padding: 5px 7px;
	text-align: center;
	margin: 0;
}

#content .notice-container li:first-child {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-o-border-top-left-radius: 4px;
	-o-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#content .notice-container li:last-child {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-o-border-bottom-left-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#content .notice-container .bad-notice {
	background: #ffb4ae;
	color: #801800;
	}

#content .notice-container .good-notice {
	background: #dcffae;
	color: #3a6700;
	}

#content .notice-container h5 {
	margin: .2em 0 .4em;
}

#content .notice-container p {
	margin: 0;
}

/* TEMP! */

.stage-right-inner,
.stage-left-inner {
	padding: 0 !important;
}

.stage-left {
	width: 490px !important;
}

.stage {
	width: auto !important;
}

.stage-right {
	float: right !important;
	}

.stage h1 {
	padding-left: 0 !important;
}

td.label {
	width: 130px !important;
}

.group .input input, .group .input-textarea textarea {
	width: 310px !important;
}

.group input.text-short {
	width: 148px !important;
}

.btm-form {
	background: #f2f2f2;
	padding: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height:30px;
	clear: left;
}

.btm-form .item .big, .btm-form .item .sml  {
	width: 180px !important;
}

.btm-form .item .sml {
	width: 120px !important;
}

.group h3 {
	margin: 0 0 5px;
}

.group h4 {
	margin: 15px 0 5px;
}

.fade,
.fadesmall {
	color: #888;
}

.fadesmall {
	font-size: 90%;
}


/* Upload-new */

#content .upload-new {
	padding: 0;
}

.upload-new li {
	list-style: none;
	margin:1em 0 0 !important;
}

.upload-new li a {
	font-family: "proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif;
	cursor: pointer;
	font-size: 15px;
	line-height: 18px;
	padding: 8px 20px;

	background: #1e8cbe;
	background: -moz-linear-gradient(top, #1e8cbe 0%, #0074a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e8cbe), color-stop(100%,#0074a2));
	background: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
	background: -o-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
	background: -ms-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
	background: linear-gradient(top, #1e8cbe 0%,#0074a2 100%);

	 
	-webkit-border-radius: 3px;
	        border-radius: 3px;

	border: none;
	color: #fff;
	text-shadow: 0 -1px 0 #124869;
}

.upload-new li a:hover {

	color: #fff !important;
	background: #2ea2cc;
	background: -moz-linear-gradient(top, #2ea2cc 0%, #1e8cbe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ea2cc), color-stop(100%,#1e8cbe));
	background: -webkit-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);
	background: -o-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);
	background: -ms-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);
	background: linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);

}

.upload-new li a:active {
	background: #2ea2cc;
	background: -moz-linear-gradient(top, #0074a2 0%, #1e8cbe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0074a2), color-stop(100%,#1e8cbe));
	background: -webkit-linear-gradient(top, #0074a2 0%,#1e8cbe 100%);
	background: -o-linear-gradient(top, #0074a2 0%,#1e8cbe 100%);
	background: -ms-linear-gradient(top, #0074a2 0%,#1e8cbe 100%);
	background: linear-gradient(top, #0074a2 0%,#1e8cbe 100%);

}

.upload-new li a img {
	display:none;
}

.upload-new li:first-child a img {
	margin-top: -3px;
}

/* /TEMP */

.clear {
	clear: both;
	display: block;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.floatnone {
	float: none;
}

.linkright {
	float: right;
	margin: -60px 0 0;
}

/* Nifty elements ( !o ) */

/* !o Labels */

label {
	width: 260px;
	display: block;
	float: left;
	line-height: 19px;
	font-size: 13px;
	padding: 6px 0;
}

.label_align {
	padding-left: 160px;
}

/* !o Code */

code {
	background: url(/images/gravatar-code.png) repeat-y 0 -2px;
	color: #222;
	font-family: Monaco, monospace;
	padding: 0 4px;
}

code.block {
	background-position: 0 0;
	border: 1px solid #ccc;
	border-top: none;
	display: block;
	font-family: Monaco, monospace;
	font-size: 12px;
	line-height: 24px;
}

/* !o Textfields */

.text, input.color {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size:14px;
	line-height: 1;
	padding: 8px;
	min-width: 300px;
	margin-right: 6px;
	border: 1px solid #DFDFDF;
	background: white;
	outline: 0;
	-webkit-box-shadow: inset 2px 2px 4px rgba(200, 200, 200, 0.1);
	box-shadow: inset 2px 2px 4px rgba(200, 200, 200, 0.1);

	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.list-form input.color {
	background-image: none !important;
}

#colorPickerDiv {
 -webkit-border-radius:3px;
	     border-radius:3px;
	position: absolute;
	left: 203px;
	background: #fff;
	padding: 10px;
	border: solid 1px #aaa;
 -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
  	     box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
}

.text:focus {
	border-color: #aaa;
}

/* Error version */
.text.error {
	border: 1px solid #c00;
}

.text.error:hover {
	border: 1px solid #900;
}

textarea.text {
	line-height: 1.3em;
	width: 420px;
	}

/* !o Buttons */

.button_large,
.button_small,
.button {
	font-family: "proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif;
	cursor: pointer;
	font-size: 15px;
	line-height: 18px;
	padding: 8px 20px;

	background: #1e8cbe;
	background: -moz-linear-gradient(top, #1e8cbe 0%, #0074a2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e8cbe), color-stop(100%,#0074a2));
	background: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
	background: -o-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
	background: -ms-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
	background: linear-gradient(top, #1e8cbe 0%,#0074a2 100%);

	-webkit-border-radius: 3px;
	        border-radius: 3px;

	border: none;
	color: #fff;
	text-shadow: 0 -1px 0 #124869;
}

.button_close {
	font-family: "proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif;
	cursor: pointer;
	font-size: 15px;
	line-height: 18px;
	padding: 8px 20px;

	background: #1e8cbe;
	background: -moz-linear-gradient(top, #CD0C41 0%, #CD0C41 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F33), color-stop(100%,#0074a2));
	background: -webkit-linear-gradient(top, #CD0C41 0%,#CD0C41 100%);
	background: -o-linear-gradient(top, #CD0C41 0%,#CD0C41 100%);
	background: -ms-linear-gradient(top, #CD0C41 0%,#CD0C41 100%);
	background: linear-gradient(top, #CD0C41 0%,#CD0C41 100%);

	-webkit-border-radius: 3px;
	        border-radius: 3px;

	border: none;
	color: #fff;
	text-shadow: 0 -1px 0 #124869;
}

a.button_small,
a.button {
	padding: 4px 13px;
}
a.button_large {
	padding: 11px 14px 9px;
}

a.button_close {
	padding: 11px 14px 9px;
}

.button_large:hover,
.button_small:hover,
.button:hover {
	color: #fff !important;
	background: #2ea2cc;
	background: -moz-linear-gradient(top, #2ea2cc 0%, #1e8cbe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ea2cc), color-stop(100%,#1e8cbe));
	background: -webkit-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);
	background: -o-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);
	background: -ms-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);
	background: linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);
}

.button_close:hover {
	color: #fff !important;
	background: #2ea2cc;
	background: -moz-linear-gradient(top, #F33 0%, #F33 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F33), color-stop(100%,#F33));
	background: -webkit-linear-gradient(top, #F33 0%,#F33 100%);
	background: -o-linear-gradient(top, #F33 0%,#F33 100%);
	background: -ms-linear-gradient(top, #F33 0%,#F33 100%);
	background: linear-gradient(top, #F33 0%,#F33 100%);
}

.button_large:active,
.button_small:active,
.button:active {
	background: #2ea2cc;
	background: -moz-linear-gradient(top, #0074a2 0%, #1e8cbe 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0074a2), color-stop(100%,#1e8cbe));
	background: -webkit-linear-gradient(top, #0074a2 0%,#1e8cbe 100%);
	background: -o-linear-gradient(top, #0074a2 0%,#1e8cbe 100%);
	background: -ms-linear-gradient(top, #0074a2 0%,#1e8cbe 100%);
	background: linear-gradient(top, #0074a2 0%,#1e8cbe 100%);
	color: #D3E6F1;
}

.button_large:disabled,
.button_small:disabled,
.button:disabled {
	background: #eee !important;
	color: #c0c0c0 !important;
	text-shadow: none !important;
}
/* Secondary option */

.button-secondary {
	line-height: 32px;
	margin: 0 0 0 8px;
}

.floatright.button-secondary {
	margin: 0 8px 0 0;
}

/* Small version */

.button_small {
	font-size: 11px;
	padding: 2px 8px;
}

/* Secondary option */

.button_small-secondary {
	line-height: 22px;
	font-size: 11px;
	margin: 0 0 0 6px;
}

.floatright.button_small-secondary {
	margin: 0 6px 0 0;
}

/* Signup form & its validation */
#username-status {
	display:none;
	font-weight: bold; 
	display:none; 
	position: relative;
	left: 160px;
}
#username-status.sayno {
	color: #f00; 
}
#username-status.sayyes {
	color: #006400;
}
#terms-agreement label{
	float:none;
	width:430px;
	margin: 0 0 0 160px;
}
#terms-agreement input {
	margin-right: 6px;
}
#create-account-form span.required {
	color:red;
	font-weight: bold;
	font-size: 1.1em;
}
/* Large version */

.button_large,
.button_close {
	font-size: 18px;
	padding: 6px 16px;
	line-height:22px;
}

/* Secondary option */

.button_large-secondary {
	line-height: 38px;
	font-size: 14px;
	margin: 0 0 0 8px;
}

.floatright.button_large-secondary {
	margin: 0 8px 0 0;
}

/* !o Columns */

.column-left {
	float: left;
	width: 210px;
}

.column-right_large,
.column-right {
	float: right;
	width: 600px;
	margin-bottom: 20px;
}

.column-right_large {
	border-left: 1px solid #ccc;
	min-height: 250px;
	_height: 250px;
	padding: 0 0 15px 40px;
	width: 610px;
	margin-left: 200px;
	position: absolute;
	display: block;
}

.column-right_large.current {
	display: block;
}

/* !o Menu-left */

.menu-left {
	float: left;
	padding: 15px 10px 15px 0;
	width: 170px;
}

.menu-left li {
	font-size: 16px;
	list-style: none;
	margin: 0 0 5px;
	text-align: right;
}

.menu-left li.sel {
	background-position: 100% -186px;
	padding-right: 25px;
	margin-right: -32px;
	width: 170px;
}

.menu-left li a {
	display: block;
	padding: 3px 5px;
	outline: none;
}

.menu-left li.sel a {
	font-weight: 700;
	color: #222;
	cursor: default;
}

/* !o List-toggle */

#content .list-toggle {
	padding: 0;
}

#content .list-toggle li {
	list-style: none;
	margin: .5em 0 .5em -6px;
}

.list-toggle li h4 {
	line-height: 25px;
	margin: 0;
}

.list-toggle li h4 a {
	background-position: -1930px -191px;
	display: block;
	outline: none;
	padding: 0 0 0 20px;
}

.list-toggle li.open h4 a {
	background-position: -1930px -232px
	}

.list-toggle li .content {
	padding: 0 0 0 20px;
}

/* !o List-sites */

.list-sites {
	margin: 0 0 10px -8px;
	padding:0 !important;
}

.list-sites li {
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
}

.list-sites li.third {
	clear: left;
}

.list-sites img {
	border: 1px solid #ccc;
}

.list-sites a {
	background: #fff;
	display: block;
	text-align: center;
	padding: 8px 8px 5px;
	/*width: 173px;*/
}

.list-sites .clear {
	clear: left;
}

.list-sites a:hover {
   	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
   		    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
	   -moz-transform: scale(1.05) ;
	-webkit-transform: scale(1.05) ;
	     -o-transform: scale(1.05) ;
	        transform: scale(1.05) ;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.list-sites span {
	clear: both;
	display: block;
}

/* !o List-details (Profile page) */

#content .list-details {
	margin: 0 0 35px;
	padding: 0;
}

.list-details a {
	display: block;
}

.list-details li {
	border-bottom: 1px solid #ddd;
	list-style: none;
	padding: 10px 0;
	position: relative;
}

.list-details li:last-child {
	border: none;
}

.list-details img {
	position: absolute;
	left: 0;
	top: 9px;
}

.list-details h6,
.list-details p {
	padding-left: 26px;
}

.list-details h6 {
	line-height: 16px;
	margin: 0;
}

.list-details p {
	margin: 2px 0 0;
}

/* !o Image gallery (Profile page) */

#gallery {
	height: 450px;
	position: relative;
}

#gallery .gallery-main {
	background: #fff;
	float: left;
	margin: -27px 0 0 -20px;
	min-height: 422px;
	_height: 422px;
	padding: 15px;
	position: absolute;
	width: 422px;
	z-index: 3;
 -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
  	     box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
}

#gallery .gallery-browser li a,
#gallery .gallery-main img {
	border: 1px solid #ccc;
	display: block;
}

#gallery .gallery-browser {
	/*background: #fff;*/
	float: right;
	height: 395px;
	margin: -5px 0 0;
	padding-top:15px;
	/*padding: 22px 22px 7px 24px;*/
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	width: 130px;
}

#gallery .gallery-browser:hover {
	z-index: 10;
}

#gallery .gallery-browser li {
	list-style: none;
	margin: 0 0 15px;
}

#gallery .gallery-browser li a {
	opacity:0.7;
}

#gallery .gallery-browser li.sel a {
	opacity:1;
	outline: 3px solid #269cdd;
}

#gallery .gallery-browser li a:hover {
		opacity:1;
	      -moz-transition: all .2s ease-in-out;
	   -webkit-transition: all .2s ease-in-out;
	        -o-transition: all .2s ease-in-out;
	           transition: all .2s ease-in-out;
}

.gallery-paperclip {
	background-position: -240px 0;
	display: block;
	height: 76px;
	left: 25px;
	position: absolute;
	top: -49px;
	width: 31px;
	z-index: 12;
}

/* List-form */



#content .introduction {
	margin: 4px 0 1.5em;
}

#content .list-form {
	margin: 0 0 1em;
	padding: 0;
}

#content .list-form li {
	list-style: none;
	margin: 0 0 1em;
}

#content .list-form-right .text {
	float: left;
	margin: 0 4px 0 0;
	min-width: 0;
	width: 140px;
}

#content label.list-form-right {
	width: auto;
	font-weight: 400;
	float: none;
	display: inline;
}

/* Form-info */
#content .list-form .list-form-details {
	color: #666;
	font-size: 12px;
	margin: .2em 0 0;
	padding-left: 160px;
}

/* Columns */
.list-form .column {
	float: left;
	width: 50%;
}

.list-form .column .text {
	min-width: 100px;
	width: 80%;
}

.list-form .wide textarea.text {
	height: 65px;
}

.list-form .wide .fadesmall {
	padding-left: 160px;
	margin: 0;
}

.close-profile {
	float: right;
	position:relative;
}

.close-profile a, .close-profile span {
	color: #aaa;
	padding: 3px;
}

.close-profile a:hover {
	background: #f00;
	color: #fff;
}

.profile-formats {
	border-top: solid 1px #ddd;
	padding-top: 10px;
}

#report-abuse-container {
	display:none;
	width: 280px;
	position: absolute;
	margin-left: -220px;
	z-index: 1001;
	text-shadow: none;
	background-color: #f5f5f5;
	color: #333;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 2px 8px #ccc;
	-webkit-box-shadow: 0px 2px 8px #ccc;
	box-shadow: 0px 2px 8px #ccc;
	-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
	box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
	line-height: 14px !important;
	font-size: 11px;
	clear: left;
	margin-top: 5px;
	padding: 10px;
}

#report-abuse-form label {
	width: 200px;
}

#report-abuse-form textarea {
	width:260px;
}

#report-abuse-form input {
	float:right;
	margin:10px;
}

#report-abuse-cancel {
	margin-top:15px;
	display: block;
	float: left;
}

#report-abuse-form .abuse-form-required {
	border: 1px solid red;
}
/* !o Automattic joint logo (footer) */

#automattic_joint {
	color: #aaa;
	font-size: 11px;
	letter-spacing: .1em;
	line-height: 10px;
	height: 11px;
	padding: 6px;
	position: absolute;
	right: -4px;
	text-transform: uppercase;
	top: 15px;
}

#automattic_joint span {
	background-position: -130px 0;
	display: inline-block;
	height: 8px;
	text-indent: -9999px;
	width: 102px;
	margin-right: 1px;
	position: relative;
	top: 0px;
}

/* Page elements (!#) */

/* !# Header */

/* !# New Header */


#page #header #login {
	margin-top:0.6em;
}

#header #login-trigger,
#header #admin-trigger {
	float:right;
	font-family: "proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif;
	font-weight:500;
	cursor: pointer;
	padding: 5px 20px;
	border:1px solid #1b82b1;
	background-color: #1e8cbe;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2ea2cc), to(#1e8cbe));
	background-image: -webkit-linear-gradient(top, #2ea2cc, #1e8cbe);
	background-image:    -moz-linear-gradient(top, #2ea2cc, #1e8cbe);
	background-image:      -o-linear-gradient(top, #2ea2cc, #1e8cbe);
	background-image:         linear-gradient(to bottom, #2ea2cc, #1e8cbe);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
}

#header #admin-trigger {
	padding: 5px 15px;
	margin-right: 6px;
}

#login-box a,
#admin-box a {
	color: #0074a2 !important;
	text-decoration: none;
}

#login-box a:hover,
#admin-box a:hover {
	color: #1e8cbe !important;
}

#login-box a:active,
#admin-box a:active {
	color: #00466c;
}

/*-------LOGIN Popup STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:right;
}

/* Login Button */
#login-trigger,
#admin-trigger { 
    display:inline-block;
    float:right;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#login-trigger span,
#admin-trigger span {
    display:block
}

#login-trigger:hover,
#admin-trigger:hover {
    
}

/* Login Box */
#login-box,
#admin-box {
    position:absolute;
    top:45px;
    right:0;
    display:none;
    z-index:29;
}

#admin-box {
    right:145px;
}

#login-box #email {
    margin-bottom:0.725em;
}

#login-box *,
#admin-box * {
	box-sizing: border-box;
}

/* If the Login Button has been clicked */    
#login-trigger.active {
    
}

#login-trigger.active span {
   
}

/* Login Form */
#login-form,
.my-account-menu {
    width:266px; 
    border-radius:2px;
    background:#f5f5f5;
    padding:0.75em;
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
        	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);	
}

.my-account-menu {
	padding: 0;
}

.my-account-trigger,
#admin-trigger {
	padding-right: 4px !important;
}

.my-account-trigger span,
#admin-trigger span {
	background-size: 1944px 264px;
	background-position: 100% -95px;
	padding-right: 28px !important;
}

#login-form fieldset {
    display:block;
    border:0;
    padding:0;
	text-shadow:none;
}

fieldset#body {
    margin:0;
}

#login-form fieldset label {
    color:#333;
}

/* Default Input */
#login-form input {
    width:100%;
}

/* Sign In Button */
#login-form #login {
    width:100%;
    float:right;
    cursor:pointer;
	padding:0.45em 1.2em;
}

#login-box:before,
#admin-box:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

#login-box:after,
#admin-box:after {
  position: absolute;
  top: -6px;
  left: 218px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f5f5f5;
  border-left: 6px solid transparent;
  content: '';
}

#login-box p,
#admin-box p {
	font-size:0.725em;
	color:#aaa;
	text-align: center;
	text-shadow:none;
	float:left;
	width:100%;
	margin:0.7em 0 0 0.3em;
}



/* !o Navigation */

#menu {

}

#menu {
	padding: 0 0 0 140px;
}

#menu li {
	float: left;
	list-style: none;
	line-height: 42px;
}

#menu .menupop .admin {
	background-position: -130px -20px;
	background-size: 1944px 264px;
	display: block;
	height: 14px;
	margin: 14px 2px 14px 0;
	width: 10px;
	text-indent: -9999px;
}

.my-account-menu li {
	display: block;
	list-style: none;
	line-height: 42px;
}

#menu li a,
.my-account-menu li a {
	/*background: #0074a2;*/
	background-repeat: no-repeat;
	display: block;
	padding: 0 12px;
	text-shadow: none;
}

#menu .menupop.open .submenu_link,
#menu li a:hover,
#login-box .my-account-menu li a:hover,
#admin-box .my-account-menu li a:hover {
	background: #005684;
	color: #fff !important;
}

#menu li li a {
	background: #005684;
}

#menu li li a:hover {
	background: #0074a2;
}

#menu .submenu_link {
	background-size: 1944px 264px;
	background-position: 100% -86px;
	float: left;
	padding-right: 30px;
	position: relative;
	z-index: 101;
}

#menu .menupop.open .submenu_link,
#menu .submenu_link:hover {
	background-position: 100% -128px;
}

#menu .menupop.open .submenu_link {
}

#menu .menupop.open .submenu_link {
	cursor: default;
}

#menu .menupop {
	position: relative;
}

#menu .menupop.open ul {
	display: block;
}

/* Help dropdown special settings */

#help.menupop {
	float: right;
	margin: 0 -12px 0 0;
}

#help.menupop .submenu {
	left: auto;
	right: 0;
}

#menu #help .submenu li a {
	padding: 0 9px;
	line-height: 35px;
}

/* Submenu */

#menu .submenu {
	background-color: #005684;
	display: none;
	left: 0;
	position: absolute;
	top: 42px;
	width: 220px;
	z-index: 100;
	
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#menu .submenu li {
	display: block;
	float: none;
	margin: 0;
}

/* Welcome message */

#welcome_header {
	color: #ffffff;
	margin: 0 20px 0 0;
	text-align: center;
	/* float: right; */
	line-height: 2.2em;
}

#welcome {
	color: #ffffff;
	margin: 0 20px 0 0;
	text-align: right;
	float: right;
	line-height: 2.2em;
}

#welcome_logo {
	color: #ffffff;
	margin: 0 20px 0 0;
	text-align: left;
	float: right;
	line-height: 2.2em;
}

#menu #welcome a {
/* Resetting */
background: none !important;
display: inline;
padding: 0;
}

/* !# Main */

#main {
	margin: 0 0 20px;
}

#content ul, #content ol {
	margin: 0;
	padding: 0 0 0 1.8em;
}

#content ul li, #content ol li {
	margin: .1em 0;
}

#content p, #content h2, #content h3, #content h4, #content h5, #content h6 {
	cursor: text;
}

#content.profile h2 {
	margin: 0;
}

#content.profile .location {
	color: #888;
	margin: 0 0 .5em;
}

.msg {
	border: 1px solid #ff0;
	background: #feffdf;
	padding: 5px 10px;
}

.msg-outer {
	padding: 0px 20px;
}


/* !o Box */

.small-box-top,
.small-box-bottom {
	background-position: -490px 0;
	height: 43px;
	width: 410px;
	float: right;
	position: relative;
	left: 15px;
}

.small-box-top {
	background-position: -486px -50px;
	margin: 2.5em 0 0 0;
}

.big-box-top,
.big-box-bottom {
	background-position: -1000px 0;
	height: 43px;
	margin: 0 -12px 0;
	width: 944px;
}

.big-box-top {
	background-position: -1000px -43px;
}

.small-box {
margin: 2em auto 0;
position: relative;
width: 100%;
-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
-o-box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
}

.small-box.nosignup {
	margin-top: 1.8em;
}

.top-corners:after,.top-corners:before {
background:#f5f5f5;
content:'';
height:30px;
position:absolute;
top:-20px;
width:60px;
z-index:10;
-webkit-box-shadow:0 6px 9px -8px hsla(0,0%,0%,.25);
-moz-box-shadow:0 6px 9px -8px hsla(0,0%,0%,.25);
box-shadow:0 6px 9px -8px hsla(0,0%,0%,.25);
}

.top-corners:after {
left:-35px;
border-color:#f5f5f5;
border-bottom:1px solid rgba(255, 255, 255, 0.3);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.top-corners:before {
right:-35px;
border-color:#f5f5f5;
border-bottom:1px solid rgba(255, 255, 255, 0.3);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

.bottom-corners:after,.bottom-corners:before {
background:#f5f5f5;
content:'';
height:30px;
position:absolute;
bottom:-20px;
width:60px;
-webkit-box-shadow:0 6px 9px -8px hsla(0,0%,0%,.25);
-moz-box-shadow:0 6px 9px -8px hsla(0,0%,0%,.25);
box-shadow:0 6px 9px -8px hsla(0,0%,0%,.25);
}

.bottom-corners:after {
left:-35px;
border-color:#f5f5f5;
border-bottom:1px solid rgba(255, 255, 255, 0.3);
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
transform:rotate(-135deg);
}

.bottom-corners:before {
right:-35px;
border-color:#f5f5f5;
border-bottom:1px solid rgba(255, 255, 255, 0.3);
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}

/* !o Box */

.box-top,
.box-bottom {
	background-position: -1000px 0;
	background-size: 1944px 264px;
	height: 43px;
	margin: 0 -12px 0;
	width: 944px;
}

.box-top {
	background-position: -1000px -43px;
}

.box {
	background-image: url(/images/gravatar-horizontal-sprite.png);
	background-repeat: repeat-y;
	background-size: 920px 1px;
	padding: 10px 37px 10px;
	min-height: 260px;
}

#page .box-top, #page .box, #page .box-bottom {
	background:none;
	padding:0;
	height:auto;
}

/* !# Footer */

#footer {
	height: 26px;
	padding-top:1em;
	background:white;
	border-top:1px solid rgba(0,0,0,0.1);
	padding-bottom:1em;
	margin-bottom: -1em;
}

#footer .middle {
	position: relative; /* For the Automattic joint stuff */
}

/* Footer navigation */

#footer-nav {
	float: left;
	margin: 10px 0 0 -4px;
	font-size: 12px;
}

#footer-nav li {
	display: inline;
	list-style: none;
	line-height: 20px;
}

#footer-nav a {
	padding: 6px 8px 5px;
}

.signup-prompt {
	background-color: #ffffdf;
	background-position: 7px -98px;
	margin: -10px 60px -35px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
}

.signup-prompt-inner {
	background-position: 774px -98px;
	padding: 20px 35px;
}

.signup-prompt-box {
	float: right;
	width: 190px;
}

.signup-prompt-box p {
	font-size: 11px;
	margin: 2px 0 0;
	text-align: center;
}

.signup-prompt .signup.button {
	color: #fff;
	height: 44px;
	font-size: 22px;
	line-height: 44px;
	text-align: center;
	width: auto;
	margin: 0 auto;
	padding: 8px 26px;
}

.signup-prompt .signup:active,
.signup-prompt .signup:hover {
	background-position: 0 -334px;

}

.signup-prompt .signup:active {
	background-position: 0 -378px;
}


/*****************************************************************************/
/*
/* Email List
/*
/*****************************************************************************/

#email_list {
	margin: 1em 0 2em 0;
}
	#email_list u, #email_list b  {
		text-decoration:none;
		font-weight:700;
	}
	.email, .email p  {
		cursor: pointer;
	}
	#email_list .selected, #email_list .selected p {
		cursor: normal !important;
	}
	#email_list a {
		color: white;
		cursor: pointer;
		text-decoration: none;
	}
	#email_list a:hover {
		color: #78c8e6;
	}
	#email_list a:active {
		color: #78c8e6;
	}

	#email_list div:first-child {
		border-radius:5px 5px 0 0;
	}

	#email_list div:last-child {
		border-radius:0 0 5px 5px;
	}

	#email_list .email {
		background-color: #eee;
		/*border: 1px solid #ccc;*/
		font-size: 130%;
		overflow: hidden;
		width: 100%;
		height: 61px;
		cursor: pointer;
	}

		#email_list .email:hover {
			background-color: #e2e2e2;
		}

	#email_list .selected {
		height: 100px;
		overflow: none;
		color:white;
		cursor: default !important;
		/*border: 3px solid #0a5;*/
		background:#1E8CBE;
		/*background: white url(/images/emails/bg_selected_email.gif) 0 100% repeat-x;*/
		/*margin-left: -2px;*/
	}

		#email_list .selected:hover {
		background-color: #1E8CBE;
		}

		#email_list .email img {
			width: 40px;
			height: 40px;
			/*border: 1px solid #ccc;*/
			margin: 10px;
			overflow: hidden;
			display: block;
			font-size: 0;
			float: left;
		}

		#email_list .selected img {
			margin: 10px;
			width: 80px;
			height: 80px;
		}

		#email_list .email p {
			margin: 0.6em 0 0 0;
		}

		#email_list .selected p {
			margin: 1em 0 0 0;
			font
		}

		#email_list .email p.tip {
			font-size: 60%;
			color: #78c8e6;
			visibility: hidden;
			margin: .1em 0 0;
		}

		#email_list .selected p.tip {
			visibility: visible !important;
		}

		#email_list p.address {
			margin: 1em 0 0 0;
			font-family:"proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif;
			font-weight:400;
		}
		#email_list .selected p.address {
			margin: 0.6em 0 0 0;
			font-family:"proxima-nova-soft", "Helvetica Neue", Helvetica, sans-serif;
			font-weight:400;
		}
/*****************************************************************************/
/*
/* Gravatar List
/*
/*****************************************************************************/

#gravatar_list {
	margin-top: .5em;
}

#gravatar_list .gravatars {
	overflow: hidden;
}

#gravatar_list .gravatars .grav {
	float: left;
	margin: .5em 15px 0 0;
	overflow: hidden;
}

#gravatar_list .gravatars .small {
	margin: .1em 5px 0 0;
}

#gravatar_list .gravatars .gravatar {
	border: 5px solid white;
	cursor: pointer;
	float: left;
}

#gravatar_list .gravatars .selected {
	padding: 2px;
	border: 3px solid #269CDD;
}

#email_list .selected {
	/*border: 3px solid #269CDD !important;*/
}

#gravatar_list .gravatars .pending {
	padding: 2px;
	border: 3px solid red;
}

#gravatar_list .gravatars .gravatar img {
	width: 80px;
	height: 80px;
	overflow: hidden;
	display: block;
	border: 1px solid #ccc;
}

#gravatar_list .gravatars .small .gravatar img {
	width: 50px;
	height: 50px;
}

#gravatar_list .actions {
	float: left;
		width: 24px;
		margin-left: 1px;
}

#gravatar_list .actions .rating {
	margin-top: 5px;
}

#gravatar_list .actions .rating img {
	width: 24px;
	height: 24px;
}

#gravatar_list .gravatars .add {
	width: 80px;
	height: 80px;
	background-color: #ccc;
}

/*****************************************************************************/
/*
/* Gravatar Confirmation
/*
/*****************************************************************************/

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
	width: 100%;
	height: 500px;
	/* background-color: #0c75b6; */
	background-color: #001133;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#gravatar_confirmation_container {
	position: absolute;
	top: 0;
	z-index: 1003;
	text-align: center;
	/* line-height: 0; */
	color: black;
	width: 100%;
	padding-left: auto;
	padding-right: auto;
	padding-top: 130px;
}

#gravatar_confirmation {
	top: 130px;
	left: 50%;
	margin-left: auto;
	margin-right: auto;
	z-index: 1004;
	border: 1px solid #444;
	padding: 30px;
	background: white;
	width: 400px;
}

	#gravatar_confirmation img {
		border: 1px solid #ccc;
		display: block;
		margin: 10px auto;
	}

	#gravatar_confirmation p {
		padding: 1em 0;
	}

/*****************************************************************************/
/*
/* Rating
/*
/*****************************************************************************/

	#gravatar_rating_container {
		text-align: center;
		color: black;
		width: 100%;
		text-align: center;
	}

	#gravatar_rating {
		border: 1px solid #444;
		padding: 30px;
		margin-left: auto;
		margin-right: auto;
		background: white;
		width: 400px;
		line-height: 1.4;
		text-align: center;
	}

	#gravatar_rating img.selected_avatar {
		border: 1px solid #ccc;
		display: block;
		margin: 10px auto;
	}

	#gravatar_rating input {
		border: 3px solid #888;
	}

	#gravatar_rating p {
		text-align: left;
		font-size: 85%;
	}

	#gravatar_rating p img {
		float: left;
		width: 30px;
		height: 30px;
	}

/*****************************************************************************/
/*
/* Croppr
/*
/*****************************************************************************/

#croppr a {
  background: #f38a49;
  padding: .5em;
  border-top: 1px solid #aaa;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
  border-left: 1px solid #aaa;
  color: black;
  font-weight: 700;
}

  #croppr a:hover {
    text-decoration: none;
    background: #b35a29;
  }

#croppr a.crop {
  cursor: pointer;
  position: absolute;
  top: 87%;
  left: 47%;
}

#croppr .track {
  background-color: black;
  height: 5px;
  position: absolute;
  left: 50%;
  top: 80%;
  margin-left: -100px;
  width: 200px;
  z-index: 15;
  border: 1px solid white;
}

#croppr .track .handle {
  width: 8px;
  height: 16px;
  background-color: #f38a49;
  border-top: 1px solid #aaa;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
  border-left: 1px solid #aaa;
  position: relative;
  top: -7px;
}

/* Share images */

.list-details .img {
	line-height: 16px;
	font-size: 12px;
	font-weight: 700;
	padding: 0px 0px 0px 22px;
	float: left;
	background-image: url(/images/grav-share-sprite.png);
	background-size: 16px 784px;
	background-repeat: no-repeat;
}

/* HOME PAGE */

.signupform {
	margin-bottom:2.5em;
}

.signupform.nosignup {
	visibility: hidden;
	margin-bottom: 0;
}

.signupform fieldset {
	float:left;
}

.signupform input {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.signupform #email {
	margin-right:0.5em;
}

.form-actions  {
	clear:right;
}

input {
	font: 400 16px/1 "proxima-nova", "Helvetica Neue", Helvetica, sans-serif; 
}

form fieldset {
	border:none;
	}
form fieldset.form-actions {
	margin: 0;
	}
form fieldset label {
	display: block;
	}
form fieldset input.form-text {
	display: block;
	width: 21em;
	height:2.5em;
	padding: 0.625em;
	}
		
.form-actions input[type="submit"] {
	height:2.5em;
	background: #90d326; /* Old browsers */
	background: -moz-linear-gradient(top,  #90d326 0%, #80be1e 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #90d326 0%,#80be1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #90d326 0%,#80be1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #90d326 0%,#80be1e 100%); /* IE10+ */
	background: linear-gradient(top,  #90d326 0%,#80be1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d326', endColorstr='#80be1e',GradientType=0 ); /* IE6-9 */
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.form-actions input[type="submit"]:hover,
.form-actions input[type="submit"]:focus {
	background: #90d326; 
}

.form-actions input[type="submit"]:active {
	background: #90d326; /* Old browsers */
	background:    -moz-linear-gradient(top,  #80be1e 0%,#90d326 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #80be1e 0%,#90d326 100%); /* Chrome10+,Safari5.1+ */
	background:      -o-linear-gradient(top,  #80be1e 0%,#90d326 100%); /* Opera 11.10+ */
	background:     -ms-linear-gradient(top,  #80be1e 0%,#90d326 100%); /* IE10+ */
	background:         linear-gradient(top,  #80be1e 0%,#90d326 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d326', endColorstr='#80be1e',GradientType=0 ); /* IE6-9 */
	box-shadow:none;
}

/* New */

#mpblinks a { color: white; }
#mpblinks div { color: white; }
#newlinks .newlinkname { width: 30%; }
#newlinks .newlinkhref { width: 40%; }
div.sistersvc { padding: 5px 0 5px 0; margin: 0 auto 0 auto;}
div.sistersvc.bottom { border-bottom: 0; }
div.sistersvc img { width: 280px; }
div.mainl1w33 { width: 31.25em; text-align: left; float: left; margin-bottom: 10px; padding-right: 0px; }
div.mainl1w33 h2 { margin-bottom: 0px; line-height: normal; }
div.mainl1w66 div.exgravs { text-align: left; }

div.mainl1w66 div.exgravs img {
margin: 10px 10px 0px 0;
padding: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}


div.mainl1w66 { text-align: left; float: right; overflow: visible; }
div.mainl1w66 h3 { margin:0 0 1em 0; text-align: left; text-transform:uppercase; font-size:17px; letter-spacing:2px; }
div.mainl2w33 { width: 310px; float: left; text-align: left; padding: 0 0 0 10px; margin-top: 10px; }
div.mainl2w33 input.text, div.mainl2w33 input.password { width: 180px; margin-right: 35px; }
div.mainl2w33 .submit { float: right; margin-right: 35px; }
div.mainl2w33 button, div.mainl1w33 button { width: 280px; height: 30px; }

div.mainl2w33 h3, div.mainl2w33 h4 {
line-height: normal;
padding: 15px 0 0;
margin: 0 0 .6em;
border-top: 1px solid #dfdfdf;
}

div.mainl2w66 { width: 630px; float: left; text-align: left; padding: 30px 10px 0 0; }


div.mainl1w66 {
	background-color:white;
	border:1px solid #e9e9e9;
	width: 23.75em;
	padding:2.5em 3em;
	margin-top:3.8em;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 2px #E9E9E9;
	box-shadow:0 0 2px #E9E9E9;
}

div.mainl1w66 p {
	margin-bottom:0;
}

a.more_link {
	display: block;
	margin-top: 1em;
}

/*div.mainl1w66 {
	margin-bottom: 1em !important;
}*/

div.mainl2w33 {
	width: 265px
}

div.mainl2w33 .text {
	min-width: 0;
	width: 210px !important;
}

div.mainl2w33 label {
	padding: 0 !important;
}

#content div.mainl1w33 h3 {
	line-height: 1.4em;
	margin-bottom: .5em;
}

#content div.mainl1w33 p {
	line-height: 1.4em;
}

div.mainl2w33 .button_small {
	margin-right: 38px !important;
	margin-bottom: 10px !important;
}

h1.logo {
	width: 274px;
	height: 55px;
	text-indent: -9999px;
	margin-bottom: 24px;
	margin-left: -5px;
	background: url(/images/logo.png) bottom left no-repeat;
}

#user-logos-container {
	margin:2em 0;
	float: left;
	width: 100%;
}

.user-logos {
    background: url(/images/user-logos.png?11) no-repeat 0 0;
    background-size: 610px 92px;
	width:610px;
	height:92px;
	float:right;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

p.stats {
	float: left;
	width: 16em;
	margin: 0 3.3em 0 0;
}

/* Cropper */

.existing-image {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	position: relative;
}

.existing-image a {
	margin: 0 10px 0 0;
	text-align: center;
}

.existing-image div {
	padding: 5px;
	margin: 0 0 10px;
	-webkit-box-shadow: 0 1px 3px #aaa;
	box-shadow: 0 1px 3px #aaa;
}

.existing-image a:hover div {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.del-link  {
	float:left;
}

.existing-image-delete {
	background:url("/images/profile-delete-button.png") repeat scroll 0 0 transparent;
	font-size:1px;
	height:16px;
	line-height:1em;
	padding:0;
	text-decoration:none;
	width:16px;
	z-index: 1;
	position: absolute;
	top: -5px;
	left: -5px;
}

.existing-image-delete:hover {
background-position: 0 16px;
}

/* IE6 */

#wrap, #main, .middle {
	_overflow: visible;
}

#menu .submenu li {
	_overflow: hidden;
	_height: 42px;
}

#menu #help .submenu li {
	_height: 35px
}

/*Non-Semantic Helper Classes*/

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* Static Gravatar in Homepage Header */

.gcard
{
	position:absolute;
	z-index:20;
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	max-width:400px;
	z-index\*:auto\9;
}

.gcard .grav-inner
{
	zoom:1px;
	position:relative;
	background:rgba(0,0,0,0.85);
	color:#fff;
	font-family:Helvetica, Arial, Tahoma, sans-serif;
	font-size:12px;
	line-height:150%;
	text-shadow:#000 0 -1px 0;
	font-style:normal !important;
	padding:18px;
}

.gcard .grav-inner *
{
	font-style:normal !important;
}

.gcard a
{
	color:#fff !important;
	border:none !important;
	text-decoration:none !important;
	font-family:Helvetica, Arial, Tahoma, sans-serif;
}

.gcard a:hover
{
	text-decoration:none !important;
	border:none !important;
	color:#51a6da !important;
}

.gcard ul
{
	list-style:none;
	font-size:12px;
	margin:0;
	padding:0;
}

.gcard ul li
{
	list-style:none;
}

.gcard p
{
	color:#fff;
	text-align:left;
	font-size:12px;
	margin:0 0 10px;
}

.gcard .grav-small
{
	font-size:10px;
}

.gcard .grav-grav
{
	float:left;
	border:solid 3px #fff;
	-webkit-box-shadow:inset 0 1px 0 #64A8D1, 0 1px 5px #000;
	box-shadow:inset 0 1px 0 #64A8D1, 0 1px 5px #000;
	line-height:50%;
	padding:0 !important;
}

.gcard .grav-grav img
{
	margin:0;
	padding:0;
}

.gcard .grav-info
{
	float:left;
	width:220px;
	margin-left:20px;
}

.gcard h4
{
	float:left;
	font-size:18px;
	font-family:Helvetica, Arial, Tahoma, sans-serif;
	line-height:115%;
	vertical-align:middle;
	text-transform:none;
	text-align:left;
	margin:0 10px 5px 0 !important;
	padding:0 !important;
}

.gcard h4,x:-moz-any-link,x:default
{
	line-height:90%;
}

.grav-loc
{
	clear:left;
	font-size:90% !important;
	color:#9fa09f !important;
	margin:0 0 1px;
}

.gcard .grav-cardarrow {
	position: absolute;
	top: 23px;
	left: -8px;
	display: inline-block;
	width: 0 !important;
	height: 0 !important;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid rgba(0, 0, 0, 0.85);
}

	.pos-left .grav-cardarrow {
		right: -8px !important;
		left: auto;
		border-left: 8px solid rgba(0, 0, 0, 0.85);
		border-right: none;
	}

.gcard .grav-tag
{
	clear:both;
	position:absolute;
	top:0;
	right:-22px;
	background:url(/images/grav-tag.png) top right no-repeat;
	background-size: 48px 61px;
	width:48px;
	height:61px;
}

.pos-left .grav-tag
{
	right:auto;
	left:-22px;
	background:url(/images/grav-tag-left.png) top right no-repeat;
}

.gcard .grav-tag a
{
	width:48px;
	height:61px;
	display:block;
	text-decoration:none;
	background:url(/images/grav-tag.gif) 22px 0 no-repeat;
	background-size: 21px 122px;
}

.pos-left .grav-tag a
{
	-o-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1);
	filter:fliph;
}

.gcard .grav-extra
{
	float:left;
	vertical-align:middle;
	margin:5px 5px 0 0;
}

.gcard .grav-extra,x:-moz-any-link,x:default
{
	margin-top:1px;
	padding-bottom:2px !important;
}

.gcard .grav-extra a
{
	display:block;
	line-height:80%;
	color:#000 !important;
	font-size:11px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-shadow:none;
	padding:3px 5px 3px 17px !important;
}

.gcard .grav-extra a:hover
{
	background-color:#3b91c5;
	color:#fff !important;
}

.gcard .comments a
{
	background:#fff url(/images/pillicon.png) 3px 2px no-repeat;
}

.gcard .comments a:hover
{
	background-position:-11px 2px;
}

.gcard .likes a
{
	background:#fff url(/images/pillicon.png) 4px -13px no-repeat;
}

.gcard .likes a:hover
{
	background-position:-10px -13px;
}

.gcard .grav-disable
{
	font-size:10px;
	line-height:10px;
	margin:3px 0 -5px;
}

.gcard .grav-disable a
{
	color:#666 !important;
}

.gcard .grav-disable a:hover
{
	color:#fff !important;
}

a.grav-view-complete
{
	display:inline-block;	
    background-color: #3D92C6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3D92C6), to(#0E74B2));
    background-image: -webkit-linear-gradient(top, #3D92C6, #0E74B2);
    background-image:    -moz-linear-gradient(top, #3D92C6, #0E74B2);
    background-image:      -o-linear-gradient(top, #3D92C6, #0E74B2);
    background-image:         linear-gradient(to bottom, #3D92C6, #0E74B2);
	-webkit-border-radius:2px;
	border-radius:2px;
	border:none;
	-webkit-box-shadow:inset 0 1px 0 #64A8D1, 0 1px 3px #000;
	box-shadow:inset 0 1px 0 #64A8D1, 0 1px 3px #000;
	color:#fff;
	text-shadow:0 -1px 0 #124869;
	font-size:12px;
	font-family:'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:700;
	text-decoration:none;
	margin:0 0 10px;
	padding:5px 15px;
}

a.grav-view-complete:hover
{
	color:#fff !important;
	background-color: #3D92C6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#51A6DA), to(#3D92C6));
    background-image: -webkit-linear-gradient(top, #51A6DA, #3D92C6);
    background-image:    -moz-linear-gradient(top, #51A6DA, #3D92C6);
    background-image:      -o-linear-gradient(top, #51A6DA, #3D92C6);
    background-image:         linear-gradient(to bottom, #51A6DA, #3D92C6);

	-webkit-box-shadow:inset 0 1px 0 #86C1E5, 0 1px 5px #000;
	box-shadow:inset 0 1px 0 #86C1E5, 0 1px 5px #000;
}

a.grav-view-complete:active
{
	color:#fff !important;
	background-color: #3D92C6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0E74B2), to(#3D92C6));
    background-image: -webkit-linear-gradient(top, #0E74B2, #3D92C6);
    background-image:    -moz-linear-gradient(top, #0E74B2, #3D92C6);
    background-image:      -o-linear-gradient(top, #0E74B2, #3D92C6);
    background-image:         linear-gradient(to bottom, #0E74B2, #3D92C6);

	-webkit-box-shadow:inset 0 -1px 0 #4F9CCB, 0 1px 1px #000;
	box-shadow:inset 0 -1px 0 #4F9CCB, 0 1px 1px #000;
}

.gcard .gcard-about,.grav-about
{
	clear:left;
}

/* Contact Us Page + Form */

#gravatar-contact-us .hidden {
	display: none;
}

#gravatar-contact-us fieldset {
	padding: 10px;
	margin: 10px;
	border: 0;
}

#gravatar-contact-us input[type="text"], #gravatar-contact-us textarea {
	padding: 5px;
	max-width: 500px;
	font-size: 15px;
	border: 2px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#gravatar-contact-us input[type="text"]:focus, #gravatar-contact-us textarea:focus {
	outline: 0;
	border: 2px solid #80B8D9;
}

#gravatar-contact-us #gravatar-support-question-fieldset, #gravatar-contact-us #gravatar-support-contact fieldset {
	margin: 25px 0;
	background: #eee;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#gravatar-support-question-fieldset {
	text-align: center;
}

#gravatar-contact-us #gravatar-support-contact fieldset.error {
	background: #fbeaf0;
}

#gravatar-contact-us #gravatar-support-contact span.errormsg {
	display: block;
	margin: 0 0 10px 10px;
	color: #d00;
}

#gravatar-contact-us #gravatar-support-question {
	max-width: 660px;
	width: 660px;
}

#gravatar-contact-us #gravatar-support-search {
	position: relative;
	top: -1px;
}

#gravatar-contact-us #gravatar-support-results .response {
	border-bottom: 1px dashed #c7d9e5;
	padding: 10px 0;
	margin: 25px 0;
}

#gravatar-contact-us #gravatar-support-found-form fieldset {
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
	text-align: center;
}

#gravatar-contact-us #gravatar-support-found-form fieldset label {
	width: 112px;
}

#gravatar-contact-us #gravatar-support-success {
	margin-top: 20px;
	text-align: center;
}

#gravatar-support-submit-success {
	text-align: center;
}

#gravatar-contact-us #gravatar-support-contact fieldset input {
	width: 350px;
}

#gravatar-contact-us #gravatar-support-contact fieldset p.description {
	margin-left: 162px;
	font-size: 12px;
	color: #666;
}

/*
	a little bit of fun with the automattobots
	Animate.css - http://daneden.me/animate
	LICENSED UNDER THE  MIT LICENSE (MIT)
	Copyright (c) 2012 Dan Eden
*/

.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-ms-keyframes tada {
	0% {-ms-transform: scale(1);}
	10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-ms-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-ms-keyframes hinge {
	0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
	20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
	40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
	80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
	100% { -ms-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-ms-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}

#gravatar-contact-us #gravatar-support-results .response h4 {
	font-weight: 600;
	margin-bottom: 10px;
}
#gravatar-contact-us #gravatar-support-results .response p {
	margin-left: 20px;
}

#support-feedback-thanks {
	min-height: 300px;
}

#support-feedback-thanks .rating-image {
	margin-right: 40px;
}

#support-feedback-thanks h1 {
	padding-top: 10px;
}


.video-player {
	border:1px solid #ddd;
}

.videopress-poster {
	width: 495px;
	height: 278px;
	background-image: url(/images/videothumbnail.jpg);
	background-size: 495px 278px;
}

#header h1 a,
#page #header h1 a,
.gallery-paperclip,
.list-toggle li h4 a,
.menu-left li.sel,
#automattic_joint span,
.my-account-trigger span,
#admin-trigger span,
#menu .menupop .admin,
#menu .submenu_link,
.small-box-top,
.small-box-bottom,
.small-box-top,
.big-box-top,
.big-box-bottom,
.big-box-top,
.box-top,
.box-bottom,
.box-top,
.signup-prompt,
.signup-prompt-inner {
	background-image: url(/images/gravatar-sprite.png?11);
	background-repeat: no-repeat;
	background-size: 1944px 264px;
}

.profile .admin-notice {
	background:yellow;
	padding: 4px 12px;
	position: relative;
	top: -85px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	#header h1 a,
	#page #header h1 a,
	.gallery-paperclip,
	.list-toggle li h4 a,
	.menu-left li.sel,
	#automattic_joint span,
	.my-account-trigger span,
	#admin-trigger span,
	#menu .menupop .admin,
	#menu .submenu_link,
	.small-box-top,
	.small-box-bottom,
	.small-box-top,
	.big-box-top,
	.big-box-bottom,
	.big-box-top,
	.box-top,
	.box-bottom,
	.box-top,
	.signup-prompt,
	.signup-prompt-inner {
	        background-image: url(/images/gravatar-sprite-2x.png?11);
	}
	.user-logos {
	        background-image: url(/images/user-logos-2x.png?11);
	}
	.videopress-poster {
		background-image: url(/images/videothumbnail-2x.jpg);
	}
	.box {
		background-image: url(/images/gravatar-horizontal-sprite-2x.png?11);
	}
	.list-details .img {
		background-image: url(/images/grav-share-sprite-2x.png);
	}
	.gcard .grav-tag {
		background-image: url(/images/grav-tag-2x.png);
	}
	.pos-left .grav-tag {
		background-image: url(/images/grav-tag-left-2x.png);
	}
	.gcard .grav-tag a {
		background-image: url(/images/grav-tag-2x.gif);
	}

}

#div_cabecera_trabajo {
	border:1px dotted;
}

.titcab1 {
	font-size:22px;
}

.td_cuerpo1 {
	height:620px;
	border:1px dotted;
}

.td_cuerpo2 {
	height:620px;
	border:1px dotted;
}

#div_busquedas {
	border:1px solid;
}

/* -------------------------- 
   FORMULARIO FICHA EMPLEADO
----------------------------- */
.contact_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    /* color: #5CD053; */
	color: #06F;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 400px;
}

/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:750px;
    list-style-type:none;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:12px; 
	/* border-bottom:1px solid #eee; */
	position:relative;
}

.contact_form label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    /* width: 90px; */
}

.contact_form input {
	height:25px; 
	/* width:250px;  */
	padding:5px 8px;
	font-size: 12px;
}
.contact_form textarea {
	padding:8px; 
	width:300px;
}
.contact_form button {
	margin-left:90px;
}

/*----- estilos visuales de los elementos --------*/
.contact_form input, .contact_form textarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:80px;
}

/* === Estilos de Validacion === */	

.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

.emp_foto {
	border:solid 1px #00F;
	width: 230px;
	height:230px;
	/*
    border-radius: 18px 18px 18px 18px;
    -moz-border-radius: 18px 18px 18px 18px;
    -webkit-border-radius: 18px 18px 18px 18px;
	*/
}

#div_emp_foto {
  max-width: 100%;
  max-height:100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width:230px;
  height:230px;
}

/* ---------------------------------
      FIN FORMULARIO FICHA EMPLEADO
----------------------------------- */	  

/* === Estilos del boton de Envio === */
button.submit {
    padding: 9px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
	opacity:.55;
	cursor: pointer; 
	color: #fff;
}
button.submit:active {
	border: 1px solid #222;
	box-shadow: 0 0 10px 5px #444 inset; 
}

/* ------------------------------
   MENU TABS DE FORMULARIOS
-------------------------------- */
.tab_200 {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 1px solid #000000;
width:100%;
float:left;
position:relative;
width:200px; /* Largo de cada TAB */
height:30px; /* Alto de cada TAB */
text-align:center;
padding: 5px 10px 5px 10px; 

}

.tab_150 {
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 1px solid #000000;
width:100%;
float:left;
position:relative;
width:150px; /* Largo de cada TAB */
height:30px; /* Alto de cada TAB */
text-align:center;
padding: 5px 10px 5px 10px; 

}

.tab_contenido {
	border:1px solid;
	display:none;
}

/* ------------------------------------------------------------------------ */   

.tr_gral {
	background-color: #1C80BE;
	color: #FFF;
	font-size:12px;
	border:1px solid #000;
}

.label_cab1 {
	font-size:18px;
	background-color:#09F;
	color:#FFF;
	text-align:center;
	border:1px solid #039;
	width: 250px;
	height:30px;
	box-shadow: 2px 2px 5px #999;
}

.div_ctes_contactos {
	border: 1px solid;
	height: 200px;
	overflow:auto;
}

.div_ctes_logo {
	border: 1px solid;
	width: 302px;
	height: 182px;
	
    background-size: 100% 100%;
    background-repeat:no-repeat;
}

.label2 {
	background-color:#CCC;
	width:350px;
	text-align:center;
	font-size:16px;
	border:1px dotted;
}

#div_id_busq_cte {
	background-color:#CCC;
	color:#FFF;
	text-align:center;
	width:350px;
	height:20px;
	border:1px dotted;
	
    	
}

#div_fotos_prod {
   border:1px solid;
   width:200px;
   height:340px;
   overflow:auto;
}

#div_precios_prod {
   border:1px solid;
   width:400px;
   height:340px;
   overflow:auto;
}

#div_captcha {
	width:120px;
	height:24px;
	background-color:#CCC;
	border:1px solid;
	text-align:center;
}