/* @CLEAR (FORMATTING)
/* ---------------------------------------- */

html, body,

/*
 * block level elements
 */
blockquote, button, dd, del, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6,
hr, li, object, p, pre, script, table, td, th, tr,

/*
 * inline elements
 */
a, img, label, select, span, textarea {
	border: 0;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* @REDEFINITIONS
/* ---------------------------------------- */
a {
	color: #749ba5;
    text-decoration: none;
}
	a:hover {
		color: #555;
		text-decoration: none;
	}

body {
	background-color: #a5a5a5;
	color: #555;
    font: 11px Verdana, Geneva, sans-serif;
}

label { 
	vertical-align: middle;
}

input, select, textarea {
    color: #555;
    font: 11px Verdana, Geneva, sans-serif;
	vertical-align: middle;
}
    input, textarea {
        color: #999;
    }
    textarea {
        -webkit-appearance: none;
    }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

img { 
	display: block; 
}

p {
	margin: 0 0 12px 0;
}

table {
	border-spacing: 0;
}
		
/* @COLORS
/* ----------------------------------------

/* @PAGELAYOUT
/* ---------------------------------------- */
div#alert-stripe {
	background-color: #262626;
	color: #ccc;
	height: 25px;
	line-height: 25px;
}
	div#alert-stripe a:hover {
		color: white;
	}
	div#alert-stripe div.wrapper {
		position: relative;
	}
	div.alert-arrow-tip {
		background: url(/images/alert_arrow_tip_down.png) no-repeat;
		height: 6px;
		left: 115px;
		position: absolute;
		top: 25px;
		width: 11px;
	}

div#main-content {
    background-color: #ededed;
    padding: 24px 0 48px 0;
}

div#ribbon {
    background-color: #dadada;
    min-height: 139px; /* totalling 154px */
    _height: 139px; /* totalling 154px */
    padding-top: 15px;
}

div#footer {
    padding-bottom: 30px;
    padding-top: 15px;
}

div.wrapper {
    margin: 0 auto;
    padding: 0 28px 0 30px;
    width: 902px; /* totalling 960px */
}

/**
 * header
 */
div#header {
	padding-bottom: 9px; /* 19 */
}

div#logo {
	float: left;
	margin-right: 24px;
	padding-left: 3px;
	width: 194px; /* totalling 196px */
}
	div#logo a {
		outline: none;
	}

div#nav-container {
	float: left;
	margin-top: 22px; /* 36 */
	width: 681px;
}

/**
 * main navigation
 */
ul#nav {
    /* list reset */
    list-style: none;
    margin: 0;
    padding: 0;
    
	margin-bottom: 8px;
}

    ul#nav li {
        display: block;
        float: left;
        margin-right: 40px;
    }
		ul#nav li.last {
			margin-right: 0;
		}
        ul#nav li.nav-item a {
            display: block;
            height: 12px;
            outline: none;
            overflow: hidden;
            position: relative;
        }
            ul#nav li.nav-item a:hover {
                border: none;
                padding-top: 0;
            }
            ul#nav li.nav-item a img {
                display: inline;
                height: 24px;
                left: 0;
                position: relative;
                top: 0;
            }
            ul#nav li.nav-item a:hover img {
                top: -12px;
            }
            ul#nav li.nav-item.active img, 
            ul#nav li.nav-item.active a:hover img {
                top: -12px;
            }

/**
 * rails / sidebars
 */
div.rail {
    float: left;
    margin-top: 13px;
    width: 220px;
}

div#left-rail {}

div#right-rail,
div#page-right-rail {
    padding-left: 20px;
    width: 200px;
}
	div#page-right-rail {
		font-size: 12px;
	}

div.rail-secondary {
	padding-right: 20px;
	width: 200px;
}

/**
 * rail navigation
 */
ul#rail-nav {
    /* list reset */
    list-style: none;
    margin: 0;
    padding: 0;
    
    margin-top: 0px;
}
    ul#rail-nav li {
        margin-bottom: 5px;
    }
    ul#rail-nav li a {
        display: block;
        height: 31px;
        outline: none;
        overflow: hidden;
        position: relative;
    }
        ul#rail-nav li a:hover {
            border: none;
            padding-top: 0;
        }
        ul#rail-nav li a img {
            display: inline;
            height: 62px;
            left: 0;
            position: relative;
            top: 0;
        }
        ul#rail-nav li a:hover img, 
		ul#rail-nav li.active a img {
            top: -31px;
        }

/**
 * main body
 */
div#main-body {
    float: left;
    width: 680px;
}

/**
 * box main
 */
div.box-main {
    float: left;
    width: 460px;
}

div.box-main-body {
    background:  url(/images/border_main-body.png) repeat-y;
    padding-left: 3px;
    padding-right: 3px;
    width: 454px; /* totalling 460px */ 
}
    div.box-main-body.content-inset {
        padding-left: 19px;
        padding-right: 17px;
        padding-top: 5px;
        width: 424px; /* totalling 460px; */
    }

div.box-inner-container {
	min-height: 596px;
	_height: 596px;
    position: relative;
}
	div.box-inner-container.no-minimum {
		min-height: 1px;
		_height: 1px;
	}
	ul#details-comments {
		min-height: 292px;
		_height: 292px;
	}

/**
 * box - rail
 */
div.box-rail {
	margin-top: 12px;	
}

div.box-rail-body {
	background: url(/images/border_rail-body.gif) repeat-y;
	padding: 6px 12px 6px;
	width: 176px; /* totalling 200px */
}

/**
 * box large
 */
div.box-large {
    float: left;
    width: 460px;
}

div.box-large-body {
    background:  url(/images/border_box-large-body.gif) repeat-y;
    /*padding: 6px 18px;*/
    padding: 5px 17px 0 19px;
    width: 644px; /* totalling 680px */ 
}

/**
 * cells
 * (created 3/1 -mn)
 * (modified 4/8 -mn)
 */
div.cell-collection {}

div.cell-item {
	border-bottom: 1px solid #bebebe;
	font-size: 13px;
	position: relative;
}
	div.cell-item.first {
		border-top: 1px solid #bebebe;
	}
	div.cell-item.last {
		border-bottom: 0;
	}

div.cell-item a.cell-block-link,
div.cell-item div.cell-block-link {
	color: #555;
	display: block;
	padding: 3px 0 5px;
}
	div.cell-item a.cell-block-link:hover,
	div.cell-item div.cell-block-link:hover {
		background-color: #f6f6f6;
		cursor: pointer;
	}
	div.cell-item div.cell-block-link:hover {
		cursor: default;
	}

	span.cell-selection {
		display: block;
		float: left;
		text-align: center;
		width: 30px;
		padding-top: 7px;
	}

	span.cell-thumbnail {
		display: block;
		float: left;
	}

	span.cell-results {
		display: block;
		float: left;
		padding-left: 5px;
		padding-top: 2px;
		width: 34px;
	}
		span.cell-results img {
			margin: 0 auto;
		}
			span.cell-results img.add-spacing {
				margin-top: 4px;
				margin-bottom: 7px;
			}
			span.cell-results img.add-spacing-top {
				margin-top: 4px;
			}

	div.cell-collection span.cell-content {
		display: block;
		float: left;
		line-height: 15px;
		overflow: hidden;
		padding: 0 5px;
	}

	span.cell-actions {
		display: block;
		width: 30px;
		float: left;
	}
		span.cell-actions img {
			margin: 0 auto;
		}

	span.cell-action-item {
		display: block;
		bottom: 5px;
		cursor: pointer;
		position: absolute;
		right: 5px;
	}
		span.cell-action-item.delete {
			height: 13px;
			width: 11px;
		}

	span.content-item {
		display: block;
	}
		span.content-item span.text-link {
			color: #61868f;
		}

		span.content-item.user-vitals {
			margin-bottom: 5px;
		}

		span.content-item.question-text {
			min-height: 26px;
			_height: 26px;
		}

		span.content-item.summary {
			padding-top: 5px;	
			font-weight: bold;
		}
			span.content-item.summary.status {
				font-weight: normal;
				text-transform: uppercase;
			}
				span.content-item.summary.status span {
					font-weight: normal;
				}
			span.content-item.summary span {
				font-weight: bold;
			}
				span.content-item.summary span.vote-pct {
					display: inline-block;
					width: 50px;
					text-align: center;
					*display: inline;
					zoom: 1;
				}
			span.content-item.summary img {
				display: inline-block;
				vertical-align: text-bottom;
				padding-bottom: 3px;

				*display: inline;
				zoom: 1;
			}
				span.content-item.summary.status img {
					padding-bottom: 2px;
				}
			span.content-item.summary span.vote-count {
				display: block;
				font-weight: bold;
				float: right;
				height: 26px;
				vertical-align: text-bottom;
				width: 175px;
			}

span.cell-content-actions {
	display: block;
	float: right;
	line-height: 32px;
	margin-top: 2px;
	width: 99px;
}
	div#refer-overlay span.cell-content-actions {
		width: 59px;
	}
	span.cell-content-actions span.sent {
		color: #a2b242;
	}
	span.cell-content-actions a {
		display: block;
		float: left;
		font-size: 11px;
	}
		span.cell-content-actions a:hover {
			color: #555;
		}
		span.cell-content-actions a.accept {
			margin-right: 15px;	
		}
		span.cell-content-actions a.deny {
			color: #a11717;
		}
			span.cell-content-actions a.deny:hover {
				color: #6d0b0b;
			}
			span.cell-content-actions a span {
				display: block;
				float: left;
				height: 32px;
				margin-right: 5px;
				width: 29px;
			}
				span.cell-content-actions a.accept span {
					background: url(/images/button_check.png) no-repeat left center;
				}
				span.cell-content-actions a.deny span {
					background: url(/images/button_check.png) no-repeat left center;
					margin-right: 0;
				}
				span.cell-content-actions a.add span {
					background: url(/images/button_add.png) no-repeat left center;
				}
				span.cell-content-actions a.invite-social span {
					background: url(/images/button_invite.png) no-repeat left center;
					margin-right: 0;
					width: 59px;
				}
				span.cell-content-actions a.send span {
					background: url(/images/button_send.png) no-repeat left center;
					margin-right: 0;
					width: 59px;
				}

