@charset "utf-8";

* { margin:0; padding:0; }

body {
    background:url(../_images/OrangeBG.jpg) #666666;
    font-family:'Trebuchet MS', Helvetica, sans-serif;
    font-size:11pt;
    color:black;
}

img { border:0px; }

p { margin-bottom:20px; }

a { text-decoration:none; color:maroon; outline:none; }
a:hover { text-decoration:underline; }
a:active { color:maroon; }

h1 { text-align:center; font-size:20pt; line-height:85%; margin-bottom:8px; }
h2 { font-size:16pt; line-height:85%; margin-bottom:2px; }
h3 { font-size:12pt; }
h4 { font-size:10pt; }
h5 { text-align:center; margin-bottom:5px; }
h6 { font-size:5pt; font-weight:normal; text-align:right; }
hr { clear:both; visibility:hidden; }

/* Form Inputs */
.inputButton {
    padding:0px 5px; background-color:#d83;
    border-top:solid 2px #FC6; border-left:solid 2px #FA6;
    border-bottom:solid 2px #850; border-right:solid 2px #850;
    color:white; font-weight:bold; font-family:'Trebuchet MS', Helvetica, sans-serif;
}
.inputButton:hover {
    color:black;
    border-bottom:solid 2px #FC6; border-right:solid 2px #FA6;
    border-top:solid 2px #850; border-left:solid 2px #850;
}

.loader {
    margin:30% auto 0px auto; width:220px; height:19px;
    background:url(/_images/ajax-loader.gif);
}

.dateSelect { background:url(/_images/iconCalendar.gif) no-repeat top right white; border:1px solid gray; padding:1px; }

/* Header */
#header {
    height:85px; overflow:hidden;
    background:url(../_images/DarkBrownBG.jpg);
    border-bottom:solid 2px black;
}
#header ul { list-style:none; }
#header li { display:inline; padding:0px 0px 0px 20px; }
#header a { color:white; }
#header a:hover { color:#FF9; text-decoration:none; }
#header a:active { color:white; }
#headerContent { margin:auto; }
#headerContent img { float:left; }
#headerContent div { float:right; }
#headerLogo { padding-top:10px; }
#headerMenu {
    clear:right; width:600px; height:21px; padding:3px; overflow:hidden;
    background:url(../_images/BlackMenuBar.png);
    color:white; font-size:13pt; font-weight:bold; text-align:center;
}
#headerMenuContent {
    clear:right; width:680px; height:21px; padding:3px; overflow:hidden;
    background:url(../_images/BlackMenuBar.png);
    color:white; font-size:11pt; font-weight:bold; text-align:center;
}
#headerMenuSub {
    padding-top:0px; height:40px; overflow:hidden;
    background:url(../_images/SubMenuBar.png) repeat-x;
    text-align:center; font-size:14pt;
}
#headerMenuSub ul { list-style:none; }
#headerMenuSub li { display:inline; padding:0px 15px; }
#headerMenuSub li.bold { font-weight:bold; }
#headerMenuSub a { color:black; }
#headerMenuSub a:hover { color:black; text-decoration:underline; }
#headerMenuSub a:active { color:black; }
#headerMenuSub span { font-size:8pt; vertical-align:top; }

#buttonMenu {
    margin:5px auto; padding-left:5px; width:945px; font-size:14pt;
}
#buttonMenu ul { list-style:none; margin:auto; padding:0px; text-align:center; }
#buttonMenu li { display:inline; }
#buttonMenu a { float:left; display:block; margin:auto; padding-top:8px; width:186px; height:47px;
     background:url(../_images/ButtonWhite2Yellow.png) no-repeat; }
#buttonMenu a.bold { font-weight:bold; color:black; }
#buttonMenu a:hover { color:black; text-decoration:underline; }
#buttonMenu a:active { color:black; }
#buttonMenu span { font-size:8pt; vertical-align:top; }

/* Homepage Content */
#homepageContent { background:url(../_images/OrangeHorsesBG.gif) 100% 155px no-repeat; }
#homepageContentInner { margin:auto; width:950px; }
#homepageContentFlash {
    float:left;
    margin:10px 5px 10px 0px;
    width:585px;
}
#homepageContentLogin {
    float:right;
    margin:10px 0px 10px 5px; padding:10px 20px;
    width:310px; height:305px;
    background:url(../_images/WhiteFadeBG_350x265.png) no-repeat;
    text-align:right;
}
#homepageContentLogin input { width:150px; }

/* Content */
#content {
    padding:0px 40px;
    background:url(../_images/OrangeHorsesBG.gif) bottom right no-repeat;
}

