﻿/* CSS Document */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Generic styles */
body, div, p, table, th, tr, td, ul, ol, li, h1, h2, h3{
font-family: arial, tahoma, Sans-Serif;		
}
BODY 
{	
	margin:0px 0 0 0;
	padding:0px; 			
	text-align:center;
	background:#fff;
	color:#000;
	font-size:80%;
	
}
table, td, tr
{
	padding:0 0 0 0;
	margin:0 0 0 0;	
	border-collapse:collapse;
}
a {color:#339933; }
a:hover {color:#000; text-decoration:none; }

img { border: none; }

h1,h2,h3,h4,h5,h6 
{
	/*font-size:1em;*/
	margin: 0 0 0.5em 0;
}
h1 {color: #000; padding: 0px 0px 3px 5px; font-size: 85%; font-weight: 900; margin: 5px 10px 8px 0px;}	
h2{	color:#339933; font-size: 16px; font-weight: 900; margin: 1px 10px 9px 0px; padding-top: 0px;}	

	
h3{color: #339933; font-size: 80%; font-weight: 900; margin: 5px 5px 10px 0px; padding: 0px; }

form 
{
	margin:0;
	padding:0;	
}

/* end Generic styles */

/* global divs */	

	
#wrap
{			
	width:979px;			
	margin:0 auto;  											
	z-index:0;	
	text-align:left;
	
}	

#header 
{
	width:978px;
	height:146px;
	/*background:url(/images/greenSkin/logo.gif) no-repeat;*/
	/*text-align:left;*/
}

#headertop
{
    width:978px;
    height:10px;
    background:url(/images/greenSkin/headertop.gif) no-repeat;
}

#headerleft
{
    width:5px;
    height:130px;
    background:url(/images/greenSkin/headerleft.gif) repeat-y;
}

#headermiddle
{
    width:966px;
}

#headerarchive
{
    width:194px;
    padding-top:40px;
    padding-left:12px;
}

.headerarchive
{
    width:157px;
    height:25px;
    padding-top:40px;
    padding-right:12px;
}

#headerarchivespacer
{
    height:40px;
}

#headerarchiveleft
{
    width:14px;
    height:40px;
    padding-right:4px;
    background:url(/images/greenSkin/headerarchiveleft.gif) no-repeat;
}

#headerarchiveright
{
    width:171px;
    padding-left:5px;
    color:#FE0000;
    font-weight:bold;
    font-size:85%;
}

#headerarchivesearchright
{
    color:#FE0000;
    font-weight:bold;
    font-size:85%;
    text-align:left;
}

#headerarchiveright a, #headerarchiveright a:visited, #headerarchivesearchright a,#headerarchivesearchright a:visited
{
    color:#000000;
    text-decoration:none;
}

#headerarchiveright a:hover, #headerarchivesearchright a:hover
{
    text-decoration:underline;
}

#headersearcharchive
{
    margin-bottom:9px;
    width:150px;
}

#headerlogo
{
    width:760px;
    height:104px;
    background:url(/images/greenSkin/headerlogo.gif) no-repeat;
}

#headerlogoarchive
{
    width:760px;
    height:104px;
    background:url(/images/headerlogoarchive.gif) no-repeat;
}

#headerissue
{
    width:204px;
    padding:18px 0 3px 0;
    text-align:left;
    color:#339933;
}

#headerissuearchive
{
    width:204px;
    padding:18px 0 3px 0;
    text-align:left;
    color:#BD2232;
}

#headersearch
{
    width:966px;
    height:26px;
    padding:0px 0 0px 11px;
    background-color:#339933;
    
}
#headerright
{
    width:7px;
    height:130px;
    background:url(/images/greenSkin/headerright.gif) repeat-y;
}

#headerbottom
{
    width:978px;
    height:6px;
    background:url(/images/greenSkin/headerbottom.gif) no-repeat;
}

form
{
    margin:0;
    padding:0;
}

#content 
{
	width:979px;	
	background:url(/images/greenSkin/bg.gif) repeat-y;
	top:140px;
	margin:0!important;
	margin:-1px 0 0 0;	
}
#content table
{
	font-size:96%;	
}
#centre 
{
	width:544px;	
	padding-top:0px;
	float:left;	
	margin:0px 0px 0px 5px;

}
#left 
{
	width:200px!important;
	width:199px;	
	float:left;	
	margin:0 6px 0 5px !important;
	margin:0 6px 0 3px;
}
#printContent
{
	text-align:left;
	width:979px;	
	background:url(/images/greenSkin/bg.gif) repeat-y;	
	margin:0!important;
	margin:-1px 0 0 0;	

}

.Caption
{
	margin-top:2px;
	font-size:70%;
	color:#666666;
}

#right 
{
	
	padding-top:8px;
	width:200px;
	float:left;
	margin-left:11px;

}
#right #detectionExample
{
	margin-bottom:8px;
}
#footer 
{
	background:url(/images/greenSkin/bg_footer.gif) no-repeat;
	width:979px;	
	height:80px;
	color:#666666;
	padding-top:15px;
}

.greycolmargin
{
	padding:5px 5px 5px 5px;
}

/* end global divs */	
/* header & footer styles */	
#header h1 
{
	display:none;
}
p.date 
{
	padding:90px 0 0px 15px;
	color:#339933;
	margin:0;
	margin:0 0 -2px 0 !important;
	margin:0px 0 10px 0;
}
p.search 
{
	padding:0px 0 0px 0px;
	color:#ffffff;	
	float:left;
	font-weight:bold;
	margin:0px 0 0 0!important;
	margin:0;
}
p.search input
{		
	margin:0px 0px 0 6px;	
	font-size:10px;
	width:140px;
}
p.search input.button
{		
	color:#FFFFFF;
	width:40px;
	border:0;
	background:#339933;
	font-weight:bold;
}
#header p.links
{
	padding:0;
	color:#fff;	
	float:left;
	margin:2px 0px 0px 239px;		
}
td.headerlink
{
	color:#fff;
}
td.headerimage
{
	>padding:3px 0 0 0;
}
#header p.links a, td.headerlink a
{	
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#header p.links a:hover, td.headerlink a:hover
{	
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
table#header p.links#advertise
{	
	padding:0px;	
	margin:2px 0px 0px 70px!important;	
	margin:2px 0px 0px 70px;	
}
#footer p
{
	float:left;
}
#footer p.securitymetrics
{
	float:left;
	padding-left: 20px;
}
#footer p.baigent
{
	float:right;
	padding-right:5px;
	/*padding-left:620px;*/
}
#footer p.baigent a
{
	color:#666666;
	text-decoration:none;
}
#footer p.links
{
	text-align:center;
	margin:0;
	padding:0;
	color:#339933;
	margin-bottom:10px !important;
	margin-bottom:20px;
	float:none;
}
#footer p.links a
{	
	text-decoration:none;	
}
#footer p.links a:hover
{	
	text-decoration:underline;	
}

/*  left nav styles */

#left h2 
{
	color:#339933;
	margin:3px 0 10px 9px;
	font-size:16px;
}
#left ul 
{
	padding:0;
	margin:0px;
	list-style:none;	
}
#left ul li a:link, #left ul li a:visited
{
	padding: 3px 0 3px 12px;
	margin:0px;	
	font-weight:bold;
	color:#000000;
	display:block;
	text-decoration:none;
	font-size:12px;
}
#left ul li a:hover
{
	background:#ffffff;
	color:#339933;
}
#left ul li a.on:link, #left ul li a.on:visited
{	
	background:#339933;
	color:#ffffff;	
}
#left ul li a.HomeOn:link,#left ul li a.HomeOn:visited
{
	background:#339933;
	color:#ffffff;	
}
#left ul li ul
{
	padding:0;
	margin:0px;
	list-style:none;
	
	/*background:#FFDAFF;*/
	background:#DBFFDB;
	border-bottom:1px solid #339933;
	border-top:1px solid #ffffff;
}
#left ul li ul li
{
	padding:0 0 0 20px;	
}
#left ul li ul li a:link, #left ul li ul li a:visited
{
	padding:2px 0 2px 0;
	margin:0px;	
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	font-size:12px;
} 
#left ul li ul li a:hover, #left ul li ul li.on a:link, #left ul li ul li.on a:visited
{
	background:none;
	color:#000;
	text-decoration:underline;
}
/* end left nav styles */

/* right hand styles */
#right
{
	text-align:center;
}
#right img 
{
	margin-bottom:8px;
}
/* end right hand styles */





/* centre content styles */
#centre p
{
	margin:0 0 1em 2;
	padding:0;
	/*line-height:1.1em;*/
	
}

.MainFeature
{
	
	margin-left:0px;

}
.MainFeature .Column
{
	background-color:White;
	border:1px solid #000;
	font-size:95%;		  
}

.MainFeature h3
{
	padding-left:5px;
	padding-right:5px;
	font-size:100%;
}
.MainFeature .Column h3 a
{
	text-decoration:none;
}

.MainFeature .Column p a:link, .MainFeature .Column p a:visited, span.full a:link, span.full a:visited
{
	
	color:#339933;
	text-decoration:none;
	background:url(/images/greenSkin/aro.gif) no-repeat 0 3px;	
	padding:0 0 0 10px;	
	font-weight:bold;
	display:block;
	
}

.MainFeature .Column a:hover, span.full a:hover
{		
	color:#000;
	text-decoration:underline;	
}
 .MainFeature .Column p
{	
	padding:0 5px 0 5px;
	margin:0 0 10px 5px;
	line-height:1.1em;
	font-size:90%;
} 
/*-----------------------------------------------------------------------*/
.MainFeature .Column p a.subscribe:link, .MainFeature .Column p a.subscribe:visited,
p a.subscribe:link, p a.subscribe:visited,
{
	
	color:#339933;
	text-decoration:none;
	background:url(/images/greenSkin/s.gif) no-repeat;	
	padding:0 0 0 17px;	
	font-weight:bold;
	display:block;
	line-height:14px;
}

.MainFeature .Column p a.subscribe:hover, p a.subscribe:hover
{		
	color:#000;
	text-decoration:underline;	
}
/*-----------------------------------------------------------------------*/

.MainFeature .Home h2
{
	margin:0;
	padding:0;
	
}

.MainFeature .Home
{
	
}
.MainFeature .Home p
{
	margin:0px 0 6px 3px;
	
	padding:0;
	display:block;	
	
}
 
.loginbox
{
	background-color:#339933;
	padding:8px 0px 8px 6px;
	clear:right;
	color:white;
	display:table;
	
}
#centre .loginbox p
{
	float:left;
	padding:0;
	margin:0 0 0px 0;
}  
#centre .loginbox p.txt
{
	float:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.loginbox input
{
	width:135px;
	margin-right:4px;
}
.loginbox input.button
{
	width:46px;	
}  
input.button
{	
	background:#ccc;
	border:0;
	padding:2px !important;
	padding:0px;
	cursor:pointer;
}
.loginbox input.chk
{
	width:15px;
	margin:3px 0 0 3px;
}
.loginbox a, .loginbox a:link, .loginbox a:visited
{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.loginbox a:hover
{	
	text-decoration:underline;
	color:#FFFFFF;
}



   


.nomargin
{
	margin-right:0;
}
   
#centre p.intro 
{
	float:left;
	border:1px solid #000;	
} 
#centre .cols
{
	border:1px solid #000;
	padding:0px;
	width:178px;
	margin:right:5px;
	font-size:95%;
}  
#centre .cols p
{	
	padding:0 5px 0 5px;
	margin:0 0 10px 0;
	line-height:1.1em;
}  
#centre .cols h3
{	
	padding-left:5px;
	padding-right:5px;
	font-size:100%;
} 
   
#centre .cols p a:link, #centre .cols p a:visited, span.full a:link, span.full a:visited
{		
	color:#339933;
	text-decoration:none;
	background:url(/images/greenSkin/aro.gif) no-repeat 0 3px;	
	padding:0 0 0 10px;	
	font-weight:bold;
	display:block;
	font-size:90%;
}  
#centre .cols a:hover, span.full a:hover
{		
	color:#000;
	text-decoration:underline;	
}	
#centre p.quizprevious
{
	width:514px;
}
#centre p.more 
{
	background:url(/images/greenSkin/bg_aro.gif) no-repeat -5px 0;
	height:25px;	
	text-align:right;
	padding:6px 30px 0 0;
	margin:10px 0 0 0 !important;
	margin:10px 0 0 0px;
	display:block;
	
}  
#centre p.more a:link, #centre p.more a:visited
{	
	color:#FFFFFF;	
	text-decoration:none;
	font-weight:bold;
}  
#centre p.more a:hover
{		
	color:#000;	
} 
#centre h2
{
	font-size: 130%; 
	margin:0px 0px 10px 0px; 
	padding-top: 3px;
}
#centre h4
{
	font-size: 130%; 
	margin:0px 0px 10px 0px; 
	padding-top: 3px;
}
#centre p.author
{
	margin:-10px 0 0 0;
}  
#centre .cols p.author
{
	margin:-8px 0 10px 0;
} 
#centre p.price span
{
	color:#339933;
} 
#centre p.back 
{
	float:left;
} 
#centre p.next
{
	text-align:right;
}	  
#centre p.top
{
	text-align:center;
	float:right;
	margin-left:90px;
} 

.paging {}
.paging .back a
{
	font-weight:bold;
	text-decoration:none;
	font-size:90%;	
}
.paging .top a
{
	font-weight:bold;
	text-decoration:none;
	font-size:90%;	
}
.paging .next  a
{
	font-weight:bold;
	text-decoration:none;
	font-size:90%;	
}

#centre p.disclaimer
{
	text-align:center;	
	padding:10px 0 10px 0;
}	
#centre p.back a, #centre p.next a,  #centre p.top a
{
	font-weight:bold;
	font-size:85%;		
	text-decoration:none;
}	
#centre p a.back
{		
	padding-left:5px;	
	margin-right:8px;
}  
#centre p a.next
{	
	padding-right:5px;	
	margin-left:8px;
} 
#centre p a.up
{			
	padding-left:8px;
}

img.content 
{
	float:left;
	margin:0px 10px 10px 0;
}
.ContentImg
{
	float:left
}
div.relcontent{}
.related 
{
	float:left;
	width:263px;
	margin:0 18px 0 0;	
	background:#DBFFDB;
	min-height:150px;
}
.end 
{
	margin-right:0;
	background:#DBFFDB;
}
.related h3
{
	color:#FFFFFF;
	background:#339933;
	border-bottom:1px solid white;
	margin:0 0 6px 0;
	padding:2px 0 2px 15px;
	font-size:85%;
}
.related ul 
{
	padding:0;
	margin:0px 0 10px 15px;
	list-style:none;
}
.related ul li
{
	padding:0 0 0 10px;
	margin:0px 0 5px 0px;
	background:url(/images/greenSkin/aro.gif) no-repeat 0 5px;	
	display:block;	
}
.related ul li a:link, .related ul li a:visited
{		
	font-weight:bold;
	color:#339933;	
	text-decoration:underline;
	font-size:85%;
}
.related ul li a:hover
{	
	text-decoration:none;	
}
.related ul li a span
{		
	font-weight:normal;	
}
div.colouredbg
{
	background:#DBFFDB;
	padding:0 7px 10px 7px;
	>padding:0 4px 10px 4px;
	margin-left:0px;
	margin-bottom:10px;	
	float:left;
}
div.colouredbg p
{
	font-weight:bold;	
	margin-bottom:20px;
}
div.colouredbg p span
{
	font-weight:normal;	
	color:#339933;
}
div.colouredbg p.total
{
	font-weight:normal;	
}
div.colouredbg input.button
{		
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-top:1px solid #ccc;
}
div.colouredbg#search 
{
	padding:20px 0 5px 4px;
}
div.colouredbg#search p
{
	float:left;
	width:120px;
	padding:2px;
}
div.colouredbg#search p.input
{	
	width:220px;
}
/*div.colouredbg#search p.input input
{	
	width:220px;
	border:1px solid #339933;
}*/
#search h2
{
	margin-left:4px;		
}
#search p a:link, #search p a:visited, p a:link, p a:visited
{
	color:#339933;
	text-decoration:none;	
}
#search p a:hover
{		
	color:#000;
	text-decoration:underline;		
}

#search p
{
	margin-left:4px;
}
#search p a
{
	font-weight:bold;
}
/*-----------------------------------------------------------------------*/
#search p a.subscriber:link, #search p a.subscriber:visited,
p a.subscriber:link, p a.subscriber:visited
{
	
	color:#339933;
	text-decoration:none;
	background:url(/images/greenSkin/s.gif) no-repeat;	
	font-weight:bold;
	line-height:14px;
	padding:0 0 0 18px;
	margin:0 0 0 8px;
}

#search p a.subscriber:hover, p a.subscriber:hover
{		
	color:#000;
	text-decoration:underline;	
}
/*-----------------------------------------------------------------------*/

span.sub 
{
	font-weight:bold;
	color:#339933;
}
#search p span
{
	margin-left:20px;
}
#search p a.back
{
	background:url(/images/greenSkin/aro.gif) no-repeat 0 3px;
	padding-left:10px;
	margin-right:8px;
	
}
#search p a.up
{
	background:url(/images/greenSkin/aro.gif) no-repeat 0px 3px ;		
	margin-left:80px;
	padding-left:15px;
	
}
/* end centre content styles */
/*Quiz Input form*/
#centre .quiz
{
  background:#ffddff;
  padding:6px;
  margin:0px;		
}
#centre .PrevQuiz
{
  border:1px solid #000;
  /*padding:4px 4px 4px 4px;*/
  margin-bottom:4px;
}
#centre .PrevQuiz .Question
{
	font-weight:bold;
}
.form_table
{
	FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none;
}
.form_td_textbefore{}
.form_td_titlebefore{}
.form_td_prompt
{
    padding-top:4px;
    VERTICAL-ALIGN: top;

    float:left;
    clear:both;
   

}
.form_td_data
{
    VERTICAL-ALIGN: top;
    clear:both;

 }
.form_text_file{}
.form_text_one{}
.form_text_four{}
.form_text_eight{}
.form_text_sixteen{}
.form_dropdown{}
.form_td_row_line{}
.form_td_row_spacer
{
    HEIGHT: 3px
}
.form_checkbox{}
.form_radio{}
.form_td_save{}
/*End Quiz input form*/


/*Quiz Thank you page*/
.form_td_left_column
{
	WIDTH: 0px;
}
.form_td_right_column
{
	WIDTH: 0px;
}
.form_thanks
{
    FONT-FAMILY: Arial, Helvetica;
    color:#000;
	font-size:85%;
}
.form_validation_text
{
    FONT-WEIGHT: bold;
    COLOR: #E43144;
}
.formpolling_response
{
	float:left;

}
.formpolling_bar
{
	
	background-color:#CCCCCC;
	border:1px solid #CCCCCC;
	
}
.form_button_submit{}
.form_button_email{}
.form_button_next{}
.form_button_save{}
.form_button_retreive{}
.form_button_print{}
.form_button_previous{}
.form_button_reset{}
A.form_accessiblebutton_print{}
A.form_accessiblebutton_print:hover{}
td.td_form_accessiblebutton_print{}

.MSG_Control_RADIO
{
    text-align:right;
}

.table_job
{
	font-family: arial, tahoma, Sans-Serif;	
	
}
.table_job .Title
{
	font-weight:bold;
}
.table_job .td
{
	
}
.table_worship
{
	font-family: arial, tahoma, Sans-Serif;	
	
}
.table_worship .Title
{
	font-weight:bold;
}
.CopyrightPlain
{
	display:none;
}

.BaigentPlain
{
	display:none;
}

/* Email A Friend Styles */ 
table#printtop, table#printmain, table#printfooter
{
	margin:0 auto;
	padding:0 auto;
	width:564px;
}
td#pagetitle
{
	padding:5px 15px 5px 15px;
	color:#FFFFFF;
	font-family:Times New Roman, Serif;
	font-size:210%;
}

td.colour
{
	background-color:#339933;
}
table.below
{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
		
}
fieldset
{
	margin:11px 11px 11px 11px;
	>margin:0px 11px 11px 11px;
	padding:8px 14px 14px 14px;
	border:solid 1px #339966
}
table.email
{
	width:100%;

}

table.email td.spacer
{
	width:10px;
}

..smallvspacer
{
	height:3px;
	>height:1px;
}

.dashedline
{
	height:2px;
	border-top:dashed 1px #339933;
}
td.navbar
{
	background:#DBFFDB
}
.formerror
{
	color:#ff0000;
}
.SMForm_Control_TEXT, .SMForm_Control_EMAIL, .SMForm_Control_COUNTRYDROPDOWN,
.SMForm_Control_AMOUNTSINGLE, .SMForm_Control_CCISSUE, .SMForm_Control_CCNUMBER,
.SMForm_Control_CCCSV, .SMForm_Control_CCTYPE, .SMForm_Control_DROPDOWN
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
	width:218px;
	border:solid 1px #339933;
	font-family: Arial, Lucida Sans, Sans-Serif;
	font-size:100%;
}
.SMForm_Control_CCCSV, .SMForm_Control_CCTYPE, .SMForm_Control_DROPDOWN
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-collapse:collapse;
	width:220px;
	border:solid 1px #339933;
	font-family: Arial, Lucida Sans, Sans-Serif;
	font-size:100%;
}
.SMForm_Control_TEXTAREA
{
	width:218px;
	>width:216px;
	height:70px;
	border:solid 1px #339933;
	font-family: Arial, Lucida Sans, Sans-Serif;
	font-size:100%;
}
.darkbold
{
	color:#339933;
	font-weight:bold;
}

#Email
{
	
}
#Email #Header
{
}
#Email #Message
{
}
#Email #Footer
{
}
/* End Email A Friend Styles */   
/* *********************************************************************************** */

/* Site Map Styles */

.navheirachylevel0table
{
	margin:10px 0px 0px 0px;
}
.navheirachylevel0spacertabletd
{
	width: 0px;
}	
.navheirachylevel1table
{
	margin:15px 0px 5px 0px;
}
.navheirachylevel2table
{
	
}	
.navheirachylevel3table
{
	
}
.navheirachylevel1tabletd
{
	font-weight:bold;
}
.navheirachylevel1spacertabletd
{
	width: 10px;
}
.navheirachylevel2spacertabletd
{
	width: 20px
}
.navheirachylevel3spacertabletd
{
	width: 40px
}
.navheirachycolumnspacertabletd
{
	width: 5px
}

/* End Site Map Styles */

/* *********************************************************************************** */


#ArchiveAlert
{
    background: url(/images/Exclaimation.jpg);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    padding-left:20px;
    font-family: Arial;
}
#ArchiveAlert p a
{
    color:#000;
    font-size:65%;
    font-weight:bold ;
    padding:0;
    margin:0;
}
.AlertHeader
{
    font-size:65%;
    font-weight:bold;
    color:red;
    float: left;
    padding:0;
    margin:0;
 }

/* FORM V4 STYLING  ******************************/

form#frmSMForm
{
    width:530px;
    margin:0 auto 0 auto;
    padding:0;
    font-family:Arial;
    font-size:100%;
    color:#000000;
   
}

form#frmSMForm h1, form#frmSMForm h2, form#frmSMForm h3, form#frmSMForm h4
{
    margin:0;
    padding:0px 0px 10px 0px;
}

form#frmSMForm h1
{
    font-size:140%;
    color:#339933;
}

form#frmSMForm p
{
    margin:0;
    padding:0px 0px 10px 0px;
    font-weight:normal;
}

form#frmSMForm a, form#frmSMForm a:link, form#frmSMForm a:active, form#frmSMForm a:visited
{
    color:#339933;
    text-decoration:none;
}

    form#frmSMForm a:hover
    {
        text-decoration:underline;
    }

form#frmSMForm span.bold
{
    font-weight:bold;
}

form#frmSMForm span.hilight
{
    color:#339933;
}

form#frmSMForm span.large
{
    font-size:140%;
}

/* VALIDATION ******************************/

form#frmSMForm span.validationtext
{
    color:#FF0000;
}

form#frmSMForm span.validationstar
{
    float:left;
    font-weight:bold;
    color:#FF0000;
}

/* FIELDSET ******************************/

form#frmSMForm div.fieldset
{
    xwidth:550px;
    margin:0px 0px 20px 0px;
    xpadding:10px 10px 0px 10px;
    float:left;
    xbackground-color:#F7F7F7;
}

form#frmSMForm div.fieldset fieldset
{
    xwidth:550px;
    margin:0 0 0 10px;
    _margin:0 0 0 5px;
    padding:0;
    border:none;
    float:left;
}

/* FIELDSET (WITH HELP LINK) ******************************/

form#frmSMForm div.withhelp fieldset legend
{
    margin:0px 0px 0px -7px;
    padding:0;
}

    form#frmSMForm div.withhelp fieldset legend span.legendcontainer
    {
        xwidth:550px;
        display:block;
    }

    form#frmSMForm div.withhelp fieldset legend span.legendcontainer span.prompt
    {
        font-size:130%;
        font-weight:bold;
        color:#339933;
    }

    form#frmSMForm div.withhelp fieldset legend span.legendcontainer a
    {
        margin:-17px 0px 0px 0px;
        float:right;
        font-weight:normal;
    }

/* FIELDSET (NO HELP LINK) ******************************/
    
form#frmSMForm div.nohelp fieldset legend
{
    margin: 0px 0px 0px 0px;
    padding: 0;
    font-size: 130%;
    font-weight: bold;
    color: #339933;
}

/* SUB FIELDSET (FOR GROUPING RADIO CONTROLS ETC) ******************************/
            
form#frmSMForm div.fieldset fieldset li fieldset
{
    xwidth:550px;
}

    form#frmSMForm div.fieldset fieldset li fieldset legend span.prompt
    {
        xwidth:550px;
        margin:-7px 0px 0px 0px;
        display:block;
        
    }
    
form#frmSMForm div.fieldset fieldset li fieldset legend span.prompt label
{
    padding:0px 5px 0px 0px;
    font-weight:bold;
}

    form#frmSMForm div.fieldset fieldset li fieldset span.field
    {
        width:250px;
        margin:-11px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        float:left;
    }
        
        form#frmSMForm div.fieldset fieldset li fieldset span.field label
        {
            width:250px;
            padding:0;
            float:left;
        }

form#frmSMForm div.fieldset fieldset li.valid fieldset span.field
{
    border:none;
}

    form#frmSMForm div.fieldset fieldset li.valid fieldset span.field input
    {
        margin:0px 2px 0px 0px;
        padding:2px 2px 2px 2px;
        border:solid 2px #00FF00;
    }

form#frmSMForm div.fieldset fieldset li.invalid fieldset span.field
{
    border:none;
}

    form#frmSMForm div.fieldset fieldset li.invalid fieldset span.field input
    {
        margin:0px 2px 0px 0px;
        padding:2px 2px 2px 2px;
        border:solid 2px #FF0000;
    }

/* ORDERED LIST ******************************/

form#frmSMForm ol
{
    width:500px;
    margin:0;
    padding:0px 0px 0px 0px;
    float:left;
    list-style-type:none;
   
}

/* LIST ITEM ******************************/

form#frmSMForm li
{
    width:520px;
    padding:0px 0px 5px 0px;
    float:left;
    xborder:solid 1px black;
}

form#frmSMForm li span.prompt
{
    width:250px;
    padding:0px 0px 0px 0px;
    float:left;
}

form#frmSMForm li span.prompt label
{
    padding:0px 5px 0px 0px;
    display:block;
    float:left;
    font-weight:bold;
}
    
form#frmSMForm li span.field
{
    display:block;
    float:left;
}

/* LIST ITEM (CHECKBOX) ******************************/

form#frmSMForm li.checkbox span.prompt
{
    width:250px;
    padding:0px 5px 0px 0px;
}

/* LIST ITEM (AMOUNT FIELD) ******************************/

form#frmSMForm li.amount span.currencysymbol
{
    padding:0px 10px 0px 0px;
    float:left;
    font-size:140%;
    font-weight:bold;
    color:#339933;
}
    
/* LIST ITEM (GIFT AID FIELD) ******************************/
        
form#frmSMForm li.giftaid img
{
    padding:15px 10px 0px 0px;
    float:left;
}
    
/* LIST ITEM (CSV FIELD) ******************************/

form#frmSMForm li.csv span.prompt
{
    width:250px;
    padding:4px 0px 0px 0px;
    float:left;
}

    form#frmSMForm li.csv span.prompt label
    {
        width:auto;
        padding:0px 5px 0px 0px;
    }

/* LIST ITEM (DIRECT DEBIT START DATE) ******************************/


form#frmSMForm li.directdebitstart span.field select
{
    float:none;
}

/* DIRECT DEBIT LOGO ******************************/
        
form#frmSMForm li.directdebitlogo img
{
    padding:0px 0px 10px 10px;
    float:right;
}

/* LIST ITEM (SORT CODE) ******************************/

form#frmSMForm li.sortcode span.field input
{
    float:none;
}

/* DIRECT DEBIT INSTRUCTION ******************************/
    
form#frmSMForm div.directdebitinstruction
{
    width:550px;
    float:left;
}
    
    form#frmSMForm div.directdebitinstruction div.instruction
    {
        width:185px;
        float:right
    }
    
    form#frmSMForm div.directdebitinstruction div.details
    {
        width:185px;
        padding:0px 10px 0px 0px;
        float:left
    }
    
/* LIST ITEM (REVIEW FIELD) ******************************/
    
form#frmSMForm li.review span.prompt
{
    float:left;
    margin-left: 150px;
    width: 150px;
    
    
}

form#frmSMForm li.review span.value
{
    float:left
}

/* LIST ITEM (TEXT AND BUTTON) ******************************/

form#frmSMForm li.textboxandbutton input.button
{
    margin:-2px 0px 0px 5px;
    font-family:Arial;
}

/* ELEMENTS ******************************/
   
form#frmSMForm li span.field input, form#frmSMForm li span.field select
{
    float:left;
    font-size:100%;
}

/* ELEMENTS (VALID) ******************************/

form#frmSMForm li.valid span.field
{
    border:solid 2px #00FF00;
}

/* ELEMENTS (INVALID) ******************************/

form#frmSMForm li.invalid span.field
{
    border:solid 2px #FF0000;
}

/* OVERIDES ******************************/

.SMForm_Control_AMOUNTSINGLE
{
    width:135px;
    padding:2px 2px 2px 2px;
    border:solid 1px #339933;
}

.SMForm_Control_TEXT, .SMForm_Control_CCNUMBER, .SMForm_Control_EMAIL,
.SMForm_Control_TEXT_OTHERTITLE
{
    width:155px;
    padding:2px 2px 2px 2px;
    border:solid 1px #339933;
}

.SMForm_Control_TEXTBOX
{
	width:155px;
	height: 50px;
    padding:2px 2px 2px 2px;
    border:solid 1px #339933;
	font-family:Arial;
}

.SMForm_Control_TEXTANDBUTTON
{
    width:82px;
    padding:2px 2px 2px 2px;
    border:solid 1px #339933;
}

.SMForm_Control_CCISSUE, .SMForm_Control_CCCSV, .SMForm_Control_CCSTART,
.SMForm_Control_CCEXPIRY, .SMForm_Control_BANKACCOUNTSORTCODE
{
    width:30px;
    padding:2px 2px 2px 2px;
    border:solid 1px #339933;
}

.SMForm_Control_CCTYPE, .SMForm_Control_COUNTRYDROPDOWN
{
    width:161px;
}

.SMForm_Control_DROPDOWN, .SMForm_Control_CCTYPE
{
    
}

.SMForm_Control_CCSTARTDROPDOWN
{
}

.SMForm_Control_CCEXPIRYDROPDOWN
{
    display:block;
}


li.cardexpiry span.field select
{
    float:none;
}

.SMForm_Control_CCEXPIRYDROPDOWN_nbsp
{
    display: none;
}

.SMForm_Control_CCSTARTDROPDOWN_nbsp
{
    display: none;
}

.SMForm_Control_CHECKBOX
{
    
}

/* BUTTONS ******************************/

form#frmSMForm div.buttons
{
    
}

    form#frmSMForm div.buttons input
    {
        font-family:Arial;
    }
    
    form#frmSMForm div.buttons p.forward
    {
        float:right;
    }

    form#frmSMForm div.buttons p.back
    {
        float:left;
    }
    
    
/***********  Blog   ************/
/* comment form */

div.bloghomepageitem
{
	margin:10px 0 0 0;
	padding:5px 0 0 0;
	border-top:solid 1px #339933;
}
	div.bloghomepageitemtitle
	{
		margin:0 0 9px 0;
		font-weight:bold;
	}
	
p.blogdate
{
	color:#339933;
	margin:0;
}

p.blogsubtitle
{
	margin-top:0;
}
	
div.blogcomment
{
	background-color: #dbffdb;
	padding:5px;
	margin:0 0 3px 0;
}

h3.commenttitle
{
	padding:0;
	margin:0;
}

input.blogdetails
{
	width:200px;
    padding:2px 2px 2px 2px;
    border:solid 1px #339933;
	font-family:Arial;
}

textarea.blogcomment
{
	width:200px;
	height:100px;
    padding:2px 2px 2px 2px;
    border:solid 1px #339933;
	font-family:Arial;
}

/* GALLERY */
div.gallery_imagedescription
{
	background-color:grey;
	border:1px solid black;
	font-size:95%;		  
	float:left;
	display: block;
	margin-right: 4px;
	padding: 0 0 0 0;
	width: 500px;
}


div.gallery_row
{	
	margin:0 0 0 0;
	padding:0px; 			
	text-align:center;
	background:#fff;
	color:#000;
	font-size:80%;
	
	
}

div.gallery_image a
{
	background-color:White;
	border:1px solid #000;
	font-size:95%;		  
	float:left;
	display: block;
	margin-right: 4px;
	padding: 0 0 0 0;
}

div.gallery_image a:hover
{
	background-color:White;
	border:1px solid #339933;
	font-size:95%;		  
	float:left;
	display: block;
	margin-right: 4px;
	padding: 0 0 0 0;
}



div.gallery_image_last a
{
	background-color:White;
	border:1px solid #000;
	font-size:95%;		  
	float:left;
	display: block;
	padding: 0 0 0 0;
}

div.gallery_image_last a:hover
{
	background-color:White;
	border:1px solid #339933;
	font-size:95%;		  
	float:left;
	display: block;
	padding: 0 0 0 0;
}


div.gallery_spacer
{
	width: 5px;
	float: left;
	display: block;
}

div.gallery_fullsizeimage
{
	background-color:White;
	border:1px solid #000;
	padding: 0 0 0 0;
	display: block;
}


	

