/* =================================== GENERAL DEFINITIONS =================================== */


label {font-family: 'Neutraface2TextBook', Arial, Helvetica, Sans-serif;text-transform: uppercase; color: #102243; }
.checkbox label { font-family: Arial, Helvetica, Sans-serif; text-transform: inherit; color: #666666;}
label.FormHeading{color: #808383; font-weight: bold;}

div.requiredField {position: relative;}
div.requiredField:before{content: "*"; color: red; display: block; position: absolute; left: 177px; top: 16px; font-size: 13px;}

input,  textarea,  select{border: 1px solid #d6d6d6; color: #666666;}
.checkbox input, input.checkbox { border: 0px none;}
.middleColumn ul{margin-left: 0!important; padding-left: 0!important;}
.middleColumn li{list-style: none!important;}
input:hover,  textarea:hover,  select:hover{border: 1px solid #B29F7E;}
input:focus,  textarea:focus,  select:focus{border: 1px solid #a28f42;}

.middleColumn .radio,  .middleColumn .checkbox,
.middleColumn .radio:hover,  .middleColumn .checkbox:hover,
.middleColumn .radio:focus,  .middleColumn .checkbox:focus{border: 0;}

.Actions{}
.Actions input {background-color: #808383; color: #fff; font-weight: bold;border:2px outset #D6D6D6;}
.radio, .checkbox{width: auto!important;}

/* =================================== TYPOGRAPHY SPECIFIC=================================== */

.typography form{padding: 1em 0; }
	.typography fieldset{}
		.typography div.field {}
	.typography form .message { border: 1px solid #aa0000; background-color:#FFAAAA; color:#AA0000; display:block; font-size:1.3em; font-weight:bold; margin: 10px 5px 0 0; padding:0.7em 0; text-align:center; width: auto; }
  .typography form .good { background-color: #EEEEEE; color: #666666; border-color: #666666;}

	.typography label {font-size: 1.2em; padding-top: 5px;}
	.typography div.text label.right {display: block; padding-left: 187px; text-transform: none; font-size: 12px; text-align: left; color: #aaaaaa;}

  .typography .checkbox label {}
	.typography li label, .typography p label {font-size: 0.8em;}
		.typography label.FormHeading{display: block; font-size: 1.2em; color: #808383; font-weight: bold; margin-bottom: 1em;}
		.typography label.left{float: left; display: block; font-size: 12px; width: 187px; }
			.typography .dropdown label.left{padding-bottom: 3px;}

	.typography .field{width: 100%; padding-bottom: 0.8em; padding-top: 0.8em;overflow: hidden;}
		.typography .middleColumn, .typography .Actions, .typography p.ForgotPassword, .typography p.checkbox {display: block; margin-left: 187px;}
			.typography .middleColumn input, .typography .middleColumn textarea, .typography .middleColumn select{width: 220px; padding: 3px; font-family:Arial,Helvetica,San-serif;font-size:12px;}
      .typography .middleColumn select { width: 228px;}
		.typography .Actions{}
			.typography .Actions input {padding: 0.3em;}


/* =================================== SPECIFIC FIELD EXCEPTIONS =================================== */

	.typography .confirmedpassword .middleColumn {margin-left: 0px;}
	.typography .confirmedpassword .middleColumn .middleColumn {margin-left: 120px;}

	.typography .optionset label.left, .typography .checkboxset label.left{border: 0;}
	.typography label.required {display: block; color: #82274B; font-size: 0.8em;}




/* =================================== SPECIFIC FORMS AND SECTIONS  =================================== */

/* general side bar form formatting */
#SideBar select, #SideBar input { margin-bottom: 10px; }

/* newsletter form */
#MyCampaignMonitorStarterForm input { width: 110px; }
#MyCampaignMonitorStarterForm .Actions input{ float: right; margin: -3px 0 0 0; background: transparent url(/themes/regal/images/button_sign_up.png) no-repeat; width: 64px; height: 30px; border: 0; text-indent: -9999px;}

/* search form */
#search_form .input-text { width: 182px; }
#search_form select { height: 20px; width: 116px; }
#search_form .input-button { float: right; margin: -3px 28px 0 0; }


/* HORIZONTAL search form */
#recipe-search { background: transparent url(/themes/regal/images/search_bg.png) no-repeat scroll; min-height: 47px; padding: 0 0 0 20px; }
#recipe-search a { color: #666666; font-size: 11px; }
#recipe-search input.text { width: 175px; }
#recipe-search form { float: left; }
#recipe-search .AdvancedSearchPageLink { float: left; margin: 21px 0 0 8px;}


.image-button { position: relative; top: 13px; }

#recipe-search #RecipeSearchForm_Small_BasicSearchForm {height: 32px;padding-top: 15px;}
#recipe-search #RecipeSearchForm_Small_BasicSearchForm fieldset {float: left;}
#recipe-search #RecipeSearchForm_Small_BasicSearchForm .field, #RecipeSearchForm_Small_BasicSearchForm .Actions { float: left; padding-right: 5px;}
#recipe-search #RecipeSearchForm_Small_BasicSearchForm .Actions input {background: transparent url(/themes/regal/images/button_search.png) no-repeat; font-size: 0; border: 0 none; height: 30px; width: 64px; position: relative; top: -4px}

/** buttons **/
/* submit button*/
#Form_Form_action_process,
#Form_PageRatingForm_action_dopagerating,
#CampaignMonitorSignupPageFormHMTL .Actions input,
#SideBar #RecipeSearchForm_Small_BasicSearchForm .Actions input
{
  background: transparent url(/themes/regal/images/button_submit.png) no-repeat; border: 0; font-size: 0; width: 61px; height: 30px;
}
#RecipeSearchForm_Small_BasicSearchForm_action_searchSmall{ position: relative; top: -5px;background: transparent url(/themes/regal/images/button_search.png) no-repeat; border: 0; font-size: 0; width: 64px; height: 30px; float: left;}
#PageRatingFormOuter .typography label.right {margin-left: 187px; text-transform: lowercase; display: block; clear: left; text-align: left;}

/* advanced search form MIDDLE COLUMN*/
#search h1 { color: #102243; font-size: 22px; font-weight: normal; text-transform: uppercase; }
#search .description { font-size: 13px; padding-bottom: 10px; }
#search { position: relative; }
#search form { margin-bottom: 50px; }
#search form .row { margin-bottom: 10px; position: relative; }
#search form .field .row { margin-bottom: 5px; }
#search form label { left: 0; margin-bottom: 5px; position: absolute; top: 2px; width: 170px; }
#search form .field { margin: 0 0 0 170px; width: 240px; }
#search form .field .description { color: #999999; display: block; font-size: 11px; padding-bottom: 0; }
#search form .field .text,
#search form .field select { width: 240px; }
#search form .field select { height: 16px; }
#search form .field input.checkbox { margin-bottom: 5px; }
#search form .field label.checkbox { margin-bottom: 5px; margin-left: 5px; position: static; }
#search form .search-button { float: right; }

/* Sidebar forms */

#SideBar #RecipeSearchForm_Small_BasicSearchForm {position: relative;}
#SideBar #RecipeSearchForm_Small_BasicSearchForm #ClassToSearch {width: 120px; float: left;}
#SideBar #RecipeSearchForm_Small_BasicSearchForm input.text { width: 182px;}
#SideBar #RecipeSearchForm_Small_BasicSearchForm .Actions input {position: absolute; right: 0; bottom: 0; border: 0 none; margin-bottom: 3px;}

#SideBar #Form_CampaignMonitorStarterForm {position: relative;}
#SideBar #Form_CampaignMonitorStarterForm .Actions {position:absolute; right:0; top:0; width:64px;}

/* Advanced Search in SideBar */
#SideBar #RecipeSearchForm_AdvancedSearchForm { }
#SideBar #RecipeSearchForm_AdvancedSearchForm label { display: none; }/*float: none; font-size: 13px; padding-bottom: 5px; */
#SideBar #RecipeSearchForm_AdvancedSearchForm label.right { display: inline; }
#SideBar #RecipeSearchForm_AdvancedSearchForm .middleColumn { margin-left: 0;}
#SideBar #RecipeSearchForm_AdvancedSearchForm .field { padding: 0;}
#SideBar #RecipeSearchForm_AdvancedSearchForm input { width: 184px;}
#SideBar #RecipeSearchForm_AdvancedSearchForm textarea { width: 191px;}
#SideBar #RecipeSearchForm_AdvancedSearchForm select { width: 189px;}
#SideBar #RecipeSearchForm_AdvancedSearchForm p.checkbox { margin-left: 0; margin-bottom: 0;}
#SideBar #RecipeSearchForm_AdvancedSearchForm p.checkbox input { width: auto;}
#SideBar #RecipeSearchForm_AdvancedSearchForm #Keyword label.right {display: block; font-size: 11px; text-transform: none; position: relative; top: -10px;color:#aaaaaa;padding-top: 4px;}



/* Advanced search form */

#RecipeSearchForm_AdvancedSearchForm { padding: 0 0 20px;}
#RecipeSearchForm_AdvancedSearchForm .field { padding: 0 0 10px;}
#RecipeSearchForm_AdvancedSearchForm label, #RecipeSearchForm_AdvancedSearchForm input, #RecipeSearchForm_AdvancedSearchForm select {font-size: 12px;}
#RecipeSearchForm_AdvancedSearchForm select {width: 228px;}
#RecipeSearchForm_AdvancedSearchForm .checkbox {
  margin:0;
  padding:0 0 0 25px;
}
#MiddleBar #RecipeSearchForm_AdvancedSearchForm .checkbox {
  float:left;
  position:relative;
  width:110px !important;
  height: 35px;
}
#MiddleBar #RecipeSearchForm_AdvancedSearchForm .checkbox input {
  left:0;
  position:absolute;
  top:0;
}
#RecipeSearchForm_AdvancedSearchForm .Actions {height: 31px;}
#RecipeSearchForm_AdvancedSearchForm .Actions input {float: right;border: 0 none; font-size: 0; width: 122px; height: 31px; background: transparent url(/themes/regal/images/button_searchrecipes.png) no-repeat;}


/* Recipe Comments */
#PageComments_holder {font-size: 11px; clear: both;}
#PageComments_holder .Actions input { background: transparent url(/themes/regal/images/button_rate.png) no-repeat; width: 80px; height: 29px;border: 0 none;font-size: 0;}
#PageRatingFormOuter h4 {color:#102243; font-size:15px; font-weight:normal; margin:20px 0 4px; text-transform:uppercase; font-style: normal; font-weight: normal;}
#PageCommentsOuter h4 {display: none;}
#CommenterURL {display: none;}

#CampaignMonitorSignupPageFormHMTL label {font-size: 12px; padding-top: 5px;}
#CampaignMonitorSignupPageFormHMTL .optionset {padding-top: 0px;}
#CampaignMonitorSignupPageFormHMTL .optionset input {display:inline; width:auto;}

/* Rating stars */
.star-rating-control div.star-rating,
.star-rating-control div.star-rating a { background-image: url("/themes/regal/images/star.png"); }
#Form_PageRatingForm fieldset,
#Form_PageRatingForm .Actions { float: left; }
#Form_PageRatingForm .Actions input{background: transparent url(/themes/regal/images/button_rate.png) no-repeat; width: 80px; height: 29px; border: 0 none;font-size: 0;}
#Form_PageRatingForm {clear: both; padding:5px 0 15px;}
#Form_PageRatingForm_action_dopagerating {margin:0 5px;}
#Form_PageRatingForm label.right {text-transform: lowercase; font-size: 1em; text-align: left; padding-left: 190px; padding-top: 20px; display: block;}

/* submit a recipe */
.typography div.numeric .middleColumn input {width: 83px;}

/* Range */

.range .fieldgroupField input {width: 30px; float: left;}
.range .fieldgroupField .rangeFieldHyphen { float: left; display: block; padding: 5px;}