/*This part controls the background body color and the background color of each cell*/

.scrolling_Frame {
	overflow: auto;
	height: 600px;
	width: 830px;
	text-align:center;
	
	}

body {
	background-color: #666666;
	scrollbar-base-color: black;
	scrollbar-track-color: silver;
	scrollbar-arrow-color: silver;
	margin-top: 0px;
	background-image: url(background.gif);
}	
body {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	background: #000000;

	color: #FF7A38;
	margin: 0px;
	
}

h2 {

	font-family: Century Gothic, sans-serif;
	/*background-image :   url(images/testgradient.gif);*/
	background-repeat : no-repeat;
	background-color: #000000;
	background-position : ;
	padding-left : 13px;
	font-size: 12px;
	margin: 0px;
  color : #000000;
}

p {
	font-family: Century Gothic, sans-serif;;
	font-size: 100%;
	margin: 2px 0px;
}

td {
	font-size: 12px;
}

hr {
	color : #ff0000;
	height: 1px;
}

/*This area controls the little text-boxes in which we enter calendar event info*/
/*.textinput { 			 {
	font-family: Century Gothic, sans-serif;;
	font-size: 12px;
	color: #ff0000;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #00ccff;

	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #00ccff;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #00ccff;

	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #00ccff;	
	padding-right: 3px;
	padding-left: 3px;
  background-color: #000;

}*/

/* this area also controls the text box in which we input event info. I have made the text boxes black with blue borders*/
.textarea {
	font-family: Century Gothic, sans-serif;
	font-size:12px;
	color: #ff0000;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #00ccff;

	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #00ccff;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #00ccff;

	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #00ccff;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #000;

}

/*This area controls the drop down menu in the space in which we input event info. I have made it black with red type.*/
.listbox {
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	color: #ff0000;
	border: groove 1px;
	background-color: #000;
}