/* Footer */
#footer {
    clear:both;
    height:250px;
    background:url(../_images/DarkBrownBG.jpg);
}
#footerContent {
    margin:auto; width:950px; padding-top:10px;
    color:white; font-size:8pt;
}
#footerContent div {
    margin-left:1px; padding:0px 10px; float:left; width:130px; height:100px;
    border-left:solid thin #753; border-right:solid thin #753;
}
#footerContent div h1 { font-size:10pt; text-align:left; }
#footerContent div ul { margin-left:15px; list-style-type:circle; }
#footerContent div li { margin:-4px 0px; }
#footer a { color:white; }
#footer a:hover { color:#FF9; text-decoration:underline; }
#footer a:active { color:white; }

#copyright { margin-top:20px; text-align:center; color:white; font-size:8pt; font-style:italic; }

/* Frame */
div.frame {
    margin:0px 0px 15px 0px; padding-bottom:5px;
    background:url(../_images/FrameShadow.png) bottom repeat-x;
}
div.frame h1 {
    margin:0px; padding:8px 0px 0px 20px; height:23px; overflow:hidden;
    border-right:solid 1px white; background:url(../_images/FrameBarWide.png);
    font-size:14pt; font-weight:bold; color:white; text-align:left;
}
div.frame h1 img { margin:-2px 0px 0px -5px; vertical-align:middle; }
div.frame h2 {
    margin:0px; padding:6px 0px 0px 20px; height:16px; overflow:hidden;
    border-right:solid 1px white; background:url(../_images/FrameBarThin.png);
    font-size:10pt; font-weight:bold; color:white; text-align:left;
}
div.frameContent {
    padding:4px; border:solid 1px white; overflow:hidden;
    background:url(../_images/WhitePaisleyBG.png);
}
ul.frameMenuSub {
    margin:-4px; padding-top:2px; height:35px; overflow:hidden;
    background:url(../_images/SubMenuBar.png) repeat-x;
    text-align:left; list-style:none;
}
ul.frameMenuSub li { display:inline; padding:0px 15px; }
ul.frameMenuSub li.bold { font-weight:bold; }
ul.frameMenuSub a { color:black; }
ul.frameMenuSub a:hover { color:black; text-decoration:underline; }
ul.frameMenuSub a:active { color:black; }
div.frameInner {
    border:2px solid #DDA; margin:5px 0px; padding:5px; overflow:hidden;
}
div.frameInner h1, div.frameInner h2 {
    margin:-3px -3px 5px -3px; padding:2px 2px 0px 2px; border:none;
    background:url(../_images/WhitePaisleyBG.png); color:black; line-height:100%;
}
p.moreLink {
    margin:0px; padding:0px; text-align:right;
}

/* Liquid Thumbs */
div.floatingVideoThumb {
    overflow:hidden; float:left; margin:5px; padding:5px; width:127px; height:140px;
    background-color:white; border:solid 2px #CC9; border-top:solid 5px #C00; text-align:left; cursor:pointer;
}
div.floatingVideoThumb:hover { border:solid 2px black; border-top:solid 5px black; }
div.floatingVideoThumb img { margin:0px; padding:0px; width:127px; height:96px; }
div.floatingVideoThumb h1 {
    border:none; margin:0px; padding:0px; overflow:hidden; background:none;
    color:black; font-size:9pt; height:32px; font-weight:normal;
}
div.floatingVideoThumb h2 {
    border:none; background:none; margin:-100px 0px 2px 0px; padding:0px; width:130px; height:97px;
}
div.floatingVideoThumb h3 {
    border:none; background:none; margin:0px; padding:0px; width:130px; height:10px;
    text-align:right; font-size:8pt;
}

