﻿/********** Global Site Styles  ******/
html,body,form
{
	height:100%;	
}

body
{	margin:0;
	border:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

body, input, p, select, a, a:hover, a:link, a:visited
{
	font-size: 11px;
}


/*********** End Global   *********/

.pl_container
{
	min-height: 100%;
	margin: 0 auto -40px;
	position: relative;
	vertical-align: top ;
}

.pl_pg_body
{
	width:97%; 
	text-align:left; 
	clear:left; 	
}

.pl_footer_main
{
	height: 36px;
	vertical-align: top;
	width: 100%;	
	text-align: center; 
	display:block;		z-index:99999;
}
.pl_footer_content
{
	font: bold 11pt;
	border-bottom: 1px solid;
	border-top: 1px solid;
	height: 32px; 
	text-align:center;
	z-index:99999;
	display:block;	
	width: 100%;	
    padding-top:6px;	
}
.pl_footer_ph
{
	height: 38px;
}
.css_hidden_ctl
{
	display:none; 
	visibility:collapse;
}

/****** controls ****/
.pg_lnk, .ft_lnk, .hd_lnk
{  
 font-weight:bold;
 font-size :smaller;
}
.hdr_pg_lbl, .pg_lbl
{
	white-space:nowrap;
	font-weight:bold;
}

.cpyrt
{
  font-size:x-small; 	
}

.mnu_con
{
	height:25px;
	width:100%;
}

.mnu_con td
{
	padding-left: 6px; 
	white-space:nowrap;
}
.pl_head_main
{
	
}

/*CollapsiblePanel*/
.collapsePanel {overflow:hidden;}
.collapsePanelHeader{width:100%;height:30px;font-weight:bold;font-size :small;}
.collapsePanelParamHeader{width:100%;height:18px;font-weight:bold;font-size :smaller; cursor:pointer;}
.collapsePanelParamSection{padding-right: 2px;padding:2px,0px,2px,2px;vertical-align: middle;}
.collapsePanelHeaderTitleText{float:left;}
.collapsePanelParamSectionActionText{float:left;margin-left: 20px;}

/*Accordian Style*/

.accordion
{
	width: 1100px;
}

.accordionHeader
{
	border: 1px solid #435770;
	color: white;
	background-color: #435770;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.accordionHeaderSelected
{
	border: 1px solid 5b7390;
	color: white;
	background-color: #5b7390;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.accordionContent
{
	background-color: #f5f5f2;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

/*Modal PopUp*/

.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: black;
        padding-top: 10px;
        padding-left: 10px;
        width: 300px;
        height: 140px;
    }


/*Dashboard*/

.resizable { width: 300px; height: 350px; padding: 0.5em; border: 1px solid #aaaaaa; float:left; margin:10px; }
.resizable h3 { text-align: center; margin: 0; }



/******************************************/
/********** NEW CSS MENU ******************/
.mnu_ul, .mnu_ul_right
{
    margin:4px;
    width:auto;
    position:relative;
    list-style-type:none;
}
        
.mnu_ul a, .mnu_ul_right a 
{    
    display: block;
    padding-top: 3px;
    padding-bottom:4px;
}
        
.mnu_ul li, .mnu_ul_right li
{
          
    position:relative; 
    text-align: center;  
}
        
.mnu_ul li
{
    float:left;   
}
        
.mnu_ul_right li
{
    float:right; 
}
        
.mnu_ul li a, .mnu_ul_right li a
{
    font-weight:bold;  
    cursor:hand;
    padding-right:21px; 
}
        
        
.mnu_ul ul.sub-menu, .mnu_ul_right ul.sub-menu
{
	display: none;
	position: absolute;
	top:15px;
	padding: 10px;
	background-color:White;
	z-index: 90;
	list-style-type:none;
}
        
.mnu_ul ul.sub-menu
{
    left:-10px;    
}
        
.mnu_ul_right ul.sub-menu
{
        right:-10px;
}
        
.mnu_ul ul.sub-menu li, .mnu_ul_right  ul.sub-menu li 
{
	text-align: left;
	    float:none;
}

.mnu_ul ul.sub-menu li a ,  .mnu_ul_right ul.sub-menu li a
{
    white-space:nowrap;
}

.mnu_ul li:hover ul.sub-menu, .mnu_ul_right li:hover ul.sub-menu 
{
	display: block;
	border: 1px solid #ececec;
}

/****************** END NEW CSS MENU ************************/

/****************** NEW GRID (LISTVIEW & DATAPAGER) ********/
/*
Does not include theme area options
*/
.grd
    {
        margin:0;
        border-spacing:0px;
        border-collapse:collapse;   
        border-left:1px solid rgb(245, 245, 242);
        background-color:rgb(241, 242, 236);
    }
    
    .grd th
    {
        font-size: 11px;
        background-repeat:repeat-x;   
        color: #FFFFFF; 
        height: 30px;   
        font-weight: bold; 
    }
    
    .grd th a
    {
        padding: 0px 3px;
        cursor:pointer;
    }
    
    .grd tr.altItem,  .grd tr.item
    {
	    color: #333333;
	    font-size: 10px;
	    font-family: Verdana;        
    }
    
    
    .grd td, .grd th
    {
        padding:4px 4px 4px 4px ;
        border-bottom:1px solid rgb(245, 245, 242);
        text-align: center; 
    }
    
    .grd td
    {
        border-right:1px solid rgb(245, 245, 242);   
    }
    
    .grd td a
    {
        font-weight:bold;
        cursor:pointer;
    }    
    
    .pgr .pgr_lft
    {
        float:left;            
    }
    
    .pgr .pgr_rght
    {
            float:right;
    }
    .pgr div
    {
        margin:auto;
        text-align:center;
        vertical-align:middle;        
    }
    .pgr span, .pgr label
    {
        vertical-align:middle;        
    }
    .pgr
    {
        margin-left:7px;
        margin-right:7px;
        margin-top:4px;
        margin-bottom:4px;
        font-size: 12px;
	    font-family: arial,helvetica;
	    color:dimgray; 
    }
    
    .pgr input, .pgr img
    {
            padding-left:7px; 
            padding-right:7px
    }
    
    .tblSearch
    {
        border-spacing:7px; 
        border-collapse:separate;
    }
    
    .tblSearch td
    {
        padding:7px 14px 7px 7px;
    }

/****************** END GRID (LISTVIEW & DATAPAGER) ********/

/*AutoComplete flyout */
.nw_completionList
{
	border: solid 1px #444444;
	margin: 0px;
	padding: 2px;
	background-color: #FFFFFF;
}

.nw_listItem
{
	color: #1C1C1C;
	padding:3px 4px 3px 4px;
}

.nw_itemHighlighted
{
	background-color: #e0e8f1;
	padding:3px 4px 3px 4px;
}

/*new Modal Popup*/
#dvModal 
{
        display:none; top:0px; bottom:0px; left:0px; right:0px; position:fixed;   z-index:995; background-image:url("../images/modal_bkgd.png");
        margin:auto; vertical-align:middle;   
}

/***********************************************************
* New Form Stuff
************************************************************/
.pd_fld{ margin: 3px 14px 3px 0px; display:inline-block; vertical-align:middle; }
.pd_fld label{ padding-right:4px;  }
        
.gs_btn
{
    padding:4px 7px 4px 7px;
    font-weight:bold;   
    font-size:10pt!important;
    text-decoration:underline;
    cursor:pointer;
}
.srch_hr
{
    margin:4px 0px 4px 0px; border-collapse:collapse; border-spacing:0; padding:0;
}
.tblSearch input, #tblForm input
{   
    width:225px;
}  
.gs_frm
{
    margin-top:10px;
} 
.gs_frm h4
{
    font-size:14pt;
    width:auto;
}
.gs_frm > div
{
    margin-left:30px; 
    margin-right:30px ;
}
    
.gs_frm h5
{
    margin:15px; 
    font-size:11pt  
}
.gs_frm hr
{
    height:1px;
    width:100%;     
}