/*
=================================================================================
layout.css:
=================================================================================
this stylesheet defines the layout of the following page elements - and should be linked first
- margins
- padding
- width/heights
- relative/absolute positions
- top/left/right/bottom positioning
- clears
- floats
- display types
*/

/* body layout styles */
* {margin:0; padding:0;}
body {margin: 5px auto 0px auto; padding: 0px; display: block;}

	/* rule: pod - generic Theme body layout styles */
	div.rulePodPage {margin: 0px auto 18px auto; padding: 0px; width: 831px; display: block;}
		div.rulePodPage div.rulePodPageHead {margin: 0px; padding: 0px; height: 13px;}
		div.rulePodPage div.rulePodPageHeadR {margin: 0px; padding: 0px; height: 13px;}

		div.rulePodPage div.rulePodPageBody {margin: 0px; padding: 0px; height: 100%;}
		div.rulePodPage div.rulePodPageContent {margin: 0px; padding: 0px 13px 0px 13px; height: 100%;}

		div.rulePodPage div.rulePodPageFoot {margin: 0px; padding: 0px; height: 13px;}
		div.rulePodPage div.rulePodPageFootR {margin: 0px; padding: 0px; height: 13px;}


/* suckerfish layout styles */
	/* nav */
	#nav {margin: 0px; padding: 0px;}
	#nav ul {margin: 0px; padding: 0px; height: auto;}
	#nav li {margin: 0px; padding: 0px; position: relative; height: 25px; display: block;}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {padding: 6px 6px 7px 10px; display: block;}
	#nav li ul {margin: 0px; padding: 0px; position: absolute; left: -999em; width: 15em; height: auto;}
	#nav li:hover ul, #nav li.sfhover ul {left: 175px; top: 0px; z-index: 92000;}
	#nav li li {margin: 0px; padding: 0px; height: 25px; display: block; float: none;}
	/* hide from IE mac \*/
	#nav li {width: auto;}
	/* end hiding from IE5 mac */

	/* sidebar layout styles */
	div.containerSidebar {margin: 0px; padding: 0px 0px 50px 0px; width: 175px; float: left;}
		/* brand layout styles */
		div.containerBrand {margin: 0px; padding: 0px;}
		/* navigation layout styles */
		div.containerNavigation {margin: 0px; padding: 0px;}

	/* 1 coloumn [maximum] -  body layout style */
	/* max : container layout styles */
	div.max {margin: 0px; padding: 0px; width: 630px; float: left;}
		/* body : main container layout styles */
		div.max div.containerBody div.containerMain {margin: 0px; padding: 0px;}
			/* body : main : wrapper layout styles */
			div.max div.containerBody div.containerMain div.containerWrapper {margin: 0px; padding: 0px;}

	/* body : container layout styles */
	div.containerBody {margin: 0px; padding: 0px 0px 0px 5px;}

	/* siteSearch : container layout styles */
	div.containerSiteSearch {margin: 0px; padding: 0px 0px 5px 0px;}
		div.containerSiteSearch div.ruleBody {margin: 0px; padding: 0px; height: 25px;}
		div.containerSiteSearch div.ruleContent {margin: 0px; padding: 5px 5px 4px 0px; float: right;}
		/* siteSearch : form layout styles */
		div.containerSiteSearch input.inputText {margin: 0px; padding: 0px; height: 15px; vertical-align: top;}
		div.containerSiteSearch input.formButton {margin: 0px; padding: 0px; height: 16px; vertical-align: top;}


/* clearer block level element layout style */
br.clearer {clear: both;}

img.left {margin: 0px; padding: 0px; float: left;}
img.right {margin: 0px; padding: 0px; float: right;}

p.left {margin: 0px; padding: 0px 0px 6px 0px; display: block; float: left;}
p.right {margin: 0px; padding: 0px 0px 6px 0px; display: block; float: right;}

div.left {margin: 0px; padding: 0px; display: block; float: left;}
div.right {margin: 0px; padding: 0px; display: block; float: right;}

/* global content tags */
	/* content : align layout styles */
	div.contentAlign {margin: 0px; padding: 0px;}
	/* content : align layout styles */
	div.contentText {margin: 0px; padding: 12px 0px 0px 0px;}
	/* content : thumb layout styles */
	div.contentThumb {margin: 0px auto 0px auto; padding: 0px;}
	div.ruleContentBorder div.contentThumb {margin: 0px 24px 0px 24px; padding: 0px 0px 0px 0px;}
	div.contentThumb img {margin: 0px auto 0px auto; padding: 0px; display: block;}

