/*========================================================*/
/*        CSS for DotNetNuke Skin - Friction              */
/*                  by Evan O'Neil                        */
/*             http://www.NukeVille.com                   */
/*                oneilevan@gmail.com                     */
/*========================================================*/


/*========================================================*/
/*     Design Elements                                    */
/*========================================================*/
/* Style For HTML BODY                   */ #body { margin: 0; background: #859bb5; margin: 0 0 0 0; }
/*-- outermost layer of skin                --*/ .OuterDiv { background: url(bg_top_blue.jpg) repeat-x top left transparent; width:100%; height:100%; padding: 0 0 0 0; margin: 0 0 0 0;}
/*-- outermost table of skin                --*/ .OuterTable { width: 1000px; height: 100%; background: url(page_bg_l_blue.jpg) repeat-y top left #e9e9e9; }
/*-- outermost layer of skin                --*/ .OuterDiv2 { background: url(bg_bottom_blue.jpg) repeat-x bottom left transparent; width:100%; height:100%; padding: 0 0 0 0; margin: 0 0 0 0;}
/*-- cell containing menu                   --*/ .MenuTD { vertical-align: top; padding: 0 0 0 0; margin: 0 0 0 0; }
/*-- cell containing login and register     --*/ .LoginTD { vertical-align: middle; height: 60px; color: #FFF; padding: 10px 32px 0 22px; text-align:right; }
/*-- topleft header section                 --*/ .TopRowLeft { background:  url(headerlogo.jpg) no-repeat top left; height: 196px; width:100%; padding: 0; }
/*-- topright header section                --*/ .TopRowRight_2 { background:  url(Header_right_gppa_blue.jpg) no-repeat top right; width:100%; padding: 0;}
/*-- bottomleft footer section              --*/ .BottomRowLeft { background:  url(footer_bg_l_blue.jpg) no-repeat top left; height: 77px; padding: 0;}
/*-- bottom footer section                  --*/ .BottomRow { background:  url(footer_bg_blue.jpg) repeat-x top center #CECECE; height: 77px; padding: 0;}
/*-- bottomright footer section             --*/ .BottomRowRight { background:  url(footer_bg_r_blue.jpg) no-repeat top right; height: 54px; text-align: right; vertical-align: top; padding: 15px 23px 0 0; }
/*-- Login Cell		                   --*/.loginTD { text-align: right; vertical-align: top; padding: 10px 13px 0px 0px;}
/*-- middle content section                 --*/ .MiddleRow { background:  url(page_bg_r_blue.jpg) repeat-y top right; padding: 0 6px 0 8px; height:100% }
/*-- cell containing date                   --*/ .DateTD { width: 260px; text-align:center; vertical-align: middle; padding: 0 0 4px 4px; height:36px;}
/*-- right panel content pane               --*/ .PaneERight { width: 100%; padding: 4px 4px 0 6px; }
/*-- topright header section                --*/ .Header { background:  url(Header_middle_blue.jpg) top right; width:100%; padding: 0; height:0px;}
/*-- topright header section                --*/ .Header_left { background:  url(Header_left_gppa_blue.jpg) no-repeat top left; padding: 0; height:139px; width:147px;}
/*-- topright header section                --*/ .Header_right { background:  url(Header_right_gppa_blue.jpg) no-repeat top right; padding: 0;}
/*-- cell containing panes                  --*/ .PanesTD { width: 100%; vertical-align: top; padding: 4px 4px 0px 0px; }
/*-- cell containing panes                  --*/ .HeaderPaneTD { width: 100%; vertical-align: top; text-align: right; padding: 15px 19px 0px 10px; }

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 4px 0 4px;}
/*-- left content pane             --*/ .PaneLeft { padding: 0 4px 0 0px; width: 33%; }
/*-- main content pane             --*/ .PaneCenter { padding: 0 4px 0 0px; }
/*-- right content pane            --*/ .PaneRight { padding: 0 4px 0 0px; width: 33%; }
/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 4px 0 4px; }
/*-- header content pane           --*/ .PaneHeader { width: 100%; padding: 0; }

/*-- Document Row                           --*/ table.ace_document_table { margin: 0 0 0 0;}
/*-- Document Row                           --*/ tr.ace_document_row:hover{ background-color: #efedde}


/*========================================================*/
/*     Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #DDDDDD; background:  url(bullet2.gif) no-repeat top left;  font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; padding: 0 0 0 20px; }
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { background:  url(bullet.gif) no-repeat top left; color: #EEEEEE; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }

/*========================================================*/
/*     Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu    --*/ .MainMenu_MenuContainer { height: 32px; min-height:32px; max-height:32px; background: url(gppa_hmenu_btn_idle.jpg) repeat-x top left #EEEEEE; }
/*-- menu bar ends              --*/ .MainMenu_MenuContainer_End {height: 32px; min-height:32px; max-height:32px; background: url(gppa_hmenu_btn_idle.jpg) repeat-x top left #EEEEEE;}
/*-- menu bar ends              --*/ .MainMenu_MenuContainer_End IMG {float:none; }
/*-- menu bar ends              --*/ .MainMenu_MenuContainer_Search {height: 32px; min-height:32px; max-height:32px; background: url(hmenu_search.jpg) repeat-x top left #EEEEEE;}
/*-- bar that holds the menu    --*/ .MainMenu_MenuBar { cursor: pointer; background: url(navseparator.gif) no-repeat top right transparent; width: 230px; }
/*-- submenu container          --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer; margin: 0 0 0 2px; background: #EEEEEE; padding: 0px; border: 1px solid #BBBBBB; font-weight: normal; }
/*-- submenu items idle         --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #6A6A6A; font-size: 11px; background: #EEEEEE; font-weight: bold; font-style: normal; padding: 0px 16px 0px 16px; height: 20px; border: 0; }
/*-- submenu items hover        --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; color: #222; background: #BBBBBB; padding: 0px 16px 0px 16px; height: 20px; border: 0;}
/*-- menuitems idle             --*/ .MainMenu_Idle TD {text-align:center;  white-space:nowrap; min-width: 60px; color: #FFF; background: url(gppa_hmenu_btn_idle.jpg) repeat-x top center transparent; font-size: 8pt; padding: 0 0 0 0; font-weight: bold; height: 32px; }
/*-- menuitems over             --*/ .MainMenu_Selected TD {text-align:center; white-space:nowrap; min-width: 60px; color: #FFF; background: url(gppa_hmenu_btn_hover.jpg) repeat-x top center transparent; font-size: 8pt; padding: 0 0 0 0; font-weight: bold; height: 32px; }
/*-- menuitems active           --*/ .MainMenu_Active TD, .MainMenu_BreadcrumbActive TD {text-align:center; white-space:nowrap;  min-width: 60px; color: #FFF; background: url(gppa_hmenu_btn_hover.jpg) repeat-x top center transparent; font-size: 8pt; padding: 0 0 0 0; font-weight: bold; height: 32px; }
/*-- not needed - main menu     --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer       --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar            --*/ .ModuleTitle_MenuBar { cursor: pointer;}
/*-- module menu padding        --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 0 0 0; }
/*-- module menu seperator      --*/ .MainMenuSeperator {padding: 0px 2px 0px 0; background: url(gppa_hmenu_div.jpg) repeat top right #EEEEEE;}
/*-- not needed - module menu   --*/ .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }
/*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none;	border-left-style: none; border-bottom-style: none; background:transparent;  vertical-align:top;}

/*-- Search box                 --*/ .MainMenu_Search {width: 211px; padding:0 0 0 0; margin:0 0 0 0;}
.login_table { }
td.login_btn, td.login_btn:link, td.login_btn:visited { padding-left:5px; padding-right:5px; min-width:50px; background-image: url("login_idle.jpg"); text-align:center;}
a.login_link, a.login_link:link, a.login_link:visited{ color: #CCCCCC;  font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
a.login_link:hover { color: #FFFFFF;  font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none;}
td.login_btn:hover { background-image: url("login_hover.jpg"); }


/*========================================================*/
/*     This stuff is for the big list of staff members    */
/*========================================================*/

.staff_heading { margin: 0 0 0 0; padding: 0 0 0 0; }
.staff_name { font-family: Arial, Helvetica, sans-serif; font-size:14pt; color: #83db3b; float:right;}
.staff_title { margin: 0 0 0 0; padding: 0 0 0 0; }
.staff_email { margin: 0 0 0 0; padding: 0 0 0 0; }
.staff_table { margin: 5px 0px 0px 0px; background-color: #e2f6d3; border-spacing: 0px; border-collapse: collapse; width: 100%; }
.staff_table tr { margin: 0px; padding: 0px; }
.staff_table_header { padding: 0px; background-color: #67d028; background-position: right top; height:20px; background-repeat:repeat-x; background-image: url('contact_card_top_bg.png'); font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; font-style: italic; vertical-align:middle; } 
.staff_table_header_left { padding: 2px 20px 0px 20px; min-height: 20px; height:20px; max-height:20px; background-position: left top; background-repeat:no-repeat; background-image: url('contact_card_top_left.png'); float:left; }
.staff_table_header div { padding: 0px 0px 0px 0px; background-position: right top; background-repeat:no-repeat; background-image: url('contact_card_top.png'); width:100%; height:100%; vertical-align:middle; float:left; }
.staff_table_side { background-position: right top; background-repeat: no-repeat; background-image: url('contact_card_side.png'); width: 75px; }
.staff_table_lbl { vertical-align:top; font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; text-align:right; width:120px; min-width:120px; max-width:120px; padding: 1px 3px 0px 0px; }
.staff_table_lbl_roles { font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; text-align:center; width:250px; min-width:250px; max-width:250px;    padding: 0px 3px 0px 0px; }
.staff_table_detail { vertical-align:top; text-align:left; width:200px; min-width:200px; max-width:200px;    padding: 0px 0px 0px 3px; }
/*-- The vertical divider                --*/.staff_table_divider { vertical-align:top; width:1px; padding:0px 0px 0px 0px; background-color:#67d028; max-width: 1px; background-image:url('contact_card_divider_bottom.png'); background-position: left bottom; background-repeat:repeat-x; }
/*-- The vertical divider                --*/.staff_table_divider span {height:100%; padding: 0px 1px 20px 0px; background-position: left top; background-repeat:repeat-x; background-image:url('contact_card_divider_top.png'); }

/*========================================================*/
/*     This stuff is for the list the program pages       */
/*========================================================*/
.program_staff_list {width:100%; text-align: center; padding: 0 0 0 0; margin: 0 0 0 0; }
.program_staff_name {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #333333; }
.program_staff_role { text-align: center; }
.program_staff_email {text-align: center; margin: 0px 0px 10px 0px; }
.program_staff_numbers { width:100%; text-align: center; }


/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/