* {margin:0;padding:0;}
html {height:100%;margin:0;padding:0;}

/* Body style */
body {
	background: #5B1C0D;
	margin:0;
	padding:0;
	color: #0D0F12;
	font-weight: normal;
	line-height:1.6;
	font-size:12px;
	font-family:verdana;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
}

/* To ensure text consistency */
div, table, tr, td {
	font-family:verdana;
	line-height:1.6;
	font-size:12px;
}

/*========================================================*/
/*  2. Page Layout                                        */
/*========================================================*/

/* Header styles */
#menu {
	clear:both;
	width:100%;
	background:#c85a02;
	border-top:1px solid #5B1C0D;
	border-bottom:1px solid #5B1C0D;
	height:25px;
}
#content-table {clear:both;width:100%;}

/* The very tricky separator */
.Separator{
	padding-left:10px; /* To create the funny multiple vline */
	padding-right:0px; /* To create the funny multiple vline */

}
.ControlPanel{
width:100%;
background:white;
padding:5px 10px;
border: 1px solid #003366; /* Outer border: darker blue */
}
/* Style for Login/Logout, Register/User controls */
a.LoginUser:link, a.LoginUser:visited, a.LoginUser:active {
	font-family:verdana;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-decoration: none;
}

a.LoginUser:hover{
	font-family:verdana;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}

/* Style for legal related controls */
.LegalLinks, a.LegalLinks:link, a.LegalLinks:visited, a.LegalLinks:active {
	font-family:verdana;
	font-size:11px;
	color:#666;
	font-weight:bold;
	text-decoration: none;
}

a.LegalLinks:hover {
	font-family:verdana;
	font-size:11px;
	color:#333;
	font-weight:bold;
	text-decoration:underline;
}

/*========================================================*/
/*  4. Links and Buttons                                  */
/*========================================================*/

/* Default link style */
a:link {
	color: #933;
	font-weight: bold;
}
a:hover {
	color: #933;
	text-decoration: underline;
}
a:visited, a:active {
	color:#633;
        font-weight:bold;
}
/* text and link style used for most text rendered by modules */
.Normal {
}

a.Normal:link, a.Normal:visited, a.Normal:active {
	font-weight: bold;
  text-decoration:none;
  border-bottom: dotted 1px #333;
}

a.Normal:hover {
	color: #c33;
	border-bottom: solid 1px #333;
}

/* buttons and link buttons style used in the portal admin pages */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active  {
	color: #FFF;	
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #666;
	border-left: 1px solid #bbb;
	border-right: 1px solid #999;
	padding: 2px 8px;
	font-family:verdana;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	background: #720;
	line-height:2;
}

A.CommandButton:hover    {
	text-decoration: none;
	background: #840;
}

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

.Head {
}
.SubHead {
}
.Normal {
}
.NormalBold {
	font-weight: bold;
}
.NormalRed {
	color: #930;
	font-weight: bold;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-size: 11px;
    font-weight: normal;
}

/*  form style */
select, input {
	font-family:verdana;
	font-size: 11px;
}

/* all the other text*/
h3, h4, h5, h6, DT, TFOOT, THEAD, TH {
	color:#333;
	font-weight:bold;
}

H3 {font-size:15px;}

/*========================================================*/
/*  6. Main Menu                                             */
/*========================================================*/

/* Container for main menu */
.MainMenu_MenuContainer {
padding-left:40px;
}

/* Menu bar */
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height:25px;
	padding:0;
}

/* Applies to off state of submenu items only */
.MainMenu_MenuItem {
	background:transparent;
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
	font-family: verdana; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	padding: 5px 10px 5px 5px;
}

/* Container for submenu */
.MainMenu_SubMenu {  /*the same style as MainMenu_MenuItem*/
	z-index: 1000; 
	background:#b85a02;
	cursor: pointer; 
	cursor: hand;
	filter: none;
	border: 1px solid #5B1C0D;
	padding: 5px 10px 5px 5px;
}

