body {
	font-family: trebuchet ms, arial, verdana, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	background-color: #ecf1f6;
	background-image: url('/images/site/page_bg.gif');
	background-repeat: repeat-x;
}

/************************
* page structure
************************/

div.container {
	width: 950px;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	/* border: 1px solid #000;
	background-color: #fff; */
}

div.header_logo {
	width: 100%;
	text-align: left;
	position: relative;
	top: -24px;
	height: 92px;
	background-image: url('/images/site/header_bg.gif');
	margin-bottom: 25px;
}

div.header_left {
	float: left;
	position: relative;
	text-align: left;
}

div.header_right {
	text-align: right;
	float: right;
	position: relative;
	left: -50px;
}

div.mm_user_header {
	width: 190px;
	float: left;
	font-weight: bold;
	font-size: 12pt;
}

div.mm_subheader_right {
	width: 444px;
	float: left;
	margin-left: 5px;
}

div.nav_links {
	margin-top: 1px;
	padding: 0px;
}

div.mm_question_box {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	/* background-color: #fff;
	border: 2px solid #4b473b; */
	
	background-image: url('/images/site/box_white_bg.gif'); 
	background-repeat: repeat-y; 
	width: 728px;
}

div.mm_about {
	width: 200px;
	color: #000;
	float: right;
	/* border: 2px solid #4b473b;
	padding: 8px;
	margin-right: 5px; */
	background-color: #fff;
	background-image: url('/images/site/box_about_bg.gif');
	background-repeat: repeat-y;
	top: 0px;
	position: relative;
}

div.mm_centercol {
	width: 728px;
	float: left;
	padding: 5px;
}


/************************
* page style
************************/

div.box {
	background-color: #fff;
	color: #000;
	/* padding: 10px; 
	border: 2px solid #4b473b; */
	background-image: url('/images/site/box_white_bg.gif'); 
	background-repeat: repeat-y;
	width: 728px;
}

div.dark_box {
	border: 2px solid #4b473b;
	color: #fff;
	background-color: #4A483C;
	padding: 10px;
}

div.myprofile_header {
	/* border: 2px solid #4b473b; */
	width: 97%;
	text-align: center;
	padding: 10px;
	font-size: 10pt;
	margin: auto;
}

div.myprofile_header_link a, a.myprofile_header_link {
	border: 1px solid #999;
	background-color: #ddd;
	padding: 6px;
	margin: 5px;
	/* float: left; */
	text-align: center;
}

div.no_answer {
	/* border: 3px solid #f00; 
	background-color: #d7ffe1; */
	color: #f00;
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	/* padding: 10px; */
	background-image: url('/images/site/box_unanswered_bg.gif');
	background-repeat: repeat-y;
	width: 615px;
}


div.tab {
	float: left;
	/* border: 1px solid #000; */
	margin-left: 10px;
	padding: 5px 10px 5px 10px;
	background-color: #f3f3f3;
}

div.selected_tab {
	background-color: #ccc;
}

div.col_header {
	font-size: 16pt;
	font-weight: bold;
	/* background-color: #85837d; */
	padding-left: 10px;
	padding-top: 5px;
	margin: 0px;
}

div.mm_open_question {
	padding: 5px 10px 5px 10px;
	background-color: #fff;
	border: 2px solid #ababab;
}

div.mm_open_question_header {
	font-size: 10pt;
	font-weight: bold;
	background-color: #ababab;
}

div.padded_x {
	padding-left: 10px;
	padding-right: 15px;
}

div.mm_question {
	color: #000;
	margin-left: 17px;
	padding: 0px;
	width: 674px;
	/* background-color: #cac4b6; */
	background-image: url('/images/site/box_question_bg.gif'); 
	background-repeat: repeat-y; 
}

div.mm_response {
	width: 610px;
	margin-left: 50px;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: normal;
	background-color: #fff;
}

div.mm_followup {
	width: 615px;
	color: #000;
	/* background-color: #DBD7CE; 
	padding: 5px; */
	margin-left: 59px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: normal;
	background-image: url('/images/site/box_follow_bg.gif'); 
	background-repeat: repeat-y; 
}

div.mm_user_header .description {
	font-size: 9pt;
	color: #666;
}

div.mm_user_header .username {
	padding-top: 15px;
}


div.col_contents {
	font-size: 10pt;
	font-weight: normal;
	background-color: #fff;
	padding: 10px;
}

div.right_nav_notification {
	background-color: #ffff51;
	color: #000;
	border: 1px solid #ead909;
	margin: 2px;
}

div.notification {
	border: 1px solid #999;
	font-size: 10pt;
	text-align: left;
	width: 97%;
	background-color: #eee;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 5px;
}

