﻿

.masterbody {
	padding: 10px;
	border: 0px;
	margin: 0px;  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: black; 
    background-color: #652C2B;
}

.masterbodytable {	
  color: Black;
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
  font-weight: normal;
  width: 980px;
}

.masterbodycell 
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.masterbodyfooter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.25pt;
    color: black; 
    text-align: left;	
}

.mainadbanner 
{
	background-color: White;	
	border-collapse: collapse;
	height: 90px;
	margin: 0px;
	padding: 0px;	
}

.mainheader
{
	background-color: #652C2B; 
	margin: 0px;
	padding: 0px;
    height: 38px;
	text-align: left;
	vertical-align: middle;    
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.25pt;
    width: 100%;
}

.mainheadertable 
{
	background-color: #652C2B; 
	margin: 0px;
	padding: 0px;
    height: 38px;
	text-align: left;
	vertical-align: middle;    
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.25pt;
    width: 100%;
}

.shelfarea 
{
	margin: 0px;
	padding: 0px;
    border-collapse: collapse;
    /* height: 480px; */
    height: 1000px;
	text-align: left;
	vertical-align: top;  
	background-color: #652C2B;  
}



.smallbook 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7.25pt;
	color: #BEBE32;
}

.smallbook a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7.25pt;
	color: #BEBE32;
	text-decoration: none;
}

.smallbook a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7.25pt;
	color: #BEBE32;
	text-decoration: none;
}


.groupplaque 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.25pt;
/*	color: #BEBE32;*/
}

.groupplaque a:hover 
{
	text-decoration: underline;
	color: #321810;
}

.groupplaque a:link 
{
	text-decoration: none;	
	color: #321810;
}

.groupplaque a:visited 
{
	text-decoration: none;	
	color: #321810;
}


.shelflink a:hover 
{
	text-decoration: underline;
	color: #0000AA;
}

.shelflink a:link 
{
	text-decoration: underline;	
	color: #0000AA;
}

.shelflink a:visited 
{
	text-decoration: underline;	
	color: #0000AA;
}




.message
{
	border-top: solid top .75pt;   
	border-left: solid top .75pt;   
	border-bottom: solid black .75pt;   
	border-right: solid black .75pt;   
	background-color: #D4D0C8;
  padding: 3px;
  font-size: 9pt;
  vertical-align: top;
}


.directorytable 
{
	 padding: 3px;	 
	 width: 100%;	
}

.directorybody 
{
	border-bottom: solid black .75pt;   
	background-color: white;
  padding: 3px;
  font-size: 9pt;
  vertical-align: top;
  height: 1000px;
	
}
.directoryheader 
{
	border-bottom: solid black .75pt;   
	background-color: #E9FFA6;
  padding: 3px;
  font-size: 9pt;
  vertical-align: top;
	
}


.bookcontrols 
{
	border-bottom: solid black .75pt;   
 background-color: #E9E9E9;
  padding: 1px;
  font-size: 7.25pt;
  vertical-align: middle;
  height: 19px;
}
.bookheader 
{
	border-bottom: solid black .75pt;   
 background-color: #E9E9E9;
  padding: 1px;
  font-size: 8pt;
  vertical-align: top;
    height: 25px;
}
.bookbody 
{
  border-bottom: solid black .75pt;   
  background-color: white;
  padding: 0px;
  font-size: 9pt;
  vertical-align: top;
  height: 1000px;	
}

.locationpicker
{
  border: solid #CCCCCC .75pt;   
  color: Black;
  padding: 3px;
  font-size: 9pt;
  vertical-align: top;  
}


.trinketform 
{
  border: solid black .75pt;   
  background-color: white;
  padding: 0px;
  font-size: 9pt;
  vertical-align: top;
}

.aboutform 
{
  /*border: solid #90B497 .75pt; */
}

/* Title (header) of the form */
.aboutformheader 
{
  background-color: #90B497;
  border: solid #90B497 .75pt;
  font-size: 9pt;
  font-weight: bold;
  color: White;
  vertical-align: text-top;
}

/* Body of the form */
.aboutformbody
{
  padding: 3px;
  background-color: White;
  border: solid #90B497 0px;
  font-size: 9pt;
  vertical-align: top;
}


