/*-------------------------------------*/
/*-------------- RESETS -------------- */
/*-------------------------------------*/

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;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
}
section {
	display: block;	
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

input:focus {
	outline: none
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------------------*/
/*----------- PAGE STYLES ------------ */
/*-------------------------------------*/

body {
	color: #898989;
	margin: 0px;
	background: #DEDEDE url("../images/settings-bg.gif") repeat-x 0px 0px;
	overflow-y: scroll;
}

h1 {
	display: none;
}

a {
	color: #0F98FB;
	text-decoration: none;	
}
a:hover {
	color: #007FDA;
	text-decoration: none;	
}

#wrapper {
	width: 900px;
	margin: 0 auto;	
}

.bullet {
	list-style-type: disc;	
}

/*-------------------------------------*/
/*-------------- HEADER -------------- */
/*-------------------------------------*/
header {
	display: block;
	height: 65px;
	padding: 0px 2px;
	overflow: hidden;
}
header .return {
	background:url(../images/return-arrow.png) no-repeat 0px 3px;
	padding-left: 15px;
	display: block;
	float: left;
	margin-top: 25px;
	font-size: 15px;
	font-weight: bold;
}

header #login {
	float: right;
	margin-top: 28px;
	font-size: 11px;
	font-weight: bold;
	color: #383838;
}
#login.logged-in .logout, 
#login.logged-in .account {
	display: block;
}
#login.logged-in .login {
	display: none;
}
#login.logged-out .logout, 
#login.logged-out .account,
#login.logged-out .admin {
	display: none;
}
#login.logged-out .login {
	display: block;
}

#login .logout,
#login .admin,
#login .register {
	float: right;
	border-left: 1px solid #DDDDDD;	
	padding-left: 7px;
	text-align: right;
	height: 10px;
	line-height: 10px;
}
#login .admin {
	padding-right: 7px;	
}
#login .login,
#login .account {
	float: right;
	height: 10px;
	padding: 0px 7px 0px 16px;
	line-height: 10px;
}
#login .account {
	background: url(../images/settings-account-bg.png) no-repeat 0px 0px;
}

/* Theme Preview Styles */
body#settings.lightsout #login {
	color: #BBBBBB;	
}
body.lightsout nav,
body.lightsout #content {
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
}
/*-------------------------------------*/
/*--------------- GROWL -------------- */
/*-------------------------------------*/

#growl {
	height: 38px;
	line-height: 38px;
	display: none;
}
#growl a {
	display: block;
	width: 100%;
	height: 38px;	
	background: #F2FBE8 url(../images/growl-sprite.png) repeat-x;	
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #46AD14;
}
#growl a:hover {
	background-position: 0px -50px;	
}
#growl a b {
	color: #000000;
}

/*-------------------------------------*/
/*------------ NAVIGATION ------------ */
/*-------------------------------------*/

nav {
	display: block;
	-moz-border-radius: 5px 5px 0px 0px;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 5px 5px 0px 0px;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
	border-radius: 5px 5px 0px 0px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
	clear: both;
	height: 50px;
}

/* Sprite */
nav li,
nav li .hover,
nav li .down,
nav li .active {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	background-image: url(../images/settings-navigation.png);
	background-repeat: no-repeat;	
}

/* Hover, Down Active State */
nav li .hover,
nav li .down,
nav li .active {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 50px;
}
nav li .active {
	cursor: default;
	z-index: 10;
}

/* Nav Item */
nav li {
	position: relative;
	float: left;
	width: 180px;
	height: 50px;
}
nav li.active {
	cursor: default;	
}
nav li.active .down {
	cursor: default;
	display: block;
}
nav li a {
	display: block;
	width: 180px;
	height: 50px;	
	text-indent: -9999px;
}

/* Navigation Sprite */

/* Normal */
nav .about {
	background-position: 0px 0px;	
}
nav .sites {
	background-position: -180px 0px;	
}
nav .options {
	background-position: -360px 0px;	
}
nav .help {
	background-position: -540px 0px;	
}
nav .account {
	background-position: -720px 0px;	
}
nav .sites#add {
	background-position: -950px 0px;	
}
/* Hover */
nav .about .hover {
	background-position: 0px -60px;	
}
nav .sites .hover {
	background-position: -180px -60px;	
}
nav .options .hover {
	background-position: -360px -60px;	
}
nav .help .hover {
	background-position: -540px -60px;	
}
nav .account .hover {
	background-position: -720px -60px;	
}
nav .sites#add .hover {
	background-position: -950px -60px;	
}

/* Down */
nav .about .down {
	background-position: 0px -120px;	
}
nav .sites .down {
	background-position: -180px -120px;	
}
nav .options .down {
	background-position: -360px -120px;	
}
nav .help .down {
	background-position: -540px -120px;	
}
nav .account .down {
	background-position: -720px -120px;	
}
nav .sites#add .down {
	background-position: -950px -120px;	
}
/* Active */
nav .about .active {
	background-position: 0px -180px;	
}
nav .sites .active {
	background-position: -180px -180px;	
}
nav .options .active {
	background-position: -360px -180px;	
}
nav .help .active {
	background-position: -540px -180px;	
}
nav .account .active {
	background-position: -720px -180px;	
}
nav .sites#add .active {
	background-position: -950px -180px;	
}

/* Settings Content */

#content {
	display: block;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
	background: #FFFFFF url(../images/settings-tab-bg.png) no-repeat right top; 
	min-height: 350px;	
}

#content.footer {
	overflow: hidden;
	background: #FFFFFF url(../images/settings-tab-flip-bg.png) no-repeat left top; 
}
#content.footer .left {
	float: right;
}
#content.footer .right {
	float: left;	
}

/* Generic Columns */

#content .left {
	float: left;
	width: 570px;	
	padding: 0px 25px 50px 30px;
}

#content .right {
	float: right;
	width: 225px;
	padding: 0px 25px 0px;
	font-size: 12px;	
	line-height: 15px;
}
#content .right a {
	color: #0F98FB;
}
#content .right a:hover {
	color: #007FDA;
	text-decoration: underline;
}
#content .right h2 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;	
	color: #393939;
	font-size: 16px;
	margin: 0px 0px 10px;
}
#content .right p {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;	
	color: #777777;
	line-height: 17px;
	margin: 10px 0px 15px;
}
#content .right .divider {
	background-color: #FAFAFA;
	height: 1px;
	border-bottom: 1px solid #F0F0F0;
	margin: 20px 0px;	
}
#content .right .links {
	margin: 15px 0px 30px;	
}
#content .right .links li {
	margin: 10px 0px 12px;
}
#content .right .links li em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	display: block;
	font-weight: regular;
	color: #888888;
}
#content .right .links li a {
	display: inline-block;
	background: url(../images/next-arrow.png) no-repeat right 3px;
	margin-top: 2px;
	padding-right: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #0F98FB;
}

