﻿/*@charset "utf-8";*/
/* CSS Document */

/*menu begins */

/*Menu list ends*/

/*main table with specified width */
table#main{
width:100%;
}
a{ outline:none;}
img{ outline:none;}
/* Standards fonts and backgrouind image for the whole page(s)*/

body 
{
    margin:15px;
	background-image:url(image/bg.gif);
	text-align:left;
	/*background-attachment:fixed;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	
}


/*middle body */

#middle{
	/*height:530px;*/
	margin-left:3px;
	background-color:#FFFFFF;
	border-left-color: #797979;
	border-right-color: #797979;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-width: 1px;	
	border-top-style: solid;
	border-top-width: 1px;	
	border-top-color: #797979;
}

/*dashboard blockes*/
 #db_box{
	background-image:url(image/db_center.gif);
	width:482px;
	height:270px;
	float: left;
	margin:4px; 
	margin-top:10px;
	cursor:pointer;
}

.dash_box{
	margin:4px; 
	margin-top:10px;
}

.dash_title
{
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
    padding-bottom:5px;
    height:20px;
}

/*dasth board fonts*/
#db_box em{
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
color:#333333;
font-style:italic;
}

#db_box .tab_cell{
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
color:#333333;
font-weight:bold;
}

/*two rwos of 3 set dashboard blockes*/
#middle .row{

}

/*dashboard blockes heading*/
 #db_box .heading{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	background-image: url(image/hrline.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-left: 20px;
	margin-right:0px;
/*	padding: 10px;*/
	padding-top:20px;
	padding-bottom:10px;
}
/*dashboard blockes lowerpart*/
 #db_box .descp{
	padding: 10px;
}

#middle #sidebar{
}

/*left bar of dashboard*/
 #db_box .left{
background:url(image/db_left.gif);
background-repeat:no-repeat;
float:left;
width:10px;
height:100%;
}

/*center bar of dashboard*/
 #db_box .center{
	background-image:url(image/db_center.gif);
	background-repeat:repeat-x;
	float:left;
	height:270px;
	width: 404px;
}
/*rite bar of dashboard*/
#middle #db_box .rite{
float:right;
background:url(image/db_rite.gif);
background-repeat:no-repeat;
width:10px;
height:100%;
}


/*footer
#footer{
	height:48px;
	background:url(image/footer_bg.gif);
	background-repeat:repeat-x;
	color: #505e80;
	font-weight: bold;
}
/*footer left for copyright info
#footer .left{
	float:left;
	background-image:url(image/left_botm_cnr.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:33px;
	width:15%;
	text-align: left;
	padding-left:15px;
	font-style:italic;
	padding-top: 15px;
	font-weight: bold;
	
}

/*footer center for links
#footer .center{
	float:left;
	height:48;
	margin-top:15px;
	text-align:center;
	margin-left: 10px;
	width:600px;
}

/*footer right for date and times
#footer .rite{
	float:right;
	background-image:url(image/rite_botm_cnr.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:33px;
	width:16%;
	text-align:right;
	font-style:italic;
	padding-right:12px;
	vertical-align:middle;
	padding-top: 15px;
}
*/
/*left navigation bar links*/
#middle .leftnav_bg{
background:url(image/leftnav_bg.gif);
background-position:bottom;
height:100%;
}

#leftbar{
width:240px;
background-color:#FFFFFF;
background:url(image/leftnav_bg.gif);
background-position:bottom;
height:501px;
margin-top:10px;
margin-left:5px;
float:left;
}

#leftbar .leftbar_left{
background:url(image/leftbar_left.gif);
background-repeat:no-repeat;
background-position:left;
width:10px;
height:100%;
float:left;
}
#leftbar .leftbar_mid{
	background:url(image/leftbar_mid.gif);
	float:left;
	width:180px;
	height:460px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#leftbar .leftbar_rite{
background:url(image/leftbar_rite.gif);
background-repeat:no-repeat;
background-position:left;
width:10px;
height:100%;
float:left;
}

/*left navigation default cell fonts, and sizes*/
#leftbar #leftnav_links td{
height:30px;
background:url(image/2px_row.gif);
background-position:bottom;
background-repeat:repeat-x;
font-size:12px;	
padding-left:10px;
}

/*left navigation active pages cell fonts, and sizes*/
#leftbar #leftnav_links .active_td{
background:url(image/leftbar_bullet.gif);
background-repeat:no-repeat;
background-position:center;
background-position:left;
font-weight:bold;
}

/*left navigation additional links  cell fonts, and sizes*/
#leftbar #additional td{
	background:url(image/leftbar_bullet.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:left;
	color:#0000FF;
	padding-left:10px;
	text-decoration: underline;
}

