﻿/*CREATEDBY    - Ranjit Singh Pannu 
  CREATEDDATE  - 23-Aug-2009
  MODIFIEDBY   -
  MODIFIEDDATE -
*/ 
  .styleTbl
         {
         	 width: 100%;
         	 border:0px;
         } 
.FormOuterTable
{
	padding: 0px; 
	width: 725px;
	border: 0px;
	height:auto;
}
.OuterTableRight
{
	padding: 0px; 
	width: 240px;
	border: 0px;
	height:auto;
}
.OuterTableLeft
{
	padding: 0px; 
	width: 1000;
	border: 0px;
	height:auto;
}


/* fron page box layout*/
.homePageBox 
{
	border: 1px solid rgb(199,221,250); 
	width: 319px; 
	height: 215px; 
	vertical-align: top;
}


.homePageInnerBox 
{	width: 305px; 
	height: 184px; 
	vertical-align: top;
}
.ParagraphLabel
{	
	vertical-align: top;
	 font-family: Verdana; 
            font-size: 8pt; 
            font-weight:bold;
            color: black;
            
            
            padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            font-weight:bold;
            color: #004D71;
	
}

.homePageOverviewBox 
{
	border: 1px solid rgb(199,221,250); 
	width: 742px; 
	height: 170px; 
	vertical-align: top;

}
.PageHR 
{
	border: 1px solid rgb(199,221,250); 
	
 

}
.homePageRightBox 
{
	border: 1px solid rgb(199,221,250); 
	width: 215px; 
	height: 360px; 
	vertical-align: top;
}
.homePageBoxHeader 
{
			background-color:rgb(199,221,250); 
			padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            font-weight:bold;
            color: black;
           
}

.homePageBoxDetail
{
	background-color:White;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;


}

.homePageBoxInnerDetail
{
	background-color:White;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
height:200px;

}

/* front box page layout end*/


.FormTableHeaderRow
{
	background-image: url('../WebImages/frmHeaderLightblue.jpg'); 
	height: 37px;
    background-repeat : no-repeat;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    font-family: Verdana;
    font-size: 12px;
    color: #800000;
    font-weight: bold;
}
.FormTableSubHeaderRow
{
	background-image: url('../WebImages/Menu_tab_bg.jpg'); 
	background-repeat: repeat-x; 
	font-family: Verdana; 
	font-size: 10px; 
	font-weight: bold;
	color: #FFFFFF;
}

.FormTableBodyRow
{
	background-image: url('../WebImages/frmBody.jpg'); 
	background-repeat: repeat-y;
	padding-left: 10px;
	height: auto; 
	padding-right: 10px;
}
.FormTableFooterRow
{
	background-image: url('../WebImages/frmFooter.jpg'); 
	height: 20px; 
	background-repeat: no-repeat;
}

.FormLabelTD
{
	border: 1px solid #C0C0C0; 
	clip: rect(auto, auto, auto, auto); 
	padding-left: 3px; 
	font-family: Verdana; 
	font-size: 10px; 
	background-color: #E6E6E6;
	height:18px;
	margin-left: 0px;
}

.FormControls
{
	border: 1px solid #C0C0C0; 
	clip: rect(auto, auto, auto, auto); 
	padding-left: 0px; 
	font-family: Verdana; 
	font-size: 10px; 
	background-color: white;
	height:18px;
}
.FormControlsBookmark
{
	font-family: Verdana; 
	font-size: 10px; 
	color:GrayText;
}

