/***********************************************/
/* emx_nav_right.css                           */
/* Use with template Halo_rightNav.html        */
/***********************************************/

/* img, div, li { behavior: url(iepngfix.htc); }*/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	font-size: 16px;
	color : #000000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-color : #fffcec;
	border-left-width : 0px;
	margin-bottom : 5px;
	/*background: #cccccc url(bg_grad.jpg) fixed;*/
}

table {
	font-size : 100%;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited {
	color: #993300;
	text-decoration : none;
	border : 0px dashed #ffcc66;
	border-bottom-width : 1px;
}

a:hover{
	color: #ff9933;
	text-decoration : none;
	border : 0px solid #ff9933;
	border-bottom-width : 1px;
}

/************** header tag styles **************/

h1{
 font: bold 115% "Trebuchet MS",Arial,Helvetica,sans-serif;
 color: #ffe8e8;
 margin: 0px;
 padding: 0px;
 padding-bottom : 3px;
 line-height : normal;
}

h2{
 font: bold 105% Arial,sans-serif;
 color: #452D2C;
 margin: 0px;
 padding: 0px;
 padding-top : 5px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #452D2C;
 margin: 0px;
 padding: 0px;
 padding-top: 10px;
 padding-bottom: 5px;
 border-bottom-color : #c9bc9d;
 border-bottom-style : solid;
 border-bottom-width : 1px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #452D2C;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
	display: inline;
}

label {
 font: bold 1em Arial,sans-serif;
 color: #452D2C;
}
				
input {
font-family: Arial,sans-serif;
}

select {
font-family: Arial,sans-serif;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1 {
	width:98%;
	color: #7e706a;
	background-color : #fffcec;
	overflow : hidden;
	padding : 0px;
	margin : 0px;
	margin-top : 12px;
	margin-left: 2%;
}

#loginContainer{
	width: 98%;
	color: #7e706a;
	background-color : #fffcec;
	overflow : hidden;
	padding : 0px;
	margin : 0px;
	margin-left: 2%;
}

#tl {
	position : relative;
	display : block;
	margin: 0px;
	padding: 0px;
	border : none;
	z-index: 100;
}

#tr {
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	width:98%;
	margin-left: 2%;
}

#headerLogo img {
	border : 0px;
	padding : 0px;
	margin : 0px;
}

#headerLogo a {
	border : 0px;
}

#pageNav{
	background-color: #7e706a;
	float: right;
	width:178px;
	padding: 0px;
	padding-bottom : 32767px;
	margin : 0px;
	margin-bottom : -32767px;
	font: small Verdana,sans-serif;
	display: none;
}

#pageNav img {
	padding-top : 0px;
	margin-top : -20px;
}

#pageNav a:link, #pageNav a:visited {
	color: #ff9933;
	text-decoration : none;
	border : 0px dashed #993300;
	border-bottom-width : 1px;
}

#pageNav a:hover {
	color: #ff9933;
	text-decoration : none;
	border : 0px solid #ff9933;
	border-bottom-width : 1px;
}

#content{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border : 0px solid #cccccc;
	border-bottom-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #000000;
	font-weight: normal;
}

#leftLogo {
	margin : 0px;
	padding : 0px;
	height : 60px;
	background-image : url(../images/headerImageSmoothGlass.jpg);
	background-position : top right;
	background-repeat : no-repeat;
}

#leftLogo img {
	margin-top : 5px;
}

#strapline {
	font-size : 10pt;
	font-style : italic;
	word-spacing : 3px;
	letter-spacing : 1px;
	margin-left : 10px;
	vertical-align : text-top;
}

/************** pageName styles ****************/

#pageName{
	background-color : #7e706a;
	margin: 0px;
	margin-top : -6px;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#pageName img{
	padding: 0px;
	margin: 0px;
}

#pageName h1 {
	float:left;
	line-height:14pt;
}

/************* globalNav styles ****************/

#globalNav{
	position: relative;
	width: 100%;
	height: 32px;
	color: #ffe8e8;
	padding: 0px;
	margin: 0px;
	background-color: #7e706a;
}

#globalNav img {
	margin-bottom: -4px;
}