#leftbar_leftarea{

}

/*left bar navigaional page left area. leave it as it is, to align this in left*/
#leftbar_ritearea{

}
/*rite body area of left navigational bar pages*/
#leftbar_ritearea .title{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#275179;
	font-size:14px;
	font-weight:bold;
	float:left;
	width: auto;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#leftbar_ritearea .body{
	color:#275179;
	float:left;
	padding: 20px;

}
/*discpritive pages, contants, left box*/

#content1{
width:481px;
background-color:#FFFFFF;
background:url(image/db_center.gif.gif);
background-position:bottom;
height:270px;
margin:4px;
margin-top:10px;
float:left;
}

#content1 .leftbar_left{
background:url(image/db_left.gif);
background-repeat:no-repeat;
/*background-position:left;*/
width:10px;
height:100%;
float:left;
}
#content1 .leftbar_mid{
	background:url(image/db_center.gif);
	background-repeat:repeat-x;
	float:left;
	width:451px;
	padding:5px;
	padding-top:15px;
	height:270px;
}


.space{
font-size:1px;
}



#content1 .leftbar_rite{
background:url(image/db_rite.gif);
background-repeat:no-repeat;
/*background-position:right;*/
width:10px;
height:100%;
float:right;
}

/*contect default fonts*/
#content1 em{
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
color:#333333;
font-style:italic;
}

#content1 .tab_cell{
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
color:#333333;
font-weight:bold;
}


#content1 .heading{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-image: url(image/hrline.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-left: 20px;
	margin-right: 20px;
/*	padding: 15px;*/
/*	padding-top:2px;*/
	padding-bottom:1px;
}
#content1 .descp{
	padding: 0px;
}

