html, body{
	margin: 0;
	padding: 0;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

img{border-style:none;}

img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

.clear {
clear:both;
}

input,
textarea,
select{
	font-size:15px;
	vertical-align:middle;
	padding-left:3px;
	padding-right:3px;
	color:#000;
}
textarea:disabled, select:disabled, input:disabled {
color:#111111;
background-color:#EEEEEE;
opacity:1;
}

form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}

.userweb__draft-notice {
	border: 1px solid #f60;
	font-size: 14px;
	line-height: 22px;
	height: 26px;
	text-align: center;
	background-color: yellow;
	font-weight: 600;
	font-style: italic;
}

#main .textnav {
width:100%;
max-width:880px;
margin-left:auto;
margin-right:auto;
padding-bottom: 3px;
padding-left: 3px;
padding-top: 4px;
color: #888888;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
text-align: left;
}

#main .textnav a {
text-decoration:none;
color:#2951AD;
border-bottom:1px solid transparent;
}

#main .textnav a:hover {
border-bottom:1px solid #2951AD;
}

.input_section_title {
font-family:Arial,Helvetica,sans-serif;
color:#376D00;
font-size:16px;
font-weight:bold;
margin-top:8px;
margin-bottom:8px;
}

.input_row {
margin-top:15px;
}

.input_rounded {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
	border: 1px solid #999999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: 0px none;
	-webkit-appearance: none;
}

.input_rounded:focus {
	box-shadow: 0 0 5px rgba(136, 191, 51, 1);
	border: 1px solid #999999;
}

.left_50percent {
	float:left;
	width:50%;
}

.right_50percent {
	margin-left:50%;
}


.left_25percent {
	float:left;
	width:25%;
}

.right_75percent {
	margin-left:25%;
}

.input_label {
	font-weight: normal;
	color: #222;
	font-size: 16px;
	line-height:25px;
	width:96%;
}


.form_feedback_colorbox {
	background-color:white;
	max-width:300px;
	padding-bottom:14px;
}

.form_feedback_title {
	background-color:#6b8294;
	padding:6px;
	font-family:Arial,Helvetica,sans-serif;
	color:white;
	font-weight:bold;
	font-size:16px;
	text-shadow: 1px 1px 1px #000;
}

.form_feedback_body {
	background-color:white;
	padding:10px;
	font-family:Arial,Helvetica,sans-serif;
	color:#333333;
	font-size:16px;
}


.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}

/* #wrapper */
#page_wrapper{
	width:100%;
	display:block;
	overflow:auto;
}

/* #header */
#header{
	background: url(/assets/image/v2/bg-header.gif) repeat-x 42% 0;
	height:74px;
	border-bottom: 1px solid #fdfdfd;
}

.container-block {
width:100%;
/*max-width:880px;*/
margin-left:auto;
margin-right:auto;
position:relative;
}

.compName{
	word-wrap:normal;
	white-space:normal;
	font-size:24px;
	line-height:26px;
	color:#333;
	text-decoration:none;
	text-shadow: 0px 1px 2px #324654;
	padding-top:3px;
	position:absolute;
	top:0;
	margin-left:26px;
	margin-top:18px;
}

#menu_container {
	display:inline-block;
	float:right;
	margin-top:30px;
	height:29px;
}

#menu_container img {
vertical-align:middle;
}

.item{
	list-style:none;
	margin:0;
	padding:0 0 4px;
}
.item li{margin:0 0 1px;}

/* #main */
#main{
padding-bottom:30px; /* height of footer */
}
#main .block{
	display:block;
	height:100%;
	background:#f7f7f7;
	-moz-box-shadow: 0 0 2px 1px #d3d1d1;
	-webkit-box-shadow: 0 0 2px 1px #d3d1d1;
	box-shadow: 0 0 2px 1px #d3d1d1;
	/*width:745px;*/
	max-width:872px;
	width:96%;
	margin: 5px auto 0;
	padding: 12px 5px 0;
	min-height:550px;
}

#content_block {
margin-top:15px;
padding:10px;
}
#content_block a {
color: #002299;
text-decoration:none;
}

#content_block_no_top {
padding:10px;
}

.whitebox {
background-color:white;
border:1px solid #999999;
padding:10px;
overflow:hidden;
}

.box_title {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:22px;
padding-top:0;
padding-bottom:0;
font-weight:normal;
}


.listing-title {
margin-top:18px;
margin-bottom:10px;
color:white;
padding:5px;
background-color:#7693a8;
border:1px solid #466378;
font-size:16px;
}


/* orange */
.orange #header{background: url(/assets/image/v2/bg-header-orange.gif) repeat-x 42% 0;}
.orange .listing-title {
background-color:#eadece;
color:#594c32;
border-color:#897c62;
}

/* green */
.green #header{background: url(/assets/image/v2/bg-header-green.gif) repeat-x 42% 0;}
.green .listing-title {
background-color: #6d9b77;
color:white;
border-color:#426e4b;
text-shadow: 0px 1px 1px #224e2b;
}


