﻿* {margin:0; padding:0;}

body
{
	font-family:Verdana;
	font-size:12px;	
	line-height:14px;
}

.pagewidth
{
	width:1003px;	
}

.quote 
{
	font-size:10px;
	font-style:italic;	
}

p
{
	font-family:Verdana;
	font-size: 1em;
	line-height:1.3em;
	margin-bottom:10px;
}

h1
{
    font-size:26px;
    font-weight:bold;
	line-height:2.6em;
	padding-top:0px;
	margin-bottom:0em;
	padding-bottom:0em;
	color:#003366;
}

h2
{
	color:#8484E4;
	font-size:1.5em;
	line-height:2em;	
	margin-bottom:0em;
	padding-bottom:0em;
	text-decoration:none;
	font-weight:bold;
}

h2.tagline
{
	font-size:1.4em;
	font-style:italic;
	color:#8484E4;	
	margin-top:-15px;
	text-decoration:none;
}

h3
{
	font-size:1.4em;
	line-height:1.2em;
	text-decoration:none;
	color:#003366;
}

h4
{
	font-size:1.4em;
	line-height:1.8em;
	text-decoration:underline;
	color:#003366;
}

h5
{
	font-size:1.2em;
	line-height:1.5em;
	color:#000000;
	text-decoration:underline;
}

h6
{
	font-size:1.2em;
	line-height:1.5em;
	color:#000000;
	text-decoration:none;
}

ul
{
	list-style-image:url(images/list-dot-blue.gif);	
}

ul li
{
	margin-left:16px;	
	line-height:18px;
}

#topbanner
{
	width:100%;
	height:56px;
	background-color:#003366;
	background-image:url(images/skyline_banner.gif);
	background-repeat:no-repeat;
	text-align:right;
}

#bannersplit
{
	width:100%;
	height:3px;
	background-color:#B0C4DD;	
}

#tabdiv
{
	width:100%;
	background-color:#EDEAD9;	
	background-image:url(images/tabstrip-bg.gif);
	background-repeat:repeat-x;
	height:45px;
	padding-top:8px;	
	text-align:right;
}

#tabdiv #tabstrip div
{
    	height:24px;
}

#tabstrip
{
	float:right;	
	margin-right:5px;	
}

#tabstrip div
{
	padding-top:13px;	
}

#maincontenthome 
{
	margin-top:10px;	
	width:980px;
}

#maincontentreporting
{
	margin-top:10px;
	width:990px;
}

#channelmaincontent, #oschannelmaincontent
{
	margin-top:20px;	
}

#maincontentreporting #leftCol
{
	float:left;
	width:680px;	
}

#maincontentreporting #rightCol
{
	float:right;
	width:290px;
	margin-right:2px; 
}
#rightCol div
{
	display:none;
}

#maincontenthome #leftCol
{
	float:left;
	width:180;	
	margin-left:3px;
	margin-right:8px;
}

#maincontenthome #centreCol
{
	float:right;
	width:410px;
	margin-right:8px;
}

#maincontenthome #rightCol
{
	float:right;
	width:350px;
	margin-right:8px;
}

#channelmaincontent #leftCol
{
	float:left;
	width:180px;	
	margin-left:10px;
}

#channelmaincontent #centreCol
{
	float:left;
	width:470px;	
	margin-left:10px;
}

#channelmaincontent #rightCol
{
	float:right;
	width:300px;
	margin-right:2px;
}

#oschannelmaincontent #leftCol
{
	float:left;
	width:200px;	
	margin-left:0px;
}

#oschannelmaincontent #centreCol
{
	float:left;
	width:440px;	
	margin-left:30px;
}

.smallfont
{
	font-size:0.8em;	
}

.topbannertext, .topbannertext a
{	
	font-weight:bold;
	color:#FFFFFF;	
}


.farleftactive
{
	float:left;
	width:146px;
	height:37px;
	background-color:#FFFFFF;
	text-align:center;
	background-image:url(images/farleft-active.gif);
}

.farleftinactive
{
	float:left;
	width:146px;
	height:37px;
	background-color:#CCCCFE;
	text-align:center;
	background-image:url(images/farleft-tab-inactive.gif);
}

