/*//////////////////////*/
/*  PL BASE STYLESHEET	*/
/*  Revised 12/18/2007	*/
/*//////////////////////*/

/*---------/ GLOBALS /---------*/

html, body
{
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	background: #fff url(/includes/images/bkg_bluegreen.png) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #555;
}

ul, ol, p
{
	margin-top: 18px;
	margin-bottom: 18px;
}

h1
{
	font-size: 22px;
	margin: 4px 0 20px 0;
}
h2
{
	font-size: 18px;
	margin: 4px 0 20px 0;
}
h3
{
	font-size: 16px;
	margin: 4px 0 20px 0;
}
h4
{
	font-size: 15px;
	margin: 4px 0 20px 0;
}
h5
{
	font-size: 13px;
	margin: 4px 0 20px 0;
}
h6
{
	font-size: 11px;
	margin: 4px 0 20px 0;
}

a img
{
	border: 0;
}

a:link, a:visited
{
	color: #3f7aa1;
}
a:active, a:hover
{
	color: #6da6ce;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

.clear
{
	clear: both;
}

#Container
{
	padding: 0 5px;
}

.Down3
{
	margin-top: 3px;
}

/*
#MainBox {
	margin-top:-10px;
}
*/

/* FullHeight sets the height for any object
   that should be as tall as the screen, while
   still contained within the master pane */

.FullHeight
{
	height: 720px; /* designed for 1680x1050 maximized */
	overflow: auto;
}

.scroll
{
	overflow-y: auto;
}


/*---------/ MASTHEAD /---------*/

#Masthead
{
	background: #87b8d5 url(/includes/images/masthead_glass.jpg) repeat-x center top;
	height: 57px;
}

#Masthead a:link, #Masthead a:visited
{
	color: #fff;
}

#Masthead a:active, #Masthead a:hover
{
	color: #cef;
}

#Logo
{
	margin-left: 20px;
	max-height: 56px;
	max-width: 200px;
}

.SystemLogo
{
	background: url(/includes/images/pl_logo_green.png) no-repeat left top;
	position: absolute;
	width: 200px;
	height: 56px;
	margin-left: 20px;
}

#CurrentUser
{
	position: absolute;
	top: 35px;
	right: 30px;
	margin: 0;
	color: #fff;
}

.LogoutImg
{
	padding-left: 13px;
	margin-left: 15px;
	background: url(/includes/images/icon_exit.png) no-repeat left center;
	font-weight: bold;
}

/*---------/ PAGE BAR /---------*/

#PageBar
{
	border-bottom: 1px solid #ececec;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	padding: 0 15px 5px 15px;
	margin: -3px -8px 8px -8px;
	background: url(/includes/images/pagebar_bkg.png) repeat-x left bottom;
}

#PageBar p
{
	margin: 0;
}

#PageBar a:active, #PageBar a:hover
{
	color: #000;
}

#PageBar a.New:active, #PageBar a.New:hover
{
	color: #808080;
}

#PageBar .Messages
{
	padding-left: 25px;
	background: url(/includes/images/icon_email.png) no-repeat left center;
	color: #808080;
}

#PageBar .Messages.New
{
	background: url(/includes/images/icon_email_new.png) no-repeat left center;
	color: #000;
}

/*---------/ STANDARD BOX /---------*/

.box
{
	border: 1px solid #c8c8c8;
	background: #fff;
	padding: 2px;
}

.boxcontent
{
	background: #f4f4f4 url(/includes/images/panel_bkg.png) repeat-x left top;
}

.boxcontent .pad
{
	padding: 10px;
}

.boxheader
{
	height: 24px;
	line-height: 24px;
	background: #aecee4 url(/includes/images/boxheader_blue2.png) repeat-x left bottom;
	font-weight: bold;
	color: #fff;
	padding: 0 10px;
}

.boxheader2
{
	height: 24px;
	line-height: 24px;
	background: #EFF9FF;
	font-weight: bold;
	color: #000;
	padding: 0 10px;
	border: dashed 1px #aecee4;
}

/*---------/ BUTTON BAR - NEW BLUE STYLE /---------*/

.ButtonBar
{
	background: #aecee4 url(/includes/images/boxheader_blue2.png) repeat-x left bottom;
	border-bottom: 1px solid #b8b8b8;
	height: 24px;
	line-height: 24px;
	padding: 0 3px;
	color: #fff;
}

.ButtonBar a
{
	display: block;
	float: left;
	padding: 0 15px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

.ButtonBar a.current, .ButtonBar a:hover, .ButtonBar a:active
{
	background: url(/includes/images/buttonbarblue_current.png) repeat-x left center;
	color: #000;
}

.ButtonBar span
{
	display: block;
	float: left;
	width: 2px;
	height: 24px;
	background: url(/includes/images/buttonbarblue_divider.png) no-repeat left center;
}


/*---------/ BUTTON BAR - TALL CHROME STYLE /---------*/

.ButtonBarChrome
{
	background: #fff url(/includes/images/buttonbar_bkg.png) repeat-x left bottom;
	border-bottom: 1px solid #b8b8b8;
	height: 38px;
	padding: 1px;
}

.ButtonBarChrome a
{
	display: block;
	float: left;
	height: 37px;
	line-height: 33px;
	padding: 0 15px;
	border: 1px solid #fff;
	font-weight: bold;
	text-decoration: none;
	color: #999;
}

.ButtonBarChrome a.current, .ButtonBarChrome a:hover, .ButtonBarChrome a:active
{
	background: #dcdcdc url(/includes/images/buttonbar_current.png) repeat-x left bottom;
	color: #555;
}

.ButtonBarChrome span
{
	display: block;
	float: left;
	height: 38px;
	width: 1px;
	background: #999 url(/includes/images/buttonbar_divider.png) repeat-x left bottom;
}



/*---------/ ROUNDED BOX WITH SHADOW /---------*/

/* Basic styling, used when JavaScript is off or unsupported */
.cbb
{
	margin: 0 8px 0 8px;
	padding: 10px;
	background: #fff;
}

.cbb h1
{
	margin: 0 -10px;
	padding: 0.3em 10px;
	background: #fff;
	font: bold 1.2em/1 Arial, Helvetica, sans-serif;
}

/* Normal styling */
.cb
{
	margin: -10px 0 0 0;
}

/* Top corners and border */
.bt
{
	height: 17px;
	margin: 0 0 0 18px;
	background: url(/includes/images/box.png) no-repeat 100% 0;
}

.bt div
{
	position: relative;
	left: -18px;
	width: 18px;
	height: 17px;
	background: url(/includes/images/box.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
}

/* Bottom corners and border */
.bb
{
	height: 17px;
	margin: 0 0 0 18px;
	background: url(/includes/images/box.png) no-repeat 100% 100%;
}

.bb div
{
	position: relative;
	left: -18px;
	width: 18px;
	height: 17px;
	background: url(/includes/images/box.png) no-repeat 0 100%;
	font-size: 0;
	line-height: 0;
}

/* Left border */
.i1
{
	padding: 0 0 0 12px;
	background: url(/includes/images/borders.png) repeat-y 0 0;
}

/* Right border */
.i2
{
	padding: 0 12px 0 0;
	background: url(/includes/images/borders.png) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3
{
	display: block;
	margin: 0;
	padding: 1px 5px;
	background: #fff;
}

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.i3
{
	display: inline-block;
}
.i3
{
	display: block;
}

/*---------/ FANCY OVERLAPPING TABS /---------*/

#TabBar
{
	margin-top: -29px; /*Set to -29 if no round corners*/
	margin-left: 190px; 
}

.obtabs
{
	position: absolute;
}

.obtabs a.first
{
	margin-left: 0;
}

.obtabs a
{
	float: left;
	display: block;
	height: 28px;
	width: 89px;
	margin-left: -8px;
	line-height: 28px;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #bbb8a9;
	position: relative;
	background: url(/includes/images/tabright-back.png) 100% 0 no-repeat;
	white-space: nowrap;
}

.obtabs .current
{
	z-index: 10;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	height: 28px;
	background-image: url(/includes/images/tabright.png);
}

.obtabs a
{
	font-weight: bold;
	text-decoration: none;
}

.obtabs a:link, .obtabs a:visited
{
	color: #58b;
}

.obtabs a:active, .obtabs a:hover
{
	color: #000;
}

.obtabs a.current:link, .obtabs a.current:visited
{
	color: #000;
}


/*---------/ RESTYLED ASP.NET AJAX TABS /---------*/

/* default layout */
.ajax__tab_default .ajax__tab_header
{
	white-space: nowrap;
}
.ajax__tab_default .ajax__tab_outer
{
	display: -moz-inline-box;
	display: inline-block;
}
.ajax__tab_default .ajax__tab_inner
{
	display: -moz-inline-box;
	display: inline-block;
}
.ajax__tab_default .ajax__tab_tab
{
	margin-right: 4px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
}

/* pl theme */
.pl_tabs .ajax__tab_header
{
	font-family: Verdana, Tahoma, Helvetica;
	font-size: 11px;
	background: url(/includes/images/ajax__tab_header.gif) repeat-x bottom;
}
.pl_tabs .ajax__tab_outer
{
	background: url(/includes/images/ajax__tab_outer.gif) no-repeat right;
	height: 21px;
}
.pl_tabs .ajax__tab_inner
{
	padding-left: 3px;
	background: url(/includes/images/ajax__tab_inner.gif) no-repeat;
}
.pl_tabs .ajax__tab_tab
{
	height: 13px;
	padding: 4px;
	margin: 0;
	color: #fff;
	background: url(/includes/images/ajax__tab_tab.gif) repeat-x;
}
.pl_tabs .ajax__tab_hover .ajax__tab_outer
{
	background: url(/includes/images/ajax__tab_hover_outer.gif) no-repeat right;
}
.pl_tabs .ajax__tab_hover .ajax__tab_inner
{
	background: url(/includes/images/ajax__tab_hover_inner.gif) no-repeat;
}
.pl_tabs .ajax__tab_hover .ajax__tab_tab
{
	background: url(/includes/images/ajax__tab_hover_tab.gif) repeat-x;
	color: #fff;
}
.pl_tabs .ajax__tab_active .ajax__tab_outer
{
	background: url(/includes/images/ajax__tab_active_outer.gif) no-repeat right;
}
.pl_tabs .ajax__tab_active .ajax__tab_inner
{
	background: url(/includes/images/ajax__tab_active_inner.gif) no-repeat;
}
.pl_tabs .ajax__tab_active .ajax__tab_tab
{
	background: url(/includes/images/ajax__tab_active_tab.gif) repeat-x;
	color: #333;
}
.pl_tabs .ajax__tab_body
{
	font-family: Verdana, Tahoma, Helvetica;
	font-size: 10pt;
	border: 1px solid #999999;
	border-top: 0;
	padding: 8px;
	background-color: #ffffff;
}

/* scrolling */
.ajax__scroll_horiz
{
	overflow-x: scroll;
}
.ajax__scroll_vert
{
	overflow-y: scroll;
}
.ajax__scroll_both
{
	overflow: scroll;
}
.ajax__scroll_auto
{
	overflow: auto;
}


/*---------/ GRIDS /---------*/

.Grid
{
	background: #fff;
	border-color: #ccc;
}

.Grid th, .Grid td
{
	border: 0;
	background: #fff;
	border-color: #ccc;
	padding: 4px 2px;
}

.Grid th
{
	text-align: left;
}

.Grid .tablehead th, .Grid .tablehead td
{
	background: #d8e6f0 url(/includes/images/grid_header_bkg.png) repeat-x left center;
	padding: 4px 2px;
}

.Grid .tablehead th a, .Grid .tablehead td a
{
	display: block;
	text-decoration: none;
}

.Grid .tablehead th a.Sorted, .Grid .tablehead td a.Sorted
{
	border-bottom: 2px solid #6593b1;
}

.Grid .altrow td
{
	background: #f1f1f1;
}

/*---------/ STEP BOXES /---------*/

.SimpleStepBox
{
	border: 1px solid #a7a6aa;
	background: #c8dde5 url(/includes/images/stepbox_bkg.jpg) repeat-x -120px bottom;
	padding:5px 1px 5px 1px;
}

.StepBox
{
	border: 1px solid #a7a6aa;
	background: #c8dde5 url(/includes/images/stepbox_bkg.jpg) repeat-x -120px bottom;
	margin-bottom: 5px;
	padding: 10px 0;
}

.StepBox .StepNum
{
	float: left;
	vertical-align: middle;
	margin: 4px 12px;
}

.StepBox p
{
	margin: 0;
}

.StepBox .StepText
{
	margin: 0px 20px 0 55px;
}

.StepBox .StepText2
{
	margin: 0px 20px 0 20px;
}

/*---------/ STANDARD BUTTONS /---------*/

.Button1
{
	width: 125px;
	height: 23px;
	line-height: 23px;
	color: #000;
	border: 0;
	overflow: hidden;
	background: #ddd url(/includes/images/button.png) no-repeat center center;
	cursor: pointer;
}

.Button1:hover
{
	background: #cbe3f2 url(/includes/images/button_hover.png) no-repeat center center;
}

.Button2
{
	border: 1px outset #707070;
	background: #ddd url(/includes/images/button2.png) repeat-x center center;
	padding: 2px 12px;
	cursor: pointer;
	height: 28px;
}

.Button2:hover
{
	border: 1px outset #5faad7;
	background: #cbe3f2 url(/includes/images/button2_hover.png) repeat-x center center;
}

.Button3
{
	height: 23px;
	color: #000;
	border: 1px outset #707070;
	overflow: hidden;
	background: #ddd url(/includes/images/button2.png) no-repeat center center;
	cursor: pointer;
}

.Button3:hover
{
	border: 1px outset #5faad7;
	background: #cbe3f2 url(/includes/images/button2_hover.png) repeat-x center center;
}

/*--------/ Telerik Grid Control Command Buttons /--------------------------*/
.ButtonTelerikGrid
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 125px;
		height: 23px;
		line-height: 23px;
		color: #000;
		overflow: hidden;
	background: url('/includes/images/button.png') no-repeat center;
		cursor: pointer;
		float: left; 
		padding: 5px 5px; 
		text-align: center; 
		vertical-align: middle;
}

/*---------/ MODAL POPUPS /---------*/

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background: url(/includes/images/modal_bkg.png) left top;
	border: 1px solid #707070;
}

.modalTitle h2
{
	margin: 0 0 0 14px;
	padding-top: 3px;
	line-height: 25px;
	font-size: 14px;
	font-variant: small-caps;
	color: #000;
}

.modalClose
{
	float: right;
	margin-top: 0;
	margin-right: 25px;
}

.modalInner
{
	background: #eff9ff url(/includes/images/modal_inner_bkg.png) repeat-x left top;
	margin: 1px 6px 4px 6px;
	padding: 8px 15px;
	overflow-y: auto;
}

.modalInnerMDT
{
	background: #ffffff  url(/includes/images/modal_inner_bkg.png) repeat-x left top;
	padding: 8px 15px;
	overflow-y: auto;
}

.modalCorner
{
	background: url(/includes/images/modal_corner.png) no-repeat right bottom;
	width: 100%;
	height: 19px;
}

.statusNavBox
{
    clear: both;
}
.statusNavFooter
{
    background-color: #bce7ff;
    color: #3588b8;
    margin: 0;
    font-size: 10px;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
}
        
#SessionInfoBody
{
	background: #FFF;	
}

/*---------/ ICONS FOR LINKBUTTONS /---------*/

.LnkBtn
{
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.IconNew
{
	background-image: url(/includes/images/icon_new.png );
}

.IconSecurity
{
	background-image: url(/includes/images/securityicon.png );
}

.IconHelp
{
	background-image: url(/includes/images/helpicon.png );
}

.IconTool
{
	background-image: url(/includes/images/toolsicon.png );
}

.IconPress
{
	background-image: url(/includes/images/press.gif );
}

.IconTrack
{
	background-image: url(/includes/images/globe16.png );
}

.ErrorMessage
{
	margin-top: 5px;
	color: #FF3300;
}

/*---------/ LOGIN /---------*/
#LoginPage
{
	background: #2E5799 url(/includes/images/pl_blue_bk.png) no-repeat left top;
}

#LoginPage #LoginBox
{
	background: url(/includes/images/pl_logo_large.png) no-repeat left top;
	position: absolute;
	width: 400px;
	height: 400px;
	top: 50%;
	left: 50%;
	min-width: 500px;
	height: 450px;
	margin-top: -250px;
	margin-left: -250px;
	padding: 20px;
}

#LoginPage #LoginBox #LoginWrapper
{
	margin-top: 100px; /* control space between logo and tabs*/
}

input.Locked
{
	border: Dotted 1px #999999;
}

#LoginTable
{
	margin-top: 20px;
}

#LoginTableButtons
{
	padding-top: 10px;
}

#LoginTableMessage
{
	text-align: center; 
	padding-top: 10px;
	margin-top: 5px;
	color: #FF3300;
}

/*---------/ Accordion /---------*/

.accordionHeader
{
	background: #aecee4 url(/includes/images/boxheader_blue2.png) repeat-x left bottom;
	border: 1px solid #2F4F4F;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	margin-top: 3px;
	cursor: pointer;
}

.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	margin-top: 3px;
	cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background: #f4f4f4 url(/includes/images/panel_bkg.png) repeat-x left top;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}

/*---------/ MAP /---------*/

.ELabelStyle
{
	background-color: #FFFFCC;
	font-weight: bold;
	border: 1px #999 solid;
	width: 100px;
	text-align: center;
}
.ELabelNumbering
{
	font-weight: bold;
	color: #000000;
	width: 25px;
	font-size: 8px;
	text-align: center;
}

.PageControl
{
	font-size: 10px;
	color: #000;
	background-color: #EAE9EA;
	border: solid 1px #DDDDDD;
	margin-bottom: 3px;
}

.AlertInner
{
	overflow: auto;
	height: 150px;
	background: white;
	padding: 2px;
	border-top: 1px solid #cecece;
}

.Pwd_Msg
{
	background-color: #F0F0F0;
	border: solid 1px #8DA6B3;
	color: #808080;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
}

/*---------/ Dash /---------*/
.GrpImg
{
	float: left;
	margin: 3px 3px 0px 2px;
}

.GrpDiv1
{
	float: left;
	margin: 3px 3px 0px 2px;
}
.GrpDiv2
{
	float: right;
	margin: 3px 3px 0px 2px;
}

.GrpPic
{
	background: #ffffff;
	border: 1px solid #E9E9E9;
	padding: 2px;
}

.ReqField
{
	font-weight:bold;
}

/*-------/ Report /--------*/
.RptHBar
{
	width: 90%;
	border: solid 1px #DEDEDE;
}
.RptFill
{
	background-color: #97BFDC;
}

.xstooltip
{
	visibility: hidden;
	position: absolute;
	z-index: 2;
	font: normal 8pt sans-serif;
	padding: 3px;
	border: solid 1px;
	background-repeat: repeat;
	background-image: url(/includes/images/blue.png);
}

/*-------/ Report /--------*/
#AnnouncementBody
{
	height: 600px; 
	text-align: center; 
	padding-top: 10px; 
	background: #eff9ff url(/includes/images/modal_inner_bkg.png) repeat-x left top;
}

/*-------/ Virtual Earth /--------*/
.customInfoBox-previewArea 
{
    width:360px;
    height:310px;
    padding: 0px; 
    margin-top:-5px;
    margin-left:5px;
    border:0px;
}   
.PopupIFrame 
{  
	width:350px;
	height:277px;
	padding: 0px; 
}
.PopupIFrameShadow 
{  
	width:450px;
	height:270px;
	padding: 0px; 
}

.VLabelStyle
{
	background-color: #FFFFCC;
	font-weight: bold;
	border: 1px #999 solid; 
	text-align: center;
	width: 100px;
	font-size: 11px; 
	color: #000000;
	margin-top:-32px;
	margin-left:-30px;
	margin-bottom:3px
	
} 
/*-------/ End Virtual Earth /-----------*/

.Popup2IFrame 
{  
	width:455px;
	height:300px;
	padding: 0px; 
}


/*---------------- Telerik Controls CSS ---------*/
.TelerikSlider
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #555;
}