/* Favy styles. Ben Hayes 2008 */

/* Reset styles adapted from Tripoli - see http://devkick.com/lab/tripoli/ - under GPL */
* { text-decoration:none; font-size:1em; outline:none; margin:0; padding:0; }
pre,textarea,input,select { font:inherit; white-space:normal; }
a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym { border-width:0; }
dfn,i,cite,var,address,em { font-style:normal; }
th,b,strong,h1,h2,h3,h4,h5,h6,dt { font-weight:normal; }
caption,th,td { text-align:left; }
html { background:white; color:black; line-height:1em; }
ul,ol,dir,menu { list-style:none; }
sub,sup { vertical-align:baseline; }
a { font-family: inherit; }
table { border-collapse: separate; border-spacing: 0; }

/* =typography
 * =================================================================== */

html {
    font-size: 125%;
}
body { 
    font-family: Arial, sans-serif;
    font-size:50%;
}
/* body { font-family: Verdana, sans-serif; font-size:50%; } AL */
/* 62.5%: fonts now set to 10px across all browsers */

#page, #footer, .footer_menu_container, #simple-footer { line-height: 1.8em; /* Make line-height 18px everywhere */ }

/* Now make text 13px for most text */
p, h4, cite, blockquote, li, dt, dd, code,kbd,samp,pre,tt,var,input.textbox,input.password,textarea, pre, legend, th, td, caption, select { font-size:1.3em; line-height: inherit; }

/* Stop inheritance of font-size */
li li, blockquote p, p cite, p code, p label { font-size: 1em; margin: 0; }

/* Some elements are still set at 10px font size: */
#main ul, ol, dl { margin: 0 0; }

/** Add to div#main classes for pages with standard margin padding */
.element_margins p {
margin: 0.69em 0;  
} 

strong,th,thead td,h1,h2,h3,h4,h5,h6,dt { font-weight:bold; }

cite,em,dfn { font-style:italic; }
pre, pre * { white-space:pre; }

del { text-decoration:line-through; }

small,sup,sub { font-size:85%; }

abbr,acronym { text-transform:uppercase; font-size:85%; letter-spacing:.1em; }

abbr[title],acronym[title],dfn[title] { cursor:help; border-bottom:1px dotted black; }

sup { vertical-align:super; }
sub { vertical-align:sub; }

fieldset { border-width: 0; }

blockquote { padding-left:2em; }

input,select,.button { cursor:pointer; }

input[type='text'],input[type='password'] { cursor:text; }

input[type='hidden'] { display:none; }

.button a:focus { outline: 0; }

#content ul { padding-left: 2em; list-style-type: disc; }

#content ol { padding-left: 2em; list-style-type: decimal; }