.farleftleftofactive
{
	float:left;
	width:146px;
	height:37px;
	background-color:#CCCCFE;
	text-align:center;
	background-image:url(images/farleft-tab-leftofactive.gif);
}

.active
{
	float:left;
	width:116px;
	height:37px;
	background-color:#FFFFFF;
	text-align:center;
	background-image:url(images/tab-active.gif);
}

.leftofactive
{
	float:left;
	width:116px;
	height:37px;
	background-color:#CCCCFE;
	text-align:center;
	background-image:url(images/tab-inactive-leftofactive.gif);
}

.inactive
{
	float:left;
	width:116px;
	height:37px;
	background-color:#CCCCFE;
	text-align:center;
	background-image:url(images/tab-inactive.gif);
	background-repeat:no-repeat;
}

.inactive a, .leftofactive a, .active a, .farleftleftofactive a, .farleftinactive a, .farleftactive a
{
	font-weight:bold;
	text-decoration:none;	
	color:#000000;
}

.purpleblock180
{
	background-color:#d9b6de;
	width:180px;
}
.purpleblocktop180
{
	width:180px;
	height:20px;
	background-image:url(images/purplecurve-top180.gif);
	background-repeat:no-repeat;	
}
.purpleblockbottom180
{
	width:180px;
	height:20px;
	background-image:url(images/purplecurve-bottom180.gif);
	background-repeat:no-repeat;	
	margin-bottom:10px;
}


.blueblock
{
	background-color:#CCCCFF;
	width:394px;
}
.blueblocktop
{
	width:394px;
	height:20px;
	background-image:url(images/bluecurve-top.gif);
	background-repeat:no-repeat;	
}

.blueblockbottom
{
	width:394px;
	height:20px;
	background-image:url(images/bluecurve-bottom.gif);
	background-repeat:no-repeat;	
	margin-bottom:10px;
}

.blueblock350
{
	background-color:#CCCCFF;
	width:350px;
}
.blueblocktop350
{
	width:350px;
	height:20px;
	background-image:url(images/bluecurve-top350.gif);
	background-repeat:no-repeat;	
}

.blueblockbottom350
{
	width:350px;
	height:20px;
	background-image:url(images/bluecurve-bottom350.gif);
	background-repeat:no-repeat;	
	margin-bottom:10px;
}

.blueblockmedium
{
	background-color:#CCCCFF;
	width:300px;
	padding:0 15px;
}

.blueblockmedium h3, .biegeblockmedium h3
{
	text-align:center;
	text-decoration:none;
	font-size:1.4em;
	color:#003366;
}

.blueblocktopmedium
{
	width:300px;
	height:20px;
	background-image:url(images/bluecurve-top-medium.gif);
	background-repeat:no-repeat;	
}

.blueblockbottommedium
{
	width:300px;
	height:20px;
	background-image:url(images/bluecurve-bottom-medium.gif);
	background-repeat:no-repeat;	
	margin-bottom:30px;
}

.biegeblockmedium
{
	background-color:#FEE895;
	width:300px;
	padding:0 15px;
}
.biegeblocktopmedium
{
	width:300px;
	height:20px;
	background-image:url(images/biegecurve-top-medium.gif);
	background-repeat:no-repeat;	
	
}

.biegeblockbottommedium
{
	width:300px;
	height:20px;
	background-image:url(images/biegecurve-bottom-medium.gif);
	background-repeat:no-repeat;	
	margin-bottom:30px;
}

.contractlist
{
	float:left;
	width:150px;
	margin-left:8px;
}

.contractmarketing
{
	float:left;
	width:160px;
	margin-bottom:-20px;
}

.homemarketing
{
	font-size:11px;
	width:300px;
	height:200px;
	padding:20px 50px 0px 47px;
	background-image:url(images/parachute-speech1.gif);
	background-repeat:no-repeat;	
	text-align:center;
}

.osmarketing
{
	font-size:13px;
	width:300px;
	height:200px;
	padding:20px 50px 0px 47px;
	background-image:url(images/parachute-speech1.gif);
	background-repeat:no-repeat;	
	text-align:center;
}