/* cell indicators */
span.cell-indicator {
	display: block;
	position: absolute;
}
	span.cell-indicator.direct-question {
		right: 5px;
		top: 5px;
	}
	span.cell-indicator.new-comments,
	span.cell-indicator.new-replies {
		background: url(/images/indicator.png) no-repeat;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		height: 23px;
		line-height: 20px;
		padding-left: 1px;
		right: 20px;
		text-align: center;
		top: 2px;
		width: 22px;
	}
		span.cell-indicator.new-comments.wide,
		span.cell-indicator.new-replies.wide {
			background: url(/images/indicator_wide.png) no-repeat;
			width: 30px;
		}
		span.cell-indicator.new-comments {
			right: 2px;
		}
		span.cell-indicator.new-replies.add-spacing {
			top: 10px;
		}

	span.cell-indicator.new-comment {
		right: 7px;
		top: 5px;
	}

div.no-content {
	display: block;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	font-size: 13px;
	padding: 15px 0;
	text-align: center;
}
	span.no-content.ask-friends {
		border-top: 0;
	}

div.cell-divider {
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	font-size: 13px;
	padding: 15px;
}
	div.cell-divider.invite-social {
		border-top: 0;
	}
	div.cell-divider img {
		display: inline;
		padding-right: 3px;
		vertical-align: text-bottom;
	}

div#loading {
	border-bottom: 1px solid #bebebe;
	height: 32px; /* totalling 63px; */
	padding: 15px 0;
}

	div#loading img {
		margin: 0 auto;
		width: 32px;
		height: 32px;
	}

div#loadmore {
	border-bottom: 1px solid #bebebe;
}
	div#loadmore.first {
		border-top: 1px solid #bebebe;
	}
	div#loadmore a {
		display: block;
		height: 62px;
		line-height: 62px;
		font-size: 13px;
		text-align: center;
	}
		div#loadmore a:hover {
			background-color: #f6f6f6;
		}

/* helpful button */
div.helpful-button {
	margin: 4px auto 0;
	width: 18px;
}
	div.helpful-button a {
		display: block;
		height: 16px;
		outline: none;
		overflow: hidden;
		position: relative;
		width: 18px;
	}
		div.helpful-button a:hover {
			border: none;
			padding-top: 0;
		}
		div.helpful-button a img {
			display: inline;
			height: 32px;
			left: 0;
			position: relative;
			top: 0;
		}
		div.helpful-button a.active img {
			top: -16px;
		}

/* friend cell - block (all friends) */
div.friends-cells,
div.action-friends-cells,
div.ask-friends-cells {
	padding-bottom: 10px;
}
div.ask-friends-cells {
	position: relative;
}
div.friends-cells a.cell-block-link,
div.action-friends-cells a.cell-block-link,
div.ask-friends-cells div.cell-block-link {
	min-height: 34px;
	_height: 34px;
}
div.friends-cells span.cell-thumbnail,
div.action-friends-cells span.cell-thumbnail,
div.ask-friends-cells span.cell-thumbnail {
	margin-top: 2px;
	padding-left: 16px;
	width: 32px; /* totalling 48px */
}
	div.friends-cells img.user-thumbnail-overlay,
	div.action-friends-cells img.user-thumbnail-overlay,
	div.ask-friends-cells img.user-thumbnail-overlay {
		left: 16px;
		position: absolute;
		top: 5px;
	}

div.friends-cells span.cell-content {
	width: 366px; /* totalling 376px */
}

/* friend cell (confirm friends) */
div.action-friends-cells span.cell-content {
	width: 297px;
}

/* friend questions - block */
div.question-cells {
	padding-bottom: 10px;
	padding-top: 5px;
}
div.question-cells a.cell-block-link {
	min-height: 57px;
	_height: 57px;
}
div.question-cells span.cell-thumbnail {
	margin-top: 2px;
	padding-left: 5px;
	width: 55px; /* totalling 60px */
}
	div.question-cells img.question-thumbnail-overlay {
		left: 5px;
		position: absolute;
		top: 5px;
	}
	img.question-thumbnail {
		width: 55px;
		height: 55px;
	}
	
div.question-cells span.cell-content {
	width: 354px; /* totalling 364px */ 
}

/* friend cell (ask) */
div.ask-friends-cells {
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	height: 501px;
	margin-bottom: 10px;
	overflow: auto;
	padding-left: 1px;
	padding-bottom: 0;
	width: 420px;
}
	div.ask-friends-cells div.cell-item div.cell-block-link:hover {
		cursor: pointer;
	}
	
div.ask-friends-cells span.cell-content {
	width: 303px;
}
div.ask-friends-cells span.cell-thumbnail {
	padding-left: 0;
}
div.ask-friends-cells img.user-thumbnail-overlay {
	left: 30px;
}

/* refer fb friend cell (vote) */
div#refer-overlay div.ask-friends-cells {
	height: 355px;
}

div#refer-overlay div.ask-friends-cells span.cell-content {
	width: 283px;
}

div#refer-overlay div.ask-friends-cells span.cell-content-actions {
	float: left;
}

div#refer-overlay div.ask-friends-cells div.cell-item div.cell-block-link:hover {
	cursor: default;
}

div#refer-overlay div.ask-friends-cells span.cell-thumbnail {
	padding-left: 16px;
}

div#refer-overlay div.ask-friends-cells img.user-thumbnail-overlay {
	left: 16px;
}

/* question cells (you asked) */
div.question-cells.you-asked,
div.question-cells.you-helped {
	padding-top: 20px;
}

div.question-cells.you-asked a.cell-block-link,
div.question-cells.you-helped a.cell-block-link {
	padding-bottom: 2px;
	min-height: 60px;
}

/* question cells (you helped) */
div.question-cells.you-helped a.cell-block-link {
	background: url(/images/bg_action-sidebar.gif) repeat-y 424px 0;
}
	div.question-cells.you-helped a.cell-block-link:hover {
		background-color: #f6f6f6;
	}

div.question-cells.you-helped span.cell-actions {
	border-top: 1px solid #dbdbdb;
	margin-top: -3px;
	padding-top: 4px;
}

div.question-cells.you-helped span.content-item.question-text {
	min-height: 0;
	_height: 0;
}

/* results details cells */
div.results-details-cells {
	padding-bottom: 10px;
}
/*
div.results-details-cells div.cell-block-link {
	background: url(/images/bg_action-sidebar.gif) repeat-y 424px 0;
}

div.results-details-cells div.cell-content {
	position: relative;
	width: 375px; 
}

div.results-details-cells div.cell-thumbnail {
	padding-top: 2px;
	width: 32px;
}

div.results-details-cells div.cell-user-info {
	float: left;
	width: 338px;
	padding-left: 5px;
}

div.results-details-cells div.content-item.user-vitals {
	margin: 0;
}

div.results-details-cells div.cell-user-question {
	overflow: hidden;
	padding-top: 5px;
	width: 375px;
}

div.results-details-cells img.user-thumbnail-overlay {
	left: 5px;
	position: absolute;
	top: 2px;
}

div.results-details-cells div.cell-actions {
	border-top: 1px solid #dbdbdb;
	margin-top: -3px;
	padding-top: 4px;
}
	div.results-details-cells div.cell-actions.add-spacing {
		padding-top: 12px;
	}
*/


div.results-details-cells a.cell-block-link {
	background: url(/images/bg_action-sidebar.gif) repeat-y 424px 0;
}

div.results-details-cells div.cell-content {
	position: relative;
	width: 375px; 
}

div.results-details-cells div.cell-thumbnail {
	padding-top: 2px;
	width: 32px;
}

div.results-details-cells div.cell-user-info {
	float: left;
	width: 338px;
	padding-left: 5px;
}

div.results-details-cells div.content-item.user-vitals {
	margin: 0;
}

div.results-details-cells div.cell-user-question {
	overflow: hidden;
	padding-top: 5px;
	width: 375px;
}

div.results-details-cells img.user-thumbnail-overlay {
	left: 5px;
	position: absolute;
	top: 2px;
}

div.results-details-cells div.cell-actions {
	border-top: 1px solid #dbdbdb;
	margin-top: -3px;
	padding-top: 4px;
}
	div.results-details-cells div.cell-actions.add-spacing {
		padding-top: 12px;
	}



/**
 * vote page - question-related elements
 */
div.filter-vote-stream-button {
    height: 17px; 
    padding-right: 3px;
    margin-bottom: 10px;
}

div.filter-vote-stream-button a {
    display: block;
    float: right;
    height: 9px;
    outline: none;
    overflow: hidden;
    position: relative;
    margin-top: 3px;
    width: 127px; 
}
    div.filter-vote-stream-button a:hover {
        border: none;
        padding-top: 0;
    }
    div.filter-vote-stream-button a img {
        display: inline;
        height: 18px;
        left: 0;
        position: relative;
        top: 0;
    }
        div.filter-vote-stream-button a.active img {
            top: -9px;
        }

