/*
	Browser Overrides
----------------------------------------------*/

a:link, a:visited, a:active{
	color: #900;
	outline: none
}

a:hover{
	text-decoration: none;
	color: #000
}

html, body{
	background: #E9E9E9 url(../../images/portal/bdy-bg.gif) 50.05% 0 repeat-y;
	margin: 0;
	margin-bottom: 15px;
	font: 12px/1.4 arial, verdana, helvetica, sans-serif;
	color: #333;
	text-align: center
}

form{
	margin: 0;
	padding: 0
}

h1{
	margin: 0 0 8px;
	padding: 0;
	font-size: 14pt;
	color: #900
}

	h1.childpage{
		color: #C00;
		padding: 5px;
		border: 1px dotted #CCC;
		border-width: 1px 0
	}
	
		h1.childpage span{
			font-size: 11px;
			color: #333
		}
	
h2,h4,h5,h6{
	margin: 0;
	padding: 0
}

h3{
	margin: 5px 0;
	padding: 0
}

	h3 span{
		font-size: 11px;
		color: #333
	}

img{
	border: 0
}

input,
textarea{
	color: #404040;
	font-size: 12px
}

table{
	border-spacing: 0;
	width: 100%;
	border-collapse: collapse
}

table tr.alt{
	background: #E9E9E9
}

table tr.sub td{
	background: #E3E3E3;
	border-bottom-color: #999
}

td{
	padding: 3px 5px;
	margin: 0;
	border-bottom: 1px solid #999
}

th{
	padding: 3px 5px;
	background: #E6F0FF;
	border-top: 1px solid #80B3FF;
	border-bottom: 1px solid #80B3FF
}

thead{
	border-left: 1px solid #80B3FF;
	border-right: 1px solid #80B3FF
}

tbody{
	border-left: 1px solid #999;
	border-right: 1px solid #999
}

ul,li{
	margin: 0;
	padding: 0;
	list-style: none
}

	ul.dots li{
		list-style: circle inside
	}

/*
	General
----------------------------------------------*/

.block_bg{
	background: url(../../images/portal/modal/modal_bg.png) !important; background: url(../../images/portal/modal/modal_bg.gif);
	position: absolute;
	z-index: 1000
}

.bold{ font-weight: bold }

