/* BrewPages.com Common Styles 
   - some styles borrowed from phpBB.com proSilver template.
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0px;
	padding: 0px;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Tahoma, Verdana, Helvetica, Arial, Sans-Serif;
	color: #000000;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10pt;
	margin-top:0px;
	margin: 0px;
	padding: 12px 0;
}

table {
    font-size: 10pt;	
}

a {
   font-family: Tahoma, Verdana, Helvetica, Arial, Sans-Serif;
   color: #6699CC;
}

a:hover {
   color: #9999FF;
}

.toolsLink 
{
    color: #FFFFFF;
    font-weight:bold;
    font-size: 10pt;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #828282;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #828282;
	margin-top: 15px;
	font-weight: bold;
	font-size:12pt;
}

hr {
   color: #6699cc;
   background-color: #6699cc;
   width:475px;
   margin: 5px 0px 5px 0px;
   height: 3px;
   border-top-color: Orange;
   border-bottom-color:  #6699cc;
   border-left-color:  #6699cc;
   border-right-color:  #6699cc;
   border-style: solid;
   border-top-width:1px;
}

.submitButtons {
    color:#FFFFFF;
    font-family:Tahoma;
    font-size:10pt;
    background-color:#6699cc;
    font-weight:bold;
}
.smallButton {
    color:#FFFFFF;
    font-family:Tahoma;
    font-size:8pt;
    background-color:#6699cc;
    font-weight:bold;
}

.wrapper 
{
    /* Div wrapper to center other divs at specific widths */
    text-align:center;
    width:100%;
}

/* Header Styles */
#header {
    /* Header Div */
    background-color: #6699CC;
    width: 100%;
    padding: 3px;
    margin: 0px 0px 8px 0px;
    color: #FFFFFF;
}

.headerTools {
    background-color: #CCCCCC;
    width: 100%;
    padding: 3px;
    margin: 0px 0px 8px 0px;
    color: #6699CC;
    vertical-align:middle;
}    

span#headerToolsMouseOver {
    color:#FFFFFF;
    font-weight:bold;
}

.headerLink {
     color: #FFFFFF;
     font-size:14px;
     font-weight:bold;
     font-family: Tahoma, Helvetica, Sans-Serif;
     text-decoration:none;
}

a.headerLink:hover {
    text-decoration:underline;
    color:Orange;
}

#mainBody {
    margin:0 auto;
    text-align:left;
    width:95%;
}

.respMessage {
    color:Red;
    font-size:10pt;
    font-weight: bold;
}

/* Add Form & View layout */
li.formFields 
{
    width: 41em;
    list-style-type: none;
    border-bottom: 1px dashed #ccc; 
    padding: 3px 3px 3px 3px;
    vertical-align:top;
}
.inputTextLiSpan 
{
    
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	position:relative;
    width: 16em; 
    text-align: left; 
    border-right: 1px dotted #ddd; 
    padding: 3px 3px 3px 3px;
    vertical-align:top;
}
.inputFieldLiSpan {
    
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	position:relative;
    width: 23em; 
    text-align: left; 
    margin-right: 1em; 
    padding: 3px 3px 3px 3px;
    vertical-align:top;
}
.viewTextLiSpan 
{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	position:relative;
    width: 8em; 
    text-align: left; 
    border-right: 1px dotted #ddd; 
    padding: 3px 3px 3px 3px;
    vertical-align:top;
}
.viewFieldLiSpan {
    
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	position:relative;
    width: 31em; 
    text-align: left; 
    margin-right: 1em; 
    padding: 3px 3px 3px 3px;
    vertical-align:top;
    background-color:#ffff99;
}
.viewFieldLiDiv {
    display:block;
	width:31em;
    background-color:#ffff99;
}
.viewTextLiSpan2 
{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	position:relative;
    width: 8em; 
    text-align: left; 
    border-right: 1px dotted #ddd; 
    padding: 3px 3px 3px 3px;
    vertical-align:top;
}
.viewFieldLiSpan2 {
    
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	position:relative;
    width: 31em; 
    text-align: left; 
    margin-right: 1em; 
    padding: 3px 3px 3px 3px;
    vertical-align:top;
    background-color:#D5EAF6;
}
.viewFieldLiDiv2 {
    display:block;
	width:31em;
    background-color:#D5EAF6;
}
.viewRightTools {
    padding: 0px 0px 0px 8px;
}
.viewInfoBoxHeader {
    color:#FFFFFF;
    font-weight:bold;
}

.viewInfoBoxSetting {
    color:#FFFFFF;
    font-style:italic;
}

.viewInfoBoxSettingChecks {
    color:#FFFFFF;
    display:none;
}

.inputField {
    background-color:#CCCCCC;
    font-family:Tahoma;
    font-size:10pt;
}

/* Search/Browse */

.searchRadioButs {
    font-size:8pt;
    color:#FFFFFF;
}

.searchLi {
    color:#FFFFFF;
    font-size:10pt;
    font-weight:bold;
    margin: 0px 0px 4px 0px;
}
.browseLi {
    background-color:#FFCC66;
    color:#FFFFFF;
    font-size:10pt;
    font-weight:bold;
    margin: 0px 0px 4px 0px;
    padding: 3px;
}

.searchLink {
    color:#000099;
    font-size:9pt;
    font-weight:normal;
}

.searchLinkExtract {
    color:#0066FF;
    font-size:9pt;
    font-weight:bold;
}

.browseRight {
    padding:0px 0px 4px 10px;
}


/* Extras - alphabetized*/
.smallNote {
    font-size:7pt;
}

.successMsg {
    font-size:11pt;
    color:Red;
    width: 365px;
}
.spacer1 {
    height:8px;
}
.noStyleList {
    list-style-type: none;
}
.recipeComment {
    text-align:left;
    margin: 5px 5px 5px 0px;
    width: 39em;
}
.copyright 
{
    font-size:8pt;
    color:#666666;
    text-align:left;
    margin: 20px 0px 0px 0px;
}

.copyrightLink 
{
    font-size:8pt;
    color:#CCCCCC;
}

.announcement 
{
    width:39em;
    font-size:8pt;
    margin:3px 3px 3px 0px;   
}
/* Spiffy Corners */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFA300}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffd791;
  border-right:1px solid #ffd791;
  background:#ffba3f}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fff5e5;
  border-right:1px solid #fff5e5;
  background:#ffb430}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffb430;
  border-right:1px solid #ffb430;}
.spiffy4{
  border-left:1px solid #ffd791;
  border-right:1px solid #ffd791}
.spiffy5{
  border-left:1px solid #ffba3f;
  border-right:1px solid #ffba3f}
.spiffyfg{
  background:#FFA300;
  width:150px;
  padding:4px 4px 4px 4px;
}
.spiffyfg2 {
  background:#FFA300;
  padding:4px 4px 4px 4px;  
}

.s2spiffy{display:block}
.s2spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFCC66}
.s2spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffe9bd;
  border-right:1px solid #ffe9bd;
  background:#ffd88c}
.s2spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fff9ef;
  border-right:1px solid #fff9ef;
  background:#ffd583}
.s2spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffd583;
  border-right:1px solid #ffd583;}
.s2spiffy4{
  border-left:1px solid #ffe9bd;
  border-right:1px solid #ffe9bd}
.s2spiffy5{
  border-left:1px solid #ffd88c;
  border-right:1px solid #ffd88c}
.s2spiffyfg{
  background:#FFCC66;
  width:150px;
  padding:4px 4px 4px 4px;
  }