.osamounts
{
	text-align:center;
	font-weight:bold;	
}

ul.contracts li
{
	line-height:1.4em;	
	margin-bottom:10px;
	vertical-align:super;
}

ul.contracts li a
{
	margin-left:8px;
}



ul.contracts li.ticked
{
	list-style-image:url(images/tick.gif);
	margin-left:20px;
	vertical-align:absmiddle;
	font-size:11px;
}

ul.contracts li.cross
{
	list-style-image:url(images/cross.gif);
	margin-left:20px;
	vertical-align:absmiddle;
	font-size:11px;
	
}

ul.announcements
{
	width:410px;
	color:#003366;	
	line-height:18px;
	list-style-type:none;
	list-style-image:none;
	/*
	list-style-type:circle;
	list-style-image:url(images/list-dot-blue.gif);
	*/
}

ul.announcements li
{
	margin-bottom:15px;
	margin-left:5px;		
}

.announcedate
{
	font-size:0.8em;
}

.announcemessage
{
	width:400px;	
	margin-bottom:20px;
}

.contractmarketing p
{
	font-size:11px;	
}

.announcementmore
{
	display:none;
	width:400px;	
}

.documents ul
{
	list-style-image:none;
	list-style-type:none;
	
}

.documents ul li
{
	margin-left:0px;
	margin-bottom:10px;	
}

.documents ul li a
{
	color:#000000;
	font-weight:bold;	
	margin-left:7px;
}

.docrequest
{
	margin-left:7px;
	margin-right:40px;	
	font-weight:bold;
}


ul.ostabs 
{
	border-top:solid 1px #003366;
	border-left:solid 1px #003366;
	border-bottom:solid 1px #003366;
	width:200px;
}

ul.ostabs li
{

	margin:0;
	padding:0 5 0 0;
	width:200px;
	height:33px;
	text-align:right;
	font-size:1.2em;
	line-height:33px;
	border-top:solid 1px #003366;
	border-bottom:solid 1px #003366;
	/*background-image:url(images/ostabs-bg.gif);*/
}

ul.ostabs li img
{

margin:5px 0px 0px 7px;
	
}

ul.ostabs li a, ul.ostabs li a:active, ul.ostabs li a:hover
{
	text-decoration:none;
	font-weight:bold;
	color:#003366;
}

li.ostaball
{
	background-color:#D9B6DE;	
}

li.ostabtrek
{
	background-color:#CCCCFE;
}

li.ostabcycle
{
	background-color:#EDEAD9;
	
}

#reportquerybox
{
	width:660px;	
	margin-top:10px;
	margin-left:10px;
}

.queryboxtabs
{
	height:24px;
	width:660px;
}

.queryboxtabs div
{
	float:left;	
	width:330px;
	height:24px;
	font-family:Arial;
	line-height:24px;
	text-align:center;
}

.querytab1
{

	background-image:url(images/reporting-tab-leftinactive.gif);
}

.querytab2
{
	
	background-image:url(images/reporting-tab-rightinactive.gif);
}

.querytab1sel
{

	background-image:url(images/reporting-tab-leftactive.gif);
}


.querytab2sel
{

	background-image:url(images/reporting-tab-rightactive.gif);
}

/* =============IF 3 TABS ARE USED THEN USE THIS BLOCK INSTEAD ==========

.queryboxtabs div
{
	float:left;	
	width:220px;
	height:24px;
	font-family:Arial;
	line-height:24px;
	text-align:center;
}


.querytab1
{

	background-image:url(images/reporting-tab-leftinactive3.gif);
}

.querytab2
{
	
	background-image:url(images/reporting-tab-middleinactive3.gif);
}

.querytab3
{

	background-image:url(images/reporting-tab-rightinactive3.gif);
}

.querytab1sel
{

	background-image:url(images/reporting-tab-leftactive3.gif);
}

.querytab2leftofactive
{

	background-image:url(images/reporting-tab-middle-inactive-rightofActive.gif);
}

.querytab2sel
{

	background-image:url(images/reporting-tab-middleactive3.gif);
}

.querytab3sel
{

	background-image:url(images/reporting-tab-rightactive3.gif);
}

============END 3 TABS BLOCK =================*/

