/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ___ _ _ */ /* | . ) ___ _ _ ___ _ _ _ | || | __ _ */ /* | < | . || `| || . || || || || || |/ _` | */ /* |___)|___||_|`_||_ ||____||_||_||_|\__,_| */ /* ,__| */ /* ___ _ _ */ /* | _| __ _ _ _ __ __ __ _ __ ____ | \| | ___ __ __ __ _ */ /* | |_ / _` || `| |\ \/ // _` ||__ |____| | |` || . |\ \/ // _` | */ /* |___|\__,_||_|`_| \__/ \__,_| __| |_| \_||___| \__/ \__,_| */ /* */ /* */ /* Canvas - Nova by Bonguilla - Skins for DotNetNuke */ /* http://www.Bonguilla.com */ /* Copyright 2009 Bonguilla - All rights reserved */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Common */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .bongWraper { padding:0 3px 0 3px; } .bongVisibility { margin:0; padding-top:0; float:right; } .bongTitle { margin-top:8px; float:left; } .bongContainerPane { padding:8px 10px 10px 15px; text-align:left; height:15px/*min height when container minimazied*/; } .bongHead { white-space:nowrap; } .bongContMinWidth { width:180px; border:0;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Font Styles */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Title Font Styles */ .bongTitleColour .bongHead { color: #012256; font-family: 'Century Gothic'; font-weight: bold; padding: 0; font-size: 15px; } .bongTitleSystem .bongHead { color:#FFF; font-family:'Century Gothic'; font-weight:bold; padding:0; font-size:15px; } .bongTitlePlain .bongHead { color:#333333; font-family:'Century Gothic'; font-weight:bold; padding:0; font-size:15px; } /* Content Font Styles */ .bongFontWhite .Normal, .bongFontWhite .Normal p { color:#FFF; font-family:'Lucida Sans'; font-size:13px; } .bongFontSystem .Normal, .bongFontSystem .Normal p { color:#333333; font-family:'Lucida Sans'; font-size:13px; } .bongFontColour .Normal, .bongFontColour .Normal p { color:#012256; font-family:'Lucida Sans'; font-size:13px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Banner Styles */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Glass Banner */ .bannerglassHeadLeft { background:#012256 url(images/banner_glass_tl.png) no-repeat left top; padding:0; margin:0; height:34px; } .bannerglassHeadRight { background:url(images/banner_glass_tr.png) no-repeat top right; padding:0; margin:0; height:34px; } .bannerglassHead { background:url(images/banner_glass_bg.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /* Grad Banner */ .bannergradHeadLeft { background:#012256 url(images/banner_grad_tl.png) no-repeat left top; padding:0; margin:0; height:34px; } .bannergradHeadRight { background:url(images/banner_grad_tr.png) no-repeat top right; padding:0; margin:0; height:34px; } .bannergradHead { background:url(images/banner_grad_bg.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /* Glass System Banner */ .sysglassHeadLeft { background:#333333 url(images/banner_glass_tl.png) no-repeat left top; padding:0; margin:0; height:34px; } .sysglassHeadRight { background:url(images/banner_glass_tr.png) no-repeat top right; padding:0; margin:0; height:34px; } .sysglassHead { background:url(images/banner_glass_bg.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /* Glass System Banner */ .sysgradHeadLeft { background:#333333 url(images/banner_grad_tl.png) no-repeat left top; padding:0; margin:0; height:34px; } .sysgradHeadRight { background:url(images/banner_grad_tr.png) no-repeat top right; padding:0; margin:0; height:34px; } .sysgradHead { background:url(images/banner_grad_bg.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /* Plain System Banner */ .plainsysHeadLeft { background:#333333 url(images/banner_plain_tl.png) no-repeat left top; padding:0; margin:0; height:34px; } .plainsysHeadRight { background:url(images/banner_plain_tr.png) no-repeat top right; padding:0; margin:0; height:34px; } .plainsysHead { background:url(images/banner_plain_bg.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /* Plain Colour Banner */ .plaincolourHeadLeft { background:#012256 url(images/banner_plain_tl.png) no-repeat left top; padding:0; margin:0; height:34px; } .plaincolourHeadRight { background:url(images/banner_plain_tr.png) no-repeat top right; padding:0; margin:0; height:34px; } .plaincolourHead { background:url(images/banner_plain_bg.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /* Colour No Banner */ .colournobannerHeadLeft { background:#012256 url(images/banner_white_lr.png) repeat-x top center; padding:0; margin:0; height:34px; } .colournobannerHeadRight { background:#012256 url(images/banner_white_lr.png) repeat-x top center; padding:0; margin:0; height:34px; } .colournobannerHead { background:#012256 url(images/banner_white.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /* System No Banner */ .sysnobannerHeadLeft { background:#333333 url(images/banner_white_lr.png) repeat-x top center; padding:0; margin:0; height:34px; } .sysnobannerHeadRight { background:#333333 url(images/banner_white_lr.png) repeat-x top center; padding:0; margin:0; height:34px; } .sysnobannerHead { background:#333333 url(images/banner_white.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /* Stroke System */ .strokesysHeadLeft { background:#333333 url(images/banner_stroke_tl.png) no-repeat top left; padding:0; margin:0; height:34px; } .strokesysHeadRight { background:url(images/banner_stroke_tr.png) no-repeat top right; padding:0; margin:0; height:34px; } .strokesysHead { background:url(images/banner_stroke_t.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /* Stroke Colour */ .stroke_colourHeadLeft { background:#012256 url(images/banner_stroke_tl.png) no-repeat top left; padding:0; margin:0; height:34px; } .stroke_colourHeadRight { background:url(images/banner_stroke_tr.png) no-repeat top right; padding:0; margin:0 0 0 0; height:34px; } .stroke_colourHead { background:url(images/banner_stroke_t.png) repeat-x top center; padding:0; margin:0 10px 0 10px; height:34px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Container Background Styles */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Container Glass Background */ .bongContentLeft { background:url(images/glass_bkg_l.png) repeat-y top left; padding:0; margin:0; } .bongContentRight { background:url(images/glass_bkg_r.png) repeat-y top right; padding:0; margin:0; } .c_content { background:transparent; margin:0; height:100%; } .bongContBottomLeft { background:#012256 url(images/glass_bkg_bl.png) repeat-y top left; padding:0; margin:0 0 20px 0; height:20px; } .bongContBottomRight { background:url(images/glass_bkg_br.png) repeat-y top right; padding:0; margin:0; height:20px; } .c_footer { background:#012256 url(images/glass_bkg_b.png) repeat-x top center; padding:0; margin:0 20px 0 20px; height:20px; text-align:right; } .bongContentBody { background:#012256; } /* Plain Background */ .PlainContentLeft { background:#012256 url(images/plain_bkg_r.png) repeat-y top left; padding:0; margin:0; } .PlainContentRight { background:#012256 url(images/plain_bkg_l.png) repeat-y top right; padding:0; margin:0; } .Plain_content { background:white; margin:0 10px 0 10px; height:100%; font-family:Lucida Sans; color:#FFF; } .plainContBottomLeft { background:#012256 url(images/plain_bkg_bl.png) repeat-y top left; padding:0; margin:0 0 20px 0; height:20px; } .plainContBottomRight { background:url(images/plain_bkg_br.png) repeat-y top right; padding:0; margin:0 0 20px 0; height:20px; } .plain_footer { background:#012256 url(images/plain_bkg_b.png) repeat-x top center; padding:0; margin:0 20px 0 20px; height:20px; text-align:right; } .bongContentBody { background:#012256; } /* Plain System Background */ .PlainsysContentLeft { background:#333333 url(images/plain_bkg_r.png) repeat-y top left; padding:0; margin:0; } .PlainsysContentRight { background:#333333 url(images/plain_bkg_l.png) repeat-y top right; padding:0; margin:0; } .Plainsys_content { background:white; margin:0 10px 0 10px; height:100%; font-family:Lucida Sans; color:#FFF; } .plainsysContBottomLeft { background:#333333 url(images/plain_bkg_bl.png) repeat-y top left; padding:0; margin:0 0 20px 0; height:20px; } .plainsysContBottomRight { background:url(images/plain_bkg_br.png) repeat-y top right; padding:0; margin:0 0 20px 0; height:20px; } .plainsys_footer { background:#333333 url(images/plain_bkg_b.png) repeat-x top center; padding:0; margin:0 20px 0 20px; height:20px; text-align:right; } .sysplainContentBody { background:#333333; } /* Plain White Colour Background */ .plainWtContentLeft { background:white; padding:0; margin:0; } .plainWtContentRight { background:white; padding:0; margin:0; } .plainWt_content { background:white; margin:2px 10px 0 10px; height:100%; } .plainWtContBottomLeft { background:#012256 url(images/banner_white_lr.png); padding:0; margin:0 0 30px 0; height:30px; } .plainWtContBottomRight { background:#012256 url(images/banner_white_lr.png); padding:0; margin:0 0 30px 0; height:30px; } .plainWt_footer { background:#012256 url(images/banner_white_b.png); padding:0; margin:0 10px 0 10px; height:30px; text-align:right; } .plainWt_footer div { padding:5px 0 0 0; } .plainWtContentBody { background:#012256; } /* Plain White System Background */ .plainWtContentLeft { background:white; padding:0; margin:0; } .plainWtContentRight { background:white; padding:0; margin:0; } .plainWt_content { background:white; margin:2px 10px 0 10px; height:100%; } .plainWtContBottomLeft { background:#012256 url(images/banner_white_lr.png); padding:0; margin:0 0 30px 0; height:30px; } .plainWtContBottomRight { background:#012256 url(images/banner_white_lr.png); padding:0; margin:0 0 30px 0; height:30px; } .SysWt_footer { background:#333333 url(images/banner_white_b.png); padding:0; margin:0 10px 0 10px; height:30px; text-align:right; } .SysWt_footer div { padding:5px 0 0 0; } .SysWtContentBody { background:#333333; } /* Colour Stroke background */ .WtContentLeft { background:red url(images/strokecont_l.png) repeat-y top left; padding:0; margin:0; } .WtContentRight { background:#012256 url(images/stroke_cont_r.png) repeat-y top right; padding:0; margin:0; } .Wt_content { background:white; margin:0 10px 0 2px; height:100%; } .WtContBottomLeft { background:#012256 url(images/stroke_cont_bl.png) repeat-y top left; padding:0; margin:0 0 21px 0; height:21px; } .WtContBottomRight { background:url(images/stroke_cont_br.png) repeat-y top right; padding:0; margin:0 0 21px 0; height:21px; } .Wt_footer { background:#012256 url(images/stroke_cont_b.png) repeat-x top center; padding:0; margin:0 21px 0 20px; height:20px; text-align:right; } .WtContBody { background:#012256; } /* System Stroke background */ .strokesysLeft { background:#333333 url(images/stroke_cont_l.png) repeat-y top left; padding:0; margin:0; } .strokesysRight { background:#333333 url(images/stroke_cont_r.png) repeat-y top right; padding:0; margin:0; } .strokesys_content { background:white; margin:0 10px 0 2px; height:100%; } .strokesysBottomLeft { background:#333333 url(images/stroke_cont_bl.png) no-repeat top left; padding:0; margin:0 0 21px 0; height:21px; } .strokesysBottomRight { background:url(images/stroke_cont_br.png) no-repeat top right; padding:0; margin:0 0 21px 0; height:21px; } .strokesys_footer { background:#333333 url(images/stroke_cont_b.png) repeat-x top center; padding:0; margin:0 21px 0 21px; height:21px; text-align:right; } .strokesysBody { background:#333333; } /* Gradient Colour Backgroundd */ .gradContentLeft { background:#012256 url(images/plain_bkg_l.png) repeat-y top left; padding:0; margin:0; } .gradContentRight { background:#012256 url(images/plain_bkg_r.png) repeat-y top right; padding:0; margin:0; } .grad_content { background:transparent url(images/gradient_bkg_fill.png) repeat-x bottom; margin:0 2px 0 2px; height:100%; } .gradContBottomLeft { background:#012256 url(images/plain_bkg_bl.png) repeat-y top left; padding:0; margin:0 0 20px 0; height:20px; } .gradContBottomRight { background:url(images/plain_bkg_br.png) repeat-y top right; padding:0; margin:0 0 20px 0; height:20px; } .grad_footer { background:#012256 url(images/plain_bkg_b.png) repeat-x top center; padding:0; margin:0 20px 0 20px; height:20px; text-align:right; } .bongContentBody { background:#012256; } .nobannerContentBody { background:#012256; } /* Gradient System Background */ .gradsysContentLeft { background:#333333 url(images/plain_bkg_l.png) repeat-y top left; padding:0; margin:0; } .gradsysContentRight { background:#333333 url(images/plain_bkg_r.png) repeat-y top right; padding:0; margin:0; } .gradsys_content { background:transparent url(images/gradient_bkg_fill.png) repeat-x bottom; margin:0 2px 0 2px; height:100%; } .gradsysContBottomLeft { background:#333333 url(images/plain_bkg_bl.png) repeat-y top left; padding:0; margin:0 0 20px 0; height:20px; } .gradsysContBottomRight { background:url(images/plain_bkg_br.png) repeat-y top right; padding:0; margin:0 0 20px 0; height:20px; } .gradsys_footer { background:#333333 url(images/plain_bkg_b.png) repeat-x top center; padding:0; margin:0 20px 0 20px; height:20px; text-align:right; } .gradsysContentBody { background:#333333; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Banner Containers */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .BannerWrapper{ margin:5px; } /* Glass */ .BannerOGBox { width:100%; } .BannerOGTL { width:24px; height:24px; background:url(images/BannerOGTL.png) no-repeat bottom left; } .BannerOGT { height:24px; background:url(images/BannerOGBG.png) repeat; } .BannerOGTR { width:24px; height:24px; background:url(images/BannerOGTR.png) no-repeat bottom right; } .BannerOGL { width:24px; background:url(images/BannerOGBG.png) repeat; } .BannerOGTM { background:url(images/BannerOGBG.png) repeat; } .BannerOGM { padding:8px 0 0 1px; } .BannerOGR { width:24px; background:url(images/BannerOGBG.png) repeat; } .BannerOGBL { width:24px; height:24px; background:url(images/BannerOGBL.png) no-repeat top left; } .BannerOGB { height:24px; background:url(images/BannerOGBG.png) repeat; } .BannerOGBR { width:24px; height:24px; background:url(images/BannerOGBR.png) no-repeat top right; } .BannerOGTitle { padding:0 5px 0 0; color:#333; font-size: 15px; font-weight:bold; font-family:'Century Gothic'; } .BannerOGBox .Normal, .BannerOGBox .Normal p { color:#333; font-family:'Lucida Sans'; font-size:13px; } /* Dark */ .BannerODBox { width:100%; } .BannerODTL { width:24px; height:24px; background:url(images/BannerODTL.png) no-repeat bottom left; } .BannerODT { height:24px; background:url(images/BannerODBG.png) repeat; } .BannerODTR { width:24px; height:24px; background:url(images/BannerODTR.png) no-repeat bottom right; } .BannerODL { width:24px; background:url(images/BannerODBG.png) repeat; } .BannerODTM { background:url(images/BannerODBG.png) repeat; } .BannerODM { padding:8px 0 0 1px; } .BannerODR { width:24px; background:url(images/BannerODBG.png) repeat; } .BannerODBL { width:24px; height:24px; background:url(images/BannerODBL.png) no-repeat top left; } .BannerODB { height:24px; background:url(images/BannerODBG.png) repeat; } .BannerODBR { width:24px; height:24px; background:url(images/BannerODBR.png) no-repeat top right; } .BannerODTitle { padding:0 5px 0 0; color:#FFF; font-size: 15px; font-weight:bold; font-family:'Century Gothic'; } .BannerODBox .Normal, .BannerODBox .Normal p { color:#FFF; font-family:'Lucida Sans'; font-size:13px; }