/*************************** LAYOUT *******************************
************************************************************************/
.maf-content {
	width: 530px;
	float: left;
}

.maf-sidebar {

	width: 160px;
	float: right;
	border-radius: 9px;
	background: #D8F5FF;
	padding: 8px;
	font-size: 16px;
}

/************************* GENERAL ****************************
*********************************************************************/
#main h3 {
	font-size: 16px !important;
}

label {
	float: left;
	clear: both;
	font-weight: bold;
}

.label {
	font-size: 12px;
	font-weight: bold;
}

.small {
	font-size: 10px !important;
}
.small11px{
	font-size: 11px !important;
}
.spacer {
	height: 10px;
	clear: both;
}

.clear {
	clear: both;
}

.wrapper {
	width: auto;
	margin: 10px;

	display: block;
	clear: both;
}

.error {
	color: #f00;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 0 0;
	vertical-align: top;
}

.info {
	padding-top: 5px;
	font-size: 11px;
	color: #929292;
}

.tableWrapper {
	border: none;
}

.tableWrapper tr td {
	border: none;
	padding: 10px;
	vertical-align: top;
}

.tableHeaderGrey {
	border-collapse: separate !important;
	height: 35px !important;
	background-color: #E0E0DD;
	text-align: center;
}

.tableHeaderGrey th {
	border: 1px solid #fff;
	padding: 10px !important;
	font-size: 12px;
}

.tableHeaderGrey th:first-child {
	border-left: 1px solid #E0E0DD !important;
}

.tableHeaderGrey th:last-child {
	border-right: 1px solid #E0E0DD !important;
}

.row1 {
	background-color: #f1f8ff;
}

.round_corner {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/************************************* Tooltips ***********************************************
***************************override system tooltip css **********************************/
.tip-wrap {
	z-index: 10000;
}

.tip {
	float: left;
	background: #def6ff !important;
	border: 1px solid #6699cc !important;
	padding: 10px !important;
	max-width: 200px !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	opacity: 0.94;
	filter: alpha(opacity = 94); /* For IE8 and earlier */
}

.tip-title {
	padding: 15px 0 5px;
	margin: -15px 0 0;
	font-size: 100%;
	font-weight: bold;
}

.tip-text {
	font-size: 100%;
	margin: 0;
}

/*************************** RATINGS *******************************
*************************************************************************/
.rating {
	font-size: 20px;
	font-weight: bold;
}

.rating a img:hover {
	text-decoration: none;
	background: none;
}

/*************************** PAGINATION ***************************
***************************************************************************/
#pagination {
	width: 99%;
	font-size: 13px;
	text-align: center;
}

#pagination .result_counter {
	float: left;
	font-size: 10px;
}

.pagination-start,
.pagination-prev,
.pagination-next,
.pagination-end {
	font-weight: bold;
	padding: 5px;
}

#pagination ul li {
	display: inline;
}

/******************* DEALS LIST AND DETAILS *******************
****************************************************************************/
.dealOwner {
	color: #3366CC;
}

.dealOwner .maf_tooltip_seller_img {
	width: 200px;
	background-color: #00aacc;
	border: 1px solid #0099aa;
	display: none;
	position: relative;
	right: 40px;
	bottom: 40px;
	z-index: 100;
}

.wrapper.deal .title .dealOwner {
	color: #008DC7;
	font-size: 29px;
}

.wrapper.deal .title h2 {
	font-size: 29px;
	line-height: 30px;
}

.dealBody {
	width: 99%;
	border: 1px solid #e1effb;
	margin: 5px;
	padding: 5px;
	float: left;
	clear: both;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	/*overflow-y: auto;*/
}

.dealBody input,
.dealBody #buy_deal {
	border-radius: 5px 5px 5px 5px;
	background-color: #FFD7A8;
	border: 1px #F7B15D solid;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	color: #B05A08;
	font-weight: bold;
}

.dealBody #item_order_values_select_list {
	display: none;
}

.dealBody .order_one_text_link,
.dealBody .order_multiple_text_link {
	font-size: 12px;
}

.dealBody .order_one_text_link {
	display: none;
}

.display_price {
	font-size: 12px;
	display: block;
}

.display_price .js_deal_price {
	display: none;
}

#buy_deal_button_table {
	border-collapse: collapse;
	border: none;
}

#buy_deal_button_table tr {
	border-collapse: collapse;
	border: none;
}