/* rules : content */
	/* rule : content & contentVanilla layout styles */
	div.ruleContent ul, 
		div.ruleContentTeaser ul,
		div.ruleContentVanilla ul,
		div.ruleFoot ul {margin: 0px; padding: 0px;}

	div.ruleContent li, 
		div.ruleContentTeaser li,
		div.ruleContentVanilla li,
		div.ruleFoot li {margin: 0px; padding: 0px 0px 3px 18px;}

	ul.numeric {margin: 0px 0px 8px 0px !important; padding: 0px 0px 8px 0px !important;}
	ul.numeric li {margin: 0px 0px 0px 30px; padding: 0px;}

	/* rule : content - height min layout styles */
	div.ruleContentHeightMin {margin: inherit; padding: inherit; height: 120px; overflow: auto; display: block;}

	/* rule : content - highlight layout styles */
	div.ruleContentHighlight div.contentThumb {margin: 0px; padding: 0px 8px 0px 0px; float: left;}
	div.ruleContentHighlight div.contentThumb img {margin: 0px; padding: 0px;}

/* rules : feature */
	/* rule : feature and list layout styles */
	div.ruleFeatureImage {margin: 0px; padding: 0px 0px 40px 0px;}

/* rules : flash */
	/* rule : flash - wrapper layout styles */
	div.ruleFlashWrapper {margin: 0px 0px 18px 0px; padding: 0px;}


/* rules : form */
	/* rule : form - vertical layout styles */
	div.ruleFormVertical {margin: 0px; padding: 0px;}
		div.ruleFormVertical form {margin: 0px; padding: 0px;}
		div.ruleFormVertical div.fieldSection {margin: 0px 0px 9px 0px; padding: 0px;}
		div.ruleFormVertical div.fieldAlign {margin: 0px; padding: 0px;}

		div.ruleFormVertical label {margin: 0px 0px 2px 0px; padding: 0px; display: block;}
		div.ruleFormVertical input.inputText {margin: 0px; padding: 0px; height: 15px; vertical-align: bottom;}
		div.ruleFormVertical input.inputCheckbox {margin: 0px; padding: 0px; width: 12px; height: 12px; vertical-align: bottom;}
		div.ruleFormVertical select.selectDropDown {margin: 0px 0px 3px 0px; padding: 0px;}

	/* rule : form - Horizontal layout styles */
	div.ruleFormHorizontal {margin: 0px; padding: 0px; height: 100%;}
		div.ruleFormHorizontal form {margin: 0px; padding: 0px;}
		div.ruleFormHorizontal div.fieldSection {margin: 0px; padding: 6px 0px 6px 0px; height: 100%;}
		div.ruleFormHorizontal div.fieldAlign {margin: 0px; padding: 0px 0px 0px 6px; float: left;}

		div.ruleFormHorizontal label {margin: 0px; padding: 0px 0px 0px 12px; display: block; float: left;}
		div.ruleFormHorizontal input.formButton {margin: 0px 0px 0px 0px; padding: 0px; width: 18px; height: 17px; vertical-align: bottom;}


/* rules : pod */
	/* rule: pod - generic transparent body layout styles */
	div.rulePodTransparent {margin: 0px 0px 36px 0px; padding: 0px;}
		div.rulePodTransparent div.ruleHead {margin: 0px; padding: 0px;}
		div.rulePodTransparent div.ruleHeadR {margin: 0px; padding: 0px;}
		div.rulePodTransparent div.ruleBody {margin: 0px; padding: 0px;}
		div.rulePodTransparent div.ruleContent {margin: 0px; padding: 0px 35px 0px 35px;}
		div.rulePodTransparent div.ruleFoot {margin: 0px; padding: 0px;}
		div.rulePodTransparent div.ruleFootR {margin: 0px; padding: 0px;}

	/* rule : pod - global small footer layout styles */
	div.ruleFootSmall {margin: 0px !important; padding: 0px !important; width: 100%; height: 0px !important;}
	div.ruleFootSmall div.ruleFootR {margin: 0px !important; padding: 0px !important; height: 0px !important;}