/*
===============================
 Style Sheet for JobsToDo
===============================
*/

/* FROM LICK GRAPHICS */
/* CSS Document */

html{
margin:0;
padding:0;
height:100%;
}

body{
margin:0;
padding:0;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#333333;
}

h1{ 
font-family:Arial, Helvetica, sans-serif; 
font-size: 20px; 
color: #ff8410; 
text-decoration: none; 
font-weight: bold; 
margin-top:0px;
}

h2{ 
font-family:Arial, Helvetica, sans-serif; 
font-size: 15px; 
color: #ff8410; 
text-decoration: none; 
font-weight: bold; 
margin-top:0px;
}

h3{ 
font-family:Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #333333; 
text-decoration: none; 
font-weight: bold; 
margin-top:0px;
margin-bottom:0px;
}

h4{ 
font-family:Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #ff8410; 
text-decoration: none; 
font-weight: bold;
margin-top:0px;
margin-bottom:0px;
}

.clearmargins
{
	margin: 0 0 0 0;
}

a:link, a:visited, a:active{
color:#ff8410;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a.top-menulink:link, a.top-menulink:active, a.top-menulink:visited{
font-size:13px;
margin-left:20px;
color:#888888;
}

a.top-menulink:hover{
text-decoration:underline;
}

.loginText{
font-size:11px;
color:#888888;
}

.base-menulink, a.base-menulink:link, a.base-menulink:active, a.base-menulink:visited{
font-size:11px;
margin:0 5px;
color:#888888;
}

a.top-menulink:hover{
text-decoration:underline;
}


li{
	margin-top:4px;
}


.secondary-list{
list-style-image:url(/images/second-bullet-point.gif);
}

.orange-bar{
	height:49px;
	background:#FE6702 url(/images/orange-bar-bg.gif) repeat-x top;
	color:white;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
}

.grey-top
{
	height:64px;
	BACKGROUND-IMAGE: url(/images/header/top-shadow-bg.gif); 
	BACKGROUND-REPEAT: repeat-x; 
	BACKGROUND-COLOR: transparent;
}



/* END LICK GRAPHICS*/

.orange
{
	color:#ff8410;	
}

.h1Style{ 
font-family:Arial, Helvetica, sans-serif; 
font-size: 20px; 
color: #ff8410; 
text-decoration: none; 
font-weight: bold; 
}

.h2Style{ 
font-family:Arial, Helvetica, sans-serif; 
font-size: 15px; 
color: #ff8410; 
text-decoration: none; 
font-weight: bold; 
}

.h3Style{ 
font-family:Arial, Helvetica, sans-serif; 
font-size: 13px; 
color: #333333; 
text-decoration: none; 
font-weight: bold;
}

.h4Style{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #ff8410; 
	text-decoration: none; 
	font-weight: bold;
}

.underlinedLink, .underlinedLink a, .underlinedLinka:link, .underlinedLink a:active, .underlinedLink a:visited
{
	text-decoration:underline !important;
}

.WizardTable
{
	width:765px;
}

.WizardTable td
{
	padding: 2px 2px 2px 2px;
	text-align:left;
}

.WizardTable1
{
	padding-top:5px;
}

.WizardCore
{
	 text-align:left;
	 vertical-align:top;
	 border-top:solid 1px #cecece;
	 border-bottom:solid 1px #cecece;
}

.smallSpace
{
	height:10px;	
}

.mediumSpace
{
	height:20px;	
}

.largeSpace
{
	height:30px;	
}

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ModalBackground {
	background-color: Gray;
	filter: alpha(opacity=10);
	opacity: 0.1;
	display:inline;
}
.ModalForm
{
	border-style: solid;
	background-color: #ff8410;
	border-width:1px;
}
.ModalFormHeader
{
	height: 12px;
	background-color:#ff8410;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 2px;
	color: white;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	cursor: default;
}
.ModalFormCloseImage
{
	padding-top: 0px;
	
}
.ModalFormContent
{
	padding: 2px 2px 2px 2px;
	clear:both;
}



.container_leftNav
{
	width:166px;
	padding-right:20px;
	
	vertical-align:top;
}