.FormButtonsControls
{
	border: 1px solid #C0C0C0; 
	clip: rect(auto, auto, auto, auto); 
	padding-left: 0px; 
	font-family: Verdana; 
	font-size: 10px; 
	background-color: #E6E6E6;
	height:18px;
}

		.styleOuterTblSubPg 
        {
            width: 965px;
            height: auto;
            border: 0px solid #EFEFEF;
            background-color: White;
         }
         
     .styleOuterTbl
        {
            width: 1000px;
            height: 750px;
            border: 0px solid #EFEFEF;
            background-color: White;
         }
        .styleHeaderTbl
        {
            width: 100%;
            height: 10%;
            border: 1px solid #EFEFEF;
        }
        .styleHeaderTR
        {
            width: 100%;
            height: 10%;
            border: 1px solid #EFEFEF;
             background-image: url('WebImages/HeaderWebImg.jpg');
        }
        .styleBodyTR
        {
            width: 100%;
            height: 80%;
            border: 1px solid #EFEFEF;
        }
        .styleBodyDetailTR
        {
            width: ;
            height: 100%;
            border: 1px solid #EFEFEF;
        }
        .styleFooterTR
        {
            width: 100%;
            height: 10%;
            border: 1px solid #EFEFEF;
        }
        .styleBodyLeftPanel
        {
            width: 25%;
            height: 100%;
            border: 1px solid #EFEFEF;
            background-color: white;
        }
        .styleBodyMiddlePanel
        {
            width: 100%;
            height: 100%;
            border: 1px solid #EFEFEF;
        }
        .styleBodyRightPanel
        {
            width: 25%;
           
            border: 1px solid #EFEFEF;
            padding-top: 1px;
            padding-left: 1px;
            padding-right: 1px;
            padding-bottom: 1px;
        }
          .styleTDTextMaroon
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 10px; 
            font-weight:bold;
            color: #800000;
        }
        .styleTDTextError
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 11px; 
            font-weight:bold;
            color: Red;
        }
        .styleTDTextCaution
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 10px; 
            font-weight:bold;
            color: green;
            
        }
        .styleTDText
        {
        	padding-top: 1px;
            padding-left: 1px;
            padding-right: 1px;
            padding-bottom: 1px;
            font-family: Verdana; 
            font-size: 10px; 
            font-weight:bold;
            color: #004D71;
        }
        .styleMenu
        {
            background-image: url( 'WebImages/Menu_tab_bg.jpg' );
            background-repeat: repeat-x;
            border: 1px solid #005E8A;
            font-family: Verdana;
            font-size: 8px;
            font-weight: bold;
            color: #F4F4F4;
            text-align: left;
            vertical-align: top;
            padding: 1px;
            margin: 1px;
            height: 10px;
            cursor: auto;
        }
        .styleTDParagraph
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana;
            text-align:justify; 
           
           color: #004D71;
            
            font-size: 8pt; 
           
            
            
        }
        .styleTDParagraphnews
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana;
            text-align:justify; 
            font-size: 18pt; 
            color: #004D71;
            background-color:red;
        	border:0;
            
        }
        .StyleDTbackcolor
        {
        	
        	background-color:Transparent;
        	border:0;
        	
        	}
        .styleTDLabel
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 10px; 
            font-weight:bold;
            color: #004D71;
        }
         .styleTDFooter
        {
        	/*
        	padding-top: 1px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 1px;
            font-family: Verdana; 
            font-size: 9px; 
            font-weight:bold;
            color: Black;*/
            
            
            
            padding-top: 1px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 1px;
            font-family: Verdana; 
            font-size: 8pt; 
            
            color:#993300;
            
            
            
        }
        .Paragraph
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            color: #6D6E71;
        }
        
         .ParagraphHomePg
        {
        		padding: 2px 1px;
        		font-family: Verdana;
            	font-size: 8pt; 
            	color: #454547;
				width: 684px;
				height: 9px;
}
          .ParagraphHome
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana;
            text-align:justify; 
            font-size: 8pt; 
            color: #454547;
             
        }
        
         .ParagraphHeader
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            font-weight:bold;
            color: black;
        }
        .ParagraphLabel
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            font-weight:bold;
            color: #004D71;
            
        }
         .titleDetails
        {
			padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana;
            text-align:justify; 
            font-size: 8pt; 
            color: #454547;

        }
         .paragraphvission_mission
        {
			padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana;
            text-align:justify;
            font-weight:bold; 
            font-size: 10pt; 
            color: #6D6E71;

        }
        .ParagraphLabelMaroon
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            font-weight:bold;
            color:#993300;
        }
        .ParagraphFooterMore
        {
        	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            color: #993300;
        }
        
        
        