.queryboxtabs div a, .queryboxtabs div a:hover, .queryboxtabs div a:active, .queryboxtabs div a:visited
{
	text-decoration:none;
	font-weight:bolder;
	font-size:14px;	
	color:#003366;
}

.queryboxfieldarea
{
	background-color:#CCCCFF;
	width:660px;
	clear:both;

}

.querybox1
{
	background-color:#CCCCFF;
	width:660px;
	clear:both;
	padding:10px;
}

.querybox2
{
	background-color:#DCDCDC;
	width:660px;
	clear:both;
	padding:10px;
}

.querybox3
{
	background-color:#D9B6DE;
	width:660px;
	clear:both;
	padding:10px;
}

.queryboxfooter1
{
	background-image:url(images/bluecurve-bottom-long.gif);
	width:660px;
	height:20px;
}

.queryboxfooter2
{
	background-image:url(images/greycurve-bottom-long.gif);
	width:660px;
	height:20px;
}

.queryboxfooter3
{
	background-image:url(images/purplecurve-bottom-long.gif);
	width:660px;
	height:20px;
}

.queryboxOffices
{
	width:150px;
	height:20px;
	font-size:10px;	
	font-family:Arial;
}

a.queryboxReportType,  a:visited.queryboxReportType,  a:hover.queryboxReportType,  a:active.queryboxReportType
{
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
	color:#000000;

}

a.queryboxReportTypeSel,  a:visited.queryboxReportTypeSel,  a:hover.queryboxReportTypeSel,  a:active.queryboxReportTypeSel
{
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#2E3192;

}

.queryboxQuickQueryTypes
{
	font-weight:bold;	
	font-size:11px;
}

.queryboxQuickQueryTypes input
{
	margin-right:25px;	
}

.findtextbox
{
	font-size:10px;
	line-height:14px;
	height:18px;
	color:#000000;
	width:160px;
}

.findtextboxdefault
{
	font-size:10px;
	line-height:14px;
	height:18px;
	color:lightgrey;
	width:160px;
}

.quickquerypanels p
{
	font-size:11px;
	line-height:16px;	
}

.quickquerypanels p a
{
	color:#0000FF;	
}

.resultsarea
{
	width:983px;
	margin-top:10px;	
	margin-left:10px;
}

.resultsummary
{
	font-size:1em;
	font-weight:bold;	
	text-align:right;
	width:100%;
	margin-bottom:5px;
}

.resultsummary a, .resultsummary a:visited, .resultsummary a:hover, .resultsummary a:active
{
	color:#000000;	
}

.resultgrid
{
	font-size:10px;	
}

.resultgrid td
{
	padding:2px;	
}

.resultgrid a
{
	color:#0000FF;
}


.displaynone, .invisible
{
	display:none;	
}

.resultdetail
{
	width:270px;
	margin:5px;
	padding:5px 5px 0px 5px;
	border:1px solid black;
	
}

.resultdetail p, .resultdetail li, .resultdetail td
{
	font-size:11px;
}

.resultdetail table
{
	width:260px;	
}
	

ul.listcontactdetails
{
	list-style-image:none;
	list-style-type:none;	
	margin-left:0px;
	padding-left:0px;
}

ul.listcontactdetails li
{
	margin-left:0px;
	padding-left:0px;
}

a.linkhide, a:active.linkhide, a:visited.linkhide, a:hover.linkhide
{
	font-size:10px;
	color:#000000;	
}

.nounderline
{
	text-decoration:none;	
}

.searchdropdown
{
	font-size:10px;
	line-height:14px;
	height:18px;
}

.searchtextbox
{
	font-size:11px;
	width:75px;	
	margin-right:3px;
	height:18px;
}

.advancedsearchlabel
{
	width:136px;
	font-weight:bold;
}

table.content
{
	font-size:0.9em;	
	border:solid 1px #336699;
}

table.content thead tr
{
	background-color:#FFFFCC;
	font-weight:bold;
}

table.content td
{
	border:solid 1px #336699;	
	text-align:center;
	padding:7px;	
}

/* ************* HELP FLOATING IMAGES ************ */