#globalNav a:link, #globalNav a:visited {
	color: #ff9933;
	text-decoration : none;
	border : 0px dashed #993300;
	border-bottom-width : 0px;
}

#globalNav a:hover {
	color: #ff9933;
	text-decoration : none;
	border : 0px solid #ff9933;
	border-bottom-width : 0px;
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalNavBot {
	position: absolute;
	width : 99.4%;
	top : 32px;
	left : 9px;
	line-height : 5px;
	padding : 0px;
	margin : 0px;
	background-image: url(../images/gblnav_bot.gif);
	background-repeat : repeat-x;
}

*html #globalNavBot {width : 99.1%;}

#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}

#globalLink a:link, #globalLink a:visited {
	font-size: small;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	border : 0px;
	border-right: 1px solid #452d2c;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#globalLink a:hover {
	background-color : #c9bc9d;
	text-decoration: none;
}

.skipLinks {display: none;}

.glink {
	border : 0px;
}

a:hover .glink {
	text-decoration:none;
}


/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 90px;
	left: 0px;
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	background-color : #7e706a;
	color: #f7f5b2;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #810000;
}

.subglobalNav a:hover{
	color: #cccccc;
}


/*************** login styles *****************/

#login {
	font-size: 80%;
	color : #ffffff;
	position: absolute;
	top : 9px;
	right: 10px;
	z-index: 101;
}

#login input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
  border : 1px solid #452D2C;
 }
 
#login a:link, #login a:visited {
	border : 0px;
	text-decoration : none;
	font-weight: bold;	
}

#login a:hover{
	color : #ffffff;
	text-decoration : underline;
	margin: 0px;
}


/*************** search styles *****************/

#search {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
  border : 1px solid #452D2C;
 }
 
#search a:link, #search a:visited {
	border : 0px;
	text-decoration : none;
	font-size: 80%;
	font-weight: bold;	
}

#search a:hover{
	color : #ffffff;
	text-decoration : underline;
	margin: 0px;
}

#searchWrapper {
	padding : 0px;
	margin : 0px;
	width : 99.6%;
}

#frmAZ {
	width: 100%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#343e3e;
	background-color : #e8ffef;
	margin : 0px;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 4px;
	border: 0px none;
	font-size : 80%;
	font-weight : bold;
	text-align : left;
	border : 0px solid #AEBFB3;
	border-bottom-width : 1px;
}

#frmAZ a:link, #frmAZ a:visited {
	color: #758078;
	text-decoration: underline;
	border-bottom-width : 0px;
}


.searchBar{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#343e3e;
	background-color : #e8ffef;
	margin : 0px;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
	border: 0px none;
	font-size : 80%;
	font-weight : bold;
	text-align : left;
	border : 0px solid #AEBFB3;
	border-bottom-width : 1px;
	white-space:nowrap;
}

.searchBar input {
	font-size : 85%;
	font-weight : bold;
	border : 1px solid #343e3e;
}

.searchBar select {
	font-size : 85%;
	font-weight : bold;
	border : 1px solid #343e3e;
}

.searchBar a:link, .searchBar a:visited {
	color: #758078;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}

html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #993300;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfoContainer {
	clear: both;
	padding : 0px;
	margin : 0px;
	margin-left: 2%;
	width:98%;
	white-space : nowrap;
}

#siteInfo{
	color: #cccccc;
	font-size: small;
	background-color : #7e706a;
	margin: 0px;
	padding : 4px;
}

#siteInfoBot {
	position: relative;
	width : 99.4%;
	top : 0px;
	left : 9px;
	line-height : 5px;
	padding : 0px;
	margin : 0px;
	background-image: url(../images/gblnav_bot.gif);
	background-repeat : repeat-x;
}

#bl {
	left : -4px;
	top : 19px;
	line-height : 12px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	position : relative;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#siteInfo a:link, #siteInfo a:visited {
	color: #ff9933;
	text-decoration : none;
	border : 0px dashed #993300;
	border-bottom-width : 1px;
}

#siteInfo a:hover {
	color: #ff9933;
	text-decoration : none;
	border : 0px solid #ff9933;
	border-bottom-width : 1px;
}


/**************** advert styles *****************/

