﻿body {
	background-color: #0f0; /* NOT WORKING*/
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	margin: 3px 3px 3px 3px;
}
.mainTable
{
	/*border-left:solid 1px #444444;
	border-top:solid 1px #444444;
	border-right:solid 1px #444444;
	border-bottom:solid 1px #444444;*/
	width:100%;
	height:100%;
	background-color:#dddddd;
}
.header
{
	background-image:url("Images/header_back.jpg");
	background-repeat:repeat-x;
	height:80px;
	border-bottom:solid 1px #444444;
	text-align:center;
}
.menu
{
	padding:2px 0 2px 10px;
	text-align:left;
	background-color:#333333;
	border-bottom:solid 4px #444444;	
}
.menu
{
	padding:2px 0 2px 10px;
	text-align:left;
	background-color:#333333;
	border-bottom:solid 4px #444444;	
	
}
.mainMenu
{
	color:#ffffff;	
}
.mainMenu a:link
{
	color:#ffffff;
	text-decoration:none;
}
.mainMenu a:visited
{
	color:#ffffff;
	text-decoration:none;
}
.mainMenu a:hover
{
	color:#ffffff;
	text-decoration:none;
	background:#5ebdfd;
}
.mainMenu td
{
	color:#ffffff;
	background:#333333;
	width:140px;
}
.submenu
{
	background-color:#ffffff;
	color:#000000;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	border-left:solid 1px #cccccc;
	border-top:solid 1px #cccccc;
    padding: 2px 4px 2px 4px;	
}


.submenu li
{
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#dddddd;
	
}

.submenu a:link
{
	color:#0033cc;
	text-decoration:none;
    padding: 4px 4px 4px 4px;
}
.submenu a:visited
{
	color:#0033cc;
	text-decoration:none;
    padding: 4px 4px 4px 4px;
}
.submenu a:hover
{
	color:#000066;
	text-decoration:none;
    padding: 4px 4px 4px 4px;
}
.submenu_hover
{
	/*border-top-style:solid;
	border-top-width:1px;
	border-top-color:#dddddd;*/
	background-color:#5ebdfd;
}
.content
{
	padding: 0 0 0 0;
}
.footer
{
	height:30px;
	background-image:url("Images/header_back.jpg");
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:10px;
	color:#ffffff;
	background-color:#333333;	
	text-align:center;
	vertical-align:middle;
}
.msgLine
{
	height:22px;
	color:#cccccc;
	background-color:#555555;
	border-top: solid 1px #333333;
}
.contentTable {
	background: #efefef;
	color: #ffffff;
	border: 1px solid #125797;
}
	.contentTable th {
		background: #3b5998c7;
		font-size: 15px;
		color: #efefef;
		
		height: 30px;
		
		font-family:Verdana;
		border-bottom: solid 1px #999999;
		text-align: center;
	}
.contentTable td
{
	padding: 5px 5px 5px 5px;
}

.loginMainBox
{
	background-image:url("Images/login_back.png");	
	width:320px;
	height:220px;
	/*border: dotted 2px #999999;*/
	
}
.loginBox
{
	font-size:14px;
	color:#ED841A;	
	text-align:center;
	font-weight:normal;
}

.formBox
{
	/*width:600px;*/
	border-left:solid 1px #000000;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	
	background-color:#efefef;
	color:#ffffff;
	font-size:12px;
	padding:0 0 0 0;
}
	.formBox th {
		font: Verdana;
		font-size: 14px;
		background-color: #b9d5ea;
		height: 30px;
		color: #2d3d97;
		border-bottom: double 4px #333333;
	}
	.formBox td {
		vertical-align: bottom;
		color: #333333;
		border-bottom: solid 1px #797875;
		font-size: 14px;
	}
.formBox .tdCaption
{
	text-align:right;
	vertical-align:middle;
	
}
.formBox .tdCaptionHeader
{
	text-align:left;
	vertical-align:middle;
	
}
.formBox .tdCaptionBold
{
	text-align:right;
	vertical-align:middle;
	font-weight:bold;	
	background-color:#efefef;
	
}
	.formBox .tdControls {
		text-align: left;
		vertical-align: middle;
		background-color: #efefef;
	}
.formBox .tdSeperator
{
	height:10px;
	vertical-align:middle;
}
	.formBox .tdActions {
		height: 24px;
		border-top: double 4px #000000;
		text-align: center;
		vertical-align: middle;
		background-color: #596a8e;
	}
.ActionButtons
{
	background:#b9d5ea;
	font-weight:bold;
	color:#000066;
	border:2px solid #000066;
	border-radius:3px;
	letter-spacing:1px;
	height: 26px;
	font-weight:bold;
}