.border-bottom{ border-bottom: 1px solid #D9D9D9 }
.border-left{ border-left: 1px solid #D9D9D9 }

.clear{	clear: left }

.count,
.weight{ text-align: right }

.download{
	background: #D9D9D9;
	width: 225px;
	margin-left: -1px;
	font-size: 11px;
	line-height: 22px;
	height: 22px;
	padding-left: 5px
}

	.download img{
		margin-top: 3px;
		float: left
	}

.emphasize{ background: #FFECB3 }

.empty{
	line-height: 60px;
	color: #666;
	text-align: center
}

.error_message{
	border: 1px solid #FF5B5B;
	background: #FFD5D5;
	color: red
}

.fail{
	border: solid 1px #CC0000; 
	background: #F7CBCA;
	color: #CC0000;
	font-weight: bold;
	padding: 3px 7px;
	margin-bottom: 10px
}

.green{ color: green }

.handle{ cursor: move }

.hide{ display: none }

.icon{ text-align: center }

.info{
	position: relative
}

.info-box{
	padding: 5px;
	border: 2px solid #C00;
	text-align: left;
	font-weight: normal;
	line-height: 18px;
	background: #FFF;
	color: #454545
}

.info-box-wrapper{
	padding: 5px;
	background: url(../../images/portal/modal/modal_bg.png) !important; background: url(../../images/portal/modal/modal_bg.gif)
}

.last-cell{ padding-right: 5px !important; padding-right: 20px }

.long{ width: 200px }

.message-box{
	z-index: 101;
	height: 74px;
	width: 336px;	
	background: url(../../images/portal/message-box-bg.png) no-repeat !important; background: url(../../images/portal/message-box-bg.gif) no-repeat
}

.padding{ padding: 5px }

.radio_item{
	line-height: 30px
}

.radio_item input{
	float: left
}

.radio_item span{
	display: block;
	float: left;
	margin-left: 2px;
	margin-top: -5px
}

.red{ color: red }

.reg{ width: 85px }

.relative{ position: relative }

.required{ color: red }

.small{
	font-size: 10px
}

th.small{
	font-size: 12px
}

.success{
	border: solid 1px #349534; 
	background: #C9FFCA;
	color: #008000;
	font-weight: bold;
	padding: 3px 7px;
	margin-bottom: 10px
}

.success_message,
.error_message{
	padding: 5px 10px;
	font: bold 13px Verdana
}

.success_message{
	border: 1px solid #00CC33;
	background: #CDF5D8;
	color: green
}

.text-right,
.number,
.pctdec,
.percent,
.markupPieces{
	text-align: right
}

.totalbox{
	font-size: 14px
}

.warning{
	background: #FFF4D5 url(../../images/portal/warning-sign.png) 10px 50% no-repeat;
	padding: 10px 10px 10px 70px;
	border-top: 1px solid #FFE27D;
	border-bottom: 1px solid #FFE27D
}

.warning h4{
	margin: 0;
	padding: 0;
	color: #C00;
	font-size: 14px
}

/*
	Links
----------------------------------------------*/

a:link.asc,
a:visited.asc,
a:hover.asc{
	padding-right: 12px;
	background: url(../../images/portal/icons/asc_arrow.gif) 100% 85% no-repeat
}

a:link.desc,
a:visited.desc,
a:hover.desc{
	padding-right: 12px;
	background: url(../../images/portal/icons/desc_arrow.gif) 100% 85% no-repeat
}

.logo{
	float: left;
	display: block;
	height: 35px;
	width: 139px;
	background-position: 0 0;
	position: absolute;
	top: 9px;
	left: 12px;
	text-indent: -9999px
}

a:link.add-component,
a:visited.add-component,
a:link.add-component-on,
a:visited.add-component-on,
a:link.ma-add-component,
a:visited.ma-add-component{
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	margin-left: 6px !important; margin-left: 3px;
	width: 108px;
	font-size: 11px;
	padding-left: 22px;
	text-align: left;
	background-position: 0 0
}

	a:hover.add-component,
	a:hover.ma-add-component{
		background-position: 0 -18px
	}

a:link.secure_link,
a:visited.secure_link,
a:hover.secure_link{
	background: url(../../images/portal/icons/lock.gif) 0 50% no-repeat;
	padding-left: 15px
}

/*
	Sprites
----------------------------------------------*/

.logo,
.col-skinny .end-cap,
.col-skinny .top-cap,
.childnav a,
ul.nav li a,
ul.nav li a span{
	background: url(../../images/portal/main.gif) no-repeat
}

.header,
.header-left,
.header-right,
.component .top-left,
.component .top-right,
.component .bot-left,
.component .bot-right{
	background: url(../../images/portal/bg.png) no-repeat
}

.add-component,
.help,
.edit,
.print,
.delete,
.component .help-box-content,
.selector-item,
.selector-item-on{
	background: url(../../images/portal/icons.gif) no-repeat
}

/*
	Structure
----------------------------------------------*/

.col{
	float: left;
	width: 49.31%
}

.col-sep{
	float: left;
	width: 10px
}

.col-skinny{
	float: left;
	width: 205px
}

	.col-skinny .content-box{
		font-size: 11px;
		background: #E9E9E9;
		color: #666;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding: 5px 10px
	}
	
		.col-skinny .content-box h2 {
			color:#454545;
			font-size:1.3em;
			margin:0 0 5px
		}
	
	.col-skinny .content-box-sep{
		border-bottom: 1px solid #CCC;
		margin: 10px 0
	}

	.col-skinny .end-cap{
		background-position: 0 -40px;
		height: 5px;
		font-size: 1px;
		margin-bottom: 7px
	}

	.col-skinny .top-cap{
		background-position: 0 -35px;
		height: 5px;
		font-size: 1px
	}

.col-wide{
	float: left;
	width: 765px
}

.container{
	margin: 0 auto;
	width: 990px;
	background: #FFF;
	text-align: left
}

.content{
	padding: 8px 5px 10px
}

.header{
	background-position: 0 -53px;
	background-repeat: repeat-x;
	height: 53px;
	margin-bottom: 3px;
	position: relative;
}

.header-left{
	width: 10px;
	height: 53px;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat
}

.header-right{
	width: 10px;
	height: 53px;
	float: right;
	background-position: 0 -106px;
	background-repeat: no-repeat
}

#info-bar{
	position: relative;
	width: 99%;
	font-size: 11px;
	z-index: 11
}

	#info-bar .popbox{
		top: 15px;
		right: 0px
	}

/*   "Tables"
----------------------------------------------*/

.scrollable-grid{
	max-height: 450px;
	overflow: auto
}

* html div.scrollable-grid{
	height: expression(this.scrollHeight > 450 ? "450px":"auto")
}

.table-header{
	border: 1px solid #80B3FF;
	background: #E6F0FF;
	padding: 3px 5px;
	font-weight: bold
}

	.table-header small{
		font-weight: normal;
		margin-left: 20px
	}

.table-sub-header{
	background: #FFEFB0;
	font-weight: bold;
	padding: 3px 5px;
	border: 1px solid #C9C9C9;
	border-top-width: 0
}

.table,
.table-alt{
	border: 1px solid #B1B1B1;
	border-width: 0 1px 1px
}

	.table-alt{ background: #E6E6E6 }

	.table li, .table-alt li{ padding: 5px }

	.table .table-text{ margin-right: 70px }

.table-float{
	width: 70px;
	text-align: right;
	float: right
}

.table-total{
	background: #E6E6E6;
	font-weight: bold
}

/*
	Navigation / Childnav / Clone Nav
----------------------------------------------*/

.childnav a:link,
.childnav a:visited{
	display: block;
	margin: 0 -5px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background-position: 200px -45px;
	padding: 0 10px
}

.childnav a:hover,
.childnav a:active,
.childnav a.on{
	background-position: 0 -45px;
	color: #FFF
}

.clone-nav{
	width: 510px;
	height: 25px;
	border-top: 2px solid #E9E9E9;
	border-bottom: 1px solid #D9D9D9
}

.clone-nav strong{
	font-weight: normal;
	font-size: 15px
}

.clone-nav small{
	font-size: 9px
}

.clone-nav li{
	float: left;
	margin-top: -2px;
	margin-right: 7px
}

.clone-nav li a:link,
ul.clone-nav li a:visited{
	display: block;
	padding: 0 15px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-top: 2px solid #E9E9E9;
	float: left;
	text-decoration: none
}

.clone-nav li a:hover{
	border-top: 2px solid #C9C9C9;
	background: #E9E9E9
}

.nav{
	padding-top: 18px;
	margin-left: 173px;
		z-index: 1000;
}

.nav li{
	z-index: 1000;
	float: left;
	height: 20px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase
}

	.nav li a:link,
	.nav li a:visited{
		display: block;
		float: left;
		background-position: 200px -72px;
		text-decoration: none;
		font-weight: bold;
		color: #000;
		line-height: 20px;
		padding-right: 7px;
		margin-left: 2px;
		height: 20px;
		line-height: 20px
	}
	
	.nav li a:link.on span,
	.nav li a:visited.on span,
	.nav li a:hover.on span{
		background-position: 0 -91px
	}

	.nav li a:link.on,
	.nav li a:visited.on,
	.nav li a:hover.on{
		background-position: 100% -91px;
		color: #FFF
	}
	
	.nav li a:hover,
	.nav li.drop-hover a:link,
	.nav li.drop-hover a:visited,
	.nav li.drop-hover a:link.on,
	.nav li.drop-hover a:visited.on{
		background-position: 100% -71px;
		color: #C00
	}
	
	.nav li a:link span,
	.nav li a:visited span{
		display: block;
		float: left;
		height: 20px;
		width: 7px !important; width: 3px;
		font-size: 1px;
		background-position: 200px -71px
	}	

	.nav li a:hover span,
	.nav li.drop-hover a:link span,
	.nav li.drop-hover a:visited span,
	.nav li.drop-hover a:link.on span,
	.nav li.drop-hover a:visited.on span{
		background-position: 0 -71px
	}	

	.nav li ul.drop-sub{
		position: absolute;
		background: url(../../images/portal/modal/modal_bg.png) !important; background: url(h../../images/portal/modal/modal_bg.gif);
		padding: 0 3px 3px 3px;
		white-space: nowrap;
		z-index: 2000
	}

	.nav li ul.drop-sub li{
		float: none;
		background: #FED83B;
		border-left: 1px solid #A9A9A9;
		border-right: 1px solid #A9A9A9;
		height: 24px;
		padding: 0 4px 0 2px
	}
	
	* html ul.nav li ul.drop-sub li{ width: 200px } /* FIX IE 6 */
	html>body ul.nav li ul.drop-sub{ *width: 200px }/* FIX IE 7 */
	
		.nav li ul.drop-sub li.drop-first{
			padding-top: 4px
		}
		
		.nav li ul.drop-sub li.drop-last{
			padding-bottom: 4px;
			border-bottom: 1px solid #A9A9A9
		}
	
	.nav li ul.drop-sub li a:link,
	.nav li ul.drop-sub li a:visited{
		display: block;
		float: none;
		background: #FFF;
		color: #000;
		padding: 0 7px;
		height: 24px;
		line-height: 24px;
		text-transform: capitalize
	}
	
	.nav li ul.drop-sub li a:hover{
		background: #FFF;
		color: #FFF;
		background: #C00
	}

.childnav a.parent:link,
.childnav a.parent:visited{
	margin-top: -3px;
	margin-bottom: 3px;
	padding-left: 7px;
	font-size: 1.3em;
	color: #454545;
	line-height: 25px;
	height: 29px;
	border-bottom: 1px solid #CCCCCC
}

.childnav a.parent:hover,
.childnav a.parent:active{
	background: none;
	color: #000;
	text-decoration: underline
}

/*
	Component
----------------------------------------------*/

.component{
	background: #FFD93E;
	position: relative;
	margin-bottom: 15px
}

	.component h2{
		margin: 0;
		padding: 0 8px;
		height: 30px;
		line-height: 27px;
		font-size: 1.5em
	}

	.component .bot-left,
	.component .top-left,
	.component .top-right,
	.component .bot-right{
		height: 5px;
		width: 5px;
		font-size: 2px
	}

	.component .bot-left{
		background-position: 0 -489px
	}

	.component .bot-right{
		float: right;
		background-position: 100% -489px
	}

	.component .component-col{
		float: left;
		width: 50%
	}

	.component .component-content{
		padding: 6px;
		margin: 0 6px 1px;
		border: 1px solid #ECBE0A;
		background: #FFF;
		zoom: 1;
		height: auto !important; height: 200px;
		min-height: 200px
	}

	.component .component-pad{
		padding-left: 10px
	}

	.component .drop-box-container{
		padding: 10px;
		margin-bottom: 26px !important; margin-bottom: 0;
		min-height: 1px;
		background: #FFF1BB url(../../images/portal/drop-box-bg.png) bottom repeat-x
	}

	.component .flash-box{
		width: 48.5%;
		z-index: 1;
		margin-left: 10px
	}

	.component .help-box, .component .settings-box{
		position: absolute;
		top: 36px;
		left: 7px;
		width: 751px;
		background: url(../../images/portal/drop-box-shadow.png) bottom repeat-x
	}

	* html .component .help-box,
	* html .component .settings-box{ /* Fix for IE 6 */
		position: relative;
		width: 751px;
		clear: right;
		top: 1px;
		left: 6px;
		background: #FFF1BB url(../../images/portal/drop-box-bg.png) bottom repeat-x;
		border: 1px solid #ECBE0A
	}

	.component .help-box-content, .component .settings-box-content{
		height: auto !important; height: 75px;
		min-height: 75px;
		background-position: 10px -90px;
		padding: 10px;
		padding-left: 100px;
	}
	
	.component .ie-fix{

		zoom: 1
	}
	
	.component .message-box{
		position: absolute;
		top: 0;
		right: 18px;
		display: block
	}
	
	.component .message-box h2{
		padding: 6px 10px;
	}
	
	.component .message-box a{
		margin: 0 10px;
		cursor: pointer
	}
	
	.component .message-box p{
		padding: 0;
		padding-left: 10px;
		margin: 0
	}
	
	.component .toggle-down,
	.component .toggle-up{
		cursor: pointer;
		position: absolute;
		top: 9px;
		left: 5px;
		height: 20px;
		width: 20px;
		background: url(../../images/portal/toggle-arrows.png)
	}
	
	.component .toggle-down{
		background-position: 0 -20px
	}
	
	.component .toggle-up{
		background-position: 0 0
	}
	
	.component .toggle-down a,
	.component .toggle-up a{
		display: block;
		height: 20px;
		width: 20px
	}
	
	.component .top-left{
		background-position: 0 -484px
	}
	
	.component .top-right{
		position: absolute;
		top: 0;
		right: 0 !important; right: -1px;
		background-position: 100% -484px
	}
	
	.component ul.actions,
	ul.component-actions{
		position: absolute;
		top: 6px;
		right: 7px;
		width: 116px
	}

		.component ul.actions li,
		ul.component-actions li{
			float: right;
			margin-left: 3px
		}

			.component ul.actions li a:link,
			.component ul.actions li a:visited,
			ul.component-actions li a:link,
			ul.component-actions li a:visited{
				display: block;
				padding: 14px 0 0;
				text-align: center;
				font-size: 0.8em;
				width: 26px;
				color: #000;
				text-decoration: none
			}

			.component ul.actions li a:hover,
			.component ul.actions li a:active,
			ul.component-actions li a:hover,
			ul.component-actions li a:active{
				color: #C00
			}

	.component .help,
	ul.component-actions .help{ background-position: 5px -54px }

	.component .edit,
	ul.component-actions .edit{ background-position: -23px -54px }
	
	.component .print,
	ul.component-actions .print{ background-position: -53px -54px }

	.component .delete,
	ul.component-actions .delete{ background-position: -81px -54px }

	.component ul.component-settings{ height: 27px }

	.component ul.component-settings li{ float: left; margin-right: 10px }

.component-hover{
	border: 2px dashed #FFDF80;
	background: #FFF5D9
}

/*
	Loaders
----------------------------------------------*/

.bar-loader{
	font-size: 12pt;
	font-weight: bold;
	padding: 7px 0 28px 5px;
	background: url(../../images/portal/icons/ajax-loader.gif) 50% 75% no-repeat
}

.box-loader{ background: url(../../images/portal/loader-bg.gif) }

.box-loader-image{ background: url(../../images/portal/box-loader.gif) 50% 10% no-repeat }

.box_loader{
	font: 12px/1.4 arial, verdana, helvetica, sans-serif;
	position: absolute;
	background: url(../../images/portal/modal/modal_bg.png) !important; background: url(../../images/portal/modal/modal_bg.gif)
}
		
.box_loader_image{
	font-weight: bold;
	font-size: 13pt;
	color: #555;
	border: 1px solid #C00;
	padding: 3px 7px 24px 7px;
	margin: 0 10px;
	background: #FFF url(../../images/portal/icons/ajax-loader.gif) 50% 85% no-repeat
}

.box_loader_image_wrapper{
	position: relative;
	padding: 10px 0;
	width: 240px;
	-moz-border-radius: 10px;
	background: url(../../images/portal/modal/modal_bg.png) !important; background: #CCC
}

.loader{
	line-height: 24px;
	background: url(../../images/portal/loader.gif) 0 0 no-repeat;
	color: #999;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 32px
}

.sml-loader{
	color: #999;
	padding-left: 20px;
	background: url(../../images/portal/sml-loader.gif) 0 50% no-repeat
}

/*
	Controls
----------------------------------------------*/

/*   Slider   */
.slider-container{
	position: relative;
	width: 210px;
	margin-right: 20px !important; margin-right: 10px;
	float: left;
	text-align: center;
	font-size: 0.9em;
	height: 42px !important; height: 38px
}

.slider-handle{
	display: block;
	position: absolute;
	background: url(../../images/portal/slider-handle.gif) no-repeat;
	height: 19px;
	cursor: pointer;
	width: 10px
}

.slider-track{
	position: relative;
	height: 19px;
	width: auto;
	background: url(../../images/portal/slider-track.gif) no-repeat
}

/*   Select List   */
.selector-item{
	background-position: 0 -533px;
	cursor: pointer;
	padding: 2px 5px 2px 15px;
	border: 1px solid #FFF
}

.selector-item-on{
	font-weight: bold;
	background-color: #E6F0FF;
	background-position: 0 -519px;
	padding: 2px 5px 2px 15px;
	border: 1px solid #80B3FF
}

/*   Custom Column Preferences   */
.blank-row{
	height: 1px;
	border-width: 0
}

.column-prefs{
	float: left;
	width: 265px;
	height: auto !important; height: 100px;
	min-height: 100px
}

.column-prefs h3{
	margin: 0;
	padding: 3px 10px 0;
	font-size: 1.2em;
	color: #333
}

.column-prefs div.column-prefs-container{
	margin: 5px;
	padding: 0
}

.column-prefs div.column-prefs-container div.col-handle{
	list-style: none;
	margin: 2px 0;
	padding: 3px 7px;
	background: #FFF;
	cursor: move
}

.column-prefs-selector{
	float: left;
	width: 200px
}

.column-prefs-wrapper{
	float: left;
	width: 560px
}

#column1{
	margin-left: 10px !important; margin-left: 5px
}

#column2{
	border: 1px solid #C00;
	margin-left: 10px !important; margin-left: 5px;
	background: #C00 url(../../images/portal/avail-prefs-bg.png) no-repeat
}