.divHint
{
	font-size:11px;
	position:absolute;
	top:140px;
	left:700px;
	background-image:url(images/hint-man1.gif);
	background-repeat:no-repeat;
	height:259px;
	width:244px;
	text-align:center;
	padding:40px 40px 0px 40px;	
}

.helpreportingtabs
{
	font-size:11px;
	position:absolute;
	top:30px;
	left:3px;
	background-image:url(images/speechbubble2.gif);
	background-repeat:no-repeat;
	height:106px;
	width:161px;
	text-align:center;
	padding:16px 20px 0px 20px;	
}

.helpreportingaddress
{
	font-size:11px;
	position:absolute;
	top:479px;
	left:830px;
	background-image:url(images/speechbubble3.gif);
	background-repeat:no-repeat;
	height:106px;
	width:161px;
	text-align:center;
	padding:36px 20px 0px 20px;	
}

.helpreportingsponsorship
{
	font-size:11px;
	position:absolute;
	top:479px;
	left:650px;
	background-image:url(images/speechbubble3.gif);
	background-repeat:no-repeat;
	height:106px;
	width:161px;
	text-align:center;
	padding:40px 15px 0px 15px;	
}

.helpreportingdownload
{
	font-size:11px;
	position:absolute;
	top:413px;
	left:5px;
	background-image:url(images/speechbubble3.gif);
	background-repeat:no-repeat;
	height:106px;
	width:161px;
	text-align:center;
	padding:40px 15px 0px 15px;	
}

.helpreportingsort
{
	font-size:11px;
	position:absolute;
	top:450px;
	left:293px;
	background-image:url(images/speechbubble4.gif);
	background-repeat:no-repeat;
	height:106px;
	width:161px;
	text-align:center;
	padding:34px 15px 0px 15px;	
}

.helpreportingreporttype
{
	font-size:11px;
	position:absolute;
	top:2px;
	left:410px;
	background-image:url(images/speechbubble5.gif);
	background-repeat:no-repeat;
	height:170px;
	width:250px;
	text-align:center;
	padding:20px 15px 0px 15px;	
}

.helpreportingevent
{
	font-size:11px;
	position:absolute;
	top:232px;
	left:5px;
	background-image:url(images/speechbubble3.gif);
	background-repeat:no-repeat;
	height:106px;
	width:161px;
	text-align:center;
	padding:40px 15px 0px 15px;	
}

.helpreportingquickreports
{
	font-size:11px;
	position:absolute;
	top:264px;
	left:330px;
	background-image:url(images/speechbubble4.gif);
	background-repeat:no-repeat;
	height:106px;
	width:161px;
	text-align:center;
	padding:40px 15px 0px 15px;	
}

.helpreportingfindname
{
	font-size:11px;
	position:absolute;
	top:229px;
	left:570px;
	background-image:url(images/speechbubble4.gif);
	background-repeat:no-repeat;
	height:106px;
	width:161px;
	text-align:center;
	padding:30px 15px 0px 15px;	
}

.helpreportingsteps
{
	font-size:11px;
	position:absolute;
	top:100px;
	left:740px;
	background-color:#FEE895;
	height:220px;
	width:250px;
	text-align:left;
	padding:5px;	
}

#offerhelp
{
	
	font-size:11px;
	position:absolute;
	top:200px;
	left:400px;
	background-color:#FEE895;
	width:240px;
	text-align:left;
	padding:5px;	
	border:solid 2px #000000;
}

#helplater
{
	font-size:11px;
	position:absolute;
	top:200px;
	left:400px;
	background-color:#FEE895;
	width:240px;
	text-align:left;
	padding:5px;	
	border:solid 2px #000000;
}
/* ************** END HELP IMAGES **************** */

hr
{
	margin-top:20px;
	margin-bottom:20px;	
}

fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	color:#003366;
}

fieldset li input {
	width:280px;
	height:21px;
	font-size:1em;
	font-family:Verdana, Arial;
}

fieldset li label 
{
	display: inline;		
	line-height: 1.8;
	vertical-align: top;
	font-weight:normal;
	color:#003366;	
	width: 100px; /* Width of labels */
	text-align:right;
	margin-right:14px;
	line-height:normal;
	letter-spacing:0;
}	