A.topmaroon:link
{
	        
      		padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            color: #993300;
	
}
A.topmaroon:active
{
	
	      	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            color: #993300;
	
	}
A.topmaroon:visited
{
	
	      	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            color: #993300;
	
}
A.topmaroon:hover
{
	      	padding-top: 4px;
            padding-left: 2px;
            padding-right: 2px;
            padding-bottom: 4px;
            font-family: Verdana; 
            font-size: 8pt; 
            color: #993300;
             font-weight:bold;
	
}



               
A.topnavi:link
{
	        
	Color            : black;
	Font-family      : Verdana;
	font-size: 8pt; 
	Font-weight      : bold;
	Text-decoration  : none;
	
}

A.topnavi:active
{
	
	Color            : #005279;
	Font-family      : Verdana;
	font-size: 8pt; 
	Font-weight      : bold;
	Text-decoration  : none;
	
	}
A.topnavi:visited
{
	
	Color            : black;
	Font-family      : Verdana;
	font-size: 8pt; 
	Font-weight      : bold;
	Text-decoration  : none;
	
}
A.topnavi:hover
{
	Background-color : #E9E9E9;
	Color            : #005279;
	Font-family      : Verdana;
	font-size: 8pt; 
	Font-weight      : bold;
	Text-decoration  : none;
	
}

/*   Styles for upper menu */
A.uppernavi:link
{
	        
	Color            : black;
	Font-family      : Verdana;
	font-size: 7.5pt; 
	
	Text-decoration  : none;
	
}

A.uppernavi:active
{
	
	Color            : #005279;
	Font-family      : Verdana;
	font-size: 7.5pt; 
	
	Text-decoration  : none;
	
	}
A.uppernavi:visited
{
	
	Color            : black;
	Font-family      : Verdana;
	font-size: 7.5pt; 
	
	Text-decoration  : none;
	
}
A.uppernavi:hover
{
	Background-color : #E9E9E9;
	Color            : #005279;
	Font-family      : Verdana;
	font-size: 7.5pt; 
	Text-decoration  : none;
	
}
/* END */


.labelbg 
{   border: 1px solid #C0C0C0; 
	clip: rect(auto, auto, auto, auto); 
	padding-left: 3px; 
	font-family: Verdana; 
	font-size: 11px; 
	background-color: #E6E6E6;
	width:120px;
}
.textboxbg 
{
	font-family: Verdana; 
	font-size: 11px; 
	width: 210px;
}

.textboxMLbg 
{
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 11px;
    PADDING-BOTTOM: 2px; BORDER-LEFT: #999999 1px solid; WIDTH: 205px; COLOR: #666666; PADDING-TOP: 2px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: verdana; HEIGHT: 45px; BACKGROUND-COLOR: #ffffff
}



	.styleMenuStatic
       {
            background-image: url( 'WebImages/MenuBg.jpg' );
            background-repeat: repeat-x;
            border: 1pt solid #FF9E3E;
            font-family: Verdana; 
            font-size: 8pt; 
            font-weight: bold;
            color: white;
            text-align: center;
            vertical-align: middle;
            padding: 1px;
            margin: 1px;
            height: 10px;
            cursor: auto;
            width: 100%;
        }
        
        .styleMenuItem
       {
            background-image: url( 'WebImages/MenuBg.jpg' );
            background-repeat: repeat-x;
            border: 0pt solid #FF9E3E;
            font-family: Verdana; 
            font-size: 8pt; 
            font-weight: bold;
            color: white;
            text-align: left;
            vertical-align: middle;
            padding: 1px;
            margin: 1px;
            height: 10px;
            cursor: auto;
            width: 110px;
        }
         .styleMenuItemHover
       {
            background-image: url( 'WebImages/bgTile.gif' );
            background-repeat: repeat-x;
            border: 1pt solid #FF9E3E;
             font-family: Verdana; 
            font-size: 8pt; 
            font-weight: bold;
            color: white;
            text-align: left;
            vertical-align: middle;
            padding: 1px;
            margin: 1px;
            height: 10px;
            cursor: auto;
            width: 110px;
        }
        
        
        
        
        
      #ticker { width:200px; height:230px; border:1px solid #aaaaaa; overflow:auto; }
