/************************************************************************

	File:			BrighterWorking.css
	Theme:			BrighterWorking
	Creator:		Adam Simmonds
	Created:		23rd September 2006

	Description:	This is the Style Sheet for the BrighterWorking
					Theme which contains the HTML, MasterPage, ContentPage
					and Server Control Styles.
	Changes:
			Date		Who			Description
	--------------------------------------------------------------------
			23-09-06	Adam S		Created Initial CSS file for Theme

	--------------------------------------------------------------------


************************************************************************/



/************************************************************************
	HTML Styles
************************************************************************/

body 
{
	margin-left:20px;
	margin-right:20px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:small;
	text-align:left;
}

h1
{
	text-align:left;
	font-size:18px;
	font-style:italic;
	color: #008800;
}

h2
{
	text-align:left;
	font-size:17px;	
	color:#339900;
}

h3
{
	text-align:left;
	font-size:15px;
	color:#339900;		
}

p
{
	font-size:small;
}

li
{
	padding-top:10px;
	font-size:small;
	color:Black;
}

ul
{			
	padding-right:20px;
	text-align:left;	
}

ol
{
	font-style:italic;
}

table
{
	width:100%;
}

table thead
{
	color:#003399;
}

table tfoot
{
	color:Gray;
}

a
{
	font-weight:400;
	text-decoration:none;
	color:#339900;
}

a:hover
{
	color:#ff6600;
}

a:active
{
	color: #ff6600;
}

a:visited
{
}



/************************************************************************
	Master Page Styles
************************************************************************/



/*
Master Table which holds the main structure of the site
together
*/
#master-table
{
	width:100%;
	background-color:White;
}	



/*
Master Header DIV Container which holds the Left, Right, Logo
and parts of the Header.
*/
#master-header
{
	position:relative;
	width:100%;
	height:147px;
	text-align:left;
}



/*
The following style sets the width, height and layer
for the header link 
*/
#master-header-link
{
	position:absolute;
	width:100%;
	height:100%;
	z-index:3;
}



/*
The Filter sets the background PNG image for "master-header-left"
in IE correctly and is ignored by other broswers.
*/
#master-header-left
{
	position:absolute;
	z-index:1;
	width:381px;
	height:147px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='App_Themes/BrighterWorking/Images/Header-Left.png');
}



/* 
IE Ignores this style because it has a paramter,
So this sets the background in "master-header-left"
in all other browsers.
*/
#master-header-left[id]
{		
	background-image: url("Images/Header-Left.png");
}	



/*
The Filter sets the background PNG image for "master-header-logo"
in IE correctly and is ignored by other broswers.
*/
#master-header-logo
{
	position:absolute;
	z-index:2;
	width:291px;
	height:147px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='App_Themes/BrighterWorking/Images/Header-Logo.png');
}



/* 
IE Ignores this style because it has a paramter,
So this sets the background in "master-header-logo"
in all other browsers.
*/
#master-header-logo[id]
{
	background-image: url("Images/Header-Logo.png");
}	



/*
The Filter sets the background PNG image for "master-header-right"
in IE correctly and is ignored by other broswers.
*/
#master-header-right
{
	z-index:0;	
	width:546px;	
	height:147px;
	float:right;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='App_Themes/BrighterWorking/Images/Header-Right.png');
}



/* 
IE Ignores this style because it has a paramter,
So this sets the background in "master-header-right"
in all other browsers.
*/
#master-header-right[id]
{
	background-image: url("Images/Header-Right.png");
}



/*
Master Menu Container for Navigation and Links
*/
#master-menu
{
	background-color:#ffffcc;
	border: solid 1px #339900;
	padding:3px 15px 3px 15px;
}



/*
Master Menu Link Style
*/
#master-menu a
{
	font-size:14px;
	font-weight:400;
	color:#666666;
	text-decoration:none;
}



/*
Master Menu Link Hover Style
*/
#master-menu a:hover
{
	color:#008800;
}