.tbl
{
  background-color : White;
  padding: 5px;
  margin: 0px;
}

.tblheader
{
  background-color : #CDCDCD;
  color: Black;
  padding: 5px;
  margin: 0px;
  border-top: solid #222222 .75pt;
  border-left: solid #222222 .75pt;
  border-right: solid #222222 .75pt;
  border-bottom: solid #222222 .75pt;   
  font-size: 9pt;
  font-weight: normal;
  text-align: left;
}

.tblbody
{
  background-color : White;
  color: Black;
  padding: 5px;
  margin: 0px;
  border-top: solid #222222 .75pt;
  border-left: solid #222222 .75pt;
  border-right: solid #222222 .75pt;
  border-bottom: solid #222222 .75pt;   
  font-size: 9pt;
  font-weight: normal;
  text-align: left;
}







.authorbiobg 
{
	background-color: #D9FCDF;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.25pt;
}

.authorbio 
{
	background-color: #EEFFEF;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.25pt;
}

.authorpiccell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8.25pt;
    text-align: center;
}

.authornamecell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

.authoruseridcell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: center;
}

.authorprofilecell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: italic;
    text-align: center;
}

.authorcommandcell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: italic;
    text-align: center;
}

.BookHeader 
{
	width: 100%;
	height: 24px;
	margin: 0px;
	padding: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;		
}

.letternav 
{
	font-size: 9pt;	
}


.BookHeader a:hover 
{
	text-decoration: underline;
}

.BookHeader a:link 
{
	text-decoration: none;	
}

.BookHeader a:visited 
{
	text-decoration: none;	
}


.BookHeaderTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;		
    text-align: left;    
    /* font-style: italic; */
}

.BookHeaderPage
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;		
    text-align: center;
}

.BookHeaderAuthor
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;		
    text-align: right;    
    font-style: italic;
}

.mainheadercmds 
{
	margin: 0px;
	padding: 0px;	
	text-align: right;
}



.mainheaderlogo 
{
	margin: 0px;
	padding: 0px;	
	text-align: right;
}

.mainheaderimage 
{
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 0px;	
	width: 40px;
}

.mainheadernav 
{
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 0px;	
	width: 300px;
}



.mainheadercontrol
{
	/*background-color: #D9FCDF; */
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	vertical-align: middle;    
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
}

.mainbookbody 
{
	margin: 0px;
	padding: 0px;
    border-collapse: collapse;
    /* height: 480px; */
    height: 1000px;
	text-align: left;
	vertical-align: top;    
}

.mainbookcontroltable
{
	/* background-color: #D9FCDF; */
	background-color: White;
}

.mainbookcontrol 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    background-color: #D9FCDF;
    border-style: solid;
    border-width: 0.75pt;
    border-color: #777777;
}


.mainbody 
{
	margin: 0px;
	padding: 2px;
    border-collapse: collapse;
    height: 480px;
	text-align: left;
	vertical-align: top;    
}























.mainbanner 
{
  background-color: #89F08B; 
}

.framing 
{
  background-color: #277F28;
}

.search 
{
  background-color: White;
}

.mainbody 
{
  /*background-color: #BBFEAC; */
}

.mainfooter 
{
  background-color: #277F28;
  font-size: 8pt;
  font-weight: normal;
  text-align: center; 
  color: White;
}

.infobox 
{
  background-color: #89F08B;
  color: Black;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 14pt;
  font-weight: normal;
}

.blogbox 
{
  background-color: #BBFEAC;
  color: Black;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 10pt;
  font-weight: normal;
}

.picbox 
{
 background-color : #BBFEAC;
  color: Black;
  margin: 0px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 8pt;
  font-weight: normal;
  text-align: center;
}

.profilebox 
{
 background-color : #BBFEAC;
  color: Black;
  padding: 5px;
  margin: 0px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
}




.profilebody
{
  background-color : #BBFEAC;
  color: Black;
  padding: 5px;
  margin: 0px;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
}


.bulletinfrom
{
  color: Black;
  padding: 2px;
  margin: 0px;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
}

.bulletinsubj
{
  color: Black;
  padding: 2px;
  margin: 0px;
  font-size: 8pt;
  font-weight: normal;
  font-style: italic;
  text-align: left;
}

