/* CSS Document */

body 
{
	background-color: #CED6E1;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.leftside
{
	background-image: url(/images/ODIsite2_06.jpg);
	background-repeat: repeat-y;
}

.leftsidebottom
{
	background-image: url(/images/ODIsite2_12.jpg);
	background-repeat: repeat-y;
}

.rightside
{
	background-image: url(/images/ODIsite2_07.jpg);
	background-repeat: repeat-y;
}

.rightsidebottom
{
	background-image: url(/images/ODIsite2_13.jpg);
	background-repeat: repeat-y;
}

.logintop
{
	background-image: url(/images/ODIsite2_04.jpg);
	background-repeat:  no-repeat;
	width: 397px;
	text-align: right;
	vertical-align: top;
	padding: 0px;
}

.loginlogo
{
	background-image: url(/images/ODIsite2_04.jpg);
	background-repeat:  no-repeat;	
	text-align: left;
	vertical-align: top;
	padding: 0px;
}

.contentArea
{
	background-color: #F8F8EC;
	vertical-align: top;	
} 

.organizationName
{
	color: #F8F8EC;
	font-weight: bold;
}

.success
{
	color: Green;	
	font-size: 14px;
}

.greenText
{
	color: Green;		
}

td
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*vertical-align: top;*/
	/*text-align: left;*/
}

img
{
	border: 0;
}

td.fieldname
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	font-weight: bold;   
}

li
{
	font-size: 11px;
}

input
{
	font-size: 11px;
}

checkbox
{
	font-size: 11px;
}

label
{
	font-size: 11px;
}

select
{
	font-size: 11px;
}

Literal
{
	font-size: 11px;
}

TextBox
{
	font-size: 11px;
}

TextArea
{
	font-size: 11px;
}

p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#flashcontent {	
	/*margin-top: 10px;*/
	text-align: center;
	color: #FFFFFF;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	vertical-align:middle;
}

.sectionsubtitle
{
	font-size: 12px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.sectiontitle
{
	font-size: 14px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #3E5E8D;
}

#breadcrumb
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;  
	padding: 0px;
	font-size: 10px;	
	padding-left: 0px;
	padding-bottom: 5px;
}

.price
{
	font-size: 12px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #3E5E8D;
}

#breadcrumb a
{
   font-size: 10px;	
}

#welcomebox
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}

#ctl00_LoginView1_Login
{
	text-align: right;
}

.footer {font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }
.text {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:left; }
.newsdate {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#8788A4; font-weight:bold; }
.error {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:Red; }
.headers {font-size: 14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; }

a:link { text-decoration:underline; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }
a:hover { text-decoration:none; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }
a:visited { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }
a:active { text-decoration:underline; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }

a.footerlink:link { text-decoration:none; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }
a.footerlink:hover { text-decoration:underline; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }
a.footerlink:visited { text-decoration:none; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }
a.footerlink:active { text-decoration:none; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }

.settings { width: 350px; }

/* Module edit pages */
.EditModule
{
	background: #f0f2f4;
	border: solid 1px #898d8f;
	border-top: solid 1px #d2d8db;
	font: normal 11px Arial, Verdana, Sans-serif;	
	cursor: default;
}

/* Module Menu Formatting */
div.Main table td
{	
	text-align: left;
	width: 190px;
}

.MainHeader
{
	background: url('images/headerBg.gif') repeat-x;
	border-top: solid 1px #8d9092;
	border-bottom: solid 1px #8d9092;	
	height: 23px;
	text-align: left;
	vertical-align: middle;
	color: white;
	font-size: 11px;	
	font-weight:bold;
}

.Main
{
	background: #bbc1c9;
	border: solid 1px #898d8f;
	border-top: 0px;
	font: normal 11px Arial, Verdana, Sans-serif;	
	cursor: default;
}

.MainBlue td
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px gray;
	background: #f0f2f4;
	height: 20px;
}

.MainAlt td
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px gray;
	background: white;
	/*background: #F8F8EC;*/
	height: 20px;
}