#ticker dt { font:normal 14px Georgia; padding:0 10px 5px 10px; background-color:#e5e5e5; padding-top:10px; border:1px solid #ffffff; border-bottom:none; border-right:none; position:relative; }
#ticker dd { margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px; border-bottom:1px solid #aaaaaa; background-color:#e5e5e5; border-left:1px solid #ffffff; position:relative; }
#ticker dd.last { border-bottom:1px solid #ffffff; }
#ticker div { margin-top:0; }
   
        
      div#tabs{
	width:957px;
	margin:0px auto;
	font-size:11px;
	border:none;
}	
/* DIV that holds each tab*/
div.my_tab{
	width:750px;
	height:650px;
	margin:0px auto;
	float:left;
	display:inline;
	padding: 2px 1px;
    font-family: Verdana;
font-size: 8pt; 
color: #6D6E71;
border:solid 1px silver;
	

	
	}
	
/* Title of each tab, used when user don't have Javascript'*/	
div.my_tab h5{
	color:#414141;
	border-bottom:solid 1px #cacaca;
}

.tabhr
{
	border: .5px solid silver;
	
}
	
/* Tab Bar, created via JS*/
div#tab-bar{
	padding:18px 0px 20px 0px;
	margin:0px 10px 20px 0px;
	width:180px;
	/* background:#ffffff;
	border-right:solid 1px red;
	border-left:solid 1px silver;*/
	margin-bottom:0px;
	font:normal 12px "Verdana";
	float:left;
	display:inline;
	border: 0px solid rgb(199,221,250); 
}
	
/* Single Tab */
div#tab-bar div.mt-tab{
	width:170px;
	position:relative;
	text-align:left;
	margin:4px -1px 0px 0px;
	cursor:pointer;
	border-top:solid 1px silver;
	border-left:solid 1px silver;
	border-right:solid 1px silver;
	border-bottom:solid 1px silver;
	font:normal 13px "Verdana";
	float:right;
	display:inline;
	color:#414141;
	padding:5px 5px 5px 15px;
}
	
/* Single Tab, when active */
div#tab-bar div.mt-tab-active{

	text-align:left;
	margin:4px -1px 0px 0px;
	cursor:pointer;
	border-top:solid 1px silver;
	border-left:solid 1px silver;
	border-right:solid 1px #ffffff;
	border-bottom:solid 1px silver;
	float:right;
	display:inline;
	color:Black;
	font-weight:bold;
	padding:5px 5px 5px 15px;	

}
body{
		font:normal 0.9em "Verdana";
		text-align:center;
		margin:0px;padding:0px;
		background:white;
	}
	
	
	h1,h2,h3,h4{
		font-family:"Verdana";
		
	}
	
	h1{
	font-size:220%;
	}
	
	h2{
		font-size:130%;
	}
	
	
		h3{
		font-size:110%;
	}
	
	body a{
		text-decoration:underline;	
		color:#2323ca;		
	}
	div#container{
		text-align:left;
		margin:10px auto;
		width:965px;
		background:white;
	}
	div#head{
		padding:8px;
		color:#414141;
		text-align:left;
		padding:10px;
		margin:0px 0px 20px 0px;
		border-bottom:dotted 1px  #414141;
		
	}
	
 #switch{
		text-align:center;
		padding:10px;
		background:#e1e1e1;
		font-size:130%;
	}	
	
	#switch a{
		color:#414141;
		text-decoration:none;
	}
		
	div.code{
		border:solid 1px #414141;
		width:700px;
		overflow:auto;
		margin:10px;
	}
	div.code pre{
		font:normal 12px "Lucida Console";
		}
		
	#footer {
		text-align:center;
		margin:50px auto;
	}

