﻿body
{
	background-color: #fff;
	font-family: Verdana;
	font-size: 14px;
	margin: 2px;
}
a { outline: none; }
a:link
{
	text-decoration: none;
	color: #3333cc;
}

a:visited
{
	text-decoration: none;
	color: #333399;
}

a:active
{
	text-decoration: none;
	color: #333399;
}

a:hover
{
	text-decoration: underline;
	color: #3333cc;
}

/* INPUT and Entry Controls */

INPUT
{
	border: 1px solid #5F5F3D;
	font-family: Verdana;
	font-size: 8pt;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #000;
	background-color: #fff;
}
h6
{
	padding: 6px 0 0 0;
	margin: 0;
	font: normal bold 12px Arial;
}
/* Checkboxes and Radio buttons inheirit the above style - eliinate borders using noborder */
.noborder
{
	border-style: none;
	padding: 0px;
}
.noborder INPUT
{
	border-style: none;
	padding: 0px;
}
.input-highlight
{
	color: #f00;
	background-color: #ff9;
	border: 2px solid #f00;
}
SELECT
{
	border: 1px solid #999;
	font-family: Verdana;
	font-size: 8pt;
}
TEXTAREA
{
	border: 1px solid #999;
	font-family: Verdana;
	font-size: 8pt;
}
BUTTON
{
	border: 1px solid #999;
	font-family: Verdana;
	font-size: 8pt;
}

/* Main Page Layout Styles */
.master { width: 100%; }

.layout-header-topleft img, .layout-header-topright img	{ padding: 0; margin: 0; }

.layout-header { background: #336 url(images/GNSWeb1/header/header-repeat.gif) repeat-x top; }
.layout-header-topleft { height: 67px; }
.layout-header-topright{ height: 67px; text-align: right; }

.layout-subheader { background: #336 url(images/GNSWeb1/header/sub-header-repeat.gif) repeat-x top; height: 20px; }
.layout-subheader-fill { height: 20px; width: 300px; }
.layout-subheader-menubar { height: 20px; text-align: right; padding-right: 10px; font-family: Arial; font-size: 10pt; }
.layout-subheader-menubar a:link { color: #fff; text-decoration: none; }
.layout-subheader-menubar a:visited { color: #fff; text-decoration: none; }
.layout-subheader-menubar a:active { color: #fff; text-decoration: none; }
.layout-subheader-menubar a:hover {	color: #ff6; text-decoration: none; }

.layout-body-sidebar, .layout-body-status  { width: 225px; }
.layout-body-status ul { margin: 0; padding: 0 0 0 14px; }

/* Table Styles */
.table-header-blue
{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	background-color: #bec5d1;
}


/* Sidebar Styles */

.sidebar-table
{
	border: 1px solid #366;
	background-color: #fff;
	width: 220px;
	height: 500px;
	padding: 4px 6px;
}
.sidebar-title
{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	padding-left: 4px;
	color: #fff;
	background-color: #366;
}
.sidebar-content
{
	vertical-align: top;
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	height: 99%;
}

/* Forms */

.form-table
{
	/*border-left: 1px solid #cfcfcf;*/
	/*border-right: 1px solid #cfcfcf;*/
	background: #fff url(images/GNSWeb1/containers/blue-variable/vertical-fill.gif) repeat-x top left;
	text-align: left; 
}
/*.form-table td{ padding: 4px; }*/


.form-title-blue
{	font-size: 14px;
	font-weight: bold;
	height: 20px;
	color: #eee;
	border-top: solid 1px #999fa8;
	border-bottom: solid 1px #999fa8;
	background-color: #7C879A;
	/*
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	color: #666;
	padding: 2px 4px 4px 4px;
	background-color: #fff; /*background-image: url(images/GNSWeb1/form-title.jpg); 	background-repeat: no-repeat; 	background-position: left;*/

}
.form-section
{
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	background-color: #bec5d1;
	color: #666;
	padding: 4px;
}
.form-information
{
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.form-caption
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #5F5F3D;
	padding-right: 10px;
	vertical-align: top;
}
.form-caption-required
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #5F5F3D;
	padding-right: 20px;
	background-image: url(images/required.gif);
	background-position: right top;
	background-repeat: no-repeat;
	vertical-align: top;
}
.form-alert
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #900;
}
.form-button-default, .form-button
{
	border: none;
	background: transparent url(images/GNSWeb1/buttons/orange/button.gif) no-repeat top center;
	width: 60px;
	height: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 4px;
	margin: 8px 4px;
}

/* Form Tab Support */

.tab-strip { list-style: none; padding: 0 0 0 6px; margin: 0; }
.tab-strip li {float: left; padding-left: 4px; }

.tab-strip .form-tab-on span { float: left; padding-right: 6px;  background: transparent url(images/GNSWeb1/tabs/gold-cap.gif) no-repeat top right;}
.tab-strip .form-tab span { float: left; padding-right: 6px;  background: transparent url(images/GNSWeb1/tabs/silver-cap.gif) no-repeat top right;}

.tab-strip .form-tab-on { float: left; padding-right: 6px; background: transparent url(images/GNSWeb1/tabs/gold-cap.gif) no-repeat top left;  }
.tab-strip .form-tab { float: left; padding-right: 6px; background: transparent url(images/GNSWeb1/tabs/silver-cap.gif) no-repeat top left; }

.tab-strip .form-tab-on a { display: block; color: #999; height: 25px; width: 75px; text-align: center; padding: 0 6px 0 6px; background: transparent url(images/GNSWeb1/tabs/gold-fill.gif) repeat-x top left;}
.tab-strip .form-tab a { display: block; color: #666; height: 25px; width: 75px; text-align: center; padding: 0 6px 0 6px; background: transparent url(images/GNSWeb1/tabs/silver-fill.gif) repeat-x top left;}

.tab-strip li a:hover { text-decoration: none; }

.form-tab-page
{
	/*border: 1px solid #A3CDE3;*/
}
.form-tab-page-buttons
{
	border-top: solid 2px #cfcfcf;
	border-left: solid 1px #cfcfcf;
	border-right: solid 1px #cfcfcf;
	background-color: #fff;
}
.form-tab
{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
}
.form-tab-on
{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
}
.form-tab-area-on
{
	display: block;
}
.form-tab-area
{
	display: none;
}

/* List/Grid Support */

TABLE .list-table
{
	border: 1px solid #369;
	background-color: #fff;
}
.list-table
{
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
}
.list-table TD
{
	padding: 3px;
}
.list-title
{
	font-family: Arial, Sans-Serif;
	font-size: 16pt;
	font-weight: bold;
	color: #666;
	letter-spacing: 4px;
}
.list-header
{
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	background-color: #369;
	color: #fff;
}
.list-header TD
{
	padding: 4px 8px;
}
.list-header A
{
	color: #fff;
}
.list-header A:hover
{
	color: #fff;
	text-decoration: underline;
}
.list-header A:visited
{
	color: #fff;
	text-decoration: none;
}
.list-header-sub
{
	font-family: Arial, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	background-color: #fff;
}
.list-links
{
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: right;
}
.list-row
{
	color: #000;
	background-color: #fff;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
}
.list-row A
{
	color: #000;
}
.list-row A:hover
{
	color: #000;
}
.list-row A:visited
{
	color: #000;
}
.list-row-alt
{
	color: #000;
	background-color: #EFEEDE;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
}
.list-row-alt A
{
	color: #000;
}
.list-row-alt A:hover
{
	color: #000;
}
.list-row-alt A:visited
{
	color: #000;
}
.list-pagerarea
{
	letter-spacing: 2;
}


