body
{
	font-family: Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
}



.divStatus
{
	padding-top: 3px;
	float: right;
	color:Black;
}

.title
{
	font-size: 28px;/*34px;*/
	color: black;
    font-family: comic Sans MS;
    display: none;  
}

.imgTitle
{
	margin-left: 18px;
    margin-top: -18px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}


.menuBottomLine
{
    border-color: Black;
    border-left: 2px hidden Black;
    border-right: 2px hidden Black;
    border-top: 3px solid Black;
    border-width: 3px 2px 2px;
    height: 5px;
    width: 100%;
}

.capt
{
	font-weight:bold;
}


.info
{	
	margin-right: 10px;	
}


.divMenu, .divInfo
{
	color: #fff;
	font-size: 13px;
	width: 100%;
}

.Content
{
	font-size: 12px;
/*	margin: 10px 20px;*/
	margin-top:0;
	margin-left:8px;
	margin-right:8px;
    padding-top: 2px;
}

.Content h1
{
	font-size: 20px;
	font-weight: normal;
}

.Content h3
{
	font-size: 15px;
	font-weight: normal;
}

/*  Styles for search page */
.pageTitle 
{
	font-size:20px;
	font-weight:normal;
}

.paraTitle
{
	font-size:16px;
	font-weight:normal;	
}

.subTitle
{
	font-size:14px;
	font-weight:bold;	
}

.subTitleStatus
{
	font-size:14px;
	font-weight:bold;	
	background-color:#FFCC66;
}

.errorMsg {
    padding: 10px;
}

.imgBtn
{
    position:relative;
    top:2px;
}


.extendedSearch{}

.validationInfo{}


.tRow{}

.aRow{}

.eRow{}

.hRow
{
	background-color: rgb(153, 153, 204);
	font-weight:bold;
	text-align:left;
	color :White;
	border-style:solid;
	border-width:1px;
	border-color:Black;
	height: 30px;
}

.fRow
{
	background-color: rgb(245,222,179); /*wheat;*/  /*rgb(153, 153, 204); - violet*/
	font-weight:bold;
	text-align:left;
	color :Black;
	border-style:solid;
	border-width:1px;
	border-color:Black;
}

.normal
{
    background-color:white;
}

.focus
{
    background-color:gray;
}

.emptyTable
{
    background-color: whitesmoke;/*rgb(173,216,230); /* LightBlue;	*/
}

/* styles for controls*/
.controlTextRange
{
	width:240px;
}

.controlListRange
{
	padding-left:5px;
	width:250px;
	height:100px;
}


/* Agenda styles*/
.filterColumn
{
  /*  width:200px;*/
    vertical-align:top;
    height:370px;
}

.extTableCenter td
{      
    text-align:center !important; 
}
.extTableCenter th
{      
    text-align:center !important; 
}           

.filterTitle
{
    font-weight:bold;
    color : rgb(0,0,139);  /*DarkBlue;*/
    padding-bottom:2px;
}   

.filteredItem
{
    width:220px;
    padding-bottom: 3px;
}

.filterGroups{ height:12px;}
  
.filterContent
{ 
    border:1px dotted gray;
    font-size:10px;
    height:240px;    
    overflow:auto;
    width:218px; 
}

.filterContainer
{
    Height:270px;
    width:220px;
    
}

.filteredSelectAll
{
    color: gray;
    font-size: 10px;
    margin-left: 4px;
    padding-bottom: 4px;
    padding-top: 20px;
}


.filteredShowHistoric
{  
    color: gray;
    font-size: 10px;
    margin-left: 4px;
    padding-bottom: 4px;
    padding-top: 2px;
}



/* *style of control*/
.__filterGroups
{
    width:220px;    
}
    
.updateProgressContainer
{
    /*display: none;*/
   display:block;
    height: 14px;
    float: left;
}

.updateProgressMessage 
{
	color: #f00;
}
    
.editCommandPanel{}

.editCommandButtonsSet{}

 
.loginText
{
    font-size:13px;
    font-weight:bold;    
}

.login
{
    background-color: rgb(248, 248, 255);/* GhostWhite*/
    border-radius: 15px 15px 15px 15px;
    border-style: solid;
    border-width: 1px;      
    padding: 10px;
    float:left;     
}

