@CHARSET "UTF-8";

/* ------------------------------------------------------------------------------
   ----- Base / Default ---------------------------------------------------------
   ------------------------------------------------------------------------------ */

BODY { 
	font-size: 14px; 
	font-family: "Tahoma", serif;
	color: #000000;
	background-color: #FFFFFF; 
	background-image: url(templates/main/glass-fade.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom right; }

TABLE { 
	border-width: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; }

/* ------------------------------------------------------------------------------
   ----- Images -----------------------------------------------------------------
   ------------------------------------------------------------------------------ */

IMG { 
	behavior: url(scripts/iepngfix.htc);
	border-width: 0; }

IMG.inline { 
	float: left;
	margin: 0px 10px 0px 10px; }
	
IMG.nav {
	vertical-align: middle;
	margin-left: 5px;
}

IMG.icon {
	vertical-align: middle;
	margin-right: 10;
}

/* ------------------------------------------------------------------------------
   ----- Menus / Nav ------------------------------------------------------------
   ------------------------------------------------------------------------------ */

DIV#mainmenu { 
	text-align: right; 
	color: #DDDDDD;
	margin-right: 10px; 
	font-size: 12px; 
	font-weight: bolder;
	font-family: "Arial", sans-serif; }
DIV#mainmenu A:link { color: #EEEEEE; text-decoration: none; }
DIV#mainmenu A:visited { color: #EEEEEE; text-decoration: none; }
DIV#mainmenu A:active { color: #EEEEEE; text-decoration: none; }
DIV#mainmenu A:hover { color: #660000; text-decoration: none; }

.admin { 
	text-align: right; 
	font-size: 14px; 
	background-color: #A2A8D5;
	font-family: sans-serif;
	margin: 10px 25px 10px 20px; 
	padding: 5px; }
