/* @Group Reset ------------------------------------------------------------ */

html, body, h1, h2, h3, h4, div, p, a, span, ul, li, form {margin:0;padding:0;}
p { margin: 10px auto; color: #444; }

img { border: 0; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #c00; }
a:hover, a:active { text-decoration: none; color: #699a01;  }

body { font-family: "Lucida Grande", Helvetica, Arial, sans; font-size: 10pt; background: #ddd url(img/backgroundTile.jpg) repeat center top; }

.limeGreen { color: #699a01; }

/* @End of Reset ----------------------------------------------------------- */


/* @Group Page Headings ---------------------------------------------------- */

#msasPageHeader { width: 900px; height: 70px; display: block; padding-top: 10px; margin: auto; border: 0px solid #c00; }

#msasPageHeader h1 { width: 295px; float: none; }
#msasPageHeader h1 a { width: 295px; display: none; font-size: 10px; padding: 0; margin: 0; text-indent: -50px;}

#msasPageHeaderMenu {float: left; width: 900px; margin: auto; }
#msasPageHeaderMenu li { float: right; list-style: none; }
#msasPageHeaderMenu li span { display: none; }

#msasPageHeaderMenuHome {width: 295px; height: 70px; display:block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat left top; }

#msasPageHeaderMenuSociety { width: 89px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -295px top; }
#msasPageHeaderMenuSocietyActive { width: 89px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -295px bottom; }
#msasPageHeaderMenuSociety:hover { background-position: -295px bottom;}

#msasPageHeaderMenuMembership { width: 114px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -384px top; }
#msasPageHeaderMenuMembershipActive { width: 114px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -384px bottom; }
#msasPageHeaderMenuMembership:hover { background-position: -384px bottom; }

#msasPageHeaderMenuObservatory { width: 121px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -498px top; }
#msasPageHeaderMenuObservatoryActive { width: 121px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -498px bottom; }
#msasPageHeaderMenuObservatory:hover { background-position: -498px bottom; }

#msasPageHeaderMenuGallery { width: 85px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -619px top; }
#msasPageHeaderMenuGalleryActive { width: 85px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -619px bottom; }
#msasPageHeaderMenuGallery:hover { background-position: -619px bottom; }

#msasPageHeaderMenuAstronomy { width: 115px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -705px top; }
#msasPageHeaderMenuAstronomyActive { width: 115px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -705px bottom; }
#msasPageHeaderMenuAstronomy:hover { background-position: -705px bottom; }

#msasPageHeaderMenuMisc { width: 80px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -820px top; }
#msasPageHeaderMenuMiscActive { width: 80px; height: 70px; display: block; background: transparent url(assets/images/MSAS_Header_Main.png) no-repeat -820px bottom; }
#msasPageHeaderMenuMisc:hover { background-position: -820px bottom; }

#msasPageHeader h1 { width: 295px; height: 70px; float: left; }
#msasPageHeader h1 a { width: 295px; height: 70px; display: block; }

/* @End -------------------------------------------------------------------- */



/* @Group Breadcrumb Bar Area ---------------------------------------------- */

#msasBreadcrumb { width: 900px; height: 28px; margin: 20px auto 0 auto; padding-top: 5px; background: transparent url(assets/images/MSAS_breadcrumb_background.png) no-repeat left top; }
#msasBreadcrumb li.breadcrumbTitle { list-style: none; float: left; padding: 0 10px; outline: : 0; color: #c00;}
#msasBreadcrumb li.breadcrumbItem { list-style: none; float: left; padding: 0 2px; outline: : 0; font-weight: normal; }
z#msasBreadcrumb a { color: #669; }
#msasBreadcrumb li.breadcrumbSeparator { list-style: none; float: left; padding: 0 5px; outline: : 0; color: #c00; font-weight: bold; }

/* End of Breadcrumb Area -------------------------------------------------- */



/* @Group Page Content Areas */

#headerBlank { height: 116px; background: transparent url(assets/images/headerBlank.png) no-repeat left top; clear: both; }
/* #headerimglocn h4 { background: transparent url(img/Feature1Header.jpg) no-repeat left top; height: 66px; } */
h1 {}
h2 { display: none; }
h3 { display: none; }
h5 { font-size: 16px; margin-top: 20px; color: #699a01; text-shadow: white 0 1px 0; }
h6 { font-size: 12px; margin-top: 20px; color: #699a01; text-shadow: white 0 1px 0; }

/* @End -------------------------------------------------------------------- */


/* @Group Header Buttons (right) ------------------------------------------- */

#headerSmallButtons { list-style: none; float: right; width: 131px; padding: 1px; }
#headerSmallButtons li { list-style: none; display: block; }
#headerSmallButtons li span { padding-left: 10px; font-size: 9pt; font-weight: normal; color: #999; /* display: none; */ }
#headerSunrise { display: block; background-color: transparent; width: 123px; height: 39px; padding-top: 12px; }
#headerSunrise:hover { background-position: left bottom;}
#headerSunset { display: block; width: 123px; height: 37px; }
#headerDaylight { display: block; width: 123px; height: 37px; }
#headerTutorials { display: block; width: 123px; height: 37px; }
#headerSunset:hover { background-position: left bottom; }
#headerDaylight:hover { background-position: left bottom; }
#headerTutorials:hover { background-position: left bottom; }
#headerSupport { display: block; width: 123px; height: 37px; }
#headerSupport:hover { background-position: left bottom; }

/* @End -------------------------------------------------------------------- */



/* @Group Content Area Sub Navigator --------------------------------------- */

/* ----------------------------------------------------------------------------- 
	The lines on the tab bar, 
	the shading on mouseover, 
	and the static / active state indications 
	are all delivered using .PNG background images.
   -----------------------------------------------------------------------------
*/

/* #iconImg, #iconImg2 { position: relative; float: left; width: 128px; height: 128px; top: -100px; left: 20px; } */
#tabImage { /* background: transparent url(img/tabImage.png) no-repeat left top; */ }
#tab { background: transparent url(img/tabTile.png) top left repeat-x; clear: both; }
#tab ul { text-align: left; padding: 11px 0 11px 15px; width: 100%; }
#tab li { display: inline; white-space: nowrap; }
#tab li a.static { color: #444; text-shadow: white 0 1px 0; border-right: 1px solid transparent; border-left: 1px solid transparent; border-top: 1px solid transparent; padding: 10px 6px; }
#tab li a.static:hover { background: transparent url(img/tabHover.png) repeat-x left top; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 6px;}
#tab li a.selected { color: #222; text-shadow: 0 1px 0 white; background: transparent url(img/tabSelected.png) repeat-x left top; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 6px; }
#tab li img { margin: 0 2px 2px 0; vertical-align: top; /*display: none;*/ }

/* @End -------------------------------------------------------------------- */



/* @Group Content area ---------------------------------------------------- */

#content { width: 900px; margin: auto; padding-top: 20px; }
#content p { color: #666; padding-bottom: 10px; }
#content h1 { font-size: 18px; color: #699a01; float: none; height: auto;}
#content h4 { font-size: 14px; color: #699a01; float: none; height: auto; margin-top: 5px; margin-bottom: 5px; }
#content #feature ul { margin-left: 40px; color: #666; float: none; height: auto; margin-top: 10px; margin-bottom: 10px; }
#content #feature ol { margin-left: 40px; color: #666; float: none; height: auto; margin-top: 10px; margin-bottom: 10px; }
#headerHome { height: 40px; background: transparent url(img/headerHome.png) no-repeat left top; }
#main { padding: 0 2px; background: transparent url(img/mainBackgroundTile.png) repeat-y left top; }
#content div#main div#feature { margin-left: 20px; margin-right: 20px; }
div.lastUpdate {padding-top: 10px; text-align: right; font-size: 10px; color: #999; text-shadow: 0px 1px 0px white;}
/* @End -------------------------------------------------------------------- */




/* @Group MOTD area -------------------------------------------------------- */
#motdContent { width: 900px; margin: auto; padding-top: 20px; font-size: 8pt; }
#motdContent h1 { font-size: 18px; color: #699a01; float: none; height: auto; width: 160px;  }
#motdHeaderHome { height: 10px; background: transparent url(img/headerHome.png) no-repeat left top; }
#motdMain {padding: 0px 20px;color: #666; background: transparent url(img/mainBackgroundTile.png) repeat-y left top; }
#motdMain ul {list-style: none; display: block;}
#motdMain li {list-style: none; height:2pt;}
#motdFooter { height: 15px; padding: 10px; background: transparent url(img/mainBackgroundEnd.png) no-repeat left top; }
/* @End of MOTD area ------------------------------------------------------- */




/* @Group Footer ----------------------------------------------------------- */

#footer { height: 40px; padding-top: 0; margin-top: 0; background: transparent url(img/mainBackgroundEnd.png) no-repeat left top; }

/* @End of Footer ---------------------------------------------------------- */



/* @Group Credits ---------------------------------------------------------- */

#credits { padding-top: 10px; text-align: center; font-size: 10px; color: #999; text-shadow: 0px 1px 0px white; }
#credits a { color: #fff; }

/* @End of credits --------------------------------------------------------- */


/* @Group Event Calendar --------------------------------------------------- */
#EventCalendar {}
#EventCalendar a { color: #600; }
#EventCalendar a:hover { color: #699a01; }
#EventCalendar .form { color: #000000; background-color: #ccccff; font-size: 9pt; font-style:normal; font-weight:normal; border-top: 1px solid #99f; border-right: 1px solid #9999ff; border-bottom: 1px solid #9999ff; border-left: 1px solid #9999ff; margin-left: 0.4em; text-decoration: none; }
#EventCalendar .form:hover { background-color: #ff9; }
#EventCalendar #Calendar .Calendar { border: solid 0px #999; margin: 0; padding: 0.1em; color: #fff; background-color: #ccc; }
#EventCalendar #Calendar .CalendarDayStyle { background-color: #006699; font-size: 8pt; border-top: 1px solid #3399CC; border-right: 1px solid #000033; border-bottom: 1px solid #000033; border-left: 1px solid #3399CC; padding: 0.3em; text-decoration: none; }
#EventCalendar #Calendar .selectedDayStyle { font-size: 9pt; font-weight: bold; padding: 0.3em; background-color: #66cccc; }
#EventCalendar #Calendar .CalendarDayStyle:hover { background-color: #006f9f; }
#EventCalendar #Calendar .CalendarOtherMonthDayStyle { background-color: #111122; color: #444444; font-size: 8pt; border-top: 1px solid #666666; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #666666; font-style:italic; padding: 0.3em; }
#EventCalendar #Calendar .CalendarOtherMonthDayStyle:hover { background-color: #303030; }
#EventCalendar #Calendar .CalendarWeekendDayStyle { background-color: #003344; font-size: 8pt; border-top: 1px solid #336677; border-right: 1px solid #003; border-bottom: 1px solid #000033; border-left: 1px solid #336677; padding: 0.3em; }
#EventCalendar #Calendar .CalendarWeekendDayStyle:hover { background-color: #004f5f; }
#EventCalendar #Calendar .CalendarTodayDayStyle { background-color: #aa0000; font-style: normal; font-size: 8pt; border-top: 1px solid #CC3333; border-right: 1px solid #660000; border-bottom: 1px solid #660000; border-left: 1px solid #CC3333; }
#EventCalendar #Calendar .CalendarTodayDayStyle:hover { background-color: #900000; }
#EventCalendar #Calendar .CalendarMainTitleStyle { background-color: #112266; border-top: 1px solid #445599; border-right: 1px solid #000033; border-bottom: 1px solid #000033; border-left: 1px solid #445599; height: 15px; padding: 1em; margin: 0; font-size: 14pt; font-weight:bold; color: #ccccff; background-image:url('/images/Gradients/listhead-bar-bg.gif'); background-repeat:repeat-x; background-position: bottom left; }
#EventCalendar #Calendar .CalendarNextPrevStyle { background-color: #112266; color: #ccccff; border: solid 0px #ff0000; margin: 1em; padding: 0.3em; font-size: 8pt; font-weight: normal; background-image:url('/images/Gradients/listhead-bar-bg.gif');  background-repeat:repeat-x; background-position: bottom left; }
#EventCalendar #Calendar .CalendarDayHeaderStyle { background-color: #CC6600; font-size: 12pt; font-style:normal; border-top: 1px solid #ff9933; border-right: 1px solid #993300; border-bottom: 1px solid #993300; border-left: 1px solid #ff9933; padding: 0.3em; color: #ffffff; }
#EventCalendar #Calendar .CalendarEventGroupVisit { background-color: #006600; font-size: 8pt; border-top: 1px solid #339933; border-right: 1px solid #003300; border-bottom: 1px solid #003300; border-left: 1px solid #339933; color: #ffffff; }
#EventCalendar #Calendar .CalendarEventPublicHoliday { background-color: #cc6633; border: 1px solid #ffff66; font-size: 8pt; color: #ffffff; font-style: italic; font-weight: bold; }
#EventCalendar #Calendar .CalendarEventOpenDay { background-color: #009933; font-size: 8pt; font-style: normal; border-top: 1px solid #33CC66; border-right: 1px solid #006600; border-bottom: 1px solid #006600; border-left: 1px solid #33CC66; color: #ffffff; }
#EventCalendar #Calendar .CalendarEventSocietyMeeting { background-color: #9966CC; font-size: 8pt; font-style: normal; border-top: 1px solid #CC99ff; border-right: 1px solid #663399; border-bottom: 1px solid #663399; border-left: 1px solid #CC99ff; color: #ffffff; }
#EventCalendar #Calendar .CalendarEventAgm { background-color: #990000;	font-style: normal; font-size: 8pt; border-top: 1px solid #CC3333; border-right: 1px solid #660000; border-bottom: 1px solid #660000; border-left: 1px solid #CC3333; color: #ffffff; }
#EventCalendar #Calendar .CalendarEventCommitteeMeeting { background-color: #990066; font-size: 8pt; font-style: normal; border-top: 1px solid #CC3399; border-right: 1px solid #660033; border-bottom: 1px solid #660033; border-left: 1px solid #CC3399; color: #ffffff; }
#EventCalendar #Calendar .CalendarEventOther { background-color: #039; font-size: 8pt; font-style: normal; border-top: 1px solid #36c; border-right: 1px solid #006; border-bottom: 1px solid #006; border-left: 1px solid #36c; color: #fff; }
#EventCalendar #Calendar .CalendarEventDefault { background-color: #666; font-size: 8pt; font-style: normal; border-top: 1px solid #999; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #999; color: #000; }
#EventCalendar #Calendar .maintenance {	background-color: #996600;	border: 1px solid #FF6600;	font-size: 8pt;} 
#EventCalendar #Calendar .scopedown { background-color: #666666; font-size: 8pt; font-style: normal; border-top: 1px solid #999999; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #999999; }
#EventCalendar #Calendar .CalendarEventEveningClass { background-color: #663333; font-size: 8pt; font-style: normal; border-top: 1px solid #996666; border-right: 1px solid #330000; border-bottom: 1px solid #330000; border-left: 1px solid #996666; color: #ffffff; }
#EventCalendar #Calendar .CalendarEventBlackDay { background-color: #000000; font-size: 8pt; font-style: normal; color: #ffffff; border-top: 1px solid #666666; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #666666; }
#EventCalendar #Calendar .CalendarEventAstroEvent { background-color: #006666; font-size: 8pt; font-style: normal; border-top: 1px solid #339999; border-right: 1px solid #003333; border-bottom: 1px solid #003333; border-left: 1px solid #339999; color: #ffffff; }
#EventCalendar #Calendar .Selector { background-color: #cccc00; color: #ffff00; }

/* @End of Calendar area --------------------------------------------------- */


/* @Group Gallery area ----------------------------------------------------- */

div.galleryItem { float: left; text-align: center; margin: 10px; padding: 2px; display: inline-block; margin-right:auto; background-color: #eee; border:solid 1px #112255; width: 150px; min-height: 175px; max-height: 175px; height: 175px; }
div.galleryItem img { padding-top: 10px; padding-bottom: 10px; }
div.galleryItem .galleryImageTitle { font-size: 8pt;}
div.galleryItem .galleryImageCopyright { font-size: 7pt; color: #999; width:100px;}
.galleryEntry { text-align: center; font-size: 8pt; color: #669; }
.galleryEntry a { text-align: center; font-size: 8pt; font-weight: normal; }

/* @End of Gallery area ---------------------------------------------------- */


/* @Group Admin ------------------------------------------------------------ */

.adminLink { float:left; border-top: solid 2px #ccc; border-left: solid 2px #ccc; border-bottom: solid 2px #666; border-right: solid 2px #666; padding: 10px; margin: 10px; background: #ddd; height: 35px; width: 120px; text-align: center; vertical-align: middle; color: #cce; text-decoration:none; }
.adminLink a { color: #fff; }

/* @End of Admin ----------------------------------------------------------- */



/* @Group DataGrid --------------------------------------------------------- */

.dataGrid { border: solid 0 #cccccc; }
.dataGridRow { border-bottom: solid 1px #9797cc; border-top: solid 1px #9797cc; background-color: #e5e7ea; font-size: 8pt; color: #000000; padding: 0; margin: 0; }
.dataGridRowPlain { border-bottom: solid 0px #9797cc; border-top: solid 0px #9797cc; background-color: #003; font-size: 8pt; color: #ccc; padding: 0; margin: 0; }
.dataGridRow:hover { background-color: #eecc66; }
.dataGridAlternateRow { border-bottom: solid 1px #9797cc; border-top: solid 1px #9797cc; background-color: #f5f7fa; color: #000000; font-size: 8pt; }
.dataGridAlternateRow:hover { background-color: #eecc66; }
.dataGridSelectedRow { border-bottom: solid 1px #609fd4; border-top: dashed 1px #ffffff; background-color: #CE5D5A; font-size: 8pt; }
.dataGridHeader { background-color: #336699; font-size: 8pt; color: #ffffff; font-weight: normal; }
a.dataGridHeader { background-color: #336699; font-size: 8pt; color: #ffffff; font-weight: normal; }
.dataGridPager { background-color: #ffffff; text-align: left; color: #000000; font-weight: bold; font-style: italic; font-size: 8pt; }
.dataGridFooter { background-color: #CCCC99; font-size: 8pt; text-align: left; }
.SelectedPager { text-decoration: none; font-size: 14pt; padding-left: 2px; padding-right: 2px; margin-left: 0; margin-right: 0; border: solid 1px #cc0000; background-color: #99dd99; color: #000000; font-weight:bold; }
.SelectedPager:hover {}
#MenuPager { width: 100%; }
#MenuPager .PagerDetails { font-size: 14pt; }
.DataGridHeaderText  { font-size: 8pt; color: #ffffff; font-weight: bold; line-height: 28px; background-color: #336699;	}
.DataGridFooterText  { font-size: 8pt; color: #ffffff; font-weight: normal; background-color: #336699; }
.DataGridItemText  { font-size: 8pt; color: #000000; background-color: #E5E7EA; font-weight: normal; }
.DataGridAltItemText  { font-size: 8pt; color: #000000; font-weight: normal; background-color: #F5F7FA;	}
.DataGridEditItemText  { font-size: 8pt; color: #000000; font-weight: normal; background-color: #ffffcc; }
.dataGridEditRow { font-size: 8pt; color: #000000; font-weight: normal; background-color: #ffffcc; }
.DataGridSelectedItemText  { font-size: 8pt; color: #000000; font-weight: normal; background-color: #FF9966; }

/* @End of Datagrid -------------------------------------------------------- */


/* @Group Members Zone ----------------------------------------------------- */

#memberzone {}
#memberzone .ddl { background-color: #ffc; margin-bottom: 0.5em; margin-left: 0.5em; }
#memberzone table { border: dotted 0px #0c0; }
#memberzone table#buttons { width: 100%; border: dotted 0px #cc0; margin-bottom: 1em; clear: both; }
#memberzone table#memberbase { width: 33%; border: dotted 0px #cc0; margin: 0; float: left; }
#memberzone table#memberphoto { width: 30%; border: dotted 0px #cc0; margin: 0; float: left; }
#memberzone table#memberstatus { width: 33%; border: dotted 0px #cc0; margin: 0; float: left; }
#memberzone table#memberphoto td.cellContent { text-align: center; }
#memberzone table#memberaddress { width: 96%; border: dotted 0px #cc0; margin: 1em; clear: both; }
#memberzone table#memberpayments { width: 100%; border: dotted 0px #cc0; clear: both; }
#memberzone table .cellTitle { background-color: #004455; font-size: 9pt; font-weight: bold; color: #ffffff; border-top: 1px solid #337788; border-right: 1px solid #000033; border-bottom: 1px solid #000033; border-left: 1px solid #337788; text-align: right; width: 150px; }
#memberzone table .cellContent { background-color: #006699; font-size: 8pt; border-top: 1px solid #3399CC; border-right: 1px solid #000033; border-bottom: 1px solid #000033; border-left: 1px solid #3399CC; }
.rfvError { font-size: 18pt; }

/* @End of Members Zone ---------------------------------------------------- */


/* @Group Buttons ---------------------------------------------------------- */

a.greenButton { display:inline-block; color:#333333; background-image:url('/images/Gradients/addtobasket.gif');   background-repeat:repeat-x; background-color:#F0FFCB; padding-left:1em; padding-right:1em; padding-top:1px; padding-bottom:1px;	font-size:8pt; text-decoration:none; border: 1px solid #7B9043; font-weight:normal;  background-position: bottom left; }
a.greenButton:link, a.greenButton:active, a.greenButton:visited { color:#333333; font-weight:normal; }
a.greenButton:hover { color:#cc0000; font-weight:normal; }
a.standardButton { display:inline-block; color:#333333; background-image:url('/images/Gradients/moreInfo.gif');  background-repeat:repeat-x; background-color:#CBDEFF; padding-left:1em; padding-right:1em; padding-top:1px; padding-bottom:1px; font-size:8pt; text-decoration:none; border: 1px solid #515E7D; font-weight:normal;  background-position: bottom left;  white-space:nowrap; }
a.standardButton:link, a.standardButton:active, a.standardButton:visited { color:#333333; font-weight:normal; }
a.standardButton:hover { color:#cc0000; font-weight:normal; }
input.standardButton { display:inline-block; color:#333333; background-image:url('/images/Gradients/moreInfo.gif');  background-repeat:repeat-x; background-color:#CBDEFF; padding-top:1px; padding-bottom:1px; font-size:8pt; text-decoration:none; border: 1px solid #515E7D; font-weight:normal; background-position: bottom left; white-space:nowrap; }
input.standardButton:hover { color:#cc0000; cursor:hand; cursor:pointer; }
a.addButton { color:#333333; background-color:#F0FFCB; padding-left:0.2em; padding-right:0.2em; padding-top:1px; padding-bottom:1px; font-size:8pt; text-decoration:none; border: 1px solid #7B9043; font-weight:normal; background-position: bottom left; }
a.addButton:link, a.addButton:active, a.addButton:visited { color:#333333; font-weight:normal; }
a.addButton:hover { color:#333333; font-weight:normal; background-color:#D0FFCB; }
a.deleteButton { color:#333333; background-color:#FFDEDD; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px; font-size:8pt; text-decoration:none; border: 1px solid #515E7D; font-weight:normal; background-position: bottom left; white-space:nowrap; }
a.deleteButton:hover { background-color:#FFBBBB; }

/* @End of Buttons --------------------------------------------------------- */



.form { color: #000000; background-color: #eeeeff;  font-size: 8pt; font-style:normal; font-weight:normal; border-top: 1px solid #9999ff; border-right: 1px solid #9999ff; border-bottom: 1px solid #9999ff; border-left: 1px solid #9999ff; }
.form:hover { background-color: #ffffcc; }
#ContactForm { }
#ContactForm table { width: 100%; padding: 0; }
#ContactForm .form { border: solid 1px #666699; font-size: 12pt; color: #333; }
#ContactForm .form:focus { border: solid 1px #cc6666; background-color: #ffff99; }
#loginTable { background-color: #FFF0F0; border: 0px solid #CC6633; padding: 5px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#loginTable h1 { font-size: 20px; font-weight: bold; color: #ffcc33; line-height: 24px;	 padding-top : 0px; font-style: normal; padding-top: 0px; margin-top: 0px; }
.TableYellow {	background-color: #FFFFE0; border: 1px solid #FFCC66; }
.TableGray { background-color: #E0E0E0; border: 1px solid #666666; }
.TableError { background-color: #fff0f0; border: 1px solid #CC6633; color: #cc0000; }
.editable { border-right: #663300 1px solid; border-top: #cc9966 1px solid; border-left: #cc9966 1px solid; border-bottom: #663300 1px solid; background-color: #ccffcc; margin: 0px; }
.noneditable { border-right: #666666 1px solid; border-top: #666666 1px solid; border-left: #666666 1px solid; border-bottom: #666666 1px solid; background-color: #ccccff; margin: 0px; }
.EditableCellTitle { margin: 0px;  font-size: 9pt; background-color: #007766; color: #ffffff; font-weight: normal; border-top: 1px solid #00cc99; border-right: 1px solid #006633; border-bottom: 1px solid #006633; border-left: 1px solid #00cc99; }
.EditableCellContents { margin: 0px; font-size: 9pt; background-color: #ccffcc; color: #000000; font-weight: normal; }
.mandatory  { border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid; background-color: #FFCCCC; margin:0px; }
.mandatory:focus { border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid; background-color: #FFFFCC; margin:0px; }
.mandatoryLogin { border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid; background-color: #FFCCCC; margin:0px; font-size: 14pt; }
.mandatoryLogin:focus { border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid; background-color: #FFFFCC; margin:0px; }
.mandatorymissing { border-right: red 1px solid; border-top: red 1px solid; border-left: red 1px solid; border-bottom: red 1px solid; background-color: #FFFF66; margin:0px; }
#articleListLeft {width: 50%; float: left;}
#articleListRight {width: 50%; float: left;}
.clearFloat { clear:both; }