.container_normal
{
	width:755px;
	clear:both;
	margin-left:2px;
	padding-left:2px;
}

.container_application
{
	width:100%;
	clear:both;
}

.container_tabstripapplication
{
	width:760px;
	clear:both;
}

.a_btnstd1      
{
    background: #5588EE;
    color:white;
    cursor: pointer;
    height: 20px;

    border: solid 0px #CE7307; 
    border: solid 1px; 
    padding-top: 0px;
    padding-right: 4px;
    padding-left: 4px;
    text-align: center;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
	outline: none;
    filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ef9200',EndColorStr='#fabb00');

/*    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=2) ;   */
}



.container_normal_top
{
	width:745px;
	clear:both;
	margin-left:11px;
	margin-top:22px;
}


.container_login_top
{
	width:100%;
	clear:both;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
}


.container_login
{
	width:100%;
	clear:both;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.container_login td, .container_login_top td
{
	font-size: 11px;
}

.container_login textbox, .container_login select, .container_login input,.container_login  textarea,
.container_login_top textbox, .container_login_top select, .container_login_top input,.container_login_top  textarea
{
	height: 14px;
	border: solid 1px #00547a;
	background-color: #EFF6F5;
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	color: black;
	padding-left:1px;
	padding-right:1px;
}

.container_rightPanel
{
	width:227px;
	padding-left:20px;
	background-color:white;
}

table
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
}
.header_table table
{
	background-color: White;
	border-bottom : solid 1px black;
	border-top:solid 1px black;
	border-left:solid 1px black;
	border-right:solid 1px black;
	height: 100px;
}

td
{
	padding:0 0 0 0;

}

.contentTable{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border-left: solid 1px #b7b7b7;
	border-top:solid 1px #b7b7b7;	
	font-weight:normal;
}

.contentTable tr{

}

.contentTable td
{	
	 border-right: solid 1px #b7b7b7;
	 border-bottom: solid 1px #b7b7b7;
	 padding-top:5px;
	 padding-bottom:5px;
	 padding-left:5px;
	 padding-right:5px;	
	 text-align:left;
}

.contentTable th
{
	border-right: solid 1px #b7b7b7;
	border-bottom: solid 1px #b7b7b7;
	font-size:11px;
	font-weight:bold;
	color:#006F9E;
	background-color: #E7E7E7;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;	
	
}

.thvertical
{
	background-color:#f7e7ed;
	font-size:11px;
	font-weight:bold;
	color:#B31049;	
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;	
}

.altRow td{
	background-color:#EFF6F5
}

.formtable
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:normal;
	margin-top:5px;
}

.formtable tr
{

}

.formtable td
{	
/*	padding-bottom:4px;
	padding-right:4px;*/
}
	
.cleanTable{

}

.cleanTable tr{

}

.cleanTable td
{
	color: #898989;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.cleanTable th
{
	font-size:13px;
	background-color: #898989;
	text-align:left;
}

*[readonly],*[disabled] {
	color:#888888;
}

input.action
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#EFF6F5;
	color:black;
}


input.action_gray
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	background-color:#dddddd;
	color:black
}
input.action_purple
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	background-color:#0a246a;
	color:white
}

input.action_Processed
{
	background-color:Green;
}
input.action_Active
{
	background-color:Lime;
}

.textbox input, select, input, textarea,.inputStyle{
	border: solid 1px #C0C0C0;	
	background-color: White;	
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	color: black;
	padding-left:1px;
	vertical-align:middle;
}

.inputStyleGrey
{
	color:Gray;
}

.chkStyle
{
	vertical-align:middle;
}

.chkStyle input, .chkStyle label
{
	background-color:transparent;
	border: solid 0px White;
	vertical-align:middle;
}

.chkStyleLong input
{
	float:left;
}

.chkStyleLong label
{

	display: block;
	padding-top:2px;
}



input.whiteBgInput,
textarea.whiteBgInput
{
	background-color: white;
	border-color:Gray;
}

select.whiteBgInput
{
	background-color: White;
}

input.whiteBgInputRight,
textarea.whiteBgInputRight
{
	background-color: white;
	border-color:Gray;
	text-align:right;
}