#buy_deal_button_table tr td {
	border-collapse: collapse;
	border: none;
}

.dealBody .left {
	display: block;
	float: left;
	margin-right: 10px;
	width: auto;
	overflow: hidden;
}

.dealBody .right {
	display: block;
	float: left;
	width: auto;
	padding-top: 10px;
}

.dealImage-list {
	width: auto;
	display: block;
	float: left;
}

.no_image_list {
	padding: 10px 0 0 20px;
}

.dealSummary {
	width: 78%;
	display: block;
	color: #333;
	float: right;
}

.dealBottom {
	width: 99%;
	display: block;
	float: left;
	height: 40px;
	/*overflow-y: hidden;*/

}

/*************************** Social ************************************/

.dealBottom .social {
	margin-top: 5px;
	border: none;
	border-collapse: collapse;
	width: inherit;
	overflow: auto;
}

.dealBottom .social tr {
	border-top: 1px solid #E1EFFB;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.dealBottom .social tr td:last-child {
	white-space: nowrap;
}

.dealBottom .social tr td {
	vertical-align: top;
	padding-top: 3px;
	padding-right: 10px;
	border: none;
}

.dealBottom .read_more a {
	font-size: 11px;
}

.dealOrderNow {
	float: right;
	padding-right: 10px;
}

/**************************** Buy now *****************************************/
.dealOrderNow input {
	border-radius: 5px 5px 5px 5px;
	background: #EEEEEE;
	padding: 2px 4px;
	font: 12px normal;
	border: 0;
	color: #008DC7;
	text-decoration: underline;
	cursor: pointer;
}

.dealOrderNow input:hover {
	text-decoration: none;
}

.dealDescription {
	padding-top: 10px;
	float: left;
	clear: both;
	width: inherit;
	display: block;
	color: #333;
	padding-bottom: 10px;
	font-size: 15px;

}

.view_deal_description_box {
	width: inherit;
}

div.button {
	width: 100px;
	height: 50px;
	border: 1px solid #dedede;
	background-color: #d5d5d5;
}

.dealDate,
.dealQuantity,
.rating {
	padding: 0;
	float: left;
}

.rating {
	width: 20%;
}

.mydealsListRatingBox {
	width: auto;
}

/*********************** IMAGE GALLERY ***********************/

#image_gallery {
	background-color: #def6ff;
	padding: 5px;
	/*Do not supply a width,
	 because is dynamically supplied*/
}

#image_gallery .dealImage {
	text-align: center;
	min-height: 140px;
}

#image_gallery .list_other_images {
	margin-top: 5px;
	text-align: center;
}

.no_image {
	padding-top: 30px;
}

/******************** Edit deal quantity *****************************/
.edit_quantity_link {
	float: right;
}

.edit_quantity_wrapper
.quantity_text_field {
	width: 30px;
	height: 20px;
	padding: 0;
	line-height: 12px;
	border: 1px solid #eee;
	background: none;
	font-size: 10px;
	font-weight: normal;
	color: #000;
}

.edit_quantity_wrapper
.quantity_submit {
	border: none;
	background: none;
	padding: 0;
	position: relative;
	top: 3px;
}

/**************************** Edit end_date *************************/
.edit_end_date_link {
	float: right;
}

.edit_end_date_wrapper {
	width: 100px;
	height: 22px;
}

.edit_end_date_wrapper
.end_date_text_field {
	width: 80px;
	border: 1px solid #eee;
	background: none;
	padding: 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #000;
}

#new_end_date_img {
	position: relative;
	top: 2px;
	right: 20px;
}

.edit_end_date_wrapper
.end_date_submit {
	border: none;
	background: none;
	padding: 0;
	position: relative;
	bottom: 15px;
}

/************************** Edit deal description *************************/
.edit_deal_description_link {
	float: right;
}

.edit_deal_description_box {
	float: left;
	width: 96%;
}

.edit_deal_description_form,
.edit_deal_description_wrapper {
	width: inherit;
}

.deal_description_text_field {
	width: inherit;
	resize: vertical;
	overflow: auto;
	border: 1px solid #eee;
	font-size: 12px;
	font-family: "Trebuchet MS", Helvetica, serif;
	margin-bottom: 5px;
}

/********************  ADD NEW DEAL ************************
**********************************************************************/

#dealForm {
	width: 95%;
	overflow: auto;
	display: block;
}

