﻿/* CSS Document */

body  {
	font-family:Tempus Sans ITC, Verdana, arial, times, helvetica, arial, sans-serif;
	margin:0;
	padding:0;
	font-size:85%;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}	

image.line
{
	background:url(../images/bg1.gif) repeat-x;
}

/************************    TABLE PROPERTIES  ************/
tr.listHeader
{
	background:url(../images/bg1.gif) repeat-x;
	font-weight:bold;
	vertical-align:bottom;
	text-align:left;
	color:White; 
}

table.lists, table.lists2
{
	background-color:#c4c4c4;
	border-color:#c4c4c4;
	border-style:none;
	border-width:1pt;
}

tr.listrow
{
	 color:#000066;
	 background-color:white;
	 border-width:1px;
}

/************************    CALENDAR PROPERTIES  ************/
.caltable
{
	font-family:Tempus Sans ITC, Verdana, arial, times, helvetica, arial, sans-serif;
	font-size:8pt;
	height:400px;
	width:100%;
	border-width:thin;
	border-color:Purple;
}

.caltitle
{
	background:url(../images/bg1.gif) repeat-x;
	background-color:#888;
	font-weight:bold;
	font-size:14px;
	padding-top:0px;
	vertical-align:bottom;
	text-align:center;
	color:White; 
}

.caldayheader
{
	background:url(../images/bg1.gif) repeat-x;
	background-color:#888;
	font-weight:bold;
	font-size:14px;
	padding-top:0px;
	vertical-align:bottom;
	text-align:center;
	color:White; 
}

.caldayheader2
{
	/*background:url(../images/bg1.gif) repeat-x;*/
	background-color:#FFFF80;
	font-weight:bold;
	font-size:12px;
	vertical-align:bottom;
	text-align:center;
	color:Black; 
}

.caltoday
{
	background-color:#FFFF80;/*#FFCC66;*/
	font-weight:bold;
	height:40px;
	text-align:left;
	vertical-align:top;
	text-decoration:italic; 
}

.calothermonth
{
	color:#CC9966;
	height:40px;
	background-color:White;
	text-align:left;
	vertical-align:top;
	text-decoration:italic; 
}

.calday
{
	font-weight:normal;
	height:40px;
	background-color:White;
	text-align:left;
	vertical-align:top;
	text-decoration:italic; 
}

.calselected
{
	background-color:#CCCCFF;
	height:40px;
	background-color:White;
	text-align:left;
	vertical-align:top;
	text-decoration:bold;
}

/************************   POPUP CALENDAR PROPERTIES  ************/
.popcaltable
{
    font-family:Tempus Sans ITC, Verdana, arial, times, helvetica, arial, sans-serif;
	font-size:8pt;
	height:100px;
	width:120px;
	padding:1px;
	border-width:thin;
	border-color:Purple;
}

.popcaltitle
{
	background:url(../images/bg1.gif) repeat-x;
	background-color:#888;
	font-weight:bold;
	font-size:10px;
	padding-top:0px;
	vertical-align:bottom;
	text-align:center;
	color:White; 
}

.popcaldayheader
{
	background:url(../images/bg1.gif) repeat-x;
	background-color:#888;
	font-weight:bold;
	font-size:10px;
	padding-top:0px;
	vertical-align:bottom;
	text-align:center;
	color:White; 
}

.popcaldayheader2
{
	/*background:url(../images/bg1.gif) repeat-x;*/
	background-color:#FFFF80;
	font-weight:bold;
	font-size:8px;
	vertical-align:bottom;
	text-align:center;
	color:Black; 
}

.popcaltoday
{
	background-color:#FFFF80;/*#FFCC66;*/
	font-weight:bold;
	height:5px;
	text-align:left;
	vertical-align:top;
	text-decoration:italic; 
}

.popcalothermonth
{
	color:#CC9966;
	height:5px;
	background-color:White;
	text-align:left;
	vertical-align:top;
	text-decoration:italic; 
}

.popcalday
{
	font-weight:normal;
	height:5px;
	background-color:White;
	text-align:left;
	vertical-align:top;
	text-decoration:italic; 
}

.popcalselected
{
	background-color:#CCCCFF;
	height:5px;
	background-color:White;
	text-align:left;
	vertical-align:top;
	text-decoration:bold;
}

/************************    HEADER TEXT  ************/
#title  {
	font-size:2.0em;
	font-family:Tempus Sans ITC, Georgia, verdana, arial, helvetica, arial, sans-serif;
	padding-left:10px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:5px;
}
span.title
{
	font-size:medium;
	font-family:Tempus Sans ITC, Georgia, verdana, arial, helvetica, arial, sans-serif;
	padding-left:0px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
}

/**********************    NAVIGATION IN TOP-RIGHT CORNER   *****/
#cornernav  {
	float:right;
	margin-top:5px;
	margin-right:5px;
}

#cornernav a {
	color:#686868;
	padding-right:20px;
}

#cornernav a:hover  {
	color:#2279af;
}

/***************************   INLINE NAVIGATION   WRAPPER     *****/
#navwrap  
{
	position:relative;
	padding-top:1px;
	padding-bottom:1px;
	border-top:3px solid #888;
	border-bottom:2px solid #888;
}

