/*  ELEMENTS */

* {
	margin: 						0px;
}

a,p,td {
	font: 							light 1.0em trebuchet, sans-serif;	
}

a img {
	border:							none;	
}

body {
	background-color: 				#e8dfa7;
	height: 						100%;	
	margin: 						0px;
	padding: 						0px;
}

html {
	background-color: 				#e8dfa7;
	height: 						100%;
	margin: 						0px;
	overflow-y:						auto;
	padding: 						0px;
	width: 							100%;
}

/*  END ELEMENTS */


/*  CLASS STYLES */

a.links, div.Panel a, table.data td a {
	color:							#a33232;	
	text-decoration: 				none;
}

a.links:hover, div.Panel a:hover, table.data td a:hover {
	text-decoration: 				underline;	
}

div.footer {
	background-color:				#ccc0a3; 
	height: 						50px;	
}

div.Header {
	height: 						121px;
}

div.HelpPanel, div.HorsePanel, div.ProductPanel, div.ProfilePanel, div.RanchPanel, div.YouTubePanel {
	background-repeat:				no-repeat;
	background-position: 			bottom right;
}

div.HelpPanel {
	background-image:				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/icons/help.gif);	
}

div.HorsePanel {
	background-image:				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/icons/horse.gif);	
}

div.LoginSplash {
}

div.LoginWrapper {
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/login/splash.jpg);
	background-position: 			top;
	background-repeat: 				repeat-x;
	height:							100%;
	width: 							100%;	
}

div.Panel {
	background-color:				#e2daba;
	border:							1px	solid #745323;
	color:							#a33232;
	margin-bottom:					20px;
	text-align: 					left;
	text-indent: 					20px;
}

div.ProductPanel {
	background-image:				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/icons/brand.gif);	
}

div.ProfilePanel {
	background-image:				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/icons/profile.gif);	
}

div.RanchPanel {
	background-image:				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/icons/farm.gif);	
}

div.RegistrationForm {
	border:							1px solid #745323;	
}

div.RegistrationForm div.legend {
	background-color:				#a4997f;
	border:							none;
	color:							#f1edc9;
	font-size:						18px;
	line-height:					40px;
	text-align:						left;
	text-indent: 					10px;
}

div.RegistrationForm div.label {
	background-color:				#d7cbae;
	color:							#a33232;
	display:						block;
	height:							40px;
	line-height:					40px;
}

div.RegistrationForm div.row {
	background-color:				#ccc0a3;	
	border-top:						1px solid #f1edc9;
}

div.RegistrationForm div.label span {
	margin-right:					20px;	
}

div.RegistrationForm div.input {
	display:						block;
	height:							40px;
}

div.RegistrationForm div.submit {
	background-color:				#e2daba;
	border-top:						1px solid #f1edc9;
}

div.RegistrationForm input.text {
	background-color:				#fffce4;
	color:							#ae9965;
	margin-top:						8px;	
	width: 							240px;
}

div.RegistrationForm textarea.text {
	background-color:				#fffce4;
	color:							#ae9965;
	margin-top:						8px;	
	width: 							240px;
	height: 						60px;	
}

div.RegistrationForm select, div.RegistrationForm input.checkbox, div.RegistrationForm input.fileUploader {
	margin-top:						12px;	
}

div.RegistrationForm select {
	width: 							240px;	
}

div.RegistrationHeader {
	background-color: 				#caad69;
	width:							100%;
}

div.RegistrationProgressBar {
	background-color:				#e8dfa7;
	border-bottom:					1px solid #caad69;
	border-top:						1px solid #745323;
	height:							65px;
	width: 							100%;	
}

div.RegistrationProgressBar img {
}

div.SignInForm {
	background-color:				#caad69;	
	border:							4px solid #745323;
	margin-top: 					60px;
}

div.SignInForm fieldset {
	border:							none;	
}

div.SignInForm fieldset legend {
	padding:						6px 0px 0px 0px;
	text-align: 					left;
	width:							100%;	
}

div.SignInForm input.text {
	background-color:				#f1edc9;
	color:							#747474;
	width:							265px;	
}

div.TabPanel {
	background-color:				#968c74; 
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/tabnav/bgSelected.gif); /* set unselected tab background color as desired */
	background-repeat:				repeat-x;
	background-repeat:				repeat-x;
	border: 						1px solid #775727;
}

div.TabPanelContainer {
	padding: 						20px 0px;	
}

div.TopContainer {
	background-color:				#f1edc9;
	background-image:				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/header/bg.gif);	
	background-repeat: 				repeat-x;
	min-height: 					100%;
	height: 						auto !important;
	height: 						100%;
	margin: 						0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

div.YouTubePanel {
	background-image:				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/icons/youTube.gif);	
}

span.header {
	color:							#a33232;
	font-size: 						24px;
	position: 						relative;
	top:							80px;
}

span.PanelHeader {
	background-color:				#a4997f;
	border:							none;
	border-bottom:					1px solid #f1edc9;
	color:							#f1edc9;
	display:						block;
	font-size:						16px;
	line-height:					30px;
	height:							30px;
	text-align:						left;
	text-indent: 					10px;
	width: 							100%;
}

span.redText {
	color:							#a33232;	
}

span.RegistrationHeader {
	color:							#745323;
	font-size: 						40px;	
}

table.data {
	border: 						1px solid #7e6032;	
}