#column2 div.column-prefs-container div.col-handle{
	border: 1px solid #C00
}

#column1 div.column-prefs-container div.col-handle{
	border: 1px solid #009933
}

#column1 ul li:hover{
	/*border-color: #C00*/
}

#column1{
	border: 1px solid #009933;
	background: #009933 url(../../images/portal/curr-prefs-bg.png) no-repeat
}

#current-prefs, #available-prefs{
	height: auto !important; height: 100px;
	min-height: 100px
}	

.column-prefs-hover{
	border: 1px dashed #FFDF80;
	background: #FFF5D9
}

/*
	Childpages
----------------------------------------------*/

.error-delete{
	margin: 0 auto;
	display: block;
	width: 20px;
	height: 17px;
	line-height: 17px;
	background: url(../../images/portal/delete.gif) top center no-repeat
}

.schedule-delete{
	float: right;
	text-align: center;
	padding-top: 16px;
	display: block;
	width: 20px;
	line-height: 17px;
	background: url(../../images/portal/delete.gif) top center no-repeat
}

.report-delete{
	margin: 0 auto;
	display: block;
	width: 20px;
	height: 17px;
	line-height: 17px;
	background: url(../../images/portal/delete.gif) top center no-repeat
}

.report-deleted,.report-error{
	margin: 0 auto;
	display: block;
	width: 20px;
	height: 17px;
	line-height: 17px;
	background: url(../../images/portal/restore.gif) top center no-repeat
}

