.site_name {
  font-family: helvetica, sans-serif;
  font-size: 150%;
  color: #999999;
}

BODY {
  font-family: helvetica, sans-serif;
}

.div_line {
  border-bottom: thin ridge #cc7dad;
}

.butt {
  background-color: #6c355d;
  color: #ffffff;
  border-width: 1px;
  border-color: #6c355d;
}

.butt:hover {
  background-color: #6c355d;
  color: #cc7dad;
  border-width: 1px;
  border-color: #cc7dad;
}

.hyperlink {
  color: #ffffff;
  text-decoration: underline;
}
.hyperlink:hover {
  color: #cc7dad;
  text-decoration: underline;
}

.logout {
  font-size: 80%;
  color: #6c355d;
  text-decoration: none;
  font-family: helvetica, sans-serif;
}
.logout:hover {
  font-size: 80%;
  color: #cc7dad;
  font-family: helvetica, sans-serif;
}

.email {
  font-size: 80%;
  color: #6c355d;
  text-decoration: none;
  font-family: helvetica, sans-serif;
}

.email:hover {
  font-size: 80%;
  color: #cc7dad;
  font-family: helvetica, sans-serif;
}

div.tabBox {
  width: 1000px;
}

.tabBox {
  width: 1000px;
}
                                                                              
div.tabArea {
  font-size: 80%;
  padding: 0px 0px 3px 0px;
  font-family: helvetica, sans-serif;
}

a.tab {
  background-color: #dddddd; 
  border: 1px solid #6c355d;
  border-bottom-width: 1px;
  -moz-border-radius: .75em .75em 0em 0em;
  border-radius-topleft: .75em;
  border-radius-topright: .75em;
  padding: 2px 3px 2px 3px;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
  color: #6c355d;
}

a.here {
  background-color: #6c355d; 
  border: 1px solid #6c355d;
  -moz-border-radius: .75em .75em 0em 0em;
  border-radius-topleft: .75em;
  border-radius-topright: .75em;
  padding: 4px 3px 3px 5px;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
  color: #ffffff;
}
                                                                                
a.tab:hover {
  background-color: #cc7dad; 
  border-color: #000000 #000000 #cc7dad #000000;
  color: #6c355d;
}

a.here:hover {
  background-color: #6c355d;
  border-color: #000000 #000000 #6c355d #000000;
  color: #cc7dad;
}

div.tabIframeWrapper {
  color: #ffffff;
}

div.tabMain {
  background-color: #6c355d; 
  border: 2px solid #6c355d;
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: .5em;
  position: relative;
  z-index: 101;
}

h4#title {
  background-color: #6c355d; 
  color: #cccccc;
  margin-top: 0em;
  margin-bottom: .5em;
  padding: 2px .5em 2px .5em;
}

div.warning { /* for error messages on user input, required field indicator etc. */
  color: #ffffff;
  text-align: center;
}

div.today { /* for marking current date on diary page */
  background-color: #6c355d;
  padding: none;
}

th {
  color: #ffffff;
}

td {
  color: #ffffff;
}

div.large_font {
  font-size: 120%;
	color: #cccccc;
}

.pink_back_select {
	background-color: #6c355d;
	width: 320px;
	color: #ffffff;
	padding: 3px 3px 3px 3px;
	border-bottom: 1px dotted #cc7dad;
	border-top: none;
	border-left: none;
	border-right: none;
}

.pink_back {
	background-color: #6c355d;
	color: #ffffff;
	padding: 3px 3px 3px 3px;
	border-bottom: 1px dotted #cc7dad;
	border-top: none;
	border-left: none;
	border-right: none;
}

.dark_back {
	background-color: #6c355d;
	color: #ffffff;
	padding: 3px 3px 3px 3px;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: none;
}