#advert{
	margin : 0px;
	padding: 10px;
	padding-top : 20px;
	color: #fffcec;
	height : 100%;
	vertical-align : top;
}

html>#advert {
	padding-top : 10px;
}
#advert h4 {
 	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size: 110%;
 	color:#fffcec;
	font-weight:bold;
}

#advert img{
	display: block;
}

#advert img.inlineImg {
	position : relative;
	margin-bottom : -10px;
	top : -3px;
	text-align : right;
}

#advert ul {
	font-size:90%;
	margin:0px;
	margin-top:10px;
	padding:0px;
	padding-top:4px;
	list-style-type:none;
}

.w3clogo {
	float:right;
	padding : 0px;
	margin : 0px;
	padding-top: 4px;
}

.w3clogo img {
	border : 0px;
}

.w3clogo a:link {
	border : 0px;
}

ul.actions {
	margin:0;
	padding:0;
	float:right;
}

.actions li {
	margin:0;
	padding:0;
	padding-left:18px;
	padding-right:6px;
	color:#ffffff;
	font-size:75%;
	display:inline;
	border-color:#ffffff;
	border-style:solid;
	border-width:0px;
	border-right-width:1px;
	vertical-align:middle;
}

.actions a:link, .actions a:visited {
	color: #ff9933;
	border-bottom-width:0px;
	text-decoration:none;
}

.actions a:hover {
	border-bottom-width:1px;
}

#advert li {
	margin:0px;
	margin-left:18px;
	padding:0px;
	padding-top:6px;
	padding-bottom:6px;
}


/********** privacy statement styles ***********/

.privacyStatement {
	display : block;
	font-size : 80%;
}

.privacyStatement blockquote {
	font-size : 80%;
}

.privacyStatement img {
	border : 0;
}

.privacyStatement h4 {
	font-weight : bold;
}

.privacyStatement  #footNote {
	font-size : x-small;
	font-style : italic;
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : #c9bc9d;
}

/************* extra page actions **************/

.extraPageActions {
	font-size : 75%;
	text-align : right;
	padding-right : 4px;
}

.extraPageActions img {
	vertical-align : middle;
}


/**************** review styles *****************/

.container {
	padding : 0px;
	padding-top : 20px;
	padding-bottom : 20px;
	margin: 0px auto;
	width : 480px;
}

