/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/border.png") repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/border.png") repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url("/ClientScript/colorbox/colorbox-dark-1//images/loading_background.png") no-repeat center center;}
        #cboxLoadingGraphic{background:url("/ClientScript/colorbox/colorbox-dark-1//images/loading.gif") no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
	margin:0px; padding:0px;
	outline:none;
}
.markItUp a:link,
.markItUp a:visited {
	color:#000;
	text-decoration:none;
}
.markItUp  {
	width:700px;
	margin:5px 0 5px 0;
	border:5px solid #F5F5F5;	
}
.markItUpContainer  {
	border:1px solid #3C769D;	
	background:#FFF url("/ClientScript/markitup/skins/html//images/bg-container.png") repeat-x top left;
	padding:5px 5px 2px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.markItUpEditor {
	font:12px 'Courier New', Courier, monospace;
	padding:5px 5px 5px 35px;
	border:3px solid #3C769D;
	width:643px;
	height:320px;
	background:#FFF url("/ClientScript/markitup/skins/html//images/bg-editor.png") no-repeat;
	clear:both;
	line-height:18px;
	overflow:auto;
}
.markItUpPreviewFrame	{
	overflow:auto;
	background-color:#FFFFFF;
	border:1px solid #3C769D;
	width:99.9%;
	height:300px;
	margin:5px 0;
}
.markItUpFooter {
	width:100%;
	cursor:n-resize;
}
.markItUpResizeHandle {
	overflow:hidden;
	width:22px; height:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("/ClientScript/markitup/skins/html//images/handle.png");
	cursor:n-resize;
}
/***************************************************************************************/

.markItUpEditor {
	
	background:#FFF url("/ClientScript/markitup/skins/html//images/bg-editor-html.png") no-repeat;
	
}

/* first row of buttons */
.markItUpHeader ul li	{
	list-style:none;
	float:left;
	position:relative;
}
.markItUpHeader ul li ul{
	display:none;
}
.markItUpHeader ul li:hover > ul{
	display:block;
}
.markItUpHeader ul .markItUpDropMenu {
	background:transparent url("/ClientScript/markitup/skins/html//images/menu.png") no-repeat 115% 50%;
	margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right:0px;
}
.markItUpHeader ul .markItUpSeparator {
	margin:0 10px;
	width:1px;
	height:16px;
	overflow:hidden;
	background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
	width:auto; height:1px;
	margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display:none;
	position:absolute;
	top:18px; left:0px;	
	background:#F5F5F5;
	border:1px solid #3C769D;
	height:inherit;
}
.markItUpHeader ul ul li {
	float:none;
	border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#F5F5F5 url("/ClientScript/markitup/skins/html//images/submenu.png") no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
	position:absolute;
	top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
	float:none;
}
.markItUpHeader ul a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	padding:3px;
	margin:0px;
}
.markItUpHeader ul ul a {
	display:block;
	padding-left:0px;
	text-indent:0;
	width:120px; 
	padding:5px 5px 5px 25px;
	background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
	color:#FFF;
	background-color:#3C769D;
}
/***************************************************************************************/
.html .markItUpButton1 a {
	background-image:url("/ClientScript/markitup/skins/html//images/h1.png"); 
}
.html .markItUpButton2 a {
	background-image:url("/ClientScript/markitup/skins/html//images/h2.png"); 
}
.html .markItUpButton3 a {
	background-image:url("/ClientScript/markitup/skins/html//images/h3.png"); 
}
.html .markItUpButton4 a {
	background-image:url("/ClientScript/markitup/skins/html//images/h4.png"); 
}
/*
.html .markItUpButton5 a {
	background-image:url("/ClientScript/markitup/skins/html//images/h5.png"); 
}
.html .markItUpButton6 a {
	background-image:url("/ClientScript/markitup/skins/html//images/h6.png"); 
}
.html .markItUpButton7 a {
	background-image:url("/ClientScript/markitup/skins/html//images/paragraph.png"); 
}
*/
.html .markItUpButton5 a {
	background-image:url("/ClientScript/markitup/skins/html//images/paragraph.png"); 
}

.html .markItUpButton6 a {
	background-image:url("/ClientScript/markitup/skins/html//images/bold.png");
}

/*
.html .markItUpButton9 a {
	background-image:url("/ClientScript/markitup/skins/html//images/italic.png");
}
.html .markItUpButton10 a {
	background-image:url("/ClientScript/markitup/skins/html//images/stroke.png");
}


.html .markItUpButton11 a {
	background-image:url("/ClientScript/markitup/skins/html//images/list-bullet.png");
}
.html .markItUpButton12 a {
	background-image:url("/ClientScript/markitup/skins/html//images/list-numeric.png");
}
.html .markItUpButton13 a {
	background-image:url("/ClientScript/markitup/skins/html//images/list-item.png");
}

.html .markItUpButton14 a {
	background-image:url("/ClientScript/markitup/skins/html//images/picture.png"); 
}
.html .markItUpButton15 a {
	background-image:url("/ClientScript/markitup/skins/html//images/link.png");
}

.html .markItUpButton16 a {
	background-image:url("/ClientScript/markitup/skins/html//images/clean.png");
}
*/

.html .markItUpButton7 a {
	background-image:url("/ClientScript/markitup/skins/html//images/list-bullet.png");
}
.html .markItUpButton8 a {
	background-image:url("/ClientScript/markitup/skins/html//images/list-numeric.png");
}
.html .markItUpButton9 a {
	background-image:url("/ClientScript/markitup/skins/html//images/list-item.png");
}

.html .markItUpButton10 a {
	background-image:url("/ClientScript/markitup/skins/html//images/picture.png"); 
}
.html .markItUpButton11 a {
	background-image:url("/ClientScript/markitup/skins/html//images/link.png");
}

.html .preview a {
	background-image:url("/ClientScript/markitup/skins/html//images/preview.png");
}

div#toolbar, div#toolbarbut 
{
 position:fixed; 
  bottom: 0px;
  right: 0px;
  z-index: 99; 
  height: 36px;
  background-image: url("/Data/style/jqtoolbar//bcktool.jpg");
  
  /*
using a png caused issues in IE8
background-image: url("/Data/style/jqtoolbar//bcktool.png");
 
  */
  border-top: 1px solid #eee;
  border-left: 1px solid #eee; 
  border-right: 1px solid #eee;  
  
  /* CSS3 */
  -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; 
  -khtml-box-shadow: 0px 1px 10px #666;
  -webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
  
  
	
}

div#toolbar {
  width: 90%;
  min-width: 800px; /* to limit the width when an excessive window resize */
  margin: 0px auto; /* centered toolbar */
  left: 0px;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 60px;
  height: 15px;
  margin-right: 3%;
  display: none;
}

span.showbar a { /* show button */
  padding: 5px;  
  font-size: 10px;
  color: #555;
}

.toolbarleft{
  float: left; display:none;
}

.toolbarright 
{ white-space:nowrap;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left:10px;
  float: right;
  
  
}

/* for ipad fixed positioning is problematic */

/*
@media only screen and (device-width: 768px) { 
    div#toolbar, div#toolbarbut { position:static;  }
	
}
*/





/*-- Left Side --*/

ul#social li {
  display: inline;
}

#social { float: left;}

a.rss, a.facebook, a.twitter, a.digg, a.delicious, a.stumble {
  display: inline-block;
  width: 40px;
  height: 35px;        
  margin-top: 1px;
}

a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.rss {
  background: url("/Data/style/jqtoolbar//rss.png") no-repeat;
}

a.facebook {
  background: url("/Data/style/jqtoolbar//facebook.png") no-repeat;
}

a.twitter {
  background: url("/Data/style/jqtoolbar//twitter.png") no-repeat;
}

a.delicious {
  background: url("/Data/style/jqtoolbar//delicious.png") no-repeat;
}

a.digg {
  background: url("/Data/style/jqtoolbar//digg.png") no-repeat;
}

a.stumble {
  background: url("/Data/style/jqtoolbar//stumble.png") no-repeat;
}

/*-- Right Side --*/

span.downarr { /* hide button */ 
  float: right;
  border-left: 1px solid #a4a4a4;
}

span.downarr a {
  display: block;
  width: 36px;
  height: 26px;
  padding: 25px 0 0 10px;
  background: url("/Data/style/jqtoolbar//downarrow.png") no-repeat 5px 7px;
}

#toolbar ul {
	margin:0;
	padding:0;
	list-style:none;
 
  
}

#toolbar a.adminlink ,
#toolbar a.adminlink:link ,
#toolbar a.adminlink:visited ,
#toolbar a.adminlink:hover ,
#toolbar a.adminlink:active { 
font-size: 14px!important; 
border-left: 1px solid #a4a4a4;
  padding: 8px 8px 10px 23px;
  line-height: 32px;
  color: #555;
  text-decoration:none;
}
#toolbar a.adminlink:hover {  text-decoration:underline;}

#toolbar a.adminlink { font-weight:700; text-decoration: underline; }
#toolbar a.adminlink:hover { color: #666;}