.bulletinbody
{
  color: Black;
  padding: 2px;
  margin: 0px;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
}

.bulletin
{
  background-color : #BBFEAC;
  color: Black;
  padding: 2px;
  margin: 0px;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
  border-bottom: solid #277F28 .75pt;  
}

.bulletinprivate
{
  background-color : #FEBBAC;
  color: Black;
  padding: 2px;
  margin: 0px;
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
  border-bottom: solid #277F28 .75pt;  
}



.invitebox 
{
  background-color : #BBFEAC;
  color: #AAAAAA;
  padding: 5px;
  margin: 0px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 9pt;
  font-weight: normal;
  text-align: left;
}

.bulletinbox
{
 background-color : #BBFEAC;
 padding: 5px;
  color: Black;
  margin: 0px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
}

.friendsbox
{
 background-color : #BBFEAC;
  color: Black;
  margin: 0px;
  padding: 5px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 8pt;
  font-weight: normal;
  text-align: left;
}

.toolsbox 
{
  background-color: #BBFEAC;
  color: #AAAAAA;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 10pt;
  font-weight: normal;
}

.toolsbox a:hover 
{
	text-decoration: underline;	
}

.toolsbox a:link 
{
	text-decoration: none;	
}

.toolsbox a:visited 
{
	text-decoration: none;	
}


.scrapbook 
{
  background-color: #BBFEAC;
  color: #AAAAAA;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 14pt;
  font-weight: normal;
  font-family: Comic Sans MS;	
}

.toolh1
{
	font-size: 18pt;
	font-family: Comic Sans MS;
	font-weight: bold;
}

.tooltable 
{
  background-color: #BBFEAC;
  color: black;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
  font-size: 10pt;
  font-weight: normal;
}

.tooltabletitle
{
	font-family: Comic Sans MS;
	font-weight: normal;
	text-align: left;
	background-color: #277F28;
  color: White;
  border-top: solid #277F28 .75pt;
  border-left: solid #277F28 .75pt;
  border-right: solid #277F28 .75pt;
  border-bottom: solid #277F28 .75pt;   
}

.tooltablecell
{
	text-align: left;
}




.control 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.imagetable 
{
	background-color: White;
	border: solid #333333 .75pt;
	text-align: left;
}

.imagetabletitle
{
	background-color: White;
	font-weight: bold;
	text-align: left;
}

.imagetablecell
{
	background-color: White;
	text-align: left;
}




/* Navigation  *********************************************************/


.mainnavlogin {
  background-color: #AA7700;
  color: #FFFFFF;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: solid #DDDDDD .75pt;
  border-left: solid #DDDDDD .75pt;
  border-bottom: solid #8A6700 .75pt;   
  border-right: solid #330000 .75pt;  
  font-size: 10pt;
  font-weight: bold;
  vertical-align: text-top;
}
.mainnavlogin a:link {
	color: #330000;
	text-decoration: none;
}
.mainnavlogin a:visited {
	color: #330000;
	text-decoration: none;
}
.mainnavlogin a:hover {
	color: #330000;
	text-decoration: underline;
}

.mainnav {
  background-color: #CC9900;
  color: #330000;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: solid #DDDDDD .75pt;
  border-left: solid #DDDDDD .75pt;
  border-bottom: solid #8A6700 .75pt;   
  border-right: solid #330000 .75pt;  
  font-size: 10pt;
  font-weight: bold;
  vertical-align: text-top;
}
.mainnav a:link {
	color: #330000;
	text-decoration: none;
}
.mainnav a:visited {
	color: #330000;
	text-decoration: none;
}
.mainnav a:hover {
	color: #330000;
	text-decoration: underline;
}


/* Main Applications *********************************************************/

.mainapptitle {
  background-color: #330000;
  color: #CC9900;    
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  /*
  border-top: solid #AAAAAA .75pt;
  border-bottom: solid #AAAAAA .75pt;   
  border-right: solid #AAAAAA .75pt;  
  */
  font-size: 14pt;
  font-weight: bold;
  vertical-align: text-top;
}


.grouptbl { 
  padding: 6px;
  text-align: left;
  background-color: #003333; 
  border: solid .75pt #AAAAAA; 
  color: white;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: text-top;
}


