/* CSS Document */

/* - - - - - - - - - - - - - - - - - -
	Evolution 7 Web Design
	http://www.evolution7.com
- - - - - - - - - - - - - - - - - - */

* {padding:0; margin:0;}
html, body {width:100%; height:100%; overflow:hidden;}
body {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; line-height:17px; background:#fff;}

/*Text, formatting*/
a {color:#BE1E2D; outline:none;text-decoration:underline;}
	a:hover{ text-decoration:none; }
	a img {border:none;}
.alternate-link {color:#BBB0A6; text-decoration:none;}
	.alternate-link:hover b {text-decoration:underline;}
	a.alternate-link:hover img {text-decoration:none;}
.small {font-size:11px;}
.light {color:#999;}
.quicklinks {padding-bottom:6px;}
	.quicklinks a {display:block; padding-bottom:6px;}
	.quicklinks .on {font-weight:bold;}
.no-top {padding:0 0 10px 0;}
.recipe-landing {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0; margin:20px 0 25px;}

p {padding-bottom:10px;}
h1 {padding-bottom:20px; position:relative; margin-top:-10px;}
h2 {padding-bottom:10px; font-size:14px; font-weight:bold;}
h3 {padding:10px 0; font-size:14px; font-weight:bold; color:#BBB0A6;}
h4 {padding:10px 0 0 0 ; font-size:12px; font-weight:bold; color:#BBB0A6;}

ol {margin:0; padding: 8px 0 10px 20px;}
ul {margin:0; padding:0 0 10px 10px;}
	ul li {padding:2px 0 2px 8px; list-style-type:none; background:url(../images/li.gif) no-repeat 0 8px;}
	
/*Layout*/
#fixed {position:absolute; top:24%; margin-top:-125px; z-index:3; width:230px; text-align:right; padding-bottom:10px; background:#fff;}
	#logo {height:70px;}
#face {position:absolute; bottom:0; z-index:2;}	
	* html #face {bottom:-5px;}
	*:first-child+html #face {bottom:-5px;}
#wrapper {position:absolute; width:100%; height:100%; overflow:auto;}
	#content {position:absolute; width:660px; top:24%; margin-top:-55px; margin-left:270px; padding-bottom:20px;}	
	.home #content {margin-top:-127px;}
		/*Content Box*/
		#box-top {height:40px; background:url(../images/bg-box-top.gif) no-repeat;}
		#box {background:url(../images/bg-box.gif) repeat-y; padding:0 30px; float:left; width:600px;}
		#box-btm {height:40px; background:url(../images/bg-box-btm.gif) no-repeat; clear:both; width:660px; float:left;}
		/*Content Columns*/
		#left-content {float:left; width:400px;}
		#right-content {float:right; width:180px;}
    #wide-content {float:left; width:600px;}

#tag {position:absolute; top:5px; right:25px;}
	#tag a {display:block; width:113px; height:15px; background:url(../images/watts.gif);}
		#tag a:hover {background-position:bottom;}
		#tag b {display:none;}

		
/*Nav*/
#nav {}
	#nav a {display:block; height:22px; float:right; clear:both;}
	#nav b {display:none;}
	#n1 {background:url(../images/nav/n1.gif); width:146px;}
	#n2 {background:url(../images/nav/n2.gif); width:85px;}
	#n3 {background:url(../images/nav/n3.gif); width:120px;}
	#n4 {background:url(../images/nav/n4.gif); width:85px;}
	#n5 {background:url(../images/nav/n5.gif); width:125px;}
	#n6 {background:url(../images/nav/n6.gif); width:100px;}
	#n7 {background:url(../images/nav/n7.gif); width:100px;}
  #n8 {background:url(../images/nav/n8.gif); width:100px;}
  #n9 {background:url(../images/nav/n9.gif); width:146px;}
  #n10 {background:url(../images/nav/n10.gif); width:126px;}
	/*Hover States*/
	#n1:hover, #n2:hover, #n3:hover, #n4:hover, #n5:hover, #n6:hover, #n7:hover, #n8:hover, #n9:hover, #n10:hover {background-position:center; padding-right:2px;}
	/*On States*/
	#nav a.on, #nav a.on:hover  {background-position:bottom;}
	
	#external-clients {float:right; margin:40px 6px 0 0; clear:both; display:block; width:142px; height:14px; background:url(../images/btn_external-clients.gif) no-repeat;}
		#external-clients:hover {background-position:center; padding-right:2px;}
		#external-clients b {display:none;}
		#external-clients {background-position:bottom;}
		
/*Subnav*/
#subnav {padding-bottom:10px; font-weight:bold; border-bottom:1px solid #EFEBE7; margin-bottom:20px; width: 600px; float: left}
#subnav a {padding:2px; margin-right:14px; color:#BBB0A6; text-decoration:none; float: left}
	#subnav a:hover {color:#000; text-decoration:underline;}
	#subnav a.on {color:#BE1E2D; text-decoration:underline;}
	
/*Tertiary nav*/
#tertiarynav {padding-bottom:10px; border-bottom:1px solid #EFEBE7; margin-bottom:20px;}
#tertiarynav a {padding:2px; margin-right:14px; color:#BBB0A6; text-decoration:none;}
	#tertiarynav a:hover {color:#000; text-decoration:underline;}
	#tertiarynav .on {color:#BE1E2D; text-decoration:underline;}
	
#content .restricted {background:url(../images/lock.gif) no-repeat 0 5px; padding-left:10px;}
#content .admin-restricted {background:url(../images/admin-lock.gif) no-repeat 0 5px; padding-left:10px; color: #E6DFD5; float: right}

/*---------Forms---------*/
.form {padding-top:20px;}
label {padding-right:5px;}

/*Forms*/
#content .form {width:400px; clear:both;}
	.form fieldset {clear:both; border:none; padding:0 0 15px 0; margin:0; background:url(../images/struct/bg-filter.gif) center 7px  no-repeat;}
	.form fieldset legend {padding:5px 0; font-size:12px; font-weight:bold; color:#BBB0A6; position:relative; margin-top:0px;}
	input, select, textarea {font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
	textarea {overflow:auto;}
	#content .form div {clear:both; display:block; width:399px; margin:6px 0 0 0;}
		#content .form div label {display:block; float:left; width:100px; padding:3px 5px; margin:0 0 5px 0;}
		/*Required*/
		.form div.required label, label.required {background:url(../images/struct/bg-required.gif) right no-repeat;}
		/*Field Styles*/
		.form div select, .form div textarea, .form div input.inputText {margin:0; padding:3px; border:1px solid #BBB0A6; background:#FBFAF9;}
			.form div select, form div input.inputText {width:270px;}
			.form div textarea {width:376px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 5px;}
		.form div input.inputDouble {margin-top:5px;}
	/*Radios*/
	#content .form .radio_list {float:left; width:270px; padding:0; margin:0;}
		#content .form .radio_list li {width:270px; clear:both; background:none; padding:0; margin:0; list-style:none;}
		.radio_list input {float:left; width:18px;}
		.radio_list label {line-height:8px;}
		* html .radio_list label {line-height:13px;}
	/*Checkboxes*/
	.checkbox-list input {float:left; width:16px;}
		.checkbox-list label {line-height:8px;}
		* html .checkbox-list label {line-height:13px;}
	/*Notes*/
	#content .form-notes {padding:0 0 0 150px; width:270px; margin:-5px 0 0 0; font-size:11px;}
	* html #content .form-notes {padding:5px 0 0 153px;}
	/*Date of Birth*/
	#d-o-b input {width:40px; padding:1px 3px; padding:2px; border:1px solid #AEBEC8; background:#FBFCFC; }
	/*Active States*/
	input.field:focus, textarea:focus, select:focus, input.field:active, textarea:active, select:active, input.inputText:focus, input.inputText:active, #d-o-b input:focus {background:#fff; border:1px solid #7898B2;}
	/*Inorrect Field*/
	#content .incorrect-field {border:1px solid #EDB2B2;}
/*Feedback boxes*/
.validation {color:#BE1E2D; font-weight:bold;}
#login_error {color:#990000; padding:0px}

.button {float:left; margin-right:20px; display:block; padding:0 20px; height:34px; text-align:center; line-height:34px; font-size:14px; font-weight:bold; border:1px solid #BE1E2D; text-decoration:none; background:url(../images/bg-button.gif) repeat-x; color:#fff;}
.button:hover {background-position:bottom; border:1px solid #000;}

/* Login Admin */
#logins { border: 1px solid #EFEBE7; border-collapse: collapse}
  #logins td, #logins th { border: 1px solid #EFEBE7; border-collapse: collapse}
  #logins td { padding: 0 5px }
  #logins th { color: #C7BEB6 }
  .th-login, .th-password { width: 120px }
  .th-last { width: 100px }
  .th-delete { width: 70px }
  .delete-btn{ background: url(../images/delete_icon.gif) left no-repeat; padding-left: 15px }
form.admin{ border-top: 1px solid #EFEBE7; width: 600px !important; margin: 20px 0 0 0 !important }
  form.admin fieldset { margin-top: -10px }