@import url("reset.css");

.innerDiv {

    margin: 0 auto;

    width: 964px;

}

html,

body{

	margin:0;

	padding:0;

	background:#e8e8e8 !important;

	font-family:'font004', Helvetica, sans-serif;font-weight: 400;

	font-weight:normal;

	font-size:18px;

	line-height:20px;

	color:#707070;

}



.clear{

	clear:both;

	line-height:1px;

	overflow:hidden;

}

h1{

font-family:'font004', Helvetica, sans-serif;font-weight: 400;

font-size:22px;

color:#ea7233;

margin:30px 0;

}

h2{

font-family:'font004', Helvetica, sans-serif;font-weight: bold;

font-size:18px;

color:#707070;

margin-bottom:10px;

}



h3{

font-family:'font004', Helvetica, sans-serif;font-weight: 400;

font-size:26px;

color:#ea7233;

text-align:center;

}



h4{

font-family:'font004', Helvetica, sans-serif;font-weight: 400;

font-size:20px;

color:#ea7233;

}



h5{

font-family:'font004', Helvetica, sans-serif;font-weight: 400;

font-size:20px;

color:#ea7233;

}

h6{

font-family:'font004', Helvetica, sans-serif;font-weight: 400;

font-size:20px;

color:#ea7233;

}



p {

font-family:'font004', Helvetica, sans-serif;font-weight: 400;

font-size:18px;

color:#707070;

}

a {

color:#707070;

}

a:link{text-decoration:none;}

a:visited{text-decoration:none;}

a:hover{text-decoration:none;}



.h_link{

	color:#ea7233;

}





#inner{

	width:964px;

	margin:0 auto;

}



/***** Container *****/



#container{

	width:964px;

	background: #ffffff;

	margin-bottom:40px;

	float:left;

}

/**** grid ******/



.grid {

	width:932px;

	height:auto;

	float:left;

	margin-left:32px;

	/*margin-bottom:200px;*/

}



.grid_1,.grid_2,.grid_3,.grid_4 {

	float:left;

}



.grid_1 {

	width: 522px;

	height:480px;

}



.grid_2 {

	width: 395px;

	height:480px;

	margin-left:15px;

}



.grid_3 {

	width: 530px;

	height:605px;

	border-right: 1px solid #cccccc;

}



.grid_4 {

	

}

.grid_3 .b1,.grid_3 .b2,.grid_3 .b3,.grid_3 .b4 {

	width:454px;

	height:66px;

	margin-bottom:25px;

	padding-left:68px;

	float:left;

}



.grid_3 .b1 {

	background: url(images/mud_map_icon1.jpg) no-repeat;

}



.grid_3 .b2 {

	background: url(images/mud_map_icon2.jpg) no-repeat;

}



.grid_3 .b3 {

	background: url(images/mud_map_icon3.jpg) no-repeat;

}



.grid_3 .b4 {

	background: url(images/mud_map_icon4.jpg) no-repeat;

}



/************************* Form ****************************/





.fb-signup {

	background:url(images/fb-signup.jpg) no-repeat;

	width:260px;

	height:53px;

	margin:20px 0px;

	text-indent:-9999999px;

	display:block;

	margin-bottom:0px;

}



.fb-signup:hover {

	background-position:0 -60px;

}



div.section p {

    padding: 0 0 20px;

    line-height: 180%;

}



div.section {

    -moz-border-radius: 12px;

    -webkit-border-radius: 12px;

    background: #FFF;

    padding: 15px 0px 10px 55px;

    max-width: 600px;

    margin-bottom: 20px;

    -moz-border-radius-topleft: 0;

    -moz-border-radius-topright: 0;

    -webkit-border-top-left-radius: 0;

    -webkit-border-top-right-radius: 0;

}

select {

    width:300px;

}



textarea {

    width: 90%;

}



input, textarea {

    font-family:'font004', Helvetica, sans-serif;font-weight: 400;

    font-size:18px;

    color:#707070;

    border: #CCC solid 1px;

    border-color:#CCC; /* important for validator to find default color */

    background: white;

    width: 250px;

	height:36px;

	padding-left:10px;

}



input[type=checkbox], input[type=radio] {

    width:auto;

}



input[type=submit] {

   background:url(images/mud_map_sign_up.jpg) no-repeat;

	width:95px;

	height:38px;

	text-indent:-999999px;

	line-height:1;

    cursor: pointer;

	border:none;

	margin-left:108px;

}

input[type=submit]:hover {

	background-position: 0 -45px;

}



.jquery_form_error_message {

    margin: 5px 0 20px;

    padding: 10px;

    background: pink;

    -moz-border-radius: 12px;

    -webkit-border-radius: 12px;

}