.grouptitle { 
  padding: 6px;
  text-align: left;
  background-color: #003333; 
  color: white;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: text-top;
}



.groupbody { 
  padding: 6px;
  text-align: left;
  /* background-color: #90B459; */
  background-color: #FFFFFF;
  color: #000000;
  font-size: 9pt;
  font-weight: bold;
  vertical-align: text-top;
}


/* Tab *********************************************************/

.tab {
  color: #330000;
  background-color: #FFFFFF; 
  margin: 0px;
  padding: 3px;
  font-size: 9pt;
  vertical-align: text-top;
  border-top: solid #AAAAAA .75pt;
  border-left: solid #AAAAAA .75pt;   
  border-right: solid #AAAAAA .75pt;    
  border-bottom: solid #AAAAAA .75pt;    
}

.selectedtab {
  color: #330000;
  background-color: #FFF2AC; 
  padding: 3px;
  margin: 0px;
  font-size: 10pt;
  font-weight: bold;
  vertical-align: text-top;
  border-top: solid #AAAAAA .75pt;
  border-left: solid #AAAAAA .75pt;   
  border-right: solid #AAAAAA .75pt;    
}

.tabbodytopleft {
  color: black;
  margin: 0px;
  background-color: #FFF2AC; 
  font-size: 9pt;
  vertical-align: text-top;
  border-top: solid #AAAAAA .75pt;
  border-left: solid #AAAAAA .75pt;   
}

.tabbodytopright {
  color: black;
  margin: 0px;
  font-size: 8.25pt;
  background-color: #FFF2AC; 
  vertical-align: text-top;
  border-top: solid #AAAAAA .75pt;
  border-right: solid #AAAAAA .75pt;   
}

.tabbodytop {
  color: black;
  margin: 0px;
  background-color: #FFF2AC; 
  font-size: 8.25pt;
  vertical-align: text-top;
  border-top: solid #AAAAAA .75pt;
}

.tabbodyleft {
  color: black;
  margin: 0px;
  font-size: 8.25pt;
  background-color: #FFF2AC; 
  vertical-align: text-top;
  border-left: solid #AAAAAA .75pt;
}

.tabbodyright {
  color: black;
  margin: 0px;
  font-size: 8.25pt;
  background-color: #FFF2AC; 
  vertical-align: text-top;
  border-right: solid #AAAAAA .75pt;
}

.tabbody {
  color: black;
  background-color: #FFF2AC; 
  padding: 6px;  
  margin: 0px;
  font-size: 10pt;
  vertical-align: text-top;
  visibility: visible;
}

.tabbodyhidden 
{
	visibility: hidden;
}

.tabspacer {
  color: black;
  background-color: #FFFFFF; 
  margin: 0px;
  font-size: 8.25pt;
  vertical-align: text-top;
}

.tabbodybottom {
  color: black;
  margin: 0px;
  background-color: #FFF2AC; 
  font-size: 8.25pt;
  vertical-align: text-top;
  border-bottom: solid #AAAAAA .75pt;
}

.tabbodybottomleft {
  color: black;
  margin: 0px;
  background-color: #FFF2AC; 
  font-size: 8.25pt;
  vertical-align: text-top;
  border-bottom: solid #AAAAAA .75pt;
  border-left: solid #AAAAAA .75pt;   
}

.tabbodybottomright {
  color: black;
  margin: 0px;
  background-color: #FFF2AC; 
  font-size: 8.25pt;
  vertical-align: text-top;
  border-bottom: solid #AAAAAA .75pt;
  border-right: solid #AAAAAA .75pt;   
}



/* Main Body *********************************************************/

.maintbl {
  background-color: #EFEFEF;
  color: black;
  margin: 0px;
  font-size: 8.25pt;
  vertical-align: text-top;
}



.contenttitle { 
  padding: 6px;
  text-align: center;
  background-color: #FFFFFF; 
  color: black;
  font-size: 13pt;
  font-weight: bold;
  vertical-align: text-top;
}

.contentsubtitle { 
  padding: 0px;
  text-align: center;
  background-color: #FFFFFF; 
  color: #777777;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: text-top;
}


