/*------------------------------------*/
/*====================================*/
/* ONYX - Stylesheet                  */
/*                                    */
/* by SeventhCoast                    */
/* c/o Ty Barho                       */
/* t.barho@gmail.com                  */
/*====================================*/
/*------------------------------------*/


/* Body Styles */
/*-------------*/
html { height: 100%; }
body { margin: 0; background: #DADADA; margin: 10 0 5 0; }
table, tr, td, p {font-family: tahoma; font-size: 11px; line-height: 1.4em; margin: 0;}



/* Control Panel Styles */
/*----------------------*/
.controlpanel {  background: #EDEDED; border: solid 1px #808080;  }



/* NOTE --> Use this class if you would like to change the width of your page; you may use % or px values */
/*--------------------------------------------------------------------------------------------------------*/
.OuterTable { width: 85%; height: 100%; background: #DADADA; align: center; padding: 0; margin: 0; }



/* Page Area Styles */
/*------------------*/
.OuterDiv { width: 100%; height: 100%; background: #DADADA; align: center; padding: 0; margin: 0; }
.TopRow {  background: url(header_bg.gif) repeat-x top left; height: 162px; padding: 0; margin: 0;} 
.TopRowRight { background: url(header_bg_r.gif) no-repeat top right; height: 162px; width:100%; padding: 0; margin:0;}
.TopRowLeft { height: 162px; width:100%; padding: 0; }
.TopRowSeparator { background: url(header_bg_sep.gif) repeat-x top left; height: 162px; width: 143px; padding: 0;  }
.LogoExpandTD { background: url(logo_expand_bg.gif) repeat-x top left; padding: 0; height:162px; width: 215px; }
.LogoInnerTD { background: url(header_bg_l.gif) no-repeat top left; text-align:left; vertical-align: middle; padding: 0 0 0 35px; height:162px; }
.LoginTD { height:129px; text-align:right; vertical-align: top; color: #E4E4E4; padding: 13px 30px 0 0; }
.SearchTD { height:30px; text-align:right; vertical-align: top; padding: 0 35px 0 0;}
.MiddleRow { background: url(page_bg_r.gif) repeat-y top right #FFF; padding: 0 0px 0 0px; }
.MiddleRowTable { height: 100%; }
.MenuTD { background: url(page_bg_l.gif) repeat-y top right #DADADA; width: 207px; vertical-align: top; padding: 0; margin: 0; }
.MenuCellBottom { background: url(menu_bg_bottom.gif) no-repeat top left; width: 207px; height: 100%; padding: 0; margin: 0; }
.MenuTopTD { background: url(menu_bg_top.gif) no-repeat top left; width: 207px; height: 36px; vertical-align: top; padding: 0; }
.MenuAreaTD { width: 207px; vertical-align: top; padding: 0; }
.MenuBottomTD { width: 207px; height: 28px; background: url(menu_bg_bottom.gif) no-repeat bottom left; vertical-align: top; padding: 0; }
.PanesTD { width:100%; vertical-align: top; padding: 0 11px 0 6px; }
.PanesDIV { padding: 10px 25px 0 5px; }
.BottomRow { background: url(footer_bg.gif) repeat-x top left; height: 75px; padding: 0;}
.BottomRowLeft { background: url(footer_bg_l.gif) no-repeat top left; height: 75px; padding: 0;}
.BottomRowRight { background: url(footer_bg_r.gif) no-repeat top right; height: 75px; text-align: right; vertical-align: top; color: #E4E4E4; font-size: 11px; padding: 26px 32px 0 0; }
.BreadCrumbsRow { background: url(breadcrumbs_bg.gif) repeat-x top left; height: 34px; padding: 0;}
.BreadCrumbsLeft { background: url(breadcrumbs_bg_l.gif) no-repeat top left; height: 34px; padding: 10px 0 0 35px; font-weight: bold; color: #5F5F5F; font-size: 10px;}
.BreadCrumbsRight { background: url(breadcrumbs_bg_r.gif) no-repeat top right; height: 34px; text-align: right; vertical-align: top; }
.DateRow { background:  url(date_bg.gif) repeat-x top left; height: 31px; padding: 0;}
.DateLeft { background: url(date_bg_l.gif) no-repeat top left; height: 31px; padding: 3px 0 0 15px; font-weight: bold; color: #808080; font-size: 11px;}
.DateRight { background: url(date_bg_r.gif) no-repeat top right; height: 31px; text-align: right; vertical-align: top; }



/* Page Area Styles */
/*------------------*/
.TopPane { padding: 0 7px 0 7px; width: 100%; }
.LeftPane { padding: 0 7px 0 7px; width: 33%; }
.ContentPane { padding: 0 7px 0 7px; }
.RightPane { padding: 0 7px 0 7px; width: 33%; }
.BottomPane {  padding: 5px 7px 10px 7px; width: 100%; }



/* Solpart Menu Styles */
/*---------------------*/
/* NOTE --> notable classes are MainMenu_Out(for idle menu items), MainMenu_Over(for "selected" menu items) */
/*          and MainMenu_Active(for active tab menu items)                                                  */
/*----------------------------------------------------------------------------------------------------------*/
.MainMenu_MenuContainer {  background: url(menu_item_bg.gif) repeat-y top left ;  width: 207px; padding-left: 0; }
.MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent;  width: 207px; padding: 0 0 0 41px; }
.MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 0 0 1px; background: #F9F9F9; padding: 0px; border: 1px solid #778188; font-weight: normal; filter: none; }
.MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #6A6A6A; font-size: 11px; background: #F9F9F9; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; }
.MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #FFF; background: #778188; padding: 0px 30px 0px 16px; height: 20px; border: 0;}
.MainMenu_Out { color: #777D88; background:  url(menu_item_idle.gif) no-repeat ; padding: 0; height: 41px; font-weight: bold;}
.MainMenu_Over { color: #222; background:  url(menu_item_active.gif) no-repeat ; padding: 0; text-align: left; height: 41px; font-weight: bold;}
.MainMenu_Active, .MainMenu_BreadcrumbActive {color: #666; background: url(menu_item_active.gif) no-repeat ; padding: 0; height: 41px; font-weight: bold;}
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
.ModuleTitle_MenuContainer { color: #2c2c2c; }
.ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
.ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
.ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }



/* DNN Text Override Styles */
/*--------------------------*/
.normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; }
.NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; }
.NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
.SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
.Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}
.onyx_SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #6176A2; padding: 0; }



/* DNN:LOGIN & DNN:USER Object Styles */
/*------------------------------------*/
.obj_login, a.obj_login:link, a.obj_login:visited, a.obj_login:active { color: #E4E4E4; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
a.obj_login:hover { color: #000; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }



/* DNN:CURRENTDATE Object Styles */
/*-------------------------------*/
.obj_date { font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }



/* DNN:BREADCRUMBS Object Styles */
/*-------------------------------*/
.obj_breadCrumbs, a.obj_breadCrumbs:link, a.obj_breadCrumbs:visited, a.obj_breadCrumbs:active { color: #5F5F5F; font-family: tahoma; font-size: 10px; text-decoration: none; font-weight:bold;}
a.obj_breadCrumbs:hover { color: #FFFFFF; font-family: tahoma; font-size: 10px; text-decoration: none; font-weight:bold; }



/* DNN:COPYRIGHT, DNN:TERMS & DNN:PRIVACY Object Styles */
/*------------------------------------------------------*/
.obj_footer { color:#FFF; font-size: 11px; }
a.obj_footer:link, a.obj_footer:visited, a.obj_footer:active { color:#FFF; font-weight:bold; text-decoration:none; }
a.obj_footer:hover { color:#DDD; font-weight:bold; text-decoration:none;  }



/* DNN:SEARCH Object Styles */
/*--------------------------*/
/* NOTE --> see the <SPAN></SPAN> tag in the DNN:SEARCH object attribute "Submit" if you are interested in altering the button */
/*-----------------------------------------------------------------------------------------------------------------------------*/
.SearchButton { background: transparent; padding: 13px 15px 4px 11px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}
/* NOTE --> this overrides the textbox style for the search object  */
/*------------------------------------------------------------------*/
#dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 138px; color: #404852; padding: 1px 5px 0px 8px; border: 0px solid #FFFFFF; cursor:text;}