/* -------------------------------------------------------------------------------------
/*  STYLE:   content.css
/*  PURPOSE: All Style properties for content related material.  This is basically
/*           everything BUT the template design.
/* ------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------- */
/*  PANEL LINKS
/* ------------------------------------------------------------------------------------- */
#panelLinks {
    width: 150px;
    margin: 0px auto 0px auto;
    background-image: url('../images/links-line.gif');
    background-position: top right;
    background-repeat: repeat-y;
    border: 0px solid #f00;
}
#panelLinks DIV.link {
    position: relative;
    font: normal normal 700 12px arial,verdana,serif;
    text-align: right;
    padding-right: 15px;
    margin: 2px 0px 2px 0px;
}
#panelLinks DIV.shadowtext {
    position: relative;
    top: 1px;
    left: 1px;
    color: black;
}
#panelLinks DIV.linktext {
    position: absolute;
    top: 0px;
    right: 15px;
}
#panelLinks A {
    color: #fff;
    text-decoration: none;
}
#panelLinks A:hover {
    color: #EDAD27;
    text-decoration: underline;
}
#panelLinks DIV.hr {
    height: 10px;
    margin: 10px 0 10px 0;
    background: transparent url('../images/links-hr.gif') no-repeat scroll center;
}
#panelLinks DIV.hr HR {
    display: none;
    
}

/* ------------------------------------------------------------------------------------- */
/*  LOGIN FORM
/* ------------------------------------------------------------------------------------- */
#loginForm {
    position: absolute;
    top: -120px;
    left: 5px;
    width: 162px;
    height: 98px;
    margin: 0px auto 0px auto;
    background-image: url('../images/diver-login.jpg');
}
#loginForm FIELDSET {
    position: absolute;
    top: 23px;
    left: 5px;
    width: 150px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    border: 0px solid #f00;
}
#loginForm LEGEND {
    display: none;
}
#loginForm FIELDSET DIV {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	display: block;
}
#loginForm LABEL {
    float: left;
    text-align: right;
    width: 40px;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
    font: normal normal 400 10px verdana,serif;
}
#loginForm INPUT {
    width: 70px;
    font: normal normal 400 9px arial,serif;
    background-color: #BEC8D6;
    border: 1px solid #6081AC;
	padding: 1px;
	color: #333;
    margin: 0px 0px 0px 0px;
}
#loginForm DIV.username INPUT {
    width: 90px;
}
#loginForm DIV.submit INPUT {
    position: absolute;
    top: 45px;
    left: 130px;
    width: 16px;
    height: 14px;
    padding: 0px;
    border: 0px solid #f00;
}
#loginForm DIV.greeting {
    text-align: center;
    font: normal normal 400 10px verdana,serif;
}
#loginForm DIV.sublinks {
    position: absolute;
    left: 5px;
    top: 65px;
    width: 150px;
    text-align: center;
    font: normal normal 400 9px verdana,serif;
    border: 0px solid #ddd;
}
#loginForm A {
    color: #ddd;
    text-decoration: none;
}
#loginForm A:hover {
    color: #EDAD27;
    text-decoration: none;
}

/* ------------------------------------------------------------------------------------- */
/*  CALENDAR
/* ------------------------------------------------------------------------------------- */
#calendar body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}

#calendar td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}


#calendar th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}

#calendar tr.topdays {
	background-color: #334D66; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #FFFFFF; 
}

#calendar .toprightnumber {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px; font-weight: bold;
}
#calendar .eventinbox {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;	
}
#calendar .currentdate {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 17px; font-weight: bold;	
}

#calendar a:link,a:active,a:visited {
	color : #000000; text-decoration: none; 
}
#calendar a:hover	{
	text-decoration: underline; color : #000000; 
}
#calendar .footer {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;
}
#calendar td.beforedayboxes {
	background-color: #ffffff; color: #000000;
}
#calendar td.dayboxes {
	background-color: #ffffff; color: #000000;
}
#calendar td.afterdayboxes {
	background-color: #ffffff; color: #000000;
}
#calendar td.highlighteddayboxes {
	background-color: #cccccc; color: #000000;
}
#calendar .event {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
#calendar .eventdetail {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}
#calendar .eventwhen {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;
}
#calendar .addevent {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
#calendar .addeventextrainfo {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;
}
#calendar A:link {
    color: #000;
    text-decoration: none;
}
#calendar A:visited {
    color: #000;
    text-decoration: none;
}
#calendar A:hover {
    color: #EDAD27;
    text-decoration: none;
}