#toolbar a.adminmenulink { background: transparent url("/Data/style/jqtoolbar//key.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.filemanlink { background: transparent url("/Data/style/jqtoolbar//folder_explore.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.newpagelink { background: transparent url("/Data/style/jqtoolbar//page_white_add.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.pageeditlink { background: transparent url("/Data/style/jqtoolbar//page_white_edit.png") no-repeat; background-position : 5px 50%;  }
#toolbar a.pagesettingslink { background: transparent url("/Data/style/jqtoolbar//page_white_wrench.png") no-repeat; background-position : 2px 50%;  }


       

/* ----------------------------------
mojoPortal Admin Menu CSS
To use this, add this to your style.config file:
<file cssvpath="/Data/style/adminmenu/style.css" imagebasevpath="/Data/style/adminmenu/">none</file>
------------------------------------- */

/* Admin menu -- 2.8+ */
.panelwrapper.adminmenu { 
    padding: 30px 30px 30px 27px;
}

.adminmenu ul.simplelist * {
    box-sizing: border-box;
}

.adminmenu ul.simplelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -15px; 
    margin-right: -15px;
    padding: 0
}

.adminmenu ul.simplelist>li {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%/7);
    flex: 0 0 calc(100%/7);
    font-family: arial,sans-serif;
    font-size: 14px;
    min-width: 160px;
    padding: 15px;
    text-align: center;
}

.adminmenu ul.simplelist>li a {
    border: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    position: relative;
	text-decoration: none;
}

.adminmenu ul.simplelist>li a>span.fa {
    margin: 10px 0;
    font-size: 30px;
}

.adminmenu ul.simplelist>li a>span.fa.fa-stack {
    font-size: 20px;
}

.adminmenu ul.simplelist>li a:hover {
    background-color: #eee;
    text-decoration: none;
}

/* Admin menu -- before 2.8 
For more information about Crystal Clear icons, http://commons.wikimedia.org/wiki/Category:Crystal_Clear_icons 
This css and few custom modified verasions of crystal icons were contributed by Steve Railsback of Colorado State U 2010-09-29

*/


/*
div.adminmenu {  }
div.adminmenu ul.simplelist { margin: 0 0 1em -20px; }
div.adminmenu ul.simplelist li { float: left; display: block; background-image:none; }
div.adminmenu ul.simplelist li  a { 
	line-height: 1em; 
	display: block; 
	width: 100px; 
	height: 40px; 
	float: left; 
	padding: 60px 10px 10px 10px; 
	margin: 5px; 
	text-decoration: none; 
	border: 1px solid #ddd; 
	text-align: center;  
}

html[dir='rtl'] div.adminmenu ul li { float: right;}
html[dir='rtl'] div.adminmenu ul li a { float: right; }


div.adminmenu ul.simplelist li a:hover { color: #000; border: 1px solid #333; background-color: #eee; } 

a.lnkSiteSettings { background: url("/Data/style/adminmenu//Crystal_Clear_action_run.png") no-repeat center 10px; }


a.lnkSecurityAdvisor, a.lnkSecurityAdvisorWarning {background: url("/Data/style/adminmenu//Crystal_Clear_app_agent.png") no-repeat center 10px; }


a.lnkSecurityAdvisorWarning { color:Red !important; border-color:Red !important; }
a.lnkSecurityAdvisorWarning:after { content: " Needs Attention! "; }
span.secwarning { display: none; }


a.lnkCommerceReports { background: url("/Data/style/adminmenu//Crystal_Clear_app_kchart.png") no-repeat center 10px;}
a.lnkContentManager { background: url("/Data/style/adminmenu//Crystal_Clear_mimetype_document.png") no-repeat center 10px;}
a.lnkContentWorkFlow { background: url("/Data/style/adminmenu//Crystal-Clear-content_workflow.png") no-repeat center 10px; }
a.lnkContentTemplates { background: url("/Data/style/adminmenu//Crystal_Clear_app_kivio.png") no-repeat center 10px;}
a.lnkStyleTemplates { background: url("/Data/style/adminmenu//Crystal-Clear-app-stylesheet.png") no-repeat center 10px;}
a.lnkSiteList { background: url("/Data/style/adminmenu//folder_html.png") no-repeat center 10px;}
a.lnkPageTree { background: url("/Data/style/adminmenu//Crystal-Clear-action-view-tree.png") no-repeat  center 10px;}
a.lnkRoleAdmin { background: url("/Data/style/adminmenu//Crystal_Clear_users.png") no-repeat  center 10px;}
a.lnkFileManager { background: url("/Data/style/adminmenu//Cystal_Clear_file_manager.png") no-repeat  center 10px;}
a.lnkAddUser { background: url("/Data/style/adminmenu//Crystal_Clear_add_user.png") no-repeat  center 10px;}
a.lnkCoreData { background: url("/Data/style/adminmenu//Crystal_Clear_app_database.png") no-repeat  center 10px;}
a.lnkAdvancedTools { background: url("/Data/style/adminmenu//Crystal-Clear-action-configure.png") no-repeat  center 10px;}
a.lnkLogViewer { background: url("/Data/style/adminmenu//Crystal-Clear-mimetype-vcalendar.png") no-repeat  center 10px;}
a.lnkServerInfo { background: url("/Data/style/adminmenu//Crystal-Clear-app-ksysguard.png") no-repeat  center 10px;}
a.lnkNewsletter { background: url("/Data/style/adminmenu//Crystal-Clear-app-kontact.png") no-repeat  center 10px;}
a.lnkMemberList { background: url("/Data/style/adminmenu//Crystal-Clear-kuser2.png") no-repeat  center 10px;}
a.lnkCurrencyAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-currency.png") no-repeat  center 10px;}
a.lnkCountryAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-app-locale.png") no-repeat  center 10px;}
a.lnkGeoZone { background: url("/Data/style/adminmenu//Crystal-Clear-app-browser.png") no-repeat  center 10px;}
a.lnkTaxClassAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-app-kspread.png") no-repeat  center 10px;}
a.lnkTaxRateAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-tax.png") no-repeat  center 10px;}
a.lnkUrlManager { background: url("/Data/style/adminmenu//Crystal-Clear-url.png") no-repeat  center 10px;}
a.lnkRedirectManager { background: url("/Data/style/adminmenu//Crystal-Clear-redirect.png") no-repeat  center 10px;}
a.lnkBannedIPs { background: url("/Data/style/adminmenu//Crystal-Clear_banned_ip.png") no-repeat  center 10px;}
a.lnkFeatureAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-app-kpackage.png") no-repeat  center 10px;}
a.lnkTaskQueue { background: url("/Data/style/adminmenu//Crystal_Clear_action_editpaste.png") no-repeat  center 10px;}
a.lnkWebPartAdmin { background: url("/Data/style/adminmenu//Crystal_Clear_Networksettings.png") no-repeat  center 10px;}
a.lnkAwaitingApproval { background: url("/Data/style/adminmenu//Crystal_Clear_waiting_approval.png") no-repeat  center 10px;}
a.lnkRejectedContent { background: url("/Data/style/adminmenu//Crystal_Clear_rejected_content.png") no-repeat  center 10px;}
a.lnkPendingPages { background: url("/Data/style/adminmenu//FileCrystal-Clear-draft_pages.png") no-repeat  center 10px;}
a.AnalyticsMenuLink { background: url("/Data/style/adminmenu//Crystal-Clear-app-browser.png") no-repeat  center 10px; }
a.lnkDevTools  { background: url("/Data/style/adminmenu//devtools.png") no-repeat  center 10px; }
a.lnkDesignTools  { background: url("/Data/style/adminmenu//designtools.png") no-repeat  center 10px; }
a.lnkRegistrationAgreement, a.lnkLoginInfo  { background: url("/Data/style/adminmenu//RegAgreement.png") no-repeat  center 10px; }
a.lnkPermissionAdmin { background: url("/Data/style/adminmenu//permissions.png") no-repeat  center 10px; }
a.lnkSkinList { background: url("/Data/style/adminmenu//skin.png") no-repeat center 10px; }
a.lnkCacheTool { background: url("/Data/style/adminmenu//cache.png") no-repeat center 10px; }
*/


span.normalthread{ background: url("/Data/style/forums//folder.png") no-repeat; display:inline-block; width:18px; height:20px; }
span.lockedthread{ background: url("/Data/style/forums//lock.png") no-repeat; display:inline-block; width:18px; height:20px; }
span.stickythread{ background: url("/Data/style/forums//folder_star.png") no-repeat; display:inline-block; width:18px; height:20px; }
.newthread, .newpost { background: url("/Data/style/forums//folder_edit.png") no-repeat; background-position: 0px 2px; padding-left:18px;  }
.forumEdit, .threadEdit, .postEdit { background: url("/Data/style/forums//pencil.png") no-repeat; background-position: 0px 0px; padding-left:18px;  }
.forumfeed { background: url("/Data/style/forums//feed.png") no-repeat; background-position: 0px 0px; padding-left:18px; }.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender//arrow-left.gif");}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender//arrow-right.gif");}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
/* http://weblogs.asp.net/kevinbrammer/archive/2008/05/31/asp-net-gridview-themes.aspx */

