body { margin: 0px 0px 0px 0px; font-family: Verdana; font-size: 10pt; height: 100%; background-repeat: repeat-x; background-position: bottom center; }



.print { background-color: White; background-image: none; }
.secure { background-image: url( 'securebg2.png' ); background-repeat: repeat-x; background-position: bottom; background-color: white; font-size: 8pt; color: Black; }
img { border: 0px; }
.instruction { color: gray; font-size: 8pt; font-style: italic; }
.modalpopupbackground { filter: Alpha(Opacity=40); -moz-opacity: 0.4; opacity: 0.4; width: 100%; height: 100%; background-color: #999999; position: absolute; z-index: 500; top: 0px; left: 0px; }
.modalpopupbox { background-color: White; border: solid 1px black; padding: 5px 5px 5px 5px; text-align: center; vertical-align: middle; height: 150px; width: 300px; }
.public { background-color: #7c91c0; font-size: 10pt; color: Black; padding-bottom: 15px; }
#publichometop { background: url("hometop.jpg" ) 0 0 no-repeat; background-position: left top; height: 100px; color: White; padding: 15px 15px 15px 15px; vertical-align: top; background-color: #6666cc; overflow: auto; }
#publichomemid { background: url("homemid.jpg" ) 0 0 no-repeat; background-position: left top; background-color: #5D6E9A; height: 40px; padding: 3px 12px 3px 12px; text-align: right; overflow: hidden; }
#publichomebtm { background: url("homebtm.jpg" ) 0 0 no-repeat; background-position: left top; background-color: #abbad9; height: 220px; overflow: auto; }
#tree { height: 440px; width: 220px; vertical-align: top; overflow: scroll; border: solid 1px gainsboro; padding: 15px 15px 15px 15px; background-color: white; color: Black; background-position: right bottom; background-repeat: no-repeat; }

#publicbanner { background: url(  "banner.jpg" ) 0 0 no-repeat; height: 80px; background-color: #3C5A9A; }
#publicmenu { background: url(  "menu.jpg" ) 0 0 no-repeat; vertical-align: top; padding: 20px 15px 15px 15px; background-color: #7c91c0; }
#publicbodymain { padding: 15px 15px 15px 15px;  background: url("pagebtm.jpg" ) top left no-repeat #abbad9; }
#publicbody {  vertical-align: top; border: solid 1px black; background-color:#abbad9; }
#publictitle {  color: White; font-size: 22pt; position:absolute; top:20px; left:15px; }
#publicads { text-align: right; height: 80px; border-bottom: solid 1px black; background-color: #6699cc; position:relative; }
#publicbodytext { font-size: 12pt; color: Black; }
#publicright { background: url("right.jpg" ) 0 0 no-repeat; width: 20px; height: 270px; }
#leftPacker { background: url("menu.jpg" ) 0 0 no-repeat; width: 20px; }
#publicfooter { border: solid 1px Black; border-top-style: none; width: 100%; color: White; font-size: 10pt; text-align: right; background-color: #333333; vertical-align: bottom; -moz-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; padding: 15px 30px 15px 30px; }
#publicnews { background: url("news.jpg" ) 0 0 repeat-y; background-position: right top; width: 280px; border-left: solid 1px black; vertical-align: top; overflow: auto; }

.secureheader { background: url(  "header_secure_2.gif" ) 0 0 no-repeat; background-position: right; height: 80px; }
#container { height: 100%; }


.homebody { padding: 15px 15px 15px 15px; font-size: 10pt; color: White; }

.hometitle { color: White; font-size: 22pt; }
a.hometitle { color: White; font-size: 12pt; }
.newstitle { color: White; font-size: 16pt; }
a.newstitle { color: White; font-size: 12pt; }
a.newstitle:hover { color: White; font-size: 12pt; text-decoration: underline; }
a { color: blue; text-decoration: none; }
a:hover { color: blue; text-decoration: underline; }

.mainrule { height: 1px; background-color: Black; }
.maintitle { color: Black; font-size: 14pt; vertical-align: top; padding-bottom: 5px; }
.mainusertitle { color: Black; font-size: 14pt; vertical-align: top; padding-bottom: 5px; }
.mainlogin { background-color: White; border-color: Gray; -moz-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; border:solid 1px black; }

.mainbody { color: Black; overflow: scroll; }


.padding { padding: 15px 15px 15px 15px; }
.menu { }
.menu_item { color: Black; border-top: solid 1px black; border-left: none 1px black; border-right: none 1px black; }

.menu_link { color: Black; font-size: 11px; text-decoration: none; }
.menu_link:hover { color: Black; text-decoration: none; }
.menu_nested { padding: 6px 7px 6px 7px; border-left: none 1px black; border-right: none 1px black; }
.menu_nested:hover { padding: 6px 6px 6px 6px; border-left: solid 1px black; border-right: solid 1px black; background-color: cornflowerblue; background: url( "menu_over.png" ); }
.menu_nested_selected { padding: 6px 6px 6px 6px; border-left: solid 1px Black; border-right: solid 1px Black; color: White; }
.menu_item_profile { background-color: white; border: solid 1px Black; }
.menu_nested_profile { padding: 6px 7px 6px 7px; }
.menu_nested_profile:hover { background: url(          "menu_over.png" ); background-color: cornflowerblue; padding: 6px 6px 6px 6px; }

.menu_nested_selected_profile { padding: 6px 6px 6px 6px; background-color: Gray; }
.footer { position: relative; bottom: 5px; border-top: solid 1px Black; width: 100%; color: Black; font-size: 8pt; }
.pointer { cursor: pointer; }
.data_footer_pdf { text-align: center; font-size: 8pt; color: Gray; }
.data_mailinglistcount { color: DimGray; text-decoration: underline; }
.data_grid { border: solid 1px Gainsboro; font-size: 8pt; padding: 2px 2px 2px 2px; color: Black; }

.data_gridview_row { background-color: Whitesmoke; vertical-align: text-top; }
.data_gridview_edit { background-color: aliceblue; vertical-align: text-top; }
.data_gridview_altrow { background-color: White; vertical-align: text-top; }
.data_gridview_header { background-color: #e9e7e7; text-align: left; vertical-align: text-top; font-weight: bold; background-image: url( 'bg-grid.gif' ); background-position: bottom; background-repeat: repeat-x; color: DimGray; }

.data_button { width: 80px; text-align: center; padding: 1px 1px 1px 1px; }
.data_dropdownlist { width: 206px; font-size: 8pt; font-family: Verdana; }


.data_textbox { width: 200px; font-size: 8pt; font-family: Verdana; }
.data_bold { font-weight: bolder; font-size: medium; }
.data_watermark { color: Gainsboro; }
.data_text { background-color: White; padding: 5px 5px 5px 5px; height: 200px; width: 600px; color: Black; border: solid 1px black; }
.data_watermark { color: Gray; font-size: 8pt; font-family: Verdana; }
.text_big { font-size: 12pt; }
.text { font-size: 8pt; }
.data_listbox { width: 200px; font-size: 8pt; font-family: Verdana; }

.data_form { border: solid 1px gainsboro; padding: 15px 15px 15px 15px; background-color: white; color: Black; background-position: right bottom; background-repeat: no-repeat; font-size: 8pt; }
.data_excl { border: solid 5px Red; padding: 15px 15px 15px 15px; background-color: white; color: Black; background-image: url( 'excl.gif' ); background-position: right bottom; background-repeat: no-repeat; }
.data_form_header { background-color: Gray; color: White; font-size: 10pt; padding: 5px 5px 5px 10px; border: solid 1px gray; }
.data_web { border: solid 1px gainsboro; padding: 15px 15px 15px 15px; background-color: gainsboro; color: Black; background-position: right bottom; background-repeat: no-repeat; }
.data_photoframe { }
.data_photoframe:hover { }
.data_apply { font-size: 8pt; }
.data_blank { color: Black; border: solid 1px white; padding: 15px 15px 15px 15px; background-color: White; }
.data_editor { background-color: white; }
#noticeheader { font-size: 16pt; }
#noticebody { font-size: 10pt; }

.header { font-size: 11pt; font-weight: bold; }
.header_print { font-size: 14pt; font-weight: bold; }
.bold { font-weight: bold; }
.data_applink { font-size: 12pt; color: Blue; }


.data_appheader { font-size: 12pt; color: Blue; }
.tab { padding: 15px; font-size: 8pt; }
.edit { text-decoration: underline; color: Lime; font-weight: normal; }
.edit:hover { text-decoration: none; }
.underline { text-decoration: underline; }
.error { color: Red; }
.status { color: Green; font-size: 14pt; }
.wait { color: Orange; font-size: 14pt; }
.login { display: block; width: 80px; height: 29px; text-decoration: none; background: url(          "login.gif" ) 0 0 no-repeat; }

.login:hover { background-position: 0 -29px; }
#progressBackgroundFilter { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; padding: 0; margin: 0; background-color: #000; filter: alpha(opacity=30); opacity: 0.3; z-index: 1000; }

#processMessage { position: fixed; top: 30%; left: 43%; padding: 10px; width: 14%; z-index: 1001; background-color: #fff; border: solid 1px dimgray; text-align: center; }



.boxpopup { font-family: Arial,sans-serif; font-size: smaller; /*POPUP FONT */ color: black; background: #FFFF99; /*COLOURS*/ width: 250px; text-align: center; /*BOX WIDTH*/ padding: 4px 5px 4px 5px; /*SPACE FROM TEXT TO BORDER*/ font-weight: bold; /* TEXT WEIGHT*/ border: 1px solid gray; /*POPUP BORDER*/ }
#pdq { position: absolute; visibility: hidden; z-index: 200; }
#data_form { border: solid 3px cornflowerblue; background-color: White; padding: 30px; -moz-border-radius: 15px; border-radius: 15px; }
#data_form label { float: left; width: 150px; }
#data_form input[type=text] { width: 350px; padding: 5px; font-size: 12pt; color: DimGray; }
#data_form input[type=password] { width: 350px; padding: 5px; font-size: 12pt; color: DimGray; }

#data_form textarea { width: 350px; padding: 5px; font-size: 12pt; color: DimGray; font-family:Verdana; }
#data_form input[type=button] { width: 150px; padding: 3px; font-size: 12pt; color: Black; }
#data_form select { width: 350px; padding: 5px; font-size: 12pt; color: DimGray; }
#data_form hr { clear: both; }
.box { border: solid 1px DimGray; background-color: White; padding: 30px; -moz-border-radius: 15px; border-radius: 15px; }
hr.dashed { border-style: none; border-top: dotted 3px black; }
hr.light { border-style: none; border-top: solid 1px gainsboro; }

hr { border-style: none; border-top: solid 1px DimGray; }

.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.btn { width: 150px; padding: 3px; font-size: 12pt; color: Black; }
.required { font-weight: bold; }
.posted { float: right; font-size: 10pt; color: gainsboro; }
.img { border: solid 1px DimGray; padding: 5px; background-color: white; -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888; box-shadow: 5px 5px 3px #888; }
h1 { color: DimGray; font-size: 18pt; margin: 0 0 5px 0; font-weight: normal; }
h2 { color: Black; font-size: 16pt; margin: 0 0 10px 0; font-weight: normal; text-shadow: DimGray 0.1em 0.1em 0.2em;}
h3 { color: Black; font-size: 24pt; margin: 0 0 10px 0; font-weight: normal;}
h4 { color: Black; font-size: 16pt; margin: 40px 0 10px 0; font-weight: normal;  color:Blue;}