greyFgInput,
input.greyFgInput,
textarea.greyFgInput
{
	color:Gray;
}

.radio input
{
	height:auto;
	border: solid 0px white;
	background-color:Transparent;
}

/* fix for radiobutton text alignment */
table.radio input
{    
      float: left;
      vertical-align :top;      
}




/* fix for radiobutton text alignment */
table.radio label
{
	margin-left: 21px;
	display: block;
	margin-top : 2px;
	cursor:pointer;
	vertical-align:top;
	margin-right: 6px;
}

/* move radio button off screen */
table.invisibleRadio input
{
	overflow:hidden;
	margin-left:-50000px;
	padding: 0px 0px 0px 0px;
	margin-right:0px;
	height:1px;
	width:1px;
}

table.orangeArrowRadio label
{
	background-image:url(/images/Icons/main-bullet-point.gif);
	background-position:3px 4px;
	background-repeat:no-repeat;
	margin-left:-5px;
	padding-left:18px;
	padding-right:2px;
}

table.greyArrowRadio label
{
	background-image:url(/images/Icons/second-bullet-point.gif);
	background-position:3px 4px;
	background-repeat:no-repeat;
	margin-left:-5px;
	padding-left:18px;
	padding-right:2px;
}

table.whiteTextRadio label
{
	color:White;
}

.smaller
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #898989;
	font-weight:normal;
}

.smaller input,smaller select,smaller input,smaller textarea{
	height: 16px;
	border: solid 1px #00547a;
	background-color: #EFF6F5;
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	color: black;
	padding-left:1px;
	padding-right:1px;
}


.grayLine {
	width: 100% ;
	background-color: #898989;
	HEIGHT:1px;
}

.JobListTable
{
	border: solid 0px White;
	border-right: dotted 1px #EAEAEA;
	/*width:880px;*/
	border-style: dotted dotted dotted dotted;
}

.JobListTable table
{

}

.JobListTable td
{
	border-bottom: solid 1px #EAEAEA;
	border-top: solid 1px #EAEAEA;
	border-left: dotted 1px #EAEAEA;
	border-right: solid 0px White;

	padding:2px;
	text-align:left;
	font-size:12px;
}

.JobListTable th
{
	height:24px;
	border-top: solid 1px  #EAEAEA;
	border-bottom: solid 1px  #EAEAEA;
	border-right: solid 1px  #F8F8F8;
	border-left: solid 1px  #F8F8F8;
	background-color:#F8F8F8;
	color:#333333;
	text-align:left;
	font-size:12px;
}

.JobListTable th a, .JobListTable th a:link, .JobListTable th a:active, .JobListTable th a:visited
{
	color:#333333;
}

.ViewTable td
{
	padding-right:2px;
	padding-bottom:2px;
}

.quoteListTable
{
	border: solid 0px white;
	width: 850px;
}

.quoteListTable td
{
	border:solid 1px white;
	padding:2px;
}

.quoteListTableAlt td
{
	background-color:#EAEAEA;
	border-right: solid 1px #EAEAEA;
	border-top: solid 1px #EAEAEA;
	border-bottom: solid 1px #EAEAEA;
}

.leftAlign td
{
	text-align:left;
}

.vHead
{
	font-weight:bold;
	vertical-align:top;
}

.moduleBox
{
	border: solid 1px #DADADA;
	background-color:#F8F8F8;
}

.quoteBox
{
	width:820px;
	padding-bottom:4px;
	padding-top:4px;
}

.filterBox
{
	background-color:#eeeeee;
}

.imagePlaceholderBox, imagePlaceholderBox td
{
	background-color:#FFFFFF;
	font-size:1px;
	line-height:1px;
}

.buttonCell
{
	line-height:1px;
	padding:0;
	margin:0;
	vertical-align:middle;
}

.buttonCellDiv
{
	float:left;
	padding:0px;
	margin:0px;
	border:0px;
}


.categoryCell
{
	line-height:2px;
	padding:0;
	margin:0;
	vertical-align:middle;
}

td.noRightBorder
{
	border-right:solid 0px white;
}