.AspNet-GridView
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#999999 1px solid;
}

.AspNet-GridView table { width: 100%; }
.AspNet-GridView table { width: 100%; }
.AspNet-GridView table.editgrid { margin:0px;}

.AspNet-GridView table thead
{
    background-image: url("/Data/style/gridview//HeaderWhiteChrome.jpg");
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border-bottom:solid 1px #999;
}

.AspNet-GridView table thead th
{
    padding: 5px;
    color: #333;
	text-align:left;
}

.AspNet-GridView table thead th a
{
    text-decoration:none;
    color:#333;
    display:block;
    text-align:left;
   
}

.AspNet-GridView table tbody tr td
{
    padding: 5px;
    border-right: solid 1px #999;
	background-color:#E4E4E4;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
    background-color: #fff;
}

.AspNet-GridView div.AspNet-GridView-Pagination
{
background-image: url("/Data/style/gridview//HeaderWhiteChrome.jpg");
    background-position:center;
    background-repeat:repeat-x;
    background-color:#fff;
	border-bottom:solid 1px #999;
}

.AspNet-GridView div.AspNet-GridView-Pagination a
{
color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #fff;
    border-right:solid 1px #999;
    border-bottom:solid 1px #999;
    border-left:solid 1px #fff;
}

.AspNet-GridView div.AspNet-GridView-Pagination span
{
font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}

.AspNet-GridView tr.AspNet-GridView-Empty
{
	color:#ffffff;
    background-color: #c9c9c9;
	 text-align:center; 
}

.AspNet-GridView tr.AspNet-GridView-Empty p
{ padding-top:20px;}

.formResults .AspNet-GridView table thead, .formResults  div.AspNet-GridView-Pagination
{
background-image: none;
}

html[dir='rtl'] .AspNet-GridView table thead th { text-align: right;}
html[dir='rtl'] .AspNet-GridView table thead th a { text-align: right; }
body.filedialog{ color: black;}

h2.logitem { font-size: 1em; }

input.openid_login { background:url("/Data/style/common//openidlogin.gif") no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }


/* autocomplete extender */

ul.autocomplete_completionListElement 
{  
	margin : 0px 0px 0px 0px!important;
	padding: 0px !important;
	background-color : white;
	color : black;
	border-color : gray;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 300px;
    text-align : left; 
    list-style-type : none !important;
	
}

li.autocomplete_highlightedListItem
{
	margin-left: 0px !important ;
	background-color: #ffff99;
	color: black;
	padding: 1px !important;
	background-image:none!important;
	
	
}

li.autocomplete_listItem 
{
	
	margin-left: 0px !important;
	background-color : white;
	color : black;
	padding : 1px !important;
	background-image:none!important;

	
}

/* jQuery Cycle Pager 
 * Required for HTML Module "Slide Show Pager" option.
 */
.cyclenav {text-align: center;}
.cyclenav a{margin-right: 3px;}
.cyclenav a.activeSlide {font-weight: bold;}

/* Example of jQuery Cycle Pager with 'dots' for the navigation links
 * To use this, place 'cycledots' (without quotes) in the 
 * 'Custom CSS Class' setting of the HTML Content Module being used 
 * for the slideshow
 */
.cycledots .cyclenav a{
	background: transparent url("/Data/style/common//cyclenav-bullet2.png") no-repeat scroll center -28px; 
	line-height: 40px;
	overflow: hidden;
	height: 14px;
	width: 14px;
	display: inline-block;}
.cycledots .cyclenav a:focus,
.cycledots .cyclenav a.activeSlide{ background-position: center -14px; }
.cycledots .cyclenav a:hover { background-position: center 0; }


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }



