@import url(Base.css);	

/*#regions SPAN { border: solid black 1px; display: block; }*/

.routeRange { float: left; width: 33%; background: url(/commonimages/column.jpg) no-repeat bottom right;  height:150px; padding-right:15px;    }
.selectedRange { float: left; width: 33%; background: url(/commonimages/column.jpg) no-repeat bottom right; height:112px; padding-top:38px;  }
.selectedRoutes { float: left; width: 33%; }

.formSubmitModify { clear:left; height: 40px; width:150px; padding-right: 50px; padding-top: 5px; position:relative; left: 75%;  }
.formSubmitSubscribe { }

/* Forms */
#welcome { width: 800px; }
#welcome H1 { font-size:2.0em; color: black; }
#welcome H2 { font-size:1.2em; color: #0072BC; }

/* Intro Area */
#introForm { width: 760px; }
#newUsersIntro { float: left; width: 320px; margin-right: 40px; margin-bottom : 40px; }
#registeredUsersInfo { float: right; width: 400px; }

#introContent { clear: left; }

#newUsersIntro { background-color: #FFE69F; padding-bottom: 10px; }
#newUsersIntro H2 { background-color: #FF7E00; color: #FFFFFF; }
#newUsersIntro H3 { font-weight: normal; font-size: 1.5em; color: #FF4000; }
#newUsersIntro INPUT { float: right; }

#registeredUsersInfo { background-color: #D4DCEB; padding-bottom: 10px; }
#registeredUsersInfo .field { width: 150px; }
#registeredUsersInfo H2 { background-color: #4472B2; color: #FFFFFF; }

#registeredUsersInfo DL {  }
#registeredUsersInfo DT SPAN { display: block; display: block; padding-left: 130px; }
#registeredUsersInfo DT LABEL { margin-top: 5px; float: left; display: block; clear: left; width: 120px; text-align: right; font-weight: bold; padding-right: 10px; }
#registeredUsersInfo DD { }

#registeredUsersInfo A { display: block; float: left; padding-left: 20px; font-size: 0.8em; }
#registeredUsersInfo INPUT.button { float: right; }
#registeredUsersInfo SPAN.checkbox INPUT { width: 15px; margin-left: 0; }

/* Registration Form */
#registrationDetails { background-color: #F1F1F1; color: #0A4FA0; }
#registrationDetails H2 { background-color: #6699CC; color: #FFFFFF; }
#registrationDetails P { width:385px }

#registrationDetails DL { padding: 0px 20px 10px 0px; width: 600px;  }
#registrationDetails DT { margin-top: 3px; float: left; clear: left; }
#registrationDetails DT SPAN { padding-left: 130px; white-space: nowrap; }
#registrationDetails DT LABEL { margin-top: 5px; display: block; width: 120px; padding-right: 10px; }
#registrationDetails DD { margin: 3px 0 0 0; padding: 0 0 0 0; text-align: left; margin-left: 0px;  }
#registrationDetails DD INPUT { width: 200px; }
#registrationDetails DT.password LABEL { width: 140px; }

#registrationDetails .line { border-top:solid 1px #0072BC; padding-top:10px; }

h1 { font-weight: bold; color: #3366CC; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt;	}

/*Form Features*/

DIV.form INPUT.field { width: 400px; }
DIV.form DIV.formSubmitModify INPUT.btnModify { background-color:#3A88C8; font-size:13px; color: #FFFFFF; border-style: none; }
DIV.form DIV.formSubmitSubscribe INPUT.btn_Subscribe{ display:block; float: left; background-color:#3A88C8; font-size:13px; color: #FFFFFF; float:right; border-style: none;}
DIV.form DIV.formSubmitSubscribe INPUT.btn_Unsubscribe { display:block; float: left;  margin-left: 20px; display: none; }
.btn_Subscribe, .btn_Unsubscribe { display:block; float: left; margin-right: 5px; }

/* Routes */


#routes { overflow: hidden; clear: left; }
.panelBody { margin-left:10px; }

#availableRoutes { height:230px; width:300px; float: left; }
#availableRoutes H3 { float: left; margin: 10px 0 10px 0; }
#availableRoutes P { padding-top: 50px; clear: left; float: left; width: 40%; color: #FF0000; text-align: center; }
#availableRoutes P A { display: block; }
#availableRoutes SELECT { height: 170px; width: 300px; }

#buttonRoutes { height:auto; width:auto; float: left; padding-top:70px; }
#buttonRoutes INPUT{ width:75px; margin-left: 10px;}

#selectedRoutes { height: 230px; width:300px; float: left;  margin-left:10px;}
#selectedRoutes H3 { margin: 10px 0 10px 0; }
/*#selectedRoutes INPUT {  float: right; }*/
#selectedRoutes SELECT { height: 170px; width: 300px; }

#selectedRoutes .selectedRoutesContainer { height: 170px; overflow: auto; border: ridge 2px White; background-color:White;}
#selectedRoutes .selectedRoutesContainer DIV { background: url(../commonimages/tblbg.gif) top right; }
#selectedRoutes .selectedRoutesContainer SPAN BR { display: none; }
#selectedRoutes .selectedRoutesContainer SPAN INPUT { display: block; float: left; clear: left; margin-top: 4px; margin-left: 5px; }
#selectedRoutes .selectedRoutesContainer SPAN LABEL { display: block; padding-bottom: 6px; padding-top: 6px; line-height: 14px; }

#plan { width:/*170px*/600px; padding : 9px 10px 0px 10px; float: left;  }
#plan SPAN { font-weight: bold; color: Black; font-size:1.1em; margin: 10px 0 10px 0; display: block; }

#formFooter { clear: both;  }

SPAN.optOut, SPAN.acceptTerms { display: block; clear: left; }
SPAN.optOut INPUT, SPAN.acceptTerms INPUT { display: block; float: left; }
SPAN.optOut LABEL, SPAN.acceptTerms LABEL { display: block; float: left; margin-left: 15px; }


SPAN.acceptTerms { float: left; }
.formSubmitSubscribe INPUT { }

DIV.form DIV.optOut {  width:580px; height:50px; margin-top:20px; padding-left: 20px; clear:none;  }
DIV.form DIV.acceptTerms {  width:580px; height:50px; margin-top:20px; padding-left: 20px; clear:none;  }

.formSubmitSubscribe .validator { display: block; clear: left; }

.none { padding: 0px; margin:0px; }