.shadow {
	margin:0px;
	padding:0px;
	width:536px;
	background-image:url(../images/dropshadowAlpha.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	/*filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;*/
}

* html .shadow {
	width : 480px;
}

.spiderChart {
	margin : 0px;
	padding : 0px;
	text-align:center;
}

.spiderChart img {
	border:0px;
	margin : 0px;
	padding : 0px;
}

.reviewCard {
	background-color : #ffffff;
	position:relative;
	left: -6px;
	top:-6px;
	margin:0px;
	padding : 10px;
	width : 480px;
	border : 1px solid #cccccc;
	border-left : 35px solid #993300;	
}

.reviewTable {
	font-size:95%;
	width: 100%;
	color : #993300;
	background-color : #ffffff;
	line-height: 160%;
}

.reviewTable tr {
	margin : 0px;
	padding : 0px;
}

.reviewTable th {
	text-align : left;
	margin : 0px;
	padding : 0px;
	padding-left:4px;
	background-color : #F4F2D7;
	border : 1px solid #993300;
	border-bottom-width : 0px;
}

.reviewTable textarea {
	width : 98%;
}

.reviewTable select {
	background-color : #f4f2d7;
	font-weight : bold;
}

input.reviewDataEntry {
	padding : 0px;
	margin : 0px;
	width : 88%;
	background-color : #ffffff;
	border : 0px dashed #cccccc;
	border-bottom-width : 1px;
}

div.reviewDataEntryButton {
	font-weight : bold;
	color : #ff9933;
	cursor : pointer;
}

div.reviewDataEntryButtonDisabled {
	cursor : default;
	color : #993300;
}

textarea.reviewDataEntry {
	background-color : #ffffff;
	border : 0px dashed #cccccc;
	border-bottom-width : 1px;
}

.reviewItemData {
	background-color : #ffffff;
	border : 1px solid #993300;
	border-top-width : 0px;
}

.reviewSpacerRow {
	line-height: 4px;
}

.reviewBorderLB {
	border-left: 1px solid #993300;
	border-bottom: 1px solid #993300;
}

.reviewBorderRB {
	border-right: 1px solid #993300;
	border-bottom: 1px solid #993300;
}

.reviewTasteScore {
	color:#000000;
	font-size:200%;
	width:0.75em;
}

.reviewColourBlock {
	width:8.3%;
}

/**************** colour styles *****************/

/* Beer colours */
.colourPale {
	color: #f7f5b2;
}

.bgPale {
	background-color: #f7f5b2;
}

.colourGolden {
	color: #ffff66;
}

.bgGolden {
	background-color: #ffff66;
}

.colourAmber {
	color: #ff9933;
}

.bgAmber {
	background-color: #ff9933;
}

.colourBrown {
	color: #993300;
}

.bgBrown {
	background-color: #993300;
}

.colourRed {
	color: #810000;
}

.bgRed {
	background-color: #810000;
}

.colourBlack {
	color: #000000;
}

.bgBlack {
	background-color: #000000;
}

.colour1 {
	color : #452D2C;
}

.bgColour1 {
	background-color : #452D2C;
}

.colour2 {
	color : #8A6952;
}

.bgColour2 {
	background-color : #8A6952;
}

.colour3 {
	color : #C9BC9D;
}

.bgColour3 {
	background-color : #C9BC9D;
}

.colour5 {
	color : #676E70;
}

.bgColour5 {
	background-color : #676E70;
}

.bgWhite {
	background-color : #ffffff;
}

/************* data display styles ***************/

.data {
	font-size : 80%;
	width : 95%;
	margin : 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	/*border : 1px solid #7e706a;*/
}

.data th {
	color : #ffffff;
	background-color : #c9bc9d;
	text-align : left;
	padding : 2px;
	margin : 0px;
	white-space : nowrap;
	border : 2px solid #fffcec;
}

.data a.orderboth {
	background: #c9bc9d url(../images/order_sprite.png) right 0 no-repeat;
	padding-right: 20px;
}

.data a.orderasc {
	background: #c9bc9d url(../images/order_sprite.png) right -35px no-repeat;
	padding-right: 20px;
}

.data a.orderdesc {
	background: #c9bc9d url(../images/order_sprite.png) right -16px no-repeat;
	padding-right: 20px;
}

.data th a {
	border: none;
	color: #fff;
	display: block;
}

.data td {
	text-align : left;
	padding : 4px;
	margin : 0px;
}

.data #footerLine {
	margin : 0px;
	padding : 0px;
	line-height : 2px;
	height: 2px;
	font-size: 2px;
	background-color : #c9bc9d;
}

.data label {
	margin: 0;
	padding: 0;
	display: none;
}

.data img {
	border : 0px;
}

/*.data a:link, .data a:visited {
	color: #993300;
	text-decoration : none;
	border : 0px dashed #ffcc66;
	border-bottom-width : 1px;
}

.data a:hover {
	color: #ff9933;
	text-decoration : none;
	border : 0px solid #ff9933;
	border-bottom-width : 1px;
}
*/
.dataAlt {
	background-color : #ffffff;
}

.dataAlt2 {
	color : #000000;
	background-color : #ffffff;
	border : 0px dashed #cccccc;
	border-bottom-width : 1px;
	border-top-width : 1px;
}

.dataNavigation {
	font-size: 75%;	
}

td.dataNavigation {
	text-align:right;
}

.dataNavigation img {
	vertical-align : middle;
	border : 0px;
}

.dataNavigation a:link, .dataNavigation a:visited {
	color: #993300;
	text-decoration : none;
	border-bottom-width : 0px;
}

.dataNavigation a:hover {
	color: #ff9933;
	text-decoration : none;
	border-bottom-width : 1px;
}


/************* data entry styles ****************/

table.dataEntry {
	font-size : 80%;
	width : 75%;
	margin-top : 20px;
	margin-bottom : 20px;
	padding-left : 5px;
	padding-right : 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	/*border : 1px solid #7e706a;*/
	/*background-color : #ffffff;*/
}