div.category-title {
    color: #bebebe;
    margin: 0;
    overflow: hidden;
}

div.friend-stream-heading {
	height: 17px;
	margin-bottom: 9px;
	padding-right: 3px;
}
	div.friend-stream-heading a {
		display: block;
		float: right;
		margin-top: 3px;
		width: 69px;
	}

h1.question {
	color: #4a4a4a;
	font-size: 12px;
	height: 53px; 
	margin: 0 0 15px 0;
	overflow: hidden;
	width: 424px;
}
/*blockquote.question p {
    color: #4a4a4a;
    font-size: 12px;
    height: 53px; 
    margin: 0 0 15px 0;
    overflow: hidden;
    width: 424px;
}*/

div.question-photo {
    height: 370px;
    margin-bottom: 8px;
    position: relative;
}
    div.question-photo img {
        border: 1px solid #595959;
        margin: 0 auto;
    }
    div.question-photo.landscape {
        height: 327px; /* totalling 370px */
        padding-top: 43px;
    }
    div.question-photo div.question-flag {
        height: 20px;
        left: 344px;
        position: absolute;
        top: 9px;
        width: 20px;
    }
        div.question-photo div.question-flag img {
            border: 0;
            margin: 0;
        }
		div.question-photo.landscape div.question-flag {
			top: 52px;
		}

div.question-notice {
	text-align: center;
}
	div.question-notice img {
		margin: 0 auto;
	}
		div.question-notice img.graphic-heading {
			margin-bottom: 5px;
		}

div#question-footer {}

div.comment-box {
    background: url(/images/bg_comment-box.gif) no-repeat;
    float: left;
    height: 112px;
    margin-top: 3px;
    margin-right: 9px;
    width: 298px;
}
    
form#comment-form {
    padding: 10px;
}
    form#comment-form textarea {
        color: #999; /* placeholder color */
        font-size: 12px;
        height: 92px;
        overflow: auto;
        resize: none;
        width: 278px;
    }

div.voting-controls {
    padding-bottom: 6px;
}

div.vote-controls {
    float: left;
    width: 117px;
}

div.vote-share {
	/*font-size: 0;*/
	text-align: center;
}
    div.vote-share img {
        display: inline-block;
        /*margin-right: 7px;*/
        vertical-align: top;

        *display: inline;
        zoom: 1;
    }
        div.vote-share img.heading {
            margin-top: 2px;
            margin-left: 4px;
            margin-right: 13px;
        }

div.vote-buttons {
    padding-top: 2px;
}

div.vote-thumbs {
    margin-bottom: 2px;
    margin-top: 7px;
}

div.vote-buttons a.thumb-button {
    display: block;
    float: left;
    height: 57px;
    margin-right: 3px;
    outline: none;
    overflow: hidden;
    position: relative;
    width: 57px;
}
    div.vote-buttons a.thumb-button.thumb-button-neutral {
        height: 33px;
        float: none;
        width: 117px;
    }
    div.vote-buttons a.thumb-button.last {
        margin-right: 0;
    }
    div.vote-buttons a.thumb-button:hover { 
        border: none;
        padding-top: 0;
    }
    div.vote-buttons a.thumb-button img {
        display: inline;
        height: 114px;
        left: 0;
        position: relative;
        top: 0;
    }
        div.vote-buttons a.thumb-button.thumb-button-neutral img {
            height: 66px;
        }
        div.vote-buttons a.thumb-button:hover img {
            top: -57px;
        }
        div.vote-buttons a.thumb-button.thumb-button-neutral:hover img {
            top: -33px;
        }

/**
 * rail callouts
 */
div.callout-rail {
    padding-right: 20px;
}
    div.callout-rail.iphone-app {
        margin-top: 26px;
        padding-bottom: 4px;
    }
	div.callout-rail.android-app {
	}
		div.callout-rail.android-app img {
			margin: 0 auto 7px;
		}

form#android-singup-box div.form-row {
	margin-bottom: 0;
}
div#android-thanks ul li {
	color: #555;
}

/**
 * overlay
 */
div#overlay,
div#refer-overlay,
div#flag-overlay,
div#ios-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 424px;
    z-index: 1000;
}
    div#filter-overlay {
		position: absolute;
		top: 17px;
		left: 0;
		width: 424px;
		z-index: 1000;
    }
		div#filter-overlay div.overlay-body {
			background: url(/images/border_overlay-body.gif) repeat-y;
			height: 561px;
		}
    div#overlay div.overlay-body,
    div#refer-overlay div.overlay-body,
    div#flag-overlay div.overlay-body,
	div#ios-overlay div.overlay-body {
        background: url(/images/border_overlay-body.gif) repeat-y;
        height: 578px;
    }
    div#overlay div.overlay-body.overlay-content-inset,
    div#refer-overlay div.overlay-body.overlay-content-inset,
    div#flag-overlay div.overlay-body.overlay-content-inset,
    div#ios-overlay div.overlay-body.overlay-content-inset {
        height: 567px; /* totalling 578px; (see div.overlay-body) */
        padding: 11px 18px 0 16px;
        width: 390px; /* totalling 424px */
    }
		div#overlay div.overlay-body.overlay-content-inset.no-minimum {
			height: auto;
			min-height: 1px;
		}
		div#refer-overlay div.overlay-body.overlay-content-inset.refer-question-heading {
			height: 190px;
			overflow: hidden;
		}
    div#overlay.login-overlay div.overlay-body.overlay-content-inset {
        height: 567px;
    }
		div#overlay.login-overlay div.overlay-body.overlay-content-inset.full {
			height: 567px;
		}

	div#overlay div.overlay-body.friends-overlay {
		padding-top: 10px;
		height: 544px;
	}
	div#refer-overlay div.overlay-body.refer-overlay {
		height: 367px; /* totalling 377px */
		padding-top: 10px;
	}


	div#overlay ul#all-friends-list {
		height: 501px;
		border-bottom: 1px solid #bebebe;
		border-top: 1px solid #bebebe;
		margin-bottom: 10px;
		padding: 0;
		width: 421px;
		overflow: auto;
	}
		div#overlay ul#all-friends-list li:first-child {
			border-top: 0;
		}

/**
 * refer to friend (via vote)
 */
div#refer-question-cancel-link {
	text-align: right;
}
div#question-reference {
	margin: 5px 0 10px;
}
div#question-reference div.question-reference-media {
	float: left;
	margin-right: 10px;
	width: 55px;
}
div#question-reference div.question-reference-body {
	float: left;
	width: 325px;
}
p.refer-leader-text {
	font-weight: bold;
	margin-bottom: 5px;
}
form#question-reference-form label {
	margin-bottom: 2px;
}
form#question-reference-form label span.warning {
	color: #900707;
}
div#refer-question-fb-unlinked {
	padding-top: 30px;
}
div#refer-overlay div.graphic-button a img {
	vertical-align: top;
}
/* -end- */ 

div#age-filters {
    border-bottom: 1px solid #f0f0f0;
    margin-left: 1px;
    padding: 7px 15px 11px;
    width: 390px; /* totalling 420px */
}

ul.filter {
    /* list reset */
    list-style: none;
    margin: 0;
    padding: 0;
    
    float: left;
    width: 195px;
}
    div#age-filters ul.filter {
        width: 78px;
    }
    form#profile-edit ul.filter {
        width: 126px;
    }
    ul.filter li {
       padding-bottom: 4px;
    }

div#category-filters {
    padding: 12px 15px 28px;
}

/**
 * overlay - vote summary
 */
div#overlay-vote-summary {
    background: url(/images/bg_overlay.png) no-repeat;
    color: #fff;
    height: 229px;
    left: 62px;
    overflow: hidden;
    padding-top: 54px; /* 34px */
    position: absolute;
    top: 115px;
    width: 300px;
    z-index: 1000;
}
    div#overlay-vote-summary div.title {
        text-align: center;
        font: 23px Arial, sans-serif;
    }
        div#overlay-vote-summary div.title.vote-action {
            font-weight: bold;
            margin-bottom: 30px;
        }
            div#overlay-vote-summary div.title.vote-action span {
                font-weight: bold;
            }

    div#overlay-vote-summary div.vote-percentages {
        font: 41px/53px Arial, sans-serif;
        margin-bottom: 18px;
        text-align: center;
    }
        div#overlay-vote-summary div.vote-percentages img {
            display: inline-block;
            padding: 0 3px;
            vertical-align: middle;

            *display: inline;
            zoom: 1;
        }
        div#overlay-vote-summary div.vote-percentages span {
            padding: 0 3px; 
            vertical-align: middle;
        }

/**
 * overlay - loader
 */
div#overlay-loader {
    background: url(/images/bg_overlay-loader.png) no-repeat;
    color: #fff;
    font-size: 12px;
    height: 88px;
    left: 118px;
    overflow: hidden;
    padding-top: 30px;
    position: absolute;
    text-align: center;
    top: 198px;
    width: 188px;
    z-index: 1000;
}
	div#overlay-loader p {
		font-weight: bold;
		margin-bottom: 15px;
	}
	div#overlay-loader a {
		outline: none;
	}
	div#overlay-loader img {
		margin: 0 auto;
	}

/**
 * rail - login
 */
div#login {}

div#login p,
div#sign-up p {
    margin-bottom: 8px;
}

div.multi-heading.login-options {
	margin-bottom: 24px;
}

div#login div.form-row.button,
div#signup div.form-row.button {
    padding-bottom: 4px;
}

/**
 * rail - sign-up
 */
div#sign-up {}

div#sign-up p.terms {
    margin-bottom: 12px; 
}

