@import url(C:\Documents and Settings\nick.geen\Desktop\bdev.css); 
/* CSS Document */
 


body, p
{
	color: #000000;
	font-size: 80%;
	font-family: Trebuchet, 'trebuchet ms', sans-serif;
    background-repeat: repeat;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}



A:link { color: Black ; }
A:visited { color: Black; }
A:hover { color: #00CCFF; }
A:active { color: #FF0000; }

form 
{
	margin: 0;
	padding: 0;
}

.textbox
{
font-family: Trebuchet, 'trebuchet ms', sans-serif;
font-size: 9px;
font-style:normal;
height:18px;
}

#top_menu_button
{   text-align:right;
    vertical-align:bottom;
    width:80;
    height:24;
    border:0;
}

.plaingrid
{
    border: none;
}
.plaingrid table 
{

}

.plaingrid tr td 
{
    border: none ; /* 'cellspacing' */ 
}  


/* There is no directly CSS equivalent to AlternatingRowStyle.  this can be accomplished by alternating the class for each tr element, e.g:
.GridViews table tr.tr1 {background-color:#C00;}
.GridViews table tr.tr2 {background-color:#F00;}
*/

.dg_header
{
 background-color: Silver;
 font-weight:bold;
 font-size:smaller;
 text-align:left;
}
.dg_footer
{
 background-color: Silver;
 font-weight:bold;
 font-size:smaller;
 text-align:left;
}


.dg_item
{
 text-align: left;
 background-color:White;
 height:auto;
}

.dg_alternating_item
{
 text-align: left; 
 background-color:White;
}


.dg_grid
{
    color:black;
}
    
.dg_grid td
{
    border-width: 0px 0px 1px 0px;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #808080;
    border-left-color: inherit;
    padding-right: 10px;
}
.dg_header td
{
 border-bottom: solid 1px black;
}

.dg_pager
{
 text-align: left; 
 background-color: Silver;
 font-weight:bold;
 border-top: solid 1px black;
}

.dg_pager td
{
 border-top: solid 1px black;
}



.dg_style2_item
{
 text-align: left; 
}

.dg_style2_alternating_item
{
 text-align: left; 
}

.dg_style2_grid td
{
    border-width: 0px 0px 1px 0px;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #808080;
    border-left-color: inherit;
    padding-right: 10px;
}
.dg_style2_header td
{
 border-bottom: solid 1px black;
}

.dg_style2_pager
{
 text-align: left; 
 background-color: Silver;
 font-weight:bold;
 border-top: solid 1px black;
}

.dg_style2_pager td
{
 border-top: solid 1px black;
}


.dg_style2_grid
{
    border-style: none;
    margin: 0px;
    text-align:center;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    vertical-align: Top;
    color: Black; 
    background-color: white;
}

.dg_style2_header
{
 background-color: Silver;
 font-weight:bold;
 font-size:smaller;
 text-align:left;
}

.dg_style2_footer
{
 background-color: Silver;
 font-weight:bold;
 font-size:smaller;
 text-align:left;
}


.dg_style2_item
{
 text-align: left; 
}

.dg_style2_alternating_item
{
 text-align: left; 
}

.dg_style2_grid td
{
    border-width: 0px 0px 1px 0px;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: #808080;
    border-left-color: inherit;
    padding-right: 10px;
}
.dg_style2_header td
{
 border-bottom: solid 1px black;
}

.dg_style2_pager
{
 text-align: left; 
 background-color: Silver;
 font-weight:bold;
 border-top: solid 1px black;
}

.dg_style2_pager td
{
 border-top: solid 1px black;
}

.general_text
{
    font-size: small;
    color: black;
    font-weight: normal;
}
.general_text_strong
{
    font-weight: bold;
    font-size: medium;
}
.general_text_x_small
{
	font-size: x-small;
}
.general_text_reverse
{
	font-size: small;
	color: #FFFFFF;
}
.general_text_reverse_x_small
{
	font-size: x-small;
	color: #FFFFFF;
}
.general_text_reverse_larger
{
    font-size: medium;
    color: #FFFFFF;
}
.general_text_coloured
{
    font-size: small;
    color: maroon;
}
.general_text_coloured_larger
{
    font-size: medium;
    color: maroon;
}


/* 
 * styles used by asp:gridView control
 */
 
.GridView1
{
border-color: #E7E7FF;
border-style: none;
border-width: 1px;
padding: 3;	
}

.GridView1_rowstyle
{
 background-color: #E7E7FF; /* blue */
 color: #4A3C8C;
}

.GridView1_AlternatingRowStyle
{
	background-color: #F7F7F7;
	color: #4A3C8C;	
}


.GridView1_footerstyle
{
	background-color: #B5C7DE; 
	color: #4A3C8C;
}

.GridView1_pagerstyle
{
	background-color: #E7E7FF; 
	color: #4A3C8C;
			
	/* HorizontalAlign="Right */		
}

.GridView1_SelectedRowStyle 
{
	background-color: #738A9C;
	color: #F7F7F7;
	font-weight:bold; 
}

.GridView1_HeaderStyle 
{
	background-color: #4A3C8C;
	color: #F7F7F7;
	font-weight:bold; 
}







.toptitle
{
    color: white;
    font-size: 1.2em;
    font-weight: bolder;
    /* background-color: #666666; */
    background-color: #4A3C8C;
}
.toptitle_dark
{
	color: #000066;
	font-size: 1.2em;
	font-weight: bolder;
}
.toptitle_colour
{
    color: maroon;
    font-size: 1.2em;
    font-weight: bolder;
}
.toptitle_colour_large
{
    color: maroon;
    font-size: 2em;
    font-weight: bolder;
}
.Search_filter
{
    color: #000099;
    background-color: white;
}
.data_grid_text_update
{
	color: #990000;
	background-color: #FFFF99;
}

.bold_instructional
{
	font-weight: bold;
}
.warning_advisory
{
	color: #FF6600;
	font-weight: bold;
}

.warning_text
{
	color: #FF0000;
	font-weight: bolder;
}

.confirm_text
{
	color: #006600;
	font-weight: bolder;
	background-color: #FFFFFF;
	width: auto;
	margin: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-decoration: blink;
	border: thin solid #006600;
}

.Calendar_central_text_event
{
    font-size: xx-small;
    color:Navy;
}
.Calendar_local_text_event
{
    font-size: xx-small;
    color:Maroon;
    font-style:italic;
}
.alt_Calendar_central_text_event
{
	font-size: x-small;
	background-color: #FFFFCC;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCC99;
	border-right-color: #CCCC99;
	border-bottom-color: #CCCC99;
	border-left-color: #CCCC99;
}

.tabmenu {
		border-bottom: 1px solid black;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px }

	.tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

	.tabmenu a, a.active
{
    color: black;
    background: Silver;
    border: 1px solid black;
    padding: 2px 5px 0px 5px;
    margin: 0;
    text-decoration: none;
}

	.tabmenu a.active
{
    color: blue;
    background: white;
    border-bottom: 1px solid white;
}

	.tabmenu a:hover
{
    background: white;
    color: blue;
}

	.tabmenu a.active:hover
{
    background: white;
    color: blue;
}

.dummytabbedmenu {
		color: black;
		border-bottom: 1px solid black;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px }

	.dummytabbedmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none;
        color: blue;
        background: white;
        border: 1px solid black;
        border-bottom: 1px solid white;
        padding: 2px 5px 0px 5px;
        margin: 0;
        text-decoration: none;
}
  



/*
 * div styles for buttons
 */
.Button1
{
 position: relative;
 background-image: url('../SitePages/MasterPages/Graphics/Button1_blue.gif');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 80px;
 height: 22px;
 margin: 0; 
 padding: 0;
	top: 0px;
	left: 0px;
}

.Button1 a
{
 display: block;
 color: #000000;
 font-size: 11px;
 width: 80px;
 display: block;
 float: left;
 color: white;
 text-decoration: none;
}

.Button1 img 
{
 width: 80px;
 height: 22px;
 border: 0; 
}

.Button1 a:hover img
{
 visibility:hidden
}

.Button1 span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 3px;
 width: 80px;
 text-align: center;
 color: white;
 font-weight:bold;
}





  
  
