/*//////////////////////////////////////////////////////////////////////////////////////
// Main
//////////////////////////////////////////////////////////////////////////////////////*/

body
{
	background-color: #E8E8E8;
	
	scrollbar-face-color: #bbbbbb;
	scrollbar-shadow-color: #606060;
	scrollbar-highlight-color: #b2b2b2;
	scrollbar-3dlight-color: #d3d3d3;
	scrollbar-darkshadow-color: #505050;
	scrollbar-track-color: #888888;
	scrollbar-arrow-color: #212121;
}

/*//////////////////////////////////////////////////////////////////////////////////////
// Styles for html controls on all over site
//////////////////////////////////////////////////////////////////////////////////////*/

fieldset
{
	border-color:#bbbbbb;
	background-color:#f5f5f5;
}

legend
{
	color:#222222;
}

.bordered
{
	border-color:#bbbbbb;
}

select
{
    border-color:#bbbbbb;
}
/*//////////////////////////////////////////////////////////////////////////////////////
// Fields inputs
//////////////////////////////////////////////////////////////////////////////////////*/
.field
{
    border-color:#bbbbbb;
    background: #ffffff;
    color: #222222;
}

/*//////////////////////////////////////////////////////////////////////////////////////
// Buttons
//////////////////////////////////////////////////////////////////////////////////////*/

.dsbutton
{
	border-color:#bbbbbb;
	color: #212121;
	background-color: #f5f5f5;
}

.dsbutton:hover
{
	/*background-color: #3096E3;*/
	background-color: #dddddd;
	/*background-image: url(../images/blueGradient32.PNG);*/
}

.butt:hover
{
	background-position: left bottom;
}

.highlight:hover, .highlight:hover div
{
	background-color:#ffffff;
}

.btnCreateItem
{
	background-image: url(../images/btnCreate.PNG);
	background-repeat: no-repeat;
}

.btnCreateItemForSiteEquipment
{
	background-image: url(../images/btnCreate.PNG);
	background-repeat: no-repeat;
}

.btnAddExistItem
{
	background-image: url(../images/btnAddExistItem.PNG);
	background-repeat: no-repeat;
}

.btnContextMenuForEquipment
{
	background-image: url(../images/btnCreate.PNG);
	background-repeat: no-repeat;
}

.btnUpdate
{
	background-image: url(../images/btnRefresh.PNG);
	background-repeat: no-repeat;
}
.btnAddItem
{
	background-image: url(../images/btnCreate.PNG);
	background-repeat: no-repeat;
}

.btnDeleteItem
{
	background-image: url(../images/btnDelete.PNG);
}

.btnDeleteItemMini
{
	background-image: url(../images/btnDeleteMini.PNG);
}

.btnRetrieveItem
{
	background-image: url(../images/btnRetrieveItem.PNG);
}

.btnUnAssign
{
	background-image: url(../images/btnDelete.PNG);
}

.btnEquipmentHistory
{
	background-image: url(../images/btnEquipmentHistory.PNG);
}

.btnShiftHistory
{
	background-image: url(../images/btnDetails.PNG);
}

.btnSearch
{
	background-image: url(../images/btnSearch.PNG);
}

.btnClose
{
	background-image: url(../images/btnClose.PNG);
}

.btnResend
{
	background-image: url(../images/btnResend.PNG);
}

.btnRefresh
{
	background-image: url(../images/btnRefresh.PNG);
}

.btnApprove
{
	background-image: url(../images/btnApprove.PNG);
}

.btnClear
{
	background-image: url(../images/btnClear.PNG);
}
.btnClearChecks
{
	background-image: url(../images/btnClearChecks.PNG);
}

.btnEditItem
{
	background-image: url(../images/btnEdit.PNG);
}

.btnUnsubscribe
{
	background-image: url(../images/btnUnsubscribe.PNG);
}

.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);
}

.btnDetails
{
	background-image: url(../images/btnDetails.PNG);
}

.btnShowDetails 
{
	background-image: url(../images/btnDetails.PNG);
}

.btnHideDetails
{
	background-image: url(../images/btnDetails.PNG);
}

.btnEmployeeEquipments
{
	background-image: url(../images/btnDetails.PNG);
}
.btnPreview
{
	background-image: url(../images/btnPreview.PNG);
}

.btnRun
{
	background-image: url(../images/btnRun.PNG);
}

