/**
// Copyright (C) 2010 - 2012 Mike Feng Jinglong
//
// This program is a commercial software; you cannot redistribute it
// and/or modify it without the explicit consent from the author.
//
// All title and copyright in and to the Product is owned by Mike Feng
// and is protected by international copyright laws and treaty provisions.
// Mike Feng retains all ownership rights in the Product.
// The copyright notice must be reproduced and included on any copy
// that is expressly permitted under this Agreement.
**/

/*button class. delete if your template has its own button class*/
input.button {-moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid; background-color: #fcc000; color: #cc0000; padding: 1px 5px;}

.qn-div, .qn-div-s, .qn-div-xs, .qn-div-xxs {overflow-x:hidden; display: block; line-height: 22px}
/*
.qn-div {width: 620px;}
.qn-div-s {width: 580px;}
.qn-div-xs {width: 520px;}
.qn-div-xxs {width: 440px;}
*/

/* @group: misc */
.small {color: #808080;font-size: 10px;line-height:12px;}
.gray {color: #808080;}
a {cursor: pointer;}
textarea {font-size:120%;font-weight:normal;padding:3px;}
.ajax-loading {background: url(../images/ajax-loading.gif) no-repeat;height: 11px;width: 43px;visibility: hidden;margin-top: 3px;padding: 0px;}
.blurfield {color:#999999;}
fieldset, img {border:0 none !important;}
.sa-avatar-border {padding:4px;border:1px solid #FFCC00 !important;background-color:#fff;}
.bold {font-weight:bold;font-size:110%;}
.highlight-bold {font-weight:bold;font-size:136%;color: #CC0000;}
.highlight-gray {font-weight:normal; color: #808080;}
.dottedborder {border-top:1px dotted #FFCC00;margin: 10px 0px 14px;}
.category {border-bottom:1px dotted #CC0000;}
.category:hover {color:#CC0000}
#warn-replace {display:block;height:0px}
.warn-replace {color: #CC0000;font-weight: normal;line-height: 14px;font-size:10px;}
div#char-count span {font-weight: bold;}
.tool-tip, .tip-wrap {z-index: 9999;}
.tip-wrap .tip {float: left;background: #ffc;border: 1px solid #D4D5AA;padding: 5px;color: #323232;}
.tip-wrap .tip .tip-title {padding: 0;margin: 0;font-size: 100%;font-weight: bold;margin-top: -15px;padding-top: 15px;padding-bottom: 5px;background: url(../../system/images/selector-arrow.png) no-repeat;}
.tip-wrap .tip .tip-text {font-size: 100%;margin: 0;}
.sbpopup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 15px;
	margin: 15px;
	border: 2px solid #FFCC00;
	background-color: #fff;
	width: 570px;
}
.sbpopup a {
	color: #CC0000;
	text-decoration: none;
}
label { cursor: pointer; }
.bullet-star {
	padding: 0px 0px 0px 15px;
	list-style-image: none;
}
.bullet-star li {
	background: url(../images/bullet-other.png) 0px -16px no-repeat;
	list-style: none outside none;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px 15px;
}
.bullet-star li a { font-size: inherit; }


/* @group: Report Abuse button */
.answer-utilities {clear: both;}
.report-abuse-inactive, .report-abuse-active {float:left;display:block;width:100px;height:19px;border: 1px solid #CCCCCC;background: url(../images/rating-bg.gif) top left repeat-x;}
.report-abuse-inactive span, .report-abuse-active span {padding-left: 20px;background: url(../images/rating.gif) no-repeat scroll;font-size: 85%;}
.report-abuse-inactive span {color: #808080;background-position:3px -1100px;}
.report-abuse-active span {color: #cc0000;background-position:3px -900px;}
.report-abuse-active span:hover {background-position:3px -1000px;}
.report-abuse-active span a {color: inherit !important;text-decoration:none;}

/* @group: Thumb Up/Down button */
.thumb-up, .thumb-up-disabled, .thumb-upped, .thumb-down, .thumb-down-disabled, .thumb-downed {float:left;display:block;width:40px;line-height:19px;height:19px;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;background: url(../images/rating-bg.gif) top left repeat-x; cursor:pointer;}
.thumb-up, .thumb-up-disabled, .thumb-upped {border-right:1px dotted #CCCCCC;border-left:1px solid #CCCCCC;}
.thumb-up span, .thumb-up-disabled span, .thumb-upped span, .thumb-down span, .thumb-down-disabled span, .thumb-downed span {display:block;padding-left:7px;background-image: url(../images/rating.gif); background-repeat: no-repeat;}
.thumb-up-disabled span {background-position: 75% -99px}
.thumb-up span {background-position: 75% -199px;}
.thumb-up span:hover {background-position: 75% -299px;}
.thumb-upped span {background-position: 75% -399px;}
.thumb-down-disabled span {background-position: 75% -499px}
.thumb-down span {background-position: 75% -599px;}
.thumb-down span:hover {background-position: 75% -699px;}
.thumb-downed span {background-position: 75% -799px;}

/* @group: Button */
a.sa-btn, a.sa-btn div { font-weight:bold; color:#333; display:inline-block; height:25px; text-align:center; padding:0px; margin:0px; font-size:12px; line-height:25px}
a.sa-btn { background:url(../images/btn.gif) no-repeat 0% -25px;}
a.sa-btn div { margin-left: 20px; padding-right:20px; background:url(../images/btn.gif) no-repeat 100% -25px;}
a.sa-btn:hover, a.sa-btn:hover div { color:#fff;}
a.sa-btn:hover { background:url(../images/btn.gif) no-repeat 0% 0px}
a.sa-btn:hover div { background:url(../images/btn.gif) no-repeat 100% 0px}

/* @group: frontpage */
#frontpage-heading {color: #333;font-weight:bold;font-size:110%;border-bottom:1px #ccc solid !important;margin-top: 30px;position:relative;z-index:0;clear:both;_height:1.3em;}
#frontpage-heading ul {list-style:none;margin:0;padding:0;position:absolute;right:0;bottom:-3px; z-index: 1; }
#frontpage-heading ul * {display: inline;}
#frontpage-heading ul li { margin:0;padding:0;}
#frontpage-heading ul li a {color: #9a9a9a;text-decoration:none;}
#frontpage-heading ul li div { font-weight:normal;float:left;margin:0 0 -1px 0;padding:2px 0 2px 0;*height: 1.05em;_overflow:hidden;}
#frontpage-heading ul li .left {background:url(../images/fptabgrey_left.gif) no-repeat;width:7px;}
#frontpage-heading ul li .right {background:url(../images/fptabgrey_rt.gif) no-repeat;width:7px;margin-right:6px;}
#frontpage-heading ul li .middle {background:url(../images/fptabgrey_mid.gif); padding:2px 20px 0px 20px;font-size:12px;}
#frontpage-heading ul li.selected {background:#fff;}
#frontpage-heading ul li.selected div {border-bottom: 1px #fff solid; margin-top:0;margin-bottom:-1px; *height:1.06em;padding:3px 0 2px 0;}
#frontpage-heading ul li.selected .left {background: url(../images/fptabactive_left.gif);}
#frontpage-heading ul li.selected .right {background: url(../images/fptabactive_rt.gif);}
#frontpage-heading ul li.selected .middle {background: #fff url(../images/fptabactive_mid.gif); padding: 3px 20px 2px 20px; color: #CC0000; border-bottom: 1px #fff solid; }
#frontpage-qn-table {margin: 0px 10px; width:100%; background-color:#fff;}
#frontpage-qn-table .frontpaga-qn-img {width: 60px; vertical-align:middle; text-align:center; padding:0 !important;}
#frontpage-qn-table .frontpaga-qn-img img {padding:3px; border:1px solid #FFCC00;}
#frontpage-qn-table .frontpaga-qn-info {padding: 5px 5px 0px 5px; vertical-align:top; text-indent:0px;}

/* @group: meta */
ul.meta {
	list-style: none outside !important;
	color: #808080;
	font-size: 11px !important;
	margin:8px 0px !important;
	padding:0px !important;
}
ul.meta li {display: inline;}
.meta-star { cursor: pointer; }
.meta-star .star-count {line-height:26px; float:left;}
.meta-star .star, .meta-star .starred, .meta-star .star-disabled {
	background-image: url(../images/star-border.gif);
	background-repeat: no-repeat;
	margin: 0 0.2em;
	overflow: hidden;
	text-indent: -9999px !important;
	width: 23px;
	line-height: 26px;
	float: left;
}
.meta-star .star { background-position:0px -96px; }
.meta-star .starred { background-position:0px -196px; }
.meta-star .star-disabled { background-position:0px -515px; }
.meta-star .star-hover { background-position:0px -196px; }

/* @group: pagination */
div.paginate {line-height: 20px;float: right;}
div.slider {height: 22px;float: left;margin: 0px 15px;cursor: pointer;background: url(../images/slider.png) center center repeat-x;}
div.knob {width: 24px;height: 24px;cursor: pointer;background: url(../images/knob.png) no-repeat;}
div.knob:hover {background-position: 0 -22px;}
span.current {font-weight: bold;}
div#pagination {line-height: 20px;float: right; margin: 5px 8px 0px}
a.pagi-item {float:left; text-decoration: none; margin: 0px 1px; font-size: 12px; display:block; padding: 0px 2px; line-height: 18px;}
a.pagi-item:hover {background-color: #CC0000; color: #fff;}
a.pagi-item-active {font-weight: bold; border-bottom: 2px solid #CC0000;}

/* @group: answer */
#ans-answer-field, #ans-sources-field {width: 450px;}

/* @group: new question header */
#new-qn-header {margin: 10px 10px 20px;border:1px solid #FFCC00;}
#new-qn-announcement {
	background: #ffe580 url(../images/new-qn-announcement-bg.gif) 20px 10px no-repeat;
	padding: 10px 10px 10px 60px;
	border-bottom:1px solid #FFCC00;
}
#new-qn-announcement div {font-size:22px;font-weight:bold;}
#new-qn-related-list {padding: 4px 20px;}
#new-qn-related-list div.new-qn-related, #new-qn-related-list div.new-qn-related-border {padding: 4px 0px;}
#new-qn-related-list div.border-top {border-top:1px dotted #FFCC00;}
#new-qn-related-list div.new-qn-related img {float: left; margin-right:10px;margin-top:5px;}


/****** SEXYALERTBOX ******/
#SexyAlertBox-Box {
  padding-bottom: 24px;
  background: url('../images/alertbox/bg-box-bottom.png') bottom left no-repeat !important;
  background: url('../images/alertbox/bg-box-bottom.gif') bottom left no-repeat;
}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background: url('../images/alertbox/bg-box-top.png') top left no-repeat !important;	
  background: url('../images/alertbox/bg-box-top.gif') top left no-repeat;	
}

#SexyAlertBox-BoxContent {
  background: url('../images/alertbox/bg-box-body.png') top left repeat-y !important;
  background: url('../images/alertbox/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;
}

#SexyAlertBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons{
  text-align:right;
}

#SexyAlertBox-Buttons input {
  margin: 10px 10px;
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: url('../images/alertbox/dialog-warning.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxConfirm {
  background: url('../images/alertbox/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxPrompt {
  background: url('../images/alertbox/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('../images/alertbox/dialog-information.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('../images/alertbox/dialog-error.png') top left no-repeat;
}

/* @group: Invite Tool */
.invite-tool-table {
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
}
.invite-tool-table td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	border-collapse: collapse;
}
.tool-fieldTitle {
	width: 110px;
	text-align: right !important;
	padding-right:14px !important;
	padding-left:10px !important;
}
a.tool-link {
	font-size: 120%;
	font-weight: bold;
}
.tool-panel {
	border-bottom:1px solid #CCCCCC;
	margin-left:10px;
	padding:10px 0;
	width: 200px;
	display:block;
}

/* @group: dropdown */
/* this is the main UL element*/
.dropdown{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
}


/* @group: comments */
#comments-area {
	border-left: 1px solid #FFCC00;
	border-right: 1px solid #FFCC00;
	border-bottom: 1px solid #FFCC00;
	padding: 0px 15px;
	margin: -1px 10px;
	border-collapse: collapse;
	cursor: auto;
	background-color: #ffe580;
	display: none;
}

div.comment-item {
	margin: 1px;
	padding-top: 15px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #FFCC00;
	clear: both;
}
div.comment-image {
	float: left;
	margin-right: 25px;
}
div.comment-image a, div.comment-image .user {
	display: block;
	overflow: hidden;
	text-align: center;
	width: 74px;
}
div.comment-message {
	float: left;
}
#comments-list {padding:0px; margin:0px; border-collapse:collapse;}
#comment-box {
	margin-top: 10px;
}
#comment-error {border:1px solid #CC0000; color: #CC0000; padding:2px; text-align:center;}