div.multi-heading {}
div.multi-heading a.multi-heading-right {
    float: right;
}
    div.multi-heading a.multi-heading-right img {
        margin-top: 2px;
    }
        div.multi-heading a.multi-heading-right.exact img {
            margin: 0;
        }

div.multi-heading div.multi-heading-right {
	float: right;
}
	div.multi-heading div.multi-heading-right img {
		float: right;
	}
	div.multi-heading div.multi-heading-right img.separator {
		float: right;
		padding: 0 10px;
	}
	div.multi-heading div.multi-heading-right a img.add-margin-left {
		margin-left: 10px;
	}

img.border {
    margin-bottom: 10px;
    margin-top: 6px;
}
    img.border.descender {
        margin-top: 3px;
    }
    img.border.or {
        margin-top: 10px;
    }
    img.border.heading {
    	margin: 10px 0 15px 0;
	}

/**
 * rail - user info
 */
div#user-info {}

div#user-info div.multi-heading {
    margin-bottom: 5px;
}

div#user-info div.multi-heading a.multi-heading-right.user-logout img {
    margin-top: 0;
}

div.user-details {
    margin-bottom: 20px;
}
    div.user-details div.user-vitals {
        overflow: hidden;
    }
        div.user-details div.user-vitals span {
            display: block;
        }
    div.user-details div.user-avatar {
        float: left;
        margin-right: 6px;
    }
        div.user-details div.user-avatar a {
            outline: none;
        }
        div.user-details div.user-avatar img {
            border: 1px solid #595959;
			width: 60px;
			height: 60px;
        }

div.user-bio {
    margin-top: 12px;
    margin-bottom: 20px;
}

div.user-totals {
    margin-bottom: 20px;
}

div.user-top-advisor p {
    margin-bottom: 5px;
}

ul.top-advisor-list {
    /* list reset */
    list-style: none;
    margin: 0;
    padding: 0;
}
    ul.top-advisor-list li {
        background: url(/images/star_filled.png) no-repeat left center;
        padding: 3px 0 3px 20px; 
    }
    ul.top-advisor-list li.expert {
        background: url(/images/expert_check.png) no-repeat left center;
        padding: 3px 0 3px 20px; 
    }

div.see-all-link {
    margin-top: 14px;
    text-align: right;
}

/**
 * ask page
 */
div#file-upload-box {
    background: url(/images/bg_file-upload-box.gif) no-repeat;
    height: 110px;
    margin-top: 20px;
}

div.question-data {
    margin-bottom: 10px;
}

div.question-box {
    background: url(/images/bg_question-box.gif) no-repeat;
    float: left;
    height: 46px; /* totalling 66px */
    margin-right: 9px;
    width: 237px; /* totalling 257px */
    padding: 10px;
}
    div.question-box textarea {
        color: #999; /* placeholder color */
        font-size: 12px;
        height: 46px;
        overflow: auto;
        resize: none;
        width: 237px;
    }

div.question-category {
    float: left;
    width: 158px;
}
    div.question-category select {
        width: 158px;
    }

/**
 * treatment for flash placeholder/thumbnail
 */
div#question-picture {
    background: url(/images/bg_file-upload-box.gif) no-repeat;
    margin-bottom: 20px;
    height: 112px;
    position: relative;
}

div#question-placeholder-default,
div#question-placeholder-change {
    height: 112px;
    left: 0;
    position: absolute; 
    top: 0;
    width: 424px;
}

div#question-thumbnail,
div#question-thumbnail-loader {
    height: 81px;
    left: 15px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    width: 81px;
}
    div#question-thumbnail img {
        margin: 0 auto;
        /**
         * set image size to scale picture
         *  portrait: 81x81 (if longer, it will be hidden by overflow)
         * landscape: 81x62
         */
        width: 81px;
    }
        div#question-thumbnail img.landscape {
            margin-top: 10px;
        }
    div#question-thumbnail-loader img {
        margin: 25px auto 0;
    }

/**
 * treatment for simple uploading
 */
div#simple-upload {
    margin-bottom: 20px;
}
div#apple-device {
    margin-top: 10px;
}


div.target-public {
    margin-bottom: 6px;
}

div.target-filters {
    margin-bottom: 18px;
}
div.target-gender {
    float: left;
    width: 140px;
}

div.target-age {
    float: left;
    width: 284px;
}

/* kill float and width for lists that do not need them */
div.target-public ul.filter,
div.target-gender ul.filter {
    float: none;
    width: auto;
}

a.select-friends-link {
	margin-top: 4px;
	display: block;
	float: right;
}

div.target-age ul.filter {
    width: 80px;
}

div.question-share {
    margin-bottom: 26px;
}

div.question-share ul.filter {
    width: 130px;
}

a#btnToggleSelectAll {
	display: block;
	height: 9px;
	outline: none;
	overflow: hidden;
	position: relative;
	width: 70px;
}
	a#btnToggleSelectAll img {
		display: inline;
		height: 18px;
		left: 0;
		position: relative;
		top: 0;
		margin-top: 0;
	}
	a#btnToggleSelectAll.active img {
		top: -9px;
	}


/**
 * box navigation:
 * you asked/you helped
 * all friends/confirm friends
 */
ul#box-nav {
    /* list reset */
    list-style: none;
    margin: 0;
    padding: 0;
}
    ul#box-nav li {
        display: block;
        float: left;
    }
        ul#box-nav li a {
            display: block;
            height: 44px;
            outline: none;
            overflow: hidden;
            position: relative;
        }
            ul#box-nav li a:hover {
                border: none;
                padding-top: 0;
            }
            ul#box-nav li a img {
                display: inline;
                height: 88px;
                left: 0;
                position: relative;
                top: 0;
            }
            ul#box-nav li.active img {
                top: -44px;
            }

/**
 * pagination 
 */
div.pagination {
    text-align: center;    
}
    div.pagination.pagination-top {
        padding-bottom: 10px;
        padding-top: 8px;
    }
    div.pagination.pagination-bottom {
        padding-top: 10px;
    }
    div.pagination a {
        padding: 0 1px;
    }


/**
 * cells
 */
