body
{
	background: #fff;/*#669966;*/
	color: #333;
	font-family:"Verdana",Arial,sans-serif;
	background-image:url(../images/header_stripe_two_tone.gif);
	background-repeat:repeat-x;
}
input,textarea,select{
	font-family:"Verdana",Arial,sans-serif;
	font-size:10pt;
}
input,textarea,select{
	width:250px;
}
textarea{
	height:150px;
}
a{
color:#01A0D7;
}
a:hover{
	color:#38475A;
}
.divClear{
	clear:both;
}
.container_12 {
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	width: 960px;
}
.grid_12 {
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	width: 930px;
	/*background: #fff url(../images/960_grid_12_col_with_blocks.jpg);*/
}
div#header{
	height:80px;
	color:#fff;
}
div#topheader{
	height: 30px;
	background-color: #38475a;
	font-size:10pt;
	line-height:12pt;
}
div#topheader p{
	margin-top:10px;
}
div#topheader p#app-title{
	float:left;
	/*margin-top:10px;*/
}
p#member-title{
	float:right;
	/*width:250px;*/
}
p#member-logout{
	float:right;
	width:60px;
	text-align:right;
}
p#member-logout a{
	color:#fff;
}
div#baseheader{
	background-image:url(../images/header_stipe.gif);
	height: 50px;
	font-size:12pt;
}
div#baseheader p{
	margin-top:15px;
}
div#baseheader p#area-title{
	float:left;
	font-weight:bold;
}
div#baseheader p#view-areas{
	float:right;
}
div#rule{
	height:2px;
	background-color:#86968C;	
	clear:both;
}
div#banner{
	height:120px;
}
div#banner h1{
	float:left;
	margin-top:30px;
	margin-left:5px;
	font-size:24pt;
	color:#006e47;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	/*text-transform:uppercase;*/
	line-height:30pt;
}
img#WSCF-logo{
	float:right;
}
div#l_sidebar,div#r_content{
	float:left;
}
div#l_sidebar{
	width:220px;
}
ul#navbar{
	margin:0px;
	padding:0px;
	margin-top:20px;
}
ul#navbar li{
	margin:0px;
	display:inline;	
}

ul#navbar li a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:9pt;
	width: 190px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#01A0D7;
	border-bottom:1px solid #ccc;
	margin:0px 0px;
	padding:10px 5px;

}

ul#navbar li a.selected,ul#navbar li a:hover{
/*	color:#38475A;*/
	color:#006e47;
	background-image:url(../images/blue-arrow-white.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
div#r_content{
	width:710px;
}
div#page_message p{
	padding-top:5px;
	padding-left:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:10px;
}
p.breadcrumb{
	height: 22px;
	background-color: #e6e6e6;
	color:#fff;	
	font-size:10pt;
	color:#006e47;
	font-family:"Verdana",Arial,sans-serif !important;
	font-weight:bold;
}
p.breadcrumb a{
	color:#01A0D7;
	text-decoration:underline;
	display:block;
	float:left;
	background-image:url(../images/blue-arrow-grey.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:10px;
	height: 20px;
}
p.breadcrumb span#this_crumb{
	display:block;
	float:left;
	padding-right:10px;
	padding-left:10px;
}
p.breadcrumb img#batch-icon,p.breadcrumb img#app-icon,p.breadcrumb img#app-spacer{
	margin-top:-12px;
	vertical-align:text-top;
}
div#page_message{
	margin-bottom:40px;
	border:1px solid #fff;

}
div.details_box{
	background-color:#DADFDC ;	
	border:1px solid #DADFDC;
	position:relative;
	clear:both;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:20px;
}
div.suspended{
	color:#888;
}
div.details_box p{	
	margin:0px; /* was margin-left 20px but kept going wrong in ie7*/
	font-size:10pt;
	border:1px solid #DADFDC;
}
div.details_box p.message{	
	padding:10px 0px;
	color:#660000;
	font-weight:bold;
}
div.details_box h2{
	/*background-color: #DADFDC;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#006E47;
	font-size:16pt;
	font-weight:normal;
	margin:0px 20px 5px 0px;
	text-transform:capitalize;
}
div.details_box h2.floatLeft{
	/*float:left;*/
}
div.details_box img#edit-details,div.details_box img#add-register-interest{
	position:absolute;
	top:20px;
	right:20px;
}
div.details_box label{
	float:left;
	width:170px;
	margin:5px 5px 5px 0px;
	font-size:10pt;
	line-height:11pt;
}
div.details_box p.viewField{
	float:left;
	width:200px;
	margin:5px 20px 5px 5px;
	font-size:10pt;
	font-weight:bold;
}
div.details_box_rule{
	width: 655px;
	height: 1px;
	background-color: #86968C;
	margin:10px 17px 10px 5px;
}
p.strong{
	font-weight:bold;
}
a#backToBatchLink{
	font-size:10pt;
	display:block;
	padding:5px 0px;
}
div#footer{
	width: 930px;
	height: 35px;
	background-color: #E9ECEA;
	margin:10px 0px;
}
div#footer p{
	margin: 10px 10px;
	font-size:10pt;
	line-height:12pt;
}
.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}
p#org_name,p#role_name,p#join_date{
font-size:9pt;
}
p#org_name{
	float:left;
	width:220px;
}
p#role_name{
	float:left;
	width:100px;
}
p#join_date{
	float:left;
}
#imgEditInterest,#imgDeleteInterest{
	float:left;
	margin-left:5px;
}
div.details_box #btnSubmit,div.details_box #btnView{
	position:absolute;
	bottom:20px;
	right:20px;
	width:auto;
}
div.details_box #btnEditBatch{
	position:absolute;
	bottom:20px;
	right:110px;
}
div.details_box #btnArchiveBatch{
	position:absolute;
	bottom:20px;
	right:250px;
}