.loginError
{
    float:left;
    width:290px;
    padding-top:10px;
    color: Red;    
    font-size:10px;
}

.loginSection
{
    width:260px;
    padding-top:8px;   
    text-align: left;
}

.successMessage
{
    color:Green;
    font-size:12px;
}

.searchPanel
{   
    background-color:whitesmoke;
    border-color: rgb(211,211,211) /*LightGray*/;
    border-radius: 15px 15px 15px 15px;    
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    width: 420px;      
}

/* fpr chrome forbid to change colors*/
input[type=text],  input[type=password], select, textarea
{
    border-color: rgb(211,211,211) /*LightGray*/;
    border-style: solid;
    border-width: 1px;
}

input[type=text][disabled], input[type=password][disabled], select[disabled], textarea[disabled] 
{
    background-color: rgb(245,245,245)/* WhiteSmoke*/;
    -webkit-text-fill-color: rgb(245,245,245)/* WhiteSmoke*/;
}

input[type=password]{ border-color: darkgray; }
textarea[readonly="readonly"] { background-color: rgb(245,245,245); }

.roleUser { color:rgb(107,142,45); }
.roleManager { color: rgb(100,149,237);}
.rolePlanner { color:rgb(184,134,11); }
.roleAdmin {color:Red;}
.roleExternal {color:Maroon;}
.roleCustomer{ color: brown;}


.tabBtn
{
    float:right; 
    padding:1px; 
    border-radius:5px;
    margin-top: -3px;
}



.lnk, .lnk a { color:black; }
.lnk:hover { color: rgb(255,140,0); /*DarkOrange; */ }

.Red
{
	color: Red;	
	font-weight: bold;
}





/* Fixes for Ajax Toolkit Calendar*/
.ajax__calendar_container
{
	z-index: 1000;
	width: 190px !important;
}

.ajax__calendar_days table tr td, 
.ajax__calendar_months table tr td, 
.ajax__calendar_years table tr td 
{
	padding:0 !important;
    margin:0 !important;
}

.smPict
{
    width:20px;
    min-width:20px;
 }
 
.subTitle { padding-bottom:6px;
            font-weight:bold; }
            


/* extended table with basic styles*/
.extTable { background-color:White; }

.extTable td
{    
    white-space: nowrap;
    text-align:left;
    padding: 15px 8px;
}    

.extTable th 
{
    border-width: 1px;
    color: black;
    background-color: whitesmoke;
    padding: 4px 8px;
    height: 36px;
    min-height: 36px;
    font-size: 11px;
}
.extTable .aRow
{
    background-color: whitesmoke;/* rgb(248,248,255) /* ghostWhite */ ;
    border: 1px solid lightGray;
}

.extTable .tRow
{
    background-color :White;
    border: 1px solid lightgray;
}

.extTable .eRow
{
    background-color :White;
    border: 1px solid lightgray;
}
   
.extTable .hRow
{
    text-align:left;
    height:36px;
    color :white;    
    font-size: 11px;
    border-style: none none solid;
    border-width: 2px;
    border-color: black;
}   

.extTable .hRow a { color: black; }

            
.colRequestType{ width:140px;}
.colRevised{ width:60px;}
.colStatusExt{ width:130px;text-align: center;}
.colRequestComment{ width:300px;}
.colRequestStatus{ width: 100px;}
.colRequestIsClosed{ width:60px;}
.colCount{ width:90px; min-width: 90px;}
.colTaskName{ width:150px;}
.colTimeName{ width:150px;}
.colLocationName{width: 150px;}
.colStatusName{ width: 140px;}
.colDay {height: 30px; min-width: 90px; width: 90px;}
.colNumber {width:60px;}
.colMonth{width:90px;min-width: 90px;}
.colTimeInterval{ width: 120px;}
.colTimeItemName{ width: 100px;}
.colTotalHours { width: 8%; min-width: 50px; text-align: right;}
.colHasUserSeenAll { width: 15%; min-width: 50px; text-align: center;}