/*****************************   INLINE NAVIGATION   *********/
#topnav  {
	background:url(../images/bg1.gif) repeat-x;
	padding-top:1px;
	color:#fff;
}

#topnav ul
{
	height:2.0em;
	line-height:2.0em;
	list-style: none;
	padding:0;
	margin:0;
}

#topnav li
{
	float: left;
}

#topnav li a
{
	line-height:2.0em;
	font-size:1.1em;
	float:left;
	width:80px;
	display: block;
	color: #fff;
	text-align: center;
}

/****************************    INPUT BUTTONS  ********/
input.side, input.blue, input.context, input.longcontext  {
	background-color: #FFFF80;/*#77abb8;*/
	font-family:Tempus Sans ITC, Verdana, arial, times, helvetica, arial, sans-serif;
	font-weight: bold; 
	font-size:1em; 
	margin-top:2px;
	color: black; /*#f0f0f0;*/
	margin-left:70px;
	height:23px;
}

input.side
{
	width:65px;	
}

input.blue {
	width:40px;
}

input.context 
{
	width:100px;
	margin-left:0px;
}

input.longcontext 
{
	width:150px;
	margin-left:0px;
}

a.context

/****************************    SEARCH BAR   ************/
#search {
	position:absolute;
	top:5px;
	right:10px;
}	

/******************************   SIDE NAVIGATION     ****/
#sidenav    {
	float:left;
	margin-left:15px;
	margin-top:15px;
	width:200px; 
	min-width:200px;
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
}

#sidenav ul  
{
	list-style-type:circle;
}

#sidenav p.search  {
	padding-left:1em;
	padding-bottom:10px;
	vertical-align:middle;
}

#sidenav  li  {
	padding-top:0.2em !important;
}

#sidenav li a {
	color:#000;
}

#sidenav li a:hover  {
	color:#2279af;
}

#sidenav h1 {
	font-size:1.1em;
	text-decoration:bold;
	background:url(../images/bg1.gif);
	color:#fff;
	height:1.8em;
	line-height:1.8em;
	padding-left:15px;
	margin-top:0;
}

#sidenav h2 {
	font-size:1.1em;
	text-decoration:bold;
	background:url(../images/bg1.gif);
	color:#fff;
	height:1.8em;
	line-height:1.8em;
	padding-left:15px;
	margin-top:0;
}

/*************************    MAIN CONTENT AREA  ******* */
div.block  {
	border:1px solid #c4c4c4;
}

#buttons   {
	float:left;
	margin-left:0px;
	margin-top:10px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#message   {
	width:80%;
	float:left;
	margin-left:0px;
	margin-top:10px;
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#lists, #lists2   {
    padding-left:15px;
    padding-right:15px;
}

#content {
	width:750px;
	min-width:750px;
	float:left;
	margin-left:15px;
	margin-top:15px;
}

div.blockp 
{
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.block {
	width:100%;
	float:left;
	border:1px solid #c4c4c4;
	margin-bottom:15px;
}

.block p 
{
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.block a {
	/*color:#77aab8;*/
	color:Blue;
	text-decoration:none;
}

.block a:hover 
{
	color:Blue;
	text-decoration:underline;
}

.block h1 {
	height:1.8em;
	line-height:1.8em;
	background:url(../images/grey.gif) repeat-x;
	border:1px solid #c4c4c4;
	margin-top:0;
	font-size:1.1em;
	color:#000;
	padding-left:5px;
}

.editblock {
	width:715px;
	float:left;
	margin-bottom:15px;
	border:1px solid #c4c4c4;
}

.editblock p {
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.editblock a {
	color:#77aab8;
	text-decoration:none;
}

.editblock a:hover {
	text-decoration:underline;
}

.editblock h1 {
	height:1.8em;
	line-height:1.8em;
	background:url(../images/grey.gif) repeat-x;
	border:1px solid #c4c4c4;
	margin-top:0;
	font-size:1.1em;
	color:#000;
	padding-left:5px;
}

.lgblock {
	width:65%;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	border:1px solid #c4c4c4;
}

.lgblock p {
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.lgblock a {
	color:#77aab8;
	text-decoration:none;
}

.lgblock a:hover {
	text-decoration:underline;
}

.lgblock h1 {
	height:1.8em;
	line-height:1.8em;
	background:url(../images/grey.gif) repeat-x;
	border:1px solid #c4c4c4;
	margin-top:0;
	font-size:1.1em;
	color:#000;
	padding-left:5px;
}

.smblock {
	float:left;
	border:1px solid #c4c4c4;
	margin-bottom:0px;
}

.smblock p {
	padding-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}

.smblock a {
	color:#77aab8;
	text-decoration:none;
}

.smblock a:hover {
	text-decoration:underline;
}

.smblock h1 {
	height:1.8em;
	line-height:1.8em;
	background:url(../images/bg1.gif) repeat-x;
	border:1px solid #c4c4c4;
	margin-top:0;
	font-size:1.1em;
	color:white;
	padding-left:5px;
}

/*  *************************    FOOTER   *****************  */
#footer  {
	clear:both;
	height:3em;
	border-top:1px solid #77abb8;
	text-align:center;
	color:#000;
	margin-top:2em;
	font-size:.8em;
}

#footer a {
	color:#000;
}

#footer a:hover  {
	color:#2279af;
}