/* Generic New */

#content .left .new {
	float: left;
	margin: 9px 0px 0px 0px;
	width: 28px;
	height: 11px;
	background:url(../images/new-badge.gif) no-repeat;	
}

/* Footer */
footer {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 9px;
	display: block;
	padding: 20px 2px 50px;
	font-size: 10px;
}
footer a {
	color: #898989;
	text-decoration: none;	
}
footer a:hover {
	color: #666666;
	text-decoration: underline;	
}

footer .copyright {
	float: left;	
}

footer ul {
	float: right;	
}
footer ul li.twitter {
	background: url(../images/twitter-bird.png) no-repeat 8px 0px;	
	padding-left: 25px;
	height: 10px;
}
footer ul li {
	float: right;
	border-right: 1px solid #CCCCCC;	
	padding: 0px 7px;
	height: 9px;
	line-height: 9px;
}
body#settings #wrapper footer ul li:first-child {
	padding-right: 0px;	
	border-right: none;
}

/* Tab Styles */
#settings .tabs {
	height: 22px;	
}
#settings .tabs li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	float: left;
	text-align: center;
	height: 22px;
	line-height: 22px;
	font-size: 11px;
	color: #3C3C3C;
	text-shadow: 0px 1px 0px #F8F8F8;
	background-image: url(../images/tabs-sprite.png);
	background-repeat: no-repeat;	
}
#settings .tabs li.hover {
	color: #000000;	
}
#settings .tabs li.active {
	color: #000000;	
}
#settings .tab {
	display: none;	
}
#settings .tab.open {
	display: block;	
	overflow: auto;
}
#settings .tab-loading {
	width: 100%;
	height: 500px;
}
#settings .tab-loading img {
	margin: 160px 0px 0px 260px;		
}


/*-------------------------------------*/
/*-------------- ABOUT --------------- */
/*-------------------------------------*/
#content.about {
	background-position: -85px 0px;	
}
#about {
	overflow: hidden;	
	padding: 35px 0px;
}
#about .left {
	width: 485px;
	padding-bottom: 30px;	

}
#about .right {
	width: 300px;
	margin-right: 5px;
}
#about .right li a {
	display: inline-block;
	background: url(../images/link-bg.png) no-repeat right 6px;	
	padding-right: 12px;
}
#about .left h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	color: #000000;
}
#about .left h2 a {
	display: inline-block;
	background: url(../images/next-arrow.png) no-repeat right 9px;
	padding-right: 15px;	
}
#about .left .divider {
	height: 1px;
	margin: 14px 0px 15px;
	border-bottom: 1px solid #E4E4E4;	
}
#about .left h2 a:hover {
	text-decoration: underline;	
}
#about .left hgroup h3 {
	margin-top: 30px;
	font-weight: bold;
	color: #585858;	
}
#about .left h3 {
	font-size: 17px;
	font-weight: normal;
	color: #000000;
	line-height: 1.2;
	margin: 25px 0px 0px;
}
#about .left ul.tabs {
	margin-top: 30px;
	height: 35px;	
}
#about .tabs li {
	background: url(../images/about-tabs.png) no-repeat;
	height: 35px;
	text-indent: -9999px;
}
#about .tab.open {
	overflow: visible;	
	width: 480px;
	height: 285px;
}
#about .left .disclaimer {
	margin: 45px 0px 0px;
	font-size: 10px;
	color: #DADADA;	
}
#about .right h3:first-child {
	margin-top: 0px;	
}
#about .right h3 {
	margin-top: 20px;
	color: #000000;	
}
#about .right p {
	margin: 0px;	
}
#about .right ul {
	list-style-type: disc;
	color: #777777;
	margin: 6px 0px 0px 14px;
	line-height: 17px;
	font-weight: bold;
}

/* About Tabs Sprite */
#about .tabs .explained {
	width: 210px;
	background-position: 0px 0px;
}
#about .tabs .whatsnew {
	width: 160px;
	background-position: -230px 0px;
}
#about .tabs .explained.hover {
	background-position: 0px -35px;	
}
#about .tabs .explained.active {
	background-position: 0px -70px;	
}
#about .tabs .whatsnew.hover {
	background-position: -230px -35px;	
}
#about .tabs .whatsnew.active {
	background-position: -230px -70px;	
}

/*-------------------------------------*/
/*-------------- BUTTONS ------------- */
/*-------------------------------------*/

#settings .save {
	cursor: pointer;
	width: 145px;
	height: 32px;
	background: url(../images/settings-save-sprite.png) no-repeat;	
}
#settings .save.hover {
	background-position: 0px -50px;
}
#settings .save.down {
	background-position: 0px -100px;	
}
#settings .cancel {
	cursor: pointer;
	width: 145px;
	height: 32px;
	background: url(../images/settings-cancel-sprite.png) no-repeat;	
}
#settings .cancel.hover {
	background-position: 0px -50px;
}
#settings .cancel.down {
	background-position: 0px -100px;	
}

/*-------------------------------------*/
/*-------------- SITES --------------- */
/*-------------------------------------*/


#sites {
	position: relative;
	overflow: hidden;;	
}

#sites .tabs {
	padding: 25px 0px 20px 35px;	
}

#sites ul li.active {
	border-color: #8ACDFE;	
	background-color: #F5F8F9;
}
#sites ul li.saving {
	border-color: #C8E7FF;	
	background-color: #FAFCFC;	
}

/* Sites Tabs */
#sites .tabs .featured {
	width: 107px;
	background-position: 0px 0px;
}
#sites .tabs .all-sites,
#sites .tabs .customize {
	width: 107px;
	background-position: -107px 0px;	
}
#sites .tabs .myfaves {
	width: 105px;
	background-position: -214px 0px;	
}
#sites .tabs .featured.down,
#sites .tabs .featured.active {
	background-position: 0px -22px;		
}
#sites .tabs .all-sites.down,
#sites .tabs .all-sites.active,
#sites .tabs .customize.down,
#sites .tabs .customize.active {
	background-position: -107px -22px;		
}
#sites .tabs .myfaves.down,
#sites .tabs .myfaves.active {
	background-position: -214px -22px;	
}

/* Faves Count */
#sites .tabs .myfaves {
	position: relative;	
}
#sites .tabs .faves-count {
	position: absolute;
	top: -16px;
	right: -10px;
	width: 30px;
	height: 29px;
	padding-right: 1px;
	background:url(../images/settings-faves-count.png) no-repeat;	
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: none;
}
#sites .tabs .faves-count b {
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);	
}


/* Metadata Styles */

#featured .meta,
#all-sites .meta,
#customize .meta,
#myfaves .meta {
	display: none;	
}
#featured .identifier,
#all-sites .identifier,
#customize .identifier
#myfaves .identifier {
	display: none;	
}