.dealNew {
	color: #25641F;
	font-size: 16px;
	font-weight: normal;
	width: 100%;
}

.dealNew .header h2 {
	background: #BCE896;
	font-size: 20px;
	padding: 20px !important;
	margin-bottom: 0 !important;
	border-radius: 10px 10px 0 0;
}

.dealNew .title {
	margin-top: 0;
}

.dealNew #start_date,
.dealNew #end_date {
	width: 250px;
}

.dealNew #start_date_img,
.dealNew #end_date_img {
	height: 40px;
}

.dealNew #quantity,
.dealNew #price,
.dealNew #multiple_order_value {
	width: 100px;
}

.dealNew .new_deal_currency {
	margin-left: 5px;
}

.dealNew .add_more_images_span {
	float: left;
}

.dealNew .add_more_images_span a {
	font-size: 10px;
}

.dealNew .add_more_images_span a .load_only_one_image {
	display: none;
}

.dealNew .more_images_div {
	display: none;
}

.dealNew .image_wrapper {
	overflow: auto;
}

.dealNew textarea#description {
	background: #FFFFFF;
	border: 1px solid #BAC1D2;
	font-size: 20px;
	font-family: Arial, Verdana;
	width: 400px;
	line-height: 25px;
}

.dealNew input.text,
.dealNew #cat_id {
	background: #FFFFFF;
	border: 1px solid #BAC1D2;
	font-size: 20px;
	width: 400px;
	line-height: 25px;
	height: 40px;
}

.dealNew .submit_button {
	margin-left: 20px;
	padding: 0 5px 0 5px;
	border-radius: 5px 5px 5px 5px;
	background: #FDFDFD;
	border: 2px solid #DDDDDD;
	color: #999;
	cursor: pointer;
}

.dealNew .submit_button:hover {
	background: #F1F1F1;
	color: #494949;
}
.dealNew .info_left_max_size{
	float: left;
	font-size: 10px;
	color: #000;
}

/**************** CONTACT SELLER *******************
**************************************************************/
#box_contact_seller {
	background-color: #F4F9FE;
	border: 1px solid #E6F0F9;
	padding: 10px;
}

#box_contact_seller .title {
	font-size: 16px;
}

#box_contact_seller textarea {
	display: block;
	width: 99%;
	resize: vertical;
	font-family: Arial, Verdana;
	font-size: 11px;
}

/********* PRIVATE MESSAGING LISTING (PMS) **********
**********************************************************************/
#box_pms {
	background-color: #eee;
	padding: 5px;
}

/******* Toolbar pms**********/
#box_pms_toolbar {
	float: right;
	padding-right: 10px;
}

#pms_toolbar {
	list-style-type: none;
}

#pms_toolbar li {
	display: inline;
}

#pms_toolbar .toolbar_button {
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
}

#pms_toolbar .toolbar_button:hover {
	color: #b0e4ff;
}

/****** Listing pms***********/
#pms_listing {
	width: 100%;
	background-color: #fff;
}

#pms_listing tr th {
	padding-left: 10px;
	height: 25px;
	line-height: 25px;
	background-color: #b0e4ff;
	border: 1px solid #8dd5fb;
}

#pms_listing tr th:first-child {
	padding: 0 3px 0 3px;
}

#pms_listing tr td {
	padding: 3px;
	font-size: 11px;
}

#pms_listing tr.unread td {
	font-weight: bold;
}

#pms_listing tr td a {
	text-decoration: none;
}

#pms_listing tr td a:hover {
	text-decoration: underline;
}

/************* Pm Details ******************/

#box_pm_details {
	background-color: #eee;
	padding: 5px;
}

#box_pm_details .col_left {
	width: 20%;
}

#box_pm_details .pm_body {
	display: block;
	border: 3px solid #eee;
	min-height: 300px;
	padding: 3px 1px 3px 3px;
	margin: -3px;
}

/************* Pm Reply ******************/
#box_pm_details .pm_body textarea {
	width: 99.5%;
	height: 100%;
	border: 1px solid #eee;
	resize: vertical;
	font-family: Arial, Verdana;
	font-size: 11px;
	margin-bottom: 5px;
}

#box_pm_details .pm_body textarea:focus {
	border: 1px solid #B0E4FF !important;
	resize: vertical;
}

#box_pm_details .pm_body .quote {
	height: 300px;
	padding-left: 10px;
	margin-right: 1px;
	background-color: #f1f8ff;
	border: 1px solid #B0E4FF;
	overflow-y: auto; /*need only for back-up in case js is disabled*/
}