/* faq */
.faqs{padding-top:20px}
.faqs dt{font-weight:bold;background:url("/Data/style/common//q.gif") 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.faqs dt:hover{cursor:pointer}
.faqs dd{background:url("/Data/style/common//a.gif") 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#333}
.faqs .hover{color:#990000;text-decoration:underline}

/*mojorating */
.ratingcontainer { float:right; white-space:nowrap; margin:5px 5px 5px 5px;  }
.ratingprompt { float: left; margin-right: 5px; }
.voteswrap { margin-left: 5px; }
.ratingcontainer div { float:left; white-space:nowrap; margin:0px 0px 0px 0px;  }
.ratingrow { white-space:nowrap; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }
.ratingStar .Filled { background-image:url("/Data/style/common//ratingStarFilled.png"); }
.ratingStar .Empty { background-image:url("/Data/style/common//ratingStarEmpty.png"); }
.ratingStar .Saved { background-image:url("/Data/style/common//ratingStarSaved.png"); }
.ratingbuttons {  margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;  }
.rcommentprompt { display:block;}
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:206px; height:200px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:200px; height:100px; }



a.addtocal { background: url("/Data/style/common//calendar_add.png") no-repeat; background-position: 0px 2px; padding-left:18px; display:inline-block; min-height:22px; margin-right:4px;  }

/* ***************************************
** Diff related styles
*****************************************/

ins {
	background-color: #cfc;
	text-decoration:inherit;

}

del {
	color: #999;
	background-color:#FEC8C8;
}

ins.mod {
    background-color: #FFE1AC;
}

a.inlineedittoggle.ui-icon { display: inline-block; }

.filedialog { margin: 0; padding: 0;}
#GalleryPreview{ table-layout: fixed; width: 450px; margin: 0 auto;float: left; border: 0px solid #0000ff; }
#GalleryPreview_VerticalFix { width: 450px; display: table-cell; text-align: left; border: 0px solid #00ff00; }
#GalleryPreview img { max-width: 550px; max-height: 550px;}
.boldtext { font-weight: bold;}

#filewrapper {}
#filewrapper .fileoperations { background-color: #F0EFF1; }
#filewrapper .foldercreation,
#filewrapper .fileupload { float: left; width: 50%;}
#filewrapper .operationpanel { padding: 0 5px; }
#filewrapper .operationheading { display: block; text-align: center; background-color: #E0DFE3; font-weight: bold;}
#filewrapper .imageresizeoptions { margin-top: 10px; }
#filewrapper .imageresizeoptions,
#filewrapper .operationinstructions { font-size: 110%; }
#filewrapper .imageresizecheckbox { display: block; }
#filewrapper .imageresizecheckbox input { margin-right: 3px; }
#filewrapper .errorpanel span { margin-top: 5px; }

#filewrapper .fileselection > div { }
#filewrapper .filetreewrapper { float: left; width: 33%; }
#filewrapper .filepreview { float: left; width: 67% }
#filewrapper .filepreview .operationpanel { padding: 0 0 0 15px; }
#filewrapper .rootfolder { float: left; height: 475px; width: 100%; margin-left: 10px; overflow: auto; }
#filewrapper #pnlFileTree { padding-right: 30px; }
#filewrapper .smalltextbox { width: 30px; margin-right: 10px; }

.fileinput-button {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 4px;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}

div.uploadfilelist {
	padding-top: 10px;
	clear: both;
}

div.uploadfilelist .ui-button,
.uploadcontainer .ui-button {
	padding: 7px;
}

ul.filelist {
	
	list-style: none;
}

ul.filelist .ui-icon-trash {
	display: inline-block;
	cursor: hand;
	cursor: pointer;
	
}

div.fileupload-dropzone {
	padding: 50px 0 50px 0;
	width: 100%;
	border:dashed thin black;
	margin: 4px 4px 4px 4px;
	text-align:center;
	vertical-align:middle;
}

/* editor styles, classes assigned by toolbar items */
.AlignCenter , p.AlignCenter {
  text-align: center;
}
 
.AlignLeft , p.AlignLeft{
  text-align: left;
}
 
.AlignRight, p.AlignRight {
  text-align: right;
}
 
.AlignJustify, p.AlignJustify {
  text-align: justify;
}
 
.Indent1, p.Indent1 , ol.Indent1, ul.Indent1{
  margin-left: 40px;
}
 
.Indent2, p.Indent2, ol.Indent2, ul.Indent2 {
  margin-left: 80px;
}
 
.Indent3, p.Indent3, ol.Indent3, ul.Indent3 {
  margin-left: 120px;
}

.font-xsmall {
  font-size: 60%;
}
.font-small {
  font-size: 80%;
}
.font-normal {
  font-size: 100%;
}
.font-large {
  font-size: 120%;
}
.font-xlarge {
  font-size: 140%;
}

table.jqtable td { font-weight:bold; }
table.FileManager_table { width:99%; }

div.cmdbar { display:inline-block; min-width:300px; min-height:14px; max-height: 14px; }
a.forumcommand { margin: 0px 10px 0px 10px; }


/* added for 2.7 */
.pagelayout__item-btn { 
    background: 0; 
    border: 0 none; 
    outline: 0 none;
    padding: 5px 0;
    cursor: pointer;
}
.pagelayout__item-btn:hover > svg {
    fill: #a90a11;
}

.pagelayout .panelistbox { 
    display: flex; 
    flex-flow: row nowrap; 
}

.pagelayout-item-btns {
    width: 40px;
    flex: 1 1 33px;
}
/* end add for 2.7 *//* ------------------------------------------------------------------
   CKEditor content classes
   Required since mojoPortal 2.5.0.0. These are the classes the CKEditor
   toolbar buttons apply to content authored in Html modules, blog posts, etc.
   See https://www.mojoportal.com/docs/upgrading-skins

   The upgrade doc wraps the image float rules in media queries and says to
   comment them out if the skin is not responsive. This is a fixed-width
   Artisteer 3.0 design (style.css sets min-width: 900px), so the media queries
   are omitted and the floats apply at all widths.

   This file is loaded BEFORE style.css and style-artisteer-overrides.css so
   that the Artisteer design keeps the upper hand on anything it also styles.
   ------------------------------------------------------------------ */

.text-left    { text-align: left; }
.text-right   { text-align: right; }
.text-center  { text-align: center; }
.text-justify { text-align: justify; }

.text-indent-1 { text-indent: 40px; }
.text-indent-2 { text-indent: 60px; }
.text-indent-3 { text-indent: 80px; }

.font-xsmall { font-size: 60%; }
.font-small  { font-size: 80%; }
.font-normal { font-size: 100%; }
.font-large  { font-size: 120%; }
.font-xlarge { font-size: 140%; }

.image-left {
	float: left;
	margin-right: 10px;
}

.image-right {
	float: right;
	margin-left: 10px;
}

.image-center {
	display: block;
	margin: 0 0 10px;
	text-align: center;
}

.image-captioned figcaption {
	font-size: small;
	margin: 10px 0;
	opacity: 0.7;
}
/* begin Page */
/* Created by Artisteer v3.0.0.39952 */

#art-main, table
{
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    text-align: justify;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
    margin: 0;
    padding: 0;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    text-align: justify;
}

.art-postcontent p
{
    margin: 12px 0;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  text-align: left;
}

.art-postcontent a
{
  text-decoration: underline;
  color: #598D20;
}

.art-postcontent a:link
{
  text-decoration: underline;
  color: #598D20;
}

.art-postcontent a:visited, .art-postcontent a.visited
{
  color: #67836A;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{
  text-decoration: none;
  color: #396C09;
}

.art-postcontent h1
{
   color: #67836A;
margin: 10px 0 0;
   font-size: 22px;    
}

.art-blockcontent h1
{
margin: 10px 0 0;
   font-size: 22px; 
}

.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited 
{
   font-size: 22px; 
}

.art-postcontent h2
{
   color: #4C614E;
margin: 4px 0;
   font-size: 22px;    
}

.art-blockcontent h2
{
margin: 4px 0;
   font-size: 22px; 
}

.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited 
{
   font-size: 22px; 
}

.art-postcontent h3
{
   color: #4C614E;
   font-size: 16px;    
}

.art-blockcontent h3
{   font-size: 16px;
 
}

.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited 
{
   font-size: 16px; 
}

.art-postcontent h4
{
   color: #364537;
margin: 20px 10px 20px 20px;
   font-size: 16px;    
}

.art-blockcontent h4
{
margin: 20px 10px 20px 20px;
   font-size: 16px; 
}

.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited 
{
   font-size: 16px; 
}

.art-postcontent h5
{
   color: #364537;
margin: 23px 10px 23px 20px;
   font-size: 14px;    
}

.art-blockcontent h5
{
margin: 23px 10px 23px 20px;
   font-size: 14px; 
}

.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited 
{
   font-size: 14px; 
}

.art-postcontent h6
{
   color: #4C614E;
margin: 32px 10px 32px 20px;
   font-size: 14px;    
}

.art-blockcontent h6
{
margin: 32px 10px 32px 20px;
   font-size: 14px; 
}

.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited 
{
   font-size: 14px; 
}

ul
{
  list-style-type: none;
}

ol
{
  list-style-position: inside;
}

html 
{
    height:100%;
}

#art-main
{
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
  overflow:visible;
  float: left;
  clear: left;
}

body
{
  padding: 0; 
  margin:0;
  color: #737373;
  height:100%;
  min-height:100%;
  background-color: #FFFFFF;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/Bottom_texture.jpg");
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top center;
  min-width: 900px;
}

.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}

.reset-box
{
  overflow:hidden;
  display:table; 
}

form
{
  padding: 0 !important;
  margin: 0 !important;
}

table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
/* end Page */

/* begin Header */
div.art-header
{
    margin: 0 auto;
  position: relative;
  z-index: -1;
  width:100%;
  height: 200px;
  margin-top: 9px;
  margin-bottom: -4px;
}

.art-header-wrapper 
{
        position: relative;
    width:900px;
    margin:0 auto;
}
.art-header-inner 
{
    margin: 0 4px;
}

div.art-header-center
{
	position: relative;
	width: 1920px;
	left:50%;
}

/* end Header */

/* begin HeaderObject */
div.art-headerobject
{
  display: block;
  left: 100%;
  margin-left: -277px;
  position: absolute;
  top: 0;
  width: 277px;
  height: 200px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/header-object.png");
}
/* end HeaderObject */

/* begin Logo */
div.art-logo
{
  display: block;
  position: absolute;
  top: 68px;
  left: 6%;
  margin-left: -28px;
}

h1.art-logo-name
{
  display: block;
  text-align: left;
  font-style: italic;
  font-size: 43px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: #68A626 !important;
}
h1.art-logo-name a, 
h1.art-logo-name a:link, 
h1.art-logo-name a:visited, 
h1.art-logo-name a:hover
{
  font-style: italic;
  font-size: 43px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: #68A626 !important;
}

h2.art-logo-text
{
  display: block;
  text-align: left;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  font-size: 12px;
  padding: 0;
  margin: 0;
  color: #7C987E !important;
}
h2.art-logo-text a,
h2.art-logo-text a:link,
h2.art-logo-text a:visited,
h2.art-logo-text a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  font-size: 12px;
  padding: 0;
  margin: 0;
  color: #7C987E !important;
}

#headline, #slogan 
{
    display: block;
    min-width: 150px;
    text-align: left;
}
/* end Logo */

/* begin Menu */
/* menu structure */

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
    outline: none;
}

.art-hmenu, .art-hmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.art-hmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

.art-hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.art-hmenu li li
{
  float: none;
}

.art-hmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
  min-height: 0;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/spacer.gif");
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.art-hmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.art-hmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.art-hmenu:after, .art-hmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-hmenu{
  min-height: 0;
  position:relative;
  padding: 10px 6px 10px 6px;
}

.art-hmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}

div.art-nav-center
{
  position: relative;
  float: right;
  right: 50%;
}

ul.art-hmenu
{
  position: relative;
  float: left;
  left: 50%;
}

.firefox2 ul.art-hmenu
{
  float: none;
}

/* menu structure */

.art-nav
{
   position: relative;
  width:900px;
  margin:0 auto;
  min-height: 47px;
  z-index: 100;
    margin-top: -3px;
    margin-bottom: -3px;
}

.art-nav-outer
{
    position:absolute;
    width:100%;
}

.art-nav-wrapper 
{
        position: relative;
    width:900px;
    margin:0 auto;
}
.art-nav-inner 
{
    margin: 0 4px;
}

.art-nav-l, .art-nav-r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/nav.png");
}

.art-nav-l
{
  left: 0;
  right: 12px;
}

.art-nav-r
{
  right: 0;
  width: 900px;
  clip: rect(auto, auto, auto, 888px);
}

/* end Menu */

/* begin MenuItem */
.art-hmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 27px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.art-hmenu ul li
{
    margin:0;
    clear: both;
}

.art-hmenu a .r, .art-hmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 91px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/menuitem.png");
}

.art-hmenu a .l
{
  left: 0;
  right: 4px;
}

.art-hmenu a .r
{
  width: 408px;
  right: 0;
  clip: rect(auto, auto, auto, 404px);
}

.art-hmenu a .t, .art-hmenu ul a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.art-hmenu a .t
{
  color: #D4DDD5;
  padding: 0 25px;
  margin: 0 4px;
  line-height: 27px;
  text-align: center;
}

.art-hmenu a:hover .l, .art-hmenu a:hover .r
{
  top: -32px;
}

.art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r
{
  top: -32px;
}

.art-hmenu li:hover a .l, .art-hmenu li:hover a .r
{
  top: -32px;
}
.art-hmenu a:hover .t
{
  color: #191F19;
}

.art-hmenu li:hover a .t
{
  color: #191F19;
}

.art-hmenu li:hover>a .t
{
  color: #191F19;
}

.art-hmenu a.active .l, .art-hmenu a.active .r
{
  top: -64px;
}

.art-hmenu a.active .t
{
  color: #000000;
}
/* end MenuItem */