/* Featured Sites */

#featured .left li {
	position: relative;
	height: 90px;
	overflow: hidden;
	margin-bottom: 5px;
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	padding: 12px 17px;
}
#featured .left .icon {
	float: left;
	width: 78px;
	height: 90px;
	background: url(../images/settings-featured-icon.png) no-repeat;	
}
#featured .left .icon .face {
	width: 78px;
	height: 78px;
	overflow: hidden;	
}
#featured .left .icon img {
	width: 78px;
}
#featured .left li .description {
	overflow: hidden;
	margin: 3px 50px 0px 96px;	
}
#featured .left .new {
	margin: 3px 0px 0px 5px;	
}
#featured .left .visit {
	margin: 3px 0px 0px 5px;
	float: left;
	width: 76px;
	height: 12px;
	background: url(../images/featured-visit-sprite.png) no-repeat;
	text-indent: -9999px;	
}
#featured .left .visit:hover {
	background-position: 0px -20px;	
}
#featured .left h3 {
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 4px;
	color: #000000;
}
#featured .left h3 a {
	color: #555555;	
}
#featured .left h3 a:hover {
	color: #000000;
}
#featured .left p {
	clear: left;
	font-size: 11px;
	line-height: 13px;
	color: #757575;
	margin: 5px 0px;
}

/* Featured States */
#featured .left li:hover {
	border-color: #D4D4D4;	
}
#featured .left li.active {
	border-color: #8ACDFE;	
	background-color: #F5F8F9;
}
#featured .left li.active h3 a {
	color: #0F98FB;
}
#featured .left li.active h3 a:hover {
	color: #007FDA;
}
#featured .left li.loading {
	border-color: #C8E7FF;	
	background-color: #FAFCFC;	
}

/* Button States */
#featured .left .add,
#featured .left .add .save,
#featured .left .add .added {
	cursor: pointer;
	background-image: url(../images/button-featured-sprite.png);
	background-repeat: no-repeat;	
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 145px;
	height: 32px;
}
#featured .left .add {
	position: absolute;
	right: 10px;
	bottom: 10px;
	text-indent: -9999px;	
}
#featured .left .add .save,
#featured .left .add .added {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;	
}
#featured .left .add .throbber {
	display: none;
	width: 16px;
	height: 16px;
	margin: 8px 0px 0px 64px;
	background: url(../images/settings-site-add-throbber.gif) no-repeat;
}
#featured .left .active .throbber {
	background: url(../images/settings-site-remove-throbber.gif) no-repeat;		
}
#featured .left .add.hover {
	background-position: 0px -50px;	
}
#featured .left .add.down {
	background-position: 0px -100px;	
}
#featured .left .loading .add {
	background-position: 0px -150px;
}
#featured .left .active .add {
	background-position: 0px -200px;	
}
#featured .left .active .add.hover {
	background-position: 0px -250px;	
}
#featured .left .active .add.down {
	background-position: 0px -300px;	
}
#featured .left .active.loading .add {
	background-position: 0px -350px;	
}
#featured .left .loading .add .throbber {
	display: block;	
}

/* Customize Icon Modal */
#settings .dimmer {
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	background-color: #FFFFFF;
	opacity: 0.75;
}
#wrapper.animating nav,
#wrapper.animating #content {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;	
}
#wrapper.animating .modal {
}
#wrapper.animating .modal div,
#wrapper.animating .modal form,
#wrapper.animating .modal h3 {
	visibility: hidden;	
}
#sites .modal {
	display: none;
	background: #FFFFFF url(../images/customize-modal-bg.png) no-repeat bottom center;
	-moz-box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.23);
	box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.23);
	border: 3px solid #CCCCCC;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 538px;
	height: 210px;
	margin: -125px 0px 0px -285px;
	padding: 20px 15px;
	z-index: 100;
}
#sites .modal h3 {
	margin: 0px 0px 18px;
	font-family: "Helvetica Neue", Arial, Sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #6C6C6C;
}
#sites .modal .text {
	width: 405px;	
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #6C6C6C;
}
#sites .modal select {
	font-size: 13px;
	color: #6C6C6C;
}
#sites .modal .icon {
	position: relative;
	float: left;
	width: 104px;
	height: 104px;
	overflow: hidden;
}
#sites .modal .icon .bg,
#sites .modal .icon .front {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 104px;
	height: 104px;
}
#sites .modal .icon .bg img,
#sites .modal .icon .front img {
	width: 104px;
}
#sites .modal form {
	margin-left: 18px;
	display: block;
	float: left;
}
#sites .modal label {
	display: block;
	margin: 15px 0px 5px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #6C6C6C;
}
#sites .modal label:first-child {
	margin-top: 0px;	
}
#sites .modal .actions {
	clear: both;
	padding: 30px 0px 0px 125px;
}

#sites .actions .save,
#sites .actions .cancel {
	float: left;
	margin-right: 5px;	
}


/* All Sites */

#settings .sort {
	float: left;
	width: 215px;
	height: 55px;
	margin-bottom: 20px;
	padding: 13px 10px 18px;
	background-color: #FAFAFA;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DDDDDD;		
}
#all-sites .search {
	float: left;
	width: 315px;
	height: 55px;
	margin-bottom: 20px;
	padding: 13px 10px 18px;
	background-color: #FCFDE7;
	border-top: 1px solid #DEDCC6;
	border-bottom: 1px solid #DEDCC6;
}
#settings h3.search {
	float: none;
	clear: left;
	width: auto;
	height: auto;	
}
#settings .search h4,
#settings .sort h4 {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #696755;	
}
#sites input,
#sites label {
	font-size: 13px;
	color: #525252; 	
}

/* Generic Search Styles */
#settings .search .field {
	position: relative;	
}
#settings .search .throbber {
	position: absolute;
	top: 8px;
	left: 278px;
	display: none;
	width: 16px;
	height: 16px;
	background: url(../images/search-throbber.gif) no-repeat;
}
#settings .search .field.loading .throbber {
	display: block;	
}
#settings .search input {
	display: block;
	border: none;
	background: transparent url(../images/search-white.png) no-repeat;
	font-size: 14px;
	padding: 6px 7px 7px 35px;
	width: 266px;
	height: 19px;
	color: #AFAFAF;
}
#settings .search input.hover {
	background-position: 0px -50px;
	color: #999999;
}
#settings .search input.focus {
	background-position: 0px -100px;
	color: #656665;
}

