/* CSS Document */
#fsGen
{
	/*display: none;*/
	
}

#fsSol
{
	display: none;
}

#fsBid
{
	display: none;
	/*background-color: #CCCCFF;*/
}

#row_Professional
{
	/*display: none;*/
}

#div_Reg_Form
{
	/*background-color: #99CCFF;*/
}
#div_Price_Range
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

#div_Stat
{
	font-size: 17px;
	color: #92B6DA;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
	
}

#div_CSI_SELECTION
{
	color: #4E8DC0;
	float: left;
}

#div_InnerSelectionsLayer
{
	overflow: auto;
	padding-left: 1px;
	padding-right: 1px;
}


#div_Cities
{
	background-color: white;
	font:Tahoma, System, Verdana;
	font-size: 12px;
	width: 400px;
	height: 350px;
	overflow: auto;
	color: #4E8DC0;
	border: 1px solid #E9E9E9;
	display: none;
	position:absolute;
	z-index: 1000;
}

#div_GMAP
{
	background-color: white;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	height: 400px;
	overflow: auto;
	color: #4E8DC0;
	border: 1px solid #E9E9E9;
	position: absolute;
	display: none;
	z-index: 1001;
	padding-left: 100px;
	margin-left: 140px;
}

#div_JOBMAP
{
	background-color: white;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	height: 350px;
	overflow: auto;
	color: #4E8DC0;
	border: 1px solid #999999;
	display: none;
	position: absolute;
	z-index: 1001;
	float: right;
	padding-left: 100px;
	margin-left: 200px;
}