/*This code alters the button that is used to submit events for publication + for searches on the calendar homepage*/
.button {
	font-family: Century Gothic, sans-serif;
	font-size: 9px;
	border: thin solid #959698;
	background-color : #191E29;
    color: #959698;
	/*background-image: url("images/btn_bg.gif");*/
	padding: 1px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*This code changes the color of the text entries as they appear on the face of the calendar as well as the color of the text in the categories we use for admin stuff*/


a {
	color: #ff0000;
	text-decoration: none;
}


a:hover {
	color: #B4FFFF;
	/*text-decoration: underline;*/
}


.apptitle { 
	font-family: Century Gothic, sans-serif; font-size:32px; font-weight: bold; color:#ff0000; 
}

.appdesc { 
	font-family: Century Gothic, sans-serif; font-size:12px, font-weight: bold; 
}

/*This section changes the color of the text beneath the icons saying "add event" etc*/
.buttontext a {
	font-size: 9px;
	color: #3300ff;
	text-decoration: none;
}

.buttontext:hover {
	color: #3300ff;
	text-decoration: underline;
}

.previousmonth {
	border-left: thin solid #B4FFFF;
}

.previousmonth a {
	color: #5C595C;
}

.previousmonth, .previousday, .previousweek {
	text-decoration: none;
	font-weight: bold;
	/*border-left: 1px solid #B4FFFF;*/
/*	border-top: thin solid #B4FFFF;
*/    /*border-bottom: 1px solid #B4FFFF;*/
	background-color: #000000;  
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	font-family: Century Gothic, sans-serif;
	font-size: 9px;
	font-color: #ff0000;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.previousmonth a:hover, .previousday a:hover, .previousweek a:hover {
	color: #B4FFFF;
	text-decoration: none;
}

.nextmonth, .nextday, .nextweek {
	font-size: 9px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	border-left: thin solid #FCF978;
	/*border-right: 1px solid #B4FFFF;*/
/*	border-top: thin solid #B4FFFF;
*/    /*border-bottom: 1px solid #B4FFFF;*/
	background-color: #000000;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.nextmonth a {
	color: #5C595C;
	}

.nextmonth a:hover, .nextday a:hover, .nextweek a:hover {
	color: #B4FFFF;
	text-decoration: none;
}


.currentmonth, .currentday, .currentweek {
	font-size: 16px;
	color: #FDD2DF;
	text-decoration: none;
	font-weight: bold;
	border-left: thin solid #FCF978;
/*	border-top: thin solid #B4FFFF;
	border-right: thin solid #FCF978;*/
	background-color: #000000;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	text-transform:uppercase;
	letter-spacing: 5px;
}


.tablev1 {
	background-color: #000000 ;
	border-top: 0px solid #B4FFFF;
	border-left: 0px solid #B4FFFF;
	border-right: 0px solid #B4FFFF;
	border-bottom: 0px solid #B4FFFF;
    margin: 0px;
	color : #000000;
	padding-top: 12px;
	padding-right: 2px;
	padding-bottom: 12px;
	padding-left: 2px;
	font-family: Century Gothic, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase; 
	writing-mode: tb-rl; 
	layout-flow: vertical-ideographic;
	vertical-align: middle;
}

.tablev1 a {
	color : #000000;
	text-decoration: none;
}

.tablev1 a:hover {
	color : #000000;
	text-decoration: underline;
}

.searchlink {
	font-size: 12px;
	color: #ff0000;
	text-decoration: underline;
	font-weight: bold;
}

.searchlink:hover {
	color: #ff0000;
	text-decoration: underline;
}

.searchdesc {
	font-size: 12px;
	color: #ff0000;
}

.eventtitle {
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}

.eventtitle:hover {
	color: #ff0000;
	text-decoration: underline;
}

.eventdesc {
	font-size: 12px;
	color: #ff0000;
}

.eventdesclarge {
	font-size: 14px;
	color: #FDD2DF;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.cattitle, .usertitle, .grouptitle {
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}

.cattitle:hover, .usertitle:hover, .grouptitle:hover {
	color: #ff0000;
	text-decoration: underline;
}

.catdesc, .userdesc, .groupdesc {
	font-size: 12px;
	color: #ff0000;
}

.titlehighlight {
	color: #ff0000;
	text-decoration: underline;
}

.highlight {
	color: #ff0000;
	text-decoration: underline;
}


.tableh1 {
  color: #ff0000;
  font-size: 12px;
  height: 26px;
  background-image:   url();
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-left: 1px solid #B4FFFF;
	border-right: 1px solid #B4FFFF;
	border-bottom: 1px solid #B4FFFF;
}

.tableh2 {
	background-image:  url();
	background-color: #000000 ;
	border-left: 1px solid #95A5AD;
	border-right: 0px solid #62727A;
  	border-bottom: 1px solid #B4FFFF;
  margin: 0px;
	color : ff0000;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	font-size: 12px;
	font-weight: bold;
}

.tableb {
	background-color: #000000 ;
	/*padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;*/
	/*border-left: 1px solid #B4FFFF;
	border-top: 1px solid #B4FFFF;*/
	border-left: thin solid #3875D7;
	line-height: 16px;
	padding: 30px;
}

.tablec {
	background-color: #000000;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 12px;
	/*border-left: 1px solid #B4FFFF;
	border-top: 1px solid #B4FFFF;*/
	border-left: thin solid #3875D7;
}


.maintable {
/*	border-top: thin solid #B4FFFF;
*/	border-bottom: thin solid #B4FFFF;
    border-right: thin solid #B4FFFF;
	/*border-left: 0px solid #B4FFFF;*/
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: thin solid #FFF;*/
}

.error {
	color : Red;
	font-weight : bold;
}

.today {
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
}

.atomic {
/*	font-size: 14px;
*/	font-family: Century Gothic, sans-serif;
	padding: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	/*border: thin solid #B4FFFF;*/
}

.legend {
	font-family: Century Gothic, sans-serif;
	letter-spacing: 0.4pt;
	font-size: 12px;
}

/* Weekday Label Cells */

.caldaydigits {
	font-size: 14px;
}

.weekdaytopclr, .sundaytopclr {
/*	background-image: url(../../images/centerimage.jpg);
*/	background-color: #000000 ;
	border-left: thin solid #B4FFFF;
	/*border-right: 1px solid #B4FFFF;
 border-bottom: 1px solid #B4FFFF;*/
 border-top: thin solid #B4FFFF;
 margin: 0px;
	color : #959698;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.sundaytopclr {
	background-color: #000000;
/*	font-size: 12px;
*/	font-weight: bold;
/*	color : #ff0000;
*/	
}

/* Day Cells */

.weekdayclr {
	background-color: #000000;
	color: #ff0000;
	font-size: 12px;
	border-left: thin solid #B4FFFF;
	border-top: thin solid #3875D7;
	/*border-bottom:1px solid #B4FFFF;*/

	/*border-right: 1px solid #B4FFFF;*/
}

.todayclr {
	background-color: #000000;
	color: #ff0000;
	font-size: 12px;
	border-left: 1px solid #B4FFFF;
	border-top: 1px solid #B4FFFF;
}

.sundayemptyclr {
	background-color: #000000;
	color: #ff0000;
	font-size: 12px;
border-left: thin solid #B4FFFF;
border-top: thin solid #3875D7;
	/*border-bottom: 1px solid #B4FFFF;*/
}

.weekdayemptyclr {
	background-color: #000000;
	color: #000000;
	font-size: 12px;
	border-left: 1px solid #B4FFFF;
	border-top: 1px solid #3875D7;
	/*border-bottom: 1px solid #B4FFFF;*/
}

/* Text Editor classes */

.tdBtn {
  padding-left: 3px;
  padding-top:3px;
}

.btnOut {    
  border: 1px solid;
  border-color: #E4E8E8;
	background-color: #00CCFF;
}

.btnOver {    
  border: 1px solid;
  border-top-color: #B4FFFF;
  border-left-color: #B4FFFF;
  border-right-color: #C0C4C4;
  border-bottom-color: #C0C4C4;
	background-color: #00CCFF;
	cursor: hand;
}

.btnDown {    
  border: 1px solid;
  border-top-color: #C0C4C4;
  border-left-color: #C0C4C4;
  border-right-color: #B4FFFF;
  border-bottom-color: #B4FFFF;
	background-color: #00CCFF;
	cursor: hand;
}

a.flatButton img {
  border: 1px solid #E4E8E8;
  border-color: #d8e0e4;
}

a.flatButton:hover img {
  border: 1px solid;
  border-top-color: #B4FFFF;
  border-left-color: #B4FFFF;
  border-right-color: #C0C4C4;
  border-bottom-color: #C0C4C4;
	background-color: #00CCFF;
	cursor: hand;
}

.eventstyle {
  font-size: 10px;
  /*padding: 3px;
  border-bottom: 2px solid #555555;*/
  text-align: left;
  padding-top:8px;
padding-bottom:8px;
padding-right: 10px;
padding-left: 10px;
text-transform:uppercase;
letter-spacing: 2px;
}

.eventstyle a {
	color: #FF7A38;
}

.eventstyle a:hover {
	color: #B4FFFF;
	text-decoration: none;
}


/*This shaded out code creates an outline around the text in each entry on the calendar*/
.eventfull {
  /*margin-left: 3px;
  margin-right: 3px;
  border-top: 1px solid #D0D4D4;
  border-left: 1px solid #D0D4D4;
  border-bottom: 1px solid #B4FFFF;
  border-right: 1px solid #B4FFFF;*/
	background-color: #000000;
	cursor: hand;
	color: #FF0000;
}


.eventstart {
  margin-left: 3px;
  border-top: 1px solid #D0D4D4;
  border-left: 1px solid #D0D4D4;
  border-bottom: 1px solid #B4FFFF;
	background-color: #000000;
	cursor: hand;
}

.eventmiddle {
  border-top: 1px solid #D0D4D4;
  border-bottom: 1px solid #B4FFFF;
	background-color: #000000;
	cursor: hand;
}

.eventend {
  margin-right: 3px;
  border-top: 1px solid #D0D4D4;
  border-bottom: 1px solid #B4FFFF;
  border-right: 1px solid #B4FFFF;
	background-color: #000000;
	cursor: hand;
}

.imagecell {    
	background-color: #000000;
  padding: 8px;
}
.imagecell img {    
  border: 1px solid;
  border-top-color: #B4FFFF;
  border-left-color: #B4FFFF;
  border-right-color: #C0C6C6;
  border-bottom-color: #C0C6C6;
	cursor: hand;
}