﻿/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	background-color: #EDEDED;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background: url(images/bluebkground2.png) repeat-x;
	margin:0;
	padding:0;
}

table
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

tr
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

td
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

a:link, a:visited
{
	text-decoration: underline;
	color:Black
}
/* Header Section */

#header {
}

#header .title {
	font: Arial;
	font-size: 18pt;
	color: black;
	background-color: transparent;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
	/* vertical-align: middle; */
	text-align: center;
}

#header .link 
{
	font: Arial;
	font-size: 8pt;
	color: black;
	background-color: transparent;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
	text-align: center;
}

#path {
	float: inherit;
	font: 12pt Arial;
	color: Black;
	font-weight: bold;
	margin-top: 105px;
	margin-left: 5px;
}

/* Navigation */

#navigation {
	width: 100%;
	top: 72px;
	left: 0px;
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#navigation a
{
	display: block;
	text-decoration: none;
	color: black;
}

#navigation a:link, #navigation a:visited
{
	text-decoration: none;
	color: black;
}

/* Tab Table Style */

#navigation .TabRow
{
	height: 33px;
	font-size: 9pt;
	font-family: Arial, Tahoma, Verdana;
	vertical-align: middle;
	text-align: center;
} 

#navigation .TabSelectedLeft
{
	background-image: url(Images/tab_sel_left.PNG);
	background-repeat: no-repeat;
	width: 9px;
}

#navigation .TabSelectedCenter
{
	background-image: url(Images/tab_sel_center.PNG);
	background-repeat: repeat-x;
	font-weight: bold;
	width: 100px;
}

#navigation .TabSelectedRight
{
	background-image: url(Images/tab_sel_right.PNG);
	background-repeat: no-repeat;
	width: 9px;
}

#navigation .TabUnselectedLeft
{
	background-image: url(Images/tab_uns_left.PNG);
	background-repeat: no-repeat;
	width: 9px;
}

#navigation .TabUnselectedCenter
{
	background-image: url(Images/tab_uns_center.PNG);
	background-repeat: repeat-x;
	width: 100px;
}

#navigation .TabUnselectedRight
{
	background-image: url(Images/tab_uns_right.PNG);
	background-repeat: no-repeat;
	width: 9px;
}

#navigation .TabNone
{
	background-image: url(Images/tab_none.PNG);
	background-repeat: repeat-x;
}

#navigation .MenuRow
{
	height: 32px;
	font-size: 9pt;
	font-family: Arial, Tahoma, Verdana;
	vertical-align: middle;
	text-align: center;
}

#navigation .MenuLeft
{
	background-image: url(Images/menu_left.PNG);
	background-repeat: no-repeat;
	width: 2px;
}

#navigation .MenuCenter
{
	background-image: url(Images/menu_center.PNG);
	background-repeat: repeat-x;
	padding-right: 6px;
	padding-left: 6px;
	overflow: hidden;
}

#navigation .MenuRight
{
	background-image: url(Images/menu_right.PNG);
	background-repeat: no-repeat;
	width: 2px;
}

#navigation .MenuDiv
{
	background-image: url(Images/menu_div.PNG);
	background-repeat: no-repeat;
	width: 1px;
}

#navigation .MenuNone
{
	background-image: url(Images/menu_center.PNG);
	background-repeat: repeat-x;
}

# navigation MenuSelected
{
	font-weight: bold;
}

# navigation a.MenuUnselected
{
	font-weight: normal;
}

/* Main Content */

#content 
{
	top: 110px;
	left: 5px;
	position:absolute;
	font: Arial;
	font-size: 9pt;
}
h1 {
	font: Arial;
	font-size: 9pt;
}

#content p {
	font: Arial;
	font-size: 9pt;
}

#content ul {
	font: Arial;
	font-size: 9pt;
}

#content textarea {
	font: Arial;
	font-size: 9pt;
}

#content .subtitle {
	font: Arial;
	font-size: 14pt;
	color: black;
	background-color: transparent;
}

#content-nonav
{
	top: 5px;
	left: 5px;
	position:absolute;
	font: Arial;
	font-size: 9pt;
}

#content-nonav p {
	font: Arial;
	font-size: 9pt;
}

#content-nonav ul {
	font: Arial;
	font-size: 9pt;
}

/* Data Web Control Styles */

.DataWebControlStyle
{
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
/*
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
*/
}

.HeaderStyle
{
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	color: black;
	font-weight: bold;
	font-size: 8pt;
	background-color: silver;
	text-decoration: none;
	height: 20px;
}

.DetailsViewHeaderStyle
{
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	color: black;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	height: 20px;
}

.AlternatingRowStyle
{
	height: 18px;
	padding-right: 4px;
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	border: none;
	border-style:none;
}

.RowStyle
{
	height: 18px;
	padding-right: 4px;
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	border: none;
	border-style:none;
}

.BtnRightStyle
{
	float: right;
}

.gridRowOverrideStyle
{
	float: left ;	
}

/* Table layout test css */

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  } 