table.dataEntry95 {
	font-size : 80%;
	width : 95%;
	margin-top : 20px;
	margin-bottom : 20px;
	padding-left : 5px;
	padding-right : 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	/*border : 1px solid #7e706a;*/
	/*background-color : #ffffff;*/
}

.dataEntry caption, .dataEntry95 caption {
	font: bold 100% Arial,sans-serif;
	text-align : left;
	color: #452D2C;
	margin: 0 auto;
	padding: 0px;
	padding-top: 10px;
	border-bottom-color : #c9bc9d;
	border-bottom-style : solid;
	border-bottom-width : 2px;
}

.dataEntry th, .dataEntry95 th {
	color : #452d2c;
	background-color : #f4f2d7;
	text-align : right;
	white-space : nowrap;
}

.dataEntry td, .dataEntry95 td  {
	text-align : left;
	padding-left : 5px;
	padding-right : 5px;
}

.dataEntry textarea, .dataEntry95 textarea {
	width : 98%;
}

input.dataEntry, input.dataEntry95 {
	color : #452d2c;
	font-weight : bold;
}

.dataEntry label, .dataEntry95 label {
	margin: 0;
	padding: 0;
	display: none;
}

.dataEntry #footerLine, .dataEntry95 #footerLine {
	margin : 0px;
	padding : 0px;
	line-height : 2px;
	height: 2px;
	font-size: 2px;
	background-color : #c9bc9d;
}

.dataEntryField {
	background-color : #ffffff;
	border : 1px solid #c9bc9d;
}

.dataEntryField-err {
	background-color : #ffcccc;
	border : 1px solid #810000;
	background-image : url(../images/FamFamSilkIcons/exclamation.png);
	background-position : right;
	background-repeat : no-repeat;
}

select.dataEntryField {
	background-color : #f4f2d7;
	font-weight : bold;
}


table.beerSeasons {
	width : 35%;
}

*html table.beerSeasons {
	width : 25%;
}

.beerSeasons td {
	text-align : right;
	padding : 2px;
	color : #ffffff;
	background-color : #c9bc9d;
}


.validationMsg {
	color:#FF0000;
	font-weight:bold;
	font-size: 95%;
}


/************ data details styles ***************/

.table95 {
	width : 95% !important;
}

.table75 {
	width : 75% !important;
}

table.dataDetails {
	text-align : left;
	font-size : 80%;
	width : 75%;
	margin-top : 20px;
	margin-bottom : 20px;
	padding-left : 5px;
	padding-right : 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	caption-side : top;
}

.dataDetails caption {
	font: bold 100% Arial,sans-serif;
	text-align : left;
	color: #452D2C;
	margin: 0 auto;
	padding: 0px;
	padding-top: 10px;
	border-bottom-color : #c9bc9d;
	border-bottom-style : solid;
	border-bottom-width : 2px;
}

.dataDetails th {
	color : #993300;
	text-align : left;
	font-weight : normal;
	white-space : nowrap;
	padding-left : 5px;
	padding-right : 5px;
	vertical-align : text-top;
}

.dataDetailsAlt th {
	color : #ffffff;
	background-color : #c9bc9d;
	text-align : left;
	padding : 2px;
	margin : 0px;
	white-space : nowrap;
	border : 2px solid #fffcec;
}

.dataDetails td {
	padding-left : 5px;
	padding-right : 5px;
}

td.dataDetailsAlt {
	color:#000000;
	background-color:#ffffff;
	padding-left : 5px;
	padding-right : 5px;
}

.dataDetailsAlt td {
	color:#000000;
	background-color:#ffffff;
	padding-left : 5px;
	padding-right : 5px;
}

.dataDetails textarea {
	width : 98%;
}

.dataDetails label {
		color : #ffffff;
}

.dataDetails #footerLine {
	margin : 0px;
	padding : 0px;
	line-height : 1px;
	height: 1px;
	font-size: 1px;
	background-color : #c9bc9d;
}

input.dataDetails {
	color : #452d2c;
	font-weight : bold;
}

.detailPara {
	margin : 0px;
	padding : 0px;
	padding-top : 2px;
	padding-bottom : 2px;
}