/*
Master Menu Naviagtion DIV Styling and Positioning
*/
#master-menu-navigation
{
	width:auto;
	float:left; 
	clear:left;
}



/*
Master Menu Options DIV Styling and Positioning
*/
#master-menu-options
{
	width:auto;	
	float:right; 
	clear:right;
}



/*
Master Content Div which contains the Content Container for Pages
*/
#master-content
{
	min-height:350px;
	border-left: solid 1px #339900;
	border-right: solid 1px #339900;
}



/*
Master Content Container DIV Styling and Sizing which the
content place holder is held in
*/
#master-content-container
{
	padding:5px 25px 25px 25px;
	text-align:left;
}



/*
Master Footer Container DIV for Left, Links and Right
Divs
*/
#master-footer
{
	width:100%;
	height:30px;
	background-color:#339900;
}



/*
Master Footer Left DIV which displays the Left hand side
image of the footer
*/
#master-footer-left
{
	width:12px;
	height:100%;
	background-image: url("Images/Footer-Left.jpg");
	float:left;
	clear:right;
}



/*
Master Footer Links contains the links on the 
footer bar
*/
#master-footer-links
{
	width:auto;
	height:22px;
	background-image: url("Images/Footer-Middle.jpg");
	float:left;
	clear:right;
	padding-top:8px;
	text-align:left;
	font-size:12px;
	color:White;
}



/*
Master Footer Links Link Style
*/
#master-footer-links a
{
	color:White;
	text-decoration:none;
}



/*
Master Footer Links Link Hover Style
*/
#master-footer-links a:hover
{
	color:#333333;
}

#master-company-information
{
	color:#666666;
	font-size:smaller;
}


/*
Master Footer Left DIV which displays the Right hand side
image of the footer
*/
#master-footer-right
{
	width:170px;
	height:100%;
	background-image: url("Images/Footer-Right.jpg");
	float:right;
	clear:right;
}



/************************************************************************
	Grid View Styles
************************************************************************/



/*
Grid View Main Table Styles for outer border,
Width etc..
*/
.grid-view 
{
	width:100%;
	color:#333333;
	border-collapse:collapse;
	border:solid 1px #339900; 
}



/*
Grid View Caption Style for the Caption Text
for the Grid View
*/
.grid-view caption 
{
	background-color:#339900;
	color: White;
	font-size: 13pt;
	padding:5px 0px 5px 15px;
	text-align:left;
}



/*
Grid View table cell Style
*/
.grid-view td
{
	padding-right: 3px;
}



/*
Grid View Table Header and Footer Style
*/
.grid-view-header, .grid-view-footer
{
	background-color:#339900;
	font-weight:400;
	font-size:small;	
	color:#333333;
}



/*
Grid View Item Row Style
*/
.grid-view-row
{
	background-color:#ffff99;
	color:#333333;
}



/*
Grid View Alternating Item Row Style
*/
.grid-view-alternatingRow
{
	background-color:White;
	color:#333333;
}



/* Grid View Edit Item Row Style
.grid-view-editRow
{
	background-color:#999999;
}



/*
Grid View Selected Item Row Style
*/
.grid-view-SelectedRow
{
	background-color:#ffff99;
	font-weight:bold;
	color:#333333;
}



/*
Grid View Pager List View Style
*/
.grid-view-pager
{
	background-color:#339900;
	font-weight:bold;
	font-size:small;	
	color:Black;
	text-align:center;
}



/*
Grid View Pager List View Link Style
*/
.grid-view-pager a
{
	color:White;
}



/*
Grid View Pager List View Link Hover Style
*/
.grid-view-pager a:hover
{
	color:#008800;
}



/************************************************************************
	Content Page Styles Below
************************************************************************/

.normal
{
	text-align:left;
	font-size:small;
}

.container
{
	background-color: #ffffcc;
	border: solid 1px #008800;
}

.screenshot
{
	display: inline;
	margin: 5px 5px 5px 5px;
}