.password_recovery
{
	height: 50px;
	width: 530px;
	position: absolute;
	left: 175px;
	top: 12px;
	display:none;
	z-index: 705;
	background: url(http://www.shortlister.net/images/header/header_login_bg.png) repeat-x;
	color: #92B6DA;
}
.password_recovery td {
vertical-align:top;
}
.logged_in_header
{
	background-color: #CCCCFF;
	display: none;
}
#div_Login  {
	height: 50px;
	width: 500px;
	position: absolute;
	left: 175px;
	top: 0px;
	z-index: 700;
	background: url(http://www.shortlister.net/images/header/header_login_bg.png) repeat-x;
	color: #92B6DA;
}
#div_Login td  {
vertical-align:top;
}
#div_Login a {
	color: #92B6DA;
	text-decoration:none;
}
#div_Login a:hover {
	color: #92B6DA;
	text-decoration:underline;
}
.email {
	background: url(http://www.shortlister.net/images/header/forms/input_bg.png) repeat-x;
	border: 1px solid #6699CC;
	color:#000033;
}
.pass {
	background: url(http://www.shortlister.net/images/header/forms/input_bg.png) repeat-x;
	border: 1px solid #6699CC;
	color:#000033;
}
.ajax_output
{
	background-image: url(../images/wait.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 1px #CCCCFF solid;
}

.ajax_valid_field
{
	background-image: url(../images/ok.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 1px #CCCCFF solid;

}

.ajax_invalid_field
{
	background-image: url(../images/error.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 1px #CCCCFF solid;

}

.required_field
	{
		background-image: url(../images/required.gif);
		background-position: right;
		background-repeat: no-repeat;
		padding-right: 20px;
	}	

.pass_recovery
{
	background: url(http://www.shortlister.net/images/header/forms/input_bg.png) repeat-x;
	border: 1px solid #6699CC;
	color:#000033;
}


.optional_field
{
	background-image: url(../images/opt_fld.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 1px #CCCCFF solid;
}

.action_img
{
	cursor: pointer;
	vertical-align: bottom;
}

.repaint
{
	float: right
}

.div_CSI_DIVISION
{
	border: 1px #3333FF solid;
	width: 420px;
	height: 200px;
	overflow: auto;
}

.division_name
{
	background-color: #ECECEC;
	color: #3333FF;
	font-weight: bold;
	text-align: left;
	height: 25px;
}

.division_name:hover
{
	background-color: #CCCCFF;
	color: #3333FF;
	font-weight: bold;
	text-align: left;
	height: 25px;
}

#div_calendar
{
	background-color: #ececec;
	font:Tahoma, System, Verdana;
	font-size: 12px;
	width: 260px;
	height: 260px;
	overflow: auto;
	color: #0000FF;
	display: none;
	border: 5px #6699CC solid;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	z-index: 4000;
}


.alt_row_1
{
	background-color: #FFFFFF;
	color: #330000;
}

.alt_row_2
{
	background-color: #E8F0F7;
	color: #330000;
}

.drag_area
{
	height: 10px;
}

/* Apply the element you want to drag/resize */
.drsElement {
 position: absolute;
 border: 1px solid #333;
}

/*
 The main mouse handle that moves the whole element.
 You can apply to the same tag as drsElement if you want.
*/
.drsMoveHandle {
 height: 20px;
 background-color: #CCC;
 border-bottom: 1px solid #666;
 cursor: move;
}

/*
 The DragResize object name is automatically applied to all generated
 corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}

/*
 Individual corner classes - required for resize support.
 These are based on the object name plus the handle ID.
*/
.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}


.btnClassic
{
	border: 2px #CCCCFF outset;
	background-color: #FFFFFF;
	color: #3333FF;
	border: 1px #0000FF solid;
	text-align: center;
	font: 12px Tahoma, System, Verdana;
	cursor: pointer;
	width: 75px;
}

.btnReset
{
	background-image: url(../images/reset.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 2px #CCCCFF outset;
	background-color: #FFFFFF;
	color: #FF0000;
	border: 1px #0000FF solid;
	text-align: center;
	font: 14px Tahoma, System, Verdana;
	cursor: pointer;
	font-weight: bold;
	width: 100px;
	height: 30px;
}


.btnSubmit
{
	background-image: url(../images/ok.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 2px #CCCCFF outset;
	background-color: #FFFFFF;
	color: #3333FF;
	border: 1px #0000FF solid;
	text-align: center;
	font: 14px Tahoma, System, Verdana;
	cursor: pointer;
	font-weight: bold;
	width: 100px;
	height: 30px;
}

.btnOk
{
	background-image: url(../images/ok.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 2px #CCCCFF outset;
	background-color: #FFFFFF;
	color: #3333FF;
	border: 1px #0000FF solid;
	text-align: center;
	font: 14px Tahoma, System, Verdana;
	cursor: pointer;
	font-weight: bold;
	width: 50px;
	height: 30px;
}

.btnUpdate
{
	background-image: url(../images/save.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 2px #CCCCFF outset;
	background-color: #FFFFFF;
	color: #3333FF;
	border: 1px #0000FF solid;
	text-align: center;
	font: 14px Tahoma, System, Verdana;
	cursor: pointer;
	font-weight: bold;
	width: 100px;
	height: 30px;

}

.btnClose {


}

.btnCancel
{
	background-image: url(../images/cancel.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 2px #CCCCFF outset;
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px #0000FF solid;
	text-align: center;
	font: 14px Tahoma, System, Verdana;
	cursor: pointer;
	font-weight: bold;
	width: 200px;
	height: 30px;

}

.btnRecoverPassword
{


}

.btnDone
{
	background-image: url(../images/ok.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 2px #CCCCFF outset;
	background-color: #FFFFFF;
	color: #3333FF;
	border: 1px #0000FF solid;
	text-align: center;
	font: 14px Tahoma, System, Verdana;
	cursor: pointer;
	font-weight: bold;
	width: 100px;
	height: 30px;
}

.btnLogin
{

}

.btnCancelLogin
{

}

.btnLogOut
{
	background-image: url(../images/logout.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
	border: 2px #CCCCFF outset;
	background-color: #FFFFFF;
	color: #0099FF;
	border: 1px #0000FF solid;
	text-align: center;
	font: 14px Tahoma, System, Verdana;
	cursor: pointer;
	font-weight: bold;
	width: 100px;
	height: 30px;
}

.data_entry_status
{
	vertical-align: middle;
}

.notes
{
	height: 30px;
	font: 10px Tahoma, System, Verdana;
	color: #FF0000;

}

.terms
{
	color: #FF0000;
	font: 12px Tahoma, System, Verdana;
	font-weight: bold;
}	

.if_upload
{
	position: relative;
	display: block;
	width: 460px;
	height: 460px;
	overflow:auto;
	z-index: 0;
}

#div_Uploaded_Files
{
	font:Tahoma, System, Verdana;
	font-size: 12px;
	width: 450px;
	height: 450px;
	overflow: auto;
	color: #0000FF;
	z-index: 0;
	float: right; 
}

.results_data
{
	font: 11px Tahoma, System, Verdana;
	color: #0033CC;
	border: 1px #999999 dotted;
}	

.results_data:hover
{
	background-color: #ECECEC;
}

.results_lbl
{
	font: 12px Tahoma, System, Verdana;
	color: #000000;
}

.results_table
{
	background-color: #ECECEC;
}

.row_spacer
{
	background-color: #FFFFFF;
	height: 10px;
}	

#div_bid_details
{
	height: 500px;
	overflow: auto;
	margin: 5px 5px 5px 5px;
	border: 1px #92b6da solid;
}

#div_bid_copmare
{
	width:85%;
	height: 50%;
	background-color: #ECECEC;
	z-index: 101;
	overflow: auto;
	position: absolute;
	border: 1px #0066FF solid;
	display: none;
}	

.click_img
{
	vertical-align: bottom;
	cursor: pointer;
}
.Login_tab {

}
.Login_tab a {

}
.Login_tab a:link {
}
.Login_tab a:hover {
}
.Login_tab a:visited {
}

.Logout_Tag
{
	text-decoration: none;
	color: #FFFF00;
	font-size: 13;
}

.newdiv
{
	width: 900px;
	height: 400px;
	position: static;
	z-index: 200;
	display: block;
}

#ACC_CITY
{
	/*border: none;
	font-size: 9px;
	text-align: center;*/
}

.bid_summary_sheet
{
	height: 200px;
	overflow: auto;
}

#div_bid_stat
{
	font: 12px Tahoma, System, Verdana;
	color: #0000FF;
	text-align: center;
}

#div_bid_cats {
margin-top:10px;
}

.bid_simple_info
{
	border: 1px #FFFBF0 solid;
	text-decoration: none;
	color: #FFFFFF;
}

#div_bid_details_stat
{
	color: #3333FF;
}

#compare_data
{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	width: 40px;
	height: 30px;

}

.asi
{
	font-weight: bolder;
	font-style: italic;
	text-decoration: underline;
}

.red_link
{
	background-color: #FF9999;
}

.lbl
{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight: bold;
}


.small_link
{
	font: 10px Tahoma, System, Verdana;
	color: #0000FF;
}

 
#marqueecontainer{
	position: absolute;
	width: 200px; /*marquee width */
	height: 95px; /*marquee height */
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px #EEEEEE solid;
	z-index: 900;
}

.hideInitially{
	display: none;
}
	
.animationContainer{
	height: 260px;
	width: 670px;
}

.demoDiv{
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
	border: none;
	margin-left: 1px;
	overflow: auto;
	position: absolute;
	font: 12px;
	padding-left: 13px;
}

/* Revision1
/* Brynley 21 October 6:00am - 08:00am
/* Changed CSS below, modifying colors for new Calendar appearance.

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	color: #000000;
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #000000;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #47aee7;
	border: 1px solid #000000;
	cursor: pointer;
	color: #FFFFFF;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: 000000;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: black;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #ffffff;
	font-weight: bold;
	background-color: #205c80;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	background: #205c80;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	background: #205c80;
	font-weight: bold;
	}

/* Light box settings */

			.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: #333333;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}

		.white_content {
			display: none;
			position: absolute;
			background-color: white;
			z-index:1002;
			overflow: auto;
			margin: 0px auto;
		}

#div_Feedback
	{
		background-image: url(http://shortlister.net/images/businesscard2.gif);
		background-position: right;
		background-repeat: no-repeat;
		background-color: white;
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 600px;
		height: 500px;
		overflow: auto;
		color: #4E8DC0;
		position: absolute;
		display: none;
		border: 1px solid #6699CC;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		z-index: 10000;	
}


#div_Invite
	{
		background-image: url(http://shortlister.net/images/businesscard2.gif);
		background-position: right;
		background-repeat: no-repeat;
		background-color: white;
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 600px;
		height: 500px;
		overflow: auto;
		color: #4E8DC0;
		position: absolute;
		display: none;
		border: 1px solid #6699CC;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		z-index: 10000;	
}

.div_Email
	{
		background-image: url(http://shortlister.net/images/businesscard2.gif);
		background-position: right;
		background-repeat: no-repeat;
		background-color: white;
		font: Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 500px;
		height: 350px;
		overflow: auto;
		color: #4E8DC0;
		position: absolute;
		display: none;
		border: 1px solid #6699CC;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		z-index: 10001;	
	}