ul.list-cells {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;

	font-size: 13px;
	line-height: 16px;
}
	ul.list-cells li {
		border-top: 1px solid #bebebe;
		padding: 0 0 5px 5px;
		position: relative;
	}
		ul.list-cells li:hover {
			background-color: #f6f6f6;
		}
		ul.list-cells li.last {
			border-bottom: 1px solid #bebebe;
		}
	ul.list-cells div.cell-thumbnail {
		float: left;
		margin-right: 5px;
		padding-top: 5px;
		position: relative;
		width: 55px;
	}
		ul.list-cells div.cell-thumbnail a,
		ul.list-cells div.cell-thumbnail img.cell-thumbnail-overlay {
			position: absolute;
			left: 0;
			top: 5px;
		}
	
	ul.list-cells div.cell-content {
		float: left;
		padding-right: 15px;
		overflow: hidden;
		width: 344px; /* totalling 349px */
	}

	ul.list-cells div.actions {
		float: left;
		padding-top: 4px;
		padding-left: 4px;
		width: 26px; /* totalling 30px */
	}
		ul.list-cells div.actions.add-spacing {
			padding-top: 12px;
		}

	ul.list-cells div.vote-results,
	ul#conversation div.vote-results {
		width: 34px;
		float: left;
		padding-top: 5px;
	}
		ul.list-cells div.vote-results img,
		ul#conversation div.vote-results img {
			margin: 0 auto;
		}
			ul.list-cells div.vote-results img.add-spacing,
			ul#conversation div.vote-results img.add-spacing {
				margin-top: 4px;
				margin-bottom: 7px;
			}
			ul.list-cells div.vote-results img.add-spacing-top {
				margin-top: 4px;
			}
		ul.list-cells div.helpful-button,
		ul#conversation div.helpful-button {
			margin: 4px auto 0;
			width: 18px;
		}
			ul.list-cells div.helpful-button a,
			ul#conversation div.helpful-button a {
				display: block;
				height: 16px;
				outline: none;
				overflow: hidden;
				position: relative;
				width: 18px;
			}
				ul.list-cells div.helpful-button a:hover,
				ul#conversation div.helpful-button a:hover {
					border: none;
					padding-top: 0;
				}
				ul.list-cells div.helpful-button a img,
				ul#conversation div.helpful-button a img {
					display: inline;
					height: 32px;
					left: 0;
					position: relative;
					top: 0;
				}
				ul.list-cells div.helpful-button a.active img,
				ul#conversation div.helpful-button a.active img {
					top: -16px;
				}

	ul.list-cells div.vote-response,
	ul#conversation div.vote-response {
		float: left;
		padding-left: 5px;
		padding-right: 5px;
		width: 375px; /* totalling 385px */
	}
		ul#conversation div.vote-response {
			width: 370px; /* totalling 370px */
			padding-left: 0;
			padding-right: 0;
		}
		ul.list-cells div.vote-response div.voter-avatar,
		ul#conversation div.vote-response div.voter-avatar {
			float: left;
			padding-top: 5px;
			position: relative;
			width: 32px;
		}
			ul.list-cells div.vote-response div.voter-avatar a.voter-avatar-overlay,
			ul#conversation div.vote-response div.voter-avatar a.voter-avatar-overlay {
				display: block;
				position: absolute;
				left: 0;
				top: 5px;
			}
		ul.list-cells div.vote-response div.voter-data,
		ul#conversation div.vote-response div.voter-data {
			float: left;
			padding-left: 5px;
			width: 338px; /* totalling 343px */
		}
		ul#conversation div.vote-response div.voter-data {
			width: 333px;	
		}
		ul.list-cells div.vote-response div.vote-comment,
		ul#conversation div.vote-response div.vote-comment {
			overflow: hidden;
			padding-top: 5px;
		}

	ul.list-cells div.indicator {
		position: absolute;
		right: 4px;
		top: 5px;
	}
		ul.list-cells div.indicator.direct-question {
			height: 7px;
			right: 5px;
			width: 72px;
		}
		ul.list-cells div.indicator.new-comment {
			background: url(/images/indicator.png) no-repeat;
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			height: 23px;
			line-height: 18px;
			padding-left: 1px;
			text-align: center;
			top: 2px;
			vertical-align: middle; 
			width: 22px; /* totalling 23px */ 
		}
		ul.list-cells div.indicator.new-reply {
			background: url(/images/indicator.png) no-repeat;
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			height: 23px;
			line-height: 18px;
			padding-left: 1px;
			right: 20px;
			text-align: center;
			top: 2px;
			vertical-align: middle; 
			width: 22px; /* totalling 23px */ 
		}
			ul.list-cells div.indicator.wide.new-comment, ul.list-cells div.indicator.wide.new-reply {
				background: url(/images/indicator_wide.png) no-repeat;
				width: 30px; /* totalling 31px */
			}
			ul.list-cells div.indicator.new-reply.add-spacing {
				top: 10px;		
			}
		ul.list-cells div.indicator.details-new-comment {
			height: 5px;
			right: 7px;
			width: 17px;
		}
			
	ul.list-cells div.action-item {
		position: absolute;
		right: 5px;
		bottom: 6px;
	}
		ul.list-cells div.action-item.delete {
			display: none;
			height: 13px;
			right: 9px;
			width: 11px;
		}
		ul.list-cells div.action-item.flag {
			height: 12px;
			right: 9px; /* 7px */
			width: 12px;
		}

	ul.list-cells .user {}
	ul.list-cells .user-stats {}
	ul.list-cells .question {}
		ul.list-cells .question p {
			margin-bottom: 0;
		}
	ul.list-cells .summary {
		padding-top: 10px;	
		font-weight: bold;
	}
		ul.list-cells .summary.status {
			font-weight: normal;
			text-transform: uppercase;
		}
		ul.list-cells .summary span {
			font-weight: bold;
		}
			ul.list-cells .summary span.vote-pct {
				display: inline-block;
				width: 50px;
				text-align: center;
				*display: inline;
				zoom: 1;
			}
		ul.list-cells .summary img {
            display: inline-block;
            vertical-align: text-bottom;
            padding-bottom: 3px;

            *display: inline;
            zoom: 1;
		}
			ul.list-cells .summary.status img {
				padding-bottom: 2px;
			}
		ul.list-cells .summary div.vote-count {
			font-weight: bold;
			float: right;
			height: 26px;
			vertical-align: text-bottom;
			width: 175px;
		}

	li#loadmore {
		border-bottom: 1px solid #bebebe;
		padding: 0;
		text-align: center;
	}
		li#loadmore a {
			display: block;
			padding: 25px;
		}
			li#loadmore a:hover {
				background-color: #f6f6f6;
			}

	ul#friend-questions-list,
	ul#results-you-asked-list,
	ul#results-you-helped-list {
		padding: 20px 0 10px 0;
	}
		ul#friend-questions-list .user-stats {
			margin-bottom: 5px;
		}

	ul#results-details-list {
		padding: 0 0 10px 0;
	}

	ul#results-conversation-starter {
		padding-top: 10px;
	}
		ul#results-conversation-starter li:hover {
			background-color: #fff;
		}

	ul#results-you-helped-list li,
	ul#results-details-list li {
		background: url(/images/bg_action-sidebar.gif) repeat-y 424px 0;
	}
		ul#results-you-helped-list li:hover,
		ul#results-details-list li:hover {
			background-color: #f6f6f6;
		}
		ul#results-you-helped-list li#loadmore,
		ul#results-details-list li#loadmore {
			background: none;
		}
		ul#results-you-helped-list div.actions,
		ul#results-details-list div.actions {
			border-top: 1px solid #dbdbdb;
		}

/* Constrain images to fix unprocessed images */
img.user-profile {
	width: 150px;
	height: 150px;
}		
img.user-thumbnail {
	width: 32px;
	height: 32px;
}
img.question-results {
	width: 150px;
}

/**
 * results
 */
ul.cell-list {
    /* list reset */
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#results-list-asked,
ul#results-list-helped {
	padding: 20px 0 10px;
}

ul#friend-question-list {
	padding: 10px 0;
	width: 454px;
	overflow: hidden;
}
/* direct question indicator */
li.cell.friend-question-cell img.direct-question-indicator {
    height: 7px;
    position: absolute;
    top: 6px;
    right: 3px;
    width: 72px;
}
ul#details-comments {
	padding-bottom: 10px;
}


/**
 * cells
 */
li.cell {
    border-top: 1px solid #bebebe;
    position: relative;
}
    li.cell.last {
        border-bottom: 1px solid #bebebe;
    }
    li.cell.action-bar {
        background: url(/images/bg_action-sidebar.gif) repeat-y 424px 0;
    }
    li.cell.no-results,
    li.cell.cell-divider {
        border-bottom: 1px solid #bebebe;
        font-size: 13px;
        padding: 10px 0;
        text-align: center;
    }
        li.cell.cell-divider {
            border: 0;
            padding-left: 15px;
            text-align: left;
        }
            li.cell.cell-divider.first {
                border-top: 1px solid #bebebe;
            }
            li.cell.cell-divider img.social-icon {
                display: inline;
                padding-right: 3px;
                vertical-align: text-bottom;
            }

/* friend question cells */
div.friend-question-body {
	color: #555;
	float: left;
	width: 344px;
}
	div.friend-question-body p {
		margin-bottom: 5px;
	}
	div.friend-question-body p span {
		display: block;
	}

/* results cells */
li.cell.results-cell a.block-button,
li.cell.friend-cell a.block-button,
li.cell.friend-question-cell a.block-button {
    display: block;
    /*width: 484px; /* needed? 454 @tmp */
    
}

/* you asked indicator */
li.cell.results-cell img.results-indicator-asked {
    height: 23px;
    position: absolute;
    top: 6px;
    right: 3px;
    width: 23px;
}

/**
 * indicator - you helped
 */
div.indicator-container {
    background: url(/images/indicator.png) no-repeat;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    height: 23px;
    text-align: center;
    width: 23px;
}
    div.indicator-container.wide {
        background: url(/images/indicator_wide.png) no-repeat;
        width: 31px;
    }
    /* position indicator */
    ul#results-list-helped div.indicator-container {
        position: absolute;
        right: 20px;
        top: 3px;
    }

div.results-list-thumbnail {
    float: left;
    margin-right: 5px;
    padding: 4px 0 5px 4px;
    position: relative;
    width: 56px; /* totalling 60px */
}
    div.results-list-thumbnail img.results-list-thumbnail-overlay {
        display: block;
        height: 55px;
        left: 4px;
        position: absolute;
        top: 4px;
        width: 55px;
    }

div.results-list-details {
    float: left; /* @tmp */
    font-size: 13px;
    overflow: hidden;
    padding: 4px 0 5px 0;
    width: 344px; /* @tmp */
}
    div.results-list-details p.results-list-user {
        margin-bottom: 0;
    }
        div.results-list-details p.results-list-user a {
            display: inline;
        }
    div.results-list-details p.results-list-question,
    div#results-details p.results-question {
        color: #3b3b3b;
        margin-bottom: 0;
        min-height: 27px;
        _height: 27px;
    }
        ul#results-list-helped div.results-list-details p.results-list-question {
            min-height: 17px;
            _height: 17px;
        }
    div#results-details p.results-category {
    	font-size: 11px;
		color: #888;
		margin-bottom: 5px;
	}
    div.results-list-details div.results-list-summary,
    div#results-details div.results-summary {
        color: #555;
        font-weight: bold;
        padding-top: 3px;
    }
        div.results-list-details div.results-list-summary img,
        div#results-details div.results-summary img {
            display: inline-block;
            vertical-align: text-bottom;
            padding-bottom: 3px;

            *display: inline;
            zoom: 1;
        }
        div.results-list-details div.results-list-summary span,
        div#results-details div.results-summary span {
            font-weight: bold;
            padding: 0 5px 0 2px;
        }
            div.results-list-details div.results-list-summary span.votes-lbl {
                padding-left: 25px;
                padding-right: 0;
            }
            div.results-list-details div.results-list-summary span.votes-cnt {
                padding-left: 0;
                padding-right: 0;
            }
        div.results-list-details div.results-list-notice {
            padding-top: 14px;
            text-transform: uppercase;
        }
            div.results-list-details div.results-list-notice a {
                display: inline;
            }
            div.results-list-details div.results-list-notice img {
                display: inline-block;
                vertical-align: text-bottom;
                padding-bottom: 2px;
                padding-right: 5px;

                *display: inline;
                zoom: 1;
            }

div.details-thumb {
    float: left;
    margin-right: 6px;
    padding: 10px 0 8px 5px;
    width: 34px; /* totalling 39px */
}
    div.details-thumb img {
        margin: 0 auto;
    }

div.star-button {
    margin: 7px auto 0;
    width: 18px;
}
    div.star-button a {
        display: block;
        height: 16px;
        outline: none;
        overflow: hidden;
        width: 18px;
    }
        div.star-button a:hover {
            border: none;
            padding-top: 0;
        }
        div.star-button a img {
            display: inline;
            height: 32px;
            left: 0;
            position: relative;
            top: 0;
        }
        div.star-button a.active img {
            top: -16px;
        }