td.noLeftBorder
{
	border-left:solid 0px white;
}

.bodysmaller
{
	font-size:11px;
}

.bodybigger
{
	font-size:15px;
}


.dividerLine
{
	border-bottom: solid 1px #EAEAEA	
}

.dividerLineTop
{
	border-top: solid 1px #EAEAEA	
}

.dividerLineLeft
{
	border-left: solid 1px #EAEAEA	
}

.dividerLineRight
{
	border-right: solid 1px #EAEAEA	
}

.pop_title,
.pop_value,
.pop_across
{
	padding: 0px 2px 2px 0px;	
	vertical-align:middle;
}

.pop_title
{
	width:90px;
	float:left;
	clear:left;
}

.pop_value
{
	width:290px;
	float:left;
	clear:right;
}

.pop_across
{
	width:380px;
	clear:both;
}

.btn_register,
.btn_generic,
.btn_postJob,
.btn_saveDraft,
.btn_Login,
.btn_submit,
.btn_cancel,
.btn_quotenow,
.btn_postJob,
.btn_filter,
.btn_viewdetails,
.btn_awardJob,
.btn_addToShortlist,
.btn_removeFromShortlist,
.btn_reportInappropriate,
.btn_submitQuote,
.btn_add,
.btn_remove,
.btn_saveDraft,
.btn_reportSmall,
.btn_start,
.btn_next,
.btn_previous,
.btn_quoteJob,
.btn_closewindow,
.btn_OK,
.btn_submitaquote,
.btn_postMessage,
.btn_saveChanges,
.btn_create,
.btn_show
{
	height:20px;
	border: solid 0px white;
	cursor: pointer;
	width:92px;
	padding:0;
	margin:0;
	line-height:1px;
	font-size:1px;
}

.btn_saveChanges
{
	background-image: url('/images/buttons/Savechanges.gif');		
}

.btn_register
{
	background-image: url('/images/buttons/register.gif');
}

.btn_OK
{
	background-image: url('/images/buttons/OK.gif');
}

.btn_closewindow
{
	background-image: url('/images/buttons/Closewindow.gif');
}

.btn_postJob
{
	background-image: url('/images/buttons/postjob.gif');
}

.btn_saveDraft
{
	background-image: url('/images/buttons/savedraft.gif');
}

.btn_Login
{
	background-image: url('/images/buttons/login.gif');
}


.btn_submit
{
	background-image: url('/images/buttons/submit.gif');
}

.btn_saveDraft
{
	background-image: url('/images/buttons/saveDraft.gif');
}

.btn_cancel
{
	background-image: url('/images/buttons/cancel.gif');
}

.btn_quotenow
{
	background-image: url('/images/buttons/quotenow.gif');
}

.btn_filter
{
	background-image: url('/images/buttons/filter.gif');
}

.btn_show
{
	background-image: url('/images/buttons/show.gif');
}

.btn_viewdetails
{
	background-image: url('/images/buttons/viewdetails.gif');
}

.btn_awardJob
{
	background-image: url('/images/buttons/Awardjob.gif');
}


.btn_addToShortlist
{
	background-image: url('/images/buttons/Add-n.gif');
	width:77px;
}

.btn_removeFromShortlist
{
	background-image: url('/images/buttons/remove-n.gif');
	width:77px;
}


.btn_reportInappropriate
{
	background-image: url('/images/buttons/a.gif');
}

.btn_submitQuote
{
	background-image: url('/images/buttons/SubmitQuote.gif');
}

.btn_postMessage
{
	background-image: url('/images/buttons/Postmessage.gif');
}

.btn_submitaquote
{
	background-image: url('/images/buttons/SubmitaQuote.gif');
}

.btn_add
{
	background-image: url('/images/buttons/Addwithoutarrows.gif');
}

.btn_remove
{
	background-image: url('/images/buttons/Removewithoutarrows.gif');
}

.btn_reportSmall
{
	width:34px;
	height:12px;
}

.btn_start
{
	background-image: url('/images/buttons/start.gif');
}

.btn_create
{
	background-image: url('/images/buttons/create.gif');
}

.btn_next
{
	background-image: url('/images/buttons/next.gif');
}