fieldset.notification {
	border-top: 1px solid #999;
	border-left: none;
	border-right: none;
	border-bottom: none;
	font-size: 10pt;
	text-align: left;
	width: 90%;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 5px;
}

.notification .question {
	font-size: 12pt;
	font-weight: normal;
}

div.notification .options {
	margin-left: 40px;
}


legend {
	font-weight: bold;
}

.mm_question_description {
	text-align: right;
	font-size: 10pt;
	font-weight: normal;
}

.colored_heading {
	color: #79838e;
	font-weight: bold;
}

div.mm_about_functions {
	border: 1px solid #f00;
	margin-top: 25px;
	padding: 14px 4px 4px 4px;
}

div.mm_about_functions ul {
	/* need to look up styling to remove discs */
	margin: 0px 0px 0px 18px;
	padding: 0px;
}

div.mm_about_friends {
	margin-top: 20px;
}

div.mm_invite {
	border: 1px solid #f00;
	padding: 3px;
	margin-top: 10px;
}

div.mm_f_keyword {
	font-size: 11pt;
	margin-top: 5px;
}

div.mm_f_contents {
	font-size: 9pt;
	font-weight: normal;
	padding: 5px 0px 5px 5px;
	margin-bottom: 5px;
}

#login_div {
	padding-top: 10px;	
}

.who {
	padding-left: 20px;
}

.time {
	font-size: 8pt;
	color: #666;
}

.time_padded {
	font-size: 8pt;
	color: #666;
	padding-left: 20px;
}

a.qna_permalink {
	position: relative;
	top: -4px;
	margin-right: 10px;
}

a.fyi_permalink {
	font-size: 8pt;
	color: #333;
}

.red {
	color: #f00;
}

img.mm_avatar {
	border: none;
	float: left;
	padding: 5px;
}

img.mm_avatar_friend {
	border: none;
	padding: 2px;
	vertical-align: middle;
}

.first_question {
	font-size: 15pt;
	font-weight: bold;
}

.normal_question {
	font-size: 12pt;
	font-weight: bold;
}

hr {
	/* need to look up styling to make this just a black line */
	width: 90%;
	background-color: #000;
}

hr.response_separator {
	width: 100%;
	background-color: #4b473b;
}

ul {
	padding: 0px;
	margin: 0px;
	list-style-position: inside;
}

td.right {
	text-align: right;
}

a img {
border:none;
}

div.clear {
	clear: both;
}

.color_square {
	width:20px;
	height:20px;
	float:left;
	margin:2px;
	cursor:pointer;
	border:1px solid #000;
}

.footer {
	font-size: 8pt;
	text-align: center;
}

a.footer {
	color: #444;
	text-decoration: underline;
}

.error {
  color: #900;
  font-weight: bold;
}

.debug {
  color: #060;
  font-weight: bold;
}

.notify {
  color: #009;
  font-weight: bold;
}

a.dark_bg, div.dark_box a {
	color: #00f;
	font-weight: bold;
}

b.dark_bg, div.dark_box b {
	color: #EAECEE;
	font-weight: bold;
}

.sms_preview {
	background-color: #eee;
	border: 1px solid #999;
	font-weight: bold;
	padding: 5px;
}

div.answer_link {
	text-align: right;
	float: right;
	margin-top: 10px;
}

div.admin_info {
	float: left;
	margin: 5px;
	border: 1px solid #000;
	background-color: #ddd;
}

.padded_cell td{
	padding: 10px;
}

.colored_row tr {
	background-color: #efefef;
}

.light_grey_row tr {
	background-color: #efefef;
}

.dark_grey_bg {
	background-color: #666;
	color: #efefef;
}

.grey_bg {
	background-color: #aaa;
}

.light_grey_bg {
	background-color: #efefef;
}

.highlighted_bg td {
	background-color: #cfc;
}

.black_bg { 
	background-color: #000;
}

table.res_as_tab td {
	vertical-align: top;
}

div.big_fyi {
	font-size: 18pt;
	font-weight: bold;
}

div.fyi {
	font-size: 12pt;
}

div.fyi_avatar {
	width: 20%; 
	float: left; 
	text-align: center;
}

div.fyi .fyi_text {
	width: 100%; 
	text-align: center; 
	vertical-align: middle; 
	padding-top: 10px;
}

div.big_fyi .fyi_text {
	width: 100%; 
	text-align: center; 
	vertical-align: middle; 
	padding-top: 20px;
}

input[type="text"], input[type="password"] {
	border: 1px solid #c3cad1;
	font-size: 11pt;
	font-weight: bold;
	padding: 5px;
	margin: 5px;
}

