/*********************************************************************************************\
*       COPYRIGHT © 2011 ENVISION INFORMATION TECHNOLOGIES, LLC.    ALL RIGHTS RESERVED       *
*       DISTRIBUTION, UNAUTHORIZED USE AND MODIFICATION IS STRICTLY PROHIBITED                *
*       ENVISION IT, MADISON, WI    http://www.envisionitllc.com   info@envisionitllc.com     *
\*********************************************************************************************/

body
{
  background-color: #FFF;
  color: #231F20;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

input, textarea, button, select
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
}

img
{
  border: 0px;
}

td p
{
  margin: 0;
}

h1
{
  font-size: 20px;
  font-weight: normal;
}

h2
{
  font-size: 16px;
}

a
{
  color: #7b2c77; /* old #3B1C71 */
  text-decoration: none;
  font-weight:bold;
}

a:hover
{
  text-decoration: underline;
}

#all
{
  margin: 0 auto;
  padding: 0;
  width: 950px;
}

#header
{
  background-color: #a4318b;
  height: 252px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 950px;
}

#top_menu
{
  background-color:#413072;
  height: 36px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 209px;
  width: 950px;
}

#middle
{
  background-color: #FFF;
  background-image: url(/templates/Main_2013/images/middle_background.png);
  background-repeat: repeat-x;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 950px;
}

#banner_ad
{
  margin: 5px;
  padding: 0;
}

#banner_ad p
{
  margin: 0;
  padding: 0;
}

#left_column
{
  float: left;
  margin: 10px 20px 10px 25px;
  padding: 0;
  width: 175px;
}

#nav_top_box, #main_menu, #nav_bottom_box
{
  margin: 10px 0;
  overflow: hidden;
  padding: 0;
  width: 175px;
}

#nav_top_box p, #nav_bottom_box p
{
  margin: 0;
  padding: 0;
}

#site_search
{
  background: transparent url(/templates/Main_2013/images/search_background.gif) no-repeat;
  height: 30px;
  margin: 10px auto;
  overflow: hidden;
  padding: 0;
  width: 173px;
}

#site_search_text
{
  background-color: transparent;
  border: none;
  color: #A7A9AC;
  font-weight: bold;
  height: 23px;
  margin: 0;
  padding: 3px 3px 3px 5px;
  width: 130px;
  outline-color: #bbb;
}

#site_search_button
{
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 23px;
  margin: 3px;
  overflow: hidden;
  padding: 0;
  width: 25px;
  text-indent: -100px;
}

#content_and_boxes
{
  background-color: #FFF;
  float: left;
  margin: 0;
  padding: 0;
  width: 700px;
}

#content_and_boxes.content_with_sidebar
{
  background: #FFF url(/templates/Main_2013/images/content_background.gif) repeat-y right center;
  min-height: 600px;
  width: 730px;
}

#content
{
  background-color: #FFF;
  padding: 10px 20px;
  width: 660px;
}

#content.content_with_sidebar
{
  width: 460px;
}

#content_sidebar_box
{
  background-color: #413072;
  color: #FFF;
  float: right;
  margin: 0;
  overflow: hidden;
  padding: 20px;
  width: 180px;
}
#content_sidebar_box h2
{
  color: #D0B961;
  font-size: 16px;
  font-weight: regular;
  margin: 0 0 10px 0;
}
#content_sidebar_box p
{
  color: #FFF;
  margin: 10px 0;
}
#content_sidebar_box a
{
  color: #FFF;
  margin: 10px 0;
}
#content_sidebar_box td
{
  color: #FFF;
}

#footer
{
  background-image: url('/templates/Main_2013/images/footer_bg.jpg');
  color: #d0b961;
  font-size: 10px;
  margin: 0;
  overflow: hidden;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
  width: 950px;
  height:47px;
}

#footer_copyright
{
  margin-top:10px;
}

#footer a
{
  color: #d0b961;
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: underline;
}

.shift_right
{
  float: left;
  left: 50%;
  position: relative;
}

.shift_left
{
  float: left;
  left: -50%;
  position: relative;
}

.dialog
{
  display: none;
}

.clear
{
  clear: both;
  height: 0;
  overflow: hidden;
  width: 0;
}

.error
{
  color: red;
}

.form_required
{
  color: red;
}

.form_label
{
  float: left;
  padding: 2px 5px 0 0;
  width: 125px;
}

.form_field
{
  float: left;
  padding: 0 0 2px 0;
  width: 400px;
}

.form_input
{
  width: 350px;
}

#user_subscription .form_label
{
  padding: 0;
  width: 0;
}

#user_subscription .form_field
{
  width: 525px;
}

#hotel_search_results
{
  border: 1px solid #000;
  border-collapse: collapse;
  line-height: 1.1;
  margin: 20px 0;
  width: 100%;
}