.contentbody { 
  padding: 6px;
  text-align: left;
  background-color: #FFFFFF; 
  color: black;
  font-size: 10pt;
  vertical-align: text-top;
}



/*
.mainbody h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
}
*/

/*
.mainbody h1 {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 13pt;
  font-weight: bold;
  text-decoration: none;
}
*/

.mainbody a:link {
	color: #0D169D;
	font-weight: bold;
	text-decoration: none;
}
.mainbody a:visited {
	color:  #0D169D;
	font-weight: bold;
	text-decoration: none;
}
.mainbody a:hover {
	color: #0D169D;
	font-weight: bold;
	text-decoration: underline;
}

/* This to prevent ASP .NET labes to show spaces around *
.mainbody span 
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
*/

.boxtitle { 
  padding: 4px;
  margin: 4px;
  border: solid #AAAAAA .75pt;
  font-size: 9pt;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #8A6700 ;
  vertical-align: text-top;
}



.boxheader { 
  padding: 4px;
  margin: 4px;
  border: solid #AAAAAA .75pt;
  font-size: 9pt;
  font-weight: bold;
  background-color: #FFFFFF;
  color: #8A6700 ;
  vertical-align: text-top;
}

.box { /* Framed box inside a column */
  padding: 4px;
  margin: 0px;
  background-color: #FFFFFF    ;   
  border: solid #AAAAAA .75pt;
  color: black;
  font-size: 9pt;
  vertical-align: text-top;
}

.boxalternate { /* Framed box inside a column, alternate style for table rows */
  padding: 4px;
  margin: 4px;
  background-color: White;
  border: solid #AAAAAA .75pt;
  font-size: 9pt;
  vertical-align: text-top;
}

.boxselected { /* selected box cell */
  padding: 4px;
  margin: 4px;
  background-color: red;
  border: solid #AAAAAA .75pt;
  font-size: 14pt;
  vertical-align: text-top;
}

.boxfooter { 
  padding: 4px;
  margin: 4px;
  background-color: #999999;
  border: solid #AAAAAA .75pt;
  font-size: 9pt;
  font-weight: bold;
  color: black;
  vertical-align: text-top;
}

/* Calculate *******************************************************/

.calcheader { 
  padding: 4px;
  margin: 4px;
  border: none;
  font-size: 9pt;
  font-weight: bold;
  background-color: #003333; 
  color: white ;
  vertical-align: middle;
}

.calcinput { 
  padding: 4px;
  margin: 4px;
  border: none;
  font-size: 9pt;
  font-weight: normal;
  background-color: #FFF2AC;
  color: black;
  vertical-align: middle;

}

.calcresult { 
  padding: 4px;
  margin: 4px;
  border: none;
  font-size: 9pt;
  font-weight: normal;
  background-color: #FFF2AC;
  color: black;
  vertical-align: middle;

}


/* Wizard 2guys Online *******************************************************/

.wizheader { 
  padding: 4px;
  margin: 4px;
  border: none;
  font-size: 9pt;
  font-weight: bold;
  background-color: #003333; 
  color: white ;
  vertical-align: middle;
}

.wizbody { 
  padding: 4px;
  margin: 4px;
  border: none;
  font-size: 9pt;
  font-weight: normal;
  background-color: #FFF2AC;
  color: black;
  vertical-align: middle;

}


/* Footer *********************************************************/

.footer { 
  width: 100%;
  text-align: center;
  background-color: #330000;
  color: white;
  border-left: solid #333333 .75pt;
  border-right: solid #333333 .75pt;
  border-top: solid #333333 .75pt;
  border-bottom: solid #333333 .75pt;
  font-size: 8.25pt;
  font-weight: bold;
  vertical-align: text-top;
}


/* Forms *********************************************************/

/* Style for wizards */
.wizard 
{
  background-color: #DADFE4;
/*
  padding: 2px;
  margin: 2px;
  border: solid #AAAAAA .75pt;
*/
  font-size: 9pt;
  vertical-align: text-top;
}

/* External table containing the form. */
.form 
{
	padding: 3px;
}

/* Title (header) of the form */
.formheader 
{
	background-color: #450C0B;
  /* background-color: #163174; */
  font-size: 9pt;
  font-weight: bold;
  color: white;
  vertical-align: text-top;
}