.reports-custname{
	position: absolute;
	bottom: 7px;
	right: -107px;
	color: #555
}

.reports-table{ font-size: 11px }

.report-type-pdf,
.report-type-csv{
	margin-left: 3px;
	padding: 1px 0;
	padding-left: 20px;
	background: url(../../images/portal/icons/page_white_acrobat.png) no-repeat
}

.report-type-csv{ background: url(../../images/portal/icons/page_white_excel.png) no-repeat }

* .report-pickups,
* .location-scroll{
	height: expression(this.scrollHeight > 85 ? "85px":"auto");
}

.report-pickups,
.location-scroll{
	overflow: auto;
	max-height: 85px;
	font-size: 11px
}

.schedule-report{ position: relative }

.schedule-report .padding{ padding: 3px 5px 2px }

div.schedule-report div{ line-height: 18px }

.schedule-report .reports-left{
	float:left;
	width:57%
}

.schedule-report .reports-right{
	float:left;
	width:35%
}

.schedule-report .message-box{
	position: absolute;
	top: 0;
	right: 18px;
	display: block
}

.schedule-report .message-box h2{ padding: 6px 10px }

.schedule-report .message-box a{
	margin: 0 10px;
	cursor: pointer
}

.schedule-report .message-box p{
	padding: 0;
	padding-left: 10px;
	margin: 10px 20px 0 0
}