.sbHolder{

	background-color: ;

	border: #CCC solid 1px;

	font-family:'font004', Helvetica, sans-serif;font-weight: 400;

	font-size: 18px;

	font-weight: normal;

	width: 260px;

	height:36px;

	position: relative;



}

.error {

	border-color:#E75057 !important;

}



span.chars_left,

span.jquery_form_error_message {

    background: #f2f2f2;

    padding: 0 2px;

    font-weight: normal;

    font-size: 90%;

    color: #666;

}



span.jquery_form_error_message {

    color: red;

    display: block;

    background: none;

    margin: 0;

    padding: 0;

}



em {

    background: lightyellow;

    font-size: 90%;

    color: #81815c;

    padding: 0 1px;

}



.jquery_form_help {

    color:#999;

    font-family: Georgia, "Times New Roman", serif;

    margin-left: 4px;

}

.name,.last_name,.email,.confirm_email,.Password {

	font-family:'font004', Helvetica, sans-serif;font-weight: 400;

    font-size:18px;

    color:#707070;

}



input:focus {

	border-color:#1DB3E2;

	font-family:'font004', Helvetica, sans-serif;font-weight: 400;

    font-size:18px;

    color:#707070;

}

.p1{

	font-size:15px;

	text-align:center;

	line-height: 18px !important;

    padding-bottom: 10px !important;

}



.p1 a {

	color:#00b2e5;

}



@CHARSET "UTF-8";



.sbHolder:focus .sbSelector{

	

}

.sbSelector{

	display: block;

	height: 30px;

	left: 0;

	line-height: 30px;

	outline: none;

	overflow: hidden;

	position: absolute;

	text-indent: 10px;

	top: 3px;

	width: 170px;

}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover{

	color: #707070;

	outline: none;

	text-decoration: none;

}

.sbToggle{

	background: url(images/select-icons.png) no-repeat;

	background-position: 5px 10px;

	display: block;

	height: 30px;

	outline: none;

	position: absolute;

	right: 0;

	top: 3px;

	width: 30px;

}





.sbHolderDisabled{

	background-color: #3C3C3C;

	border: solid 1px #515151;

}

.sbHolderDisabled .sbHolder{

	

}

.sbHolderDisabled .sbToggle{

	

}

.sbOptions{

	background-color: #ffffff;

	border: solid 1px #515151;

	list-style: none;

	left: -1px;

	margin: 0;

	padding: 0;

	position: absolute;

	top: 30px;

	width: 260px;

	z-index: 1;

	overflow-y: auto;

}

.sbOptions li{

	padding: 0 7px;

}

.sbOptions a{

	border-bottom: dotted 1px #515151;

	display: block;

	outline: none;

	padding: 7px 0 7px 3px;

}

.sbOptions a:link, .sbOptions a:visited{

	color: #ddd;

	text-decoration: none;

}

.sbOptions a:hover,

.sbOptions a:focus,

.sbOptions a.sbFocus{

	color: #707070;

}

.sbOptions li.last a{

	border-bottom: none;

}

.sbOptions .sbDisabled{

	border-bottom: dotted 1px #515151;

	color: #999;

	display: block;

	padding: 7px 0 7px 3px;

}

.sbOptions .sbGroup{

	border-bottom: dotted 1px #515151;

	color: #EBB52D;

	display: block;

	font-weight: bold;

	padding: 7px 0 7px 3px;

}

.sbOptions .sbSub{

	padding-left: 17px;

}



/*****************************************************/



#welcom-container {

	width:960 px;

	height:400px;

	margin-bottom:50px;

}



#welcom-container h1{

font-family:'font004', Helvetica, sans-serif;font-weight: 400;

font-size:38px;

color:#ea7233;

text-align:center;

}

#welcom-container h2{

font-family:'font004', Helvetica, sans-serif;font-weight: bold;

font-size:18px;

color:#707070;

margin-bottom:10px;

}

.textfield{

font-family: 'font004', Helvetica, sans-serif;

font-weight: 400;

font-size: 18px;

color: #707070 !important;

border: #CCC solid 1px;

border-color: #CCC;

background: white;

color: #666;

width: 263px !important;

height: 40px;

padding:5px;

}
.textfield option
{
    width:234px !important;
    overflow:hidden;
}
#errorarea{ padding-bottom:30px;}

#errorarea li { padding-left:20px !important; background:url(images/redbullet.jpg) left 8px no-repeat !important; font-size:18px !important; color:#ea4f53 !important; font-family:'font004', Helvetica, sans-serif !important;}

.or{ background:url(images/or.png) center top no-repeat; width:260px; height:43px;}

