/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

* { margin:0;padding:0; }

body {
	background: #356f92;
	color: #464646;
	margin: 0;
	font: normal 14px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

input, textarea {
	padding: 9px;
	border: 1px solid #bdbdbd;
	outline: 0;
	font: normal 14px Verdana, Tahoma, sans-serif;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.h2 {
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

input.txtField { width: 200px;
	color: #000;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

input.txtField2 { width: 50px;
	color: #000;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	
	
textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

input.submit  {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#container { width:700px; margin:0 auto; padding:25px 15px 10px 15px; background-color: #fff; -moz-box-shadow: 0 5px 5px rgba(61, 76, 119, 0.8); -webkit-box-shadow: 0 5px 5px rgba(61, 76, 119, 0.8); box-shadow: 0 5px 5px rgba(61, 76, 119, 0.8); }
#welcomeTxt {
	min-height:30px;
	margin-bottom:10px;
	text-align: left;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#renewForm { /*min-width:500px;*/ padding:5px; }

#header { background-color:#FFF; margin: 0 auto; width: 730px; -moz-box-shadow: 0 5px 5px rgba(61, 76, 119, 0.8); -webkit-box-shadow: 0 5px 5px rgba(61, 76, 119, 0.8); box-shadow: 0 5px 5px rgba(61, 76, 119, 0.8); }


#header img {
    max-width: 100%;
}

/* #company_name { background: url(https://secure.midweek.com/resources/images/mwacct_header.jpg);color:#FFF; width:730px; height: 200px; margin:0 auto; text-indent: -9999px; } */

#company_name {
    width: 100%;
}

#kauaimw_header { background: url(https://secure.midweek.com/resources/images/kauai_mwacct_header.jpg);color:#FFF; width:730px; height: 200px; margin:0 auto; text-indent: -9999px; }

.reqd {  color:#F00;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.optl { padding:3px; font-weight:normal; color:#999; }


/**** FORM ELEMENTS *****/
.frmLbl { clear:both; margin-bottom:5px;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.frmData { clear:left; margin-bottom:15px; min-height:80px;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.frmDtls { margin-bottom:5px; color:#333;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.frmErr { color:#F00; padding:3px;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.clearfix { clear:both; }


/****** MEDIA QUERY *****/
@media screen and (max-width:700px) {

    #header { width: 100%; }
    #container { width: 100%; padding: 25px 0 10px 0; }
    #container h3 { text-align: center; }
    .whats_inside { max-width: 90%; margin: 0 auto; float: none !important; }
    #renewForm { width: 90%; margin: 0 auto; }
    #renewForm form { width: 100%; }
    form { width:90%; margin: 0 auto; }
    .frmData input { width: 95%; }
    .frmData input[type=checkbox] { width: auto; }
    .form_part_1 { width: 100% !important; float: none !important; }
    .form_part_2 { float: none !important; }
    .unit_number { float: none !important; margin-left: 0 !important; }
    .last_name { margin-left: 0 !important; }

}




/**** CUSTOMER DATA *****/
.mwField { padding-right:10px; width:100px; background-color:#CCC; text-align:right;  }
.mwData { clear:right; width:350px; margin-left:5px;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#mwCustData { list-style:none; width:500px; }
#mwCustData li { float:left; margin-bottom:5px;height:20px; }
#welcomeMsg { clear:both; min-height:50px; padding-top:15px; }
#midWeekCustData { margin-bottom:20px; }

.mwAgreeChkBx { margin-right:10px; }
.mwAgreeTxt { font-style:italic; color:#333; }