/* begin MenuSeparator */
.art-hmenu .art-hmenu-li-separator
{
  display: block;
  width: 6px;
  height:27px;
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-hmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 20px;
  width: 180px;
  overflow: hidden;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/subitem.png");
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #A0DB61;
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #1F2820;
  font-size: 12px;
  margin:0;
  padding:0;
}

.art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #1F2820;
  font-size: 12px;
  margin:0;
  padding:0;
}

.art-hmenu ul li a:hover
{
  color: #191F19;
  border-color: #87D237;
  background-position: 0 -20px;
}

.art-hmenu ul li:hover>a
{
  color: #191F19;
  border-color: #87D237;
  background-position: 0 -20px;
}

.art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span
{
  color: #191F19;
}

.art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span
{
  color: #191F19;
}

/* end MenuSubItem */

/* begin Box, Sheet */
.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 25px;
  min-height: 25px;
  margin-top: 7px;
  margin-bottom: -3px;
  cursor:auto;
  width: 900px;
}

.art-sheet-body
{
  position: relative;
  padding: 4px;
    padding-top:4px;
    padding-bottom:4px;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl
{
  position: absolute;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
{
  width: 36px;
  height: 36px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/sheet_s.png");
}

.art-sheet-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 18px, 18px, auto);
}

.art-sheet-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 18px, 18px);
}

.art-sheet-bl
{
  bottom: 0;
  left: 0;
  clip: rect(18px, 18px, auto, auto);
}

.art-sheet-br
{
  bottom: 0;
  right: 0;
  clip: rect(18px, auto, auto, 18px);
}

.art-sheet-tc, .art-sheet-bc
{
  left: 18px;
  right: 18px;
  height: 36px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/sheet_h.png");
}

.art-sheet-tc
{
  top: 0;
  clip: rect(auto, auto, 18px, auto);
}

.art-sheet-bc
{
  bottom: 0;
  clip: rect(18px, auto, auto, auto);
}

.art-sheet-cr, .art-sheet-cl
{
  top: 18px;
  bottom: 18px;
  width: 36px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/sheet_v.png");
}

.art-sheet-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 18px);
}

.art-sheet-cl
{
  left: 0;
  clip: rect(auto, 18px, auto, auto);
}

.art-sheet-cc
{
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  bottom: 18px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/sheet_c.png");
}

#art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare
{
  min-width: 900px;
}

/* end Box, Sheet */

/* begin Layout */
.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  width:100%;
  margin-top:0;
  margin-bottom:0;
}
.art-layout-cell, .art-content-layout-row
{
  background-color: Transparent;
  vertical-align: top;
  text-align: left;
  border: none;
  margin:0;
  padding:0;
}

.art-content-layout .art-content-layout{margin:0;}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
.art-layout-cell .art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}/* end Layout */

/* begin Box, Block */
.art-block
{
  position: relative;
  min-width: 15px;
  min-height: 15px;
  margin: 7px;
}

.art-block-body
{
  position: relative;
  padding: 8px;
}

.art-block-tr, .art-block-tl, .art-block-br, .art-block-bl, .art-block-tc, .art-block-bc,.art-block-cr, .art-block-cl
{
  position: absolute;
}

.art-block-tr, .art-block-tl, .art-block-br, .art-block-bl
{
  width: 14px;
  height: 14px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/block_s.png");
}

.art-block-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 7px, 7px, auto);
}

.art-block-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 7px, 7px);
}

.art-block-bl
{
  bottom: 0;
  left: 0;
  clip: rect(7px, 7px, auto, auto);
}

.art-block-br
{
  bottom: 0;
  right: 0;
  clip: rect(7px, auto, auto, 7px);
}

.art-block-tc, .art-block-bc
{
  left: 7px;
  right: 7px;
  height: 14px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/block_h.png");
}

.art-block-tc
{
  top: 0;
  clip: rect(auto, auto, 7px, auto);
}

.art-block-bc
{
  bottom: 0;
  clip: rect(7px, auto, auto, auto);
}

.art-block-cr, .art-block-cl
{
  top: 7px;
  bottom: 7px;
  width: 14px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/block_v.png");
}

.art-block-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 7px);
}

.art-block-cl
{
  left: 0;
  clip: rect(auto, 7px, auto, auto);
}

.art-block-cc
{
  position: absolute;
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
  background-color: #E5EBE6;
}

div.art-block img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-color: #B5C5B6;
  border-style: solid;
  margin: 0;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader
{
  margin-bottom: 0;
  position: relative;
  height: 33px;
}

.art-blockheader h3.t
{
  position: relative;
  height: 33px;
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  margin:0;
  padding: 0 10px 0 10px;
  white-space: nowrap;
  line-height: 33px;
}