div.details-user-information {
    color: #3b3b3b;
    font-size: 13px;
    overflow: hidden;
}

div.details-user-information div.details-user-thumbnail {
    float: left;
    margin-right: 10px;
    position: relative;
    margin-top: 10px;
    width: 32px;
}
    ul#details-comments li.vote-only div.details-user-thumbnail {
        margin-bottom: 9px;
    }
    div.details-user-information div.details-user-thumbnail img.details-user-thumbnail-overlay {
        height: 32px;
        left: 0;
        position: absolute;
        top: 0;
        width: 32px;
    }
   
div.details-user-vitals {
    overflow: hidden;
    padding-top: 7px;
}
    div.details-user-vitals p {
        margin-bottom: 0;
    }

div.details-user-information p.details-user-comment {
    margin-top: 7px;
    margin-bottom: 8px;
}

ul#details-comments img.details-indicator-new {
    height: 5px;
    position: absolute;
    top: 5px;
    right: 6px;
    width: 17px;
}

/**
 * results details - flag button
 */
div.details-flag-button {
    bottom: 6px;
    height: 16px;
    position: absolute;
    right: 6px;
    width: 16px
}

div.action-sidebar {
    float: right;
    margin-left: 15px;
    padding-top: 3px;
    width: 30px;
}
    li.cell.action-bar div.action-sidebar {
        border-top: 1px solid #dbdbdb;
    }
    ul#results-list-helped div.action-sidebar a, 
    ul#details-comments div.action-sidebar a {
        display: inline;
        outline: none;
        width: auto;
    }
        div.action-sidebar a img {
            margin-left: 4px;
            margin-top: 1px;
        }
            div.action-sidebar.indicator a img {
                margin-top: 11px;
            }

/**
 * results details
 */
div#breadcrumb {
    border-bottom: 1px solid #bebebe;
    font-size: 12px;
    margin-bottom: 17px;
    padding-bottom: 2px;
}

div#results-details {
    font-size: 13px;
    margin-bottom: 20px;
}
    div#results-details div.results-thumbnail {
        float: left;
        margin-right: 15px;
        overflow: hidden;
        width: 156px;
    }
    div#results-details div.results-question-information {
        float: left;
        width: 253px;
    }

div.results-thumbnail-container {
    background: url(/images/bg_results-thumbnail.gif) no-repeat;
    height: 156px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 156px;
}
    div.results-thumbnail-container img {
        margin: 3px auto 0;
    }

div.results-totals {
    padding-top: 12px;
}
    div.results-totals p {
        margin-bottom: 1px;
    }

div.results-share {
    text-align: center;
}
    div.results-share a {
        display: inline-block;
        margin: 0 5px;

        *display: inline;
        zoom: 1;
    }
    div.results-share img {
        display: inline-block;
        vertical-align: middle;

        *display: inline;
        zoom: 1;
    }
        div.results-share img.heading {
            margin-left: 0;
            margin-right: 5px;
        }

div#results-navigation {
    padding-bottom: 5px;
}
    div#results-navigation div.results-back-link {
        float: left;
        width: 110px;
    }
    div#results-navigation div.pagination {
        float: left;
        width: 193px;
    }
    form#results-filter {
        float: left;
        width: 121px;
    }

/**
 * conversations
 */
div.question-closed {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

div#reply-comment-box {
    background: url(/images/bg_reply-box.gif) no-repeat;
    height: 92px; /* totalling 112px */
    margin-bottom: 10px;
    padding: 10px;
    width: 404px; /* totalling 424px */
}
    div#reply-comment-box textarea {
        color: #999; /* placeholder color */
        font-size: 12px;
        height: 92px;
        overflow: auto;
        resize: none;
        width: 404px;
    }

div#reply-picture-box {
	height: 112px;
	margin-bottom: 10px;
}

ul#conversation {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;

	overflow: auto;
	/* height: 289px; /* totalling 300px; */
	height: 399px;
	border-bottom: 1px solid #bebebe;
	padding-top: 10px;
	position: relative;
}
	ul#conversation li {
		padding: 0 10px 10px;
	}

div.timestamp {
	text-align: center;
	padding-bottom: 5px;
}

div.first-comment-container {
	padding: 5px;
	background-color: #ededed;
	margin: 0 auto;
	width: 404px; /* totalling 414px */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div.reply-container {
	position: relative;
	margin: 0 auto;
	width: 414px;
}

div.reply-avatar {
	height: 32px;
	overflow: hidden;
	position: relative;
	width: 32px;
}
	div.reply-avatar img.reply-avatar-overlay {
		left: 0;
		position: absolute;
		top: 0;
	}

div.reply-body {
	min-height: 22px; /* totalling 32px */
	overflow: hidden;
	padding: 5px;
	width: 362px; /* totalling 372px */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
	div.reply-container.picture-in-reply div.reply-body {
		width: 100px /* totalling 60px */
	}
		div.reply-container.picture-in-reply div.reply-body img.btnEnlarge {
			width: 100px;
		}

div.reply-nubbin {
	height: 10px;
	position: absolute;
	top: 5px;
	width: 5px;
}

/* replies - anchored left */
ul#conversation li.anchor-left div.reply-body {
	background-color: #ededed;
	float: left;
}
ul#conversation li.anchor-left div.reply-avatar {
	float: left;
	margin-right: 10px;
}
ul#conversation li.anchor-left div.reply-nubbin {
	background: url(/images/anchor_left.gif) no-repeat;
	left: 37px;
}	

/* replies - anchored right */
ul#conversation li.anchor-right div.reply-body {
	background-color: #d0d0d0;
	float: right;
}
ul#conversation li.anchor-right div.reply-avatar {
	float: right;
	margin-left: 10px;
}
ul#conversation li.anchor-right div.reply-nubbin {
	background: url(/images/anchor_right.gif) no-repeat;
	right: 37px;
}	

/**
 * friends
 */
form#search-friends {
}
    form#search-friends input#search {
        display: inline-block;
        margin-right: 6px;

        *display: zoom;
        zoom: 1;
    } 
    form#search-friends div.form-row {
        margin-bottom: 0;
    }

div.search-social {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 18px;
    padding: 17px 0 20px 0;
    text-align: center;
}
    div.search-social a {
        padding-left: 10px;
    }
        div.search-social a.search-social-facebook {
           padding-left: 0;
        }
        div.search-social a img {
            display: inline;
        }

div.friend-list-heading {
    padding-bottom: 5px;
}
    div.friend-list-heading div {
        float: left;
        text-align: center;
        width: 141px;
    }
    div.friend-list-heading div.friend-counts {
        text-align: left;
    }

div.friend-list-footer {
    padding-top: 10px;
    text-align: center;
}

ul#all-friends-list,
ul#confirm-friends-list {
	min-height: 397px;
	padding-bottom: 10px;	
}

div.friend-user-thumbnail {
    float: left;
    margin: 5px 10px 5px 0;
    padding-left: 15px;
    position: relative;
    width: 32px; /* totalling 47px */
}
   div.friend-user-thumbnail img.friend-user-thumbnail-overlay {
        height: 32px;
        left: 15px;
        position: absolute;
        top: 0;
        width: 32px;
    }

	div#overlay ul#all-friends-list div.friend-user-thumbnail {
		padding-left: 0;
	}
		div#overlay ul#all-friends-list div.friend-user-thumbnail img.friend-user-thumbnail-overlay {
			left: 0;
		}

    div.select-friend-checkbox {
    	width: 30px;
    	padding-top: 12px;
    	text-align: center;
    	float: left;
	}

div.friend-user-details {
    font-size: 13px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 1px;
}
    div.friend-user-details p {
        margin-bottom: 0;
    }
        div.friend-user-details p.non-link-color {
            color: #555;
        }

div.friend-user-options {
    float: right;
    padding-top: 7px;
    width: 137px;
}
    div.friend-user-options a.icon-link {
        color: #555;
        line-height: 29px;
        outline: none;
        padding-left: 6px;
        padding-right: 18px;
    }
    div.friend-user-options a.icon-link span {
        background: url(/images/button_check.png) no-repeat;
        display: block;
        float: left;
        height: 29px;
        overflow: hidden;
        width: 29px;
    }
		div.friend-user-options a.icon-link.add-friend span {
			background: url(/images/button_add.png) no-repeat;
		}
		div.friend-user-options a.icon-link.invite-friend span {
			background: url(/images/button_invite.png) no-repeat;
			width: 53px;
		}
    ul#social-friend-list div.friend-user-options {
        width: 91px;
    }



div.friend-user-options a.deny-link {
    line-height: 29px;
    color: #a11717;
}
    ul#social-friend-list div.friend-user-options {
        margin-bottom: 5px;
    }

div.friend-user-options span.sent-invitation {
    color: #a2b242;
    line-height: 29px;
}

/**
 * profile
 */