#all-sites .left h3 {
	clear: left;
	font-size: 13px;
	font-weight: bold;
	margin: 30px 0px 10px	;
	color: #000000;	
}
#all-sites .left a.top {
	float: right;
	padding: 10px 6px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	color: #CFCFCF;
}
#all-sites .left a.top:hover {
	color: #999999;	
}
#all-sites .left ul {
	margin-bottom: 22px;	
	cursor: pointer;
}
#all-sites .left li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	height: 32px;
	margin: 3px 0px 0px;
	color: #666666;	
}
#all-sites .left li .icon {
	float: left; 
	width: 16px;
	height: 16px;
	margin: 8px 0px 0px 9px;	
}
#all-sites .left li p {
	display: block;
	float: left;
	height: 30px;
	line-height: 32px;
	padding: 0px 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#all-sites .left li .throbber {
	position: static;
	display: none;
	float: right;
	width: 16px;
	height: 16px;
	margin: 7px 11px 0px 0px;
	background: url(../images/settings-site-add-throbber.gif) no-repeat right 0px;	
}
#all-sites .left li.active.loading .throbber {
	background: url(../images/settings-site-remove-throbber.gif) no-repeat right 0px;	
}
#all-sites .left li.loading .throbber {
	display: block;	
}
#all-sites .left li {
	background-color: #F8F8F8;
	background-image: url(../images/settings-site-add-sprite.png);
	background-repeat: no-repeat;	
}
#all-sites .left li {
	background-position: 0px 0px;	
}
#all-sites .left li.hover {
	background-position: 0px -50px;	
	color: #333333;
}
#all-sites .left li.down {
	background-position: 0px -100px;
	color: #333333;		
}
#all-sites .left li.loading {
	background-position: 0px -150px;
	color: #333333;	
}
#all-sites .left li.active {
	background-position: 0px -400px;	
	color: #294050;		
}
#all-sites .left li.active.hover {
	background-position: 0px -250px;	
	color: #000000;		
}
#all-sites .left li.active.down {
	background-position: 0px -300px;
	color: #000000;			
}
#all-sites .left li.active.loading {
	background-position: 0px -350px;
	color: #000000;			
}
#all-sites .left li.active.alert {
	cursor: default;
	background-position: 0px -200px;	
	color: #000000;			
}

/* Custom Icons */

#customize .search {
	float: left;
	width: 315px;
	height: 55px;
	margin-bottom: 20px;
	padding: 13px 10px 18px;
	background-color: #FCFDE7;
	border-top: 1px solid #DEDCC6;
	border-bottom: 1px solid #DEDCC6;
}
#customize input,
#customize label {
	font-size: 13px;
	color: #525252; 	
}
#customize .left h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 30px 0px 10px;
	color: #000000;	
}
#customize .left a.top {
	float: right;
	padding: 10px 6px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	color: #CFCFCF;
}
#customize .left a.top:hover {
	color: #999999;	
}
#customize .left ul {
	margin-bottom: 22px;	
}
#customize .left li {
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	height: 32px;
	margin: 3px 0px 0px;
}
#customize .left li .icon {
	float: left; 
	width: 16px;
	height: 16px;
	margin: 7px 0px 0px 10px;	
	color: #666666;	
}
#customize .left li p {
	display: block;
	float: left;
	height: 30px;
	line-height: 32px;
	padding: 0px 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#customize .left li .throbber {
	position: static;
	display: none;
	float: right;
	width: 16px;
	height: 16px;
	margin: 7px 11px 0px 0px;
	background: url(../images/settings-site-add-throbber.gif) no-repeat right 0px;	
}
#customize .left li.active.loading .throbber {
	background: url(../images/settings-site-remove-throbber.gif) no-repeat right 0px;	
}
#customize .left li.loading .throbber {
	display: block;	
}
#customize .left li {
	background-color: #F8F8F8;
	background-image: url(../images/settings-site-add-sprite.png);
	background-repeat: no-repeat;	
}
#customize .left li {
	background-position: 0px 0px;	
}
#customize .left li.hover {
	background-position: 0px -50px;	
	color: #333333;	
}
#customize .left li.down {
	background-position: 0px -100px;
	color: #333333;		
}
#customize .left li.loading {
	background-position: 0px -150px;
	color: #333333;		
}
#customize .left li.active {
	background-position: 0px -400px;
	color: #294050;
}
#customize .left li.active.hover {
	background-position: 0px -250px;
	color: #000000;			
}
#customize .left li.active.down {
	background-position: 0px -300px;	
	color: #000000;		
}
#customize .left li.active.loading {
	background-position: 0px -350px;	
	color: #000000;		
}
#all-sites .left li.active.alert {
	cursor: default;
	background-position: 0px -200px;
	color: #000000;	
}

/*-------------------------------------*/
/*------------- MYFAVES -------------- */
/*-------------------------------------*/

#myfaves .not.empty {
	display: none;	
}
#myfaves .empty {
	background: url(../images/settings-empty.png) no-repeat 170px 50px;
	height: 360px;
	overflow: hidden;
}
#myfaves .empty h3 {
	margin: 282px 0px 0px 78px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	color: #494949;
}
#myfaves .empty a {
	color: #0F98FB;
}
#myfaves .empty a:hover {
	color: #007FDA;
}
#myfaves .hide.list {
	display: none;	
}
#myfaves .list .modify {
	cursor: pointer;
	float: right;
	width: 105px;
	height: 16px;
	background: url(../images/settings-myfav-modify.png) no-repeat;	
}
#myfaves .list .modify.hover {
	background-position: 0px -25px;	
}
#myfaves .edit.list .modify {
	cursor: default;
	background-position: 0px -50px;	
}
#myfaves .list h3 {
	-moz-user-select: -moz-none;
  	-khtml-user-select: none;  
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 15px;
	color: #000000;	
}
#myfaves .list ul {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#myfaves .list .divider {
	height: 1px;
	margin: 14px 0px 15px;
	border-bottom: 1px solid #E4E4E4;
}
#myfaves .list li {
	-moz-user-select: -moz-none;
  	-khtml-user-select: none;  
	cursor: url(http://www.myfav.es/images/grab.cur), default;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	height: 32px;
	margin: 3px 0px 0px;
	background-color: #FFFFFF;
}
#myfaves .list li:hover {
	border-color: #B4B4B4;	
}
#myfaves .list li .icon {
	float: left; 
	width: 16px;
	height: 16px;
	margin: 7px 0px 0px 10px;	
}
#myfaves .list li p.name {
	display: block;
	float: left;
	width: auto;
	height: 30px;
	line-height: 32px;
	padding: 0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;	
}
#myfaves .list .custom-url {
	display: none;
	float: right;
	width: 232px;
	height: 14px;
	margin: 5px 0px 0px 0px;
	padding: 4px 10px 2px;
	background: none;
	overflow: hidden;
	border: none;
	text-overflow: ellipsis;
	text-align: left;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #545454;	
}
#myfaves .list .actions {
	display: none;	
	margin-top: 15px;
	padding-left: 200px;
	overflow: hidden;
}
#myfaves .list .empty-field {
	display: none;
	float: right;
	margin: 3px 6px 0px 4px;
	width: 109px;	
}
#myfaves .list .selector {
	display: none;
	float: right;	
	margin: 3px 6px 0px 4px;
	width: 99px;
}
#myfaves .list .selector span {
	width: 74px;
}
#myfaves .list select {
	float: right;
	display: none;
	width: 109px;
	margin-left: 5px;	
}