/*   Popup Box
----------------------------------------------*/

.popup{
	position: absolute;
	top: 0px; /*   Let JS set   */
	left: 0px; /*   Let JS set   */
	margin: 0;
	padding: 7px;
	background: url(../../images/portal/popup_bg.png);
	z-index: 100
}

.popup .popup-dashboard{
	position: absolute;
	top: 58px;
	right: 20px;
	line-height: 15px;
	background: url(../../images/portal/icons/adobe_reader.png) 0 50% no-repeat;
	padding-left: 25px
}

.popup h3{
	border-bottom: 1px solid #D9D9D9;
	color: #666666;
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 10px;
	padding: 5px 0 10px
}

.popup label{
	display: block;
	float: left;
	width: 100px;
	color: #333;
	font-weight: bold
}

.popup label small{
	line-height: 14px;
	font-weight: normal
}

#change-pass label{ width: 150px }

#change-pass, #edit-profile{ text-align: left }

#change-pass label, #edit-profile label{
	margin-right: 10px;
	text-align: right
}

a.popup-close:link, a.popup-close:visited{
	float: right;
	display: block;
	height: 18px;
	width: 50px;
	margin-top: 10px;
	margin-right: 5px;
	background: url(../../images/portal/popup_close.gif) no-repeat;
	outline: none
}