div#profile {
	/*
	min-height: 596px;
    _height: 596px;
    */
} 
    div#profile div.box-inner-rail {
        float: left;
        margin-right: 15px;
        width: 156px;
    }
    div#profile div.profile-user-data {
        float: left;
        width: 253px;
    }

    div#profile div.profile-user-details {
        font-size: 13px;
        margin-bottom: 20px;
    }
        div#profile div.profile-user-details p {
            margin-bottom: 0;
        }
            div#profile div.profile-user-details p.profile-user-name {
                margin-bottom: 6px;
                color: #3b3b3b;
            }

    div#profile div.profile-user-totals {
        font-size: 12px;
        margin-bottom: 14px;
    }
        div#profile div.profile-user-totals p {
            margin-bottom: 1px;
        }

    div#profile div.profile-upload-box,
    div#profile div.profile-background-box {
        background: url(/images/bg_profile-thumbnail.gif) no-repeat;
        height: 172px;
        margin-bottom: 20px;
        position: relative;
    }   
        div#profile div.profile-background-box {
            height: 156px;
            margin-bottom: 8px;
            padding-top: 3px;
            position: static;
        }
            div#profile div.profile-background-box img {
                margin: 0 auto;
            }
				div#profile div.profile-background-box img.default-avatar {
					margin-top: 18px;
				}

    div.graphic-button.toggle-friend {
        margin-bottom: 9px;
    }

/**
 * edit profile
 */
div.bio-edit-box {
    background: url(/images/bg_bio-edit-box.gif) no-repeat;
    height: 232px; /* totalling 252px */
    padding: 10px;
    width: 136px; /* totalling 156px */
}
    div.bio-edit-box textarea {
        color: #999; /* placeholder color */
        font-size: 12px;
        height: 232px;
        overflow: auto;
        resize: none;
        width: 136px;
    }

form#profile-edit {}

form#profile-edit div.profile-user-details {
    margin-bottom: 20px;
}

div#profile-thumbnail, 
div#profile-thumbnail-loader {
    height: 150px;
    left: 3px;
    overflow: hidden;
    position: absolute;    
    top: 3px;
    width: 150px;
}
    div#profile-thumbnail img {
        margin: 0 auto;
        width: 150px;
    }
    div#profile-thumbnail-loader img {
        margin: 58px auto 0;
    }

/**
 * rail - invite friends
 */
div#invite {}

span.star-graphic {
    display: block;
    margin: 5px 0;
    text-align: center;
}
    span.star-graphic img {
        display: inline;
        vertical-align: text-bottom;
    }
form#invite-box div.form-row.button {
    padding-top: 5px;
    margin-bottom: 10px;
}

/**
 * overlay - flag 
 */
div.flagging-content {
	padding-top: 10px;
}
	div.flagging-content img.border {
		margin: 20px 0;
	}

	div.flagging-content div.form-row {
		margin: 10px auto 0;
		width: 158px;
	}
		div.flagging-content div.form-row.full,
		div.flagging-content div.form-row.flag-comment-container {
			width: auto;
		}

div.flag-user-comment-box {
    background: url(/images/bg_flag-user-comment-box.gif) no-repeat;
    height: 92px; /* totalling 112px */
    padding: 10px;
    width: 370px; /* totalling 390px */
}
    div.flag-user-comment-box textarea {
        color: #999; /* placeholder color */
        font-size: 12px;
        height: 92px;
        overflow: auto;
        resize: none;
        width: 370px;
    }

div#flag-thanks img {
    margin-bottom: 10px;
}

/**
 * overlay - bummer
 */
div#bummer div.bummer-content-box {
    margin-bottom: 17px;
    padding-top: 60px;
    text-align: center;
}
    div#bummer div.bummer-content-box p {
        margin-bottom: 0;
    }
    div#bummer div.bummer-content-box img {
        margin: 0 auto;
    }
        div#bummer div.bummer-content-box img.question-mark-bubble {
            margin-top: 36px;
        }
        div#bummer div.bummer-content-box img.bummer-text {
            margin-bottom: 12px;
        }

/**
 * overlay - login required
 */
div#login-required {
    font-size: 12px;
    text-align: right;
}
	div#login-required p {
		font-size: 12px;
		text-align: left;
		height: 85px;
	}
    div#login-required img {
        display: inline;
    }
        div#login-required img.login-arrow {
            padding-right: 9px;
        }
        div#login-required img.signup-arrow {
            margin-top: 67px;
            padding-right: 20px;
        }

/**
 * ribbon
 */
div.ribbon-rail {
	float: left;
	width: 220px;
}
	div.ribbon-rail.ribbon-rail-right {
		width: 220px;
		text-align: center;
	}

div.ribbon-body {
	float: left;
	width: 460px;
}
	div.ribbon-body img.graphic-heading {
		margin-bottom: 17px;
	}

div#highlights-holder {
	margin-top: 20px;
}
	div#highlights-holder img {
		margin: 0 auto;
	}
	div#highlights-holder a {
		outline: none;
	}

/**
 * footer
 */
div.footer-rail {
	float: left;
	width: 220px;
	text-align: center;
}
div.footer-body {
	/*
	float: left;
	width: 680px;
	*/
}

ul#footer-share {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;

	margin-top: 20px;
}
	ul#footer-share li {
		display: inline;
		padding: 0 5px;
	}
		ul#footer-share li img {
			display: inline;
			vertical-align: middle;
		}

/**
 * footer nav
 */
ul#footer-nav {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 2px;
	text-align: center;
}
	ul#footer-nav li {
		display: inline;
		padding-right: 30px;
	}
		ul#footer-nav li.last {
			padding-right: 0;
		}
	ul#footer-nav li a {
		color: #3a3a3a;
	}
		ul#footer-nav li a:hover {
			color: #dadada;
		}
		ul#footer-nav li.active a {
			color: #fff;
		}

div.copyright {
	color: #dadada;
	padding-top: 30px;
	text-align: center;
}

/**
 * regular page content
 */
ul.secondary-nav {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;

	font-size: 12px;
	padding-left: 15px
}
	ul.secondary-nav li {
		padding-top: 5px;
		padding-bottom: 10px;
	}
		ul.secondary-nav li.last {
			padding-bottom: 0;
		}
		ul.secondary-nav li a:hover,
		ul.secondary-nav li.active a {
			color: #333;
		}

div#page-body {
	font-size: 12px;
	padding-top: 31px;
}
	div#page-body.with-rail {
		float: left;
		width: 460px;
	}

div#page-body img.border {
	margin-top: 10px;
	margin-bottom: 15px;
}
	div#page-body img.border.add-margin {
		margin-bottom: 30px;
	}

form#gs-search {
	margin-bottom: 20px;
}
	form#gs-search div.form-row {
		padding-left: 100px;
	}

/**
 * rail - contact
 */
p.contact-info a,
p.contact-info span {
	font-size: 11px;
}

/**
 * faq
 */
dl {
	margin: 20px 0 20px 50px;
}
	dt {
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	dd {
		margin-bottom: 20px;
	}

div.ga-logo {
	/*margin-bottom: 20px;*/
}

div.app-feature-container {
	margin: 30px auto 0;
	width: 548px;
}

div.app-feature-item {
	padding-bottom: 40px;
}
	div.app-feature-item.heading {
		padding-bottom: 20px;
	}

div.app-feature {
	float: left;
	width: 250px;
}
	div.app-feature.graphic-left {
		margin-right: 40px;
	}
		div.app-feature.graphic-left img {
			margin: 0 auto;
		}
	div.app-feature.graphic-right {
		margin-left: 40px;
	}
		div.app-feature.graphic-right img {
			margin: 0 auto;
		}
	div.app-feature img.graphic-heading {
		margin-bottom: 30px;
	}

/**
 * bios
 */
div.bios {
}

div.bio-item {
	padding-bottom: 30px;
}
	div.bio-item.last {
		padding-bottom: 0;
	}

div.bio-picture {
	float: left;
	margin-right: 15px;
	width: 62px;
}
	div.bio-picture img {
		border: 1px solid #595959;
		width: 60px;
	}
div.bio-body {
	overflow: hidden;
}

div.bio-body p {
	margin-bottom: 0;
}
	div.bio-body p.title {
		color: #333;
		margin-bottom: 12px;
	}

/**
 * page notifications
 */
div.page-notification {
	padding-top: 95px;
	/* padding: 95px 0; */
}
	div.page-notification img.graphic-heading {
		margin-bottom: 30px;
	}
	div.page-notification p.last {
		margin-bottom: 30px;
		text-align: center;
	}

div.page-notification.form-error {
	text-align: right;
}
	div.page-notification.form-error.login-error {
		padding-top: 113px;
	}
	div.page-notification.form-error.signup-error {
		padding-top: 140px;
	}
	div.page-notification.form-error img {
		display: inline;
		padding-right: 20px;
	}

div.page-notification.form-error div.warning {
	padding-left: 120px;
	text-align: left;
}
	div.page-notification.form-error div.warning ul {
		/* list reset */
		list-style: none;
		margin: 0;
		padding: 0;

		list-style: disc outside;
		font-size: 12px;
	}

div.page-notification.disabled p {
	text-align: left;
}

/**
 * verified experts
 */
img.paragraphic.right {
	float: right;
	margin: 10px 20px 5px 30px;
}

div.page-section.top {
	padding-bottom: 15px;
}

p.list-indent {
	padding-left: 30px;
}

ul.custom-list {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;

	list-style: disc inside;
	padding-left: 30px;
	margin-bottom: 30px;
}

/**
 * featured experts
 */
div.rail-bio {
	margin-bottom: 20px;
}
	div.rail-bio.first {
		margin-top: 13px;
	}
	div.rail-bio.last {
		margin-bottom: 0;
	}
	
div.rail-bio-photo {
	float: left;
	margin-right: 10px;
	overflow: hidden;
	width: 62px;
}
	div.rail-bio-photo img {
		border: 1px solid #c2c2c2;
		width: 60px;
	}
div.rail-bio-body {
	float: left;
	overflow: hidden;
	width: 104px;
}

 div.rail-bio-body span {
 	 display: block;
 }
	 div.rail-bio-body span.name {
	 	 color: #333;
	 	 font-size: 12px;
	 }

/**
 * top advisor area
 */
div.featured-user {
	margin-bottom: 20px;
}
	div.featured-user.last {
		margin-bottom: 0;
	}

div.featured-user-rank {
	font-size: 15px;
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	text-align: right;
	width: 42px;
}
	div.featured-user-rank.text {
		padding-top: 0;
	}
	div.featured-user-rank img {
		display: inline;
	}

div.featured-user-photo {
	float: left;
	margin-right: 10px;
}
	div.featured-user-photo img {
		border: 1px solid #c2c2c2;
	}
	div.featured-user-photo.large {
		width: 122px;
	}
		div.featured-user-photo.large img {
			width: 120px;
		}
	div.featured-user-photo.medium {
		width: 72px;
	}
		div.featured-user-photo.medium img {
			width: 70px;
		}
	div.featured-user-photo.small {
		width: 34px;
	}
		div.featured-user-photo.small img {
			width: 32px;
		}

div.featured-user-body {
	overflow: hidden;
}

div.featured-user-body.medium p,
div.featured-user-body.small p {
	margin-bottom: 0;
}

div.featured-user-body h4 {
	font-weight: normal;
	margin-bottom: 3px;
}
	div.featured-user-body.large h4 {
		font-size: 15px;
	}
	div.featured-user-body.medium h4 {
		font-size: 12px;
	}
	div.featured-user-body.small h4 {
		margin-bottom: 0;
	}

ul.rail-list {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;
	
	list-style: disc outside;
	margin-bottom: 20px;
	padding-left: 2em;
}
	ul.rail-list li {
		padding-bottom: 10px;
	}

/**
 * star leaderboard
 */
ul.star-leaderboard {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;
	
	float: left;
	width: 212px;
}
	ul.star-leaderboard li div.featured-user {
		margin-bottom: 10px;
	}

	ul.star-leaderboard li.view-previous {
		font-size: 12px;
		text-align: left;
		padding-left: 40px;
		padding-top: 10px;
	}


img.star-leaderboard-lists {
	margin-left: 5px;
	margin-bottom: 20px;
}

ul.star-leaderboard-text-list {
	/* list reset */
	list-style: none;
	margin: 0;
	padding: 0;
		
	float: left;
	width: 141px;
}
	ul.star-leaderboard-text-list li {
		padding-bottom: 4px;
	}
		ul.star-leaderboard-text-list li.last {
			padding-bottom: 0;
		}

div.leaderboard-item-rank {
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 30px;
}
div.leaderboard-item-user {
	float: left;
	width: 101px;
	overflow: hidden;
}

form#top-advisor-categories {
	text-align: center;
	margin-bottom: 25px;
}

