/* YUI Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
        color: #333;
        font-family: arial;
        font-size: 12px;        
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
        font-family: arial;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* YUI Reset CSS */

/* CLEARFIX !! -- slightly enhanced, universal clearfix hack */
.clearfix:after 	{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix			{ display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix	{ height:1%; }
.clearfix			{ display:block; }
/* close commented backslash hack */

/* Removes grey dotted outline around block-level links */
object:focus,
object:active,
a:focus,
a:active,
.ui-state-active	{ outline:none; }


body { background-color: #999;  }
h1 { font-family: georgia,garamond,serif; font-size: 30px; }
.button { display: block; text-indent: -9999px !important; overflow: hidden; border: none; cursor: pointer; }
label { font-size: 14px; }


.mainContainer { margin: 0 auto; width: 985px; background: #FFF; border-left: 1px solid #333; border-right: 1px solid #333; position: relative; }
#content { min-height: 500px; }
.headerContainer { padding: 10px; }
.pholisticLogo  { background: url(../img/logos/logo.png) no-repeat; width: 246px; height: 55px; margin: 10px 0 0 10px; }
.headerContainer .leftSection { width: 300px;  float: left;  }
.headerContainer .rightSection {  float: right; width: 500px; font-family: arial; font-size: 12px; }
.footerContainer { text-align: center; font-size: 11px; margin: 10px 0; padding: 10px 0; }

.tabContainer { background: url(../img/backgrounds/tabBg.png) no-repeat; width: 482px; height: 32px; margin-top: 15px; }
.tabContainer li  { float: left; margin: 2px 0 0 22px; }
.tabContainer .tab { background: url(../img/backgrounds/tabButtons.png) no-repeat; width: 132px; height: 26px; }
.tabContainer .registerTab { background-position: 0 0; }
.tabContainer .registerTab:hover { background-position: 0 -36px; }
.tabContainer .registerTab:active { background-position: 0 -72px; }
.tabContainer .registerTabSelected { background-position: 0 -72px; }
.tabContainer .contactUsTab { background-position: 0 -108px; }
.tabContainer .contactUsTab:hover { background-position: 0 -144px; }
.tabContainer .contactUsTab:active { background-position: 0 -180px; }
.tabContainer .contactUsTabSelected { background-position: 0 -180px; }
.tabContainer .loginTab { background-position: 0 -216px; }
.tabContainer .loginTab:hover { background-position: 0 -252px; }
.tabContainer .loginTab:active { background-position: 0 -288px; }
.tabContainer .loginTabSelected { background-position: 0 -288px; }
.tabContainer .logoutTab { background-position: 0 -432px; }
.tabContainer .logoutTab:hover { background-position: 0 -468px; }
.tabContainer .logoutTab:active { background-position: 0 -504px; }
.tabContainer .logoutTabSelected { background-position: 0 -504px; }
.tabContainer .myAccountTab { background-position: 0 -540px; }
.tabContainer .myAccountTab:hover { background-position: 0 -576px; }
.tabContainer .myAccountTab:active { background-position: 0 -612px; }
.tabContainer .myAccountTabSelected { background-position: 0 -612px; }


.submitButton  { background: url(../img/backgrounds/tabButtons.png) no-repeat 0 -324px; width: 132px; height: 26px;  }
.submitButton:hover { background-position: 0 -360px; }
.submitButton:active { background-position: 0 -396px; }
.submitButtonSelected { background-position: 0 -396px; }

.filmStrip { background: url(../img/backgrounds/filmStrip.jpg) no-repeat; width: 985px; height: 240px; margin: 20px 0 6px; }
.tips { background: url(../img/logos/tips.png) no-repeat; width: 96px; height: 36px; display: block; text-indent: -9999px; }
.terms { font-size: 11px; }


.lightBoxForm { display: block; position: absolute; top: 100px; background: #999; width: 985px; padding: 20px 0; }
#lightboxBg { background: #FFF;filter:alpha(opacity=60);  /* CSS3 standard */  opacity:0.6; width: 985px; position: absolute; top: 100; height: 100px; }
.lightBoxForm h1 { color: #FFF; padding: 20px 0 20px 20px; }
.lightBoxForm label { color: #FFF; padding: 0 15px 0 75px;  }
.lightBoxForm .topContainer { margin: 0 auto; width: 524px; background: url(../img/backgrounds/redBg.png) no-repeat;  }
.lightBoxForm .bottomContainer { background: url(../img/backgrounds/redBg.png) no-repeat left bottom; height: 30px;  width: 524px; margin: 0 auto;  }
.lightBoxForm .buttonContainer { background: url(../img/backgrounds/blackStrip.png) no-repeat; height: 32px; width: 514px; margin-left: 5px; margin-top: 10px; }
.lightBoxForm .buttonContainer .submitButton { float: right; margin: 3px 10px 0 0; }
.lightBoxForm .inputBox        { padding: 6px; }
.lightBoxForm .inputBox label { width: 60px; display:block; float: left; text-align: right; line-height: 28px;}
.lightBoxForm .inputBox input { border: none; background: url(../img/backgrounds/input.png) no-repeat; width: 254px; height: 28px; padding: 5px 0 0 5px; float: left; }
.lightBoxForm .error-message { font-weight: bold; padding-left: 150px; float: left; color: #333; }

.homeContainer { }
.homeContainer .leftSection { float: left; width: 640px;  height: 300px; padding: 10px; }
.homeContainer .rightSection { float: right; width: 305px; background-color: #e5e4e4;  height: 300px; padding: 10px; }
.homeContainer p { font-size: 13px; line-height: 17px; padding: 5px 0; }

h2.welcome  { background: url(../img/backgrounds/W.png) no-repeat; padding: 0 0 0 52px; line-height: 51px; height: 51px; text-align: left; font-size: 18px; font-weight: bold; font-family: arial; }
h2.free     { background: url(../img/backgrounds/F.png) no-repeat; padding: 0 0 0 55px; line-height: 51px; height: 51px; text-align: left; font-size: 18px; font-weight: bold; font-family: arial; }

.layout1 { padding: 20px 0; }
.layout1 .leftSection { float: left; width: 640px; padding: 10px; }
.layout1 .rightSection { float: right; width: 305px; background-color: #e5e4e4; padding: 20px 10px;  }
.layout1 .leftSection .fileInput { padding: 15px 0;  }
.layout1 .leftSection .fileInput .label { float: left; width: 100px; }
.layout1 .leftSection .fileInput input,
.layout1 .leftSection .fileInput textarea { float: left; width: 300px;}
.layout1 h1 { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #333; font-size: 24px; }
.layout1 h1.downloads { padding-top: 30px; }
.layout1 .buttonContainer { background: url(../img/backgrounds/blackStrip.png) no-repeat; height: 32px;  margin-top: 10px; padding: 3px 0 0  100px; }
.layout1 h2 { font-size: 16px; padding: 0 0 10px 0; font-weight: bold; }
.layout1 .seperator { border-bottom:1px solid #333333; margin: 20px 0; height: 1px;}
.layout1 .thirdParty { padding: 0 0 10px 0; font-size: 13px; line-height: 18px; }

.dashboard { width: 640px; }
.dashboard th { font-size: 14px; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #666;  }
.dashboard td {  line-height: 30px; height: 30px;  }
.dashboard tr.alternate { background: #E5E4E4; }

.tipList li { font-size: 14px; padding: 5px 0; }

#authMessage { border-top: 1px solid red; border-bottom: 1px solid red; padding: 5px; text-align: center; font-weight: bold; margin: 10px 0; }
#flashMessage { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px; text-align: center; font-weight: bold; font-size: 14px; margin: 10px 0; }
.error-message { color: red; font-weight: bold;}
#inPageForm { margin: 0 10px; }
#inPageForm div { padding: 5px 0; }
#inPageForm label { padding-right: 10px; }