.activity-button {
	position: relative;
	border-radius: 15px 15px 0px 0px;
	/*background: url('~/Images/GNFC_Logo_44X40.png') no-repeat center center; /* Set the background image */
	background-color: #AED8F2;
	/*background-size: cover; /* Cover the entire button */
	color: navy; /* Adjust the text color */
	font-size: 12px; /* Adjust the font size */
	font-weight: bold;
	text-align: center;
	border: none;
	width: 175px; /* Set the width and height to create a square button */
	height: 40px;
	line-height: 20px; /* Center the text vertically */
	cursor: pointer;
}

.selected_activity-button {
	position: relative;
	/*background: url('~/Images/GNFC_Logo_44X40.png') no-repeat center center; /* Set the background image */
	background-color: #3B5998;
	border-radius: 15px 15px 0px 0px;
	/*background-size: cover; /* Cover the entire button */
	color: white; /* Adjust the text color */
	font-size: 13px; /* Adjust the font size */
	font-weight: bold;
	text-align: center;
	border: none;
	width: 175px; /* Set the width and height to create a square button */
	height: 40px;
	
	cursor: pointer;
}

.divMsg
{
	color:#000000;
	background-color:#000000;
	/*background-image:url("images/msgBack.png");*/
	border-color:#dddddd;
	border-width:2px;
	border-style:double;
	visibility:hidden;
	
	text-align:center;
		
	position:relative;
	padding:2px 20px 10px 20px;
		
}
.btn
{
	background:#45698A;
	color:#ffffff;
	font-weight:bold;
}
.gridBox {
	border: solid 2px #444444;
	/*border-top:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;*/

	background-color: #b1cde8;
	color: #000066;
	font-size: 12px;
}
	.gridBox th {
		font: Verdana;
		font-size: 14px;
		background-color: #274c9a86;
		height: 30px;
		color: #fff;
		font-weight: 500;
		border-bottom: double 4px #333333;
	}
.gridMain
{
	border: solid 1px #000000;
	font-size:13px;
}
.gridMain a
{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.gridAltItemStyle a
{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.gridItemStyle a
{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.gridAltItemStyle {
	color: #000000;
	background-color: #f2f2f2;
	height: 12px;
}
.gridItemStyle {
	color: #000000;
	/*background-color:#e1e1e1;*/
	background-color: #e1e1e1;
}
.gridHeaderStyle
{
	background-color:#4A6388;
	color:#000066;
	font-size:14px;	
	height:20px;
}
.gridHeaderStyle a
{	
	color:#ffffff;
	font-size:14px;	
	height:20px;
}

	.gridHeaderStyle a:hover {
		color: #ffffff;
		font-size: 14px;
		height: 20px;
	}
.gridPagerStyle
{
	background-color:#9AADC9;
	color:#002142;
	font-size:14px;	
	font-weight:bold;
	height:20px;
	text-align:left;
}
.gridPagerStyle a:link
{
	color:#ffffff;
	font-size:14px;	
	font-weight:bold;
	height:20px;
}

.gridFooterStyle
{
	background-color:#FFFFFF;
	color:#000066;
	font-size:14px;	
	height:20px;
}

.report
{
	background-color:#ffffff;
}
.middleDivide
{
	background-image:url('Images/middle_divide.jpg');
	background-repeat:repeat-y;
}

.calendar
{
	background-color:#999999;
	border:solid 1px #000000;
	font-size:10px;
	/*border-left:solid 1px #000000;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;*/
}
.calendar a:link
{
	color:#ffffff;
	text-decoration:none;
}
.calendar a:visited
{
	color:#ffffff;
	text-decoration:none;
}

.calendar .selectedDay
{
	background-color:#3196f4;
	color:#160657;
	text-decoration:none;
	border:solid 1px #160657;
}

.calendar .selectedDay a:link,a:visited
{
	color:#160657;
	font-weight:bold;
	text-decoration:none;
}

.calendar th
{
	background-color:#028add;
	text-align:center;
}
.calendar .weekName
{
	text-align:center;
	font-weight:bold;
}
.rules
{
	font-size:14px;
}

.gotolink {
    background: #f71515;
}
.gotolink a:link
{
	color:#ffffff;
	text-decoration:none;
}
.gotolink a:visited
{
	color:#ffffff;
	text-decoration:none;
}
.gotolink a:hover
{
	color:#ffffff;
	text-decoration:none;
	background:#f71515;
}
.divMsg {
	overflow: hidden;
	display: block;
	position: fixed;
	z-index: 1027;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	text-align: center;
	width: 360px;
	visibility: hidden;
	float: right;
	background-color:#999999;
}

.gridSearchBox {
	font: Verdana;
	font-size: 14px;
	background-color:transparent;
	height: 30px;
	color: #fff;
	font-weight: 500;	
}

.gridSearchBox select {
	color: #000000;
}

	.gridSearchBox input {
		color: #000000;
	}