/* Hover state for submenu items only */
.MainMenu_MenuItemSel {
	background:inherit;  /* for sub menu rollover effect*/
	cursor: pointer; 
	cursor: hand; 
	font-family:verdana;
	font-size: 11px; 
	font-weight: bold; 
	color:#5B1C0D;
	border: 0;
	padding: 5px 10px 5px 5px;
}

/* The Root Menu styles have to be AFTER the Submenu styles to overwrite submenu styles*/
/* Idle state for main menu items, can overwrite MainMenu_MenuItem */
.RootMenu_Off {
	background:transparent;
	color: #fff;
	font-weight: bold;
	padding:0 8px 0 5px;
}

/* Active state for main menu items */
.RootMenu_On{
	background:transparent;
	color:#fff;
	padding:0 8px 0 5px;
}

/* Hover state for main menu items */
.RootMenu_Hover{
	color:#5B1C0D;
	padding:0 8px 0 5px;
}

/* Inserts a small space between main menu items, also can get rid of the funny red borders */  
.MainMenu_MenuBreak {
	width: auto;
	border: 0;
}

/* Elements we don't really need to see */
.MainMenu_MenuArrow,
.MainMenu_RootMenuArrow,
.MainMenu_MenuIcon {
	display: none;
}

/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/

/* Outer container for module submenu */
.ModuleTitle_MenuContainer {
}

/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 20px;
}

/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family:verdana;
	color: #333;
	font-size: 11px; 
	font-weight: bold; 
	border: #eee 1px solid;
	padding: 1px 4px 2px 2px;
}

/* Inner, INNER(?) container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px -6px;
	background-color: #eee; 
	filter: none; 
	border: #333 1px solid;
	padding: 0px 1px 1px 1px;
}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family:verdana;
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #eee;
	background: #333;
	border: #333 1px solid;
	padding: 1px 4px 2px 2px;
}

/* Elements we don't need to see */
.ModuleTitle_MenuArrow {}