/* Liquid Thumbs */
div.floatingAdThumb {
    overflow:hidden; float:left; margin:5px; padding:5px; width:120px; height:140px;
    background-color:white; border:solid 2px #CC9; border-top:solid 5px orange; text-align:left; cursor:pointer;
}
div.floatingAdThumb:hover { border:solid 2px black; border-top:solid 5px black; }
div.floatingAdThumb div {
    margin:0px; padding:0px; width:120px; height:80px; font-size:1pt; text-align:center;
    overflow:hidden; background-image:url(../_images/NoThumbAvailable.jpg);
}
div.floatingAdThumb img { margin:0px; padding:0px; width:120px; }
div.floatingAdThumb h1 {
    border:none; background:none; margin:0px; padding:0px; overflow:hidden;
    color:black; font-size:10pt; height:42px; font-weight:normal;
}
div.floatingAdThumb h2 {
    border:none; background:none; margin:-5px 0px 0px 0px; padding:0px; height:12px;
    color:black; font-size:7pt; text-align:center; overflow:hidden;
}
div.floatingAdThumb h3 {
    border:none; background:none; margin:0px; padding:0px; height:30px;
    color:black; font-size:10pt; text-align:right; overflow:hidden;
}
div.horses-for-sale {
    border-top:solid 5px #F90;
}
div.stallions-for-sale {
    border-top:solid 5px #FF0;
}
div.trucks-for-sale {
    border-top:solid 5px #666;
}
div.trailers-for-sale {
    border-top:solid 5px #CCC;
}
div.equine-products-for-sale {
    border-top:solid 5px #6F0;
}
div.properties-for-sale {
    border-top:solid 5px #F96;
}
div.services {
    border-top:solid 5px #6F6; width:230px; height:80px; margin-bottom:25px;
}
div.services div {
    float:left; margin-right:5px;
}

/* Add Popup */
div#addPopup {
    position:absolute; padding:10px; width:320px; height:350px; background-color:#333; display:none;
    border:solid 2px #666; border-right:solid 2px black; border-bottom:solid 2px black;
}
div#addPopup h1 { margin:0px; color:white; text-align:left; font-size:11pt; }
div#addPopup h2 { margin:0px; color:white; text-align:right; font-size:9pt; }
div#addPopup p { margin:5px 0px; height:70px; color:white; text-align:left; font-size:9pt; line-height:100%; overflow:hidden; }
div#addPopup div { width:320px; height:250px; overflow:hidden; }

/* List Column in Five Rows */
ul.ulColumns { list-style:none; font-size:10pt; }
ul.ulColumns li { float:left; display:block; width:25%; padding:0px; height:22px; }
ul.ulColumns li span { font-size:8pt; vertical-align:top; }
ul.ulColumns a { color:black; }
ul.ulColumns a:hover { color:black; text-decoration:underline; }
ul.ulColumns a:active { color:black; }

/* Search Box */
.searchBox {
    vertical-align:text-top; width:150px; height:14px; padding:3px 5px;
    border:none; background:url(../_images/SearchBox.png) top left;
}
.searchButton {
    height:20px; vertical-align:text-top;
}
.searchContext {
    display:none; overflow:auto; position:absolute; width:250px;
    background-color:white; border:thin solid black;
}
.searchContext option {
    padding:2px;
}

/* Ad Detail Page */
div#adDetailMain {

}
div#adDetailMain table {
    margin:10px auto; width:500px;
    border:none; border-collapse:collapse;
}
div#adDetailMain th {
    width:33%; background:url(../_images/AdDetailTHBG.png) no-repeat bottom left; padding:5px 5px 0px 5px;
    text-align:left; font-size:8pt; color:white;
}
div#adDetailMain td {
    background-color:white; border:solid thin orange; padding:0px 5px; font-size:9pt;
}
div#adDetailImages {
    margin:auto; width:493px; padding:5px; background-color:black;
}
div#adDetailImages img {
    float:left; padding:2px;
}
div#adDetailImages div {
    float:left; padding:0px 4px 0px 0px; width:320px; height:320px; overflow:hidden; cursor:move;
}

/* Create Ad Form */
.postAdList { width:99%; border-spacing:15px; }
.postAdList td {
    width:33%; border:2px solid #933; border-top:8px solid #933; background:white;
    text-align:center;
}
.postAdList td:hover { border-color:black; cursor:pointer; }
.postAdList img { float:left; margin:5px; }
.postAdList h1 { margin:10px; font-size:13pt; }
.postAdList h2 { margin:5px; font-size:10pt; font-weight:normal; }
.postAdList h3 { margin-top:15px; font-size:10pt; }