table.dataDetailsLeft {
	text-align : left;
	font-size : 80%;
	width : 75%;
	margin-top : 20px;
	margin-bottom : 20px;
	padding-left : 5px;
	padding-right : 5px;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-top: 0px;
	padding-bottom: 0px;
	caption-side : top;
}

.dataDetailsCaption {
	font: bold 100% Arial,sans-serif;
	text-align : left;
	color: #452D2C;
	margin: 0 auto;
	padding: 0px;
	padding-top: 10px;
	border-bottom-color : #c9bc9d;
	border-bottom-style : solid;
	border-bottom-width : 2px;
}

/**************** login styles *****************/

table.login {
	font-size : 70%;
	padding : 0px;
	margin : 0px;
	width : 35%;
	margin-right: auto;
	margin-left: auto;
	background-color : #f4f2d7;
	border : 1px solid #c9bc9d;
}
.login td {
	padding: 4px;
}

.login th {
	font-size: 120%;
	text-align : right;
}

.login h2 {
	font-size: 140%;
}


/***************** misc styles ******************/

.font95 {
	font-size: 95%;
}

.font85 {
	font-size: 85%;
}

.displayNone {
	display : none;
}

.bordered {
	border: 1px solid #000000;
}

.boxout {
	margin : 4px;
	padding : 4px;
	color : #7e706a;
	background-color : #fffcec;
	border : 1px solid #7e706a;
}

.warning {
	color : #000000;
	background-color : #ffcccc;
	padding-left : 18px;
	padding-right : 2px;
	background-image : url(../images/FamFamSilkIcons/exclamation.png);
	background-position : left;
	background-repeat : no-repeat;
	line-height : 16px;
}

.ok {
	color : #000000;
	background-color : #ccffcc;
	padding-left : 18px;
	padding-right : 2px;
	background-image : url(../images/FamFamSilkIcons/accept.png);
	background-position : left;
	background-repeat : no-repeat;
	line-height : 16px;
}

.infoBoxout {
	color : #000000;
	background-color : #CCF;
	padding-left : 26px;
	padding-right : 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image : url(../images/FamFamSilkIcons/information.png);
	background-position : 8px;
	background-repeat : no-repeat;
	line-height : 16px;
	border: 1px solid #99C;
	margin: 15px;
}

.spinnerBoxout {
	color : #000000;
	background-color : #CCF;
	padding-left : 26px;
	padding-right : 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image : url(../images/t-spinner.gif);
	background-position : 8px;
	background-repeat : no-repeat;
	line-height : 16px;
	border: 1px solid #99C;
	margin: 15px;
}

.successBoxout {
	color : #000000;
	background-color : #CFC;
	padding-left : 26px;
	padding-right : 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image : url(../images/FamFamSilkIcons/tick.png);
	background-position : 8px;
	background-repeat : no-repeat;
	line-height : 16px;
	border: 1px solid #99C;
	margin: 15px;
}

.boxoutIndent {
	padding-left : 8px;
	padding-right : 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height : 16px;
	margin: 15px;
}