.MenuLowerButton
{
 position: relative;
 background-image: url('../SitePages/MasterPages/Graphics/menulower_1.gif');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 80px;
 height: 22px;
 margin: 0; 
 padding: 0;
	top: 0px;
	left: 0px;
}

.MenuLowerButton a
{
 display: block;
 color: #000000;
 font-size: 11px;
 width: 80px;
 display: block;
 float: left;
 color: white;
 text-decoration: none;
}

.MenuLowerButton img 
{
 width: 80px;
 height: 22px;
 border: 0; 
}

* html a:hover 
{
 visibility:visible
}

.MenuLowerButton a:hover img
{
 visibility:hidden
}

.MenuLowerButton span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 3px;
 width: 80px;
 text-align: center;
 color: white;
 font-weight:bold;
}

.MenuUpperButton
{
 position: relative;
 background-image: url(../SitePages/MasterPages/Graphics/menuupper_1.gif);
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 80px;
 height: 22px;
 margin: 0; 
 padding: 0; 
}

.MenuUpperButton a
{
 display: block;
 color: #000000;
 font-size: 11px;
 width: 80px;
 height: 22px;
 display: block;
 float: left;
 color: white;
 text-decoration: none;
}

.MenuUpperButton img 
{
 width: 80px;
 height: 22px;
 border: 0; 
}