a.popup-close:hover{ background-position: 0 -18px }

a.popup-cancel:link, a.popup-cancel:visited{
	color: #C00;
	margin-left: 10px;
	float: none;
	display: inline
}

.popup-content{
	height: auto !important; height: 150px;
	min-height: 150px;
	padding: 10px
}

.popup-hd{
	height: 39px;
	background: url(../../images/portal/popup_nav_bg.png) bottom repeat-x;
	cursor: move
}

.popup-hd h2{
	margin: 0;
	margin-left: 10px;
	font-size: 14pt;
	line-height: 39px
}

.popup-nav{ float: left }

.popup-nav li{ float: left }

.popup-nav li a:link, .popup-nav li a:visited{
	float: none !important; float: left;
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 12px;
	text-align: center;
	font-weight: bold;
	color: #3D3D3D;
	text-decoration: none;
	border-right: 1px solid #FFD946
}

.popup-nav li a:hover{
	color: #000;
	text-decoration: underline
}

.popup-nav li.on a:link, .popup-nav li.on a:visited, .popup-nav li.on a:hover{
	display: block;
	padding: 0 12px;
	height: 39px;
	line-height: 38px;
	color: #C00;
	text-decoration: none;
	border-right: 1px solid #FFF;
	background: #FFF
}

.popup-wrapper{
	background: #FFF;
	border: 1px solid #666
}

.search-results{
	background: #FFF;
	padding: 5px;
	margin: 0 5px 5px;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	border: 2px solid #C00;
	border-top-width: 0;
	letter-spacing: 0px
}

.search-results-wrapper{
	position: absolute;
	background: url(../../images/portal/modal/modal_bg.png) !important; background: url(../../images/portal/modal/modal_bg.gif)
}

/*
	Hover Box
----------------------------------------------*/

.hoverbox{
	position: absolute;
	top: 50px;
	left: 50px;
	width: 300px;
	text-align: left
}

.hoverbox-wrapper{ position: relative }

.hoverbox .tl,
.hoverbox .tr,
.hoverbox .hd,
.hoverbox .bl,
.hoverbox .br,
.hoverbox .mr{
	font-size: 1px;
	background-image: url(../../images/portal/hoverbox/hoverbox-bg.png) !important; background-image: url(../../images/portal/hoverbox/hoverbox-bg-ie6.gif)
}

.hoverbox .tl{
	position: absolute;
	top: 0;
	left: 0 !important; left: -15px;
	background-position: 0 0;
	height: 40px;
	width: 15px
}

.hoverbox .tr{
	position: absolute;
	top: 0;
	right: 0;
	background-position: 100% 0;
	height: 40px;
	width: 15px
}

.hoverbox .hd{
	margin: 0 15px;
	height: 40px;
	line-height: 45px;
	font-weight: bold;
	font-size: 15px;
	color: #FFF;
	letter-spacing: 2px;
	background-position: -15px 0
}

.hoverbox .hoverbox-content{
	margin: 0;
	font-size: 12px;
	padding-right: 15px;
	padding-top: 15px
}

.hoverbox .ml{
	margin-top: 0 !important; margin-top: -5px;
	height: auto !important; height: 1%;
	padding-left: 15px;
	background: url(../../images/portal/hoverbox/hoverbox-bg-left.png) 0 0 repeat-y !important; background: url(../../images/portal/hoverbox/hoverbox-bg-ie6-left.gif) 0 0 repeat-y
}

.hoverbox .mr{ background-position: 100% -41px }

.hoverbox .bl{
	position: absolute;
	bottom: -20px;
	left: 0 !important; left: -15px;;
	z-index: 1;
	height: 20px;
	width: 15px;
	background-position: 0 100%
}

.hoverbox .br{
	position: relative;
	bottom: -20px;
	right: 0;
	height: 20px;
	background-position: 100% 100%
}

/*   Clone Profile
----------------------------------------------*/

.clone-profile{
	height: auto; !important; height: expression( this.scrollHeight > 335 ? "336px" : "auto" );
	max-height: 336px;
	overflow: auto;
	overflow-x: hidden
}

