/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*             ___                          _  _                     */
/*            | . ) ___  _  _  ___  _  _  _ | || | __ _              */
/*            |  < | . || `| || . || || || || || |/ _` |             */
/*            |___)|___||_|`_||_  ||____||_||_||_|\__,_|             */
/*                             ,__|                                  */
/*  ___                                      _   _                   */
/* |  _| __ _  _  _ __  __ __ _  __   ____  |  \| | ___ __  __ __ _  */
/* | |_ / _` || `| |\ \/ // _` ||__  |____| | |`  || . |\ \/ // _` | */
/* |___|\__,_||_|`_| \__/ \__,_| __|        |_| \_||___| \__/ \__,_| */
/*                                                                   */
/*                                                                   */
/*         Canvas - Nova by Bonguilla - Skins for DotNetNuke         */
/*                      http://www.Bonguilla.com                     */
/*          Copyright 2009 Bonguilla - All rights reserved           */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Menus CSS                                                         */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@import url("css/horizontal.css");
@import url("css/vertical.css");
@import url("css/twin.css");

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Layout                                                            */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Master                                                            */
body { background-color:#012256; height:100%; margin:0; padding:0; }

.bongSkinMaster { width:950px; margin:0 auto; }
.bongSkinContainer { width:100%; margin:0; }

/* Control Panel                                                     */
.ControlPanel { background:transparent; border:none; padding-bottom:10px; }
.bongCPanelLeft { background:transparent; padding-left:30px; }
.bongCPanelRight { background:transparent; padding-right:30px; }

/* Skin                                                              */
.bongTopLeft { background:transparent; padding:0; margin:0; height:30px; }
.bongTopRight { background:transparent; padding:0; margin:0; }
.bongTopBG { background:transparent; padding:0; margin:0 30px 0 30px; height:30px; }

.bongLogoLeft { background:transparent; padding:0; }
.bongLogoRight { background:transparent; padding:0; }
.bongLogoBG { background:#fff; margin:0 30px 0 30px; padding:0; min-height:100px; }

.bongMenuLeft { background:transparent; padding:0; margin:0; }
.bongMenuRight { background:transparent; margin:0; }
.bongMenuBG { background:#fff; padding:0; margin:0 9px 0 9px; min-height:1px; }
.bongVertical { background:#fff; padding:0; margin:0 30px 0 30px; min-height:1px; }

.bongBreadLeft { background:transparent; padding:0; margin:0; height:35px; }
.bongBreadRight { background:transparent; padding:0; height:35px; }
.bongBreadBG { background:transparent; padding:0; margin:0 9px 0 9px; height:35px; }

.bongCenterBG { padding:0; margin:0; clear:both; }
.bongLeftBG { background:transparent; padding:0; margin:0; }
.bongRightBG { background:transparent; padding:0; margin:0; }

.bongContentPad { background:#fff; padding:0; margin:0 30px 0 30px; }
.bongVerticalPad { padding:0; margin:0; }
.bongVerticalBG { background:#fff; }
.bongContentWidth { padding-top:15px; min-height:350px; width:100%; }

.bongSideLeft { background:transparent; padding:0; }
.bongSideRight { background:transparent; padding:0; }
.bongSideBG { background:#fff; margin:0 30px 0 30px; padding:0; height:34px; }

.bongBottomLeft { background:transparent; padding:0; margin:0; }
.bongBottomRight { background:transparent; padding:0; margin:0; padding:0 30px 0 30px; }
.bongBottomBG { background:transparent; padding:0; margin:0; height:30px; }

.bongFooterLeft { background:transparent; padding:0; }
.bongFooterRight { background:transparent; padding:0; }
.bongFooterBG { background:#fff; margin:0 30px 0 30px; padding:0; }

.bongFooterPad { padding:0 30px 0 20px; height:34px; }
.bongBottomPad { background:#fff; margin:0 30px 0 30px; padding:0; }
.bongTopSpace { height:34px; }

.bongFloat { height:20px; }
.bongWidth { width:100%; }
.bongClear { clear:both; line-height:0; font-size:0; height:0; }

/* Content Panes                                                     */
.bongMainContent { padding:0; }
.bongVerticalContent { padding:0; }
.bongFooterContent { margin-top:15px; padding-top:15px; margin-bottom:5px; padding-bottom:5px; }

/* Skin Objects                                                      */
.bongLanguagePad { padding:10px 0 0 30px; float:left; }                              
#bongLoginStyle { float:right; padding:8px 17px 0 10px; }
#bongBreadStyle { float:left; line-height:34px; padding-left:18px; color:#000000; }
#bongTermsStyle { float:left; }
#bongCopyStyle { float:right; }

/* Banner                                                            */
.bongBannerBox { background:#000; margin:0 9px 0 9px; padding:0; }
.bongBannerBGR { background:#000; margin:auto 0; }
#flashcontent { text-align:center; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  Skin Objects Styles                                              */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Search                                                            */
#bongSearchBox { float:right; padding:7px 30px 0 0; }
.bongSearchImg { width:163px; height:22px; padding:0 0 0 8px; margin:0; line-height:0; background:url(images/layout/search_field_l.png) no-repeat top left; float:right; z-index:-9999; border:none; }
.bongSearchPad { width:100%; height:22px; vertical-align:top; font-size:0; line-height:0; margin:0; padding:0; border:none; }
.bongSearchPad input { height:22px; background:url(images/layout/search_field_bg.png) repeat-x; width:116px; font-size:10px; color:red; margin:0 0 0 0; padding:4px 2px 0 2px; border:1px solid black; cursor:text; float:left; border:none; }
.bongSearchPad a img { float:right; margin:0; padding:0; border:none; }
.bongSearchPad a { float:right; margin:0; padding:0; width:43px; height:22px; background:url(images/layout/search_glass_idle.png); border:none; }
.bongSearchPad a:hover { background:url(images/layout/search_glass_hov.png); border:none; }

/* User/Register & Log In/Log Out                                    */
#bongUserLoginBox { float:right; margin:10px 20px 0 0; }
.bongUserToken, a.bongUserToken:link, a.bongUserToken:visited, a.bongUserToken:active { color:#fff; background:url(images/layout/user_idle.png) no-repeat center left; font-size:13px; font-weight:normal; text-decoration:none; padding:0 0 0 30px; margin:0; }
a.bongUserToken:hover { background:url(images/layout/user_hov.png) no-repeat center left; color:#012256; text-decoration:underline; }
.bongLoginToken, a.bongLoginToken:link, a.bongLoginToken:visited, a.bongLoginToken:active { color:#fff; background:url(images/layout/login_idle.png) no-repeat center left; font-size:13px; font-weight:normal; text-decoration:none; padding:0 0 0 30px; margin:0; }
a.bongLoginToken:hover { background:url(images/layout/login_hov.png) no-repeat center left; color:#012256; text-decoration:underline; }

/* Date                                                              */
#bongDatePad { float:right; padding-right:0; }
#bongDatePad .SkinObject { color:#333; }
.bongDateImg { background:url(images/layout/clock_glass_idle.png); width:24px; height:16px; padding:0; margin:0; vertical-align:middle; margin:0 0 0 7px; border:none; }

/* Breadcrumb                                                        */
#bongBreadPad { float:left; margin:-17px 0 0 39px; }
.bongBreadImg { background:url(images/layout/home.png); width:24px; height:16px; }
.bongBreadImg:hover { background:url(images/layout/home.png); }
#bongBreadBox { float:left; margin:10px 0 0 0; padding-left:20px; text-align:left; }
#bongBreadBox img { margin:0 8px 0 8px; border:none; }
.bongBreadToken, a.bongBreadToken:link, a.bongBreadToken:visited, a.bongBreadToken:active { color:#fff; font-size:13px; text-decoration:none; font-weight:normal; padding:0 0 0 0; margin:0 0 0 0; }
a.bongBreadToken:hover { color:#012256; text-decoration:underline; }
.bongBreadSeparator { background:black; }

/* Link Style                                                        */
.bongLinksContainer { padding-top:0px; text-align:center; }
.bongLinks, a.bongLinks:link, a.bongLinks:active, a.bongLinks:visited { font-family:Century Gothic; font-size:14px; font-weight:bold; color:#012256; text-transform:uppercase; }
a.bongLinks:hover { color:#333333; }

/* Footer Style                                                      */
.bongFooter, a.bongFooter:link, a.bongFooter:active, a.bongFooter:visited { font-family:Century Gothic; color:#fff; }
a.bongFooter:hover { font-family:Century Gothic; color:#333; }

/* Footer Style Open and Bordered                                    */
.bongFooterOpen, a.bongFooterOpen:link, a.bongFooterOpen:active, a.bongFooterOpen:visited { font-family:Century Gothic; color:#012256; }
a.bongFooterOpen:hover { font-family:Century Gothic; color:#333; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Styles                                                            */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Default Styles                                                    */
body, th, td, div, p, table, h1, h2, h3, h4, h5, h6.Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover, input { color:#333; font-family:Lucida Sans, Verdana, Arial, Helvetica, sans-serif; }
body, th, td, div, p, table, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover { font-size:12px; }
h1, h2, h3, h4, h5, h6 { color:#333; }
h1, h3, h5, h1 input { font-weight:bold; }
h2, h4, h6 { font-weight:normal; }
h1, h2, h1 input { font-size:14px; margin:10px 0; }
h3, h4 { font-size:12px; margin:8px 0; }
h5, h6 { font-size:10px; margin:6px 0; }

a, a:link, a:visited, a:active { color:#012256; text-decoration:none; font-weight:normal; }
a:hover { color:#2e3d47; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox { font-family:Verdana, Lucida Sans, Arial, Helvetica, sans-serif; }
.Head { font-family:Century Gothic; color:#2e3d47; font-weight:bold; }
.SubHead { font-family:Century Gothic; color:#4c6171; }
.SubSubHead { color:gray; }
.NormalRed { font-family:Century Gothic; color:#2e3d47; }

a.CommandButton:link, a.CommandButton:visited {font-family:Century Gothic; color:SILVER; font-weight:bold; text-decoration:none; }
a.CommandButton:hover { font-family:Century Gothic; color:gray; text-decoration:underline; }

.DNNEmptyPane { width:0; padding:0; margin:0; font-family:Century Gothic; }

/* Datagrids                                                         */
.DataGrid_Container { margin-top:15px; }
.DataGrid_Header { font-weight:bold; }
.DataGrid_Header td, .NormalBold td { font-weight:bold; }

/* FileManager                                                       */
div.FileManager { height:auto; border:none; }
table.FileManager { width:99%; }

/* Control Panel                                                     */
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited { font-family:Century Gothic; color:#444444; }
.ControlPanel a.CommandButton:hover { font-family:Century Gothic; color:SILVER; text-decoration:underline; }
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead { font-size:11px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Skin Objects Display                                              */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bongLanguagePad { display:none; }
.bongLogoBG a { display:none; }
.bongSearchStyle { display:none; }
#bongBreadStyle { display:none; }
#bongDisplayCopy { display:none; }
#bongDisplayLinks { display:none; }
#bongDisplayPrivacy { display:none; }
#bongDisplayFormat { display:none; }
#bongDisplayTerms { display:none; }
#bongDatePad { display:none; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Content Panes                                                     */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* For Banner Layouts                                                */
.BannerPane { padding:15px 20px 0 350px; margin:0; height:100%; }

/* For Vertical Layouts                                              */
.SidePane { padding:0; margin:20px 0 0 0; }

/* All Layouts                                                       */
.TopPane { width:100%; padding:5px; }

.LeftPane { width:25%; padding:5px; }
.CenterPane { width:50%; padding:5px; }
.RightPane { width:25%; padding:5px; }

.LeftPane2 { width:50%; padding:5px; }
.RightPane2 { width:50%; padding:5px; }

.LeftPane3 { width:33%; padding:5px; }
.CenterPane2 { width:33%; padding:5px; }
.RightPane3 { width:33%; padding:5px; }

.ContentPane { width:100%; padding:5px; }

.LeftPane4 { width:25%; padding:5px; }
.RightPane4 { width:75%; padding:5px }

.LeftPane5 { width:75%; padding:5px; }
.RightPane5 { width:25%; padding:5px }

.LeftOuterPane { width:25%; padding:5px; }
.LeftInnerPane { width:25%; padding:5px; }
.RightInnerPane { width:25%; padding:5px; } 
.RightOuterPane { width:25%; padding:5px }

.BottomPane { width:100%; padding:5px; }

.FooterPane { width:100%; padding:0; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Banners                                                           */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bongBannerBG { background:url(images/banners/BANNER_01_1006.jpg) no-repeat center; height:183px; }