* html a:hover 
{
 visibility:visible
}

.MenuUpperButton a:hover img
{
 visibility:hidden
}

.MenuUpperButton span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 3px;
 width: 80px;
 text-align: center;
 color: white;
 font-weight:bold;
}


.SmallButton
{
 position: relative;
 background-image: url(../graphics/styles/SelectedStyle/small_1.gif);
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 80px;
 height: 20px;
 margin: 0; 
 padding: 0; 
}

.SmallButton a
{
 display: block;
 color: #000000;
 font-size: 11px;
 width: 80px;
 height: 20px;
 display: block;
 float: left;
 color: black;
 text-decoration: none;
}

.SmallButton img 
{
 width: 80px;
 height: 20px;
 border: 0; 
}

* html a:hover 
{
 visibility:visible
}

.SmallButton a:hover img
{
 visibility:hidden
}

.SmallButton span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 2px;
 width: 80px;
 text-align: center;
 color: black;
 font-weight:bold;
}

.SmallRoundButton
{
 position: relative;
 background-image: url('../graphics/styles/SelectedStyle/small_round_button_green.jpg');
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 35px;
 margin: 0; 
 padding: 0; 
}

.SmallRoundButton img 
{
 width: 35px;
 height: 35px;
 border: 0;
}

.HelpButton
{
 position: relative;
 background-image: url(../graphics/styles/SelectedStyle/help_over.gif);
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 43px;
 height: 43px;
 margin: 0; 
 padding: 0; 
}

.HelpButton a:hover img
{
 visibility:hidden
}

* html a:hover 
{
 visibility:visible;
}

.SmallRoundButton a
{
 display: block;
 color: #000000;
 font-size: 11px;
 width: 35px;
 height: 35px;
 display: block;
 float: left;
 text-decoration: none;
 color:white;
}

.SmallRoundButton a:hover img
{
 visibility:hidden;
}

.SmallRoundButton span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 0px;
 width: 35px;
 text-align: center;
 font-size:35px;
 font-weight:bold;
}


.MediumRoundButton
{
 position: relative;
 background-image: url(../graphics/styles/SelectedStyle/medium_round_button_green.jpg);
 background-repeat: no-repeat;
 white-space: nowrap;
 display: block;
 width: 70px;
 height: 70px;
 margin: 0; 
 padding: 0; 
}