.btnZoomIn
{
	background-image: url(../images/btnZoomIn.PNG);
}

.btnZoomOut
{
	background-image: url(../images/btnZoomOut.PNG);
}

.btnShowMenu
{
	background-image: url(../images/btnShowMenu.PNG);
	background-repeat: no-repeat;
}

.btnShowMenuWithAttachment
{
	background-image: url(../images/btnShowMenuWithAttachment.PNG);
}

.btnSend
{
	background-image: url(../images/btnSend.PNG);
}

.btnSendSms
{
	background-image: url(../images/btnLoad.PNG); /* temprary icon for send sms */
}

.btnSave
{
	background-image: url(../images/btnSave.PNG);
}

.btnLoad
{
	background-image: url(../images/btnLoad.PNG);
}

.btnCancel
{
	background-image: url(../images/btnCancel.PNG);
}

.btnAttachment
{
	background-image: url(../images/btnAttachment.PNG);
}

.imgcheckboxchecked
{
	background-image: url(../images/imgcheckboxchecked.PNG);
}

.imgcheckbox
{
	background-image: url(../images/imgcheckbox.PNG);
}

.btnRotateLeft
{
    background-image: url(../images/btnRotateLeft.PNG);
	background-repeat: no-repeat;
}

.btnRotateRight
{
    background-image: url(../images/btnRotateRight.PNG);
	background-repeat: no-repeat;
}