#hotel_search_results th
{
  border: 1px solid #000;
}

#hotel_search_results td
{
  border: 1px solid #000;
  font-size: 10px;
  text-align: center;
}

.hotel_name
{
  font-size: 12px;
  font-weight: bold;
}

/* Search Formating */
.searchSummary
{
  margin: 10px 0 10px 0;
}

.searchPreviewCreatedDate
{
  display: none;
}
.searchPreviewTitle
{
  font-weight: bold;
  font-size: 120%;
  margin: 10px 0 0 0;
}
.searchHighlight
{
  background-color: #EE0;
}
.searchPreviewLastModified
{
  font-size: 75%;
  font-style: italic;
  margin: 0 0 10px 0;
}

.searchResults
{
  margin: 10px 0 10px 0;
  text-align: center;
  width: 400px;
}
.searchPage:first-child
{
  float: right;
}
.searchPage
{
  float: left;
}

/* Survey */
.surveyQuestion {
  margin: 2px 0;
  clear:both;
}
.surveyQuestionNumber {
  clear: both;
  height: 0;
  overflow: hidden;
  width: 0;
}
.surveyQuestionQuestion {
  float: left;
  margin: 0 10px 0 20px;
  text-align: right;
  width: 200px;
}
.surveyQuestionRequired {
  float: left;
  width: 0;
}
.surveyAnswer {
  margin: 0 0 0 250px;
  width: 300px;
}
.surveyAnswer input[type="text"]  {
  width: 300px;
}
.surveyAnswer textarea {
  height: 80px;
  width: 300px;
}
.surveyFormSubmit {
  margin: 0 0 0 250px; 
}

.surveyAnswerScale1
{
  width: 50px;
  float:left;
}
.surveyAnswerScale2
{
  width: 50px;
  float:left;
}
.surveyAnswerScale3
{
  width: 50px;
  float:left;
}
.surveyAnswerScale4
{
  width: 50px;
  float:left;
}
.surveyAnswerScale5
{
  width: 50px;
  float:left;
  clear:right;
}
/* End Survey */

/* ecom receipt stuff */
#eComReceiptTitle
{
  font-size:20px;
  color:#3B1C71;
  border-bottom:2px solid #3B1C71;
  font-weight:bold;
  margin-bottom:8px;
  text-transform:uppercase;
}

.eComReceiptLabel
{
  float:left;
  padding-right:15px; 
  color:#3B1C71;
  text-transform:uppercase;
  font-weight:bold;
  font-size:12px;
}

.eComReceiptValue
{
  float:left;
  color:#000000;
  width:200px;
  font-size:12px;
}

#eComReceiptPaymentInfoBlock, #eComReceiptShipToBlock, #eComReceiptBillToBlock
{
  width: 350px;
  float:left;
  padding-top:40px;
}

#eComReceiptBillToBlock
{
  width: 350px;
  float:left;
  padding-top:40px;
}

#eComReceiptItemSummaryContainer
{
  padding-top:30px;
  color:#000000;
  font-size:11px;
  padding-bottom:30px;
  border-bottom:2px solid #3B1C71;
}

#eComReceiptSummaryHeaderContainer
{
  border-bottom:2px solid #3B1C71;
  font-size:10px;
  color:#3B1C71;
  font-weight:bold;
  padding-bottom:10px;
}

#eComReceiptProductNumberHeader
{
  float:left;
  width:150px;
}

#eComReceiptProductNameHeader
{
  float:left;
  width:220px;
}

#eComReceiptQtyHeader
{
  float:left;
  width:100px;
  text-transform:uppercase;
  text-align:center;
}

#eComReceiptDiscountHeader
{
  float:left;
  width:125px;
}

#eComReceiptProductTotalPriceHeader
{
  float:left;
  width:140px;
}

.eComReceiptProductNumberValue
{
  float:left;
  width:150px;
}

.eComReceiptProductNameValue
{
  float:left;
  width:220px;
}

.eComReceiptQtyValue
{
  float:left;
  width:100px;
  text-transform:uppercase;
  text-align:center;
}

.eComReceiptDiscountValue
{
  float:left;
  width:125px;
}

.eComReceiptProductTotalPriceValue
{
  float:left;
  width:110px;
  text-align:left;
}

.eComReceiptProductRow
{
  padding-top:15px;
}

#eComReceiptCouponLabel
{
  color:#3B1C71;  
  text-transform:uppercase;
  font-size:10px;
  padding-top:20px;
}

#eComReceiptCouponContainer
{
  border-bottom:2px solid #3B1C71;
  font-size:11px;
  color:#000000;
  padding-bottom:20px;
  
}

#eComReceiptCouponHeaderContainer
{
  border-bottom:2px solid #3B1C71;
  padding-bottom:10px;
  padding-top:10px;
  color:#3B1C71;
  
}

