﻿

.btnWorkOrder
{
	background-image: url(../images/btnWorkOrder.PNG);
}

.btnAssistanceOrder
{
	background-image: url(../images/btnWorkOrder.PNG);
}

.btnMap
{
	background-image: url(../images/btnMap.PNG);
}

.btnBuilder
{
	background-image: url(../images/btnBuilder.PNG);
}

.btnCreatePDF
{
	background-image: url(../images/btnPDF.PNG);
	background-repeat: no-repeat;
}

.btnPDF
{
	background-image: url(../images/btnPDF.PNG);
}

.btnXml
{
	background-image: url(../images/btnXml.PNG);
}

.btnPDFs
{
	background-image: url(../images/btnPDF.PNG);
}

.btnAcceptSchedules
{
	background-image: url(../images/btnRepetitiveEmails.PNG);
}

.btnXLS
{
	background-image: url(../images/btnXLS.PNG);
	background-position:bottom;
}

.btnRepetitiveEmails
{
	background-image: url(../images/btnRepetitiveEmails.PNG);
	background-position:bottom;
}

.btnGenerateReport
{
	background-image: url(../images/btnXLS.PNG);
}

.btnTaskSets
{
	background-image: url(../images/btnTasksets.PNG);
}

.btnBarcode
{
	background-image: url(../images/btnBarcode.PNG);
}

.btnGroups
{
	background-image: url(../images/btnGroups.PNG);
}

.btnGeocode
{
	background-image: url(../images/btnGeocode.PNG);
}

.btnReports
{
	background-image: url(../images/btnReports.PNG);
	background-position:bottom;
}

.btnInvoice
{
    background-image: url(../images/btnInvoice.PNG);
    background-position:bottom;
}

.btnInvoiceInContracts
{
    background-image: url(../images/btnInvoice.PNG);
}

.btnMapSettings
{
	background-image: url(../images/btnMapSettings.PNG);
}

.btnIncidents
{
	background-image: url(../images/btnIncidents.PNG);
}

.btnGoToBuilder
{
	background-image: url(../images/btnGoToBuilder.PNG);
}

.btnSiteOnMap
{
	background-image: url(../images/btnSiteOnMap.PNG);
}

.btnHelp
{
	background-image: url(../images/btnHelp.PNG);
}

/*
__________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

"Controls.css":
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

*/

/*///////////////////////////////////////////////////////////////////////////
// SitesList
///////////////////////////////////////////////////////////////////////////*/
.sitesList th
{
	background-color: #4F4F4F;
	color: White;
}

.gradientrow
{
	background-color: #ffffff;
	border-bottom: solid 1px #cccccc;
	color: #212121;
}

.gradientrow:hover, .gradientrow:hover a
{
	background-color: #f5f5f5;
	color:#008FBE;
}

