@import url(calendar.css);

/*-----------------------------------------------------------------------------------------------------------------------*/
/* Standard HTML Tag Settings */
HTML
{
	background: #0a4985;
}

BODY {
	padding-top:14px;
	background: url(../images/body-bg.gif) top left repeat-x;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	text-align: left;
}

a img
{
	border:none;
}

A, Visited, Active {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
}
A:Hover {
	color: #0259AE;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
}

/*Textbox Watermark*/

.unwatermarked
{
	height:18px;
	width:148px;
}

.watermarked
{
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	color:gray;
}

/* Anchors used in a DataGrid's Header for sort links */
A.sortHeader, .sortHeader:Visited, .sortHeader:Active {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
}
A.sortHeader:Hover {
	color: #0259AE;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
}

/* Anchors used in a DataGrid's Footer for page links */
A.pagination, .pagination:Visited, .pagination:Active {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
}
A.pagination:Hover {
	color: #0259AE;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
}

/* Anchors used as breadcrumbs */
A.breadcrumbs, .breadcrumbs:Visited, .breadcrumbs:Active {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
A.breadcrumbs:Hover {
	color: #D2691E;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

A.pageHeader, .pageHeader:Visited, .pageHeader:Active {
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
}
A.pageHeader:Hover {
	color: #ffff00;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: underline;
}

A.headerNav, .headerNav:Visited, .headerNav:Active {
	color: #A2E59E;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	text-decoration: none;
}
A.headerNav:Hover {
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
	text-transform: uppercase;
}

A.topNav, .topNav:Visited, .topNav:Active {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}
A.topNav:Hover {
	color: #0259AE;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}

A.boxTitleLink, .boxTitleLink:Visited, .boxTitleLink:Active {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
}
A.boxTitleLink:Hover {
	color: #0259AE;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
}


A.function, .function:Visited, .function:Active {
	background-color: #EBECF0;
	border: solid 1px #333333;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-transform: uppercase;
	text-decoration: none;
}
A.function:Hover {
	background-color: #EBECF0;
	color: #0259AE;
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-transform: uppercase;
	text-decoration: none;
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/* Common Text Settings */
.textRegular {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
.textSmall {
	color : #333333;
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
}
.textTiny {
	color : #333333;
	font-family : Verdana, Arial, sans-serif;
	font-size : 9px;
}
.textLarge {
	color : #333333;
	font-family : Verdana, Arial, sans-serif;
	font-size : 13px;
}
.textExtraLarge {
	color : #333333;
	font-family : Verdana, Arial, sans-serif;
	font-size : 14px;
}
.textPageTitle, h1 {
	color: #6A5ACD;
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.textTitle {
	color: #6A5ACD;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.textSubTitle {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.textFooter {
	color : #ffffff;
	font-family : Verdana, Arial, sans-serif;
	font-size : 9px;
}
.textCaption {
	color : #999999;
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
}
.textError {
	color: #0259AE;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.textBreadcrumbs {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.textSmallWhite {
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}



/*-----------------------------------------------------------------------------------------------------------------------*/
/* Grid Settings (Tables) */
.gridMain {
	border-collapse: collapse;
}
.gridMain TABLE {
	border: solid 1px #000000;
	border-collapse: collapse;
}
.gridMain TH {
	border: solid 1px #000000;
	padding: 2px 5px 2px 5px;
}
.gridMain TD {
	border: solid 1px #000000;
	padding: 2px 5px 2px 5px;
}

.gridHeader, th {
	background-color: #EBEBEB;
	border: solid 1px #999999;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.gridRow1 {
	background-color: #FFFFFF;
	border: solid 1px #999999;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}
.gridRow2 {
	background-color: #F1F1F1;
	border: solid 1px #999999;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}
.gridFooter {
	background-color: #EBEBEB;
	border: solid 1px #999999;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
}
.gridMain .table td
{
	text-align:center;
	font-size:11px;
	height:2em;
	width:80px;
	background:#FFF;
}
.gridMain .table td.rh
{
	text-align:left;
	width:200px;
}
.gridMain .table td.yes
{
	background-image:url(../images/check-mark02.gif);
	background-position:50% 50%;
	background-repeat: no-repeat;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* Data Section Settings (Forms) */
.dataSectionBorder {
	background-color: #ffffff;
	border: solid 1px #cccccc;
	padding: 4px;
}
.dataSectionBody {
	background-color: transparent;
}
.dataSectionHeader {
	color : #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.dataSectionRowTitle {
	color : #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	text-align: right;
}
.dataSectionRowValue {
	color : #333333;
	font-family: Verdana, Arial, sans-serif;
	padding: 2px;
	font-size: 11px;
}
.dataSectionFooter {
	color : #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}



/*-----------------------------------------------------------------------------------------------------------------------*/
/* Box Display for general content on the site */
.contentBoxHeader {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.contentBoxBody {
	background-color: #f8f8f8;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
.contentBoxFooter {
	background-color: #f8f8f8;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
}

.leftBoxHeader_Off {
	background-image: url(../images/leftBoxHeader_Off_01.gif);
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	height: 24px;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 130px;
	text-align : center;
}

.leftBoxHeader_Closed {
	background-image: url(../images/leftBoxHeader_Open_01.gif);
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	height: 24px;
	padding: 5px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 130px;
}

.leftBoxHeader_Closed_Hover {
	background-image: url(../images/leftBoxHeader_Open_01.gif);
	color: #000000;
	cursor: hand; cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	height: 24px;
	text-decoration: underline;
	text-transform: uppercase;
	vertical-align: middle;
	width: 130px;
}

.leftBoxHeader_Open {
	background-image: url(../images/leftBoxHeader_Close_01.gif);
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	height: 24px;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 130px;
}

.leftBoxHeader_Open_Hover {
	background-image: url(../images/leftBoxHeader_Close_01.gif);
	color: #000000;
	cursor: hand; cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	height: 24px;
	text-decoration: underline;
	text-transform: uppercase;
	vertical-align: middle;
	width: 130px;
}

.leftBoxBody {
	border: solid 1px #b4b6b3;
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 130px;
}

.textSmallWhite {
	color : #FFFFFF;
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/* Control Formatting (Buttons, text boxes, etc) */
.formButton_small {
	background-color: Transparent;
	background-image: url(../images/buttonBG_Small.gif);
	background-repeat: no-repeat;
	border: 0px;
	color: #000000;
	cursor: hand; cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	height: 17px;
	margin: 0px;
	padding: 1px;
	text-align: center;
	width: 100px;
}
.formButton_medium {
	background-color: Transparent;
	background-image: url(../images/buttonBG_Medium.gif);
	background-repeat: no-repeat;
	border: 0px;
	color: #000000;
	cursor: hand; cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	height: 17px;
	margin: 0px;
	padding: 1px;
	text-align: center;
	width: 150px;
}
.formButton_large {
	background-color: Transparent;
	background-image: url(../images/buttonBG_Large.gif);
	background-repeat: no-repeat;
	border: 0px;
	color: #000000;
	cursor: hand; cursor: pointer;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	height: 17px;
	margin: 0px;
	padding: 1px;
	text-align: center;
	width: 200px;
}

.formControl {
	border: solid 1px #7f9db9;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	height: 20px;
	padding-top: 2px;
}



/*-----------------------------------------------------------------------------------------------------------------------*/
.header {
	color: #c5e5d4;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

.headerBlock {
	/*background-color: #3E73A5;*/
	color: #c5e5d4;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

.headerDate {
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
}

.siteHeader
{
	background:url(../images/header.jpg) top left no-repeat #04162a;
}
.shadowLeft
{
	background:url(../images/shadow-bg-left.gif) top right repeat-y;
}
.shadowRight
{
	background:url(../images/shadow-bg-right.gif) top left repeat-y;
}
.shadowBottom
{
	background:url(../images/shadow-bg-bottom.gif) top left repeat-x;
}
.leftBarBg
{
	background:url(../images/leftBarBG.gif) top left repeat-y;
}

.anonymousTopBarBG
{
	background:url(../images/topBarBG_anonymous.gif) top left repeat-x;
}

.memberTopBarBG
{
	background:url(../images/topBarBG_member.gif) top left repeat-x;
}

.inBoxSplitBG
{
	background:url(../images/inBoxSplitBG.gif) top left repeat-x;
}

table.activities td div.item
{
	padding:1px 0 2px 0;
}

.joinBlock
{
	background:blue; 
	text-align:center; 
	width:316px; 
	height:214px; 
	background:url(../images/home-join-bg.gif) top left no-repeat #1e61a1;
	font-size:10px;
	color:#FFF;
}



/*----------------------------------------------
----------- Help Window ------------------------
----------------------------------------------*/
#miniBrowserWindow .header
{
	height:44px;
	background:url(../images/minibrowser-header.jpg) top left no-repeat;
}

#miniBrowserContent
{
	height:323px;
	/*overflow:auto;*/
	overflow-y:auto;
	overflow-x:hidden;
	padding: 5px 0;
}

#miniBrowserWindow .footer
{
	background:url(../images/help-footer-bg.gif) top left repeat-x #DDD;
	height:25px;
	text-align:center;
}
#miniBrowserWindow .footer a
{
	line-height:23px;
	font-size:10px;
}


/*-----------------------------------------------------------------------------------------------------------------------*/
pageCurrent {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*ContentBox*/
.contentBox
{
}

.contentBoxBody
{
	background-color: #f8f8f8;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.contentBoxHeaderBG
{
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url("../images/contentBoxHeaderBG.gif");
}

.boxTopLeft
{
	background: url("../images/boxTopLeft.gif");
}

.boxTop
{
	background: url("../images/boxTop.gif");
}

.boxTopRight
{
	background: url("../images/boxTopRight.gif");
}

.boxLeft
{
	background: url("../images/boxLeft.gif");
}

.contentBoxHeaderLeft
{
	background: url("../images/contentBoxHeaderLeft.gif") 0 0 no-repeat;
}

.contentBoxHeaderRight
{
	background: url("../images/contentBoxHeaderRight.gif") 0 0 no-repeat;
}

.contentBoxFooterBG
{
	background-color: #f8f8f8;
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	background: url("../images/contentBoxFooterBG.gif");
}

.boxRight
{
	background-image: url("../images/boxRight.gif");
}

.boxBottomLeft
{
	background: url("../images/boxBottomLeft.gif");
	/*width:4px;
	height:4px;*/
}

.boxBottomRight
{
	background-image:url("../images/boxBottomRight.gif");
	width:4px;
	height:4px;
}

.boxBottom
{
	background-image: url("../images/boxBottom.gif");
}

.spacer
{
	background-image: url("../images/spacer.gif");
	background-repeat: no-repeat;
}

/*ContentBox Resources*/

.contentBoxHeaderBGResource
{
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url("../images/ContentBox/contentBoxHeaderBGResource.gif");
}

.contentBoxHeaderLeftResources
{
	background: url("../images/ContentBox/contentBoxHeaderLeftResource.gif") 0 0 no-repeat;
}

.contentBoxHeaderRightResource
{
	background: url("../images/ContentBox/contentBoxHeaderRightResource.gif") 0 0 no-repeat;
}

/*ContentBox Event & Meeting*/

.contentBoxHeaderBGEvent
{
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url("../images/ContentBox/contentBoxHeaderBGEvent.gif");
}

.contentBoxHeaderLeftEvent
{
	background: url("../images/ContentBox/contentBoxHeaderLeftEvent.gif") 0 0 no-repeat;
}

.contentBoxHeaderRightEvent
{
	background: url("../images/ContentBox/contentBoxHeaderRightEvent.gif") 0 0 no-repeat;
}

/*ContentBox Task*/

.contentBoxHeaderBGTask
{
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url("../images/ContentBox/contentBoxHeaderBGTask.gif");
}

.contentBoxHeaderLeftTask
{
	background: url("../images/ContentBox/contentBoxHeaderLeftTask.gif") 0 0 no-repeat;
}

.contentBoxHeaderRightTask
{
	background: url("../images/ContentBox/contentBoxHeaderRightTask.gif") 0 0 no-repeat;
}


/*ContentBox Issue*/

.contentBoxHeaderBGIssue
{
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url("../images/ContentBox/contentBoxHeaderBGIssue.gif");
}

.contentBoxHeaderLeftIssue
{
	background: url("../images/ContentBox/contentBoxHeaderLeftIssue.gif") 0 0 no-repeat;
}

.contentBoxHeaderRightIssue
{
	background: url("../images/ContentBox/contentBoxHeaderRightIssue.gif") 0 0 no-repeat;
}

/* ContentBox Related Files & Links */

.contentBoxHeaderBGRelated
{
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url("../images/ContentBox/contentBoxHeaderBGRelated.gif");
}

.contentBoxHeaderLeftRelated
{
	background: url("../images/ContentBox/contentBoxHeaderLeftRelated.gif") 0 0 no-repeat;
}

.contentBoxHeaderRightRelated
{
	background: url("../images/ContentBox/contentBoxHeaderRightRelated.gif") 0 0 no-repeat;
}


.miniBrowserFollowUp {
	 line-height : 3px;
}

.imageLink img
{
	
	height : 50px;
}
