﻿/* DEFAULTS 
----------------------------------------------------------
@import url("BPC_GridView.css");

*/
@import url("AjaxControlToolkit.Tabs.Tabs.css");
@import url("BPC_GridView.css");
@import url("GroupBox.css");
@import url("BPC_CalendarStyle.css");
body   
{
    
   /* background: url('../Images/Header/form.jpg') repeat;  background: #E1E6FF; background: #d0e5f3;*/

    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}


a:link, a:visited
{
   /* color: White;*/
   color:Black; 
   text-decoration: none;
}


a:hover
{
    color:#3333FF; 
    text-decoration: none;
}

a:active
{
    color:White;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 98%;
    
    background-color: #fff;
    margin: 2px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#F7F6F3;
   /* background-image: url('admin-menu-bg.gif')*/
    width:100%;
   margin-top:auto;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color:transparent;
    border: 1px White solid;
    color: #000000;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #808080;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: White;
    color: #cfdbe6;
    text-decoration: none;
}



/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{  
    font-size: 1.1em;
    display: block;
    text-align:left;
    padding: 10px;
    color: White;

}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.BGHeader
{
    background: url('../Images/Header/admin-header-bg.gif') repeat;
}

.BGHeaderMenu
{
    clear: both;
    background: url('../Images/Header/admin-menu-bg.gif') repeat;
}

.BGLeftMenu
{
    height:420px;
    width: 250px;
    background: url('../Images/Menu/bg_body.gif') repeat;
}
.BGLeftMenuContent
{
    background-color:White;
     right :auto;
	margin-right: 0px;
}
.BGContent
{
    width: 100%;
    background-color:White;
    vertical-align:top;
}
.BGTXTLeftMenuContent
{
    font-family:Tahoma;
    font-size:13px;
    font-style:inherit;
    padding: 4px 0px 4px 8px;
}

/* 
MenuLeft
*/
div.menuLeftList
{
    padding: 0px 0px 0px 0px;

}


div.menuLeftList ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width:auto;
    
}

div.menuLeftList ul li a, div.menuLeftList ul li a:visited
{
    background-color: White;
    border: 1px White solid;
    color:#bfcbd6;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    text-align:left;
    width:196px;
}

div.menuLeftList ul li a:hover
{
    background-color: #bfcbd6;
    color: White;
    text-decoration: none;
    width:196px;
}

div.menuLeftList ul li a:active
{
    background-color: White;
    color: #cfdbe6;
    text-decoration: none;
    width:196px;

}

/* 
-----------------------
*/

/* 
MenuContent
*/
div.menuLeftList_Content
{
    padding: 0px 0px 0px 0px;

}


div.menuLeftList_Content ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width:auto;
    
}

div.menuLeftList_Content ul li a, div.menuLeftList_Content ul li a:visited
{
    background-color: #cfdbe6;
    border: 1px #4e667d solid;
    color: Black;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    text-align:left;
    width:196px;
}

div.menuLeftList_Content ul li a:hover
{
    background-color: #465c71;
    color: White;
    text-decoration: none;
    width:196px;
}

div.menuLeftList_Content ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    width:196px;

}

/* 
-----------------------
*/

/* 
Menu Action
*/
div.menuLeftList_Action
{
    padding: 0px 0px 0px 0px;

}


div.menuLeftList_Action ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width:auto;
    
}

div.menuLeftList_Action ul li a, div.menuLeftList_Action ul li a:visited
{
    background-color: #cfdbe6;
    border: 1px #4e667d solid;
    color: Black;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    text-align:left;
    width:110px;
}

div.menuLeftList_Action ul li a:hover
{
    background-color: #465c71;
    color: White;
    text-decoration: none;
    width:110px;
}

div.menuLeftList_Action ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
    width:110px;

}

/* 
-----------------------
*/