/**
 * direct/friend questions
 */
div#friend-questions img.border {
	margin-top: 10px;
	margin-bottom: 15px;
}

div#contact-details {
	padding-bottom: 5px;
}

/**
 * video demo
 */
div#video-demo {
	padding-top: 30px;
	padding-bottom: 30px;
}
 
div.disclaimer {
	color: #999;
	font-size: 11px;
	font-style: italic;
}
	div.disclaimer p {
		margin: 0;
	}

.pt {
	padding-top: 20px;
}

form#forgot-password div.form-row {
	margin-bottom: 10px;
}

form#forgot-password label {
	display: block;
	margin-bottom: 2px;
}

/**
 * markdown content
 */
div.markdown-content h4  {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 16px;
}

div.markdown-content div.underline {
	text-decoration: underline;
}

/* terms */
div.markdown-content.legalese ul {
	list-style-type: lower-alpha;
}
	div.markdown-content.legalese ol ol {
		list-style-type: disc;
		margin-bottom: 12px;
	}

	div.markdown-content.legalese ol ul {
		list-style-type: lower-alpha;
	}

	div.markdown-content.legalese ol ul ul {
		list-style-type: lower-roman;
		margin: 12px 0;
	}


/* @FORMS
/* ---------------------------------------- */
label, input, select, textarea {
	vertical-align: middle;
	outline: none;
}

span.required {
	font-weight: bold;
}

div.form-col {
	width: 202px;
	float: left;
	margin-right: 20px;
}
	div.form-col.right {
		margin-right: 0;
	}

div.form-row {
    margin-bottom: 5px;
}
    div.form-row.dob {
        padding: 4px 0;
    }
div.form-row.button {
	margin-bottom: 0;
}
	div.form-row.button.center {
		margin-bottom: 0;
		text-align: center;
	}
	div.form-row.button.right {
		text-align: right;
	}
    form#question-form div.form-row.button {
        /*padding-bottom: 85px;*/
    }
form#profile-edit div.form-row {
    margin-bottom: 20px;
}
    form#profile-edit div.form-row.button {
        margin-bottom: 0;
        padding-top: 50px;
    }

fieldset {}

label {
    color: #555;
	display: block;
}
	label.chk {
		display: inline;
	}
    label.lbl-header {
        color: #333;
        font-size: 12px;
        margin-bottom: 8px;
    }
    div.target-filters label.lbl-header {
        margin-bottom: 4px;
    }
    form#search-friends label.lbl-header {
        color: #3b3b3b;
        font-size: 13px;
    }

div.form-row.gender label {
    color: #333;
    font-size: 12px;
    padding-left: 6px;
    padding-right: 18px;
}
    form#profile-edit div.form-row.gender label.lbl-header {
        margin-bottom: 8px; 
        padding: 0;
    }
div.form-row.dob label {
    color: #333;
    font-size: 12px;
    margin-bottom: 3px;
}
    form#profile-edit div.form-row.dob label {
        margin-bottom: 8px; 
    }
div.question-share label {
    padding-left: 6px;
    padding-right: 18px;
}
    div.question-share label img {
        display: inline;
        vertical-align: bottom;
    }

ul.filter label.chk {
    padding-left: 2px;
}

input.text, select.text, textarea.text {
	border: 1px solid #cacaca;
	padding: 3px;
}

div.form-row.dob select {
    display: inline-block;
    margin-right: 8px;
}


input.center {
	text-align: center;
}

input.button,
input.chk {
	border: 0;
	padding: 0;
	margin: 0;
}
	input.chk {
		width: 1.2em;
	}

div.form-row.location select {
    display: block;
    margin-bottom: 10px;
}

/*
 * select width is actual desired width of select box
 */
select.s1 {}
select.s2 { width: 253px; }
select.s3 { width: 121px; }
select.s4 { width: 60px; }
select.s5 { width: 50px; }
select.s6 { width: 158px; }
select.s7 { width: 208px; }

/* 
 * input width should correspond to select width minus border and padding widths.
 */
input.s1 { width: 323px; }
input.s2 { width: 194px; }
input.s3 { width: 192px; }
input.s4 { width: 123px; }
input.s5 { width: 42px; }
input.s6 { width: 32px; }

/*
 * like input, textarea width/height is desired width less than border and padding widths.
 */
textarea.s1 {}
textarea.s2 {}
textarea.s3 {}

/* @WIDGETS
/* ---------------------------------------- */
div.form-row.widget {
	margin-bottom: 12px;
}
	div.form-row.widget div {
		text-align: center;
	}

	div.form-row.form-center {
		text-align: center;
	}

/* @WARNINGS
/* ---------------------------------------- */
div.warning {}

div.warning ul {
    /* list reset */
    list-style: none;
    margin: 0;
    padding: 0;

    list-style: disc outside;
    margin: 0 0 5px 2em;
}
    div.warning li {
        color: #900707;
        padding-bottom: 3px;
    }

span.warning {
	color: #900707;
}

/* @STANDARD CLASSES
/* ---------------------------------------- */
.last {
    margin-bottom: 0;
}

div.box-graphic-heading {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    padding-bottom: 8px;
}

img.graphic-heading.center {
	margin: 0 auto;
}
img.graphic-heading.add-spacing {
	margin-bottom: 20px;
}

div.graphic-button {}
	div.graphic-button.center {
		text-align: center;
	}
    div.graphic-button.add-spacing {
        margin-bottom: 10px;
    }
	div.graphic-button a img {
		display: inline;
		vertical-align: bottom;
	}

a.graphic-form-button {}
	a.graphic-form-button img {
		display: inline;
		vertical-align: bottom;
	}


.clear:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
* html .clear             { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

/* @TWITTER BOOTSTRAP (MODAL ONLY)
/* ---------------------------------------- */
.modal-backdrop {
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 11000;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ededed;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal .close {
  margin-top: 7px;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  /*border-bottom: 1px solid #eee;*/
  background-color: #262626;
  padding: 5px 15px;
}
.modal-header h3  {
  color: #fff;
  font-size: 18px;
  line-height: 36px;
}
.modal-body {
  padding: 15px;
}
.modal-body form {
  margin-bottom: 0;
}
.modal-footer {
  background-color: #f5f5f5;
  padding: 14px 15px 15px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  zoom: 1;
  margin-bottom: 0;
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: "";
  zoom: 1;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  float: right;
  margin-left: 5px;
}
.modal .popover, .modal .twipsy {
  z-index: 12000;
}
.close {
  color: #fff;
  /*font-weight: normal;*/
  /*line-height: 13.5px;*/
  font-size: 16px;
  line-height: 16px;
}
.close:hover {
  color: #888;
}
.hide {
  display: none;
}
.modal-buttons {
	text-align: center;
}
	.modal-buttons a {
		display: inline-block;
		*display: inline;
		zoom: 1;
	}	
		.modal-buttons a img {
			display: inline;
		}