/* Site Layout Styles
 * Updated:  31 Mar 09 @ 3.05pm
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/
 
 	@import 'other.css';

	/*
	-- TOC
	---------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/

	/* -- COLORS
	---------------------------------------*/
	/* dark green	=	#004159 */


	/* -- RESET
 	---------------------------------------*/
 	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit; list-style: none; }
 	
 	table { border-collapse: collapse; border-spacing: 0; }
 	table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; border-color: #EBEAEA; }
 	
	legend { display: none; } 
	
 	/* -- FIX FLOATS
 	---------------------------------------*/
 	.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
 	* html .clearfix { height: 1%; }
 	*+ html .clearfix { height: 1%; }relative
 	


	/* -- LINKS
	---------------------------------------*/
	a,a:link, a:visited   { color: #a9233e; text-decoration: none; }
	a:hover, a:hover, a:active  {color: #a9233e; text-decoration: underline; }
	

	/* -- TYPOGRAPHY
	---------------------------------------*/
	h2 { margin: 0; padding: 9px 0 0 18px; color: #fff; font-size: 1.4em;  }
	h3 { margin: 0; padding: 9px 0 0 0; color: #63b2cf; font-size: 1.2em; }
	
	h2#section_title { height: 38px; margin: 0; padding: 12px 0 0 18px; color: #fff; font-size: 1.5em; }
	#content h2#record_title, h3#extra_title, #content #mainbar h2 { margin: 0 0 .5em; padding: 0; color: #a9233e; font-size: 1.4em; }
	h3#extra_title { padding: 10px 0 0 20px; }
    h2#record_title span{height:120px;}
	
	.fieldset_title, .order_details_header { margin: 0 0 1em; color: #a9233e; font-weight: bold; }
	
	p { margin: 0 0 .5em; }
	
	div.error, div#userSignupMessageElement, div.infoFormErrorMessage { width: auto !important; margin: 1em 0; padding: 8px; border: 1px solid #ffacad; background: #ffd5d5 url(images/alert-icon.gif) 10px 50% no-repeat; color: #d23755 !important; }
	

	/* -- STRUCTURE
 	---------------------------------------*/
	body { background: #004159; color: #333; font: 68.8%/1.4 Tahoma, Arial, Helvetica, sans-serif; }
	
	
		/* --- container */
		#container { width: 900px; margin: 0 auto; }
		
			
			/* ---- header */
			#header { height: 187px; background: url(../images/bg.gif) 0 0 no-repeat; }
			
			
				/* ----- logo */
				#header h1 { position: absolute; left: -999em; }
				#header #logo { float: left; width: 122px; padding: 50px 0 0 22px; }
				
				
				/* ----- login */
				#header #login { float: left; width: 746px; height: 40px; overflow: hidden; }
				#header #login form, #header #login p#join { float: left; width: 593px; height: 40px; }
				
					
					/* ------ login form */
					#header #login form { background: url(../images/login-form.gif) no-repeat; }
					#header #login form li, #header #login form button, #header #login form p { float: left; }
					#header #login form li.memberlogin { width: 112px; height: 40px; text-indent: -999em; }
					#header #login form li.username label { float: left; width: 63px; height: 40px; text-indent: -999em; }
					#header #login form li.username input, #header #login form li.password input { float: left; width: 105px; margin: 0; padding: 12px 5px; border: 0; background: none; }
					#header #login form li.password label { float: left; width: 60px; height: 40px; text-indent: -999em; }
					#header #login form button { width: 71px; height: 40px; margin: 0; padding: 0; border: 0; background: none; text-indent: -999em; cursor: pointer; }
					#header #login form p a { display: block; width: 57px; height: 40px; text-indent: -999em; }
					
					
					/* ------ join */
					#header #login p#join { width: 153px; margin: 0; }
					
					
					/* ------ details */
					#header #details { float: left; width: 642px; padding: 11px 16px 0; color: #63b2cf; font-size: 1.1em; }
					#header #details a { color: #fff; text-decoration: underline; }
					#header #details a:hover {text-decoration: none; }
				
				
				/* ----- sub navigation */
				#header ul#subnav { float: left; width: 738px; height: 47px; overflow: hidden; padding: 0 0 0 8px; }
				#header ul#subnav li { float: left; padding: 17px 8px; }
				#header ul#subnav li a { float: left; display: block; padding: 1px 3px; color: #00688f; font-size: 1em; text-decoration: none; text-transform: uppercase; }
				#header ul#subnav li a:hover, #header ul#subnav li a.on { background: #63b2cf; color: #fff; }
				
				
					/* ------ search */
					#header ul#subnav li#search { padding: 0 0 0 30px; }
					#header ul#subnav li#search form label { display: none; }
					#header ul#subnav li#search form { width: 231px; height: 47px; background: url(../images/search-form.gif) no-repeat; }
					#header ul#subnav li#search form input, #header ul#subnav li#search button { float: left; }
					#header ul#subnav li#search form input { width: 152px; margin: 0; padding: 16px 5px 0; border: 0; background: none; }
					#header ul#subnav li#search form button { width: 69px; height: 47px; margin: 0; padding: 0; border: 0; background: none; text-indent: -999em; cursor: pointer; }
				
				
				/* ----- main navigation */
				#header ul#nav { float: left; width: 742px; padding: 0 0 0 4px; overflow: hidden; }
				#header ul#nav li { float: left; padding: 9px 15px; }
				#header ul#nav li a { float: left; display: block; padding: 1px 3px; color: #00688f; font-size: 1.1em; text-decoration: none; text-transform: uppercase; }
				#header ul#nav li.end { padding: 9px 0 8px 15px; }
				#header ul#nav li a:hover, #header ul#nav li a.on { background: #63b2cf; color: #fff; }

				#headerBanner { float: right; width: 746px; height: 55px; margin: 5px 10px 0 0; }
				#headerBanner iframe { display: none; }
				#headerBanner img { width: 746px; height: 55px; display: block; }	
			
				/* ---- content */
				#content { position: relative; min-height: 280px; background: url(../images/bg.gif) 0 -187px no-repeat; }
				#inner_content { background: url(../images/bg-repeat.gif) repeat-y; }
				
				/* ----- sidebar */
				#content #sidebar div.end { width: 210px; background: #fff; border-top: 10px solid #fff; border-bottom: 10px solid #fff; line-height: 0;  }
				#content #sidebar { float: left; padding:0 0 0 0px; width: 210px; }
				#content #sidebar ul { padding: 0; background:#F1F1F1 url(../images/sidebar-navigation-bg.gif) repeat-y; }
				#content #sidebar li { width: 210px; }
				#content #sidebar li a { display: block; width: 185px; padding: 5px 5px 5px 20px; background: url(../images/red-bullet-point.gif) 10px 10px no-repeat; color: #00688f; font-size: 1em; text-decoration: none; }
				#content #sidebar li a:hover {color:#a9233e; background: #f1f1f1 url(../images/red-bullet-point.gif) 10px 10px no-repeat;  } 
				
					/* sidebar > off*/
					#content #sidebar .on li.off a {color:#a9233e; background-color: #f1f1f1; }
					/* sidebar > on*/
					#content #sidebar .on li.on a {color:#00688f; background:#f1f1f1 url(../images/blue-bullet-point.gif) 10px 10px no-repeat; text-decoration: none; margin-left:20px; width: 165px;}
					/*sidebar > hover*/				
					#content #sidebar .on li.off a:hover {color:#00688f; background:#f1f1f1 url(../images/blue-bullet-point.gif) 10px 10px no-repeat; text-decoration: none; }
					/*sidebar > indent*/
                    #content #sidebar ul ul { background: #f1f1f1; }
                    #content #sidebar li.on a { background: #f1f1f1 url(../images/blue-bullet-point.gif) 10px 10px no-repeat; }
					#content #sidebar ul ul li.off a,  #sidebar ul ul li.on a { margin-left: 20px; width: 165px; }
                    #sidebar ul ul li.on a { padding-left: 20px; }

				
				/* ------ extra links */
				#content #sidebar ul#extra_links { padding: 0 0 25px 10px; background: none; }
				#content #sidebar ul#extra_links li { width: 200px; }
				#content #sidebar ul#extra_links li a { width: 100px; padding: 2px 5px 2px 20px; background: url(../images/extra-links-arrow.gif) 10px 7px no-repeat; color: #333; }
				
				
				/* ------ blog */
				#content #mainbar ul#newsList { margin: 0; padding: 0; }
				#content #mainbar ul#newsList li { padding: .5em 0; border-bottom: 1px solid #ccc; background: none; list-style: none; list-style-image: none; }
				div.date { color: #999; font-style: italic; }
				#content #mainbar ul#newsList li a { text-decoration: underline; }
				#content #mainbar ul#newsList li a:hover { text-decoration: none; }

				/* ----- flash */
				#flash { width: 210px; background: #fff; border-top: 10px solid #fff; border-bottom: 10px solid #fff; line-height: 0; }
				
				
				/* ----- mainbar */
				#content #mainbar { float: left; width: 660px; padding: 15px 15px 25px; font-size:1.3em; }
				
					#content p#icons { position: absolute; top: 16px; right: 16px; }
				
					#content #mainbar ul li {list-style: none; padding-left: 20px; background: url(../images/blue-bullet-point.gif) 5px 8px no-repeat; }
					
					#content #mainbar ol { padding: 0 0 0 25px; }
					#content #mainbar ol li { padding-left: 10px; list-style: decimal; }
					
					#content #mainbar p a, #content #mainbar p a:link, #content #mainbar p a:visited{color:#A9233E;}
					#content #mainbar p a:hover,#content #mainbar p a:active{color:#A9233E;}			
					
					
					#content #mainbar h2#record_title { position: relative; }
					#content #mainbar h2#record_title span {position: absolute;  width: 100%; height: 120px; background-repeat: no-repeat; padding-bottom:10px; }
					
					
					/* --- mainbar > events list */
					#content #mainbar ul#eventsList { margin: 1em 0 0; padding: 0; }
					#content #mainbar ul#eventsList div.left { float: left; width: 100px; }
					#content #mainbar ul#eventsList div.right { float: left; width: 500px; }
					#content #mainbar ul#eventsList li { list-style: none; padding: 8px; margin: 0; border-bottom: 1px solid #ccc; background: none; }
					#content #mainbar ul#eventsList li a { color: #63b2cf; text-decoration: underline; }
					#content #mainbar ul#eventsList li a:hover { text-decoration: none; }
					#content #mainbar ul#eventsList div.type { color: #999; }
					
					/* --- mainbar > events detail */
					div#detail { padding: 0 10px; }
					div#detail div#detailMain { float: left; width: 350px; }
					div#detail div#detailSec { float: left; width: 250px; }
					div#detail table th, div#detail table td { padding: 0 0 5px; text-align: left; }
 					div#registration h3 { background: #a9233e; margin: 10px 0 0; padding: 10px; color: #fff; }
 					div#registration div.border { background: #eee; padding: 10px; }
 					div#description { padding: 10px; }
 					div#description h3 { margin: 0 0 .8em; color: #a9233e; font-size: 1.1em; }
 					
 					
 					/* --- mainbar > cart */
 					#content #mainbar table.cart_table, #content #mainbar table.text,  #content #mainbar table.myMemberships { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
 					#content #mainbar table.cart_table th, #content #mainbar table.cart_table td, #content #mainbar table.text th, #content #mainbar table.text td,  #content #mainbar table.myMemberships th,  #content #mainbar table.myMemberships td { float: none; width: auto; padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: left; vertical-align: top; }
 					#content #mainbar table.cart_table th, #content #mainbar table.myMemberships th { background: #d8ecf3; }
 					#content #mainbar table.cart_table th.cart_header { font-weight: bold; }
					
					div.plain table th { padding: 5px; text-align: left; }
					div.plain table td { padding: 5px; }
					div.myMembershipTitle, div.myMembershipListOn { padding: 0 0 1em; }
					.myMembershipListBox div[style] { background-color: #fff; }
					
 					
					
					/* --- mainbar > files list */
					#content #mainbar h3.files_list_title, #content #mainbar .repo_files_list h3 { position: absolute; left: -999em; }
					#content #mainbar div.repo_list { margin: 1em 0 0; }
					#content #mainbar ul.repo_files_list { margin: 0; padding: 0; list-style: none; list-style-image: none; background: none; }
					#content #mainbar ul.repo_files_list li { position: relative; padding: 0 0 1em 0; background: none; list-style: none; list-style-image: none; }
					#content #mainbar ul.repo_files_list li a { padding: 0 0 0 25px; }
					#content #mainbar ul.repo_files_list li .file_pdf_pos { position: absolute; top: 0; left: 0; width: 20px; }
					#content #mainbar ul.repo_files_list li .file_pdf_pos a { text-decoration: none; padding: 0; }
					#content #mainbar ul.repo_files_list li .file_pdf_pos span.file_size { display: none; }
						
					
					/* --- mainbar > members directory */
					table.dealer_standard_headers { margin: 15px 0 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
					table.dealer_standard_headers th { background: #d8ecf3; }
					table.dealer_standard_headers th, table.dealer_standard_headers td { padding: 5px; text-align: left; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
				
				
					/* ------ main search */
					div.search_form { padding: 0 0 15px; }
					div.search_form legend, div.search_form label { display: none; }
					
					/* ------ breadcrumb trail */
					p.breadcrumb { font-size: .9em; }
					p.path { position: absolute; left: -999em; }
					
					
				/* ---- footer */
				#footer { padding: 15px 0; background: url(../images/bg.gif) 0 -11891px no-repeat; text-align: center; text-transform: uppercase; color: #8adfff; font-size: 1em; }
				#footer a, p#copyright { color: #0090c6; text-decoration: none; }
					

				#kg_sideBar { display: none !important; }


				#addResourceForm table
				{
					width: 100% !important;
				}
				#addResourceForm table td
				{
					width: 517px !important;
					text-align: left;
				}
				#addResourceForm table th
				{
					width: 80px !important;
				}


	#infoFormFieldLi57 ul li label
	{
		width: auto !important;
	}


	/* Search Directory */

	#directoryNav
	{
		margin: 15px 0 0 !important;
		padding: 0 !important;
		display: block;
		width: 660px;		
		background: url(../images/directory-nav-bg.gif) top left repeat-x !important;
	}

	#directoryNav li
	{
		float: left;
		display: block;
		width: 130px;
		height: 33px;
		margin: 2px 0 0;
		padding: 10px 12px !important;
		list-style: none;
		background-image: none !important;
	}

	#directoryNav li#ineligible
	{
		width: 170px;
	}

	#directoryNav li#ineligible a,
	#directoryNav li#conditional a
	{
		padding: 3px 8px;	
	}

	#directoryNav li.on
	{
		margin: 0;
		border: 2px solid #c7e3ef;
		border-bottom: 0;
		background-color: #dbecf4 !important;	
	}
	
	#directoryNav li a
	{
		display: block;
		padding: 8px;
		font-size: 12px;
		line-height: 1em;
		color: #00688F;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
	}

	#directoryNav li a:hover,
	#directoryNav li.on a
	{
		color: #fff;
		background: #63b2cf;
	}

	#directoryContent
	{
		padding: 15px;
		background-color: #dff0f6;
		background: url(../images/bg-fade.gif) 0 0 repeat-x;
		border: 2px solid #c7e3ef;
		border-top: 0;
	}

	#directoryContent p
	{
		font-size: 12px;
		margin: 0 0 1.5em;
	}

	#directoryContent .recordDetail strong
	{
		color: #00688f;
		font-family: "Trebuchet MS";
	}

	#directoryContent .recordDetail table
	{
		font-size: 12px;
		margin: 0 0 1.5em;
		font-family: "Trebuchet MS";
	}

	#directoryContent .recordDetail table th
	{
		font-weight: normal;
		text-align: left;
		text-transform: uppercase;
		color: #00688f;
		padding: 15px 10px 3px;
		background: #ececec;
		border-bottom: 1px solid #ddd;
	}

	#directoryContent .recordDetail table td
	{
		padding: 3px 10px;	
	}

	#directoryContent .recordDetail table tbody tr
	{
		border-bottom: 1px dotted #00688f;
	}

	#directoryContent .recordDetail table tbody tr:last-child
	{
		border: 0;
	}

	.advanced #searchDirectory
	{
		width: 605px;
	}

	.advanced legend
	{
		width: 585px;
		display: block !important;
		color: #00688f;
		padding: 20px 11px 5px;
		background: #ececec;
		font-size: 12px;
		border-bottom: 1px solid #ddd;
	}

	.checkboxGroup table
	{
		float: left;
		width: 400px;
		margin: 0 !important;
	}

	.checkboxGroup table td
	{
		vertical-align: text-top;
	}

	.checkboxGroup tr
	{
		float: left;
		width: 50%;
	}

	#dRcInner
	{
		background: #fff;
		padding: 15px 0;
	}

	#map
	{
		float: right;
		border: 1px solid #ddd;
	}

	.advanced #directoryContent
	{
		padding-bottom: 0;
	}

	#searchDirectory
	{
		float: left;
		background: #fff;
		padding: 10px;
		width: 430px;
	}

	#searchDirectory ul	
	{
		margin: 0;
		padding: 0;
	}

	#searchDirectory ul li
	{
		margin: 0 !important;
		padding: 10px !important;
		background: none !important;
		border-bottom: 1px dotted #64b1cd;
	}

	.advanced #searchDirectory li
	{
		border: 0;
	}

	#searchDirectory label
	{	
		float: left;
		width: 145px;
		display: block;
		color: #00688F;
		font-size: 12px;
	}

	#searchDirectory label span
	{
		display: block;
		font-size: 10px;
		color: #444;
	}
	
	#searchDirectory input[type="text"]
	{
		width: 250px;
		border: 1px solid #ccc;
		padding: 3px;
	}

	#searchDirectory table
	{
		margin: 5px 0 0;
	}

	#searchDirectory td
	{
		/*float: left;
		display: inline-block;
		width: auto !important;*/
		font-size: 11px;
	}

	#searchDirectory td input
	{
		padding: 0;
	}

	#searchLocation input
	{
		margin: 5px 0 0;
	}

	#searchDirectory button
	{
		float: right;
		width: 128px;
		height: 36px;
		border: 0;
		cursor: pointer;
		background: url(../images/btn-search.gif) 0 0 no-repeat;
		text-indent: -999em;
		margin: 15px 19px 5px;
	}

	.advanced #searchDirectory button
	{
		margin: 15px 193px 0;
	}

	#directoryResults #directoryContent
	{
		border-bottom: 0;
	}

	#directoryResultsContent
	{
		background: url(../images/bg-fade.gif) 0 -250px repeat-x;
		border: 2px solid #c7e3ef;
		border-top: 0;
		padding: 0 15px 15px;
	}

	.advanced #directoryResultsContent
	{
		border: 0;
		background: #fff;
		padding: 0 15px;
	}

		#directoryResultsContent table th
		{
			color: #00688F;
			font-size: 13px;
			text-align: left;
			font-weight: normal;
			background: #ececec;
			border-bottom: 1px solid #dddddd;
			padding: 20px 20px 5px;
			text-transform: uppercase;
		}

		#directoryResultsContent table td
		{
			font-size: 12px;
			border-bottom: 1px dotted #64b1cd;
			padding: 5px 20px;
		}

		#directoryResultsContent table tr:last-child td
		{
			border: none;
		}

		.advanced #directoryResultsContent table td
		{
			padding: 10px 20px;
		}

		.advanced #directoryResultsContent table .detailsCol
		{
			padding: 10px 0;
		}

		#directoryResultsContent .memberName
		{
			color: #00688F;
		}

		#directoryResultsContent .webAddress
		{
			display: block;
		}

		#directoryResultsContent .detailsButton
		{
			float: right;
			width: 84px;
			height: 24px;
			display: block;
			background: url(../images/btn-details.gif) 0 0 no-repeat;
			text-indent: -999em;
		}

		.viewEntity
		{
			float: left;
			width: 250px;
			font-size: 12px;
		}

		#content #mainbar .viewEntity ul li 
		{
			    background-position: 5px 5px;
		}

		.viewEntity h4
		{
			font-size: 13px;
			font-weight: normal;
			color: #63b2cf;
			margin: 5px 0;
		}

		#expertise
		{
			margin: 0 5px;
		}

		.contactEntity
		{
			float: right;
			width: 310px;
			background: #d9d9d9;
			padding: 10px;
		}
		
			.contactEntity h2
			{
				font-size: 1.1em !important;
				text-transform: uppercase;
				display: block;
				background: #fff;
				padding: 10px !important;
			}

			.contactEntity li
			{
				margin: 10px 0 15px !important;
			}

			.contactEntity label
			{
				float: left;
				display: block;
				font-size: 12px;
				width: 80px !important;
				margin: 0 10px;
				text-transform: uppercase;
				color: #00688F;
				text-align: right !important;
			}

			.contactEntity input,
			.contactEntity textarea
			{
				width: 190px;
				resize: none;
				border: 1px solid #ccc;
				padding: 3px;
			}

			.contactEntity textarea
			{
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 11px;
			}

			.contactEntity button
			{
				float: right;
				width: 128px;
				height: 36px;
				border: 0;
				cursor: pointer;
				background: url(../images/btn-submit.gif) 0 0 no-repeat;
				text-indent: -999em;
				margin: 10px 15px 5px;
			}

			.viewEntity h3
			{
				color: #127396;
				font-size: 14px;
				margin: 0 0 .5em;
			}

			.viewEntity p
			{
				font-size: 13px;
			}

/* --- Compliance Tracker */

.cpd_table
{
	font-size: 12px;
	margin: .5em 0 0;
}

.cpd_table th
{
	text-align: left;
	color: #107195;
	background: #ececec;
	border-bottom: 1px solid #ddd;
	padding: 10px 7px;
}

.cpd_table td
{
	color: #666;
	padding: 5px 7px;
	border-bottom: 1px dotted #63b2cf;
}

.cpd_title
{
	font-weight: normal;
	font-size: 1em;
	color: #107195;
	margin: .5em 0 .8em;
}

.userPageText,
.goalPageText
{
	
	
}

.addCPDActivity
{
	float: right;
	display: block;
	width: 176px;
	height: 36px;
	background: url(../images/btn-add-activity.gif) 0 0 no-repeat;
	text-indent: -999em;
	margin: 2em 0 0;
}

.cpdButton
{
	text-transform: uppercase;
	color: #107195 !important;
	font-size: 13px;
	display: inline-block;
	background: #ddd;
	padding: 3px 7px;
	margin: 0 0 10px;
}

#activityDateRange
{
	padding: 5px;
}

#activityDateRange li
{
	float: left;
	display: block;
}

#activityDateRange li label,
#activityDateRange li .sbFieldContent
{
	float: left;
	display: block;
}

#activityDateRange li .sbFieldContent button
{
	float: right;
}

#activityDateRange li label
{
	color: #666;
	margin: 5px 5px 0 0;	
}

#activityDateRange input
{
	width: 70px;
	padding: 3px;
	border: 0;
}

#activityDateRange .sbFieldGroupHeading
{
	float: left;
	font-weight: normal;
	font-size: 13px;
	color: #666;
	display: block;
	margin: 5px 10px 0 0;
}

#activityDateRange .sbFieldGroup
{
	padding: 0;
}

#activityDateRange .sbFieldGroupOl span
{
	float: left;
	display: block;
	font-weight: normal;
	font-size: 13px;
	color: #666;
	padding: 0 5px 0 0;
}

.list_filter #activityDateRange button
{
	margin: 0;
}

.sbDateField img
{
	margin: 3px 0 0;
}

#clearFromDateButton,
#clearToDateButton
{
	display: none;
}



/*	SBFORM
 *	----------------------------------------------
*/

form.sbForm ol li
{
	list-style: none;
}

label.sbFieldLabel
{
	display: block;
	margin: 3px 0;
	clear: both;
}

label.sbFieldLabelRequired span
{
	margin: 0 3px 0 0;
}

.sbFieldGroup
{
	padding-bottom: 10px;
}

.sbFieldGroupHeading
{
	font-size: 1.4em;
	font-weight: bold;
}

/* text inputs */

input.sbTextInputOff,  input.sbTextInputOn
{
	padding: 5px;
	border: 1px solid #ddd;
	color: #666666;
	font-size: 12px;
}

input.sbTextInputOn
{
	border: 1px solid #999;
}

input.sbTextInputTiny, select.sbSelectTiny
{
	width: 40px;
}

input.sbTextInputSmall, select.sbSelectSmall
{
	width: 100px;
}

input.sbTextInputMedium, select.sbSelectMedium
{
	width: 200px;
}

input.sbTextInputLarge, select.sbSelectLarge
{
	width: 350px;
}

input.sbTextInputFull
{
	width: 98%;
}

/* textareas */

textarea.sbTextAreaOff,  textarea.sbTextAreaOn
{
	width: 350px;
	padding: 5px;
	border: 1px solid #ddd;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea.sbTextAreaOn
{
	border: 1px solid #999;
}

textarea.sbTextAreaSmall
{
	height: 80px;
}

textarea.sbTextAreaMedium
{
	height: 160px;
}

textarea.sbTextAreaLarge
{
	height: 240px;
}

textarea.sbTextAreaXLarge
{
	height: 340px;
	width: 450px;
}

li.sbRadioGroupHorizontal,  li.sbCheckboxGroupHorizontal
{
	float: left;
	margin: 0 20px 0 0;
}

select.sbSelect
{
	width: 200px;
}

.sbFormButtonsLeft .sbButton
{
	float: left;
	margin: 0;
}

.sbFormButtonsLeft button[type="submit"]
{
	margin: 0 10px 0 0 !important;
}

.sbFormButtonsRight
{
	float: right;
}

.sbFormButtonsRight button
{
	margin: 0;
}

.sbFieldContent label.error
{
	display: block;
	margin: 0 0 5px;
	padding: 0;
}