#myfaves .edit.list li {
	cursor: default;	
}
#myfaves .list li .handle {
	float: right;
	width: 370px;
	height: 32px;
}

#myfaves .list li {
	background: url(../images/settings-myfav-sprite.png) no-repeat;	
}

#myfaves .list li {
	background-position: 0px 0px;
}
#myfaves .list li.hover {
	background-position: 0px -50px;
}
#myfaves .list li.down {
	background-position: 0px -100px;
}
#myfaves .list li.down p.name,
#myfaves .list li.hover p.name,
#myfaves .list li.ui-sortable-helper p.name,
#myfaves .list li.remove p.name {
	color: #333333;	
}
#myfaves .list li.ui-sortable-helper {
	margin-left: -10px;
	cursor: url(http://www.myfav.es/images/grabbing.cur), default;
	-moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.15);
}
#myfaves .list li.placeholder {
	background-position: 0px -150px;
}
#myfaves .edit.list .actions {
	display: block;	
}
#myfaves .edit.list li {
	background-position: 0px -200px;
}
#myfaves .edit.list li.hover p.name {
	color: #666666;	
}
#myfaves .edit.list li .handle {
	display: none;	
}
#myfaves .edit.list li input {
	display: block;	
}
#myfaves .edit.list li select,
#myfaves .edit.list li .selector,
#myfaves .edit.list li .empty-field {
	display: block;	
}
#myfaves .edit.list li.hover {
	background-position: 0px -250px;	
}
#myfaves .edit.list li.focus input {
	color: #333333;
}
#myfaves .edit.list li.focus {
	background-position: 0px -300px;
}
#myfaves .edit.list li.focus input {
	color: #8F8131;
}



/*------------- TRASH -----------*/

#myfaves .list .hide {
	display: none;	
}
#myfaves .list .remove {
	opacity: 0.8;	
}
#myfaves .list .remove p.name {

}

#myfaves .trash {
	position: relative;
	width: 570px;
	height: 75px;
	background: url(../images/settings-trash-sprite.png) no-repeat;	
	margin-bottom: 5px;
}
#myfaves .poof {
	display: none;
	position: absolute;
	top: 10px;
	left: 270px;
	width: 32px;
	height: 32px;
	background:url(../images/poof.png) no-repeat;
	z-index: 100;
}
#myfaves .trash.active {

}
#myfaves .trash.drop {
	opacity: 1;
	background-position: 0px -100px;	
}

#myfaves .undo .item {
	display: none;
}
#myfaves .undo {
	font-size: 11px;
	color: #9A9A9A;	
}


/*------------- Search -------------- */

#content .tab.search .top {
	display: none;	
}
#content .tab.search .left h3 {
	display: none;
	background-color: #FAFAFA;
	border-bottom: 1px solid #DADADA;
	border-top: none;
}
#content .tab h3.search {
	display: none;
}
#content .tab.search h3.search {
	display: block;
}
#content .tab.search .left li {
	display: none;
}
#content .tab.search .left ul { 
	margin: 0px;
}
#content .tab.search .left li.result { 
	display: block;
}

/*-------------------------------------*/
/*------------- OPTIONS -------------- */
/*-------------------------------------*/

#options h2 {
	font-size: 14px;
	margin: 0px 0px 9px;	
}
#options a.submit {
	clear: left;	
}
#options .tabs {
	padding: 25px 0px 20px 35px;
	width: 435px;
}

#options .prefs {
	display: none;	
}
#options .tabs .layout {
	width: 107px;
	background-position: 0px 0px;
}
#options .tabs .icon-styles {
	width: 107px;
	background-position: -107px 0px;	
}
#options .tabs .backgrounds {
	width: 107px;
	background-position: -107px 0px;	
}
#options .tabs .preferences {
	width: 105px;
	background-position: -214px 0px;	
}
#options .tabs .layout.down, 
#options .tabs .layout.active {
	background-position: 0px -22px;		
}
#options .tabs .icon-styles.down, 
#options .tabs .icon-styles.active {
	background-position: -107px -22px;		
}
#options .tabs .backgrounds.down, 
#options .tabs .backgrounds.active {
	background-position: -107px -22px;		
}
#options .tabs .preferences.down, 
#options .tabs .preferences.active {
	background-position: -214px -22px;	
}

/* Rows Theme */
#options .left ul.rows li {
	position: relative;
	margin-right: 7px;
	height: 120px;
	border: 1px solid #DADADA;
	margin-bottom: 8px;
}
#options .left ul.rows li.active {
	background-color: #F5F8F9;
	border: 1px solid #8ACDFE;
}
#options .left ul.rows li.disabled h3 {
	color: #999999;	
}
#options .left ul.rows li.last {
	margin: 0px;	
}
#options .left ul.rows li .preview {
	float: left;
	margin: 8px 0px 0px 8px;
	background: url(../images/settings-options-image.png) no-repeat;
	width: 152px;
	height: 97px;	
}
#options .left ul.rows li .preview img {
	display: block;
	margin: 7px 0px 0px 7px;
	width: 138px;
	height: 83px;
}
#options .left ul.rows li .preview .color {
	margin: 7px 0px 0px 7px;
	width: 138px;
	height: 83px;
}
#options .left ul.rows li .preview .color img {
	margin: 0px;	
}

#options .left ul.rows li .description {
	float: left;
	margin-left: 15px;
}
#options .left ul.rows li h3 {
	margin: 15px 19px 0px 0px;
	font-size: 18px;
	font-weight: bold;	
	color: #333333;
}
#options .left ul.rows li em {
	color: #8C8C8C;
}
#options .left ul.rows li p {
	font-size: 11px;
	color: #5B5B5B;
	line-height: 15px;
	margin: 12px 18px 5px 0px;	
}
#options ul.rows li .option {
	float: left;	
}
#options .select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	position: absolute;
	right: 14px;
	bottom: 14px;
	width: 175px;
	height: 41px;
	background: url(../images/button-select-sprite.png) no-repeat;
}
#options .select .throbber {
	display: none;
	width: 16px;
	height: 16px;
	margin: 13px 0px 0px 75px;
	background: url(../images/settings-site-add-throbber.gif) no-repeat;
}