.MediumRoundButton img 
{
 width: 70px;
 height: 70px;
 border: 0;
}

* html a:hover 
{
 visibility:visible;
}

.MediumRoundButton a
{
 display: block;
 color: #000000;
 font-size: 11px;
 width: 70px;
 height: 70px;
 display: block;
 float: left;
 text-decoration: none;
 color:white;
}

.MediumRoundButton a:hover img
{
 visibility:hidden;
}

.MediumRoundButton span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 12px;
 width: 70px;
 text-align: center;
 font-size:45px;
 font-weight:bold;
}

.boxed
{
 border-left: solid 1px black; 
 border-right: solid 1px black; 
 border-top: solid 1px black; 
 border-bottom: solid 1px black; 
}

.boxed_white
{
 border-left: solid 1px black; 
 border-right: solid 1px black; 
 border-top: solid 1px black; 
 border-bottom: solid 1px black; 
 background: white;
}


.boxed_blue
{
 border-left: solid 1px black; 
 border-right: solid 1px black; 
 border-top: solid 1px black; 
 border-bottom: solid 1px black; 
 background: #B2B3C5;
}



.to_do_list_admin_item
{
 color: Purple;
 font-weight:bold;
 font-style:italic;
}

.box_style_link
{
 display: block;
 text-align:center;
 width: 25px;
 border-left: solid 1px #8B4513; 
 border-right: solid 1px #8B4513;
 border-top: solid 1px #8B4513; 
 border-bottom: solid 1px #8B4513; 
 text-decoration: none;
}

.box_style_link a
{
 text-decoration: none;
 color:#8B4513;
}

.box_style_link a:visited
{
 text-decoration: none;
 color:#8B4513;
} 
.box_style_link a:hover
{ 
 display: block;
 width: 25px;
 text-decoration: none;
 color:white;
 background-image: url(../graphics/page_graphics/icons/add_new.gif);
 background:#8B4513;
} 

.plainstyle_textbox
{
 background-color:White; 
 border: solid 1px gray;
 font-family: Trebuchet, 'trebuchet ms', sans-serif;
}

.mailstyle_textbox
{
 background-color:#DADADA; 
 border: solid 1px gray;
 font-family: Trebuchet, 'trebuchet ms', sans-serif;
}
		
#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}
	

a.FeatureLinkButton:visited 
{
    color:Navy; font-weight:bold; text-decoration:none;
}
a.FeatureLinkButton:link 
{
    color:Navy; font-weight:bold; text-decoration:none;
}
a.FeatureLinkButton:hover 
{
    color:Maroon; font-weight:bold; text-decoration:none;
}
a.FeatureLinkButton:active 
{
    color:Navy; font-weight:bold; text-decoration:none;
}

.FeatureLinkStyle a
{
 text-decoration: none;
 font-weight:bold;
 color:Navy;
}

.FeatureLinkStyle a:visited
{
 text-decoration: none;
 font-weight:bold;
 color:Navy;
} 
.FeatureLinkStyle a:hover
{ 
 text-decoration: none;
 font-weight:bold;
 color:Maroon;
} 

/* new styles ------------ */
/* Nick Geen, 25 August 2010 ------------ */

body {
background-color: #30B8C4;
padding:0;
margin:0;
text-align: center;
}

.clearl {clear: left; padding-top: 8px; font-size: 2px;}

#wrap {
width: 974px;
margin: 0 auto;
text-align: left;
}

#wrap2 {
width: 974px;
margin: 0 auto;
padding: 0;
text-align: left;
}

#header {
height: 96px;
background-color: #D9F3FF;
background-image: url(Graphics/logo.png);
background-repeat: no-repeat;
}

#user {
float: right;
margin-right: 22px;
padding-top: 16px;
}
#user div {
border-bottom: 1px solid #30B8C4;
padding-top: 3px;
}

#navlist {
width: 100%;
float: left;
margin: 0;
padding: 0;
list-style: none;
background-color: #FFD752;
clear: left;
}

