/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++     CSS Skin for DotNetNuke                  ++*/
/*++     Skin: Focus - Natural Shades             ++*/
/*++     Frontwork Studio                         ++*/
/*++     http://www.frontworkstudio.com           ++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*----------------- G L O B A L --------------------*/
html, body {width:100%; height:100%; background:#fff;}
td {vertical-align:top;}
*{padding:0; margin:0;}
img {border: 0;}
ul{margin:10px 0 10px 15px;}
ol{margin:10px 0 10px 18px !important;margin:10px 0 10px 22px;}
li{margin-bottom:5px;}

/*------------------- T E X T ----------------------*/
p, div, td {font: 11px Tahoma, Arial, Verdana; line-height: 130%; color: #555;}


/*------------------ L I N K S ---------------------*/
a:link, a:visited, a:active {color: #1F94B8; text-decoration: none;}
a:hover {color: #1F94B8; text-decoration: underline;}
a.Normal:link, a.Normal:visited {color: #1F94B8; text-decoration: none;}
a.Normal:hover {color: #1F94B8; text-decoration: underline;}


/*----------------- C U S T O M --------------------*/

/*-- Define width for the page --*/
.PageWidth{width:960px; margin:0 auto; text-align:left;}

/*-- top area & menu --*/
#toparea {background:#fff url(top_background.gif) repeat-x top center; width:100%; text-align:center; padding-top:20px;}
#toptable {height:113px;}
#logocell {width:280px; vertical-align:bottom; padding:5px 30px 15px 30px; background: url(logo_background.gif) repeat-x top left;}
#menucell {width:100%; height:113px; background: url(menu_background.gif) repeat-x top left;}

/*-- Main area --*/
#mainarea {width:100%; text-align:center; padding-top:5px; clear:both;}
#maintable {background:#fff; height:300px;}
#bcsearchtable {height:44px; border-top:1px solid #d4d4d4;}
#bcdatecell {padding:16px 0 10px 5px; white-space:nowrap;}
#searchcell {padding:16px 5px 10px 0; text-align:right;}
#maincontentcell {padding:10px 30px 20px 0px;}
#rightcontentcell {padding:18px 1px 20px 0; width:250px;}
#fullwidthcell{padding:15px 0 20px 0;}

/*-- Bottom panes --*/
#bottomtable { border: 1px solid #d4d4d4;  border-bottom:0;}
#subleftcontentcell {padding:18px 0 20px 0; width:250px;}
#submaincontentcell {padding:18px 0 20px 30px;}


/*------------------ P A N E S ---------------------*/
.bannerpane {}
.rightpane {}
.rightmiscpane {}
.leftpane {}
.contentpane {width:100%;}
.contentpane1, .contentpane3 {padding-right:15px; width:50%}
.contentpane2, .contentpane4 {width:50%}
.bottompane {width:24%; border-right:1px solid #f0f0f0; padding:25px;}
.bottompane2 {width:28%; padding:25px 35px 25px 25px; text-align:right;}
.subbottompane {width:50%; padding:25px;}

/*-- pane width & padding --*/
.width50{width:50%;}
.width32{width:32%;}
.width25{width:25%;}
.PddLeft10{padding-left:10px;}
.PddRight10{padding-right:10px;}
.PddRight20{padding-right:20px;}


/*---------------- H E A D E R S -------------------*/
.Head {font: bold 14px Tahoma, Arial, Verdana; color: #1F94B8; margin-bottom:12px;}
.SubHead, .SubSubHead {font: bold 12px Tahoma, Arial, Verdana; color: #666;}
H1, H2 {font: bold 22px Tahoma, Arial, Verdana; color: #666;} 
H3, H4 {font: bold 18px Tahoma, Arial, Verdana; color: #666;}
H5, H6 {font: bold 14px Tahoma, Arial, Verdana; color: #666;}


/*---------------- F O O T E R S -------------------*/
.Footer {}


/*------------------- M I S C ----------------------*/
.datetxt {color: #999;}


/*------------------ F O R M S ---------------------*/
.NormalTextBox, textarea, select, input {font: 11px Tahoma, Arial, Verdana; padding:2px;}
#dnn_dnnSEARCH_txtSearch {background: url(searchfield_background.gif) repeat-x top left; height:19px !important; height:20px; border:0; color: #666; font: 11px Tahoma, Arial, Verdana; padding:4px; vertical-align:middle;}
#dnn_dnnSEARCH_cmdSearch{}
.loginbutton, a.loginbutton:link, a.loginbutton:active, a.loginbutton:visited, a.loginbutton:hover { font: normal 9px Tahoma; color: #fff; text-decoration:none; white-space:nowrap; padding:6px 0;}

/*-- inline button wrap --*/
.btn_end{background: url(btn_ends.gif) repeat-x 50% 50%; padding:6px 2px; font: normal 9px Tahoma;}
.btn_mid{background: url(btn_mid.gif) repeat-x 50% 50%; text-align:center; padding:6px 10px; font: normal 9px Tahoma; color: #fff; white-space:nowrap;}


/*------------------- M E N U ----------------------*/

/*------ Container box for menu ------*/ 
.MainMenu_MenuContainer {height:113px; width:100%; background: transparent;}

/*------ Menubar for menu --------*/ 
.MainMenu_MenuBar {cursor: pointer; cursor: hand; width:100%; background: transparent;}

/*------ Idle menuitems --------------*/
.MainMenu_Idle TD {font:normal 11px Tahoma; background: url(mainmenu_background.gif) repeat-x top left; color: #777; text-align: center; padding-top:83px; padding-bottom:10px;}

/*------ Hover menuitems -------------*/ 
.MainMenu_Selected TD {font:normal 11px Tahoma; background: url(mainmenuover_background.gif) repeat-x top left; color: #1f94b8; text-align: center; padding-top:83px; padding-bottom:10px;}

/*------ Active menuitems ------------*/ 
.MainMenu_Active TD, .MainMenu_BreadcrumbActive TD {font:normal 11px Tahoma; background: url(mainmenuactive_background.gif) repeat-x top left; color: #1f94b8; text-align: center; padding-top:83px; padding-bottom:10px;}

/*------ Container for submenus ------*/ 
.MainMenu_SubMenu {text-align:left; background: #fff; z-index: 1000; cursor: pointer;  cursor: hand; filter: Alpha(Opacity=90); -moz-opacity:.9; border : 1px solid #ddd;}

/*------ Idle submenu items ----------*/ 
.MainMenu_MenuItem {font:normal 11px Tahoma;  background: #f8f8f8; color: #777; padding:10px 40px 8px 12px; border:0; border-bottom:1px solid #ddd;}

/*------ Hover submenu items ---------*/ 
.MainMenu_MenuItemSel {background:transparent;}
.SubMenu_Selected {font:normal 11px Tahoma;  background: #f2f2f2; color: #1F94B8;  padding:10px 40px 8px 12px; border:0; border-bottom:1px solid #ddd;}


/*-- not display in menu --*/ 
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
.MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow { display: none; }



/*++++++++++++++++  End Style Sheet +++++++++++++++++*/

