/* basic HTML tag resets */
html,body,object,iframe,h1,h2,h3,h4,p,img,li,fieldset,form, #body , #body form, #body fieldset, #body input, #body textarea, #body button, #body figure
#body h1, #body h2, #body h3, #body h4, #body p, #body label, #body table, #body tbody, #body thead, #body tfoot, #body tr, #body td{border:0; margin:0; outline:0; padding:0}
#body{font-family:Arial, Helvetica, sans-serif; line-height:1.5;} 

html,body{height:100%;min-height:100%}
:focus{outline:none}
#body img{border:0; outline:0; padding:0; -ms-interpolation-mode:bicubic /* fixes image quality in ie7 resizing */}
#body img, #body object, #body embed{max-width:100%}
.zbl-ul, .zbl-ol{margin-left:0; padding:0 0 0 40px}
.zbl-ul .zbl-li, .zbl-ol .zbl-li, .zbl-p, .zbl-h1, .zbl-h2, .zbl-h3, .zbl-h4{margin:0 0 10px}
.zbl-ul .zbl-li{list-style:disc}
.zbl-ol .zbl-li{list-style:decimal}
article, aside, details, figcaption, figure, footer, header, nav, section{display:block}
audio, canvas, video{display:inline-block; *display:inline; *zoom:1}
.zbl-blockquote{font-size:1.1em; font-style:italic; margin:1em 2%}
.zbl-blockquote{quotes:none}
.zbl-blockquote:before, .zbl-blockquote:after{content:''; content:none}
#body .zbl-h1, .alpha{font-size:2.2em}
#body .zbl-h2, .beta{font-size:1.6em}
#body .zbl-h3, .gamma{font-size:1.2em}
#body .zbl-li, #body .zbl-p, .base{font-size:1em}
.zbl-hr{border:0; border-top:1px solid #ccc; display:block; height:1px; margin:1em 0; padding:0}
#body :focus, #body a:focus, #body a:active, #body input[type="submit"]::-moz-focus-inner{outline:none}
#body .navigation{list-style:none; margin:0; padding:0}
#body .navigation li{list-style:none}
#body .navigation a{text-decoration:none}

.zbl-h1, .zbl-h2, .zbl-h3, .zbl-h4, .zbl-h5{font-weight:normal}

/* base classes */
.clr{clear:both; height:0; visibility:hidden}
.overflow{overflow:hidden}
.float_left{float:left}
.float_right{float:right}
.hide{display:none}
.transition{-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out}

/* content area floats for basic adv. style ports */
.v1 #contentBA, .v2 #sidebarBA{float:left}
.v2 #contentBA, .v1 #sidebarBA{float:right}
.v3 #contentBA, .v3 #sidebarBA{float:none}

/* base navigation styling (horizontal navigation) */
.clearfix:after, 
.navigation:after, .navHolder:after, #body .ADDON-CONTENT:after, 
.row:after, .mainContainer:after, .columnContainer:after{clear:both; content:"."; display:block; height:0; visibility:hidden}
.ie6 .clearfix, .ie7 .clearfix,
.ie6 #headerNav .navigation, .ie6 #sidebarNav .navigation, .ie6 #footerNav .navigation, 
.ie7 #headerNav .navigation, .ie7 #sidebarNav .navigation, .ie7 #footerNav .navigation,
.ie7 .mainContainer, .ie6 .mainContainer, .ie6 .row, .ie7 .row, .ie6 .ADDON-CONTENT, .ie7 .ADDON-CONTENT, 
.ie6 .columnContainer, ie7 .columnContainer{zoom:1 /* triggers hasLayout */
 /* Only IE can see inside the conditional comment and read this CSS rule. Don't ever use a normal HTML comment inside the CC or it will close prematurely. */}
 
 /* grid layout classes */
 .row{margin-bottom:15px}
	.row .d875, .row .d875p, .row .d875pl, .row .d875pr,
	.row .d835, .row .d835p, .row .d835pl, .row .d835pr,
	.row .d80, .row .d80p, .row .d80pl, .row .d80pr,
	.row .d75, .row .d75p, .row .d75pl, .row .d75pr, 
	.row .d67, .row .d67p, .row .d67pl, .row .d67pr,
	.row .d60, .row .d60p, .row .d60pl, .row .d60pr,
	.row .d50, .row .d50p, .row .d50pl, .row .d50pr,
	.row .d40, .row .d40p, .row .d40pl, .row .d40pr,
	.row .d33, .row .d33p, .row .d33pl, .row .d33pr,
	.row .d25, .row .d25p, .row .d25pl, .row .d25pr,
	.row .d20, .row .d20p, .row .d20pl, .row .d20pr,
	.row .d165, .row .d165p, .row .d165pl, .row .d165pr,
	.row .d125,.row .d125p, .row .d125pl, .row .d125pr{float:left;min-height:1px;}
	
/* $Grids */
.d100{} /* don't need with 100% as divs are 100% default anyway...but it's here as a reminder */
    .d100p{padding:0 1.5%; width:97%}
    .d100pl{padding:0 0 0 1.5%; width:98.5%}
    .d100pr{padding:0 1.5% 0 0; width:98.5%}
.d875{width:87.5%}
	.d875p{padding:0 1.5%; width:84.5%}
	.d875pl{padding:0 0 0 1.5%; width:86%}
	.d875pr{padding:0 1.5% 0 0; width:86%}
.d835{width:83.5%}
	.d835p{padding:0 1.5%; width:80%}
	.d835pl{padding:0 0 0 1.5%; width:82%}
	.d835pr{padding:0 1.5% 0 0; width:82%}
.d80{width:80%}
	.d80p{padding:0 1.5%; width:77%}
	.d80pl{padding:0 0 0 1.5%; width:78.5%}
	.d80pr{padding:0 1.5% 0 0; width:78.5%}
.d75{width:75%}
	.d75p{padding:0 1.5%; width:72%}
	.d75pl{padding:0 0 0 1.5%; width:73.5%}
	.d75pr{padding:0 1.5% 0 0; width:73.5%}
.d67{width:67%}
	.d67p{padding:0 1.5%; width:64%}
	.d67pl{padding:0 0 0 1.5%; width:65.5%}
	.d67pr{padding:0 1.5% 0 0; width:65.5%}
.d60{width:60%}
	.d60p{padding:0 1.5%; width:57%}
	.d60pl{padding:0 0 0 1.5%; width:58.5%}
	.d60pr{padding:0 1.5% 0 0; width:58.5%}
.d50{width:50%}
	.d50p{padding:0 1.5%; width:47%}
	.d50pl{padding:0 0 0 1.5%; width:48.5%}
	.d50pr{padding:0 1.5% 0 0; width:48.5%}
.d40{width:40%}
	.d40p{padding:0 1.5%; width:37%}
	.d40pl{padding:0 0 0 1.5%; width:38.5%}
	.d40pr{padding:0 1.5% 0 0; width:38.5%}
.d33{width:33%}
	.d33p{padding:0 1.5%; width:30%}
	.d33pl{padding:0 0 0 1.5%; width:31.5%}
	.d33pr{padding:0 1.5% 0 0; width:31.5%}
.d25{width:25%}
	.d25p{padding:0 1.5%; width:22%}
	.d25pl{padding:0 0 0 1.5%; width:23.5%}
	.d25pr{padding:0 1.5% 0 0; width:23.5%}
.d20{width:20%}
	.d20p{padding:0 1.5%; width:17%}
	.d20pl{padding:0 0 0 1.5%; width:18.5%}
	.d20pr{padding:0 1.5% 0 0; width:18.5%}
.d165{width:16.5%}
	.d165p{padding:0 1.5%; width:13.5%}
	.d165pl{padding:0 0 0 1.5%; width:15%}
	.d165pr{padding:0 1.5% 0 0; width:15%}
.d125{width:12.5%}
	.d125p{padding:0 1.5%; width:9.5%}
	.d125pl{padding:0 0 0 1.5%; width:11%}
	.d125pr{padding:0 1.5% 0 0; width:11%}
	
/* fixed width class */
#body.fixedWidth{min-width:960px}

 /* mobile styling */
#body #mNavLink, #body .mobileNav{display:none}
 
 @media screen and (max-device-width:480px), screen and (max-width:600px){
/* undo fixed with with a mobile layout attached */
#body.fixedWidth.mobileLayout{min-width:1px}
/* show mobile layout navigation */
#body .mobileNav, #body #mNavLink, #body .mobileShow{display:block}
.mobileLayout .navHolder, .mobileHide{display:none} 
/* style for menu button at top right of page */
#body.mobileLayout #mNavLink{background:#ccc; color:#333; border:1px solid #333; border-radius:0 0 0 6px; display:block; padding:5px 10px; position:absolute; right:0; text-decoration:none; top:0; z-index:9999}
/* styling for navigation menu to be placed at bottom of page */
#body.mobileLayout .navigation:after, #body.mobileLayout .navHolder:after{content:""}
#body.mobileLayout .mobileNav{border:none; display:block; margin:0; padding:0; position:relative; z-index:9999}
#body.mobileLayout .mobileNav ul{border:none; margin:0; padding:0}
#body.mobileLayout .mobileNav li{display:block; float:none; margin:0}
#body.mobileLayout .mobileNav ul li a{background:#ccc; border-bottom:1px solid #aaa; color:#333; display:block; padding:5px 15px; text-decoration:none}
	#body.mobileLayout .mobileNav ul li a:hover, 
	#body.mobileLayout .mobileNav ul li a.selected{background:#333; color:#ccc}
	
 /* grid layout classes */
 	#body.mobileLayout .d875, #body.mobileLayout .d875p, #body.mobileLayout .d875pl, #body.mobileLayout .d875pr,
 	#body.mobileLayout .d835, #body.mobileLayout .d835p, #body.mobileLayout .d835pl, #body.mobileLayout .d835pr,
 	#body.mobileLayout .d80, #body.mobileLayout .d80p, #body.mobileLayout .d80pl, #body.mobileLayout .d80pr,
 	#body.mobileLayout .d75, #body.mobileLayout .d75p, #body.mobileLayout .d75pl, #body.mobileLayout .d75pr,
 	#body.mobileLayout .d67, #body.mobileLayout .d67p, #body.mobileLayout .d67pl, #body.mobileLayout .d67pr,
 	#body.mobileLayout .d60, #body.mobileLayout .d60p, #body.mobileLayout .d60pl, #body.mobileLayout .d60pr,
	#body.mobileLayout .d50, #body.mobileLayout .d50p, #body.mobileLayout .d50pl, #body.mobileLayout .d50pr,
	#body.mobileLayout .d40, #body.mobileLayout .d40p, #body.mobileLayout .d40pl, #body.mobileLayout .d40pr,
 	#body.mobileLayout .d33, #body.mobileLayout .d33p, #body.mobileLayout .d33pl, #body.mobileLayout .d33pr,
 	#body.mobileLayout .d25, #body.mobileLayout .d25p, #body.mobileLayout .d25pl, #body.mobileLayout .d25pr,
 	#body.mobileLayout .d20, #body.mobileLayout .d20p, #body.mobileLayout .d20pl, #body.mobileLayout .d20pr,
 	#body.mobileLayout .d165, #body.mobileLayout .d165p, #body.mobileLayout .d165pl, #body.mobileLayout .d165pr,
 	#body.mobileLayout .d125, #body.mobileLayout .d125p, #body.mobileLayout .d125pl, #body.mobileLayout .d125pr{float:none; min-height:1px; margin-bottom:15px; width:auto}
		
#body.mobileLayout, .mobileLayout #outerContainerBA, .mobileLayout #containerBA{border:none; height:auto; margin:0 auto; min-height:50px; min-width:10px; padding:0; width:auto}
#body.mobileLayout #headerBA, #body.mobileLayout #mainBA, #body.mobileLayout #contentBA, 
#body.mobileLayout #sidebarBA, #body.mobileLayout #footerBA{border:none; float:none!important; height:auto; margin:0 auto!important; min-height:50px; min-width:10px; width:auto}

/* removes backgrounds from normal layouts */
#body.mobileLayout #headerBA, #body.mobileLayout #containerBA, #body.mobileLayout #outerContainerBA, #body.mobileLayout #mainBA, #body.mobileLayout #contentBA, #body.mobileLayout #sidebarBA, #body.mobileLayout #footerBA, #mobileLayout .headerContent{background:none}

#body.mobileLayout .zbl-p, #body.mobileLayout .zbl-h1, #body.mobileLayout .zbl-h2, #body.mobileLayout .zbl-h3, #body.mobileLayout img, #body.mobileLayout #headerBA .zbl-p, #body.mobileLayout #contentBA .zbl-p, #body.mobileLayout #sidebarBA .zbl-p, #body.mobileLayout #footerBA .zbl-p{border:none; float:none; position:static; word-wrap:break-word}
#body.mobileLayout #headerBA, #body.mobileLayout #contentBA, #body.mobileLayout #sidebarBA, #body.mobileLayout #footerBA{padding:10px 15px}
#body.mobileLayout #mainBA{padding:0}
.mobileLayout #contentBA{border-bottom:2px solid}
.mobileLayout #containerBA .navigation-container{display:none} 
#body.mobileLayout #outerContainerBA{position:relative}	
}

.ZBL-ADDON{max-width:100%;}