/* Page body */

/*
body {
	background: #ffffff;
	color: #000000;
	font: verdana;
	margin: 0px;
}
*/

.header {
	border: none;
}

/* Color of horizontal line */

.hrbar {
	color: #CCCCCC;
}

/* Top part of admin page */

.adminheader{
	border: 1px solid;
	border-right-style: none; 
	border-left-style: none;
	border-bottom-style: solid;
	border-top-style: none;
	border-color: #000000;
	color: #FFFFFF;
	font-family: verdana; 
	font-size: 8pt;
	background-color: CCCCCC;
}

/* Top navbar and bottom bar of admin page */

.adminheader2{
	border: 1px solid;
	border-right-style: none; 
	border-left-style: none;
	border-bottom-style: solid;
	border-top-style: none;
	border-color: #000000;
	color: #FFFFFF;
	font-family: verdana; 
	background-color: 444444;
}

a.navlink:link{color: #ffffff; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.navlink:active{color: #ffffff; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.navlink:visited{color: #ffffff; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.navlink:hover{color: #FF5E1F; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}

/* Side menu of admin page */

.sidenav{
	border: 1px solid;
	border-right-style: solid; 
	border-left-style: none;
	border-bottom-style: none;
	border-top-style: none;
	border-color: #000000;
	color: #FFFFFF;
	font-family: verdana; 
	font-size: 10pt;
	font-weight: bold;
	background-color: 000000;
}

a.sidenavlink:link{color: white; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.sidenavlink:active{color: white; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.sidenavlink:visited{color: white; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.sidenavlink:hover{color: #FF5E1F; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}

a.sidenavsublink:link{color: #bbbbbb; font-family: san-serrif; font-size:8pt; text-decoration: none;}
a.sidenavsublink:active{color: #bbbbbb; font-family: san-serrif; font-size: 8pt; text-decoration: none;}
a.sidenavsublink:visited{color: #bbbbbb; font-family: san-serrif; font-size: 8pt; text-decoration: none;}
a.sidenavsublink:hover{color: #FF5E1F; font-family: san-serrif; font-size: 8pt; text-decoration: none;}

/* MyEvents Navbar */

.navbar
{
	border: 1px solid;
	border-right-style: none; 
	border-left-style: none;
	border-bottom-style: solid;
	border-top-style: none;
	border-color: #000000;
	color: #FFFFFF;
	font-family: verdana; 
	background-color: #444444;
}

/* Heading for the myevents page content */

.subheader
{
	font-family: verdana;
	font-size: 12pt;
	font-weight: bold;
}

/* Dropdown menus of myevents page */

#nav div.top
{
    padding-top: 5px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 8px;
    width: 100%;
}

#nav div.section
{
	width: 140px;
    position: absolute;
    display: inline;
	z-index: -1;
}

#nav div.box
{
    background-color: #444444;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    border-color: #000000;
    border-width: 1px;
    border-style: none solid solid solid;
    position: relative;
    visibility: hidden;
    width: 100%;
}

#nav a:link{color: #ffffff; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
#nav a:active{color: #ffffff; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
#nav a:visited{color: #ffffff; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
#nav a:hover{color: #FF5E1F; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}

/* Different kinds of text */

.littletext{
	font-family: verdana; 
	font-size: 8pt;
}

.midtext{
	font-family: verdana; 
	font-size: 9pt;
}

.bigtext{
	font-family: verdana; 
	font-size: 12pt;
}

.basictext
{
	font-family: verdana; 
	font-size: 8pt;
}

.tinytext
{
	font-family: verdana; 
	font-size: 6pt;
}

.small
{
	font-family: verdana; 
	font-size: 7pt;
}

.errortext{
	font-family: verdana; 
	font-size: 9pt; 
	color: #FF0000;
}

.textbox
{
	font-family: verdana; 
	font-size: 8pt; 
	background-color: #ffffff; 
	color: #000000;
}


a.basiclink:link{color: black; font-family: verdana; font-size: 9pt; text-decoration: none; font-weight: bold;}
a.basiclink:active{color: black; font-family: verdana; font-size: 9pt; text-decoration: none; font-weight: bold;}
a.basiclink:visited{color: black; font-family: verdana; font-size: 9pt; text-decoration: none; font-weight: bold;}
a.basiclink:hover{color: #FF5E1F; font-family: verdana; font-size: 9pt; text-decoration: none; font-weight: bold;}

a.smalllink:link{color: black; font-family: san-serrif; font-size:8pt; text-decoration: none;}
a.smalllink:active{color: black; font-family: san-serrif; font-size: 8pt; text-decoration: none;}
a.smalllink:visited{color: black; font-family: san-serrif; font-size: 8pt; text-decoration: none;}
a.smalllink:hover{color: #FF5E1F; font-family: san-serrif; font-size: 8pt; text-decoration: none;}

a.smalllink:link{color: #000000; font-family: verdana; font-size:8pt; text-decoration: underline; font-weight: bold;}
a.smalllink:active{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: underline; font-weight: bold;}
a.smalllink:visited{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: underline; font-weight: bold;}
a.smalllink:hover{color: #FF5E1F; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}

/* Ipnut types */

.selectbox{
	border: 1px solid;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	font-family: verdana; 
	font-size: 8pt;
}

.textbox{
	font-family: verdana; 
	font-size: 8pt; 
	background-color: #ffffff; 
	color: #000000;
}

/* Table properties */

.table{
	border-collapse: collapse;
	border: none;
}

/* Table header */

.theader{
	font-family: verdana; 
	font-size: 10pt;
	font-weight: bold;
	color: white;
	background-color: black;
	border: solid black 1px;
}

.theader1,
.theader4{
	font-family: verdana; 
	font-size: 10pt;
	font-weight: bold;
	border: solid black 1px;
	color: black;
}

.theader .bigtext,
.theader .midtext,
.theader .littletext,
.theader .basictext,
{
	color: white;
}

/* Sub-header for basic input tables */

.listingheader{
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	background-color: #cccccc;
	font-family: verdana; 
	font-size: 8pt;
	color: black;
}

.listingheader .bigtext,
.listingheader .midtext,
.listingheader .littletext,
.listingheader .basictext,
{
	color: white;
}

a.orderbylink:link{color: black; font-family: verdana; font-size: 8pt; font-weight: bold; text-decoration: underline;}
a.orderbylink:active{color: black; font-family: verdana; font-size: 8pt; font-weight: bold; text-decoration: underline;}
a.orderbylink:visited{color: black; font-family: verdana; font-size: 8pt; font-weight: bold; text-decoration: underline;}
a.orderbylink:hover{color: #FF5E1F; font-family: verdana; font-size: 8pt; font-weight: bold; text-decoration: underline;}

/* Sub-header for input tables that have checkboxes across the side */

.listingheader2{
	border: solid 1px #aaaaaa;
	background-color: #dddddd;
	font-family: verdana; 
	font-size: 8pt;
	color: black;
}

/* Basic table cells */

.listingcell{
	border: 1px solid #cccccc;
	background-color: #eeeeee;
}

.listingcell .bigtext,
.listingcell .midtext,
.listingcell .littletext,
.listingcell .basictext,
{
	color: black;
}

a.listinglink:link{color: #777777; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.listinglink:active{color: #777777; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.listinglink:visited{color: #777777; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.listinglink:hover{color: #FF5E1F; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}

/* Links within a table header */

a.catlink:link{color: white; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.catlink:active{color: white; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.catlink:visited{color: white; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.catlink:hover{color: #FF5E1F; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}

b.catlink{color: white; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: none;}

/* For the javascript tree */

.treenode
{
	cursor: pointer;
	cursor: hand;
	vertical-align: middle;
}

.treenode img
{
	margin-right: 1ex;
}

.treebranch
{
	display: none;
}

a.treelink:link{color: #000000; font-family: verdana; font-size: 10pt; text-decoration: none; font-weight: bold;}
a.treelink:active{color: #000000; font-family: verdana; font-size: 10pt; text-decoration: none; font-weight: bold;}
a.treelink:visited{color: #000000; font-family: verdana; font-size: 10pt; text-decoration: none; font-weight: bold;}
a.treelink:hover{color: #FF5E1F; font-family: verdana; font-size: 10pt; text-decoration: none; font-weight: bold;}

/* Success message box */

.messagebox
{
	border: 1px solid black;
	background-color: #EBEDF1;
}

/* Information display */

.tevents1,
.tevents2,
.tevents3
{
	border: 1px solid;
	border-right-style: none; 
	border-left-style: none;
	border-color: white;
	background-color: white;
}

a.editlink:link{color: #777777; font-family: verdana; font-size:8pt; text-decoration: none;}
a.editlink:active{color: #777777; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.editlink:visited{color: #777777; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.editlink:hover{color: #FF5E1F; font-family: verdana; font-size: 8pt; text-decoration: underline;}

.eventheader{
	border: 1px solid black;
	border-left-style: none;
	border-right-style: none;
	color: white;
	background-color: #444444;
	font-family: verdana; 
	font-size: 8pt;
}

a.eventlink:link{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.eventlink:active{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.eventlink:visited{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.eventlink:hover{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: underline;}

a.eventoptionlink:link{color: #555555; font-family: verdana; font-size: 9pt; text-decoration: underline;}
a.eventoptionlink:active{color: #555555; font-family: verdana; font-size: 9pt; text-decoration: underline;}
a.eventoptionlink:visited{color: #555555; font-family: verdana; font-size: 9pt; text-decoration: underline;}
a.eventoptionlink:hover{color: #555555; font-family: verdana; font-size: 9pt; text-decoration: underline;}

a.eventaddlink:link{color: #DDDDDD; font-family: verdana; font-size:8pt; text-decoration: none;}
a.eventaddlink:active{color: #DDDDDD; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.eventaddlink:visited{color: #DDDDDD; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.eventaddlink:hover{color: white; font-family: verdana; font-size: 8pt; text-decoration: underline;}

.viewtypeheader {
	background-color: #EEEEEE;
	padding: 2px;
	border: solid black 1px;
}

a.viewtypelink:link{color: #000066; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.viewtypelink:active{color: #000066; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.viewtypelink:visited{color: #000066; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.viewtypelink:hover{color: #000088; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}

a.viewtypeaddeventlink:link{color: red; font-family: verdana; font-size:10pt; font-weight: bold; text-decoration: underline;}
a.viewtypeaddeventlink:active{color: red; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.viewtypeaddeventlink:visited{color: red; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}
a.viewtypeaddeventlink:hover{color: red; font-family: verdana; font-size: 10pt; font-weight: bold; text-decoration: underline;}


/* Calendar widgits */

.tminicalendar{
	border: 1px solid;
	border-right-style: solid; 
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
	border-color: #BBBBBB;
	background-color: EBEDF1;
}

.tyearcalheader {
	border-right-style: none; 
	border-left-style: none;
	border-bottom-style: none;
	border-top-style: solid;
	color: #FFFFFF;
	font-family: verdana; 
	font-size: 10pt;
	font-weight: bold;
	border-color: bbbbbb; 

}

.tdatecell{
	border: 1px solid;
	border-right-style: solid; 
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	width: 20px;
	height: 20px;
	border-color: #BBBBBB;
	background-color: #EEEEEE;
}

.teventcell {
	border: 1px solid;
	border-right-style: solid; 
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	width: 20px;
	height: 20px;
	border-color: #C0CFE8;
	background-color: C0CFE8;
}

.ttodaycell {
	border: 1px solid;
	border-right-style: solid; 
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 0px;
	width: 20px;
	height: 20px;
	border-color: #B2D4F4;
	background-color: #B2D4F4;
	background-color: #FF0000;
}

.monthemptycell {

	border: 1px solid;
	border-right-style: solid; 
	border-left-style: none;
	border-bottom-style:solid;
	border-top-style: none;
	padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	width: 95px;
	height: 100px;
	border-color: 747D8E; 
	background-color: 747D8E;

}

.monthdatecell{
	border: 1px solid;
	border-right-style: solid; 
	border-left-style: none;
	border-bottom-style:solid;
	border-top-style: none;
	padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 0px;
	width: 95px;
	height: 100px;
	border-color: #000000;
	background-color: #EEEEEE;
}

.montheventcell {
	border: 1px solid;
	border-right-style: solid; 
	border-left-style: none;
	border-bottom-style:solid;
	border-top-style: none;
	padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 0px;
	width: 95px;
	height: 100px;
	border-color: #000000;
	background-color: C0CFE8;
}

.monthtodaycell {
	border-right-style: solid; 
	border-left-style: none;
	border-bottom-style:solid;
	border-top-style: none;
	border: 3px solid;
	padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	width: 95px;
	height: 100px;
	border-color: #FF0000;
	background-color: #FFFFFF;
}

.tyearbox {
	border: 1px solid;
	border-right-style: solid; 
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #FFFFFF;
	background-color: FFFFFF;
}

.tablebody {
	font-family: verdana; 
	border-right-style: none; 
	border-left-style: none;
	border-top-style: solid;
	border-color: #FFFFFF;
}

a.arrow:link{color: #ffffff; font-family: verdana; font-size: 9pt; text-decoration: none; font-weight: bold;}
a.arrow:active{color: #ffffff; font-family: verdana; font-size:9pt; text-decoration: none; font-weight: bold;}
a.arrow:visited{color: #ffffff; font-family: verdana; font-size: 9pt; text-decoration: none; font-weight: bold;}
a.arrow:hover{color: #ffffff; font-family: verdana; font-size: 9pt; text-decoration: none; font-weight: bold;}

a.arrow2:link{color: blue; font-family: verdana; font-size: 9pt; text-decoration: underline; font-weight: bold;}
a.arrow2:active{color: blue; font-family: verdana; font-size:9pt; text-decoration: underline; font-weight: bold;}
a.arrow2:visited{color: blue; font-family: verdana; font-size: 9pt; text-decoration: underline; font-weight: bold;}
a.arrow2:hover{color: #000000; font-family: verdana; font-size: 9pt; text-decoration: underline; font-weight: bold;}

a.datelink:link{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.datelink:active{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.datelink:visited{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.datelink:hover{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: underline;}

a.todaylink:link{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.todaylink:active{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.todaylink:visited{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none;}
a.todaylink:hover{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: underline;}
a.todaylink2:link{color: #003366; font-family: verdana; font-size: 9pt; text-decoration: none;}
a.todaylink2:active{color: #003366; font-family: verdana; font-size: 9pt; text-decoration: none;}
a.todaylink2:visited{color: #003366; font-family: verdana; font-size: 9pt; text-decoration: none;}
a.todaylink2:hover{color: #007700; font-family: verdana; font-size: 9pt; text-decoration: underline;}

a.tableheaderlink:link{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.tableheaderlink:active{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.tableheaderlink:visited{color: #000000; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.tableheaderlink:hover{color: #777777; font-family: verdana; font-size: 8pt; text-decoration: underline; font-weight: bold;}
a.tableheaderlink2:link{color: #ffffff; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.tableheaderlink2:active{color: #ffffff; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.tableheaderlink2:visited{color: #ffffff; font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.tableheaderlink2:hover{color: #dddddd; font-family: verdana; font-size: 8pt; text-decoration: underline; font-weight: bold;}

a.monthviewlink:link{font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.monthviewlink:active{font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.monthviewlink:visited{font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.monthviewlink:hover{font-family: verdana; font-size: 8pt; text-decoration: none; font-weight: bold;}