/* Layout Sprite */
#options .select.hover {
	background-position: 0px -50px;
}
#options .select.down {
	background-position: 0px -100px;	
}
#options .select.loading {
	background-position: 0px -150px;	
}
#options .left .rows li.active .select {
	cursor: default;
	background-position: 0px -200px;	
}
#options .left .rows li.active .select.loading {
	background-position: 0px -250px;	
}

/* Background Sprite */
#options #backgrounds .left .rows li.active .select {
	background-position: 0px -300px;
}
#options #backgrounds .left .rows li.active .select.loading {
	background-position: 0px -250px;
}

#options .left .rows li.active .throbber {
	background: url(../images/settings-site-remove-throbber.gif) no-repeat;	
}
#options .select.loading .throbber {
	display: block;
}

/* Color Picker */
#options .color-picker {
	position: relative;
	overflow: hidden;
	margin-left: -4px;
	cursor: pointer;
	width: 36px;
	height: 36px;
}
#options .color-picker .picker {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 36px;
	height: 36px;
	background:url(../images/colorpicker/select2.png) no-repeat;		
}
#options .color-picker .color {
	margin: 6px 0px 0px 6px;
	width: 24px;
	height: 24px;	
}


/* Icon Styles */
#options #icon-styles .preview {
	position: relative;
	width: 570px;
	height: 240px;
	background-color: #F0F0F0;
	margin-bottom: 10px;
}
#options #icon-styles .preview #preview-top,
#options #icon-styles .preview #preview-bottom {
	position: absolute;
	width: 570px;
	height: 240px;
	top: 0px;
	left: 0px;
	background: url(../images/icon-styles-preview.png) no-repeat;
}
#options #icon-styles .preview #preview-top {
	z-index: 100;
}
#options #icon-styles .preview #preview-top.matte {
	background-position: -570px 0px;
}
#options #icon-styles .preview #preview-top.glossy {
	background-position: -570px -240px;
}

#options #icon-styles .preview #preview-bottom.none {
	background-position: 0px 0px;
}
#options #icon-styles .preview #preview-bottom.tableReflect {
	background-position: 0px -240px;
}
#options #icon-styles .preview #preview-bottom.floatReflect {
	background-position: 0px -480px;
}
#options #icon-styles .preview #preview-bottom.shadow {
	background-position: 0px -720px;
}
#options #icon-styles .preview #preview-bottom.dropShadow {
	background-position: 0px -960px;
}

/* Preferences */

#options .mini h3 {
	font-size: 11px;
	font-weight: bold;
	color: #999999;	
}
#options .mini .group {
	margin-bottom: 25px;
}
#options .mini .option {
	background-color: #FFFFFF;
	padding: 15px;
	border: 1px solid #DADADA;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 5px 0px;
}
#options .mini .option select,
#options .mini .option input {
	float: right;	
}
#options #preferences .note {
	display: block;
	color: orange;
	font-size: 11px;
	margin-top: 7px;
}
#options .group .disabled {
	display: none;
}
#options #preferences .save {
	-moz-user-select: -moz-none;
  	-khtml-user-select: none;
	clear: left;
	margin: 10px 0px 0px 0px;	
}
#options .save {
	overflow: hidden;
	cursor: pointer;
	width: 169px;
	height: 40px;
	background: url(../images/button-select-sprite.png) no-repeat 0px -350px;
}
#options .save .throbber {
	display: none;
	margin: 13px 0px 0px 75px;
	background: url(../images/settings-site-add-throbber.gif) no-repeat 0px 0px transparent;
	width: 16px;
	height: 16px;	
}
#options .save.hover {
	background-position: 0px -400px;
}
#options .save.down {
	background-position: 0px -450px;	
}
#options .save.loading, #options .save.down.loading, #options .save.hover.loading {
	background-position: 0px -500px;		
}
#options .save.loading .throbber {
	display: block;	
}
#options .save.active {
	cursor: default;
	background-position: 0px -550px;	
}

#options a.submit {
	cursor: pointer;    
	margin: 5px 0px 0px 98px;
	background-position: -162px -40px;
}
#options a:hover.submit {
	background-position: -162px -80px;
}
#options a:active.submit {
	background-position: -162px -120px;
}



/*-------------------------------------*/
/*------------- ACCOUNT -------------- */
/*-------------------------------------*/


#setup {
	position: relative;
	background: #FFFFFF url("../images/settings-tab-bg.png") no-repeat right top;
	overflow: hidden;	
}
/* Form Styles */
#setup .field {
	overflow: hidden;
	margin: 10px 0px;
	border: 1px solid #F1F1F1;
	background-color: #F9F9F9;
	padding: 13px;
	font-size: 12px;
	font-weight: bold;
	color: #525252;
}
#setup .field h3 {
	font-size: 16px;
	color: #525252;
	margin: 0px 0px 5px;	
}
#setup .field p {
	float: left;	
}
#setup .field label {
	line-height: 20px;	
}
#setup .field .text {
	background-color: #FFFFFF;
	font-size: 18px;
	padding: 7px;	
}
/* Validation */
#setup .loading .throbber {
	display: block;
}
#settings .validate {
	display: none;
	float: left;	
	margin-left: 10px;
}
#settings .validate .throbber {
	display: block;
	background: url('../images/settings-site-throbber.gif') no-repeat;
	width: 16px;
	height: 16px;
	margin-top: 9px;	
}
#settings .validate .message {
	display: none;
	line-height: 38px;
	float: left;
	color: #333333;
}
#settings .validate.loading {
	display: block;	
}
#settings .validate.loading .throbber {
	display: block;
}
#settings .validate.success,
#settings .validate.failure {
	display: block;	
}
#settings .validate.success .throbber,
#settings .validate.failure .throbber {
	display: none;	
}
#settings .validate.success .message {
	display: block;
	background: url(../images/validation.png) no-repeat 0px 0px;	
	padding-left: 30px;	
}
#settings .validate.failure .message {
	display: block;
	background: url(../images/validation.png) no-repeat 0px -50px;	
	padding-left: 30px;
}
#settings .validate.failure .message .red {
	color: #FF0000;
}
#settings .gmail .validate .message {
	margin-top: 10px;
	padding: 12px 0px 0px 30px;
	line-height: 1.4;
}
#settings .gmail .validate p {
	padding-bottom: 10px;	
}
#setup .submit {
	cursor: pointer;
	border: none;
	width: 163px;
	height: 35px;
	background: url(../images/settings-createaccount-sprite.png) no-repeat;	
	text-indent: -9999px;
}
#setup .submit.hover {
	background-position: 0px -35px;	
}
#setup .submit.down {
	background-position: 0px -70px;
}

/* Account Creation Modal */