/* Body of the form */
.formbody
{
	background-color: #D4D0C8;
  padding: 3px;
  font-size: 9pt;
  vertical-align: top;
}

/* (Submit) buttons for the form */
.formbuttons 
{
  padding: 4px;
  margin: 4px;
  /* background-color: #C4E8CB; */
  /* border: solid #90B497 .75pt; */
  background-color: #D4D0C8;
  font-size: 9pt;  
  vertical-align: text-top;
  text-align: right;
}

.bookcomment
{
  font-size: 8pt;
  vertical-align: text-top;	
}



.commentheader
{
  border: solid #AAAAAA .75pt;
  font-size: 9pt;
  vertical-align: text-top;	
}

.commentodd
{
	background-color: white;
  padding: 3px;
  /* background-color: #C4E8CB; */
  background-color: #D9FCDF;
  border: solid #AAAAAA .75pt;
  font-size: 9pt;
  vertical-align: text-top;
}

.commentmsg
{
	background-color: white;
  padding: 3px;
  /* background-color: #C4E8CB; */
  border: solid #AAAAAA .75pt;
  font-size: 9pt;
  vertical-align: text-top;
}


.commenteven
{
	background-color: white;
  padding: 3px;
 /*  background-color: #D9FCDF; */
  border: solid #AAAAAA .75pt;
  font-size: 9pt;
  vertical-align: text-top;
}


/* In Body, Cells with labels for fields in the form */
.formlabel 
{
	background-color: White;
  padding: 2px;
  margin: 2px;
  text-align: left;
  font-weight: normal;
}

/* In Body, Cells with input fields in the form */
.forminput 
{
	background-color: #DADFE4;
  padding: 2px;
  margin: 2px;
  text-align: left;
}

/* In Body, Cells with validator/error messages */
.formerror
{
	background-color: Yellow;
  padding: 2px;
  margin: 2px;
  text-align: center;
  font-weight: bold;
  color: #DD0000;
}





/* Blog *********************************************************/

.article 
{
	/* Article <div> */
}

.article-date 
{
	text-align:right;
	font-style:italic;
}

.article-title
{
	font-weight:bold;
}


/* Misc *********************************************************/

/* Used for labels that show errors or other very important text */
.errortext 
{
	color: Red;
	font-weight: bold;
}

/* Used for labels that show important text */
.selectedtext 
{
	font-weight: bold;
}

.hidden 
{
	visibility:hidden;
}

.visible 
{
	visibility:visible;
}


.framelessbutton
{
   border-style: none;
   background-color: Transparent;
   font: inherit;	
  
}

/* Calendar *********************************************************/

/* Days that belong to other months */
.othermonth 
{
	background-color: Silver;
}

.today 
{
  border: solid black .75pt;
}
/*
.weekend 
{
	background-color: Silver;
}
*/

.dayheader 
{
	font-weight: normal;
	color: White;
	background-color: #4B76A2;	
}

.selectedday 
{
	background-color: Yellow;
}


.calendar
{
  border: solid #90B497 .75pt;
  border-collapse: collapse;
  text-align: center;
  vertical-align: text-top;
}

.calmonth
{
  padding: 3px;
  border-bottom: solid #90B497 0.75pt;
  background-color: White; 
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
  vertical-align: text-top;
}

.calbody
{
  padding: 3px;
  border: solid #90B497 .75pt;
  /* background-color: #C4E8CB; */
  background-color: White; 
  font-size: 10pt;
  text-align: center;
  vertical-align: text-top;
}


.caldayheader
{
  padding: 3px;
  border: solid #90B497 .75pt;
  /* background-color: #C4E8CB; */
  background-color: White; 
  font-size: 9pt;
  text-align: center;
  vertical-align: text-top;
}

.caltoday 
{
  padding: 3px;
  border: solid #90B497 .75pt;
  background-color: #FFFF88; 
  font-size: 8pt;
  text-align: left;
  font-weight: bold;
  color: Black;
  height: 50px;
  width: 75px;
  vertical-align: text-top;
}