#navlist li {
float: left;
}
/* insert a for link */
#navlist li a {
display: block;
padding: 6px 12px;
text-decoration: none;
font-weight: bold;
color: #21A3AF;
border-right: 1px solid #fff;
cursor: pointer;
}
/* insert a for link */
#navlist li a:hover {
color: #30B8C4;
background-color: #FFE386;
}

.navfirst {margin-left: 10px;}

#contentarea {
margin: 0;
background-color: #fff;
padding: 10px 15px 15px 15px;
}

#contentarea h1 {
font-size: 150%;
padding-bottom: 6px;
color: #A95340;
border-bottom: 1px solid #A95340;	
}	

#userHelp
{
    margin: 0;
    background-color: #FFD752;
    padding: 10px 15px 15px 15px;
    font-weight: bold;
}

#userHelp h1 {
    font-size:125%;
    padding-bottom: 6px;
    color: #A95340;
    border-bottom: 0px solid #A95340;
}


#userWelcome
{
    margin: 0;
    background-color: #CCFFFF;
    padding: 10px 15px 15px 15px;
    font-weight: bold;
}
.label_welcome
{
    font-size: 125%;
    padding-bottom: 0px;
    color: #0066FF;
}
.label_address
{
    font-size: 100%;
    padding-bottom: 0px;
    color: #0066FF;
}

#userOption
{
    font-size: 125%;
    padding-bottom: 0px;
    color: #30B8C4;
    font-weight: bold;
    border-bottom: 1px solid white;
}

#userDescription
{
    font-size: 125%;
    padding-bottom: 0px;
    color: #30B8C4;
    font-weight: bold;
    border-bottom: 1px solid white;
}

#reviewFilter
{
    font-size: 100%;
    padding-bottom: 0px;
    color: #30B8C4;
    font-weight: bold;
}

#reviewKey
{
    font-size: 100%;
    padding-bottom: 0px;
    color: #30B8C4;
    font-weight: normal;
}

#reviewKey h1
{
    font-size:125%;
    padding-bottom: 0px;
    color: #30B8C4;
    font-weight:bold;
    border-bottom: 0px solid #A95340;
}



#standardPanelStyleFirstPanel
{
    margin: 0;
    background-color: #FFD752;
    padding: 10px 15px 15px 15px;
    font-weight: bold;
}

#standardPanelStyleSecondPanel
{
    margin: 0;
    background-color: #FFD752;
    padding: 10px 15px 15px 15px;
    font-weight: bold;
}

#standardPanelStyleThirdPanel
{
    margin: 0;
    background-color: #FFD752;
    padding: 10px 15px 15px 15px;
    font-weight: bold;
}



#WelcomeBlurb
{
    margin: 0;
}
.PoweredBy
{
    font-size: 100%;
    font-weight: normal;
    color: #505050;
    text-align:right;
}
#ctl00_ContentPlaceHolder1_CandidateGridView {
background-color: #fff;
border: 0;
}
#ctl00_ContentPlaceHolder1_CandidateGridView th {
border: 1px solid #B5DFDE;
width: 50%;
background-color: #008E7B;
color: #fff;
padding: 4px 4px;
}
#ctl00_ContentPlaceHolder1_CandidateGridView td {
border: 1px solid #B5DFDE;
vertical-align: top;
padding: 4px 4px;
}
#ctl00_ContentPlaceHolder1_CandidateGridView ul {
margin: 0; padding-left: 15px;
}
#ctl00_ContentPlaceHolder1_GridViewEntriesReview {
width: 100%!important;
}
#ctl00_ContentPlaceHolder1_GridViewErrorSummary {
width: 100%!important;
}

/* classes for display of prototype question set up page */
#Questions
{
    text-align:left;
}

#Questions td 
{
    vertical-align:top;
}

.footnote
{
    font-style:italic;
    font-size:x-small;
    padding-top:0px;
    padding-bottom:15px;
}