.admin A:link { color: #1A1750; }
.admin A:visited { color: #1A1750; }
.admin A:active { color: #FF0000; }
.admin A:hover { color: #FF0000; }

.miniadmin { 
	text-align: right; 
	font-size: 10px; 
	background-color: #A2A8D5;
	font-family: sans-serif;
	margin: 4px 10px 4px 8px; 
	padding: 2px; }
.miniadmin A:link { color: #1A1750; }
.miniadmin A:visited { color: #1A1750; }
.miniadmin A:active { color: #FF0000; }
.miniadmin A:hover { color: #FF0000; }

/* ------------------------------------------------------------------------------
   ----- Titles / Text ----------------------------------------------------------
   ------------------------------------------------------------------------------ */

DIV.text { 
	font-size: 14px; 
	font-family: "Tahoma", serif;
	margin: 10px 25px 10px 20px; 
	line-height: 130%; }
DIV.text A:link { color: #0000FF; }
DIV.text A:visited { color: #0000FF; }
DIV.text A:active { color: #0000FF; }
DIV.text A:hover { color: #660000; }

DIV.textwarnbox { 
	font-size: 14px; 
	font-family: "Tahoma", serif;
	margin: 10px 27px 10px 20px; 
	background-color: #FFFFDD;
	border: thin solid #FFFF00;
	padding: 20;
	line-height: 130%; }
DIV.textwarnbox A:link { color: #0000FF; }
DIV.textwarnbox A:visited { color: #0000FF; }
DIV.textwarnbox A:active { color: #0000FF; }
DIV.textwarnbox A:hover { color: #660000; }

DIV.texttitle {
	font-size: 16px; 
	font-family: "Tahoma", serif;
	font-weight: bolder;
	margin: 10px 20px 10px 20px; 
	line-height: 130%; }	

DIV.frametitle { 
	text-align: right; 
	color: #FFFFFF;
	margin-right: 30px;
	margin-top: 20px; 
	font-size: 20px; 
	font-weight: bolder;
	font-family: sans-serif; }

DIV.framedate {
	font-family: sans-serif;
	white-space : nowrap;
	margin-right: 30px;
	margin-top: 13px; 
	text-align: right;
	color: #222222; 
	font-size: 12px; }

DIV.sidebartitle { 
	text-align: left; 
	color: #FFFFFF;
	margin-left: 8px;
	margin-top: 8px; 
	font-size: 14px; 
	font-weight: bold;
	font-family: sans-serif; }

DIV.sidebartext { 
	text-align: left; 
	margin-left: 16px;
	margin-right: 16px; 
	font-size: 10px; }
DIV.sidebartext A:link { color: #0000FF; }
DIV.sidebartext A:visited { color: #0000FF; }
DIV.sidebartext A:active { color: #0000FF; }
DIV.sidebartext A:hover { color: #660000; }

DIV.sidebartextbig { 
	text-align: left; 
	margin-left: 16px;
	margin-right: 16px; 
	font-size: 12px; 
	font-weight: bold; }

DIV.fineprint { 
	font-size: 10px;
	font-family: "Tahoma", serif;
	margin-top: 30px;}

/* ------------------------------------------------------------------------------
   ----- Forms ------------------------------------------------------------------
   ------------------------------------------------------------------------------ */

TABLE.form-box {
	margin: 10px 20px 10px 20px;
}

INPUT {
	background-color: #EEEEEE;
	border: 2px solid #9198CC;
	color: #000000;
}

INPUT.sidebarsubmit {
	font-size: 11px;
	background-color: #666666;
	border: 2px outset #1A1750;
	color: #EEEEEE;
}

INPUT.submit {
	background-color: #666666;
	border: 2px outset #1A1750;
	color: #EEEEEE;
}

TEXTAREA {
	background-color: #EEEEEE;
	border: 2px solid #9198cc;
	color: #000000;
}

SELECT {
	background-color: #EEEEEE;
	border: 2px solid #9198cc;
	color: #000000;
}

INPUT.sidebar {
	font-size: 11px;
}

TD.form-tag {
	font-size: 12px; 
	padding: 10;
	text-align: right;
	font-weight: bold;
	white-space : nowrap;
}

TD.form-input {
	padding: 10;
	text-align: left;
}

/* ------------------------------------------------------------------------------
   ----- Message boxes ----------------------------------------------------------
   ------------------------------------------------------------------------------ */

DIV.box-error {
	color: #880000;
	background-color: #FFDDDD;
	border: thin solid #FF0000;
	text-align: left;
	vertical-align: middle;
	padding: 20;
	margin: 0 10 0 10;
}

DIV.box-info {
	color: #000088;
	background-color: #DDDDFF;
	border: thin solid #0000FF;
	text-align: left;
	vertical-align: middle;
	padding: 20;
	margin: 0 10 0 10;
}

DIV.box-warning {
	color: #000000;
	background-color: #FFFFDD;
	border: thin solid #FFFF00;
	text-align: left;
	vertical-align: middle;
	padding: 20;
	margin: 0 10 0 10;
}

DIV.box-confirm {
	color: #000000;
	background-color: #FFFFDD;
	border: thin solid #FFFF00;
	text-align: center;
	vertical-align: middle;
	padding: 20;
	margin: 0 10 0 10;
	font-weight: bold;
}

/* ------------------------------------------------------------------------------
   ----- Message boxes ----------------------------------------------------------
   ------------------------------------------------------------------------------ */

#lightbox{
	background-color:#FFFFFF;
	padding: 10px;
	border-bottom: 2px solid #1A1750;
	border-right: 2px solid #1A1750; }
	
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em; }	

#lightboxCaption{ font-size: 18px; float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(templates/frame/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/frame/overlay.png", sizingMethod="scale");
	}

/* ------------------------------------------------------------------------------
   ----- Date Picker ------------------------------------------------------------
   ------------------------------------------------------------------------------ */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	background-color: #444488;
}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: black;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: white;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #d8e8ff;
	font-weight: bold;
	}