#box_pm_details .subject {
	width: 99%;
	border: none;
	font-size: 10px;
	color: #494949;
}

/************************** FORMS ******************************
*********************************************************************/
.lineForm {
	width: 95%;
	display: block;
	padding-bottom: 20px;
	overflow: auto;
}

.lineForm.header {
	margin: 0px;
	padding: 0px;
}

.lineForm.title {
	background: #BCE896;
	padding-bottom: 10px;
}

.leftCol {
	float: left;
	overflow: hidden;
	width: 15%;
	vertical-align: top;
	padding-left: 15px;
}

.rightCol {
	float: right;
	overflow-y: hidden;
	width: 80%;
}

input.text {
	float: left;
	height: 20px;
}

.input_readonly,
.input_readonly:focus {
	background-color: #dedede;
	border: none;
}

input.text:focus,
textarea:focus {
	border: 1px solid #a00 !important;
}

input.submit {
	width: auto;
	height: 40px;
	font-weight: bold;
	padding: 0 5px 0 5px;
}

/****** Filter list deals ******/

#filterListDeals {
	width: 100%;
	overflow: auto;
	display: block;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

#filterListDeals .lineForm {
	width: 99%;
}

#filterListDeals .filterButton {
	height: 20px;
	font-size: 10px;
	vertical-align: middle;
	background-color: #fff;
	border: 1px outset #999;
}

/******************* COMMENTS ***************
****************************************************/
.elementWrapper {
	padding: 10px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.elementWrapper:last-child {
	border-bottom: 1px dashed #E0E0DD;
}

/*div*/
.newcomment {

	float: left;
	clear: both;
	padding-left: 10px;
	width: inherit;
}

.newcomment .lineForm {
	float: left;
	clear: both;
}

/* textarea */
#comment {
	display: block;
	width: inherit;
	resize: vertical;
}

.comments .title {
	padding-top: 20px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.elementWrapper .subtitle {
	background: #f7fbff;
}

.elementWrapper .user_admin_content {
	position: relative;
	right: 5px;
	bottom: 5px;
	float: right;
	text-align: right;
	width: 50px;

}

.elementWrapper .bodyComments {

	padding-top: 10px;
	color: #444;
}

/*textarea field*/
.edit_comment {
	display: block;
	width: 95%;
	resize: vertical;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	color: #494949;
}

/*************************** REPORTS ********************
**************************************************************/

div#reportDealForm {
	width: 100%;
	float: left;
	clear: both;
	display: none;

}

div.reportCommentForm {
	width: 100%;
}

div.reportCommentForm .reportForm,
div#reportDealForm .reportForm {
	margin-top: 10px;
	background: #f4f9fe;
	border: 1px solid #e6f0f9;
	padding: 10px 0 0 10px;
}

.report_subject,
.submit_button {
	border-radius: 5px 5px 5px 5px;
	background-color: #FFD7A8;
	border: 1px #F7B15D solid;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	color: #B05A08;
	font-weight: bold;
}

.report_subject {
	width: 90%;
}

.report_text {
	width: auto !important;
	overflow-x: hidden;
	overflow-y: auto;
}

