﻿{ 
overflow-x: hidden; 
overflow-y: scroll; 
}

body{
	margin:0;
	padding:0 0 0 0;
	border:none;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	background-image: url('images/Top_Header.gif');
}

img {
	border:0px;
}

select {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:15px;
}

input {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:15px;
}

html{
	margin:0;
	padding:1px 0 0 0;
	border:none;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}


.button-bg {
	background: url(../images/button_bg.gif) repeat-x;
	border: 1px solid #bfa277;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	font-variant: small-caps;
	font-weight: bold;
	color: #FFFFFF;
	height: 23px;
}

.PageIntroBlue {
	color:#0066FF;
}

.LoginTopNav {
	height:55px;
	width:100%;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}

.LoginNavHalf {
	height:55px;
	width:100%;
	padding-left:2px;
}

.TopNav {
	height:110px;
	width:100%;
	border-top: 1px black solid;
	border-bottom: 1px black solid;

}

.TopNavHalf {
	height:55px;
	width:320px;
	padding-left:2px;
}

.LookyNewsHeader {
	font-size:14px;
	font-style:italic;
	text-align:left;
	font-weight:bold;
	width:500px;
	color:#FF0000;
}

.LookyNewsContent {
	font-size:14px;
	text-align:right;
	padding-right:5px
}

.BotNavHalf {
	height:55px;
	background-image:url('../images/Bot_Nav_Back.gif');

}

.BotNavHalf1 {
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
	
}

.BotNavHalf2 {
	height:30px;
}

.selectData {
	font-size:14px;
}

.Footer {
	font-size:12px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align:center;
	color:#FFFFFF;
}

.Content {
}

.spacerRow {
	height:8px;
}

.FlashNav {
	height:110px;
	background-color:#315fb7;
}

.infobox {
	color:white;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

.infobox a{
	color:white;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}


.infoboxLeft {
	width:31px; 
	height:110px; 
	background-color:#009900;
	background-image: url('../images/Info_Box_Lt_Blue.gif');	
}

.infoboxMiddle {
	height:110px; 
	background-color:#009900;
	background-image: url('../images/Info_Box_Mid_Blue.gif');
}

.infoboxLogout {
	height:110px; 
	width:52px; 
	background-color:#009900;
	background-image: url('../images/Info_Box_Mid_Blue.gif');
}

.infoboxRight {
	width:31px; 
	height:110px; 
	background-color:#009900;
	background-image: url('../images/Info_Box_Rt_Blue.gif');	
}

.successMsg {
	text-align:center;
	font-size:15px;
	color:green;
	font-weight:bold;
}

.errorMsg {
	text-align:center;
	font-size:15px;
	color:red;
	font-weight:bold;
}

.textLabel {
	width:35%;
	text-align:right;
	font-size:15px;
}

.textRow {
	width:65%;
	text-align:left;
	font-size:15px;
}

#box1
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: auto;
	padding: 0 7 0 0;
	text-align: center;
	width:100%;
	background-color: #ffffff;
	top: 0px;
	left: 0px;

}

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#blc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#trc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/tlc1.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/trc1.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/blc1.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../images/brc1.gif);
	background-position: 100% 100%;
	}

#bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/tb1.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/bb1.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../images/r1.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: #eeeeee;
	background-image:url(../images/l1.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

/* Greybox CSS */

#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Calibri, Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}

#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}

.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;
    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
    font-family:Calibri, Arial, Helvetica, sans-serif;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer;
    font-family:Calibri, Arial, Helvetica, sans-serif;
    font-weight:bold;
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 5px 0 5px;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

.calendar {
	BACKGROUND: #ffffff; BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #fff 2px solid; BORDER-RIGHT: #000 2px solid; BORDER-TOP: #fff 2px solid; COLOR: #000; CURSOR: default; FONT-FAMILY: tahoma,"Verdana, Arial, Helvetica, sans-serif",sans-serif; FONT-SIZE: 11px; POSITION: relative; z-index:100;
}
.calendar TABLE {
	BACKGROUND: #ffffff; BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #000 1px solid; COLOR: #000; CURSOR: default; FONT-FAMILY: tahoma,"Verdana, Arial, Helvetica, sans-serif",sans-serif; FONT-SIZE: 11px
}
.calendar .button {
	BACKGROUND: #c8d0d4; BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-RIGHT: #000 1px solid; BORDER-TOP: #fff 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar THEAD .title {
	BACKGROUND: #788084; BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; COLOR: #fff; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar THEAD .headrow {
	
}
.calendar THEAD .daynames {
	
}
.calendar THEAD .name {
	BACKGROUND: #e8f0f4; BORDER-BOTTOM: #000 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar THEAD .weekend {
	COLOR: #f00
}
.calendar THEAD .hilite {
	BACKGROUND: #d8e0e4; BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #fff 2px solid; BORDER-RIGHT: #000 2px solid; BORDER-TOP: #fff 2px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.calendar THEAD .active {
	BACKGROUND: #b8c0c4; BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #000 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; PADDING-TOP: 2px
}
.calendar TBODY .day {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 4px; PADDING-TOP: 2px; TEXT-ALIGN: right; WIDTH: 2em
}
.calendar TBODY .hilite {
	BACKGROUND: #ffff80; BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-RIGHT: #000 1px solid; BORDER-TOP: #fff 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 3px; PADDING-TOP: 1px
}
.calendar TBODY .active {
	BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #000 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
.calendar TBODY .selected {
	BACKGROUND: #d8e0e4; BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #000 1px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
.calendar TBODY .weekend {
	COLOR: #f00
}
.calendar TBODY .today {
	COLOR: #00f; FONT-WEIGHT: bold
}
.calendar TBODY .disabled {
	COLOR: #999
}
.calendar TBODY .emptycell {
	VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
	DISPLAY: none
}
.calendar TFOOT .footrow {
	
}
.calendar TFOOT .ttip {
	BACKGROUND: #788084; BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; COLOR: #fff; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar TFOOT .hilite {
	BACKGROUND: #d8e0e4; BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-RIGHT: #000 1px solid; BORDER-TOP: #fff 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
.calendar TFOOT .active {
	BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #000 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; PADDING-TOP: 2px
}
.combo {
	BACKGROUND: #d8e0e4; BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-RIGHT: #000 1px solid; BORDER-TOP: #fff 1px solid; CURSOR: default; DISPLAY: none; FONT-SIZE: smaller; LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; POSITION: absolute; TOP: 0px; WIDTH: 4em
}
.combo .label {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.combo .active {
	BACKGROUND: #c8d0d4; BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #000 1px solid; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #000 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.combo .hilite {
	BACKGROUND: #048; COLOR: #aef
}

.smallNotes {
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	text-align:left;
	font-style:italic;
}

.EntryListTable {
	border-collapse: collapse;
	border: 1px solid #9aafe5;
	background-color: #2e6ab1;
}

.EntryListTable a, .pagination a:visited, .pagination a:active{
padding: 0 5px;
text-decoration: underline; 
color: #FFFFFF;
}

.EntryListTable a:hover{
color: #000;
background-color: #FFFF80;
}

.EntryListTableRow {
background-color:white;
padding: 4px 2px 0 1px; 
}

.EntryListHRRow
{
background-color:white;
padding: 0 
}

.EntryListSeperator {
background-color:white;
color:#9aafe5;
height: 1px;
}

.pagination{
padding: 2px;
margin: 1em 0;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li a{ /*IE7 only CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li a{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}


.pagination a, .pagination a:visited, .pagination a:active{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;
}