.clone-profile-scroll{
	height: auto; !important; height: expression( this.scrollHeight > 199 ? "200px" : "auto" );
	max-height: 200px;
	overflow: auto;
	overflow-x: hidden
}

.clone-profile div{
	height: 22px;
	padding: 0
}

.clone-profile .profile-action{
	float: right;
	line-height: 22px;
	text-align: right;
	font-size: 11px;
	padding: 0 10px
}

.clone-profile .profile-name a:link,
.clone-profile .profile-name a:visited{
	background: url(../../images/portal/icons.gif) 0 -532px no-repeat;
	display: block;
	padding-left: 20px;
	line-height: 22px

}

.clone-profile .profile-name a:hover{
	background-color: #FFF1C9;
	background-position: 0 -518px
}

.clone-profile .profile-action a:link,
.clone-profile .profile-action a:visited,
.clone-profile .profile-action a:hover{
	background: none;
	display: inline;
	padding: 0
}

.clone-profile .profile-name a.sml-loader:link,
.clone-profile .profile-name a.sml-loader:visited,
.edit-profile .sml-loader{
	background: url(../../images/portal/sml-loader.gif) 2px 50% no-repeat
}

.clone-profile .profile-action a.sml-loader:link,
.clone-profile .profile-action a.sml-loader:visited{
	padding-left: 20px;
	background: url(../../images/portal/sml-loader.gif) 0 50% no-repeat
}

.clone-profile td.sml-loader,
span.sml-loader{
	background: url(../../images/portal/sml-loader.gif) 0 50% no-repeat
}

.profile-name-input,
.profile-name-input-blur{
	font-size: 13pt;
	padding: 2px 3px
}

.profile-name-input-blur{
	color: #666
}

/*
	Paging
----------------------------------------------*/

.paging{
	text-align: center;
	line-height: 25px;
	margin-top: 3px;
	font-size: 11px
}

a.paging-inactive:link,a.paging-inactive:visited,a.paging-inactive:active,a.paging-inactive:hover{
	background: #FFF;
	margin-right: 3px;
	padding: 2px 5px;
	color: #999999;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	border: 1px solid #D9D9D9
}

a.paging-active:link,a.paging-active:visited,a.paging-active:active{
	background: #FFF;
	margin-right: 3px;
	padding: 2px 5px;
	border: 1px solid #C9C9C9;
	outline: none;
	text-decoration: none

}

a.paging-active:hover{
	border: 1px solid #A9A9A9;
	color: #202020;
	background: #E9E9E9
}

/* New Paging */
a.paging-first,
a.paging-next,
a.paging-last,
a.paging-prev{
	background: #FFF;
	margin-right: 3px;
	padding: 2px 5px;
	border: 1px solid #C9C9C9;
	outline: none;
	text-decoration: none
}

.paging-links{
	display: inline;
	margin-right: 3px
}

.paging-links a{
	margin: 0 3px;
	padding: 2px 5px;
	border: 1px solid #C9C9C9;
	outline: none;
	text-decoration: none
}

a:hover.paging-first,
a:hover.paging-next,
a:hover.paging-last,
a:hover.paging-prev,
.paging-links a:hover{
	border: 1px solid #A9A9A9;
	color: #202020;
	background: #E9E9E9
}

.paging-links a.on{
	text-decoration: underline;
	border: 1px solid #FFF;
	color: #242424;
	background: #FFF;
	cursor: default
}

.paging a.disabled{
	border: 1px solid #FFF;
	color: #999;
	background: #FFF;
	cursor: default
}

/*   Individual Components
----------------------------------------------*/

/* Account Search */

.account-search label{
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 5px;
	line-height: 25px
}

/* Performance Map */

.perf-map .col-sep{
	width: 10px
}

.perf-map .col-skinny{
	width: 225px
}

.perf-map .col-wide{
	width: 500px;
	border: 1px solid #999
}

.perf-map .color-section{
	margin-left: 7px;
	padding: 0 5px;
	border: 1px solid #454545
}

.perf-map .map-legend{
	background: #ECECEC;
	width: 500px;
	border: 1px solid #999;
	border-top-width: 0
}

.mapContainer .mapLegend{
	background: #ECECEC;
	width: 600px;
	height: 35px;
	border-top: 1px solid #333;
	clear: right
}

.mapContainer .colorsection{
	float: left;
	display: block;
	height: 10px;
	width: 10px;
	margin: 0 6px !important; margin: 0 3px;
	border: 1px solid #454545
}

.mapContainer .green{
	background-color: green
}

.mapContainer .gray{
	background-color: gray
}

.mapContainer .yellow{
	background-color: yellow
}

.mapContainer .red{
	background-color: red
}

.mapContainer .mapLegend ul{
	padding: 10px;
	clear: right
}

.mapContainer .mapLegend ul li{
	float: left
}

.perf-map .table, .perf-map .table-alt{
	padding: 0 5px
}

.perf-map .table-header{
	margin: 2px 0
}

.perf-map h3{
	padding: 0;
	margin: 0;
	text-align: center
}

.perf-map .selector-item-on{
	border-color: #B9B9B9;
	background-color: #E9E9E9
}