.reportDealLink {
	background: url(../images/flag_blue.gif) no-repeat top left;
	padding-left: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.reportDealLink:hover {
	text-decoration: underline;
}

.reportCommentLink {
	background: url(../images/flag_green.gif) no-repeat top left;
	padding-left: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.reportCommentLink:hover {

	text-decoration: underline;

}

.user_info {
	color: #929292;
}

/************************* MY PROFILE *****************************
*************************************************************************/

.my_profile {
	font-size: 18px;
	padding: 0px 20px 0px 20px;
	margin-bottom: 40px;
}

.my_profile .wrapper_details {
	background: #EEEEEE;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-top: 20px;
	padding: 10px;
	width: auto;
}

.my_profile table tr {
	border: none;
}

.my_profile table tr td {
	width: auto;
	padding: 10px;
	border: none;
}

.my_profile table tr td.space {
	width: 30px;
}

.my_profile span.label {
	padding-right: 30px;
	font-size: 19px;
	font-weight: bold;
	width: 200px;
}

.my_profile h4 {
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 42px;
	margin: 10px 0 0;
	padding: 0;
	width: 500px;
}

.my_profile h4 a {
	padding-left: 40px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0px;
}

.my_profile h4 a:hover {
	background-color: #fff !important; /* Override theme style */
	color: #004080 !important; /* Override theme style */
	text-decoration: underline;
}

.my_profile .leftCol, .edit_myprofile .leftCol {
	width: 200px;

}

.my_profile .rightCol, .edit_myprofile .rightCol {
	float: left;
	text-align: left;
	width: auto;

}

/********* Edit my profile  ***********/
.edit_myprofile {
	font-size: 18px;
	padding: 20px 20px 20px 20px;
	margin-bottom: 40px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background: #EEEEEE;
	border: 1px solid #CDDEE6;
}

.edit_myprofile input.text {
	border: 1px solid #CDDEE6;
	background: #FFFFFF;
	width: 300px;
	font-size: 17px;
	height: 25px;
}

.edit_myprofile .cancel_button,
.edit_myprofile #submit_button {
	margin-left: 20px;
	border-radius: 5px 5px 5px 5px;
	background: #FDFDFD !important;
	border: 2px solid #DDDDDD;
	cursor: pointer;
	color: #999999;
	width: 125px;
	float: left;
}

.edit_myprofile .cancel_button:hover,
.edit_myprofile #submit_button:hover {
	background: #F1F1F1 !important;
	color: #494949 !important;
}

.edit_myprofile .cancel_button {
	display: block;
	width: 121px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	background: #FDFDFD !important;
	color: #999999;
	font-weight: bold;
}

/************************ CATEGORIES *****************************
*************************************************************************/
.maf-categories ul {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none !important;
}

.maf-categories li {
	border-bottom: 1px dashed #E1EFFB;
	padding: 4px 0 4px 12px;
}

.maf-categories li:hover {
	background-color: #F4F9FE;
}

.maf-categories a:link, a:visited {
	text-transform: capitalize;
	text-decoration: none;
	color: #00516E;
}

.maf-categories li a:hover {
	text-decoration: underline;
	color: #134E8B !important;
}

.maf-categories .catActive {
	font-weight: bold;
}

/***************************** MY EARNINGS PAGE *****************************
****************************************************************************************/

#tableListOrders td {
	padding: 5px;
	font-size: 11px;
}

.tableMyEarnings tr td {
	border: 1px solid #E0E0DD;
	padding: 5px;
	height: 20px;

}

#tabsUserEarnings {
	margin: 0;
}

/********** Tabs **************/
#tabsUserEarnings .tabs {
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

#tabsUserEarnings .open,
#tabsUserEarnings .tabs:hover {
	background-color: #eee8aa;
}

#tabsUserEarnings span h3 {
	margin-top: 10px;
}

#tabsUserEarnings span h3 a {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

#tabsUserEarnings span h3 a:hover,
#tabsUserEarnings span h3 a:active {
	background: none;
	color: #095197;
}

.current {
	max-width: 100% !important;
	border: 1px none none none;
}

.current .tabs h3 {
	color: #ddd !important;
	font-weight: bold;
}

.maf-search input#search {
	border: 1px solid #B7BBCA;
	color: #747474;
	font: bold 14px;
	padding: 7px 7px 4px;
	/*height: 26px;*/
	/*line-height: 26px;*/
	width: 100px;
	background: #FFF;
	vertical-align: middle;

}

.maf-search input#submit_search_query {
	vertical-align: middle;
	border: 0;

}

.maf-search-input {
	height: 38px;
	margin: 0;
	padding: 5px 0 0;
	width: 164px;
}

/*********************** CHOOSE METHOD TO PAY ***************************
****************************************************************************************/
#table_method_to_pay {
	width: auto;
}

#table_method_to_pay thead tr th {
	padding: 5px;
	background-color: #def6ff;
	border-right: 1px solid #DDDDDD;
	text-align: center;
}

#table_method_to_pay tbody tr td {
	padding: 5px;
}

#table_method_to_pay tbody .center {
	text-align: center;
}

#table_method_to_pay tbody .right {
	text-align: right;
}

#table_method_to_pay tbody tr td.section_title {
	padding-top: 25px;
}

#table_method_to_pay tbody .total_price {
	color: #B05A08;
	font-size: 20px;
	font-weight: bold;
}

#table_method_to_pay #buy_now {
	background-color: #FFD7A8;
	border: 1px solid #F7B15D;
	border-radius: 5px 5px 5px 5px;
	color: #B05A08;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
}