* {
	margin: 0;
	padding: 0;
}

body {
	background: #003876 url(topline.jpg) repeat-x;
	font-family: Calibri, Charcoal, Geneva, Helvetica, Verdana, sans-serif;
	color: #3d3c3f;
	font-size: 90%;
	height: 100%;
} 
html {height: 100%;}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1em;
}
a {
	color:#353535 ;
	text-decoration: underline;
}
a:hover {
	color: #009ad3;
}

img {
  border: 0px;
}

/* wrapper */

#wrapper { margin: 0 auto; width: 768px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -75px; }
h1.loading  { background: url(progressBar.gif) 0 10px no-repeat; display: block;  height: 20px; padding:  0 0 0 80px; color: #fff;}

/* header */

#header {padding: 20px 0 20px 0;  }
#header .title {float: left; width: 211px;}
#header .title .logo{text-indent: -9999px; display:block; width: 211px; height: 73px; background: url(sslogo.gif) no-repeat;}
#header .subTitle {float: left; width: 320px; color: #009ad3;  margin: 15px 0 0 230px;}

/* content */

#content {clear: both;  }
#content .loginForm{ width: 768px; height: 312px; display: block; background: url(loginBackground.jpg) 0 0 no-repeat; margin: 70px 0 0 0;}

/* top bar */

#content ul#topbar {float: right; margin: 0 10px 0 0; list-style-type: none; font-size: 0.9em; height: 31px;}
#content ul#topbar li { float: left; height: 23px; display: block; padding: 8px 0 0 26px;}
#content ul#topbar li#shortStat {background: url(topMenuFirst.gif) no-repeat; width: 112px; }
#content ul#topbar li.selected {color: #000;}
#content ul#topbar li a {color: #b1b1b2;}
#content ul#topbar li#shortStat.selected {background: url(topMenuFirstSelected.gif) no-repeat;}
#content ul#topbar li#fullStat {background: url(topMenuSecond.gif) no-repeat; width: 116px; padding: 8px 0 0 8px; }
#content ul#topbar li#fullStat.selected {background: url(topMenuSecondSelected.gif) no-repeat;}

/* login form */
.loginForm form {padding: 3px 0 0 24px; width: 370px; float: left; }
.loginForm form h1 {color: #fff; margin: 0 0 10px 0;}
.loginForm form #errorMsg { color: #ff8b00; font-weight: bold; width: 350px;}
.loginForm form input {width: 330px; height: 26px; background: url(loginFormInput.gif) no-repeat; padding: 5px 10px 0 10px; margin: 10px 0 5px 0; border: none; }
.loginForm form input.empty { color: #c3c3c3; }
.loginForm form a {color: #fff; font-size: 1.5em;  margin: 5px 0 0 0; }
.loginForm form a.loading {text-indent: -9999px; background: url(progressBar.gif) no-repeat; display: block; width: 70px; height: 10px;}

.loginForm .formComments { float: left;  background: url(security.gif) 17px 8px no-repeat; padding: 0 0 0 47px; height: 300px; width: 300px;}
.loginForm .formComments h2, .loginForm .formComments h3 {color: #fff;}
.loginForm .formComments .body {color: #009ad3; margin: 10px 0 0 0;}

/* content panel */
#content form.contentPanel { clear: both; }
#content form.contentPanel h1 {display: block; width: 742px; height: 33px; background: url(contentPanelHeader.gif) no-repeat; color: #fff;padding: 8px 0 0 24px; }
#content form.contentPanel .detalization h1 {  background: none; color: #000;  padding: 8px 0; }
#content form.contentPanel .contentPanelBody textInput {width: 10px; height: 26px;  margin: 10px 0 5px 0; border: none; }

#content form.contentPanel .contentPanelBody #rightMenu {position: absolute; top: 10px; right: 50px; text-align: right; text-indent: 900px;cursor: pointer;  }
#content form.contentPanel .contentPanelBody #rightMenu h1 {display: inline; background: none; padding: 0; color: #000; cursor: pointer; }
#content form.contentPanel .contentPanelBody #rightMenu h2{display: inline; background: none; padding: 0; color: #000; cursor: pointer; }
#content form.contentPanel .contentPanelBody #rightMenu h3 {display: inline; background: none; padding: 0; color: #000; cursor: pointer; }
#content form.contentPanel .contentPanelBody #rightMenu a {color: #009ad3;cursor: pointer; }
#content form.contentPanel .contentPanelBody #rightMenu a {color: #009ad3;cursor: pointer; }
#content form.contentPanel .contentPanelBody #rightMenu a {color: #009ad3;cursor: pointer; }
#content form.contentPanel .contentPanelBody #rightMenu a {color: #009ad3;cursor: pointer; }

#content form.contentPanel .contentPanelBody {width: 718px; background: url(contentPanelBody.gif) repeat-y; padding: 15px 24px; position: relative;}
#content form.contentPanel .contentPanelBody fieldset {float: left; width: 90px;border: none; margin: 0 20px 0 0; height: 60px;}
#content form.contentPanel .contentPanelBody fieldset select {width: 85px; }
#content form.contentPanel .contentPanelBody fieldSet1 {float: left; width: 65px;border: none; margin: 0 20px 0 0; height: 60px;}
#content form.contentPanel .contentPanelBody fieldSet1 select {width: 60px; }
#content form.contentPanel .contentPanelBody .hilite {color: #009ad3;}
#content form.contentPanel .contentPanelBody m { background: none; color: #000;  padding: 8px 0; }
#content form.contentPanel .contentPanelBody div.button {background: url(showStatButton.jpg) no-repeat; border: none; width: 182px; height: 31px; text-indent: -9999px;clear: both; display: block; cursor: pointer; }
#content form.contentPanel .contentPanelBody div.button1 {background: url(saveRec.jpg) no-repeat; border: none; width: 182px; height: 31px;text-align: center; text-indent: -9999px;  font-size: 1.2em;clear: both; display: block; cursor: pointer; }
#content form.contentPanel .contentPanelBody div.button2 {background: url(undoRec.jpg) no-repeat; border: none; width: 200px; height: 31px; text-indent: -9999px;clear: both; display: block; cursor: pointer; }
#content form.contentPanel .contentPanelBody div.button3 {background: url(saveMail1.jpg) no-repeat; border: none; width: 182px; height: 31px;text-align: center; text-indent: -9999px;  font-size: 1.2em;clear: both; display: block; cursor: pointer; }
#content form.contentPanel .contentPanelBody div.button4 {background: url(savePsswd.jpg) no-repeat; border: none; width: 182px; height: 31px;text-align: center; text-indent: -9999px;  font-size: 1.2em;clear: both; display: block; cursor: pointer; }
#content form.contentPanel .contentPanelBody div.button5 {background: url(saveResp.jpg) no-repeat; border: none; width: 182px; height: 31px;text-align: center; text-indent: -9999px;  font-size: 1.2em;clear: both; display: block; cursor: pointer; }
#content form.contentPanel .contentPanelBody #print {background: url(printerIcon.gif) no-repeat;  width: 200px; height: 26px; display: block; padding: 20px 0 0 54px;  color: #009ad3;  cursor: pointer; }
#content form.contentPanel .contentPanelFooter {width: 766px; height: 153px; background: url(contentPanelFooter.jpg) no-repeat; }


/* footer */
#footer,.push {height: 75px;}
#footer {clear: both; padding: 0 0 0 77px; color: #fff; font-size: 0.8em; margin: 0 auto; width: 768px; }
#footer .creators {width: 210px; height: 37px; background: #000; margin: 10px 0 0 0;}
#footer .creators #town, #footer .creators #request {text-indent: -9999px; display:block; width: 95px; height: 35px; float: left;}
#footer .creators #town { background: url(townlogo.gif) 8px 8px no-repeat;  }
#footer .creators #request {background: url(reqBlackLogo.gif) 8px 5px no-repeat; }