textarea, select {
	border: 1px solid #c3cad1;
	font-size: 11pt;
	font-weight: bold;
}

select {
	padding: 5px;
	margin: 5px;
}

.highlighted_term {
	background-color: yellow;
	color: #000;
	font-weight: bold;
	border: 1px solid #f90;
}

/********
* boxes
*********/


div.box_question {
	width: 674px;
	color: #000;
	background-image: url('/images/site/box_question_bg.gif'); 
	background-repeat: repeat-y;
	margin-bottom: 5px;
}

div.box_blue {
	width: 728px;
	color: #000;
	background-image: url('/images/site/box_blue_bg.gif'); 
	background-repeat: repeat-y;
	margin-bottom: 5px;
}

div.box_white {
	width: 728px;
	color: #000;
	background-image: url('/images/site/box_white_bg.gif'); 
	background-repeat: repeat-y; 
	margin-bottom: 5px;
}

div.box_about {
	width: 200px;
	color: #000;
	background-image: url('/images/site/box_about_bg.gif');
	background-repeat: repeat-y;
	margin-bottom: 5px;
	vertical-align: top;

	float: right;
	top: 0px;
	position: relative;

}

div.box_tip {
	width: 350px;
	color: #000;
	background-image: url('/images/site/box_tip_bg.gif');
	background-repeat: repeat-y;
	margin-bottom: 5px;
	vertical-align: top;
}

div.box_follow {
	width: 615px;
	color: #000;
	background-image: url('/images/site/box_follow_bg.gif'); 
	background-repeat: repeat-y; 
	margin-left: 59px;
	margin-bottom: 5px;
}

div.box_comment {
	width: 615px;
	color: #000;
	background-image: url('/images/site/box_comment_bg.gif'); 
	background-repeat: repeat-y; 
	margin-left: 59px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: normal;
}

div.box_unanswered {
	color: #f00;
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-image: url('/images/site/box_unanswered_bg.gif');
	background-repeat: repeat-y;
	width: 615px;
}

div.box_response {
	width: 615px;
	/* padding: 5px; */
	margin-left: 59px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: normal;
	background-color: #fff;
	background-image: url('/images/site/box_response_bg.gif'); 
	background-repeat: repeat-y; 
}

img.box_top {
	vertical-align: top;
}

img.box_bottom {
	vertical-align: bottom;
}

a.expand_link {
	font-weight: bold;
	text-decoration: none;
	color: #f21816;
}

.small_text {
	font-size: 75%;
}

div.web_banner {
	margin: 0px 0px 10px 0px;
}

div.web_square {
	margin: 5px 0px 5px 0px;
	width: 100%;
	text-align: center;
}

div.web_text {
	border: 1px solid #22446f;
	background-color: #ADBDD3;
	color: #fff;
	font-size: 8pt;
	font-weight: normal;
	float: right;
	/* width: 42%; */
	padding: 2px;
	margin: 5px 0px 2px 0px;
	position: relative;
	top: 10px;
	right: 0px;
	text-align: right;
}

div.web_text a {
	color: #666;
	text-decoration: none;
}

div.web_text a:hover, div.web_text a:active {
	color: #666;
	text-decoration: underline;
}

div.question_asker {
	float: left;
	width: 60%;
	padding: 2px;
	padding-left: 20px;
	margin: 2px;
	position: relative;
}

div.question_asker .img_box {
	float: left;
	position: relative;
	height: 32px;
}

div.img_box .user_info {
	position: absolute;
	top: 0%;
	left: 50px;
	width: 400px;
}

div.question_flag_row {
	float: left;
	margin: 0px;
	margin-left: 20px;
	margin-top: 10px;
}

div.question_flag_row img {
	margin-right: 5px;
}

div.question35 {
	float: right;
	text-align: right;
	font-size: 8pt;
	position: absolute;
	bottom: 0pt;
	right: 0pt;
	background-color: #dddddd;
	padding: 3px;
}

.post_question_link {
	font-size: 80%;
}

.va_middle {
	vertical-align: middle;
}


img.q_embedded {
	vertical-align: middle;
	margin: 5px;
	float: left;
	border: 2px solid #2A5892;	
}

div.thumbs_row {
	/* margin-top: 8px; */
	float: right;
}

div.add_comment_box {
	float: right;
	text-align: right;
}

.sarcasm {
	color: #720D80;
	font-style: italic;
}

.deleted {
	text-decoration: line-through;
	color: #c00;
}

/****
*
* Lightbox Styling
*
*****/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/site/lightbox_overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}