.mandatory {
	margin : 0;
	padding : 0;
	margin-left : 4px;
	text-align : left;
	color : #ff0000;
	font-size : 1.25em;
	font-weight : bold;
	vertical-align : top;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.displayField {
	padding : 0px;
	margin : 0px;
	background-color : transparent;
	border : 0px solid #ffffff;
	width:98%;
}

.field-disabled {
        border : 0px none;
		font-size: 100%;
		/*
        background-color : #fffcec;
        color : #000000;
        font-family : "Trebuchet MS", Verdana, sans-serif;
		*/
}

.field-enabled {
        border : 1px solid #810000;
        background-color : #ffffff;
        color : #000000;
		font-size: 100%;
        /*
		font-family : "Trebuchet MS", Verdana, sans-serif;
		*/
}

.displayInputField {
	padding : 0px;
	margin : 0px;
	background-color : transparent;
	border : 0px solid #ffffff;
}

.indent {
	padding-left : 10px;
}

.iconIndent {
	padding-left: 26px;
}

.centered {
	text-align : center;
}

.alignLeft {
	text-align : left !important;
}

td.alignLeft {
	text-align : left !important;
}

.alignRight {
	text-align : right !important;
}

td.alignRight {
	text-align : right !important;
}

th.centered {
	text-align : center;
	text-indent:0px;
}

td.centered {
	text-align : center;
	text-indent:0px;
}

table.centered {
	margin-left : auto;
	margin-right : auto;
}

.dateStamp {
	padding-top : 5px;
	font-size : x-small;
	font-style : italic;
}

.alignTop {
	vertical-align : top;
}

.alignMiddle {
	vertical-align: middle !important;
}

.alignBottom {
	vertical-align : bottom;
}

.floatRight {
	float : right;
}

.floatLeft {
	float : left;
}

.block {
	display:block;
}
	
.noWrap {
	white-space : nowrap;
}

.wrap {
	white-space : normal !important;
	overflow : visible !important;
	line-height : normal !important;
}

.spacerRow {
	padding : 0px;
	margin : 0px;
	line-height: 4px;
}

.onePixSpacerRow {
	padding : 0px;
	margin : 0px;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}

.floatFix {
	padding : 0px;
	margin : 0px;
	line-height: normal;
}

.AS {
	background-image : url(../images/FamFamSilkIcons/wand.png);
	background-position : right;
	background-repeat : no-repeat;
}

.info {
	list-style-image:url(../images/FamFamSilkIcons/information.png);
	margin-left:-18px;
	line-height:normal;
}

p.info {
	color : #000000;
	padding-left:36px;
	padding-top: 1px;
	background-image : url(../images/FamFamSilkIcons/information.png);
	background-position : 18px;
	background-repeat : no-repeat;	/*line-height : 16px;*/
}

p.star {
	color : #000000;
	margin-left:-18px;
	padding-left:36px;
	background-image : url(../images/FamFamSilkIcons/star.png);
	background-position : 18px;
	background-repeat : no-repeat;
	/*line-height : 16px;*/
}

.edit {
	margin-left:-18px;
	padding-left:22px;
	background-image:url(../images/FamFamSilkIcons/application_form_edit.png);
	background-position:4px;
	background-repeat:no-repeat;
}

.withdraw {
	margin-left:-18px;
	padding-left:22px;
	background-image:url(../images/FamFamSilkIcons/cross.png);
	background-position:4px;
	background-repeat:no-repeat;
}

.expand {
	margin-left:-18px;
	padding-left:22px;
	background-image:url(../images/FamFamSilkIcons/bullet_arrow_down.png);
	background-position:4px;
	background-repeat:no-repeat;
}

.add {
	margin-left:-18px;
	padding-left:22px;
	background-image:url(../images/FamFamSilkIcons/add.png);
	background-position:4px;
	background-repeat:no-repeat;
}

.iconSimilar {
	margin-left:-18px;
	padding-left:22px;
	background-image:url(../images/FamFamSilkIcons/cup_link.png);
	background-position:4px;
	background-repeat:no-repeat;
}

.iconAddBarBeer {
	margin-left:-18px;
	padding-left:22px;
	background-image:url(../images/FamFamSilkIcons/cup_add.png);
	background-position:4px;
	background-repeat:no-repeat;
}

.addButton {
	padding : 0px;
	margin : 0px;
	margin-right : 1px;
	border : 0px solid #F4F2D7;
	vertical-align : text-top;
}

.addButton a:link, .addButton a:visited {
	border-bottom-width : 0px;
}

.addButton img {
	padding-left : 1px;
	border: 0px;
}

a.imgButton2 {
	padding: 0.5em 1.5em;
	text-shadow: #ccc 0px 1px;
	text-decoration:none;
	cursor: pointer;
	width: auto;
	overflow: visible;
	white-space:nowrap;
	vertical-align : text-top;
	background-color: #F4F2D7;
	border : 1px solid #7e706a;
}

a.imgButton2x {
	background-color: transparent;
	border-bottom-width : 0px;
}

button.imgButton2x {
	border: 0px;
	background-color: transparent;
}

.imgButton2 img {
	padding-left : 1px;
	border: 0px;
	vertical-align : text-top;
}

.imgButton {
	padding : 4px;
	margin : 0px;
	margin-right : 1px;
	background-color: #F4F2D7;
	border : 1px solid #7e706a;
	vertical-align : text-top;
	cursor: pointer;
	white-space:nowrap;
}

a.imgButton {
	background-color: transparent;
	border-bottom-width : 0px;
}

button.imgButton {
	border: 0px;
	background-color: transparent;
}

.imgButton img {
	padding-left : 1px;
	border: 0px;
	vertical-align : text-top;
}

.clickable {
	cursor:pointer;
}

.smallerFont {
	font-size : 80%;	
}

td.colHeading {
	color : #ffffff;
	background-color : #c9bc9d;
	font-weight : bold;
	text-align : left;
	padding : 2px;
	margin : 0px;
	white-space : nowrap;
	border : 2px solid #fffcec;
}

a:link.footprintLink, a:visited.footprintLink {
	border : 1px solid #ffffff;
}

a:hover.footprintLink {
	border : 1px solid #f7f5b2;
	border-top-color : #ffcc66;
	border-left-color : #ffcc66;
}

.similarScale {
	position : relative;
	padding : 0px;
	margin : 0px;
	margin-top : 2px;
	margin-bottom : 2px;
	background-color : #ff9933;
	height : 12px;
	text-align : center;
	margin-left : auto;
	margin-right : auto;	
}

img.similarScale {
	position : absolute;
	background-color : transparent;
	top : 0;
	left : 0;
}

div.figure {
	padding: 4px;
	margin: 2px auto; /* needed to support centering of almost-full-width figures */
	border: 1px solid #c9bc9d;
}

div.figure p.caption span.caption {
	padding: 0px;
	margin: 0px;
	margin-bottom : 4px;
	text-align: center;
	font-size: 80%;
	font-weight : bold;
}

.figure img {
	border : 0px;
}

a:link.figure, a:visited.figure {
	border : 0px solid #ffffff;
}

a:hover.figure {
	border-bottom : 0px solid #ffffff;
}


input.smlButton {
	font-weight:bold;
	font-size: 80%;
	margin: 0px  0px 0px 10px;
	border : 1px solid #452D2C;
}
 
a:link.smlButton, a:visited.smlButton  {
	border : 0px;
	text-decoration : none;
	font-size: 80%;
	font-weight: bold;	
}

a:hover.smlButton {
	color : #ffffff;
	text-decoration : underline;
	margin: 0px;
}

#pumpclip {
	 height:200px;
}