.BGHeaderPage
{
    clear: both;
    background: url('../Images/Header/head.gif') no-repeat;
    height:75px;
    width: 80%;
}
.BGHeaderPage_User
{
   text-align: right;
   right:auto;
}
.BGPanalMenu
{
   background-color: #465c71;
}
.BPC_lbOverlay {
	Z-INDEX: 9999; POSITION: absolute; BACKGROUND-COLOR: #000; WIDTH: 100%; CURSOR: pointer; LEFT: 0px
}
.BPC_lbCenter {
	Z-INDEX: 9999; POSITION: absolute; BACKGROUND-COLOR: #fff; OVERFLOW: hidden; LEFT: 56%;
    top: 204px;
}
.BPC_lbBottomContainer {
	Z-INDEX: 9999; POSITION: absolute; BACKGROUND-COLOR: #fff; OVERFLOW: hidden; LEFT: 50%
}
.BPC_lbImage {
	BORDER-BOTTOM: #fff 10px solid; POSITION: absolute; BORDER-LEFT: #fff 10px solid; BACKGROUND-REPEAT: no-repeat; BORDER-TOP: #fff 10px solid; TOP: 0px; BORDER-RIGHT: #fff 10px solid; LEFT: 0px
}
.BPC_lbPrevLink {
	POSITION: absolute; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 50%; DISPLAY: block; TOP: 0px
}
.BPC_lbNextLink {
	POSITION: absolute; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; WIDTH: 50%; DISPLAY: block; TOP: 0px
}
.BPC_lbPrevLink {
	LEFT: 0px
}
.BPC_lbBottom {
	BORDER-BOTTOM: #fff 10px solid; TEXT-ALIGN: left; BORDER-LEFT: #fff 10px solid; LINE-HEIGHT: 1.4em; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif; COLOR: #666; FONT-SIZE: 10px; BORDER-TOP: #fff 10px; BORDER-RIGHT: #fff 10px solid
}
.BPC_lbBottomOK {
	 background-color: White; border-color:#507CD1; border-style:Solid; border-width:1px; font-family:Verdana; font-size:12px;FONT-WEIGHT: bold;color: #000066;
}
.BPC_Bottom {
	 background-color: White; border-color:#507CD1; border-style:Solid; border-width:1px; font-family:Verdana; font-size:12px;FONT-WEIGHT: bold;color: #000066;
	 width:35px;
	 cursor: pointer;
}

.BPC_lbNumber {
	MARGIN-RIGHT: 71px
}
.BPC_lbCaption 
{
	MARGIN-RIGHT: 71px; 
	FONT-WEIGHT: bold;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 23px;
	color: #000066;
	vertical-align:middle;
	
}
.BPC_lbCaption_Normol 
{
	FONT-WEIGHT: bold;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";	
	font-size: 12px;
	color: #000066;	
}
.BPC_lbCaption_Normol_B
{
	FONT-WEIGHT: bold;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 14px;
	color: #000066;	
}
.BPC_lbCaption_Normol1 
{
	FONT-WEIGHT: bold;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 10px;
	color: #000066;	
}
.BPC_lbNormol 
{
	FONT-WEIGHT:normal;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
	color: #000066;	
	margin-left: 3px;
}
.BPC_ComboNormol 
{
	FONT-WEIGHT:normal;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
	color: #000066;	
	cursor:pointer;
}
.BPC_searchform {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}

.BPC_MenuOntop{
  vertical-align:top;
  width:260px;
  padding: 0px 0px 0px 10px;
}
.BPC_GroupMenu{
  vertical-align:top;
  padding: 0px 0px 0px 0px;
  }

.modalBackground {
	FILTER: alpha(opacity=70); BACKGROUND-COLOR: gray; opacity: 0.7;

}

/*
Content From
*/
.BPC_frmlbHerder{
  text-align:right; 
  
  width:20%;
}
.BPC_frmTxtHerder{
  text-align:right; 
  
  width:100px;
}
.BPC_BGColorHeader{
 background-color:#E1E6FF;	
}
.BPC_BGColorContent{
 background-color:#E2E2E2;	
}
/*  Btn Action  */
.BPC_bg_Action
{
    height:200px;
    width:150px;
	color: #000066;	
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-color:White;
    border-top-color:White;
    border-left-color :White;
    border-right-color:White; 
}
ActionDetail
{
	color: #000066;	
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-color:White;
    border-top-color:White;
    border-left-color :White;
    border-right-color:White; 
}
.BPC_bg_GroupBox
{
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-color:#666666;
    border-top-color:#666666;
    border-left-color :#666666;
    border-right-color:#666666; 
    border-width:1px;
    width:100%;
    height:100%;
}
.BPC_bg_GroupBoxColor
{
    border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-color:#666666;
    border-top-color:#666666;
    border-left-color :#666666;
    border-right-color:#666666; 
    border-width:1px;
    width:100%;
    height:100%;
     background-color:#E1E6FF;
}
.BPC_bg_Color
{
    width:100%;
    height:100%;
     background-color:#E1E6FF;
}
.BPC_Panel
{

	color: #000066;	
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-color:White;
    border-top-color:White;
    border-left-color :White;
    border-right-color:White; 
}
.BPC_Panel
{

	color: #000066;	
	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-color:White;
    border-top-color:White;
    border-left-color :White;
    border-right-color:White; 
}
.BPC_btn_Action
{
	FONT-WEIGHT: bold;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
	color: #000066;	
}
.BPC_btn_Action
{
	FONT-WEIGHT: bold;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
	color: #000066;	
}
.BPC_DropDownList
{
	FONT-WEIGHT:normal;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
	color: #000066;	
	cursor: pointer;
	PADDING-BOTTOM: 3px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; HEIGHT: 1.9em; PADDING-TOP: 3px;
    BORDER-BOTTOM: #a4a4a4 1px solid; 
    BORDER-LEFT: #a4a4a4 1px solid; 
    BORDER-TOP: #a4a4a4 1px solid; 
    BORDER-RIGHT: #a4a4a4 1px solid;
    BACKGROUND-COLOR: #fff3c0; 
    MARGIN: 0px;  
    
}
.BPC_cursor
{
	cursor: pointer;
}
.BPC_PopupBottom {
	 background-color: White; border-color:#507CD1; border-style:Solid; border-width:1px; font-family:Verdana; font-size:12px;FONT-WEIGHT: bold;color: #000066;
	 width:35px;
	 height:25px;
	 cursor: pointer;
}
.PromptCSS   
        {   
            color:DeepPink;   
            font-size:large;   
            font-style:italic;   
            font-weight:bold;   
            background-color:Snow;   
            border:solid 1px HotPink;   
            height:30px;   
        } 