/*to remove spaces, margins, floats.. if any*/
.graphimg{
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*Popup Control*/
.popupControl{
	background-color:#E0EEEE;
	position:absolute;
	visibility:hidden;
}

/*Popup Control*/
.confirmLblTD
{
    color:Black;
    width:120px;
}

.confirmValueTD
{
    color:Navy;
}

.confirmValueTDRed
{
    color:Red;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*Popup Control*/
.popupControl{
	background-color:#E0EEEE;
	position:absolute;
	visibility:hidden;
}

/*Popup Control*/
.confirmLblTD
{
    color:Black;
    width:120px;
}

.confirmValueTD
{
    color:Navy;
}

.confirmValueTDRed
{
    color:Red;
}

.ticketTitleTD
{
    color:Black;
    font-weight:bold;
    text-decoration:underline;
    font-size:10pt;
}

.ticketLblTD
{
    color:Black;
    width:200px;
    font-weight:bold;
    font-size:10pt;
}

.ticketValueTD
{
    color:Black;
    font-size:10pt;
}

.ButtoncolumnNifty 
{ 
	background-color:#000000;
	vertical-align:text-bottom;  
	text-align:center;  
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Verdana; 
	color:White; 
	font-weight:bold;} /* unvisited link */
.Buttoncolumn 
{ 
	background-color:#333399;
	/*background-image:url(../../Images/report_tab_filler.gif);
	background-repeat:repeat-x;*/
	vertical-align:text-bottom;  
	text-align:center;  
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Verdana; 
	color:White; 
	font-weight:bold;} /* unvisited link */
.Buttoncolumn:visited 
{	color: White;  
	text-decoration: none; 
	background-color:#000000; 
	border:none; 
	vertical-align:text-bottom; 
	text-align:center; 
	height:30px; 
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Verdana; 
	font-weight:bold;} /*visited link */
.Buttoncolumn:active 
{	color: White; 
	background-color:#000000; 
	text-decoration: none ;
	border:none; 
	vertical-align:
	text-bottom;} /* active link */
.Buttoncolumn:hover 
{	color: White;  
	text-decoration: none;
	background-color:#000000; 
	border:none; 
	vertical-align:text-bottom; 
	text-align:center; 
	height:30px; 
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Verdana; 
	font-weight:bold;} /*hover or mousover link */
	
.Report__tab .ajax__tab_header { 
      background:url(../../Images/tab-line.gif) repeat-x bottom; 
} 

.Report__tab .ajax__tab_outer    { 
      background:url(../../Images/tab-right.gif) no-repeat right; 
} 

.Report__tab .ajax__tab_inner    { 
     background:url(../../Images/tab-left.gif) no-repeat; 
} 

.Report__tab .ajax__tab_tab { 
     background:url(../../Images/tab.gif) repeat-x; 
} 

.Report__tab .ajax__tab_hover .ajax__tab_outer { 
     background:url(../../Images/tab-hover-right.gif) no-repeat right; 
} 

.Report__tab .ajax__tab_hover .ajax__tab_inner { 
     background:url(../../Images/tab-hover-left.gif) no-repeat; 
} 

.Report__tab .ajax__tab_hover .ajax__tab_tab { 
     background:url(../../Images/tab-hover.gif) repeat-x; 
} 

.Report__tab .ajax__tab_active .ajax__tab_outer { 
     background:url(../../Images/tab-active-right.gif) no-repeat right; 
} 

.Report__tab .ajax__tab_active .ajax__tab_inner { 
     background:url(../../Images/tab-active-left.gif) no-repeat; 
} 

.Report__tab .ajax__tab_active .ajax__tab_tab { 
     background:url(../../Images/tab-active.gif) repeat-x; 
}

.Report__tab .ajax__tab_header { 
     font-family:verdana,tahoma,helvetica; 
     font-size:11px;
     font-weight:bold; 
} 

.Report__tab .ajax__tab_outer { 
     height:29px;
} 

.Report__tab .ajax__tab_inner    { 
     padding-left:3px; 
} 

.Report__tab .ajax__tab_tab { 
     padding:8px 25px;
     margin:0; 
} 

.Report__tab .ajax__tab_body { 
     font-family:verdana,tahoma,helvetica; 
     font-size:10pt;
     border:1px solid #999999; 
     border-top:0; 
     padding:8px; 
     background-color:#ffffff; 
}

.dropShadowPanel 
{
	background-color:#6495ED;
	color:white;
	font-weight:bold;
}

.mastermenu 
{
    background-color: #F7F0DF;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:white;
    text-decoration: none;
    font-size:.8em;
}
.mastermenu a:link
{
    color:Gray;
    text-decoration: none;
    background-color: #F7F0DF;
    font-size:.8em;
}

.mastermenu a:visited
{
    color:Gray;
    text-decoration: none;
    background-color: #F7F0DF;
    font-size:.8em;
}

.mastermenu a:hover
{
    color:Red;
    text-decoration: none;
    color:#990000;
    background-color: #F7F0DF;
    font-size:.8em;
}

.mastermenu a:active
{
    color:White;
    text-decoration: none;
    background-color: #F7F0DF;
}

.ButtoncolumnSelected
{	
	background-color:#9CB9E4; 
	vertical-align:text-bottom;  
	text-align:center; 
	height:30px;  
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Verdana;
	color:#FFFFF;
	font-weight:bold;
	}

.Buttoncolumn 
{ 
	background-color:#333399;
	/*background-image:url(../../Images/report_tab_filler.gif);
	background-repeat:repeat-x;*/
	vertical-align:text-bottom;  
	text-align:center;   
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Verdana; 
	color:White; 
	font-weight:bold;} /* unvisited link */
.Buttoncolumn:visited 
{	color: White;  
	text-decoration: none; 
	background-color:#000000; 
	border:none; 
	vertical-align:text-bottom; 
	text-align:center; 
	height:30px; 
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Verdana; 
	font-weight:bold;} /*visited link */
.Buttoncolumn:active 
{	color: White; 
	background-color:#000000; 
	text-decoration: none ;
	border:none; 
	vertical-align:
	text-bottom;} /* active link */
.Buttoncolumn:hover 
{	color: White;  
	text-decoration: none;
	background-color:#000000; 
	border:none; 
	vertical-align:text-bottom; 
	text-align:center; 
	height:30px; 
	FONT-SIZE: 10pt; 
	FONT-FAMILY: Verdana; 
	font-weight:bold;} /*hover or mousover link */

.menuTable
{
	width: 800px; 
	height: 22px;
}

.menuTableMenuCell
{
	width: 329px; 
	height: 22px;
	background-image:url(../../Images/background_blue.gif);
	background-repeat:repeat-x;
}

.HeaderTableTopBarCell
{
	width: 329px; 
	height: 22px;
	background-image:url(../../Images/bb.gif);
	text-align:right;
	vertical-align:middle;
	background-repeat:repeat-x;
}

.localTimeCell
{
	text-align:right;
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana;
	color:#19355E;
}

.paramTable 
{
	border:1px;
	border-style:solid;
	border-color:Gray;
	padding:5; 
	
}

.QueryPageControlCell
{
	width: 5px; 
	height: 18px; 
	background-color: lightsteelblue;
}

.AddTransactionTable
{
	padding: 3;
	border:1px;
	border-style:solid;
	border-color:Gray;
}

.DarkHeader
{
	background-color: #9CB9E4;
	text-align:center;
}

.MediumBlue
{
 BACKGROUND-COLOR: steelblue;
}

.LightBlue
{
 BACKGROUND-COLOR: lightsteelblue;
}

.topHeaderCell
{
	width:600px;
	height: 19px;
}

.topHeaderCornerCell
{
	vertical-align:top;
	width:55px;
	height: 19px;
}

.loginStatusCell
{
	vertical-align:top;
	width: 185px; 
	height: 19px;
	text-align:right;	
	background-image:url(../../Images/topHeaderLoginStatusBackground.gif);
	background-repeat:repeat-x;
}

.tabControlHighlighter
{
	height:22px;
	background-color:#9CB9E4;
}

.tabControlMainContentTable
{
	width:500px;
}

.reportLink 
{ color:Black; background-color:white; text-decoration: none; vertical-align:text-bottom;  text-align:center; height:40px;  FONT-SIZE: 9pt; FONT-FAMILY: Verdana;   font-weight:bold;} /* unvisited link */
.reportLink:visited 
{ color:Black;  text-decoration: none; border:none; vertical-align:text-bottom; text-align:center; height:40px; FONT-SIZE: 9pt; FONT-FAMILY: Verdana; font-weight:bold;} /*visited link */
.reportLink:active 
{ color:Black; text-decoration: none ;border:none; vertical-align:text-bottom; height:40px;  FONT-SIZE: 9pt; FONT-FAMILY: Verdana; font-weight:bold;} /* active link */
.reportLink:hover 
{ color: Red;  text-decoration: none;border:none; vertical-align:text-bottom; text-align:center; height:40px; FONT-SIZE: 9pt; FONT-FAMILY: Verdana; font-weight:bold;} /*hover or mousover link */




#wz2
{
		width:100%;
	background-color:white;
	float:left;
	
	text-align:center;
	
	
}

#wz3
{
	width:100%;
	background-color:white;
	float:left;
	height:250px;
	text-align:center;
		border-style:solid;
	border-width:thin;
	border-color:gray;
	
}


hiddencol
{
    display:none;
}
    
.costtable
{
	font-size:8pt;
	font-family:Verdana;
 }
.costtableline
 {
	border-bottom-style:solid;
	border-bottom-width:1px;
 }
 .MinWidth {
    min-width: 973px;
	width: 100%;	
	/*  MinWidth calcs:  For IE6, use documentElement to test, otherwise, document.body */
	width: expression( ((navigator.appName == "Microsoft Internet Explorer") && (getInternetExplorerVersion() < 7)) ?
						(document.documentElement.clientWidth < 1001 ? "973px" : "100%" ) :
						(document.body.clientWidth < 1001 ? "973px" : "100%"));					
}

/* 11 X 8 - 430px min height */
.MinimumHeight
{
	min-height: 430px;
	overflow: visible;
	height: 100%;		
	height: expression(document.body.clientHeight < 618 ? "430px" : "100%");
	_height: 430px; 		
}

.clearboth {
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:550px;
}

.weatherimg 
{
	background:url(http://us.i1.yimg.com/us.yimg.com/i/us/nws/weather/gr/34d.png);
	left:180px;
	top:0px;
	
}

tr.SpecialBgr, tr.SpecialBgr select
{
	background-color: lightsteelblue;
}

/*
NYPA changes new style item created
*/
.Label
{
    font-family:Verdana;
	font-size: 9pt;
	font-weight:bold;
    color:    #19355E;
}

.HeaderTitle
{
    font-family:Verdana;
	font-size: 11pt;
	font-weight:bold;
    color:    #19355E;
}

.message
{
    font-family:Verdana;
	font-size: 8pt;
	color:    #19355E;
}
.error
{
    font-family:Verdana;
	font-size: 8pt;
	color:    red;
}
.modalBackground
{
    background-color:#454545;
    filter:alpha(opacity=50);   
    opacity:0.7;                
    
}
.ClosePopupCls { color:White; float:center; height:12px; font-size:10px; cursor:pointer; text-decoration:none; }
.ClosePopupCls a:link  { color:White; text-decoration:none;  }
.ClosePopupCls a:visited { color:White; text-decoration:none; }
.ClosePopupCls a:hover  { color:White; text-decoration:none; }
 .ModalPanel
{
    border:solid 2px #036;
    position:absolute;
    z-index:9999999; 
    width: 400px;height:400px;
    background-color: #daebff;
}
.topBanner 
{ 
        background: #036;
        color: #fff;
        text-align: center;
        font-size: 10px;
        height: 12px;
}
/*
NYPA Ends
*/