#pumpclip p {
	margin-top: 90px;
}

.dropShadow {
 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ 
}

.padding10px {
	padding: 10px;
}

.margin10px {
	margin: 10px;
}

.compact {
	padding: 0px;
	margin: 0px;
}

.noMargin {
	margin: 0px;
}

.pdf {
	/*margin-right:-15px;*/
	padding-right:19px;
	background-image: url(../images/pdficon_small.gif);
	background-position:right;
	background-repeat:no-repeat;
}


.borderTop {
	border-top:solid #000 1px;
}

.qTip {
	height:13px;
	width:13px;
	padding: 0px;
	margin: 0px;
	margin-left: 4px;
	margin-right: 3px;
	cursor:help;
	border-bottom: 0px !important;
}

.cbPDF {
	padding: 0px;
	/*margin: 0px;*/
	margin-left: 3px;
	margin-right: 3px;
}

.rbPDF {
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

.col {
	float:left;
	width:20px;
	height:20px;
}

.footerLine {
	margin : 0px;
	padding : 0px;
	line-height : 1px;
	height: 1px;
	font-size: 1px;
	background-color : #c9bc9d;
}

/********* captioned thumbnail styles **********/
/* adapated from the article at http://www.tjkdesign.com */

dl.thumbsAndCaptions {float:left;text-align:center;}
.thumbsAndCaptions dt{width:10em;float:left;margin-bottom:0;} /* vertical space between the images */
.thumbsAndCaptions dd{width:10em;float:left;margin:100px 0 0 -10em; font-weight : bold;}
.thumbsAndCaptions img{vertical-align:bottom;}

.padout10px {
	line-height: 10px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/********************* end **********************/