div.WebBlue table td
{	
	text-align: left;	
}

.WebBlue td
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px white;
	background: #f0f2f4;
	height: 20px;
}

.WebBlueAlt td
{
	border-top: solid 1px #d2d8db;
	border-bottom: solid 1px white;
	background: white;
	/*background: #F8F8EC;*/
	height: 20px;
}

/* Grid Formatting */
.gridStyle { border-style: none; width: 100px; }
.gridHeader 
{
	font-size: 10px; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #F8F8EC; 
	text-align:left; 
	height: 20px;		
}

.gridItem {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:left; vertical-align:top; padding:6px; }
.gridAlternateItem { background-color: #D9D9E1; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; padding:6px; text-align:left; vertical-align:top; }

.pagerStyle {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:left; }

.details-label 
{
	color: #4F5584;
	font-size: 11px;
	font-weight: bold;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	width: 30%;
}
	
.details-text 
{
	color: #4F5584;
	font-size: 11px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
	
.logo
{
	width: 300px;
	height: 90px;
	background-image: url(images/ODILogo.gif);
	background-repeat: no-repeat;
}

/* Beer House Styles */
#loginbox
{
   font-size: 11px;
}

#loginbox input
{
   color: red;
   border-color: red;
   background-color: inherit;
   font-size: 11px;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #818689;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.footermenulink
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;        
}

.footermenulink a
{
   text-decoration: none;
   color: black; 
}

.headermenulink
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 17px;
   text-transform: uppercase;        
}

.headermenulink a
{
   text-decoration: none;
   color: black; 
}

.headermenulink a:hover
{
   text-decoration: underline overline;
   color: black; 
}

.highlight
{
   /*background-color: #cccccc;*/
   color: #000080;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   /*background-color: #818689;*/
}

.articlebox
{
   /*background-color: #fefef0;*/
   /*color: #333333;*/
   /*border: dashed 1px #995117;*/
   padding: 6px 6px 6px 0px;
   font-size: 9px;
}

.articletitle
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3E5E8D;
	text-decoration: none;   
}

a.articletitle:link { text-decoration:underline; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3E5E8D; }
a.articletitle:hover { text-decoration:none; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3E5E8D; }
a.articletitle:visited { text-decoration:underline; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3E5E8D; }
a.articletitle:active { text-decoration:underline; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3E5E8D; }

.articleabstract
{
   padding-top: 6px;
}

.comment
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0px 0px 0px;
	font-size: 11px;
	color: #333333;
}

a.comment:link { text-decoration:underline; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }
a.comment:hover { text-decoration:none; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }
a.comment:visited { text-decoration:none; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }
a.comment:active { text-decoration:none; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }

.pollbox
{
   font-size: 11px;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: red;
   font-size: 9px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

.newsletterbox
{
   font-size: 11px;
}

.newsletterboxcontent
{
   padding: 6px;
}

.postinfo
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #cccccc;
	font-weight: bold;
	text-align: left;
	font-size: 11px;
	padding: 4px;
}

.posttitle
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin-bottom: 10px;
	/*background-color: #f09d35;*/
	color: black;
	font-weight: bold;
}

.postbody
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*padding: 3px;*/
	background-color: #F0F0F0;
}

.shoppingcartbox
{
   font-size: 11px;
}

.shoppingcartboxcontent
{
   /*padding: 6px;*/
}

/* Content Settings */

.sectionTop
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3E5E8D;
	font-weight: bold;
}

.pageTop
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3E5E8D;
	font-weight: bold;
}


/* Page Symbols */

.contactImg
{
	background-image: url(/images/CONTACTsymbol.jpg);
	background-position: right top;	
	background-repeat: no-repeat;
}

.aboutImg
{
	background-image: url(/images/ABOUTsymbol.jpg);
	background-position: right top;	
	background-repeat: no-repeat;
}

.communityImg
{
	background-image: url(/images/COMMUNITYsymbol.jpg);
	background-position: right top;	
	background-repeat: no-repeat;
}