.colRemainingTime{ width: 100px;}
.colDay31{ width: 2.5%;}
.colPersonName{ width: 200px;}
.colDateWeekday { width: 120px; min-width: 120px;}
.colUserRole {width:100px;}
.colPassword{width:200px;}
.colEmail{width:250px;}
.colUserDetails{width:100px;}
.colErrorDetails { white-space: normal;}
.colDate { width: 90px; min-width:90px; }
.colDateTime {width: 140px; min-width:140px;}
.colMessage{/*width:300px;*/}
.colStatus{ width: 90px;}
.colComment {width: 100px; min-width:100px;}
.colCommentItems { width: 140px; min-width: 140px;}
.colRosterComment { width: 200px; min-width: 200px;}
.colWorkDemandRequestedBy{ width: 100px; min-width: 100px;}
.colRecomendation{ width: 5px;min-width: 5px; }
.colCode { width: 50px; min-width:50px;}
.colPict { width: 14px; min-width:14px; height:30px; min-height: 30px; }
.colUsername {width: 110px; min-width:110px;}
.colWorkDemandStatus {width: 60px; min-width:60px;}
.colDownload{ width: 30px;}
.colWarning { width: 20px; min-width: 20px;}
.colCommentCode { width: 30px; min-width: 30px;}
.col-right-align { text-align:right !important; /*padding-left: 20px !important; padding-right: 20px !important;*/}
.col-center-align { text-align:center !important; /*padding-left: 20px !important; padding-right: 20px !important;*/}

.wdCellComment { white-space: normal;}
.wdCellCommentItems { white-space: normal;}

.btn-in-td { text-align: center;}

.itsMe { color: Red;}

.fltLeft{ float: left;}

.filterCol 
{
	float:left;
	padding-left:5px;
	padding-right: 5px;
}

.extTimeEditorHours,
.extTimeEditorMinutes {
    width: 18px;
    text-align: center;
}

.left-column-content { font-size: 11px; }

.leftColumn {
    width: 180px;
    display: block;
    height: 1px;
}

.leftBtn {
    width: 170px;
}

.___cbl 
{
    border: 1px dotted gray;
    font-size: 10px;
    height: 240px;
    overflow: auto;
    width: 218px;
}

.___cblLarge
{
    border: 1px dotted gray;
    /*font-size: 10px;*/
    height: 240px;
    overflow: auto;
    /*width: 218px;*/
}

.shtWaitingForReactions{ color: gray;}
.shtReady{ color: green;font-weight: bold;}
.shtReacted{ color:orange}
.shtCanceled{color: gray;}
.shtNotReady{color: gray;}
.shtReadyAccepted{color: green;}
.shtReadyNotAccepted{color: tomato;}
.shtOutsidePeriod{color: gray;}

.requestType {
}

.___cblCommentItem {
    border: 1px dotted gray;
    height: 100px;
    overflow: auto;
}


.errorContainer {

    min-height: 30px;
    background-color: lightyellow;

    border-style: none;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: red;  
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 5px;
}

.Width650px { width: 650px !important;
    overflow:hidden;
}

/* buttons for time editor*/
.btn-up, .btn-down {
    display: block;
    width: 17px;
    height: 10px;
    cursor: pointer;
}

.btn-up{ background: url("../images/e-up.png") no-repeat; }
.btn-up:hover{ background:url("../images/e-up-over.png") no-repeat; }
.btn-down { background:url("../images/e-down.png") no-repeat; }
.btn-down:hover{ background:url("../images/e-down-over.png") no-repeat; }


/* request status */
.stUndefined,
.stApproved,
.stDisapproved,
.stApprovedNotRevised,
.stDisapprovedNotRevised
{
    border-radius: 5px;
    padding: 4px 12px;
    color: white;
    font-weight:bold;
    opacity: 0.9;
}

.stUndefined { background-color: gray; }
.stApproved { background-color: green; }
.stDisapproved { background-color: brown; }
.stApprovedNotRevised { background-color: rgb(143,188,143); }
.stDisapprovedNotRevised { background-color: rgb(233,150,122); }
.stNone { padding-top: 1px;padding-bottom: 1px;font-size: 11px;font-weight: bold;}


.filterRequestType { float: left; padding-left: 20px;}
.filterRequestBlock { float: left; display: block; clear: both;}
.filterRequestTotal { float: right; font-size: 14px; font-weight: bold; width: 140px;}

.position-fixed-y {
    position: relative;
}

.nonInputText {
    border-color: rgb(211,211,211) /*LightGray*/;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    width: 500px !important;
    overflow: hidden;
}