.ModuleTitle_RootMenuArrow,
.ModuleTitle_MenuBreak,
.ModuleTitle_MenuIcon {
	display: none;
}
SPAN.highlight {background:#ffc;}
.module-title {
	font-family:Georgia,Times New Roman,Serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	border-bottom: solid 1px #B36710;
	margin: 6px 0 2px 0;
}
.module-menu {
	position:relative;
	top:5px;
	float:left;
	margin:0 10px;
}
.ListTable {
	width:100%;
	margin:0;
	padding:0;
}
/* transparency */
.transparent {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/portals/phillybeerclub/trans-bg.png');}
.transparent[class] {background-image:url(trans-bg.png);background-repeat:repeat;}
.hide {display:none;}
.blog_content {clear:both;}
.img-left {float:left;margin:2px 20px 5px 0;text-indent:0;text-align:center;}
.img-right {float:right;margin:2px 0 5px 20px;text-indent:0;text-align:center;}
div.blog_published {float:right;}

#content-table {background:#fff!important;}
#admin-table {background:#fff!important;width:100%;padding:0 100px;}
#admin-table .Head {color:#600;font-weight:bold;font-size:14px;}

#header {
	margin:0;
	clear:both;
	width:100%;
	background:#fff url(phillybeerclub.jpg) no-repeat top left;
	height:165px;
	overflow:hidden;
}

/* light text on dark background formatting for left pane contents */
.right-pane {width:200px;padding:20px;background:#ffe;overflow:hidden;}
.left-pane {
	width:200px;
	background: url(bubbles-bg.jpg) repeat-y #571d03;
	padding:20px;
	color:#ccc;
}
.left-pane H1, .left-pane H2, .left-pane H3, .left-pane H4, .head {
	color:#fc3;
}
.left-pane A.Normal {color:#999;}
.left-pane A.CommandButton {display:block;width:40%;background:#753 !important;margin-top:10px !important;margin-right:auto;margin-left:auto;}
.left-pane INPUT {background:#fff8f0!important;margin-top:10px!important;}
.left-pane A.ListTitle {color:#ffde97;}
.left-pane TD.ListDate {color:#fbce6d;font-weight:bold;}

.floating-pane {
float:right;
}
.dnnlogin {
	float:right;
	padding:0 20px 0 0;
}

/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	padding:4px 0;
	margin:0;
}

.module-content {
margin-bottom:25px;
}

/* Custom code for links module */
.module-links .Normal {
font-size:12px !important;
font-weight:bold !important;
background: url(../../beer_tiny.gif) no-repeat left top;
padding:5px;
padding-left:25px !important;
}

/* custom code for events module */
.ListTable .ListDate {
width:50px;
font-size:11px;
text-align:right;
color:#630;
display:block;
margin-top:-5px;
}
.ListTable A.ListTitle {
display:block;
width:120px;
font-size:12px;
border-bottom: dotted 2px;
margin-bottom: 15px;
margin-left:10px;
padding-bottom:5px;
margin-top:-5px;
}

/* custom css for blog module */
.BlogBody {
	font-family: verdana, tahoma, san-serif;
	padding:0 40px;
	line-height:1.5;
	color:#300;
	font-size:12px;
	padding-bottom:20px;
}
.BlogBody P {text-indent:15px;text-align:justify;margin:10px 0;}
.BlogBody UL {margin:0;padding:0;}
.BlogBody LI {text-indent:0px;margin: 6px 0 6px 25px;padding:0;}
.BlogBody h3 {margin:10px 0 0;}
.BlogBody P.float-right {float:right;margin:0px 0px 5px 20px;text-indent:0 !important;text-align:center;font-size:10px;}
.BlogBody P.float-left {float:left;margin:0px 20px 5px 0px;text-indent:0 !important;text-align:center;font-size:10px;}
.BlogBody a {border-bottom:dotted 1px #600;background:#ffe;}
.BlogBody a.lightbox {border-bottom:0;background:#fff;}
.BlogBody a:hover {border-bottom-style:solid;background:#ffd;text-decoration:none;}
.BlogBody IMG {border:solid 1px #5B1C0D;padding:1px;}
.BlogMoreLink p {margin:20px 0;padding:2px 20px;background:#ffe;font-size:14px;text-align:right;border:dotted 1px #fc3;}
.no-border, .no-border img {border:0!important;}
.BlogPublished {float:right;margin:4px 5px 0 0;font-weight:bold;}
.BlogPubMonth {background:#fa0;color:#000;}
.BlogPubDate {background:#eee;}
.BlogHead {
	position:relative;
	background:#7f2800 url(bubbles_blog_bg.jpg) repeat-x;
	border: solid 1px #223;
	margin:20px -20px;padding:0;
	text-shadow:1px 1px 2px #fed, -1px -1px 6px #dc9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:1px 1px 5px #999;
}
h2.BlogTitle {
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 40px 10px 0;
	padding:6px 0px 20px 12px;
}
h2.BlogTitle a {text-decoration:none;}

.BlogDateline {display:none;}
h2.BlogTitle A {color:#000;font-size:20px;}
.BlogFooter {clear:both;}

.mailing-list {text-align:center;width:200px;background:url(../../pbc-next-meeting.jpg) no-repeat top center;padding:0 0 30px;margin:0 auto;}
.mailing-list INPUT {padding: 4px 2px;margin:120px 5px 10px 0;background:#da0 url(../../mailing-list-email.png) no-repeat 0 -8px;width:175px;text-align:center;font-weight:bold;border:solid 1px #fff;}
.mailing-list A.CommandButton {font-weight:bold !important;padding:4px;display:block;margin:0 auto;width:130px;}
.mailing-list .NormalRed {display:block;margin-top:15px;font-size:10px;}

#flickr_badge_wrapper {margin-left:-6px;margin-right:-6px;text-align:center;}
.flickr_badge_image {margin:0 0 10px;}
.flickr_badge_image img {padding:1px; border: 1px solid #5B1C0D !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}

span.event-title {clear:left!important;display:block!important;}







/*lightbox css*/
div.pp_pic_holder .pp_top .pp_left { background: url(/images/prettyPhoto/light_rounded/tl.gif) top left no-repeat; } /* Top left corner */
div.pp_pic_holder .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.pp_pic_holder .pp_top .pp_right { background: url(/images/prettyPhoto/light_rounded/tr.gif) top left no-repeat; } /* Top right corner */
div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */
div.pp_pic_holder .pp_content a.pp_next:hover { background: url(/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_pic_holder .pp_content a.pp_expand { background: url(/images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(/images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_pic_holder .pp_content a.pp_contract { background: url(/images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(/images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_pic_holder .pp_content a.pp_close { width: 95px; height: 22px; background: url(/images/prettyPhoto/light_rounded/btnClose.png) center right no-repeat; cursor: pointer;} /* Close button */
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */
div.pp_pic_holder .pp_bottom .pp_left { background: url(/images/prettyPhoto/light_rounded/bl.gif) top left no-repeat; } /* Bottom left corner */
div.pp_pic_holder .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.pp_pic_holder .pp_bottom .pp_right { background: url(/images/prettyPhoto/light_rounded/br.gif) top left no-repeat; } /* Bottom right corner */
div.pp_pic_holder .pp_loaderIcon { background: url(/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
div.ppt div.ppt_left { background: url(/images/prettyPhoto/light_rounded/ttl.gif) top left no-repeat; }
div.ppt div.ppt_right { background: url(/images/prettyPhoto/light_rounded/ttr.gif) top left no-repeat; }
div.ppt div.ppt_content { background: url(/images/prettyPhoto/light_rounded/ttp.gif) top left repeat-x; }
div.light_square .pp_top .pp_left ,
div.light_square .pp_top .pp_middle,
div.light_square .pp_top .pp_right,
div.light_square .pp_bottom .pp_left,
div.light_square .pp_bottom .pp_middle,
div.light_square .pp_bottom .pp_right,
div.light_square .pp_content,
div.light_square div.ppt_left,
div.light_square div.ppt_right,
div.light_square div.ppt_content { background: #fff; }
div.light_square div.ppt_content { color: #666666; }
div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pp_pic_holder{position:absolute;z-index:10000;width:100px}div.pp_pic_holder .pp_top{position:relative;height:20px}* html div.pp_pic_holder .pp_top{padding:0 20px}div.pp_pic_holder .pp_top .pp_left{position:absolute;left:0;width:20px;height:20px}div.pp_pic_holder .pp_top .pp_middle{position:absolute;left:20px;right:20px;height:20px}* html div.pp_pic_holder .pp_top .pp_middle{position:static;left:0}div.pp_pic_holder .pp_top .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pp_pic_holder .pp_content{position:relative;text-align:left;width:100%;height:40px}div.pp_pic_holder .pp_content .pp_details{display:none;margin:10px 15px 2px 20px}div.pp_pic_holder .pp_content .pp_details p.pp_description{display:none;float:left;margin:0}div.pp_pic_holder .pp_content .pp_details .pp_nav{float:left;margin:3px 0 0 0}div.pp_pic_holder .pp_content .pp_details .pp_nav p{float:left;margin:0 4px}div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px}div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled{background-position:0 -16px;cursor:default}div.pp_pic_holder .pp_content div.hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%}div.pp_pic_holder .pp_content a.pp_next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pp_pic_holder .pp_content a.pp_previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}div.pp_pic_holder .pp_content a.pp_close{float:right;display:block;text-indent:-10000px}div.pp_pic_holder .pp_bottom{position:relative;height:20px}* html div.pp_pic_holder .pp_bottom{padding:0 20px}div.pp_pic_holder .pp_bottom .pp_left{position:absolute;left:0;width:20px;height:20px}div.pp_pic_holder .pp_bottom .pp_middle{position:absolute;left:20px;right:20px;height:20px}* html div.pp_pic_holder .pp_bottom .pp_middle{position:static;left:0}div.pp_pic_holder .pp_bottom .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pp_pic_holder .pp_loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}div.pp_pic_holder #full_res{width:100%;text-align:center;}div.pp_pic_holder #full_res{display:block;margin:0 auto}div.ppt{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}div.ppt div.ppt_left,div.ppt div.ppt_right{float:left;width:19px;height:23px;overflow:hidden}div.ppt div.ppt_content{float:left;line-height:23px}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}