.btn_previous
{
	background-image: url('/images/buttons/previous.gif');
}

.btn_finish
{
	background-image: url('/images/buttons/previous.gif');
}


.icon_cancelJob,
.icon_editJob,
.icon_extendQuoting,
.icon_jobTitle,
.icon_editQuote,
.icon_relistJob,
.icon_editPostJob,
.icon_quoteJob
{
	height:33px;
	border: solid 0px white;
	cursor: pointer;
	width:64px;
	padding:0;
	margin:0;
	line-height:1px;
	font-size:1px;
}

.icon_quoteJob
{
	background-image: url('/images/icons/Quote_now.gif');
}

.icon_editPostJob
{
	background-image: url('/images/icons/Edit_and_post.gif');
}

.icon_relistJob
{
	background-image: url('/images/icons/Re-list_job.gif');
}

.icon_editQuote
{
	background-image: url('/images/icons/Edit_quote.gif');
}

.icon_extendQuoting
{
	background-image: url('/images/icons/Extend_quoting.gif');
	width:80px;
}

.icon_editJob
{
	background-image: url('/images/icons/Edit_job.gif');
}

.icon_cancelJob
{
	background-image: url('/images/icons/Cancel_job.gif');
}

.rightFullDiv
{
	text-align:right;
	width:100%;
	padding-top:2px;
	padding-bottom:2px;
}

.jobToolTipBox
{
	text-align:left;
	border: solid 1px #DADADA;
	background-color:#EAEAEA;
	width:200px;
	min-height:150px;
	height:auto !important;
	height:150px;
	padding: 4px 4px 4px 4px;
	
}

.quoteToolTipBox
{
	text-align:left;
	border: solid 1px #c0c0c0;
	background-color:#e0e0e0;
	width:300px;
	min-height:250px;
	height:auto !important;
	height:250px;
	padding: 4px 4px 4px 4px;
	
}

/*AutoComplete flyout */
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : hidden;
	height:auto;
	/*height : 150px;*/
	/*height : auto;*/
    text-align : left; 
    list-style-type : disc;
    padding-left:25px;
    font-size:11px;
}


/*AutoComplete flyout */
.autocomplete_completionListElementSearch 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : hidden;
	width:400px ! important;
	/*height : 150px;*/
	/*height : auto;*/
    text-align : left; 
    list-style-type : disc;
    padding-left:25px;
    font-size:11px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


.pager, .pager td
{
	font-size: 11px !important;
	color: #898989;
}

.pager_prevnext a, .pager_prevnext a:link, .pager_prevnext a:active, .pager_prevnext a:visited
{
	color:#898989;
}

.pager_normalPage, .pager_normalPage td
{
	width:12px;
	text-align:center  !important;
	color:#898989;
}

.pager_normalPage a, .pager_normalPage a:link, .pager_normalPage a:active, .pager_normalPage a:visited
{
	color:#898989;
}

.pager_currentPage, .pager_currentPage td
{
	width:12px;
	text-align:center !important;
	background-color:#F8F8F8;
}

.pager_currentPage a, .pager_currentPage a:link, .pager_currentPage a:active, .pager_currentPage a:visited
{
	color:#333333;

}


.leftPadContent
{
	padding-left:25px;
}

.topPadContent
{
	padding-top:16px;	
}

/* as above, but for places where there is some minor content squeezed into the padding area*/
.topPadContentHeight
{
	height:16px;
}

.tree_nodes, .tree_nodes td
{
	font-size:11px;
	color:#808080;
}

.tree_nodes a, .tree_nodes a:link, .tree_nodes a:active, .tree_nodes a:visited
{
	color:#808080;
}

.tree_root
{
	font-weight:bold;
}

.tree_lev1
{
	padding-top:10px;
	display:block;
	color:#606060;
}

.tree_lev2
{
}

.tree_lev3
{
	padding-left:10px;
	display:block;
}

.noCellPadding td
{
	padding:0 0 0 0;
}

.simpleBorderDiv
{
	padding: 4px 4px 4px 4px;
	border: solid 1px #C0C0C0;
	margin:auto;
}