/*************************************************************************************\
 *                                                                                   *
 *        TITLE:  Default Style Sheet                                                *
 *       CLIENT:  Arab Horse Market                                                *
 *  TARGET SPEC:  CSS 2                                                              *
 *     MODIFIED:  2010.06.1                                                         *
 *    AUTHOR(S):  Susan Ferguson-Wheeler / NetMediaOne - www.netmediaone.com         *
 *                                                                                   *
\*************************************************************************************/

/* Reset and default styles applied to multiple elements */
a, aside, body, dd, div, dl, dt, embed, footer, form, header, h1, h2, h3, html, iframe, input, li, img, nav, 
object, section, select, table, td, textarea { border: 0px; padding: 0px; margin: 0px; outline: none; }
embed, form, iframe, object, header { display: block; }
p.first-child, h2.first-child, h3.first-child, h4.first-child, .offset-first-child { margin-top: 0px !important; }
a, a:visited { font-weight: normal; color: #0066cc; text-decoration: none; cursor: pointer; }
a:hover, a:visited:hover { color: #0066cc; text-decoration: underline; cursor: pointer; }


html { background: url("../images/bg_html.gif") top center; height: 100%; }

body { 
	background: url("../images/bg_body.png") top center repeat-y; 
	min-width: 970px; 
	min-height: 100%;
	font: normal 12px/1.67 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

h1 {
	font: normal 24px/1 Georgia, "Times New Roman", Times, serif;
	margin: 20px 0px 20px 0px;
	color: #07608c;
	padding: 0px; 
}

h2 {
	font: normal 20px/1.2 Georgia, "Times New Roman", Times, serif;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	color: #07608c;
}

h2.first-child { margin-top: 0px; }
object, embed {
	position: relative;
	z-index: 1;
}
.rounded-content h2 { 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	background: url("../images/bg_chart_blue.gif") top left repeat-x; 
	padding: 8px 10px 8px 10px;
	text-align: left;
	position: relative; 
	margin-top: 0px;
}
.rounded-content h2 span {
	float: right;
}
.rounded-content h2 span a, .rounded-content h2 span a:visited {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
}
.rounded-content h2 span a:hover, .rounded-content h2 span a:hover:visited {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
}


h3 {
	font: normal 16px/1.5 Georgia, "Times New Roman", Times, serif;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #07608c;
}

h4 {
	font: bold 14px/1.5 Georgia, "Times New Roman", Times, serif;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #000;
}

 
p { margin: 10px 0px 10px 0px; text-align: left; }
p.last-child { margin-bottom: 0px; }
p.first-child { margin-top: 0px; }

table { font: inherit; border-collapse: collapse; border-spacing: 0px; }

ul { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; }

li { margin: 0px; padding: 0px 0px 0px 10px; background: url("../images/bullet_square.gif") left .7em no-repeat; }


/*************************************************************************************\
 *                                                                                   *
 *  CUSTOM CLASSES 																     *
 *                                                                                   *
\*************************************************************************************/

.banded-list { margin: 0px 0px 30px 0px; padding: 0px; list-style: none; background: url("../images/sep_listings.gif") top left repeat-x; }
.banded-list li { padding: 20px 0px 20px 0px; background: url("../images/sep_listings.gif") bottom left repeat-x; }
.banded-list li h3 { margin: 0px; }

.bordered { border: 1px solid #ccc18f; padding: 9px; background: #fff; }

.buttons, .buttons-two { list-style-type: none; margin: 0px; padding: 0px; }
.buttons li {text-align: center; background-color: #07608c; float: left;  margin: 0px 0px 0px 10px; padding: 0px;}
	.buttons li a {color: #fff;}
.buttons li.first-child, .buttons-two li.first-child { margin-left: 0px; }
.buttons-two li { background: none; float: left; padding: 0px; margin: 0px 0px 0px 20px; }

.center { display: block; margin: 10px auto 10px auto; }

.chart { margin: 0px; padding: 0px; border-bottom: 1px solid #ccc18f; width: 100%; }
.chart .table-title { 
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	background: url("../images/bg_chart_blue.gif") top left repeat-x; 
	padding: 8px 0px 8px 10px;
	text-align: left;
}
.chart thead th { 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	background: url("../images/bg_chart_green.gif") top left repeat-x; 
	padding: 8px 10px 8px 10px;
	text-align: center;
}
	.chart thead th a {color: #fff;}
.chart th.col-registered, .chart th.col-discipline, .chart th.col-aha { text-align: left; }
.chart .gap { height: 2px; background: #ffffff; padding: 0px; }
.chart td, .chart tbody th { border-top: 1px solid #ccc18f; padding: 15px 10px 15px 10px; text-align: left; }
.chart td.col-thumbnail { text-align: center; width: 120px; font-size: 10px; }
.chart div.picture {border-color: #ccc18f; max-height: 120px; min-height: 90px; width: 120px; background-color: #fff;}
	.chart div.picture * {vertical-align: bottom;}
.chart td.col-discipline { width: 160px; }
.chart td.col-price { text-align: right; }
.chart th.col-registered {width: 120px;}
.chart tbody th { 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #07608c;
	background-image: none;
}
.entry .chart th, .entry .chart td { padding: 10px; }
.sortable a, .sortable a:visited, .sortable a:hover, .sortable a:visited:hover {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-decoration: none; 
	background: url("../images/arrow_sort.gif") right .4em no-repeat;
	padding-right: 25px; 
}
.cleared { overflow: auto; }

.column { display: inline; float: left; }

.dotted td, .dotted tbody th { background: url("../images/dotted.gif") bottom left repeat-x; padding: 15px 10px 15px 10px; text-align: left; border: 0px; }
.dotted { border-bottom: 0px; }

.entry#content-section .col1 { width: 520px; }
.entry#content-section .col2 { width: 420px; margin-left: 20px; background-color: #ffffff; border: 0px; padding: 0px; }

.entry .buttons { margin: 20px 0px 20px 0px; height: 25px; }
.entry .buttons li img { display: block; }

.failed-validation { border-color: #c00 !important; background: #FFCCCC !important; }

div.file-input-wrapper { position: relative; }
div.file-input-shim {	position: absolute;	top: -5px;	left: 0px; z-index: 1; }
div.file-input-shim input { width: 170px !important; margin-right: 5px; }
div.file-input-shim img { position: relative; display: inline-block; top: 5px; }
div.file-input-wrapper input.file {
  position: relative;
  text-align: right;
  -moz-opacity: 0;
  filter: alpha(opacity: 0);
  opacity: 0;
  z-index: 2;
  width: 248px;
}

.left { display: inline; float: left; margin: 5px 20px 5px 0px; }

.right { display: inline; float: right; margin: 5px 0px 10px 20px; }

.feature-block { border-top: 3px solid #ccc18f; margin: 25px 0px 20px 0px; }
.feature-block.pricing { margin: 20px 0px 20px 0px; }
.feature-block h2 { margin: 5px 0px 25px 0px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #ccc18f; } 
.feature-block li { background: url("../images/bullet_square_blue.gif") left .7em no-repeat; }
div.feature-block .col1 { width: 150px; padding: 0px; margin: 0px; }
div.feature-block .col2 { width: 490px; margin-left: 30px; background-color: none; border: 0px; padding: 0px; }
div.feature-block .col1 ul { margin-top: 0px; font-weight: bold; color: #07608c; }
.feature-block .buttons-two { margin-top: 25px; }

.link-blend, .link-blend:visited { text-decoration: none; color: #000; }
.link-blend:hover, .link-blend:hover:visited { text-decoration: none !important; color: #000; }  

.listings { margin-top: 5px; background: url("../images/sep_listings.gif") top left repeat-x; font-size: 10px; line-height: 2; }
.listings td { padding: 15px 0px 17px 0px; background: url("../images/sep_listings.gif") bottom left repeat-x; vertical-align: center; }
.listings td.first-child { padding-right: 15px; }
.listings td span { 
	font: normal 20px/1 Georgia, "Times New Roman", Times, serif;
	color: #07608c;
}
.listings td a { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #06c; text-decoration: none; }
.listings img { display: block; }

.page-home .col1 { width: 590px; padding: 29px 29px 24px 29px; background-color: #f0ecdd; border: 1px solid #ccc18f; }
.page-home .col2 { width: 280px; margin-left: 30px; }

.page-sub .col1 { width: 200px; }
.page-sub .col2 { width: 670px; margin-left: 30px; background-color: #f0ecdd; border: 1px solid #ccc18f; padding: 29px; }

.pagination { margin: 15px 0px 5px 0px; padding: 0px; text-align: center; }
.pagination a { 
	font-size: 11px; 
  display: inline-block; 
  border: 1px solid #ccc18f; 
  background-color: #f0ecdd; 
  padding: 2px 8px 2px 8px;
  margin: 0px 1px 0px 0px; 
}
.pagination a.active { background: white; color: #704a24; font-weight: bold; }
.pagination a.first-child, .pagination a.last-child { border: 0px; background: none; padding: 0px; line-height: 0; }
.pagination img {
  display:inline;
  position:relative;
  top:-1px;
  vertical-align:middle;
}

.striped tbody tr:nth-child(odd), .striped tbody .odd td, .striped tbody .odd th { background-color: #f0ecdd; }
.striped tbody tr:nth-child(even), .striped tbody .even td, .striped tbody .even th { background-color: #fff; }

.text-box, .file-input-shim input { background: #fff; border: 1px solid #ccc18f; width: 248px; padding: 3px 0px 3px 2px; }

.thumbnail-container { overflow: hidden; text-align: center;}

.thumbnails { margin: 5px 0px 5px 0px; padding: 0px; text-align: center; border-spacing: 5px; border-collapse: separate; }
.thumbnails td { border: 1px solid #ccc18f; height: 78px; width: 78px; vertical-align: middle; }
.thumbnails td img { margin: 0px auto 0px auto; display: block; }

.entry table.thumbnails { width: 430px; position: relative; left: -5px; z-index: 5; }

.validation-error-message { color: #c00; font-size: 85%; display: block; }
.validation-error-summary { border: 1px solid #c00; background: #fcc; padding: 5px; font-size: 85%; }

/*************************************************************************************\
 *                                                                                   *
 *  PAGE LAYOUT ELEMENTS (arranged in alphabetical order)                 				   *
 *                                                                                   *
\*************************************************************************************/


#banner-section { position: relative; margin-top: 23px; height: 24px; }
#banner-section h1 {
	margin: 0px;
	padding: 0px 0px 1px 25px;
	background: url("../images/bg_hdr_star.gif") left 50% no-repeat;
	float: right; 
}

#breadcrumbs { 
	margin: 30px 0px 0px 0px; 
	padding: 0px; 
	text-align: left;
}
#breadcrumbs ul { list-style: none; margin: 0px; display: inline; }
#breadcrumbs li { background: url("../images/double_arrows.gif") right .4em no-repeat; display: inline; padding: 0; }
#breadcrumbs li.first-child { padding-left: 0px; }
#breadcrumbs li.active { background: none; }
#breadcrumbs li.active a { font-weight: bold; color: #000000; }

#content-section { margin: 29px 0px 30px 0px; }
.page-home #content-section { margin-top: 27px; }
.rounded-content#content-section { 
	background: url("../images/bg_contentsection.gif") top center no-repeat; 
	margin-bottom: 0px;
	padding: 6px 0px 10px 0px;
}
#content-section.register { background-color: #f0ecdd; border: 1px solid #ccc18f; padding: 29px 29px 0px 29px; }
.register table td { padding: 0px 0px 20px 0px; }
.register table td.first-child { width: 380px; text-align: right; padding-right: 20px; }
.register .select-box { background: #fff; border: 1px solid #ccc18f; width: 248px; padding: 3px 0px 3px 2px; }
.register label { font: normal 12px/1.67 Verdana, Arial, Helvetica, sans-serif; color: #000000; }


#content-features .col1 { width: 350px; padding: 23px 0px 0px 0px; border: 0px; margin: 0px; }
#content-features .col1 p { margin-top: 20px; }
#content-features .col2 { width: 210px; margin-left: 30px; padding: 23px 0px 0px 0px; }

#footer-section { 
	padding-top: 34px; 
	background: url("../images/sep_footer.gif") top left repeat-x;
	font: normal 10px/2 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#footer-section a, #footer-section a:visited { text-decoration: none; }
#footer-section a:hover, #footer-section a:visited:hover { text-decoration: underline; }
#footer-section .col1 { 
	width: 395px; 
	border-right: 1px solid #e5e0c7; 
	background: none; 
	border-top: 0px; 
	border-bottom: 0px; 
	border-left: 0px; 
	padding: 0px 19px 0px 0px; 

}
#footer-section .col2 { width: 189px; border-right: 1px solid #e5e0c7; margin-left: 20px; background: none; border-top: 0px; border-bottom: 0px; border-left: 0px; padding: 0px; }
#footer-section .col3 { width: 139px; border-right: 1px solid #e5e0c7; margin-left: 20px; background: none; }
#footer-section .col4 { width: 154px; margin-left: 20px; background: none; }
#footer-section ul { list-style: none; margin: 0px; padding: 0px; }
#footer-section ul li { background: none; margin: 0px; padding: 0px; }
.rounded-content #footer-section { background: url("../images/bg_footersection_rounded.gif") top center no-repeat; }

#img-header { display: block; margin: 0px auto 0px auto; }
#img-logo { position: absolute; top: 0px; left: 20px; }

#layout-wrapper { width: 960px; margin: 0px auto 0px auto; padding-bottom: 30px; }

#nav-main { position: absolute; top: 53px; left: 150px; line-height: 0; }
#nav-main ul { margin: 0px; padding: 0px; list-style: none; height: 54px; }
#nav-main li { margin: 0px; float: left; background: url("../images/nav_sep.gif") top right no-repeat; padding: 0px; }
#nav-main li a { display: block; padding: 21px 21px 21px 19px; }
#nav-main li.first-child a { padding-left: 20px; }
#nav-main li.active a { background: url("../images/active_arrow.gif") bottom center no-repeat; }

#search-box { position: absolute; top: 67px; right: 16px; } 
#search-box input {
  display: inline;
  float: left; 
}
#search-box .text-box { 
	background: url("../images/bg_search_box.gif") no-repeat;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #004466;
	padding: 7px 7px 9px 7px;
	border: 0px; 
	height: 12px; 
	width: 120px;
	margin: 0px;
}

#subnav-section { 
	background-color: #f0ecdd; 
	margin: 7px 0px 0px 0px; 
	padding: 9px 14px 9px 200px; 
	border: 1px solid #ccc18f; 
	text-align: right;
}

#subnav-section ul { list-style: none; margin: 0px; display: inline; }
#subnav-section li { background: none; display: inline; letter-spacing: .35em; }
#subnav-section li a { letter-spacing: normal; }
#subnav-section li.active a { font-weight: bold; color: #000000; }

#top-section { height: 113px; background: url("../images/bg_topsection.png") bottom center no-repeat; position: relative; }
#top-buttons { list-style: none; position: absolute; top: 15px; right: 0px; margin: 0px; padding: 0px; }
#top-buttons li { float: left; padding: 0px 0px 0px 10px; margin: 0px; background: none; }
#top-buttons li.first-child { padding-right: 9px; }
#top-buttons li a { text-decoration: underline; }
#top-buttons .sep { padding-left: 15px; padding-right: 5px; margin-left: 5px; border-left: 1px solid #ccc18f; }