table.data th {
	background-color:				#a4997f;
	background-image:				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/site/tableHeaderDivider.gif);
	background-repeat:				no-repeat;
	background-position:			center right;
	color:							#000000;
	font-size: 						1.1em;
	text-align: 					center;
}

table.data th.lastColumn {
	background-image:				none;	
}

table.data tr.odd td {
	background-color:				#ccc0a3;
	color:							#745323;	
}

table.data tr.even td {
	background-color:				#e2daba;
	color:							#745323;	
}

table.data td.center {
	text-align:						center;
}

ul#tabnav { /* general settings */
	border-bottom: 					1px solid #775727;
	display							block;
	font: 							bold 1.0em trebuchet, sans-serif; /* set font as desired */
	height:							28px;
	list-style-type: 				none;
	margin: 						0px; /* set margins as desired */
	padding: 						0px; /* THIRD number must change with respect to padding-top (X) below */
	text-align: 					center; /* set to left, right or center */
}

ul#tabnav li { /* do not change */
	display: 						inline;
	float: 							left;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
	background-color: 				#fff; /* set background color to match above border color */
	border-bottom: 					1px solid #fff; /* set border color to page background color */
}

div.tabnav {
}

ul#tabnav li a { /* settings for all tab links */
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/tabnav/bg.gif); /* set unselected tab background color as desired */
	background-repeat:				repeat-x;
	border-right:					1px solid #775727; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	border-bottom:					none;
	color: 							#f1edc9; /* set unselected tab link color as desired */
	display:						block;
	line-height:					28px;
	height:							28px;
	width:							150px;
	padding: 						0px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	margin-right: 					0px; /* set additional spacing between tabs as desired */
	text-decoration: 				none;
}

ul#tabnav li a.selected { /* settings for selected tab link */
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/tabnav/bgRolled.gif); /* set unselected tab background color as desired */
	background-repeat:				repeat-x;
	border-bottom:					1px solid #968c74;
	color:							#000;
}

ul#tabnav a:hover { /* settings for hover effect */
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/tabnav/bgRolled.gif); /* set unselected tab background color as desired */
	background-repeat:				repeat-x;
	color:							#000;
}			

/* END CLASS STYLES */


/* ID STYLES */

div#Footer, div#FooterPush {
	height:							50px;	
}

div#Footer {
	height:							50px;	
	width:							100%;
}

div#Footer ul {
	height:							50px;
	list-style-type: 				none;
	margin:							0px;
	padding:						0px;
}

div#Footer li {
	color:							white;
	display: 						inline;	
	margin: 						0px;
	padding: 						0px 10px;
}

div#Footer li span {
	bottom:							15px;
	position:						relative;
}

div#MainNavigation {
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/navigation/normal.gif);
	background-repeat:	 			repeat-x;
	height:							30px;
	padding: 						0px;
	margin: 						0px 0px 0px 0px;
}

div#MainNavigation ul {
	list-style-type: 				none;
	margin: 						0px;
	padding: 						0px;
}

div#MainNavigation li {
	float: 							left;
	list-style: 					none;
	margin: 						0px;
	padding: 						0px;
}		

div#MainNavigation a {
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/navigation/normal.gif);
	background-repeat: 				repeat-x;
	border-right: 					1px solid #f1edc9;
	color: 							#f1edc9;
	display: 						block;
	font-size: 						1.0em;
	height: 						30px;
	line-height: 					30px;
	margin:	 						0px;
	padding: 						0px 40px;
	text-decoration: 				none;
}

div#MainNavigation a.nav-border-right {
	border-right: 					none;
}

div#MainNavigation li a:hover {
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/navigation/rolled.gif);
	color: 							#000000;
}

div#MainNavigation li a:active {
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/navigation/pressed.gif);
	color: 							#000000;
}

div#MainNavigation li a.active {
	background-image: 				url(/WebObjects/HPMemberPortal.woa/Contents/WebServerResources/images/navigation/active.gif);
	background-repeat: 				repeat-x;
	color: 							#fff;
}

div#PortalOverlay {
	background-color: 				#000; 
	cursor: 						pointer;
	left: 							0;
	position: 						absolute;
	width:							100%;
	z-index:						100;
}

div#PortalWindow {
	background-color:				#e8dfa7;
	background-repeat:				no-repeat;
	border:							4px solid #745323;
	opacity:						1.0;
}

div#SideBar {
	background-color:				#a4997f;	
}

div#SideBar ul {
	list-style-type:				none; 
	margin:							0px 0px 20px 0px;
	padding: 						0px; 
	width: 							100%; 
}

div#SideBar li {
	margin-bottom: 					5px;
	text-align: 					left; 
	width: 							100%;
}

div#SideBar li.title {
	background-color:				#726a57;
	border-top:						1px solid #f1edc9;
	border-bottom:					1px solid #f1edc9;
	color: 							#f1edc9;
	display: 						block; 
	font-size: 						1.3em; 
	margin-bottom: 					20px;
	padding: 						3px 0px;
	text-indent: 					15px;
	text-transform: 				uppercase; 
}

div#SideBar li a {
	color:							#745323;
	display: 						block; 
	font-size: 						1.1em; 
	padding: 						5px 0px;
	text-decoration: 				none; 
	text-indent:	 				25px;
}

div#SideBar li a:hover {
	background-color:				#a96f3e;
	color:							#f1edc9;	
}

div#SideBar li a.selected, div#SideBar li a.selected:hover {
	background-color:				#f1edc9;
	color:							#a96f3e;	
}

/* END ID STYLES */