#wrapper.animating .modal {
}
#wrapper.animating .modal p,
#wrapper.animating .modal div,
#wrapper.animating .modal h3 {
	visibility: hidden;	
}
#setup .modal {
	display: none;
	background: #F4F4F4 url(../images/setup-modal-bg.png) repeat-x 0px 0px;
	-moz-box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.23);
	box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.23);
	border: 3px solid #CCCCCC;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 538px;
	height: 210px;
	margin: -125px 0px 0px -285px;
	padding: 30px 25px;	
	z-index: 100;
}

#setup .modal h3 {
	margin: 15px 0px 0px;
	font-size: 22px;
}
#setup .modal .success h3 {
	color: #379B06;	
}
#setup .modal .failure h3 {
	color: #FF0000;	
}
#setup .modal p {
	font-size: 15px;
	margin: 0px;
	line-height: 1.4;
	padding: 13px 0px;
}
#setup .modal a {
	font-weight: bold;
}
#setup .modal a:hover {
	font-weight: bold;		
}
#setup .modal .url {
	margin-top: 5px;
	height: 34px;
	line-height: 34px;
	background-color: #E9E9E9;
	background-color: rgba(220, 220, 220, 0.5);
	font-size: 13px;
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	text-overflow: ellipsis;
	padding: 0px 10px;	
}

/* Left Column Styles */
#setup .left {
	padding-top: 35px;	
}
#setup .left h2 {
	margin: 0px 0px 20px;	
	font-size: 28px;
	font-weight: normal;
	color: #339900;
}
#setup .left h2 b {
	color: #000000;	
}
#setup .left #email {	
	margin-top: 30px;
}
#setup .left #public {
	margin: 10px 0px 0px;	
}
#setup .left #updates {
	margin-bottom: 20px;	
}
#setup .left #username .text {
	margin: 0px 10px;	
}

/* Right Column Styles */
#setup .right {
	padding-top: 62px;	
}
#setup .right h3 {
	margin: 20px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;	
}
#setup .right p {
	margin: 2px 0px;
	color: #8E8E8E;
	line-height: 18px;	
}

#setup .right .email h3 {
	margin-top: 27px;	
}

#setup .right .public h3 {
	margin-top: 10px;	
}
#setup .right .updates h3 {
	margin-top: 60px;	
}

/* Field Hover Styles */

#setup .left .field.hover {
	border: 1px solid #CACACA;
}
#setup .right .hover h3 {
	color: #339900;	
}
#setup .right .hover p {
	color: #000000;	
}
/* Field Active Styles */
#setup .left .field.active {
	border: 1px solid #B0B0B0;	
	background-color: #EAEAEA;
}
#setup .right .active h3 {
	color: #339900;	
}
#setup .right .active p {
	color: #000000;	
}


/* UNIFORM RESTYLING */

#settings .selector {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
}
#options .left ul.rows li .selector {
	float: left;
	margin: 0px 5px 5px -2px;	
	width: 85px;
}
#options .left ul.rows li.disabled {
	opacity: 0.3;	
}
#options .left ul.rows li .selector span {
	width: 53px;
}
#options .left ul.rows li .selector select {
	width: 85px;
	left: 3px;
	margin-top: 1px;
}

#options #backgrounds .left ul.rows li .selector,
#options #backgrounds .left ul.rows li .selector select {
	width: 175px;
}
#options #backgrounds .left ul.rows li .selector span {
	width: 150px;
}

#options .mini .checker {
	float: right;
	margin: -2px 3px 0px 0px;
}
#options .mini .selector {
	float: right;
	margin: -5px -5px 0px 0px;	
}
#options .mini .selector select {
	left: 3px;	
	margin-top: 1px;
}


/*-------------------------------------*/
/*--------------- HELP --------------- */
/*-------------------------------------*/

#content.help {
	padding-top: 35px;	
	overflow: hidden;
}
#content.help .overview {
	overflow: hidden;
	background-color: #FAFAFA;
	border: 1px solid #F0F0F0;
	padding: 30px 25px 40px;
}
#content.help .overview .column {
	margin-top: -20px;	
	float: left;
	width: 50%;
}
#content.help .overview h3 {
	margin: 20px 0px 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #D9D9D9;
	font-size: 16px;
	font-weight: bold;
}
#content.help .overview h3 a {
	color: #011F56;	
}
#content.help .overview h3 a:hover {
	color: #002B7A;
}

/*
#content.help .column h3,
#content.help .column ul {
	margin-left: 15px;
	margin-right: 0px;
}
*/
#content.help .column:first-child h3,
#content.help .column:first-child ul {
	margin-left: 0px;
	margin-right: 25px;
}

#content.help .overview ul li {
	font-size: 12px;
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 5px;
}

#content.help .left .divider {
	clear: both;
	height: 1px;
	background-color: #E0E0E0;
	border-bottom: 1px solid #FFFFFF;
	margin: 35px 0px;	
}

#content.help .questions .divider {
	margin: 45px 0px 25px;	
}
#content.help .questions h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 10px;
	color: #35414D;	
}
#content.help .questions h3 {
	font-size: 18px;
	font-weight: bold;
	color: #35414D;	
	margin: 20px 0px 10px;
}
#content.help .questions p {
	font-size: 14px;
	color: #666666;
	line-height: 1.333;	
	margin: 12px 0px;
}
#content.help .questions img.icon {
	float: left;
	margin: 0px 15px 15px 0px;
	
}
#content.help .questions img.flip {
	float: right;
	marign-left: 15px;
}
#content.help .questions h3 {
	clear: both;
	padding: 15px 0px 5px 0px;
}
#content.help .questions h2 {
	clear: both;
	padding-top: 20px;
}
#content.help .questions .clear {
	clear: both;
}
#content.help .questions ul.list {
	list-style-type: disc;
}
#content.help .questions ul.list li {
	margin: 0px 0px 0px 30px;
	font-size: .8em;
	line-height: 1.4em;
}

/*-------------------------------------*/
/*------------- ACCOUNT -------------- */
/*-------------------------------------*/

#content.account {
	background: none;
}

#content.account #manage {
	overflow: hidden;
	min-height: 550px;
	padding-top: 35px;
	background: #FFFFFF url(../images/settings-tab-bg.png) no-repeat right top; 
	font-size: 12px;
	color: #5A5A5A;	
}
#manage .checker {
	margin-right: 5px;	
}
#manage .divider {
	margin: 18px 0px;
	border-bottom: 1px solid #E9E9E9;
	height: 1px;	
}
#manage .left h3 {
	margin: 25px 0px 15px;
	font-size: 15px;
	color: #5D5D5D;	
}
#manage .left h4 {
	margin-bottom: 14px;
	font-size: 13px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}
#manage label {
	font-weight: bold;	
	line-height: 18px;
}
#manage label em {
	font-weight: normal;	
}
#manage .url {
	font-size: 28px;
	color: #A7A7A7;
	margin-bottom: 14px;
}
#manage .url b {
	color: #000000;	
}

#manage input.text {
	background-color: #FFFFFF;
	width: 300px;
	height: 31px;	
}