.calsamemonth
{
  padding: 3px;
  border: solid #90B497 .75pt;
  background-color: White; 
  font-size: 8pt;
  text-align: left;
  font-weight: bold;
  color: Black;
  height: 50px;
  width: 75px;
  vertical-align: text-top;
}

.caldiffmonth
{
  padding: 3px;
  border: solid #90B497 .75pt;
  background-color: #DDDDDD; 
  font-size: 8pt;
  text-align: left;
  font-weight: normal;
  color: Gray;
  height: 50px;
  width: 75px;
  vertical-align: text-top;
}

.calentry
{
  padding: 1px;
  font-size: 6pt;
  text-align: left;
  font-weight: normal;
  color: Black;
  vertical-align: text-top;
}

.caldatecell
{
  padding: 3px;
  background-color: White; 
  font-size: 6pt;
  text-align: left;
  color: Black;
  /*height: 300px;*/
  /*width: 100%;*/
  vertical-align: text-top;
}


/**************************
* Groups 
*/
.groupnamecell
{
  font-size: 36pt;
  font-weight: bold;
  color: White;
  text-align: center;
  vertical-align: middle;
}

.groupmembertable
{
  border-collapse: collapse;
  vertical-align: top;
}

/* Title (header) of the form */
.groupmembertitle
{
  background-color: #450C0B;
  border: solid #450C0B .75pt;
  font-size: 9pt;
  font-weight: bold;
  color: White;
  vertical-align: text-top;
}

/* Body of the form */
.groupmembercell
{
  padding: 3px;
  border: solid #D4D0C8 .75pt;
  background-color: White; 
  font-size: 9pt;
  vertical-align: text-top;
}


.calentrytitle
{
	font-family: Comic Sans MS;
	font-weight: bold;
	font-size: 14pt;
	text-align: left;
	color: Black;
}

.calentrylabel
{
	font-family: Comic Sans MS;
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	color: Black;	
}

.calentryvalue
{
	font-family: Comic Sans MS;
	font-weight: normal;
	font-size: 12pt;
	text-align: left;
	color: Black;		
}


.calentrylistcell
{
	font-family: Comic Sans MS;
	font-weight: normal;
	font-size: 12pt;
	text-align: left;
	color: Black;		
}




.samepagebody {
	padding: 10px;
	border: 0px;
	margin: 0px;  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: black; 
    background-color: #EEFFEE;
}




.chatform
{
  border: solid #90B497 .75pt;
  border-collapse: collapse;
}

/* Title (header) of the form */
.chatformheader 
{
  background-color: #D9FCDF;
  border: solid #90B497 .75pt;
  font-size: 9pt;
  font-weight: bold;
  color: Black;
  vertical-align: text-top;
}

/* Body of the form */
.chatformbody
{
  background-color: #EEFFEE;
  padding: 3px;
  /* background-color: #C4E8CB; */
  border: solid #90B497 0px;
  font-size: 9pt;
  vertical-align: top;
}


.chatforminput
{
  height: 30px;
  padding: 3px;
  border: solid #90B497 1px;
  font-size: 9pt;
  vertical-align: top;
}


/* Toolbar */

.toolbar 
{
  border-bottom: solid #555555 .75pt;
  border-right: solid #555555 .75pt;
  border-left: solid white .75pt;
  border-top: solid white .75pt;
  padding: 0px 0px 0px 0px;
}

/* Title (header) of the form */
.toolbarheader 
{
  padding: 3px;
  background-color: #193477;    
  font-size: 9pt;
  font-weight: bold;
  color: White;
  vertical-align: text-top;
}

.toolbardragbar 
{
  padding: 0px;
  background-color: White;    
  font-size: 9pt;
  font-weight: bold;
  color: White;
  vertical-align: text-top;
  border-top: solid #EEEEEE .75pt;
}


/* Title (header) of the form */
.toolbarsubheader 
{
  padding: 3px;  
  background-color: #E3E3E3;
  border: solid #D0D0D0 .75pt;
  font-size: 9pt;
  font-weight: bold;
  color: Black;
  vertical-align: text-top;
  text-align: center
}


/* Body of the form */
.toolbarbody
{
  padding: 3px;
  background-color: White;
  border: solid #D0D0D0 1px;
  font-size: 9pt;
  vertical-align: top;
}










