/* This is new CSS developed for the site.  This is to override any existing CSS until it can be properly filtered out of the global CSS and replaced */

/* BSM SELECT */
.bsmList-custom { margin: 0.25em 0 0.25em 0; display: block; padding-left: 0; list-style: none; }
.bsmListItem-custom { margin: 0 5px 5px 0; padding: 4px; list-style: none; background: #ddd; border: 1px solid #bbb; line-height: 1em; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.bsmListItem-custom:hover { background-color: #e5e5e5; box-shadow: 0 0 3px #aaa; -webkit-box-shadow: 0 0 3px #aaa; -moz-box-shadow: 0 0 3px #aaa; }
.bsmListItemLabel-custom { padding-right: 5px; }
.bsmListItemRemove-custom { text-decoration: none; }

/* Horse Ad Form */
.leftAlign { width: 700px; float:left; padding-right: 0px; }
#horseEdit {padding-top: 10px;}
#horseEdit .required { border-left: solid #820909 5px;}
#horseEdit .multi_fields { margin-left: 92px;  margin-top:-20px;}
#horseEdit .multi_fields a { margin-left: 17px; }
#horseEdit .placeAdLeft {float: left; width: 340px;}
#horseEdit .placeAdLeft label {-moz-inline-block; display: inline-block; width: 90px; text-align:right;  }
#horseEdit .placeAdRight { float: right; width: 335px; }
#horseEdit .placeAdRight label {-moz-inline-block; display: inline-block; width: 105px; text-align:right; }
#horseEdit label {font-size: 1.2em; vertical-align:top; padding-top: 5px;}
#horseEdit input {height: 25px; font-size: 1.2em; font-weight:normal; color:#444444; border: solid #dddddd 2px; padding-left: 5px; margin-left: 15px; margin-bottom: 10px; }
#horseEdit textarea {height: 50px; font-size: 1.2em; font-weight:normal; color:#444444; border: solid #dddddd 2px; padding-left: 5px; margin-left: 15px; margin-bottom: 10px;}
#horseEdit select {height: 25px; font-weight: normal; color:#444444; border: solid #dddddd 2px; width: 230px; padding-left: 5px; padding-top: 2px; margin-left: 15px; margin-bottom: 10px;}
#horseEdit #horseName p { font-weight: bold; font-size: 1.2em; margin-top: -15px; margin-left: 107px; }
#horseEdit #horseName label { width: 90px; display:inline-block; -moz-inline-block;  text-align:right; }
#horseEdit #horseName input { width: 545px; margin-left: 15px; height: 25px; }
#horseEdit #gender select { width: 195px;}
#horseEdit #color select { width:200px; }
#horseEdit #weight input { margin-right: 5px;}
#horseEdit #height select { width:200px; }
#horseEdit #foaldate select { width: 92px;}
#horseEdit #temperament select { width:200px; }
#horseEdit #breeds label { width: 90px; display:inline-block; -moz-inline-block;  text-align:right; }
#horseEdit #breeds select { width: 325px; margin-left: 15px; height: 25px;}
#horseEdit #breeds .bsmContainer select { border-left: solid #820909 5px; width: 325px; margin-left: 15px; height: 25px; margin-left: 107px; margin-top: -20px; }
#horseEdit #breeds .bsmContainer ol { margin-left: 107px; margin-top: -5px; border: solid #dddddd 1px; background-color: #FFFFF1; min-height: 85px; padding: 5px 5px 5px 5px; margin-bottom: 10px; margin-right: 10px;}
#horseEdit #country select { width: 200px; }
#horseEdit #city input { width: 215px;}
#horseEdit #zipcode input { width: 192px;}
#horseEdit #markings label { width: 90px; display:inline-block; -moz-inline-block;  text-align:right; }
#horseEdit #markings input { width: 548px; margin-left: 15px; height: 25px;}
#horseEdit #attributes label { width: 90px; display:inline-block; -moz-inline-block;  text-align:right; }
#horseEdit #attributes select { width: 325px; margin-left: 15px; height: 25px;}
#horseEdit #attributes .bsmContainer select { width: 325px; margin-left: 15px; height: 25px; margin-left: 107px; margin-top: -20px; }
#horseEdit #attributes .bsmContainer ol { margin-left: 107px; margin-top: -5px; border: solid #dddddd 1px; background-color: #FFFFF1; min-height: 85px; padding: 5px 5px 5px 5px; margin-bottom: 10px; margin-right: 10px;}
#horseEdit #description label { width: 90px; display:inline-block; -moz-inline-block;  text-align:right; }
#horseEdit #description textarea { width: 548px; margin-left: 15px; height: 55px;}
#horseEdit #description .wysiwyg {margin-left: 107px; margin-top: -15px; margin-bottom: 10px;}
#horseEdit #pricing { padding-top: 10px; margin-bottom: 10px; margin-right: 10px; }
#horseEdit #pricing label { width: 90px; display:inline-block; -moz-inline-block;  text-align:right; }
#horseEdit #pricing input { height: 25px; width: 65px;}
#horseEdit #pricing #hpriceLease { margin-left: 10px;}
#horseEdit #pricing #hpriceFree { height: 20px; margin-top:-3px; margin-left: 0px; border: none;}
#horseEdit #pricing .pricing_highlight { margin-left: 107px; margin-top: -30px; background-color:#FFFFF1; padding-top: 10px; }
#horseEdit #pedigree { font-size: 1.2em; margin-left: 20px; margin-top: 10px;}
#horseEdit #pedigree label { width: 90px; display:inline-block; -moz-inline-block;  text-align:right; margin-left: -20px;}
#horseEdit #pedigree input { margin-top: -10px; width: 170px; margin-right: 10px; margin-bottom: 5px; font-size: 1.0em; }
#horseEdit #disciplines { margin-bottom: 10px; }
#horseEdit #disciplines label { width: 90px; display:inline-block; -moz-inline-block;  text-align:right; }
#horseEdit #disciplines select {  width: 255px; margin-right: 20px;  }
#horseEdit #registrations { margin-bottom: 10px; }
#horseEdit #registrations label { width: 90px; display:inline-block; -moz-inline-block;  text-align:right; }
#horseEdit #registrations select { width: 350px; }
#horseEdit #registrations input { width: 80px;}

.rightAlign #images {  width: 260px; float:right; margin-right:-50px; }
.rightAlign #images #imagecollection { float: right; border: solid #dddddd 2px; padding-top: 5px; margin-top: -9px; width: 256px; }
.rightAlign #images h3 {background-color: #1C2433; font-size: 1.7em; text-align:center; padding-top: 15px; padding-bottom: 15px; }
.rightAlign #images #pickfiles {margin-left: 65px; margin-bottom: 10px; }
.rightAlign #images #filelist { text-align:center; margin: 0px 15px 10px 15px;}
.rightAlign #images p {text-align:center; font-size: 1.1em; color: #820909; font-weight: bold; border-bottom: solid #dddddd 2px; width: 200px; margin-left: 30px; margin-bottom: 10px; padding-bottom: 5px;}
.rightAlign #images ul {margin-left: 10px; }
.rightAlign #images li { display: inline; }
.rightAlign #images li div {float: left; width: 90px; margin-bottom: 5px; margin-left: 20px;  }
.rightAlign #images .defaultimage { background-color:#eeeeee; min-height: 105px; } 
.rightAlign #images img { width: 60px; height: 60px; margin-left: 13px; margin-top: 5px;}
.rightAlign #images .image_uploader_links { margin-top: -8px; margin-left: 13px;}
.rightAlign #images .image_uploader_links a { float: left; clear: left; }
.rightAlign #images .image_uploader_links .deleteimage {background:url(/global/images/icons/silk/delete.png) left no-repeat; padding-left: 20px; }
.rightAlign #images .image_uploader_links .setdefaultimage {background:url(/global/images/icons/silk/accept.png) left no-repeat; padding-left: 20px; }
.rightAlign #images .defaultImageOverlay img { border:none; width: 15px; height: 15px; margin-top: -42px; margin-left: 38px;}

.rightAlign #videos {  width: 260px; float:right; margin-bottom: 25px; margin-right:-50px; }
.rightAlign #videos #videoInstructions  { border:none; color: #000000; font-size: .90em; font-style:italic; line-height: 1em; margin-left: 5px; width: 240px; }
.rightAlign #videos form { margin-left: 20px}
.rightAlign #videos label { display: block; width: 100px; text-align:light; font-size: 1.2em; vertical-align:top; padding-top: 5px; margin-left: 15px;}
.rightAlign #videos input {height: 25px; font-size: 1.2em; font-weight:normal; color:#444444; border: solid #dddddd 2px; padding-left: 5px; margin-left: 15px; margin-bottom: 10px; width: 184px; }
.rightAlign #videos textarea {height: 90px; font-size: 1.2em; font-weight:normal; color:#444444; border: solid #dddddd 2px; padding-left: 5px; margin-left: 15px; margin-bottom: 10px; width: 184px;}
.rightAlign #videos #videocollection { float: right; border: solid #dddddd 2px; padding-top: 5px; margin-top: -9px; width: 256px; }
.rightAlign #videos h3 {background-color: #1C2433; font-size: 1.7em; text-align:center; padding-top: 15px; padding-bottom: 15px; }
.rightAlign #videos #videofiles {margin-left: 65px; margin-bottom: 10px; }
.rightAlign #videos #videolist { text-align:center; margin: 0px 15px 10px 15px; }
.rightAlign #videos .uploadmessage {clear: left; }
.rightAlign #videos p {text-align:center; font-size: 1.1em; color: #820909; font-weight: bold; border-bottom: solid #dddddd 2px; width: 200px; margin-left: 30px; margin-bottom: 10px; padding-bottom: 5px;}
.rightAlign #videos #videomanually { border: none;  }
.rightAlign #videos #videomanually a { font-size: .90em; }
.rightAlign #videos #videoOR { border: none;  color: #000000; font-size: 1.3em; font-style:italic;}
.rightAlign #videos ul {margin-left: 10px; }
.rightAlign #videos li { display: inline; }
.rightAlign #videos li div {float: left; width: 90px; margin-bottom: 5px; margin-left: 20px;  }
.rightAlign #videos img { width: 60px; height: 60px; margin-left: 13px; margin-top: 5px;}
.rightAlign #videos .video_uploader_links { margin-top: -8px; margin-left: 13px;}
.rightAlign #videos .video_uploader_links a { float: left; clear: left; }
.rightAlign #videos .video_uploader_links .deletevideo {background:url(/global/images/icons/silk/delete.png) left no-repeat; padding-left: 20px; }
#dialog-form { font-size: .90em; }
#dialog-form label { display: block; width: 200px; text-align:light; font-size: 1.1em; vertical-align:top; padding-top: 5px; margin-left: 15px; padding-bottom: 5px;}
#dialog-form input {height: 25px; font-size: 1.2em; font-weight:normal; color:#444444; border: solid #dddddd 2px; padding-left: 5px; margin-left: 15px; margin-bottom: 10px; width: 250px; }
#dialog-form textarea {height: 90px; font-size: 1.2em; font-weight:normal; color:#444444; border: solid #dddddd 2px; padding-left: 5px; margin-left: 15px; margin-bottom: 10px;}
#dialog-form p {font-size: .80em; margin-right: 5px; margin-left: 5px; font-style: italic;}
#dialog-form fieldset {border: none; }
.ui-dialog-buttonset { font-size: .80em;}

.button_ok { margin: 0px; padding: 0px !important; border: 0px; background: transparent url('/global/images/enhanced/but_round_span_blue.gif') no-repeat scroll top right; color: #1b486a; display: block; float: left; height: 30px; margin-right: 6px; margin-top:10px; padding-right: 15px !important; text-decoration: none; overflow: hidden; font-size: 12px; outline: none !important; cursor: pointer; font-weight: bold; }
.button_ok span { background: url('/global/images/enhanced/but_round_ok_blue.gif') no-repeat left top; display: block; line-height: 30px; padding: 0px 0px 0px 35px; outline: none !important; float:left; }
.button_ok:hover { background-position: right bottom; text-decoration:none !important; }
.button_ok:hover span { background-position: left bottom; color: #1b486a; }
.info  { display: block; background: url('/global/images/enhanced/informationbar_right.gif') no-repeat right top; height: 30px; overflow: hidden; margin-top: 5px; margin-bottom:10px !important; padding: 0px !important; font-size: 12px !important; font-weight: bold; cursor: pointer; border: 0px; font-style: italic; }
.info .info_inner { display: block; height: 30px; padding: 6px 10px 0px 35px; }
#success .info_inner { color: #5a801b; background: url('/global/enhanced/images/icon_success.gif') no-repeat left top; border: 0px; }
#warning .info_inner { color: #E89326; background: url('/global/enhanced/images/icon_warning.gif') no-repeat left top; border: 0px; }
#error .info_inner { color: #C00; background: url('/global/images/enhanced/icon_error.gif') no-repeat left top; border: 0px; }
#info .info_inner { color: #4985B2; background: url('/global/images/enhanced/icon_info.gif') no-repeat left top; border: 0px; }

.videoYouTube img { margin-top: -32px; border: none; float: right; margin-right: 5px;}

/*  Checkout Page */
.checkout #rightCol2 { margin-left: 90px; }

/* New Contact Seller */
#adContactSeller form { margin-left: 20px; }
#adContactSeller label { display:block; width: 100%; font-size: 1.2em; }
#adContactSeller input { width: 175px; margin-bottom: 10px; color:#555555; padding-left: 5px; }
#adContactSeller .loginSubmitButton { float:right; margin:0px; padding:0px; margin-top: -10px;}
#adContactSeller .loginSubmitButton input { width: 100px; }
#contactSeller #insideBodyCopy form { margin: 0px; }
#contactSeller #insideBodyCopy #ContactSeller label {  }
#contactSeller #insideBodyCopy #ContactSeller textarea { color:#555555; padding-left: 5px; height: 150px; width: 220px; }
#contactSeller #insideBodyCopy #ContactSeller .contactSellerSubmit { float:right; margin:0px; padding:0px; margin-top: 5px; }