fieldset li span.label {
	display: inline-block;			
	line-height: 1.8;
	vertical-align: top;
	font-weight:normal;
	color:#003366;	
	width: 100px; /* Width of labels */
	text-align:right;
	margin-right:14px;
	line-height:normal;
	letter-spacing:0;
}

fieldset li input.button
{
	width:100px;
}

fieldset.signup
{
	margin-bottom:30px;	
	padding:10px;
}

fieldset.signup legend
{
	font-weight:bold;	
}

fieldset.signup ul li
{
	list-style-type:none;
	list-style-image:none;		
}

table.mgmtreport
{
	font-size:0.9em;
}

table.mgmtreport thead
{
	font-weight:bold;	
}

table.mgmtreport tr.header
{
	font-weight:bold;
	font-size:1.1em;
}

table.mgmtreport tr.total
{
	font-weight:bold;
	background-color:lightgrey;
}
		
table.mgmtreport tr.year
{		
	font-weight:bold;
	text-decoration:underline;
	font-size:1.1em;
	font-style:italic;
	height:40px;
}

table.mgmtreport td
{
	text-align:right;		
}



/* --------------------------  Charity Sign up styles ------------------------ */

/*-------------------element ids------------------*/
#container
{
    width:  560px; 
    font-family: Verdana;
    font-size:12px; 
    left:200px;
}
 

#container div.section
{
    margin-bottom:10px;
    border:2px solid #e2e2e2;
    padding: 10px 4px 14px 14px;
    width:560px;
  }

#container div.section div.sub_heading
{
   background: #ffffff;
   margin: -20px 0px 0px 5px; 
   padding: 3px;
   width: 150px;
   position:absolute;
   font-size:13px;
  }
  
  container   div.difc_img
{
   float:left;
   padding:0px;
   margin:0px;
  }
  
 
div.sub_heading:after
{
   content:".";
   display:block;
   clear:both;
     height: 0; 
    visibility: hidden;
  }  
 

/*--------------------elements---------------- */
#container div.row
{
    width:500px;
    margin: 3px 0px 0px 0px; 
    height:20px;
}
#container span.label
{
    width: 160px;
    float:left;
    text-align:right;   

}
#container span.form_text
{
    width: 320px;
    float:right;
}

#container #CheckBoxList1 label 
{
	font-size:12px;
}


#container span.form_text input
{
    width:100%;
}

/*------------------classes--------------*/
#container .chk_list
{ 
    width: 500px;
}
#container .chk_list_top
{
    margin-top:20px;
    width: 500px;
}

.sign_up_btn
 {
    font-weight:bold;
 }
 
#container h1
{ 
    font-weight:bold;
    font-size:18px;
    font-family: Verdana;
    width:100%;
     margin: 0 auto;
}

#container h3{ 
    font-weight:bold;
    font-size:  14px;
    font-family: Verdana;
    width:      100%; 
    font-style:italic;
     margin: 0 auto;
}

#container .sub_heading
{
    font-weight:bold;
}

 #container .box_sign_up
{
    text-align:center;
    width: 500px;
}

/* ------------------------  End Charity Sign up styles  --------------------- */
/* ------------------------  Imported styles --------------------- */


#channelmaincontent, #oschannelmaincontent
{
	margin-top:20px;	
}
#channelmaincontent #leftCol
{
	float:left;
	width:180px;	
	margin-left:10px;
}

#channelmaincontent #centreCol
{
	float:left;
	width:470px;	
	margin-left:10px;
}

#channelmaincontent #rightCol
{
	float:right;
	width:300px;
	margin-right:2px;
}

.topbannertext, .topbannertext a
{	
	font-weight:bold;
	color:#FFFFFF;	
}

#bannersplit
{
	width:100%;
	height:3px;
	background-color:#B0C4DD;	
}

#tabdiv
{
	width:100%;
	background-color:#EDEAD9;	
	background-image:url(images/tabstrip-bg.gif);
	background-repeat:repeat-x;
	height:45px;
	padding-top:8px;	
	text-align:right;
}





/* ------------------------  End Imported styles --------------------- */