.art-blockheader h3.t a,
.art-blockheader h3.t a:link,
.art-blockheader h3.t a:visited, 
.art-blockheader h3.t a:hover
{
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-blockcontent-body
{
  position: relative;
  padding: 7px;
  color: #2F3C30;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

.art-blockcontent-body table,
.art-blockcontent-body li, 
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
  color: #2F3C30;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

.art-blockcontent-body a, .art-blockcontent-body a:link
{
  color: #4D910D;
  text-decoration: underline;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
  color: #769378;
  text-decoration: underline;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
  color: #465947;
  text-decoration: none;
}

.art-blockcontent-body ul li
{
  text-decoration: none;
  line-height: 125%;    
  color: #2F3C30;
  margin: 0 0 0 5px;
  padding: 0 0 0 10px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/blockcontentbullets.png");
  background-repeat: no-repeat;
}/* end Box, BlockContent */

/* begin Button */
.art-button-wrapper a.art-button,
.art-button-wrapper a.art-button:link,
.art-button-wrapper input.art-button,
.art-button-wrapper button.art-button
{
  text-decoration: none;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  position:relative;
  top:0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #FFFFFF !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 27px;
  height: 27px;
  margin: 0 !important;
  padding: 0 25px !important;
  overflow: visible;
  cursor: pointer;
}

.art-button img, .art-button-wrapper img
{
  margin: 0;
  vertical-align: middle;
}

.art-button-wrapper
{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 27px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.firefox2 .art-button-wrapper
{
  display: block;
  float: left;
}

input, select, textarea
{
  vertical-align: middle;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}

.art-block select 
{
    width:96%;
}

.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover
{
  color: #1B3404 !important;
  text-decoration: none !important;
}

.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link
{
  color: #DAE2DB !important;
}

.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r
{
  display: block;
  position: absolute;
  height: 91px;
  margin: 0;
  padding: 0;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/button.png");
}

.art-button-wrapper .art-button-l
{
  left: 0;
  right: 1px;
}

.art-button-wrapper .art-button-r
{
  width: 403px;
  right: 0;
  clip: rect(auto, auto, auto, 402px);
}

.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r
{
  top: -32px;
}

.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r
{
  top: -64px;
}

.art-button-wrapper input
{
  float: none !important;
}
/* end Button */

/* begin Box, Post */
.art-post
{
  position: relative;
  min-width: 1px;
  min-height: 1px;
  margin: 0;
}

.art-post-body
{
  position: relative;
  padding: 15px;
}

a img
{
  border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
  border: solid 1px #B5C5B6;
  margin: 7px;
}

.art-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}

.art-article table, table.art-article
{
  border-collapse: collapse;
  margin: 1px;
}

.art-article th, .art-article td
{
  padding: 2px;
  border: solid 1px #819C84;
  vertical-align: top;
  text-align: left;
}

.art-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}

pre
{
  overflow: auto;
  padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
h2.art-postheader
{
  color: #3E6417;
  margin: 4px 0;
  font-size: 22px;
}

h2.art-postheader a, 
h2.art-postheader a:link, 
h2.art-postheader a:visited,
h2.art-postheader a.visited,
h2.art-postheader a:hover,
h2.art-postheader a.hovered
{
  font-size: 22px;
}

h2.art-postheader a, h2.art-postheader a:link
{
  text-decoration: none;
  color: #4C791B;
}

h2.art-postheader a:visited, h2.art-postheader a.visited
{
  color: #586F5A;
}

h2.art-postheader a:hover,  h2.art-postheader a.hovered
{
  color: #396C09;
}

/* end PostHeaderIcon */

/* begin PostBullets */
.art-post ol, .art-post ul
{
  margin: 1em 0 1em 2em;
  padding: 0;
}

.art-post li
{
  line-height: 150%;
  color: #485B49; 
  margin: 0 0 10px -17px;
  padding: 0 0 0 13px;
}

.art-post li ol, .art-post li ul
{
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
}

.art-post ol>li
{
  background: none;
  padding-left: 0;
  /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.art-post ul>li
{
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/postbullets.png");
  background-repeat: no-repeat;
  padding-left: 13px;
  /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
  overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
.art-postcontent blockquote,
.art-postcontent blockquote a,
.art-postcontent blockquote a:link,
.art-postcontent blockquote a:visited,
.art-postcontent blockquote a:hover
{
  color: #112103;
  font-style: italic;
  font-weight: normal;
  text-align: left;
}

.art-postcontent blockquote p
{
   margin: 2px 0;
}

.art-postcontent blockquote
{
   border: solid 1px #B9E58B;
  margin: 10px 10px 10px 50px;
  padding: 6px 6px 6px 6px;
  background-color: #E7FBD5;
  /* makes blockquote not to align behind the image if they are in the same line */
  overflow: auto;
  clear:both;
}

/* end PostQuote */

/* begin Footer */
.art-footer
{
  position: relative;
  margin-top:10px;
  margin-bottom:0;
  width: 100%;
}

.art-footer-body
{
    position:relative;
    padding: 8px;
}

.art-footer-text p
{
  padding:0;
  margin:0;
  text-align: center;
}

.art-footer-text,
.art-footer-text a,
.art-footer-text a:link,
.art-footer-text a:visited,
.art-footer-text a:hover,
.art-footer-text td, 
.art-footer-text th,
.art-footer-text caption
{
    color: #161D17;
}

.art-footer-text
{
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.art-footer-text a,
.art-footer-text a:link
{
  color: #54A00E;
  text-decoration: none;
}

.art-footer-text a:visited
{
  color: #67836A;
}

.art-footer-text a:hover
{
  color: #78BF2B;
  text-decoration: underline;
}

div.art-footer img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-color: #B5C5B6;
  border-style: solid;
  margin: 0;
}/* end Footer */

/* begin PageFooter */
.art-page-footer, 
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #598D20;
}

.art-page-footer
{
  padding: 1em;
  text-align: center;
  text-decoration: none;
  color: #4C614E;
}
/* end PageFooter */

/* begin LayoutCell, sidebar1 */

.art-content-layout .art-sidebar1
{
  width: 200px;
}

/* end LayoutCell, sidebar1 */

/* begin LayoutCell, content */

/* end LayoutCell, content */

/* begin LayoutCell, sidebar2 */

.art-content-layout .art-sidebar2
{
  width: 200px;
}

/* end LayoutCell, sidebar2 */


/* overrides for Artisteer you should not modify the files exported from Artisteer such as style.css, you can override things as needed here or in stylemojo.css */

/* this is needed because the artisteer buttons otherwise looke enabled even when disable */
input.art-button[disabled="disabled"] { background-color: #ccccff !important; color: #9999cc !important; }

/* ------------------------------------------------------------------
   Added when this skin was brought up to the current mojoPortal skin spec.
   https://www.mojoportal.com/docs/upgrading-skins
   ------------------------------------------------------------------ */

/* When only ONE side column has content, mojoPortal replaces that pane's whole CSS class with
   its leftSideNoRightSideCss / rightSideNoLeftSideCss value. Because layout.Master sets
   UseArtisteer3="true", mojoPortal never reads portal:LayoutDisplaySettings, so those two
   values keep their built-in defaults of "left-center" and "right-center" - which means
   "art-layout-cell art-sidebar1 leftside" is thrown away and the sidebar loses its table-cell
   display and its width.

   These two rules reproduce what art-layout-cell + art-sidebar1/2 + leftside/rightside do, so
   the one-sided layouts hold together. Keep them in sync with the .art-layout-cell and
   .art-content-layout .art-sidebar1 / .art-sidebar2 rules in style.css. */
.left-center,
.right-center
{
  background-color: Transparent;
  vertical-align: top;
  text-align: left;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.art-content-layout .left-center,
.art-content-layout .right-center
{
  display: table-cell;
  width: 200px;
}

/* Top and bottom content panes, new in this version of the skin. They sit inside
   .art-sheet-body, above and below .art-content-layout. */
.topcontent,
.bottomcontent { clear: both; }

/* mojoPortal 2.3.9.4 - short author bio shown under Html content and blog posts */
div.authorinfo { clear: both; }
div.authorinfo a.avatar,
div.authorinfo a.avatar img,
div.authorinfo img { float: left; }

/* this keeps the background images out of the editor, dialog and help pages
   (body.help-page added per skin spec 2.3.7.0) */
body.dialogpage ,
body.filedialog,
body.help-page,
body.wysiwygeditor
{
	background-color: white;
	background-image: none;
	font-size: 12px; 
	min-width: 100px;
}

body.wysiwygeditor  p
{
	font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  margin: 12px 0;
  
}

body.wysiwygeditor ul li
{
  text-decoration: none;
  line-height: 125%;    
  padding: 0 0 0 13px;
  margin-left:20px;
  background-image: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/blockcontentbullets.png");
  background-repeat: no-repeat;
}

body.wysiwygeditor  h1 { font-size:28px; }
body.wysiwygeditor  h2 {font-size :24px;}
body.wysiwygeditor  h3 { font-size: 22px; }
body.wysiwygeditor  h4 { font-size: 18px; }
body.wysiwygeditor  h5 { font-size: 16px; }

body { overflow-x:hidden;  }
body.querytool { overflow-x: scroll; }
form { height:100%; }

img
{
  border: 0!important;
}

/* if your design has an icon for the headings in the center column then uncoment this 
h2.moduletitle {  background:url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/images/postheadericon.png") no-repeat; background-position:left;  padding-left:35px;  }
*/

/* this keeps side bar background images from pushing past the footer in some designs */
.leftside , .rightside{ overflow: hidden;} 


/* this is needed to correct alignment on lists in the  list/links feature */
.linksmodule  ul li { background-position: 0px 7px; }

.art-logo h1 a { text-decoration: none;}

.topnav,
a,
a:link,
a:visited,
a:hover
{
 color: #737373;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

.art-menu{
  padding: 14px 30px 0 10px;
  
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {

text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {

text-decoration: none;
}
/* Form styles */
fieldset { border:1px solid #ffc796; margin:0; padding:5px 5px 5px 15px; }
legend { font-size:larger; font-weight:700; }
ol.formlist { list-style:none; margin: 0px; }
li.settingrow  { list-style:none; }
.settinglabel { float:left; clear:left; width:20em; padding:1px; }
.settinglabelFixedHeight { float:left; clear:left; width:20em; height:77px; padding:1px; }
.settinglabel,.settinglabelFixedHeight { font-weight:700; font-size:smaller; }
.settingrow { clear:left; padding:4px 0; }
.settinglabeltight { float:left; clear:left; width:8em; font-weight:700; padding:1px; }
.settingrowtight { clear:left; padding:1px 0; }
.modulebuttonrow { clear:left; text-align:center; }
.smalltextbox { width:4em; }
.normaltextbox { width:10em; }
.mediumtextbox, .login .signinbox, .login .passwordbox { width:15em; }
.widetextbox { width:25em; }
.verywidetextbox { width:35em; }
.txterror { color:red; font-weight:700; }
.txtcopyright { color:#444; font-size:80%; font-weight:400; }
.watermarktextbox { width:9em; height:19px; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
input.openid_login { background:url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/openidlogin.gif") no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }

.pagelayout .addcontent{float: left; margin: 0 0 20px; }
.pagelayout .panelayout { clear: both; margin: 0 0 20px 0; padding: 0;}
.pagelayout .panelayout h2 {text-align: center; margin: 0 10px 10px 0;}
.pagelayout .regularpanes{margin: 0 auto; width: 630px; clear: both;}
.pagelayout .pane{float: left; clear: none;margin: 20px 0 20px 0; position: relative;}
.pagelayout .layoutcenter{margin: 20px 30px;}
.pagelayout .layoutalt1,
.pagelayout .layoutalt2{float: none;clear: both; width: 190px; margin: 0 auto; position: relative;}
.pagelayout .altlayoutnotice{margin-bottom: 20px;}
.pagelayout .panelistbox{position: relative; width: 190px;}
.pagelayout .pane select {width: 170px; margin-right: 10px;}
.pagelayout .layoutbuttons{right: 0; top: 5px; position: absolute;}
.pagelayout .layoutbuttons input{display: block; margin-bottom: 10px;}

/* Headings */

fieldset h2.moduletitle { background-image: none; }
.pagelayout h2 { font-size:14px; }

/* Lists */
ol.searchresultlist { list-style-type:none; }
div.simplehorizontalmenu { clear:both; width:100%; height:27px; }
ul.simplehorizontalmenu { float:left; list-style:none; margin:0; padding:0; }
ul.simplehorizontalmenu li { display:inline; padding:0 10px; background-image: none; }
ul.simplehorizontalmenu li.selecteditem { font-weight:700; }

.simplelist,.simplelist li { list-style:none; padding:0 0 4px 10px; }
ul.linkitem { position:relative; top:-6px; left:-13px; list-style:none; margin:10px; padding:0; }
div.sitemap ul,div.sitemap ul li { list-style:none; font-size:100%; }
.site-statistics { border-bottom:solid thin #ccc; margin:0 0 5px; padding:0 0 5px; }
ul.userstats { list-style-type:none; font-size:90%; margin:0 0 0 -6px; }
ul.userstats ul { display:block; margin:0; padding:0; }
ul.userstats li { position:relative; list-style:none; font-size:100%; margin: 0px 0px 0px -12px; background-image: none; }
ul.linkitem li { list-style:none; min-height:18px;  margin:0 0 1px; padding:2px 0; }
ul.linkitem a { margin-left:3px; font-weight:700; text-decoration:none; padding:2px 5px 2px 20px; }
* html body ul.linkitem a { height:18px; }
ul.linkitem a:hover { padding:2px 5px 2px 20px; }
li.linkitem:hover,li.linkaltitem:hover { border-left:5px solid #4EBF37; }
div.panelwrapper ul.simplelist { margin-bottom:0; }
div.AspNet-RadioButtonList ul,div.AspNet-CheckBoxList ul { list-style-type:none; margin:0; padding:0; }
ul.firstnav span.sitelink,li.topnavitem,li.firstnav { font-weight:700; font-size:12px; }
li.AspNet-RadioButtonList-Item,li.AspNet-CheckBoxList-Item { white-space:nowrap; }

div.sitemap .AspNet-TreeView-Expand
{background:  url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/expand.gif") 0 0 no-repeat; width: 15px; margin-right: 5px;
 float:left; cursor: pointer; line-height: 15px;  }	
div.sitemap .AspNet-TreeView-Collapse
{background: url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/collapse.gif") 0 0 no-repeat; width: 15px; margin-right: 5px;
  float:left; cursor: pointer; line-height: 15px;}
.AspNet-TreeView-Hide { display:none;}
div.sitemap a.AspNet-TreeView-Expand, div.sitemap a.AspNet-TreeView-Collapse  { text-decoration: none; }

ul.blognav { list-style-type:none;  }
.blognavright ul li , .blognavleft ul li, .formwizlist ul li{ background-image: none;}
ul.blognav li { margin: 0px 0px 3px -28px;  }
div.blognavright  h3 , div.blognavleft  h3{ padding-top: 10px;  }

ul.tag-cloud  { list-style-type:none; margin:15px 0 3px 10px; }
ul.tag-cloud li { display:inline; list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.tagcount { font-size:x-small; }
.tag-cloud .weight1 { font-size:90%; }
.tag-cloud .weight2 { font-size:110%; }
.tag-cloud .weight3 { font-size:120%; }
.tag-cloud .weight4 { font-size:130%; }
.tag-cloud .weight5 { font-size:140%; }
.tag-cloud .weight6 { font-size:150%; }
.tag-cloud .weight7 { font-size:160%; }
.tag-cloud .weight8 { font-size:180%; }
.tag-cloud .weight9 { font-size:200%; }
.tag-cloud .weight10 { font-size:210%; }

/* Links */
a.ModuleEditLink,
a.ModuleEditLink:link,
a.ModuleEditLink:visited,
a.ModuleEditLink:hover,
a.ModuleEditLink:active { font-size:10px !important; }
.extrasearchlink { padding-left: 10px;  }


/* Misc */
div.topnavwrap { position:absolute; top:0; left:0;   margin:0px 0px 3px 0px; width:95%; z-index:100; padding-top:3px; }
div.topnav { width: 830px; margin-left:auto; margin-right:auto; }
div.topnav ul {  display:inline; margin:0; padding:0;  }
li.topnavitem { float:left; list-style-type:none;  padding:0 7px; }
li.firstnav { float:left; list-style-type:none; padding:0 7px 0 5px; }
.sitelink,a.sitelink:link,a.sitelink:visited {  text-decoration: none; }

.logolist,.pageicons,.skiplink { display:none; }
.art-menu .t img { display:none;}
.art-vmenu .t img { display:none; }

.modulecontent { padding: 5px; }
.modulefooter { display: none; }

.gmaptextbox { width:27em; }
.gmap { margin:0 0 10px; }
.bmap { position:relative; }

.foldergallery a { color:#FFF; }
.albumMetaName { font-weight:700; }
.foldergallery h1 { font-size:large; margin-bottom:20px; }
.albumFloat { float:left; text-align:center; margin-right:8px; margin-bottom:4px; }
.albumMetaSectionHead { background-color:Gray; color:#FFF; font-weight:700; }

.breadcrumbs { padding:10px 4px 4px 10px; }
.unselectedcrumb { font-weight:400; }
.selectedcrumb { font-weight:700; }
.modulepager { vertical-align:top; padding:4px; }
.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a { font-size: 16px; }
.buttonlink { background-color:transparent; color:#03F; cursor:pointer; text-decoration:underline; font-size:13px; border-style:none;padding-left: 0px; text-align:left; }

.ratingcontainer { float:right; }
.ratingrow { white-space:nowrap; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:300px; height:210px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:280px; height:100px; }

.eventcalendar table { clear:both; }
.forumnotify { white-space:nowrap; vertical-align:middle; padding: 10px 0px 5px 0px; }
.forumnotify img {float:left;}
.mojo-tabs {  font-size:inherit;}
.clearpanel { clear:left; padding-top:15px; }
.clear { clear:both; }
.minheightpanel { min-height:200px; }
.center { text-align:center; }
.cmwrapper { margin:10px; }

.vevent { padding:10px; }
.vevent abbr { border:0; }
.whoson { float:left; padding:5px; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { padding:5px; }
.padded { padding:7px; }

/* password stength meter */
.pwspoor { background-color: Red; color:White; padding:5px 5px 5px 5px;}
.pwsweak { background-color: Orange; color:White; padding:5px 5px 5px 5px; }
.pwsaverage { background-color: Yellow; color:Black; padding:5px 5px 5px 5px; }
.pwsstrong { background-color:Teal; color:Black; padding:5px 5px 5px 5px; }
.pwsexcellent { background-color:Green; color:White; padding:5px 5px 5px 5px; }
.pwdstrengthbarborder { border-style:solid; border-width:1px; width:200px; vertical-align:middle; }
.pwdstrengthbar { width:200px; height:15px; padding:2px 2px 2px 2px;}

.hidden{ display:none; }
  
.fthumbs img{
    padding:5px;
    margin:5px;
    -moz-box-shadow:#333 2px 2px 5px;
    -webkit-box-shadow:#333 2px 2px 5px;
    cursor:pointer;
  }
  
  span.btn{
    padding:10px;
    margin-left:5px;
    display:inline-block;
    cursor:pointer;
    font:12px/14px Arial, Helvetica, sans-serif;
    color:#aaa;
    background-color:#eee;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    -moz-box-shadow:#999 2px 0px 3px;
    -webkit-box-shadow:#999 2px 0px 3px;
  }
  span.btn.pages{ background-color:#fff;}
  span.btn.pages:hover, span.btn.pages.sel { background-color:#f3f3f3; color:#999; }
  span.btn:hover, span.btn.sel{ background-color:#000; }
  .galleryinfo{ position:relative; display:inline-block;  margin-top:10px; }

.floatrightimage { float:right; margin-right:15px; }
.highlight1 { background-color:#FF0; }
.highlight2 { background-color:lime; }
.floatpanel,.floatleftimage { float:left; margin-right:15px; }
.modulerow{ background-color:#EAEAEA; }
.modulealtrow { background-color: #eee;}

.blogwrapper {  }
.blognavleft {float: left; width: 200px; padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px; }
.blognavright {float: right; width: 200px;  padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px;  }
.blogcenter-nonav {margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px;    }
.blogcenter-leftnav {margin: 0px 0px 0px 210px; padding: 5px 0px 0px 5px;   }
.blogcenter-rightnav {margin:0px 210px 0px 0px; padding: 5px 0px 0px 5px;    }
.bloginfo {   }
.bloginfotitle {   font-weight: bold; }
.blogtitle { margin: 5px 0px 0px 0px;   font-weight: bold;  }
.blogdate { padding: 0px 5px 0px 0px; text-align:right; font-size:11px;  }
.blogcommentlink 
{ font-size:11px; text-align:right; padding: 0px 5px 3px 0px; font-family: Trebuchet MS;    }
div.blogcommentlink{ border-bottom: 1px solid #656C4A; }
div.blogcommenttext { border-bottom: 1px solid #656C4A;   }
.blogcommenttitle { font-family: Trebuchet MS;    }
.blogcommentposter { font-size:11px;   }
.blognav ul { list-style-type:none;  }
.blognav li { list-style: none; margin: 0px 0px 3px -30px;  }
div.blognavright div h3 { margin: 0px 0px -10px 8px; }
.blogcommentservice { clear: both;  width:95%;}


/* ------------------------------------------------------------------
   Blog nav column position
   ------------------------------------------------------------------
   Current mojoPortal renders the blog nav (Statistics / Archives / Categories) AFTER the
   post list in the markup:

       <div class="blogwrapper">
           <div class="blog-center blogcenter-rightnav"> ...posts... </div>
           <div class="blog-nav blognavright">           ...nav...   </div>
       </div>

   The float rules above were written for the older markup, where the nav came first. A
   float cannot rise above a block-level sibling that precedes it, so "float: right" on a
   nav that now comes second pushes it below the entire post list, leaving the nav stranded
   near the bottom of the page. The centre column here is not floated - it only reserves
   space with a side margin - so there is nothing for the nav to float alongside.

   Flex with an explicit order fixes it independently of source order: the right nav goes
   right, the left nav goes left, and both align to the top of the posts. The float and the
   centre column's reserved side margin are neutralised here so the two approaches do not
   fight each other.

   Widths are unchanged from the float layout: flex-basis 200px plus the 5px left/right
   padding already set above gives a 210px column, which is exactly what the old
   "margin: 0 210px 0 0" on the centre reserved.

   This assumes the centre and nav are direct children of .blogwrapper, which is how
   mojoPortal renders them while the BlogDisplaySettings LayoutRowRender property is false
   (its default). If you ever switch that on, mojoPortal inserts a row element between them
   and these selectors need the extra level added.
   ------------------------------------------------------------------ */
.blogwrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.blogwrapper > .blogcenter-nonav,
.blogwrapper > .blogcenter-leftnav,
.blogwrapper > .blogcenter-rightnav {
	flex: 1 1 320px;
	min-width: 0;
	order: 1;
	margin: 0;
}
.blogwrapper > .blognavleft,
.blogwrapper > .blognavright {
	flex: 0 0 200px;
	float: none;
}
.blogwrapper > .blognavleft { order: 0; }
.blogwrapper > .blognavright { order: 2; }
h2.forumhead { margin: 0px 0px 0px 0px; padding: 0px 0px 3px 5px; font-size:170%;}
h2.forumthreadcrumbs, h2.forumthreadcrumbs a{ font-size: 16px; margin: 0px 0px 10px 0px;}
.forumpostheader {padding: 0px 0px 0px 5px;margin: 0px 0px 0px 0px;   
	background-color: #eee; font-weight: bold; }
.postwrapper {float: left; width: 100%; background-color: #EAEAEA; margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; border:solid thin #EAEAEA; float:left; clear:both; width: 99%;}
.postleft {clear: left; float: left; text-align:center;  width: 20%; padding: 15px 5px 5px 5px; 
	margin: 0px 0px 0px 0px; }
.postright {  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 21%; 
	background-color: white; }
.posttopic {   background-color: #EAEAEA;  }
.postbody { padding: 10px 5px 0px 5px; min-height: 250px; }
.forumpostuserpropertylist {  margin: 0px 0px 0px 0px; text-align: center; }
.forumpostusername { list-style-type:none;   }
.forumpostuseravatar { list-style-type:none; }
.forumpostuserattribute { list-style-type:none; }.rsswrapper {   }
.rssnavleft {float: left; width: 235px; padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px;  }
.rssnavright {float: right; width: 235px;  padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px;  }
.rsscenter-nonav {margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; font-size: 105%;   }
.rsscenter-leftnav {margin: 0px 0px 0px 245px; padding: 5px 0px 0px 5px; font-size: 105%;   }
.rsscenter-rightnav {margin:0px 245px 0px 0px; padding: 5px 0px 0px 5px; font-size: 105%;  }
.rsstitle { margin: 5px 0px 0px 0px; font-size: 15px; font-weight: bold;   }
.rssdate {  padding: 0px 5px 0px 0px; text-align:right;    }
.rsstext {   }
.rssauthor {  padding: 0px 0px 5px 5px; font-family: Trebuchet MS;  border-bottom: solid 1px #ccc;   }
.FeedHead {  padding: 0.5em; }
.FeedBody { border-color: #CAB693; border-style: solid; border-width: 1px;
	border-top-width: 0px; padding-left: 0.5em; padding-right: 0.5em; }
.rssfeedentryTrue {   }
.rssfeedentryFalse { background-color: Silver; }
.rightside .rssnavright, .leftside .rssnavright,
.rightside .rssnavleft, .leftside .rssnavleft,
.rightside .rsscenter-rightnav,
.rightside .rsscenter-leftnav,
.leftside .rsscenter-rightnav,
.leftside .rsscenter-leftnav{
  width: 215px;  
}

.leftside .rsscenter-leftnav ,
.rightside .rsscenter-leftnav 
{margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; font-size: 105%; clear:both;  }
.leftside .rsscenter-rightnav ,
.rightside .rsscenter-rightnav 
{margin:0px 0px 0px 0px; padding: 5px 0px 0px 5px; font-size: 105%; clear:both; }
.feedscroller
{
text-align:left;
position:relative;
display:block;
overflow:hidden;
}
   
.feedscroller .rsswrapper { position:relative;
display:block;
overflow:hidden;
height:250px;}
.feedscroller .rssentries
{
position:absolute;
}
	body { margin: 0px 0px 0px 0px; }
.formwizlist ul { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
.formwizlist, .formwizlist li, .formwizlist ul li { list-style: none; padding: 0px 0px 4px 0px; margin-left:0px; }
.draghandle {width:50px;height:25px;margin-right:5px;background-image:url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/draghandle.gif");background-repeat:repeat; cursor:move;float:left;}
.callbackstyle, .callbackStyle ul li {border:thin #6297BC inset; list-style: none;}
.draghandle  li {list-style: none; }
.reordercue { border:dashed thin black; width:100%; height:25px;  }
.questioncontainer { padding: 5px; border: dashed 1px black; }
.editcontainer { float:left; }
.draghandle .buttoncontainer {float:left;margin:0px;padding:0px; }
.draghandle .buttoncontainer .upbutton { float:left;margin:0px;padding:0px;}
.draghandle .buttoncontainer .downbutton { float:left;clear:left;margin:0px;padding:0px; }
.formwizard .settingrow .settinglabel {width:100%;  }
.qcb label {padding-left: 3px;}
.ajax__slider_h_rail {position:relative;background:url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/slider_h_rail.gif") repeat-x;height:22px;width:150px;}
.ajax__slider_h_handle {position:absolute;height:22px;width:10px;}
.ajax__slider_v_rail {position:relative;background:url("https://www.ozzycline.com/Data/Sites/3/skins/artisteer-30nutrition-v3/slider_v_rail.gif") repeat-y;width:22px;height:150px;}
.ajax__slider_v_handle {position:absolute;height:10px;width:22px;}
body {  }
.productlist h3 { color: #C63A00; }
.productcontainer { border-bottom: solid thin #C63A00; padding:7px; float:left; clear:both; width:100%; }
.productcontainer h4 { margin-top: 0px; margin-bottom: 3px;  font-size: 1.3em; color: #C63A00; }
.productcontainer p { margin: 0px;  }
.offercontainer { clear:both; }
.checkoutlinks { font-size: 18px;}
.aspcalendarmain { margin: 0px 0px 0px 5px; background-color: #e6efdb; color:Black; font-size:10px; width:100%; }
.aspcalendardayheader { font-weight:bold; font-size:10px; color:#08619a; text-align:center; white-space:nowrap;}
.aspcalendarday { border: solid 1px black;  font-size:10px; color:Black; text-align:center; white-space:nowrap;}
.aspcalendarnextprevious {  font-weight:bold; font-size:small; color:Black; text-align:center; white-space:nowrap; }
.aspcalendarothermonth { border: solid 1px black; background-color:#f3f3f3;  font-size:10px; color:Black; text-align:center; white-space:nowrap; }
.aspcalendarselectedday { border: solid 1px black; background-color:#FFFFE0;  font-size:10px; color:Black; text-align:center;  }
.aspcalendarselector {   font-size:8pt; font-weight:bold; text-align:center; white-space:nowrap;  }
.aspcalendartitle { border: none;  background-color: #e8e8e8; font-size:10px; font-weight:bold; text-align:center; white-space:nowrap; }
.aspcalendartoday { border: solid 1px black; background-color:#FFFFE0; color:Black; font-size:10px; text-align:center; }
.aspcalendarweekendday { border: solid 1px black; background-color:#D3D3D3; color:Black; font-size:10px; text-align:center; }


.mpcalendarmain { border-style:solid; padding:3px; margin:0; color:Black; font-size:small; width: 100%;}
.mpcalendardayheader { font-weight:bold; font-size:8pt; color:Black; text-align:center; }
.mpcalendarday { border: solid 1px black;  font-size:8pt; color:Black; text-align:center; }
.mpcalendarnextprevious {font-weight:bold; font-size:small; color:Black; text-align:center;  }
.mpcalendarothermonth { border: solid 1px black; background-color:#f3f3f3;  font-size:8pt; color:Black; text-align:center;  }
.mpcalendarselectedday { border: solid 1px black; background-color:#FFFFE0;  font-size:8pt; color:Black; text-align:center;  }
.mpcalendarselector { background-color: #eee; color:Green; border-color:Red;  font-size:8pt; font-weight:bold; text-align:center; }
.mpcalendartitle { font-size:8pt; font-weight:bold; text-align:center;  }
.mpcalendartoday { border: solid 1px black; background-color:#FFFFE0; color:Black; font-size:8pt; text-align:center; }
.mpcalendarweekendday { border: solid 1px black; background-color:#D3D3D3; color:Black; font-size:8pt; text-align:center; }