#manage .gmail {
	position: relative;
	overflow: hidden;
	border: 1px solid #E9E9E9;
	background-color: #FAFAFA;	
	padding: 10px 15px 15px;
}
#manage .gmail input {
	width: 230px;
	margin-right: 10px;	
}
#manage .gmail .preview {
	position: absolute;
	top: 5px;
	left: 240px;
	background: url(../images/gmail-preview.png) no-repeat;
	width: 76px;
	height: 50px;	
}
#manage .gmail .reader-preview {
	position: absolute;
	top: 6px;
	left: 325px;
	background: url(../images/google-reader-preview.png) no-repeat;
	width: 76px;
	height: 50px;	
}

#manage .gmail .info {
	font-weight: bold;
}
#manage .gmail .fields {
	display: none;	
}
#manage .gmail .fields.visible {
	display: block;	
}

#manage #gmail-username label,
#manage #gmail-password label,
#manage #email label {
	display: block;	
	margin-bottom: 3px;
}

#manage #gmail-username {
	clear: both;	
}
#manage #gmail-username,
#manage #gmail-password {
	float: left;
	width: 255px;
	margin: 15px 10px 0px 0px;
}

#manage #email input {
	float: left;
	margin-bottom: 10px;	
}
#updates {
	clear: both;	
}

#manage .more {
	margin-top: 10px;
	font-size: 13px;
	font-style: italic;
	color: #A6A6A6;	
}
#manage .save {
	margin-top: 40px;
	overflow: hidden;
	cursor: pointer;
	width: 169px;
	height: 40px;
	background: url(../images/button-select-sprite.png) no-repeat 0px -350px;
}
#manage .save .throbber {
	display: none;
	margin: 13px 0px 0px 75px;
	background: url(../images/settings-site-add-throbber.gif) no-repeat 0px 0px transparent;
	width: 16px;
	height: 16px;	
}
#manage .save.hover {
	background-position: 0px -400px;
}
#manage .save.down {
	background-position: 0px -450px;	
}
#manage .save.loading, #manage .save.down.loading, #manage .save.hover.loading {
	background-position: 0px -500px;		
}
#manage .save.loading .throbber {
	display: block;	
}
#manage .save.active {
	cursor: default;
	background-position: 0px -550px;	
}


/*-------------------------------------*/
/*--------- ACCOUNT-REGISTER --------- */
/*-------------------------------------*/
#register {
	background: url("../images/settings-tab-bg.png") no-repeat scroll -190px top #FFFFFF;
	height: 550px;
}
#register .left,
#register .right {
	padding-top: 75px;	
}
#register .left h2,
#register .right h2 {
	margin: 0px 0px 40px;
	font-size: 24px;	
	line-height: 1;
	color: #333333;
}
#register .left {
	width: 385px;	
}
#register .left h2 {
	margin-bottom: 5px;	
}
#register .left .openid {
	display: inline-block;
	font-size: 38px;
	font-weight: bold;
	padding-right: 28px;	
	background:url(../images/register-arrow.png) no-repeat right 16px;
}
#register .left iframe {
	height: 240px;
	margin: -5px 0px 0px -35px;
	width: 400px;	
}
#register .right {
	width: 410px;
}
#register .right li {
	margin-bottom: 5px;
	font-size: 15px;
	color: #777777;		
}
#register .right p {
	font-size: 15px;
	color: #777777;		
	margin: 12px 0px;
	padding: 0px;
	line-height: 20px;
}
#register .right img {
	margin-top: 15px;	
}



/*-------------------------------------*/
/*---------- PRIVACY-POLICY ---------- */
/*-------------------------------------*/

#content #privacy {
	padding: 40px 0px 45px;
}

#content #privacy .left {
	font-size: 12px;
}
#content #privacy .left h3 {
	margin: 26px 0px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;	
	color: #4A4A4A;
}
#content #privacy .left h3:first-child {
	margin-top: 0px;	
}
#content #privacy .left p {
	padding: 5px 0px;	
	line-height: 1.2;
}


/*-------------------------------------*/
/*------------ THEME-SUBMIT ---------- */
/*-------------------------------------*/

#content #theme-submit {
	padding: 40px 0px 45px;
}

/*-------------------------------------*/
/*------------ CONTACT-US ------------ */
/*-------------------------------------*/
#content #contact {
	padding: 40px 0px 45px;
}
#content #contact .left .twitter a {
	display: inline-block;
	background: url(../images/twitter-bird-large.png) no-repeat 0px 0px;
	padding-left: 26px;
}
#content #contact .left p {
	font-size: 16px;
	font-weight: bold;
	color: #232323;	
	margin: 0px;
	padding: 0px;
}
#content #contact .left .column {
	padding-top: 15px;
	border-top: 1px solid #D9D9D9;
	margin-top: 15px;
	width: 50%;
	float: left;	
}
#content #contact .left .column p {
	margin: 18px 0px 0px;
	padding: 0px 0px 2px;
}
#content #contact .left .column a {
	display: block;
	font-weight: bold;
	margin-bottom: 18px;
}
#content #contact .left .column .link {
	display: inline-block;
	padding-right: 14px;
	background: url(../images/link-bg.png) no-repeat right 5px;	
}

/*-------------------------------------*/
/*----------- SUGGEST-SITE ----------- */
/*-------------------------------------*/

#content #suggest-site {
	padding: 40px 0px 45px;
}

/*-------------------------------------*/
/*------------- ADVERTISE ------------ */
/*-------------------------------------*/

#content #marketing {
	padding: 40px 0px 45px;
}
#content #marketing .left {
	font-size: 13px;	
	color: #484848;
	line-height: 1.33;
}
#content #marketing .left p {
	margin: 5px 0px;
	padding: 0px;	
}
#content #marketing .left h2 {
	font-size: 38px;
	font-weight: bold;
	color: #232323;
	vertical-align: text-bottom;
}
#content #marketing .left h2 em {
	font-size: 18px;
	font-weight: normal;
	color: #636363;
}
#content #marketing .left h3 {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #232323;
	vertical-align: text-bottom;
}
#content #marketing .left h3 em {
	font-size: 11px;
	font-weight: normal;
	color: #8E8E8E;
}
#content #marketing .left h4 {
	font-size: 16px;
	font-weight: bold;
	color: #232323;
	margin-bottom: 15px;
}
#content #marketing .left .statistics {
	padding: 18px 0px 22px;
	margin-bottom: 22px;
	border-bottom: 1px solid #D9D9D9;
}
#content #marketing .sample {
	display: block;
	margin: 25px 0px;	
}
#content #marketing .left ul li {
	margin-left: 15px;
	list-style-type: disc;	
}
#content #marketing .left .advert {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.15;
	margin-top: 37px;	
}