div.details_box #btnUploadMorefiles{
	position:absolute;
	bottom:20px;
	left:20px;
}
div.details_box p.batch-head{
	float:left;
	font-weight:bold;
	color: #006E47;
	font-size:10pt;
	line-height:12pt;
	margin-top:5px;
}
p#batch-no{
	width:155px;
}
p#batch-name{
	width:330px;
}
p#batch-app-no{
	float:left;
	margin-top:0px;
}
p.batch-details{
	float:left;
	width:155px;
	font-size:8pt !important;
line-height:11pt;
}
div.batch_box{
	/*height:130px;*/

}
div.batch_box p{

}
div.app_box{
	padding:8px 8px 8px 0px;
	border:1px solid #DADFDC;
}
div.app_box_header{
	padding:0px;
	margin:0px 0px 2px 0px;
	border:1px solid #DADFDC;

}
div.app_box_header p{
	float:left;
	font-size:8pt !important;
	line-height:12pt;
	font-style:italic;
	margin-left:23px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}
div.app_box_header p#app_vote{
	width:30px;
	margin-top:5px;
	margin-left:17px;
}
div.app_box p{
	float:left;
	margin-left:23px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}
p.app-details{
	
	/*margin:0px 5px 0px 20px;*/
	
}
p#app_id{
	width:35px;
	margin-top:5px;
	margin-left:10px;
}
p#app_name{
	width:200px;
	margin-top:5px;
	
}
p#app_ref_no{
	width:50px;
	margin-top:5px;
}
p#app_req{
	width:140px;
	margin-top:5px;
}
p#app_vote{
	width:20px;
}
p#app_view{
	width:80px;
}
div#applicationTabs{
	height: 25px;
}
div#applicationTabs ul{
list-style:none;
}
div#applicationTabs ul li{
float:left;
}
div#applicationTabs ul li a{
	display:block;
	background-color:#01A0D7;
	width: 148px;
	height: 15px;
	text-decoration:none;
	font-size:10pt;
	color:#fff;
	padding:5px;
	border-right:2px solid #fff;
}
div#applicationTabs ul li a:hover,div#applicationTabs ul li a.selectedTab{
	background-color:#DADFDC;
	color:#333;
}

div#applicationTabs ul li a.voteTabExclamation{
	background-image:url(../images/vote_transparent.gif);
	background-position:right;
	background-repeat:no-repeat;
}
div.pastVote{
	height:50px;
	margin:10px 10px 10px 0px;
}
div.voteResult{
	width:50px;
	height:10px;
	float:left;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:12pt;
	padding:20px 0px;
	margin-right:5px;
}
img#imgViewMember{
	float:left;
}
div.voteYes{
	background-color:#006E47;
}
div.voteNo{
	background-color:#990000;
}
div.voteDefer{
	background-color:#777;
	font-size:10pt;
}
div.voteConflict{
	background-color:#444;
}
div.voteFunded{
	background-color:#006E47;
	font-size:8pt;
}
div.votePartFunded{
	background-color:#339933;
	font-size:8pt;
	padding:10px 0px;
	height:30px;
}
div.voteDeclined{
	background-color:#990000;
	font-size:7pt;
}


div.pastVoteDetails{
	width:600px;
	float:left;
	margin-top:10px;
}
div.editUserDetails{
	width:600px;
	float:left;
	margin:10px 0px 0px 10px;
}
div.pastVoteName{
	width:230px;
	float:left;
}
div.pastVoteDate{
	width:210px;
	float:right;
}
div.pastVoteFurtherDetails{

}
div.editUserActions{
	width:180px;

	float:right;
	margin:0px;
	padding:0px;
	text-align:right
}

/*


Top header ('Trusted Fund Application System')
- width: 100%
- height: 30px
- background-color: #38475a
- text: Lucida Grande, regular, 10pt, #ffffff

Area header
- width: 100%
- height: 50px
- background-image: background_stripe.gif
- text: Lucida Grande, bold, 12pt, #ffffff

Masthead
- width: 930px
- height: 120px
- logo aligned right needs no padding, space included in the gif
- text: Georgia, regular, 28pt, #006e47

Rule
- width: 930px
- height: 2px
- color: #86968C

Left nav
- width: 200px
- horiz rules are 200px by 1px #cccccc, plus 5px margin top and bottom
- links are Georgia Bold, 12pt, #01A0D7
- selected item is Georgia Bold, 12pt #38475A

(assume all links in the site are the same color, and have text-decoration: underline for hover state)

Gutter
- width: 20px

Main content column:
- width: 710px

Breadcrumb trail
- width: 710px
- height: 25px
- background-color: #86968C

Headings (Green)
- Georgia Regular, 22pt, #006E47

Body copy
- Lucida Grande, Regular, 12pt, #333333
- Small labels (eg 'Deadline:' on Batch page) are 10pt
- My Approvals page has Batch/Title in Bold #006E47

Panels
- width: 710px
- height: as required
- background-color: #DADFDC

Horizontal rules inside panels
- width: 655px
- height: 1px
- color: #86968C

Tabs
- width: 148px
- height: 25px
- background-color: #01A0D7 (except selected is #DADFDC)

Footer
- width: 930px
- height: 35px
- background-color: #E9ECEA



*/