@import url(/jobitcommon/styles/default.css);
@import url(/jobitcommon/styles/calendar.css);

.alphabetLink:link, .alphabetLink:visited, .alphabetLink:hover, .alphabetLink:active
{
	color: #000;
}

/* for the scheduling of jobs */
div.static
{
	background: #cfe2cf;
	border: solid 1px #353;
	position: relative;
	padding: 0px;
	overflow: hidden;
	float: left;
}

div.dynamic
{
	background: #282;
	border: 0;
	position: relative;
	padding: 0;
}

div.dynamic:hover
{
	cursor: move;
}

div.sizeHandleR
{
	cursor: e-resize;
	width: 3px;
	float: right;
	background: #6a6;
}

div.sizeHandleL
{
	margin: 0;
	cursor: w-resize;
	width: 3px;
	float: left;
	background: #6a6;
}


/* Default Page Bottom Links to show all or fortnightly schedule*/

a.scheduleLinkDisabled:hover{
	text-decoration: none;
	color: #000;
	cursor: default;
}

a.scheduleLink{
	font-size: 10pt;
}

/* customer page */
table.newCustomerTable td.label
{
	color: #757575;
	text-align: right;
	text-indent: 0px;
	padding-right: 5px;
	font-weight: bold;
}

table.newCustomerTable td.rightBorder
{
	padding-right: 10px;
	border-right: solid 1px #0f78a9;
	
}

/*  Alphabet Filter used in CustomerList.aspx */

.alphabetTable {
	background-color:#f0f7e4;
	border-left: solid 2px #a4ba58;
}

.alphabetTable .alphabetFilter {
	padding: 7px 6px 7px 7px;
	background-color: #f0f7e4;
}

/*.alphabetTable .alphabetFilter a:hover{
	background: #76C776;
}*/
	

/* END Alphabet Filter */

/* JOb popup */
.jobPopup {
	background: #fff;
	border: solid 1px #666;
	font-size: 10pt;
}

.jobPopup td {
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}

.titles {
	background: #e4e4dd;
	font-weight: bold;
	text-align: right;
}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

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

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

/* rounded box - for schedule */
.roundBox {
	width: 100%;
	position: relative;
	padding: 0px;
	margin: 0px 5px 12px 5px;
}
.roundBox h4 {
	margin: 0px;
	background-color: #f4f4d9;
	font-size: 10pt;
	color: #204658;
	border-top: 1px solid #d7cfbe;
	border-right: 1px solid #d7cfbe;
	border-left: 1px solid #d7cfbe;
	padding: 5px 15px;
	font-weight: normal;
}

/* round box content */
.roundBox div.content {
	margin: 0px;
	background-color: #f4f4d9;
	border: 1px solid #d7cfbe;
	padding: 10px;
}