.btnComplete
{
    background-image: url(../images/btnComplete.PNG);
	background-repeat: no-repeat;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////
// Table sorting
//////////////////////////////////////////////////////////////////////////////////////////////////////*/

.btnDescending
{
	background-image: url(../images/btnDown.PNG);
}

.btnAscending
{
	background-image: url(../images/btnUp.PNG);
}

.tableSort tr:hover
{
	background-color:#bbbbbb !important;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
// Table List
//////////////////////////////////////////////////////////////////////////////////////////////////////*/
.tableList
{
	border-left-color:#cacaca;
	border-top-color:#cacaca;
	color:#212121;
}

.tableList th, .tableList td
{
	border-right-color:#cacaca;
	border-bottom-color:#cacaca;
}

.tableList tr.inactive
{
	color:#808080;
}

.tableList tr:hover
{
	background-color:#e9e9e9;
}

.tableList th
{
	/*background-image: url(../images/tablethbackground.PNG);*/
	background-color:#bbbbbb;
	background-repeat:repeat-x;
	color:#424242;
}

.tableList th.active
{
	background-color:#999999;
	border-color: #999999; 
}

/*.tableheader:hover
{
	background-image: url(../images/tableheaderbackground.PNG) !important;
}*/



/*
__________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

"Controls.css":
_____________________________________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________

*/

/*///////////////////////////////////////////////////////////////////////////
// Accordion
///////////////////////////////////////////////////////////////////////////*/
.ui-accordion .ui-accordion-header
{
	background-color: #6F6F6F;
	height: 20px; /*need to regular resize onlineEmployeeList*/
	text-align: center;
}

.ui-accordion .ui-accordion-header[aria-expanded=true]
{
	background-color: #4F4F4F !important;
}

.ui-accordion .ui-accordion-header label
{
	color: White;
}

.ui-accordion .ui-accordion-content
{
	background-color: #CCCCCC;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
// Tabs
//////////////////////////////////////////////////////////////////////////////////////////////////////*/
.tabs ul li label
{
	color: #212121;
}

/*//////////////////////////////////////////////////////////////////////////////////////
////LanguageSwitcher
//////////////////////////////////////////////////////////////////////////////////////*/

.languageSwitcherAscx a
{
	background-position: left bottom;
	height: 15px;
}

.languageSwitcherAscx .active
{
	background-position: left top;
}

.btnFlagForSwedish
{
	background-image: url(../images/flagsSweden.PNG);
}

.btnFlagForEnglish
{
	background-image: url(../images/flagsEnglish.PNG);
}

.btnFlagForRussian
{
	background-image: url(../images/flagsRussian.PNG);
}

.btnFlagForGerman
{
	background-image: url(../images/flagsGerman.PNG);
}

.btnFlagForDanish
{
	background-image: url(../images/flagsDanish.PNG);
}

/*///////////////////////////////////////////////////////////////////////////
// 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-image: url(../images/222222.PNG) !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;
}

/*----------------------------------*/

.activeth th
{
	color: #424242;
	background-color: #E5CE70;
}

.activeth td
{
	background-color: #E5CE70 !important;
}

.activetd, .activetd td
{
	background-color: #FFFFCC;
}

.activetd:hover, .activetd:hover td
{
	background-color: #DDDDAA;
}

.yellowtd, .yellowtd td
{
	background-color: #FFFFCC;
}

/*///////////////////////////////////////////////////////////////////////////
// Pager
///////////////////////////////////////////////////////////////////////////*/
#pager ul.pages li
{
	border-color:#f5f5f5 !important;
	color: #212121;
	background-color:#f5f5f5;
}

#pager ul.pages li.pgEmpty:hover
{
    color: #212121;
    text-decoration: none;
}

#pager ul.pages li:hover
{
    border-color:#999999 !important;
	background-color: #dddddd;
	
}

#pager ul.pages li.pgCurrent
{
	border-color:#f5f5f5 !important;
	color: #212121;
	background-color: #f5f5f5;
	text-decoration:underline;
}

/* ///////////////////////////////
// Readolnly
//////////////////////////////////*/ 
div[readonly], input[readonly], textarea[readonly], input[type=checkbox][disabled=disabled], select[disabled=disabled]
{
	background-color:#eeeeee;
	color:#555555;
}

/*//////////////////////////////////
// Highlighting
//////////////////////////////////*/ 
.greencell
{
	background: #e1ffe1 !important;
	color: #0acd0a !important;
}

.redcell
{
	background: #fef1ec !important;
	color: #cd0a0a !important;
}

.yellowcell
{
	background: #ffffcb !important;
	color: #966e00 !important;
}

.whitecell
{
	background: #ffffff !important;
	color: #212121 !important;
}

/*///////////////////////////////////////////////////////////////////////////
// Alert
///////////////////////////////////////////////////////////////////////////*/

.alerticon
{
    background-image: url(../images/alert.PNG);
    background-repeat:no-repeat;
    background-position:left;
}

.confirmationicon
{
    background-image: url(../images/confirmation.PNG);
    background-repeat:no-repeat;
    background-position:left;
}

/*///////////////////////////////////////////////////////////////////////////
// Overriding Dialog
///////////////////////////////////////////////////////////////////////////*/
/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: 2px; width:auto; background-color:#DDDDDD; z-index:2001; }
.ui-dialog .ui-dialog-titlebar { border: 0; padding: .3em .3em .4em 1em; position: relative; background-image: url(../images/panel.PNG); background-position:left; background-repeat:repeat-y; color:White; font-size: 15px; }
.ui-dialog .current-ui-dialog-titlebar  { 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:#DDDDDD; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane {background-color:#DDDDDD; text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 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:#DDDDDD; font-size: small;}
.ui-dialog .ui-dialog-buttonpane button:hover {background-color:#3096E3; background-image: url(../images/blueGradient32.PNG); color:White;}
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/**/
.ui-dialog { background-color:Transparent; border-color:#999999; background-image: url(../images/semitransparent.PNG); background-repeat:repeat;padding: 0px !important;}
	
.ui-dialog .ui-dialog-titlebar  { background-image: none; color:#ffffff; background-color:Transparent; /*opacity: .85; filter: Alpha(Opacity=85);*/ }
.ui-dialog .current-ui-dialog-titlebar  { background-image: none; background-color:Transparent; color:#ffffff; }
.ui-dialog .ui-dialog-content { background-color:#E8E8E8; }

.ui-dialog .ui-dialog-buttonpane {background-color:#E8E8E8; margin:0px;}
.ui-dialog .ui-dialog-buttonpane button { border-color:#bbbbbb; color:#212121; background-color:#E8E8E8;}
.ui-dialog .ui-dialog-buttonpane button:hover {background:#dddddd !important; color:#212121 !important; background-image: none !important;}
.ui-dialog .ui-dialog-titlebar-close { top:15px;}
.ui-dialog .ui-dialog-titlebar-close span{ background-image: url(../images/btnClose.PNG); background-position: -2px -2px;} 
.ui-dialog .ui-dialog-titlebar-close:hover { background-color:Transparent; background-image:none; border:1px solid #ffffff;} 
.ui-dialog .ui-dialog-titlebar-close:hover span{ background-image: url(../images/btnClose.PNG); background-position: -2px -2px;}