INPUT.btn {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #eb9c12; MARGIN: 0px 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #ffffff; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 2px
}
.btnOnFcs {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #eb9c12; MARGIN: 0px 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #ffffff; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 2px
}
.btnOnMseOvr {
	BORDER-BOTTOM: 0px; TEXT-ALIGN: center; BORDER-LEFT: 0px; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #f9b133; MARGIN: 0px 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #ffffff; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 2px
}
.btnOnMseDwn {
	BORDER-BOTTOM: #f9b133 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #f9b133 0px solid; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #f9b133; MARGIN: 0px 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #000000; BORDER-TOP: #f9b133 0px solid; BORDER-RIGHT: #f9b133 0px solid; PADDING-TOP: 2px
}
INPUT#btnCls {
	MARGIN: 3px 6px
}
DIV.iactv {
	BORDER-BOTTOM-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-COLOR: #ffffff; BORDER-LEFT-COLOR: #ffffff; CURSOR: normal
}
DIV.iactv INPUT#chkRI {
	BACKGROUND-COLOR: #ffffff
}
DIV.iactv INPUT#chkRcp {
	BACKGROUND-COLOR: #ffffff
}
DIV.iactv INPUT#chkCat {
	BACKGROUND-COLOR: #ffffff
}

/*----------Text Input ---------------*/


.BPC_input{
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
	color: #000066;	
	PADDING-BOTTOM: 2px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; HEIGHT: 1.4em; PADDING-TOP: 2px;
    BORDER-BOTTOM: #a4a4a4 1px solid; BORDER-LEFT: #a4a4a4 1px solid; BACKGROUND-COLOR: #fff3c0; MARGIN: 1px;  BORDER-TOP: #a4a4a4 1px solid; BORDER-RIGHT: #a4a4a4 1px solid;
}
.BPC_input_ID{
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
    width:100px;
    color: #000066;	
    PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; HEIGHT: 1.3em; PADDING-TOP: 1px;
    BORDER-BOTTOM: #a4a4a4 1px solid; BORDER-LEFT: #a4a4a4 1px solid; BACKGROUND-COLOR: #fff3c0; MARGIN: 1px;  BORDER-TOP: #a4a4a4 1px solid; BORDER-RIGHT: #a4a4a4 1px solid;
}
.BPC_input_Number1{
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px; text-align:center;
    width:60px;
    color: #000066;	
    PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; HEIGHT: 1.3em; PADDING-TOP: 1px;
    BORDER-BOTTOM: #a4a4a4 1px solid; BORDER-LEFT: #a4a4a4 1px solid; BACKGROUND-COLOR: #fff3c0; MARGIN: 1px;  BORDER-TOP: #a4a4a4 1px solid; BORDER-RIGHT: #a4a4a4 1px solid;
}
.BPC_input_Number2{
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px; text-align:right;
    width:70px;
    color: #000066;	
    PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; HEIGHT: 1.3em; PADDING-TOP: 1px;
    BORDER-BOTTOM: #a4a4a4 1px solid; BORDER-LEFT: #a4a4a4 1px solid; BACKGROUND-COLOR: #fff3c0; MARGIN: 1px;  BORDER-TOP: #a4a4a4 1px solid; BORDER-RIGHT: #a4a4a4 1px solid;
}
.BPC_input_Name{
	border: 1px solid #a4a4a4;
	padding: 3px 2px;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 13px;
    color: #000066;	
    BACKGROUND-COLOR: #fff3c0; MARGIN: 1px;
}
.BPC_input_Name2{
	border: 1px solid #a4a4a4;
    font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
    color: #000066;	
    PADDING-BOTTOM: 3px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 3px;
    BACKGROUND-COLOR: #fff3c0; MARGIN: 1px;
}
.BPC_input_Name3{
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
    width:100px;
    color: #000066;	
    PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; HEIGHT: 1.3em; PADDING-TOP: 1px;
    BORDER-BOTTOM: #a4a4a4 1px solid; BORDER-LEFT: #a4a4a4 1px solid; BACKGROUND-COLOR: #fff3c0; MARGIN: 1px;  BORDER-TOP: #a4a4a4 1px solid; BORDER-RIGHT: #a4a4a4 1px solid;
}
.BPC_input_Name_60{
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
    width:60px;
    color: #000066;	
    PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; HEIGHT: 1.3em; PADDING-TOP: 1px;
    BORDER-BOTTOM: #a4a4a4 1px solid; BORDER-LEFT: #a4a4a4 1px solid; BACKGROUND-COLOR: #fff3c0; MARGIN: 1px;  BORDER-TOP: #a4a4a4 1px solid; BORDER-RIGHT: #a4a4a4 1px solid;
}
.BPC_input_Number{
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
    text-align:right;
	font-size: 12px;
    width:90%;
    color: #000066;	
    PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; HEIGHT: 1.3em; PADDING-TOP: 1px;
    BORDER-BOTTOM: #a4a4a4 1px solid; BORDER-LEFT: #a4a4a4 1px solid; BACKGROUND-COLOR: #fff3c0; MARGIN: 1px;  BORDER-TOP: #a4a4a4 1px solid; BORDER-RIGHT: #a4a4a4 1px solid;
}