.roundBox .topLeft {
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	background-image: url("/jobitcommon/images/box-tl.png");
	background-repeat: no-repeat;
	background-position: left top;
	left: 0px;
	top: 0px;
	height: 11px;
	width: 11px;
}
.roundBox .topRight {
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	background-image: url("/jobitcommon/images/box-tr.png");
	background-repeat: no-repeat;
	background-position: right top;
	right: 0px;
	top: 0px;
	height: 11px;
	width: 11px;
}
.roundBox .bottomLeft {
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	background-image: url("/jobitcommon/images/box-bl.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	left: 0px;
	bottom: 0px;
	height: 11px;
	width: 11px;
}
.roundBox .bottomRight {
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	background-image: url("/jobitcommon/images/box-br.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	right: 0px;
	bottom: 0px;
	height: 11px;
	width: 11px;
}

/* schedule table styles */
.schedule td
{
	font-size: 9pt;
	padding: 0px;
}

.schedule div
{
	height: 1.2em;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0px;
}

.schedule td.rule
{
	background-image: url("/jobitcommon/images/ruler-short2.png");
	background-repeat: no-repeat;
	width: 319px;
	height: 25px;
}

.schedule td.grid
{
	background-image: url("/jobitcommon/images/grid-short2.png");
	background-repeat: repeat-y;
}

.daystart, .daystart td {
	border-top: solid 1px #d7cfbe;
}

.schedule div.desc, .schedule div.overdueDesc
{
	text-indent: 0.6em;
	border: 0px;
	/*width: 100%;*/
	overflow: hidden;
	height: 15px;
	font-size: 0.9em;
	vertical-align: middle;
}

.schedule div.desc .menuHandle, .schedule div.overdueDesc .menuHandle
{
    background: #ebebd0;
    width: 40px;
    cursor: pointer;
    border-left: solid 1px #f7efde;
    border-top: solid 1px #f7efde;
    border-right: solid 1px #c5c5ac;
    border-bottom: solid 1px #c5c5ac;
    float: right;
    color: #848469;
}

.schedule div.desc a.menuHandle:hover, .schedule div.overdueDesc a.menuHandle:hover
{
    background: #d5d5ba;
}


.overdue a:link, .overdue a:visited, .overdue a:active, .overdue a:hover, .overdue td
{
	color: #a22;
	text-decoration: none;
}

.desc a:link, .desc a:visited, .desc a:active, .desc a:hover {
	text-decoration: none;
	color: #000;	
}

.schedule div.todayDesc, .schedule td.todayDesc {
	background: #C6F0B8;
	border: 0px;
}

/* job list styles */
.jobListFooter {
	font-size: 8pt;
	text-align: right;
	width: 99%;
	font-weight: normal;
	color: #000;
}

.jobListSummary {
	font-size: 9pt;
	font-weight: normal;
}

.jobList tr.header {
	background: #f4f4ed;
	font-weight: bold;
}

.jobList tr.header td {
	border-right: solid 1px #bcbcbc;
}

.jobList {
	width: 100%;
	font-size: 10pt;
}

.jobList td {
	vertical-align: top;
	border-bottom: solid 1px #bcbcbc;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 10pt;
}

.jobList input.text {
	width: 8em;
}

.jobList a:link, .jobList a:visited, .jobList a:hover, .jobList a:active {
	text-decoration: none;
	color: #000;
	width: 100%;
}

.action a:link, .action a:visited, .action a:hover, .action a:active {
	font-size: 8pt;
	color: #00f;
	text-decoration: underline;
}

.action a:hover {
	text-decoration: none;
}

.overduetd {
	background: #fce8d2;
	border-collapse: separate;
	width: 100%;
}

.overduetd td a:link, .overduetd td a:hover, .overduetd td a:visited, .overduetd td a:active
{
	color: #000;
	text-decoration: none;
}

.todaytd {
	background: #eefcd4;
	border-collapse: separate;
	width: 100%;
}

.todaytd td a:link, .todaytd td a:hover, .todaytd td a:visited, .todaytd td a:active
{
	color: #000;
	text-decoration: none;
}

.comingUptd {
	background: #dff1fd;
	border-collapse: separate;
	width: 100%;
}

.comingUptd td a:link, .comingUptd td a:hover, .comingUptd td a:visited, .comingUptd td a:active
{
	color: #000;
	text-decoration: none;
}

.keyOverdue, .keyPast, .keyToday, .keySoon {
	background: #fce8d2;
	width: 10px;
	height: 10px;
	border: solid 1px #bcbcbc;
}
.keyOverdue {
	background: #fce8d2;
}
.keyPast {
	background: #f0e3fc;
}
.keyToday {
	background: #eefcd4;
}
.keySoon {
	background: #dff1fd;
}


/* sync */
.jobLineList a:link, .jobLineList a:visited, .jobLineList a:hover, .jobLineList a:active {
	text-decoration: none;
	color: #000;
	width: 100%;
}

.jobLineList td {
	padding-right: 5px;
	padding-left: 5px;
}

.customerSitesContacts
{
	width: 100%;
}

.customerSitesContacts td
{
	padding: 5px;
}

table tr.spaceTop td
{
	padding-top: 10px;
}

table tr.spaceBottom td
{
	padding-bottom: 10px;
}

/* Styles for daily schedule page */
.selectedBlock {
	margin-left: 10px;
	padding-left: 5px;
	border-left: dashed 3px #e7e7e7;
}

td.labelLeft
{
	color: #666;
	padding-left: 7px;
	padding-right: 5px;
	font-weight: bold;
}

.timeLine {
	position: absolute;
	padding-left: 26px;
	width: 60px;
	z-index: 10;
}
.timeLine div {
	border-left: solid 1px #000;
	height: 100%;
}
.timeLine span {
	font-size: 6pt;
	margin-left: -26px;
}
/*start iemac hide \*/
* html .timeLine {
	margin-top: -15px;
}
/*end iemac hide*/

table.dailySchedule {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width:100%;
}

.dailySchedule div
{
	height: 1.2em;
	margin: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0px;
	float: left;
	filter:alpha(opacity=70); /* IE's opacity*/
	opacity: 0.70;
}

.dailySchedule td.rule712
{
	background-image: url(/jobitcommon/images/ruler712.png);
	background-repeat: no-repeat;
	height: 20px;
}

.dailySchedule td.grid712
{
	background-image: url(/jobitcommon/images/grid712.png);
	background-repeat: repeat-y;
	height: 3px;
}

td.namePadding
{
	padding: 3px;
	width:120px;
	padding-right:15px;
}

.arrowLeft{
	float: left;
	width: 11px;
}

.arrowRight{
	width: 11px;
}

a.forgotPassword{
	font-style: italic;
}

.customerPageContent
{
	background: #ffffff url(/jobitcommon/images/jobit-logo.jpg) no-repeat center 10px;
	margin: 0px 0px 0px 4em;
	padding: 1px 15px 20px 15px;
	vertical-align: top;
}
*>.customerPageContent {padding-top: 506px; min-height: 1px;}
*>.customerPageContent div {margin-top: -506px;}
*>.customerPageContent div div {margin-top: 0;}
* html .customerPageContent {
	/* IE5Mac filter \*/
	height: 506px;
	/* end filter */
}

.customerPageContent h1,.customerPageContent h2,.customerPageContent h3,.customerPageContent h4,
.customerPageContent p,.customerPageContent td,.customerPageContent a,
.customerPageContent span,.customerPageContent div,.customerPageContent li,
.customerPageContent input,.customerPageContent select,.customerPageContent textarea,.customerPageContent label
{
	font-size: 1.1em;
}
.customerPageContent h1 { font-size: 200%; }
.customerPageContent h2 { font-size: 150%; }
.customerPageContent h3 { font-size: 125%; }
.customerPageContent h4 { font-size: 112%; }

.jobEntryTable td {
	padding: 3px;
}

.jobEntryCurrentJobsTable, jobEntryCurrentJobsTableOutline{
	width: 600px;
}

.outOfDate {
	color: #662900;
	background-color: #fff5e5;
}

.helpContents
{
	margin: 0;
	padding: 5px;
	position: absolute;
	top: -1000px;
	left: -1000px;
	border: 1px solid #000;
	z-index: 100;
	background-color: #F4F4D0;
	width: 250px;
	-moz-border-radius: 5px;
}
.helpContents p {
	margin: .3em 0;
	padding: 0;
}

/*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 : auto;
	height : 200px;
	text-align : left; 
	list-style: none;
	margin-left: 0em;
	text-indent: 0;
	padding: 0;
}

/* AutoComplete highlighted item */

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

/* AutoComplete item */

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