.newsImg
{
	background-image: url(/images/NEWSsymbol.jpg);
	background-position: right top;	
	background-repeat: no-repeat;
}

.productImg
{
	background-image: url(/images/PRODUCTSsymbol.jpg);
	background-position: right top;	
	background-repeat: no-repeat;
}

.cartImg
{
	background-image: url(/images/SHOPPING_symbol.jpg);
	background-position: right top;	
	background-repeat: no-repeat;
}

.testimonialImg
{
	background-image: url(/images/TESTIMONIALsymbol.jpg);
	background-position: right top;	
	background-repeat: no-repeat;
}

.gettingStarted
{
	background-image: url(/images/GettingStarted.jpg);
	background-repeat: no-repeat;
}

/* rounded tabs with border */
.rBox {
	background-color: #DCEEFF;
	border: 1px solid #4B98DC;
}
.rTab {
	background-color: #DCEEFF;
	border: 1px solid #4B98DC;
	border-top: 0;
	border-bottom: 0;
}
.r1 {
	background-color: #4B98DC;
}
.r2 {
	background-color: #DCEEFF;
	border: 2px solid #4B98DC;
	border-top: 0;
	border-bottom: 0;
}
.r3 {
	background-color: #DCEEFF;
	border: 1px solid #4B98DC;
	border-top: 0;
	border-bottom: 0;
}
.r4 {
	background-color: #DCEEFF;
	border: 1px solid #4B98DC;
	border-top: 0;
	border-bottom: 0;
}
.rBot {
	font-size: 11px;
	border-bottom: 1px solid #4B98DC;
	padding-bottom: 8px;
}
.rMain {
	background-color: #DCEEFF;
	border: 1px solid #4B98DC;
	border-top: 0;
}
.tab2 {
	background-color: #9FD1FF;
}

/*CSS for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */

.tooltip
{
	width: 200px; color:#000;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration:none;text-align:center
}

.tooltip span.top
{
	padding: 30px 8px 0;
    background: url(/images/bt.gif) no-repeat top
}

.tooltip b.bottom
{
	padding:3px 8px 15px;color: #548912;
    background: url(/images/bt.gif) no-repeat bottom
}

/* CSS for round corner boxes */    

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background: transparent url(/images/demobox.png) no-repeat bottom right; 
} 

.cssbox {
	width: 340px !important; /* intended total box width - padding-right(next) */ 
	width: 310px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	/*margin: 20px auto; /* use to position the box */ 
} /* set the top-right image */ 

.cssbox_head 
{
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
} /* set the top-left image */ 

.cssbox_head h2 
{
	background-position: top left; 
	font-family: Arial;
	text-align: left;
	font-size: 18px;
	color: #F0F2F4;
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 15px 0 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
} /* set the lower-left corner image */ 

.cssbox_body 
{
	background-position: bottom left; 
	text-align: left;
	margin-right: 10px; /* interior-padding right */ 
	padding: 0px 0px 10px 15px; /* mirror .cssbox_head right/left */ 

}

/* CSS for round corner boxes for reports */    

/* set the image to use and establish the lower-right position */ 
.cssboxReports, .cssbox_bodyReports, .cssbox_headReports, .cssbox_headReports h2 {
	background: transparent url(/images/demobox.png) no-repeat bottom right; 
} 

.cssboxReports {
	width: 225px !important; /* intended total box width - padding-right(next) */ 
	width: 145px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	/*margin: 20px auto; /* use to position the box */ 
} /* set the top-right image */ 

.cssbox_headReports 
{
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
} /* set the top-left image */ 

.cssbox_headReports h2 
{
	background-position: top left; 
	font-family: Arial;
	text-align: left;
	font-size: 12px;
	color: #F0F2F4;
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 10px 0 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
} /* set the lower-left corner image */ 

.cssbox_bodyReports 
{
	background-position: bottom left; 
	text-align: left;
	margin-right: 10px; /* interior-padding right */ 
	padding: 0px 0px 10px 15px; /* mirror .cssbox_head right/left */ 

}