/*----------End Text Input ---------------*/

/* header */

#header {
	background: url(../Images/Header/header_bg.gif) repeat-x;
	position: relative;
	width: 90%;
	margin-bottom: 11px;
}

#header .bl { height: 157px; }

#header .tr { background: url(../Images/Header/header_tr.gif) top right no-repeat; }
#header .bl { background: url(../Images/Header/header_bl.gif) bottom left no-repeat; }
#header .br { background: url(../Images/Header/header_br.jpg) bottom right no-repeat; width:100%;}


/* wrapper*/
#wrapper {
    

}

/* MainContent*/
#MainContent {
	clear: both;
	text-align:left;
    width: 100%;
    
}

/* MenuLeft*/
#MenuLeft {
	clear: both;
	text-align:left;
    width: 90%;
    BACKGROUND-COLOR: #758acb ;
}

/* footer */

#footer {
	clear: both;
	text-align: center;
	background: url(../Images/Header/footer_bg.gif) repeat-x;
    width: 90%;
    
}

#footer div div { padding: 8px 0; }

#footer, #footer a {
	color: #fff;
}

#footer div { background: url(../Images/Header/footer_l.gif) no-repeat; width:100%; }
#footer div div { background: url(../Images/Header/footer_r.gif) top right no-repeat;width:100%; width:100%; }

/* nav */
#nav-top {
	position: absolute;
	top: 17px; left: 252px;
	color: #fff;
}

#nav-top li {
	display: inline;
}

#nav-top a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#nav-top a:hover {
	  text-decoration: underline;
}

#nav-left {
	position: absolute;
	top: 66px; left: 26px;
}

/* Div Datagridview */
.divgridview {
	width: 748px;
	overflow : scroll;
}
.divgridviewChange {
	width: 770px;
	height:100%;
	overflow : scroll;
}


.BGMainContent {
	 background-color:#D0E5F3;
}
.tbBGGroup {
	 background-color:#D0E5F3;
}
.tbGroupMain {
	width: 100%;
	height:650px; 
	 background-color:transparent;
}
.tbPNGroupMain {
	width: 100%;
	height:650px; 
	 background-color:transparent;
}
.tbGroupMainChange 
{
    width: 100%;
    height:650px; 
	 background-color:transparent;
}


.BPC_lbStatus
{
	FONT-WEIGHT:normal;
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 13px;
	color: #ff4000;	
	margin-left: 3px;
}

.BPC_btnReport
{	
	font-family: Tahoma, "microsoft sans seif", "ms sans serif";
	font-size: 12px;
	color: #595959;	
	padding: 3px 5px 3px 5px;
}

.BPC_labGrid
{	
	padding-left: 5px;
}

.loading
{
    font-family: Arial;
    font-size: 10pt;
    border: 1px solid #67CFF5;
    width: 200px;
    height: 100px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
}

.modal
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    z-index: 99;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 100%;
}

.overlay {
        position: fixed;
        z-index: 99;
        top: 180px;
        left: 0px;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=70);
        opacity: 0.70;
        -moz-opacity: 0.70;
    }