/* gray */
.gray #header{background: url(/assets/image/v2/bg-header-gray.gif) repeat-x 42% 0;}
.gray .listing-title {
background-color: #a4a4a4;
color:white;
border-color:#444444;
text-shadow: 0px 1px 1px #444444;
}


/* breeze */
.breeze #header{background: url(/assets/image/v2/bg-header-breeze.gif) repeat-x 42% 0;}
.breeze .listing-title {
background-color: #719b9b;
color:#white;
border-color:#456c6e;
text-shadow: 0px 1px 1px #163233;
}

.buttonOutline {
	border: solid thin #999999;
	border-radius: 5px;
	padding:5px 7px 5px 7px;
	display:inline-block;
	min-width: 105px;
	cursor:pointer;
	text-align:center;
}

.button-gradient-green {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CDF199), color-stop(1, #8ABF65) );
	background:-moz-linear-gradient( center top, #CDF199 5%, #8ABF65 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDF199', endColorstr='#8ABF65');
	background-color:#8ABF65;
	color:black;
}

.button-gradient-lightgreen {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CDF179), color-stop(1, #ADD159) );
	background:-moz-linear-gradient( center top, #CDF179 5%, #ADD159 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDF179', endColorstr='#ADD159');
	background-color:#ADD159;
	color:black;
}

.button-gradient-gray {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D4D4D4), color-stop(1, #999999) );
	background:-moz-linear-gradient( center top, #D4D4D4 5%, #999999 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4D4D4', endColorstr='#999999');
	background-color:#999999;
	color:black;
}

.button-gradient-disabled {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EEEEEE), color-stop(1, #BBBBBB) );
	background:-moz-linear-gradient( center top, #EEEEEE 5%, #BBBBBB 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#BBBBBB');
	background-color:#AAAAAA;
	color:black;
	cursor:not-allowed;
}

.listing-thumbnail {
width:140px;
float:left;
}

.listing-more-thumbnails {
display:inline-block;
text-align:center;
width:32%;
margin-top:20px;
}

.listing-details-container {
padding-left:16px;
overflow:hidden;
}

.listing-description-container {
padding-left:16px;
overflow:hidden;
}

.listing-button-container {
text-align:right;
}

.cols_2_medium {
float:left;
width:44%;
}

.cols_2_560 {
float:left;
width:50%;
}

.cols_2_767 {
float:left;
width:50%;
}

.cols_3_767 {
float:left;
width:33.3%;
}

.datepicker {
	width: 75px;
}
.datepickerLedger {
	width: 58px;
	font-size:11px;
	height:14px;
	color:#666666;
}

/* some options to override datepicker defaults in jquery-ui */
.ui-datepicker-trigger {
	margin-left: 2px;
	margin-bottom: -3px;
}

.ui-datepicker {
	width: 14em; /* reduced from 18em, nm */
}

.ui-datepicker .ui-datepicker-title {
	line-height: 1.2em; /* reduce from 1.8em, nm */
}

.ui-datepicker table {
	line-height: 13px; /* added by nm */
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	width: 1.2em; /* reduced from 1.8em */
	height: 1.2em; /* reduced from 1.8em */
}

.ui-datepicker select.ui-datepicker-year {
font-size:0.8em;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; padding-top:4px;padding-bottom:4px; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* end datepicker overrides */

.mobile_only {
	display:none;
}

@media screen and (max-width:880px) {

.compName{
	float:left;
	width:auto;
}

#nav{
display:none;
}

#menu_container {
margin-top:30px;
}

.desktop_only {
	display:none;
}


} /* END 800px */


@media screen and (max-width:767px) {

.cols_2_767 {
float:none;
width:100%;
}


.cols_3_767 {
float:none;
width:100%;
}


.left_25percent {
	float:left;
	width:50%;
}

.right_75percent {
	margin-left:50%;
}

}/* END 767px */


@media screen and (max-width:560px) {

#main{
margin-top:0px;
z-index:1;
}

#main .block{
	display:block;
	position:relative;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width:100%;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding-left:5px;
	min-height:0px;
	overflow:auto;
}

.cols_2_560 {
float:none;
width:100%;
}

input:not([type="image"]):not([type="button"]),
textarea,
select{
margin-left:8px;
}

.left_50percent, .right_50percent, .left_25percent, .right_75percent {
float:none;
width:100%;
margin-left:0px;
}

.whitebox {
width:100%;
border:none;
}

} /* END 560px */

@media screen and (max-width:480px) {

.cols_2_medium {
float:none;
width:100%;
}

.listing-description-container {
padding-left:0px;
}

.listing-more-thumbnails {
display:block;
width:100%;
}


} /* END 480px */

@media screen and (max-width:360px) {


.listing-thumbnail {
width:100%;
float:none;
text-align:center;
}

.listing-details-container {
padding-left:0px;
margin-top:10px;
}

.listing-button-container {
text-align:center;
}


.fullsmall {
float:none;
width:100%;
}


} /* END 360px */