.sitesList .gradientrow .colorArea
{
	background-position:bottom;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
// Map
//////////////////////////////////////////////////////////////////////////////////////////////////////*/
.maparea
{
	background-color: #ffffff;
	border-style:none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
// MainMenuPanel
//////////////////////////////////////////////////////////////////////////////////////////////////////*/
.mainMenuPanelWrapper
{
	background: #000000;
	color: #212121;
	/*background-image: url(../images/mainmenupanelbackground.PNG);
	background-position:top;
	*/
}

.mainMenuPanel .showmenu, .mainMenuPanel .activemenuitem
{
	background-color: #000000;/*4Eb2f7*/
	/*background-image: url(../images/mainmenupanelbackground.PNG);
	background-position:top;*/
	color:#ffffff;
}

.mainMenuPanel .showmenu:hover, .mainMenuPanel .activemenuitem:hover
{
	background-color: #008FBE !important;
	background-image: none !important;
}

.mainMenuPanel .separator
{
	background-color: #000000;
	/*background-image: url(../images/mainmenupanelseparator.PNG);*/
}

.mainmenupopup
{
	color: White;
	opacity: .85;
	filter: Alpha(Opacity=85);
}

.mainmenupopup tr
{
	background-color:#000000;
}

.mainmenupopup td
{
	background-position:top;
	color:#ffffff;
	border-top-color:#222222;
}

.mainmenupopup tr:hover
{
	background-color: #008FBE !important;
	background-image: none !important;
}

.menuitemwithicon
{
	background-repeat:no-repeat !important;
	background-position:left !important;
}

.mainmenuselectedview td
{
	background-color:#008FBE;
}

.alarmflash
{
	background-image: url(../images/alarmsflash.gif) !important;
}

.alarmhighlihted
{
	background-color: #CE2E2E !important;
}

.messagesflash
{
	background-image: url(../images/messagesflash.gif) !important;
}

.messageshighlihted
{
	background-color: #CCB12E !important;
}

/*///////////////////////////////
//View Menu
///////////////////////////////*/

.mainTabMap
{
	background-image: url(../images/viewMap.PNG) !important;
}

.mainTabReports
{
	background-image: url(../images/viewReports.PNG) !important;
}

.mainTabAdministration
{
	background-image: url(../images/viewReports.PNG) !important;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MessageList*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
.messageContent
{
	border-color:#bbbbbb;
}

.messageContentArea, .messageContentHeaderArea
{
	border-color:#ffffff;
}

.messageContentHeaderArea
{
	background-color: #bbbbbb;
}

/*///////////////////////////////////////////////////////////////////////////
// Attachment
///////////////////////////////////////////////////////////////////////////*/
.attachmentMenuItem img
{
	border-color:#ffffff;
}

/* ///////////////////////////////
// TaskSet
//////////////////////////////////*/ 
div[name=TaskSetAscx] table.tabletask
{
	border-color:#bbbbbb;
	background-color:#cccccc;
}

div.fieldscontainer table.tabletask
{
	border-color:#bbbbbb;
	background-color:#cccccc;
}

/*///////////////////////////////////////////////////////////////////////////
// Login
///////////////////////////////////////////////////////////////////////////*/
.logonpage
{
    background-color:#E8E8E8;
}

/*///////////////////////////////////////////////////////////////////////////
// Master Page
///////////////////////////////////////////////////////////////////////////*/
.loggedAs
{
	color: White;
}

/* //// Logo //// */

.logo
{
	background-color: #000000;
	background-image: url(../images/dsLogoRight.PNG);
}

/*///////////////////////////////////////////////////////////////////////////
// reports
///////////////////////////////////////////////////////////////////////////*/
.reports
{
	background-color: #E8E8E8;
}

.ScreenShield
{
	background-color: #E8E8E8;
}

/*///////////////////////////////////////////////////////////////////////////
// Review
///////////////////////////////////////////////////////////////////////////*/
.ReviewTitle
{
	background-color: #008FBE;
}

.ReviewTitle a
{
	color: White;
}

.ReviewReceivers
{
	border-color:#bbbbbb;
}

/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: 1px; width:auto; background-color:#008FBE !important; z-index:2001; border-color: #008FBE;border-style: none;background-image: none;  }
.ui-dialog .ui-dialog-titlebar { border: 0; padding: .3em .3em .4em 1em; position: relative;background-color: #008FBE; background-position:left; background-repeat:repeat-y; color:White; font-size: 15px; background-position:left; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; cursor:pointer; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: 2px 6px; background-color:#E8E8E8; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane {background-color:#E8E8E8; text-align: left; border-width: 1px 0 0 0; background-image: none; margin: 0 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { border-width:1px; border-color:#999999; color:#212121; float: right; margin: 5px; text-align:center; cursor: pointer; padding: 5px; line-height: 1.4em; width:115px; overflow:visible; background-color:#ffffff; font-size: small;}
.ui-dialog .ui-dialog-buttonpane button:hover {border-color:#008FBE !important; background-color:#008FBE !important;background-image: none !important; color: #ffffff !important;}
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* Tabs
----------------------------------*/
.ui-tabs { padding:0px; /*.2em*/zoom: 1; border-style: none !important; background: transparent;}
.ui-tabs .ui-tabs-nav {  background: transparent; list-style: none; position: relative; padding: 0px; border-style: none !important;}
.ui-tabs .ui-tabs-nav li { background: transparent; }
.tabs ul.ui-tabs-nav li { border: solid 1px transparent !important; }
.tabs ul.ui-tabs-nav li:hover {}
.ui-tabs .ui-tabs-nav li a { background: transparent; float: left; text-decoration: none; border-style: none !important;font-size: 12px !important;}
.ui-tabs .ui-tabs-nav li label {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #ffffff !important; border: solid 1px #cccccc !important; border-bottom: solid 1px transparent !important;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected label, .ui-tabs .ui-tabs-nav li:hover label{ color: #008FBE;} 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; background: transparent; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 2px; display: block; border: solid 1px #cccccc; background: #ffffff; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
// Table List
//////////////////////////////////////////////////////////////////////////////////////////////////////*/
.tableList
{
	border-left-color:#cccccc;
	border-top-color:#cccccc;
	color:#212121;
}

.tableList th
{
	border-right-color:#bbbbbb;
	border-bottom-color:#bbbbbb;
	color:#ffffff;
}

.tableList td
{
	border-right-color:#cccccc;
	border-bottom-color:#cccccc;
}

.tableList tr.inactive
{
	color:#909090;
}

.inactiveText
{
    color:#909090;
}

.tableList tr:hover
{
	background-color:#f5f5f5;
}

.tableList th
{
	/*background-image: url(../images/tablethbackground.PNG);*/
	background-color:#bbbbbb;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #212121;
	background-repeat:repeat-x;
}


/*Filter*/

.filtermainheader, .filtermainheader th
{
	background-image: none !important;
}

.filtermainheader label
{
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color:#212121 !important;
}

.filterAscx
{
	background-color: #E8E8E8;
}

.filterAscx table
{
	border-top-color:#bbbbbb;
	border-right-color:#bbbbbb;
	background-color: #ffffff;
}

.filterAscx table td
{
	border-top-color:#bbbbbb;
	border-bottom-color:#bbbbbb;
}

.filterAscx table th
{
	background-color:#bbbbbb;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #212121;
}

.filterAscx table tr:hover td
{
	background-color: #eeeeee;
}

.filterAscx table tr:hover th
{
	background-color: #aaaaaa;
}

.filterAscx .activetd td, div[name=FilterHeaderAscx] .activetd td
{
	background-color: #FFFFCC !important;
}

.filterAscx .activeth th, div[name=FilterHeaderAscx] .activeth th
{
	background-color: #E5CE70 !important;
}

/*///////////////////////////////////////////////////////////////////////////
// Pager
///////////////////////////////////////////////////////////////////////////*/
#pager ul.pages li
{
	border-color:#ffffff !important;
	color: #212121;
	background-color:transparent;
}

#pager ul.pages li:hover, #pager ul.pages li.pgCurrent
{
	border-color:#ffffff !important;
	font-weight: normal;
	color: #008FBE;
	background-color:transparent;
	text-decoration:underline;
}

/* ///////////////////////////////
// Highlighting
//////////////////////////////////*/ 
.greencell
{
	background: #d4eff9 !important;
	color: #008FBE !important;
}

/*///////////////////////////////////////////////////////////////////////////
// Context Menu
///////////////////////////////////////////////////////////////////////////*/
.vs-context-menu
{
	background-color:#000000;
	border-color:#000000;
	color:#ffffff;
	opacity: .90;
	filter: Alpha(Opacity=90);
	
}

.vs-context-menu ul li
{
    height:24px;
    padding-top:6px;
}

.vs-context-menu ul li:hover
{
	background-color:#008FBE !important;
	background-image: none !important;
}

.vs-context-menu ul li:hover div
{
	background-position:left bottom;
}

.vs-context-menu ul div
{
	background-repeat: no-repeat;
}

.vs-context-menu ul a
{
	color:#ffffff;
}

.seprator
{
	border-bottom-color:#000000;
}

/*----------------------------------*/

.iconOnline
{
	width: 10px;
	height: 10px;
	background-image:  url(../images/iconOnline.PNG);
}