#eComReceiptCouponCodeHeader
{
  width:150px;
  float:left;
}

#eComReceiptCouponDescriptionHeader
{
  width:445px;
  float:left;
}

#eComReceiptCouponDiscountHeader
{
  width:110px;
  float:left;
}

.eComReceiptCouponCodeValue
{
  width:150px;
  float:left;
}

.eComReceiptCouponDescriptionValue
{
  width:445px;
  float:left;
}

.eComReceiptCouponDiscountValue
{
  width:110px;
  float:left;
  text-align:right;
}

.eComReceiptCouponRow
{
  padding-top:15px;
}

.eComReceiptClear
{
  clear:both;
  height:0px;
  overflow:hidden;
}

#eComReceiptSubtotalsContainer
{
  border-bottom:2px solid #3B1C71;
  padding-bottom:20px;
  font-size:11px;
}

.eComReceiptSubtotalLine
{
  float:right;
  padding-right:35px;
  width:350px;
  padding-top:10px;
}

.eComReceiptSubtotalLabel
{
  text-transform:uppercase;
  float:left;
  color:#3B1C71;
  font-weight:bold;
  text-align:right;
  width:250px;
}

.eComReceiptSubtotalValue
{
  text-transform:uppercase;
  text-align:right;
  float:right;
  color:#000000;
}

#eComReceiptTotalsContainer
{
  border-bottom:2px solid #3B1C71;
  padding-bottom:10px;
  font-size:12px;
  font-weight:bold;
}

.eComReceiptTotalLine
{
  float:right;
  padding-right:35px;
  width:350px;
  padding-top:10px;
}

.eComReceiptTotalLabel
{
  text-transform:uppercase;
  float:left;
  color:#3B1C71;
  font-weight:bold;
  text-align:right;
  width:250px;
}

.eComReceiptTotalValue
{
  text-transform:uppercase;
  text-align:right;
  float:right;
  color:#000000;
  font-weight:bold;
}

/* END ecom receipt styles */

/* START ecom general user pages (downloads, quotes, orders) */
.eComPageTitle
{
  font-size:20px;
  color:#3B1C71;
  border-bottom:2px solid #3B1C71;
  font-weight:bold;
  margin-bottom:8px;
  text-transform:uppercase;
}

.eComPageTable
{
  margin:15px 0px;
  font-size:12px;
  border-bottom: 2px solid #3B1C71;
}

.eComPageTable THEAD TH
{
  border-bottom: 2px solid #3B1C71;
  font-weight: bold;
  margin-bottom: 8px;
  color: #3B1C71;
  padding: 5px 7px;
}

.eComPageTable TBODY TD
{
  padding: 5px 7px;
}
/* END Ecom General User Pages */

/* Start Offer Styles */
.offer_section_header
{

}

.offer_prompt
{
  float: left;
  padding: 4px 10px 0 0;
  width: 200px;
}

.offer_field
{
  float: left;
  padding: 2px 0 0 0;
}

.offer_required
{
  color: red;
  float: left;
  padding: 4px 0 0 2px;
}

.offer_additional_info
{
  float: left;
  padding: 4px 0 0 10px;
}

/* End Offer Styles */

/* E-Com styles (used for offer) */
#eComViewCartTable, .eComCheckoutSubTotal
{
  display:none;
  visibility:hidden;
}

/* End E-Com styles (used for offer) */

.youtube_popup_link
{
  text-align: center;
}
.youtube_dialog
{
  width: 600px;
}
.youtube_iframe_container
{
  float: left;
  margin: 20px 20px 0 0;
}
.youtube_popup_sponsors
{
  float: left;
  text-align: center;
}

/* planned as general, but used by dairy cattle system */
.display_table
{
  border: 2px solid #a4318c;
  border-collapse: collapse;
  margin: 20px 0 10px 0;
}

.display_table thead tr
{
  background-color: #413172;
  border-bottom: 2px solid #a4318c;
  color: #FFF;
}

.display_table thead th
{
  text-align: left;
}

.display_table_highlight_row
{
  background-color: #d6c279;
}

.display_table tbody td:first-child, .display_table thead th:first-child
{
  padding-left: 10px;
}

.display_table button.ui-button-icon-only, .display_table a.ui-button-icon-only
{
  height: 22px;
  width: 22px;
}

.button_bar
{
  margin: 10px 0;
}

.form_question button.ui-button-icon-only
{
  height: 22px;
  width: 22px;
  vertical-align: top;
}

.eitDCSFormatStringContainer
{
  background: white;
  border-left: 2px solid #413172;
  border-right: 2px solid #413172;
  border-top: 2px solid #413172;
  height: 18px;
  padding-top: 2px;
  text-align: center;
}