/* Invoices */

a.invoice,
a.invoice-attachment,
a.credit-memo,
a.credit-memo-attachment,
a.debit-memo,
a.debit-memo-attachment,
a.credit-memo-cancellation,
a.credit-memo-cancellation-attachment,
a.invoice-cancellation,
a.invoice-cancellation-attachment{
	display: block;
	float: left;
	height: 18px;
	width: 16px;
	margin-right: 5px;
	background: url(../../images/portal/invoice-icon.gif) 0 0 no-repeat
}

.invoices{
	clear: left;
	padding: 5px
}

.invoices-col{
	float: left;
	width: 140px;
	margin: 2px 0;
	font-size: 0.9em
}

.invoices-date{
	clear: left;
	width: 140px;
	margin-bottom: 3px;
	font-weight: bold
}

.invoices-number{
	float: left;
	line-height: 18px;
	width: 55px
}

a.invoice-attachment{ background-position: -20px 0}
a.credit-memo{ background-position: -40px 0 }
a.credit-memo-attachment{ background-position: -60px 0 }
a.debit-memo{ background-position: -80px 0 }
a.debit-memo-attachment{ background-position: -100px 0 }
a.credit-memo-cancellation{ background-position: -120px 0 }
a.credit-memo-cancellation-attachment{ background-position: -140px 0 }
a.invoice-cancellation{ background-position: -160px 0 }
a.invoice-cancellation-attachment{ background-position: -180px 0 }

.first-invoice{
	margin-left: 14px !important; margin-left: 7px
}

/* Supply/Pickup Form */
div.sup-row, div.pick-row{
	padding-left: 175px
}

div.sup-row{
	background: url(../../images/components/supply_icon.jpg) no-repeat;
	padding-top: 7px;
	height: auto !important;height:90px;
	min-height: 90px
}

div.pick-row{
	background: url(../../images/components/pickup_icon.jpg) no-repeat; 
	padding-top: 7px;
	height: auto !important;height:90px;
	min-height: 90px
}

div.supply-pickup{
	padding: 5px
}

div.supply-pickup h3.sup-hd{
	float: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font-size: 16pt;
	font-weight: bold
}

/*   Form Validator Classes
----------------------------------------------*/

form.validate label{
	position: relative
}

form.validate .validation-error{
	color: #C00;
	font-weight: bold
}

form.validate .validation-error-box{
	position: absolute;
	width: 298px;
	height: 58px;
	background: url(../../images/portal/validation-error-box-bg.png) !important; background: url(../../images/portal/validation-error-box-bg.gif);
	font: 12px arial, verdana, helvetica, sans-serif
}

form.validate .validation-error-box .validation-error-box-padding{
	position: relative;
	padding: 20px 20px 20px 25px;
	color: #333;
	line-height: 12px;
	font-size: 11px;
	text-align: left
}

form.validate .validation-error-box .validation-error-box-padding a:link,
form.validate .validation-error-box .validation-error-box-padding a:visited{
	position: absolute;
	top: 8px;
	right: 10px;
	width: 45px;
	height: 15px;
	background: url(../../images/portal/validation-error-box-close.png);
	text-indent: -9000px
}

form.validate .validation-error-box .validation-error-box-padding a:hover,
form.validate .validation-error-box .validation-error-box-padding a:active{
	background-position: 0 -15px;
	outline: none
}

/*   Supply / Pickup Form - Remove this with new form
----------------------------------------------*/

.bol_form .hd{
	margin: 15px 0 10px;
	font-size: 15pt;
	background: url(../../images/portal/pickup-supply/dotted-bg.gif) 50% repeat-x
}

.bol_form .hd span{
	background: #FFF;
	color: #777;
	padding-right: 10px
}

.bol_form .init-pickup{ color: #333 }

.bol_form .pickup-box{
	float: left;
	margin-top: 10px
}

.bol_form .pickup-info{ margin-left: 40px }

.bol_form .pickup-input{
	float: left;
	width: 35px;
	text-align: center
}

.bol_form .pickup-location{
	color: #333;
	padding: 10px;
	width: 300px;
	border: 1px solid #FFF
}

.bol_form #supply_pickup_scroll{
	text-align: right;
	padding: 5px 5px 5px 0;
	background: #F3F3F3;
	border-top: 1px solid #C9C9C9
}

.bol_form .selected{
	font-weight: bold;
	background: #E6F0FF;
	border: 1px solid #80B3FF
}

.bol_form strong{
	margin-left: 5px;
	color: #121212;
	text-decoration: underline
}

* html .bol_form #pickups{
	margin: 0;
	padding: 0;
	height: expression(this.scrollHeight > 250 ? "250px":"auto");
}

div.bol_form #pickups{
	width: 362px;
	margin: 0;
	padding: 0;
	max-height: 250px;
	overflow: auto
}

label.wide{ width: 145px }

.change-password label.wide{
	display: block;
	float: left;
	color: #333;
	font-weight: bold;
	width: 145px
}

.terms-scroll{
	height:400px;
	overflow:auto
}