div.adListItem {
    float:left; margin:5px 5px; padding:0px; width:48%; height:105px;
    border:2px solid #900; background-color:white; overflow:hidden;
}
div.adListItem:hover { border:2px solid black; background-color:#FFE; cursor:pointer; }
div.adListItem img { float:left; margin:5px; width:90px; height:70px; }
div.adListItem h1 { margin:0px; height:auto; font-size:14pt; color:white; background:#900; }
div.adListItem span { font-size:10pt; background:none; }
div.adListItem h2 { margin:0px; padding:0px; padding-top:5px; font-size:11pt; background:none; }
div.adListItem h3 { margin:0px; padding:0px; font-size:9pt; background:none; }
div.adListItem p { margin:0px; padding:0px; font-size:10pt; }

#createAdContent span { font-size:9pt; }
#adBasics table { width:98%; }
#adBasics td { vertical-align:top; padding-right:10px; }
#adBasics #title { width:98%; font-size:15pt; }
#adBasics #price { width:100px; font-size:14pt; }
#adBasics textarea { width:100%; height:250px; font-size:12pt; font-family:Arial; }
#adBasics #country, #adBasics #region { width:280px; }

table.adDetails { width:100%; border-collapse:collapse; }
table.adDetails tr { }
table.adDetails td { width:25%; padding:10px 0px; text-align:left; border-bottom:1px solid #CC9; }
table.adDetails input, table.adDetails select { width:80%; }
table.adDetails textarea { width:98%; height:75px; }

#adDetail div { float:left; height:30px; width:32% }
#adDetail select, #adDetail input, #adDetail textarea { width:80%; }

/* Horse */
#adDisciplines div { float:left; padding-bottom:10px; width:24%; line-height:100%; }
#adDisciplines div:hover { font-weight:bold; }
#adDisciplines select { width:90%; display:none; }
#adDisciplines h6 { padding-left:18px; font-size:10pt; color:#600; height:15px; text-align:left; font-weight:bold; }

#adAttributes label { float:left; height:30px; width:48% }
#adAttributes label:hover { font-weight:bold; }

#adBreeding label { float:left; height:30px; width:32% }
#adBreeding label:hover { font-weight:bold; }

#adSubcategory label { float:left; height:30px; width:24% }
#adSubcategory label:hover { font-weight:bold; }

#adUpload div {
    float:left; margin:5px; padding:10px; width:28%; text-align:center; overflow:hidden;
    border:1px solid #CC9;
}
#adUpload .featuredUpload { display:none }

#adShowcase textarea { width:99%; height:100px; font-size:12pt; font-family:Arial; }
#adPedigree table { width:100%; border-collapse:collapse; }
#adPedigree td { text-align:center; border-right:1px solid #996; border-left:1px solid #996; }
#adPedigree input { width:80%; text-align:center; }
#adPedigree img { width:50%; height:29px; }

#selectedVideo { border:2px solid red; background-color:white; display:none; }
#selectedVideo img { width:127px; height:96px; }
#selectedVideo h2 {
    float:left; padding:10px; width:127px; height:102px;
    background:url(../_images/VideoOverlay.png) bottom center no-repeat;
}
#selectedVideo h1 { padding:10px 0px 0px 0px; background:none; margin:0px; height:40px; }
#selectedVideo h3 { margin:0px; padding:0px; height:50px; color:#666; }
#selectedVideo h4 { padding:5px; text-align:right; }

/* Events Display */
div#eventsContainer {
    
}
div#eventsContainer select {
    font-size:9pt;
}
div#eventsScroll {
    margin:5px 0px; background-color:white; border:3px double #963; height:335px; overflow:auto;
}
div#eventsScroll table {
    width:100%; border-collapse:collapse;
}
div#eventsScroll th {
    padding:5px; background:url(../_images/EventsDateHeader.gif) bottom; height:40px;
    font-weight:bold; font-size:16pt; text-align:right; border-top:2px solid #960;
}
div#eventsScroll td {
    padding:5px; background:url(../_images/RowTopShadow.png) top repeat-x white; height:auto;
    cursor:pointer;
}
div#eventsScroll h1 {
    margin:0px; padding:0px; background:none; font-size:12pt; height:auto;
}
div#eventsScroll h1 span {
    font-size:8pt; font-weight:normal;
}
div#eventsScroll h2 {
    margin:0px; padding:0px; background:none; height:auto;
    font-weight:normal;  font-size:9pt; text-align:right;
}
div#eventsScroll h3 {
    margin:0px; padding:0px 0px 0px 10px; background:none; height:auto;
    font-size:9pt; font-weight:normal; color:#666; line-height:100%;
}

/* Home Login */
p#passwordP { display:none; }
p#securityP { display:none; }
img#securityImage { border:solid 2px black; }
input#securityCode { width:60px; }

/* Region Menu */
#regionDiv {
    background-color:white;
}
#regionShowToggle {
    font-size:10pt; padding:4px 0px 7px 0px; margin:0px; cursor:pointer;
    background:url(../_images/buttonRegionsHide.gif) center no-repeat;
}
#regionShowToggle:hover {
    color:#999;
}
#regionContentDiv {
    margin:auto; width:95%; padding:5px 15px;
}
#regionContentDiv ul {
    margin:auto;
}