.mud-newForm span#selectboxerror.error2 {

    background: url("images/alert.png") no-repeat scroll 0 0 transparent;

    bottom: 28px;

    display: block;

    height: 24px;

    position: absolute;

    right: -32px;

    text-indent: -9999px;

    width: 24px;

}

#newForm-error ul li {padding-left:20px !important; background:url(images/redbullet.jpg) left 8px no-repeat !important; font-size:18px !important; color:#ea4f53 !important; font-family:'font004', Helvetica, sans-serif !important;}



h1.reg_title {

    font-size: 28px;

    padding-bottom: 20px;

}



h2.reg_sub_title {

    color: #707070;

    font-size: 20px;

    font-weight: 600;

}



div.registrationsuccessful div.msg{

	font-family: "font005-regular";

	font-size:18px;

	margin: 0px auto;width: 100%; padding-top: 30px;padding-bottom: 50px;

	color:#8E8781;

	text-align:center;

}



div.registrationsuccessful table.features{

	text-align:center;

	margin: 0px auto;

	width: 760px; 

}



div.registrationsuccessful table.features td.first_tr{

	font-family: "font005-light";

	font-weight:lighter;

	font-size:30px;

	color:#F2A95E;

}



div.registrationsuccessful table.features td.second_tr{

	font-family: "font005-regular";

	font-weight:lighter;

	font-size:18px;

	color:#8E8781;

	padding-top:10px;

}



div.registrationsuccessful table.features td.third_tr{

	padding-top:30px;

}



div.noemailfound div.msg span, div.emailsent div.msg span, div.requestexpired div.msg span{

	display: block;

	width:100%;

	text-align: center;

	color:#8E8781;

}



div.noemailfound div.msg span a, div.emailsent div.msg span a{

	color:#F2A95E;

}



div.registration{

	display: block;

	min-height: 537px;

	padding-left: 11px;

	padding-right: 11px;

	overflow: hidden;

}

div.registration div.leftdiv, div.registration div.rightdiv{

	min-height: 537px;

	padding: 0px;

	margin: 0px;

	position: relative;

	height: 100%;

}

div.registration div.leftdiv{

	width:522px;

	float: left;

}



div.registration div.rightdiv{

	width:330px;

	float: right;

}



div.registration div.rightdiv div.header, div.registration div.rightdiv div.footer{

	width: 314px;

	margin-right: 50px;

	margin-top:20px;

	margin-bottom:20px;

	float: right;

	text-align: left;

	text-transform: uppercase;

}

div.registration div.rightdiv div.header span{

	display: block;

	width: 100%;

	color:#8E8781;

	font-size: 18px;

}

div.registration div.rightdiv div.header span.signup{

	font-size:30px;

	color:#F2A95E;

}

div.registration div.rightdiv div.divform{

	padding-left:10px;

	clear: both;

	display: block;

	font-family:"font005-regular";

	font-size:18px;

	color:#8E8781;

}

div.registration div.rightdiv div.divform table.inputContainer td.titleTd h2{

	color:#8E8781;

} 

div.registration div.rightdiv div.divform table.inputContainer td.titleTd{

	width:130px;

}

div.registration div.rightdiv div.divform table.inputContainer td.indicatorTd{

	width:40px;

}

div.registration div.rightdiv div.footer{

	text-align: center;

	font-family:"font005-regular";

	text-transform: none;

}

div.registration div.rightdiv div.footer span{

	display: block;

	width: 100%;

	color:#8E8781;

	font-size: 14px;

}

div.registration div.rightdiv div.header span a, div.registration div.rightdiv div.footer span a{

	color:#F2A95E;

}

div.registration div.rightdiv div.footer span.submitbutton{

	padding-top: 20px;

	margin: 0 auto;

}



div.registration div.rightdiv div.footer span.submitbutton a{

	display:block;

	width:193px;

	height: 42px;

	background: url(../images/signup_bt_n.png) no-repeat center;

	margin: 0 auto;

}

div.registration div.rightdiv div.footer span.submitbutton a:hover{

	background: url(../images/signup_bt_p.png) no-repeat center;

}



table.inputContainer {

    width: 330px;

    height: 40px;

    margin: 0px 0px 15px 0px;

}

#f-connect-button{

	padding-top: 0px;

}



table.inputContainer td.indicatorTd a {

    display: none;

    height: 36px;

    margin: 0 auto;

    width: 44px;

}

table.inputContainer td.indicatorTd a.error {

    background: url("images/error_indicator_1.png") no-repeat scroll center center transparent;

    margin: auto 0px;

}

table.inputContainer td.indicatorTd a.correct{

	background:none;

}