.subdued { color: #888; }

/* =link styles */
a:link, a:visited { color: #1072B9; text-decoration: underline; }
a:visited { color: #574584; text-decoration: underline; }
a:hover, a:active { color: #CC0000; text-decoration: underline; }

.url a:link, .url a:visited { color: #888; }  
.url a:hover, .url a:active { color: #C00; }  

.current a:link, .current a:visited { color: #000; text-decoration: none; }
.current a:hover, .current a:active { color: #C00; text-decoration: none; }

h1, h2, h3, h4 { font-family: Arial, sans-serif; }

/* Keep line-height vertical rhythm. Move headings down a little: top=13px bottom=-4px */
h2 { font-size: 1.8em; margin: 0.72em 0 -0.22em 0; }

h1 { font-size: 1.8em;   font-weight:normal; } /* X removed margin-bottom:-0.22em;, and other changed other properties */

h3 { font-size: 1.6em; margin: 0.81em 0 -0.25em 0; }

h4 { font-size: 1.4em; margin: 0.928em 0 -0.28em 0; }

h5 { font-size: 1.3em; margin: 1em 0 -0.3em; }

.top { margin-top: 0; }

/* =forms */
form {   padding: 10px; margin: 1.8em 0; }

/* IE doesn't let you style disabled form inputs properly, so make them P elements instead: */
label, #main p.label { display: block; font-weight: bold; font-size: 1.2em; line-height: inherit; margin: 0; }
#main p.uneditable { margin-top: 0; color: #777; }

label, input, select { vertical-align: middle; }

/* input.textbox, textarea { width: 98%; margin-bottom: 0.69em; } */

input.disabled { border-width: 0; background-color: transparent; color: #888; }

#main form p.action { text-align: right; margin-bottom: 0; /* for IE: */padding-bottom: 1px;}

#main form p.checkbox { margin-top: 0; }

.error span { background-color: #FFCE00; }

div.error  { background-color: #ffce00; padding-left: 2px; }

input.error { border-color: #ffce00; }

/* labels following inputs (e.g. checkboxes): */
p label { font-weight: normal; display: inline; }

/**********************************************************************************************************************/

/*
 * Global styles (on all pages)
 */

#skiplinks { display: none; }

body {
}

#main {
	clear: left;
}
.padded_elements p {
    margin: 0.69em 0;
}
/*
#main .full {
	width: 99.5%;
}
#main .last { float: right; }
*/

#page {
	margin: 0 auto;
	width: 100%;
	/* most browsers except IE */	 
	width: 980px;
    background-image: url(/assets/images/grey-border-left.gif);
    background-repeat: repeat-y;
    background-position: top left;
    min-height:500px;
}

#page_right_border {
    margin-left:13px;
    padding-right:13px;
    background-image: url(/assets/images/grey-border-right.gif);
    background-repeat: repeat-y;
    background-position: top right;
    min-height:500px;
}

#masthead {
	padding: 0 30px 0 30px;	
}
#masthead p {
	float: right;
	clear: right;
	width: 500px;
	margin-top: 5px;
	text-align: right;
}
#masthead #logo {
    float:left;
    margin-bottom:5px;
    padding-top:10px;
    width:219px;
}

/*
 * Text styles
 */

.medium_text, .medium_text_bold {
    font-size: 1.2em;
}
.medium_text_bold {
    font-weight:bold;
}
.text_bold {
    font-weight:bold;
}
/*
 * Navigation
 */

/* Global navigation links */
.globalnav {
	margin-top: 15px;
    float: right;
}
.globalnav li {
	display: block;
	float: left;
	height: 18px;
	margin-right: 3px;
	font-size:1.8em;
}
.globalnav li.username {
    padding-right:5px;
}
 
/* Secondary navigation links */

/*
#secondary {
    font-size:1.2em;
}
#secondary #username {
    font-weight:bold;
}
#secondary a:visited {
    color: #1072B9; text-decoration: underline;
} */

.secondary_navigation {
	display:block;
	padding-bottom:50px;
}
.secondary_navigation li.first {
    padding-left:0;
}
.secondary_navigation li.norightborder {
    border-right:0 solid #000000;
}
.secondary_navigation .add {
    color:rgb(56, 171, 40);
    font-size:1.0em;
}

.secondary_navigation li {
 	line-height:1.0em;
	display: block;
	float: left;
	height: 18px;
	font-size:2.4em;
	padding-left:7px;
	padding-right:7px;
	border-right:2px solid #000000;
    min-height:28px;
}
 
/*
 * Blue menu bar (global)
 */

.menubar {  
	clear: left;
	padding: 12px 30px 0 30px; /** left and right must match #masthead */
	height: 60px;
	background: #fff url(/assets/images/header-pattern.gif) left top repeat-x;
	position:relative; /* because .menubar_text has position:absolute; */
}
.menubar_text {  
    color:#fff;
    position:absolute;
    top:6px;
    left:30px; /** left must match #masthead */
}
.menubar_navigation {
	display:block;	
	position:relative;
	top:-6px;
	left:0;
}
.menubar_navigation li {
	line-height:1.0em;
	display: block;
	float: left;
	height: 18px;
	margin-right: 3px;
	font-size:3.7em;
	color:#ffffff; 
    padding-right:7px;
}
.menubar_navigation a {
	color:rgb(212,237,255);
}
.menubar_navigation a:hover, a:active { 
    color: #CC0000;
    text-decoration: underline;
}
.menubar_search_form label { 
    display: none;
}
.menubar_search_form { 
    padding: 0 0 20px 0;	/** Must match #masthead padding */
    margin: 0;
    float:right;
}
.menubar_search_form #searchterm {
    padding: 0 5px 0 5px;
}
.menubar_search_form .submit {
    font-size: 1.8em;
}
.menubar_search_form select { 
    padding-left:5px;
    font-size: 1.8em;
}
.menubar_search_form input.textbox { 
    width: 260px;
    margin: 0;
    font-size: 1.8em;
}
.matchme_menubar_form label { 
 	display: block;
	float: left;
	color:#ffffff;
	font-size:18px;
	padding-right:5px;
	padding-top:7px;
}
.matchme_menubar_form { 
    padding: 0 0 20px 0;	/** Must match #masthead padding */
    margin: 0;
    float:left;
}
.matchme_menubar_form #searchterm {
    padding: 0 5px 0 5px;
}
.matchme_menubar_form .submit {
    font-size: 1.8em;
}
.matchme_menubar_form select { 
    padding-left:5px;
    font-size: 1.8em;
}
.matchme_menubar_form input.textbox { 
    width: 360px; /* homepage */
    margin: 0;
    font-size: 1.8em;
}

/*
 * Page footer
 */

.footer {
    background-color:rgb(230,231,238);
    border-top: 1px dashed rgb(20,105,180);
    margin-top:15px;
    padding:0 30px 10px 30px;
    min-height:80px;
    color:#666666;
}

.footer ul {
    display:block;
    float:left;
    padding:20px 15px 0 0;
    line-height:2.0em;
}
.footer .right { /* X */
    display:block;
    float:right;
    padding:15px 0 0 0;
}
.footer .logo {/* X */
    display:block;
    float:left;
    padding-right:20px;
    padding-top:15px;
}

.footer a:link, .footer a:visited {
    color: #1072B9;
}
.footer a:hover, .footer a:active {
    color: #C00;
}

/* X 
#footer {
 	width:100%;
	background-color: #D3E7F5;
	margin-top:10px;
	height:40px;
}

#footer #container .globalnav {
	padding-top:10px;
}

.footer_container {
padding-bottom:15px;
}

.footer_container .left {
float:left;
width:50%;
padding:10px 0 0 10px;
}

.footer_menu_container .right {
float:right;
text-align:right;
width:40%;
padding:10px 10px 0 0;
}

.footer_menu_container .right .globalnav {
padding-top:5px;
}

.footer_menu_container .left {
float:left;
width:50%;
padding:10px 0 0 10px;
}

.footer__menu_container .right {
float:right;
text-align:right;
width:40%;
padding:0 10px 0 0;
}
*/

/*
 * Page layout styles
 */

.col .inner {
	padding: 0 10px 36px;
}
.col .header {
	width:100%;
	padding-bottom:40px;
}
.col .header span {
	display: block;
	float: left;
}
.col .header li {
	display: block;
	float: right;
	margin-right:10px;
}

.layout4col .col {
    width: 24.8%; float: left;
}
.layout4col .double {
    width: 49.5%;
}
.layout4col .triple {
    width: 74%;
}

.favylayout4col {
    padding-left:30px; /** Match masthead padding */
    padding-right:30px; /** Match masthead padding */
    min-height:500px;
}
.favylayout4col .left {
    width: 14.0%; float: left; padding-right:5px;
}
.favylayout4col .center {
    width: 57.0%; float: left;
}
.favylayout4col .center .inner .navigation {
	width:100%; 
	float:left;
}
.favylayout4col .right {
    width: 27.0%; float: right;
}
.favylayout4col .tag-pagination-header {
	padding-top:10px;
}
.favylayout4col .tag-pagination {
	width:100%;
	text-align:left;
	font-size:1.2em;
}
.favylayout4col #tag-pagination-top {
	padding-bottom:10px;
}
.favylayout4col #tag-pagination-bottom {
	padding-top:10px;
}
.favylayout4col .tag-pagination-state {
	display:block;
	padding-top:2px;
	font-size: 1.2em;
}
 
.page_inner {
    clear:left;
    min-height:500px;
}

.page_inner_padded_left {
    clear:left;
    margin-left:100px;
}

.page_inner_padded_left_and_right {
    clear:left;
    margin-left:100px;
    margin-right:100px;
}
.layout3col .col {
	width: 33%;
	float: left;
}
.layout3col .double {
	width: 66%;
}

/*
 * List styles
 */
.bulletslist {
    list-style-type:disc;
    list-style-position:inside;
    margin : 0;
    padding : 0;
}
.bulletslist li {
    margin-left: 0;
    padding-left: 0;
}

.roundbulletslist {
    list-style-type:circle;
    list-style-position:inside;
    margin : 0;
    padding : 0;
}
.roundbulletslist li {
    margin-left: 0;
    padding-left: 0;
}
.roundbulletslist2 {
    list-style-position:inside;
    list-style-type:circle;
    margin:10px 0 10px 18px;
}

/*
 * Page specific styles
 */

/* Favy list view navigation */

.center .navigation h1 {
    display:block;
    float:left;
    margin-left:23px; /* match .favy left padding */
}
.center .navigation .index_display {
    display:block;
    float:left;
    padding:1px 0 0 10px;
}
.center .navigation .next_prev_list{
    display:block;
    float:right;
}
.center .navigation ul {
	margin:0;
	padding:0;
	display:block;
	float:right;
}
.center .navigation li {
	margin:0;
	padding:0 0 0 5px;
	display: block;
	float:right;
}
.center .navigation_spacer {
	height:15px;
	clear:left;
}
.center .navigation .navigation_right {
    float:right;
}
.center .footer_navigation {
    font-size:1.8em;
    text-align:center;
    padding-bottom:25px;
}

/* Download toolbar view */

.medium_bold_text {
    color:#336600;
    font-size:1.2em;
    font-weight:bold;
}
.tiny_text {
    font-size:1.2em;
    margin-top:5px;
}
/*
.button, .button a {
	display: block;
	height: 18px;
	line-height: 18px;
}*/

/* Favy action link graphic icons  */

.edit {
    background-image: url(/assets/images/edit-icon.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
}

.delete { 
    background-image: url(/assets/images/delete-icon.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
}

.add {
    background-image: url(/assets/images/add-icon.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
}

.details {
    background-image: url(/assets/images/details-icon.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
}

/*
.col .newfavy  { background-image: url(../images/icon-plus.gif); background-repeat: no-repeat; }
.col .newfavy  a {  padding-left:12px; margin-top:-3px; font-weight:bold; font-size:1.6em; }

.newfavy, .addtomyfavys, .editprofile { margin-top: 12px; }


.myfavys { background: transparent url(http://assets.favy.com/assets/images/icon-star-16px.gif) left center no-repeat; padding-left: 20px; }
.community { background: transparent url(http://assets.favy.com/assets/images/icon-community.gif) left center no-repeat; padding-left: 26px; }
.tag { background: transparent url(http://assets.favy.com/assets/images/tag.png) left center no-repeat; padding-left: 22px; }
.user { background: transparent url(http://assets.favy.com/assets/images/icon-user.gif) left center no-repeat; padding-left: 20px; }
.related { background: transparent url(http://assets.favy.com/assets/images/match-icon.gif) left center no-repeat; padding-left: 24px; }
.ads { background: transparent url(http://assets.favy.com/assets/images/ads.png) left center no-repeat; padding-left: 24px; }
.editfavy { background: transparent url(http://assets.favy.com/assets/images/icon-edit.gif) left center no-repeat; padding-left: 20px; }
  */
/*.inmyfavys, .inmyfavys a {
	background-image: url(http://assets.favy.com/assets/images/icon-star-in18px.gif);
} */

.favy .action_link {
    float: left;
    margin-right: 6px;
    margin-top: 4px;
}
.favy .action_link a {
    padding-left:20px;
    font-weight:bold;
}
.favy .link_title  {
    font-size:1.6em;
    font-weight:bold;
    padding-left:0;
}
.favy .addedby_link {

}
 
/*.favy_top_padding {
    padding-top:0px;
} */
.favy {
    background-image: url(/assets/images/favy-large-star-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top:10px;
    margin-bottom:20px;
}
.favy_inner {
    padding-top:0;
    margin-left:23px;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgb(20,105,180); /* = .favy_blue_border  */
}
.favy ul {
    margin: 0;
}

.favy_blue_border_bottom {
    border-bottom: 1px dashed rgb(20,105,180); /* = .favy_inner */
}
.favy_blue_border_top {
    border-top: 1px dashed rgb(20,105,180); /* = .favy_inner */
}

/* X change : renamed .advert to <div class="served_content"> */

.served_content {
    /* border-bottom: 1px solid #e3e3e3; X */
    padding: 0 0 9px 0;
}
.served_content a.title {
    font-size: 1.3em;
    font-weight:bold;
}
.served_content .text {
    margin: 0 0 0 25px;
    width: 100%;
}
.recommendation_content {
    background-image: url(/assets/images/match-icon.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    margin: 9px 0 0 0;
}
.served_content_top {
    padding-top:0;
}
.advert_content {
    background-image: url(/assets/images/advert-icon.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    margin: 9px 0 0 0;
}
.served_content .display_url {
    color: #888;
}
/* X .advert .url a  { font-size : 1.1em; }
.served_content .url a:link, .served_content .url a:visited { color: #888; } */

/* X .recommendation-color { background-color:rgb(236,255,227); } */
/* X .websearchresults .favy h3.top, .favysearchresults .favy h3.top { margin-top: 0.81em; } 
*/

/* X
.webresult {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px;
}
.webresult h3 { margin: 9px 0 0; }
.webresult h3.top { margin: 0.81em 0 0; }
*/

#main .result ul { margin: 0; }

#main #paginate { text-align: right; margin-top: 18px; }

p.more { text-align: right; }

#community_favy_title {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 5px;
	margin-bottom:10px;
}

#community_favy_title h1 {
	margin: 0;
}
#community_favy_left {
	width:40%;
	padding-right:10%;
	float:left;
}
.community_favy_spacer {
    height:20px;
}
#community_favy_right {
	width:49%;
	float:left;
}

#community_favy_avatar_image {
float:left;
padding-right:10px;
}

#tags  { margin: 0; }

#tags li {
	display: block;
	float: left;
}

/* community favy view page
 * ==================================== */
#main ul.users, #main ul.tags, #main ul.relatedpages { margin-top: 1.8em; }

ul.users li {
	height: 45px;
	line-height: 45px;
	margin-bottom: 9px;
}

ul.users a:hover, ul.users a:active { text-decoration: none; }

ul.users a img { display: inline; vertical-align: middle; }

ul.users span { vertical-align: middle; padding-left: 5px; }

ul.users a:hover span, ul.users a:active span { text-decoration: underline; }

.communityfavyview .favy h3.top, .userpublicprofile .favy h3.top { margin-top: 1em; }

/* Edit favy page */
#main #delfavy {
	float: right;
	margin: 0;
}

.myfavysedit h3.top {
    margin-top: 36px;
}

/* user public profile page */
img#avatarlarge {
	display: block;
	margin: 1.8em 0;
}
 
/* 
 * Start of base favy form styles  
 */ 

.favy_form {
	background-color:#D3E7F5;
}
.favy_form input[type="submit"] { 
    cursor:text;
    font-size:14px;
    font-weight:bold;
} 
.favy_form .note { 
    color:#333333;
    font-size:12px;
    margin:0;
}
.favy_form .small_help_text { 
    color:#333333;
    font-size:9px;
    margin:0;
}
.favy_form .ok_note {
    color:#336600;
    font-size:1.2em;
    font-weight:bold;
}
.favy_form .error_text {
    background-color:#FFCE00;
    color:#000;
    font-size:1.2em;
    font-weight:bold;
}
.favy_form  input.textbox, textarea {
    padding:1px;
}
.favy_form .username { 
    width:150px;
}
.favy_form .email_address { 
    width:200px;
}
.favy_form .url { 
    width:300px;    /* for use in .favy_form_wide */
}
.favy_form .password {
    width:150px;
}
.favy_form_medium {
	width: 276px; /* = .favy_form_medium_width width */
	background-image: url(/assets/images/form-top-bkgd-276.gif);
	background-position: center top;
	background-repeat: no-repeat;
    padding: 0;
}
.favy_form_medium_width {
    width: 276px; /* = .favy_form_medium width */
}
.favy_form_medium fieldset {
	background: transparent url(/assets/images/form-bottom-bkgd-276.gif) center bottom no-repeat;
	padding: 10px;
} 
.favy_form_medium_align_right {
    width:276px;
    text-align:right;
}
.favy_form_wide {
	width: 410px; /* = .favy_form_wide_width */
	background-image: url(/assets/images/form-top-bkgd-410.gif);
	background-position: center top;
	background-repeat: no-repeat;
    padding: 0;
}
.favy_form_wide_width {
   width: 410px; /* = .favy_form_wide*/
}
.favy_form_wide fieldset {
	background: transparent url(/assets/images/form-bottom-bkgd-410.gif) center bottom no-repeat;
	padding: 10px;
} 
.favy_form_wide fieldset .textbox {
    width:300px;
}
/*
 * Start of favy form specific styles
 */

/* Signup form */
.signup_form label {
    font-size:1.5em;
    font-weight:bold;
}
.signup_form .error_text {
    width:250px;
    position:relative;
    top:-2px;
    font-size:1.2em;
    font-weight:bold;
}
.signup_form .error_text_container {
    position:relative;
    top:-2px;
}
.signup_form .error_text_container span {
    font-size:1.0em;   
}
.signup_form fieldset .username {
	width: 200px;
}
.signup_form fieldset .captcha {
	width: 120px;
}
.signup_form fieldset .invite_code {
	width: 250px;
}
.signup_form fieldset .password {
	width: 200px;
}
.signup_form  .captcha_container {
	margin:10px 0 10px 0;
}
.signup_form .captcha_image {
	padding-top:10px;
	border:1px solid #444444;
}
.signup_form #reload_captcha {
    position:relative;
    top:-5px;
    left:5px;
} 
.signup_form .note {
    padding-bottom:15px;
} 

/* Add favy form */
 
.add_favy_form .title {
    width:380px;
}
.add_favy_form .keywords {
    width:380px;
}
.add_favy_form .notes {
    width:380px;
}