/* Messages UI */
#messageHeader {
    margin-top:4px; padding:0px 2px; height:45px; overflow:hidden;
    border:solid 1px #CCC; border-bottom:none; background-color:#FEB;
}
#messageHeader .inputButton {
    font-size:7pt; width:70px;
}
#messageFrom {
    font-weight:bold;
}
#messageSubjectDiv {
    float:left;
}
#messageSubject {
    font-weight:bold;
}
#messageButtons {
    float:right;
}
#messageBody {
    height:200px; width:100%; padding:0px; margin:0px;
    border:solid 1px #CCC; border-top:none; border-bottom:none; background-color:white;
    line-height:140%; font-size:12pt;
}

/* Table Style 1 */
table.style1 {
    margin:auto;
}
table.style1 th {
    padding:2px; vertical-align:top; text-align:right; font-size:9pt;
}
table.style1 td {
    padding:2px; vertical-align:top; font-size:10pt; text-align:right;
}
table.style1 td input {
    width:250px;
}
table.style1 td select {
    width:250px;
}
table.style1 td textarea {
    width:250px;
}

/* Login Form */
#loginForm {
    margin:0px auto 200px auto; padding:10px; width:300px;
    border:double 5px maroon; background:url(../_images/WhitePaisleyBG.png);
    text-align:center;
}
#loginForm input { width:200px; text-align:center; }
#loginMessage {
    margin:20px; text-align:center;
}

/* Package Skins */
table.packages {
    margin:5px auto; width:95%;
}
table.packages th {
    padding:10px; vertical-align:top; border-top:5px solid red;
}
table.packages td {
    padding:10px; vertical-align:top; border:1px solid #DCA;
}
table.packages p {
    font-size:14pt;
}
table.packages ul {
    padding-left:20px;
}
table.packages li {
    margin:10px 0px;
}

.freeBackground { background-color:#FFE }
.silverBackground { background-color:#DDD }
.goldBackground { background-color:#EDA }
.platinumBackground { background-color:#EEF }

#packageSignUpFormTable {
    border:none; width:700px; margin:auto;
}
#packageSignUpFormTable th {
    border:none; padding:2px; text-align:right;
}
#packageSignUpFormTable td {
    border:none; padding:2px;
}

/* Networks Slider */
.eiSlider {
    margin:10px auto; width:950px; height:145px;
    background:url(../_images/White50BG_950x145.png);
}
#eiSliderContent {
    margin:5px; overflow:hidden;
}
#eiSliderContent td {
    padding:5px 10px 0px 0px;
    font-size:8pt; line-height:110%; vertical-align:top;
}
#ieSliderControl { margin:0px 25px; }

/* ieWeb */
.ieWebValidationNotice {
    position:absolute; padding:12px 5px 3px 5px; width:200px; overflow:hidden;
    display:none; background:url(../_images/ValidationNoticeBG.gif) no-repeat top center;
    color:white; font-size:9pt; font-weight:bold; text-align:center; line-height:100%;
}

/* Autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* /_api/js/userLoginForm.js */
#equineInternet-login {
    width:50%; height:37px; padding:14px 10px 0px 0px; margin:4px; text-align:right;
    background:url('../_images/LoginBox.png') top right no-repeat; color:white;
}
#equineInternet-login #equineInternet-email,
    #equineInternet-login #equineInternet-password {
    margin:0px 5px; width:142px; background:none; border:none;
}
#equineInternet-login #equineInternet-submit {
    padding:0px 5px; background-color:#d83; width:60px;
    border-top:solid 2px #F96; border-left:solid 2px #FC6;
    border-bottom:solid 2px #850; border-right:solid 2px #850;
    color:white; font-weight:bold; font-family:'Trebuchet MS', Helvetica, sans-serif;
}
#equineInternet-login h6 { margin:-1px 67px 0px 0px; font-size:7pt; }
#equineInternet-myEquine {
    width:305px; height:45px; padding:5px 0px 5px 10px; margin:2px 0px;
    background:url('../_images/MyEquineHelloMessage.png') top left no-repeat; color:white;
}
#equineInternet-myEquine div { float:left; width:165px; }
#equineInternet-myEquine h1 { margin:0px; font-size:8pt; }
#equineInternet-myEquine h2 { margin:10px 0px 0px 25px; text-align:left; font-size:8pt; font-weight:normal; }
#equineInternet-myEquine h3 a { padding:5px; width:290px; text-align:right; font-size:7pt; }
#equineInternet-myEquine span { color:orange; font-size:9pt; font-weight:bold; }
#equineInternet-myEquine a { float:left; width:130px; height:30px; }
#equineInternet-loader { margin:20px 70px 20px 500px; width:220px; height:19px; background:url(/_images/ajax-loader.gif); }
