/*
 * General
 * TODO: Se http://www.experts-exchange.com/index.jsp för problem med minska fönsterstorlek
 * i FFox
 ****************************************/
body 
{
	/*font-family: Verdana, Arial, Tahoma, "Times New Roman";
	font-size: 75%;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;*/
/*
    background-image: url("../../Images/bodybg_v2.gif");
	background-repeat: repeat-y;
	background-position: center;
*/
}

/*body#mainbody
{
    background-image: url("../../Images/gradient.png");
	background-repeat: repeat-x;
	background-color: #f0f0f0;
}*/

html, body
{
    height: 100%;
}

/*div#wrapper
{
    width: 980px;
    margin: 0 auto -1px auto;
}*/

/* used only for setting the content background color to white */
div#contentbackcolor
{
    position:fixed;
    left:50%;
    bottom:0;
    top:0;
    width: 980px;
    margin: 0 -490px;
    background-color:White;
    
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    box-shadow: 5px 5px 5px #bbb;
    -moz-box-shadow: 5px 5px 5px #bbb;
    -webkit-box-shadow: 5px 5px 5px #bbb;
}

/* used only for setting the menu background color */
div#menubackcolor
{
    position:absolute;
    left:0;
    top:0;
    height: 100%;
    width: 196px;
    background-color: #F1F1FF;
}

div#website
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/*div#top
{
	text-align:left;
	width: 784px;
	left: 196px;
	background-color: #f1f1ff;
	border-bottom: 1px groove #42246B;
	position: absolute;
	min-height: 65px;
	color: #42246B;
	padding-top: 10px;
}*/

.logofloatleft
{
	width: auto;
	padding:0px 0px 0px 3px;
}

div#top .logo
{
	padding: 0px 10px 10px 20px;	
}

.mainlogo
{
    padding: 10px 0px 10px 0px;
}

/*div#maincontent 
{
    position: absolute;
    top: 76px;
    left: 196px;
    width: 781px;
	height: 100%;
	margin-left: auto;
	margin-bottom: 0px;
}*/

div#maincontent .outer
{
	width: 95%;
	float: left;
	height: auto;
	padding: 10px 10px 10px 20px;
}

div#maincontent .inner
{
	text-align: left;
	height: 520px;
}
/*div#SubMenuBar
{
    width: 770px;
}*/
div#SubMenuBar .outer
{
	text-align:right;
	height: 60px;
	padding: 0px 60px 10px 20px;
	text-indent: 10px;
}
div#SubMenuBar .inner
{
	text-align: left;
	margin-top:0px;
	background-color: #F1F1F1;
	padding: 0px 50px 10px 20px;
	vertical-align:bottom;
	height:	45px;
}

div#bottom .inner
{
	position: relative;
	margin-top: 1px;
	text-align: center;
	/* background-image: url("../../Images/bottom_line_1x2.gif");
	background-position: top;
	background-repeat: repeat-x; */
	font-size: 80%;
	font-family: Verdana;
	bottom: 0;
	margin-left: auto;
}

/*
 * Menu
 *
 *******************************************/
/*div#leftmenu
{
	float: left;
	width: 196px;
	min-width: 196px;
	height: 100%;
	background-color: Transparent;
	margin-right: auto;
}*/

/*div#leftmenu .inner
{
	text-align: left;
	margin: 10px 10px 10px 10px;
}

.leftmenuitem
{
	font-weight: normal;
	color: Black;
	margin-left: 6px;
}*/

.current
{
	/* Current menu item style */
	font-weight: bold;
}

/*
 * Positioning
 *
 *******************************************/
 .bottomRight
 {
    position: absolute!important;
    bottom: 30px;
    right: 10px;
 }
 .bottomRightPopUp
 {
    position: absolute;
    bottom: 50px;
    right: 10px;
 }
.bottomLeft 
{
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.floatleft { float: left; width:auto; }

.floatright { float: right; width:auto; }

.floatrightImage { float: right; width:auto; padding:0px 0px 0px 0px;  }

/*.floatlefttopmenu { position: absolute; bottom: 0px;  float: left; width:auto; vertical-align:bottom; padding: 0px 0px 0px 20px; font-family: Arial; font-size: medium; font-weight: bold; }*/

.clearboth { clear:both; }

.alignbottom { vertical-align: bottom; }

.alignright { text-align: right; }

.alignleft { text-align: left; }

.aligntop { vertical-align: top; }

.inline { display: inline; }

/*div#footer { font-size:xx-small; position:fixed; width: 100%; height: 12px; left:0; bottom: 0px; border: none; padding: 0 0 0 0; text-align: center; color: #8A8A8A; background-color: #DEE5EB; } /* #e9e9e2; */*/
.footerspace 
    {
        height: 24px;
    }

.marginbottom35 { margin-bottom: 35px; }
.marginbottom40 { margin-bottom: 40px; }
.marginbottom30 { margin-bottom: 30px; }
.marginbottom20 { margin-bottom: 20px; }
.marginbottom10 { margin-bottom: 10px; }
.marginbottom5 { margin-bottom: 5px; }
.marginbottom15 { margin-bottom: 15px;}
.marginleft150 {margin-left: 150px;  }
.marginleft80 {margin-left: 80px;  }
.marginleft40 {margin-left: 40px;  }
.marginleft20 {margin-left: 20px;  }
.marginleft10 {margin-left: 10px;  }
.marginleft5 {margin-left: 5px;  }
.marginright20 {margin-right: 10px;}
.marginright40 {margin-right: 40px;}
.marginright80{margin-right: 80px;}
.margintop10{ margin-top: 10px;}
.margintop30{ margin-top: 30px;}
.margintop45{ margin-top: 45px;}
.contactInfoNoNewRow {margin-left:170px; margin-top:-14px}
.contactInfoDayBal {margin-left:290px; margin-top:-168px}
.contactInfoBoldNoNewRow {margin-left:170px; margin-top:-35px}

.marginhorizontal10
{
	margin-left: 0px;
	margin-right: 10px;
}

.padding10
{
	padding: 10px;
}

div#maincontent .left
{
	float: left;
	margin-right: 10px;
}

div#maincontent .right
{
	float: right;
}

.horisontalLabelDivider
{
    height: 4px
}

.w100 { width: 99%; }
.w95 { width: 95%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w66 { width: 66%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 48%; }
.w40 { width: 40%; }
.w33 { width: 33%; }
.w25 { width: 25%; }
.w20 { width: 19%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.width200px { width:200px;}

/*
 * General appearence
 *
 *******************************************/
.invisibleDisplay
{
	display: none;
}

.invisible
{
	display: none;
	visibility: hidden;
}

.solidborder { border: solid 1px #AAAEA8; }
.thickborder { border: solid 2px #AAAEA8; }
.noborder { border: 0; }

.cursorhand
{
	cursor: pointer;
}

/*.row
{
	height: 30px;
}*/

label
{
	text-align: left;
}

.smalltext
{
	font-size: 90%;
}

.debug
{
	color: Navy;
}

/*
 * HTML elements
 *
 *******************************************/

tr
{
	text-align: left;
	vertical-align: top;
}
.rightTR
{
    text-align: right;
}

a
{
	text-decoration: none;
	font-weight: bold;
	color: #8F8164;
}

div#help a
{
	color: black;

}

a:hover
{
	text-decoration: underline;
}

h1, .h1
{
	font-size: 150%;
	font-family: Arial;
	margin-bottom: 15px;
	font-weight: normal;
}

h2, .h2
{
	font-size: 110%;
	font-family: Verdana;
	margin-bottom: 12px;
	font-weight: bold;
}

h3, .h3
{
	font-size: 100%;
	font-family: Verdana;
	margin-bottom: 6px;
	font-weight: bold;
}

P
{
	margin-bottom: 9px;
}

fieldset
{
	padding: 10px;
	margin-bottom: 10px;
}

input, select, textarea
{
    font-size: 100%;
}

/*
 * Control specific text formatting
 *
 *******************************************/
	
.griditem
{
	font-size: 90%;
	padding: 2px 4px 2px 4px;
    
}

.griditemVAlignTop {
    font-size: 90%;
    padding: 2px 4px 2px 4px;
    vertical-align: top;
}

.gridRowHeight {
    height: 20px;
}

.griditemheader
{
	color: black;
}

.error
{
	color: Red;
}

div#shiftsweek
{
	/* margin-bottom: 9px; */
}

div#shiftsweek .shiftdayheader
{
	margin-bottom: 3px;	
	font-weight: bold;
}

div#shiftsweek .shiftday
{
	margin-bottom: 9px;
	padding: 3px 6px 3px 6px;
	background-color: White; /* #FAEED8; */
	border: solid 1px #CCCCCC;
}

div#shiftsweek .shiftinfo
{
	margin-left: 6px;
}

/*div#inquirylist .inner
{
	height: 100%;
	font-size: 90%;
}

div#inquirylist TR
{
	margin-bottom: 6px;
	background-color: White;
}

div#inquirylist TD
{
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
}


.inquirylistbg
{
	background-color: #fff7d6;
}*/

.schemaweekbg
{
	background-color: #eef4fa;
}

/*div#contactinfo #balance TD
{
	margin: 0;
	padding: 1;
}*/

.TPInquiryButtonStyle
{
    width: 50px
}

/* TODO: this construction somehow does not work */
fieldset#persondata LABEL
{
	/* background-color: red; */
	/*width: 150px;*/
}

.requirementinfo
{
	margin-left: 6px;
}

/*.calendar
{
	width: 100%;
}

div#schema .titleVertical
{
	text-align: center;
	font-size: small;
	BACKGROUND-COLOR: #F1F1F1;
	FONT-WEIGHT: bold;
	color: black;
	width: auto;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transperent;
    border-bottom: 2px solid #42246B;
}*/

/*div#schema .titleHorizontal
{
	text-align: right;
	font-size: small;
	BACKGROUND-COLOR: white;
	FONT-WEIGHT: bold;
	color: black;
	width: 6em;
    border-left: 1px solid transparent;
    border-right: 1px solid lightgray;
    border-top: 1px solid transperent;
    border-bottom: 1px solid lightgray;
}*/

/*div#schema .bg
{
	font-size: xx-small;
	BACKGROUND-COLOR: white;
	border: 1px solid lightgray;
}

div#schema .item
{
	font-size: xx-small;
	BACKGROUND-COLOR: white;
	FONT-WEIGHT: bold;
}

div#schema .rangeheaderVertical
{
	width: 4em;
	color: black;
	font-size: xx-small;
	text-align: right;
	VERTICAL-ALIGN: middle;
	BACKGROUND-COLOR: white;
	border-right: 1px solid lightgray;
	border-left: none;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
}

div#schema .rangeheaderHorizontal
{
	width: 4em;
	color: black;
	font-size: xx-small;
	text-align: center;
	VERTICAL-ALIGN: middle;
	BACKGROUND-COLOR: white;
	border-right: 1px solid lightgray;
	border-left: none;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
}

div#schema .rangeHeaderTitle
{
	width: 4em;
	color: black;
	font-size: small;
	text-align: right;
	font-weight: bolder;
	VERTICAL-ALIGN: middle;
	BACKGROUND-COLOR: white;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transperent;
    border-bottom: 2px solid #42246B;
}

div#schema TABLE
{
    border-collapse: collapse;
    border-spacing: 0 0;
	width: 100%;
	border-left: none;
}
div#schema TR
{
	width:100%;
	text-align: center;	
}
div#schema TD
{
	font-size: large;
}

div#divCalendarControl TD
{
	width: 10em;
	font-size: large;
}*/
/*
div#divCalendarControl td.bg:hover
{
    background-color: #F0F0F0;    
}
*/

.requirement
{
    background-color: #D9F4FF;
}

div#schema .requirement
{
	/* Behovspass */
	overflow:hidden;
	border: 1px solid lightgray;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: xx-small;
}

.schedule
{
    background-color: #E1D5FF;
}

div#schema .schedule
{
	/* Schemapass */
	overflow:hidden;
	border: 1px solid lightgray;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: xx-small;
}

.scheduleAvailability
{
    background-color: #CCEEDD;
}

div#schema .scheduleAvailability
{
	/* Schemapass */
	overflow:hidden;
	border-top: 5px solid #E1D5FF;
	border-bottom: 5px solid #E1D5FF;
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: xx-small;
}

.inquiry
{
    background-color: #F4F4B5;
}

div#schema .inquiry
{
	/* Förfrågan */
	overflow:hidden;
	border: 1px solid lightgray;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: xx-small;
}

.availability
{
    background-color: #cceedd;
}

div#schema .availability
{
	/* Tillgänglighet */
	overflow:hidden;
	border: 1px solid lightgray;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: xx-small;
}

.unavailability
{
    background-color: #FFC0C0;
}

div#schema .unavailability
{
	/* Otillgänglighet */
	overflow:hidden;
    font-size: xx-small;
}

.announcedrequirement
{
    background-color: #ffb495;
}

div#schema .announcedrequirement
{
	/* Annonserade beställningar (ANVÄNDS EJ FÖR TILLFÄLLET) */
	overflow:hidden;
    font-size: xx-small;
}

.acceptedinquiry
{
    background-color: #FFD2D8;
}

div#schema .acceptedinquiry
{
	/* Accepterad förfrågan (men inte tilldelad ännu) */
	overflow:hidden;
    font-size: xx-small;
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
} 

/*
 * Quirks
 *
 *******************************************/
 
 /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
/*#website:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
#website { display: inline-block; }*/

/* Hides from IE-mac \*/
/** html #website { height: 1%; }
#website { display: block; }*/
/* End hide from IE-mac */  
 
/*printer styles*/ 
@media print
{ 
	#leftmenu, #userinfo, .leftmenuitem { display:none; } 
	#website, #maincontent, #bottom, #maincontent .outer
	{ width:100%; float:left; padding: 0; margin: 0; left:0 }
	#maincontent .inner
	{ width:85%; float:left; padding: 0; margin: 0; left:0 }
	#maincontent { margin-left: 0; margin-right: auto; }
}
/* Rubriken på de modala popuprutorna */
.popUpHeader
{
	background-color:#7B9AE7;/*	EF9239;
	*/	
}

.treelistStyle
{
    Border:None;
}
.treelistTitle
{
    background-color:white;
    color:Black;
}

.textAreaCommentFromPerson
{
    height:10em;
}
.decoNone
{
    list-style-type:none;
}

div.requirementsList
{
    overflow-x: auto;
}
/* Timepool theme for devexpress */

.dxtlControl_TimePool
{
	cursor: default;
	font: Verdana,Arial,Tahoma,"Times New Roman";
	color: black;
	border: none 1px #9f9f9f;
}
.dxtlControl_TimePool caption
{
	background: #FFFFFF;
	border: NONE;
	border-bottom: 0;
	color: Black;
    font-size: 120%;
	font-weight: normal;
	font-family: Verdana,Arial,Tahoma,"Times New Roman";
	padding: 3px 3px 5px;
	text-align: left;				
}

/* Indent cells */
.dxtlIndent_TimePool, .dxtlIndentWithButton_TimePool
{			
	background: white;
	vertical-align: top;
	background-position: center top;
	background-repeat: no-repeat;
}
.dxtlIndent_TimePool
{
	padding: 0 11px;
}
.dxtlIndentWithButton_TimePool
{
	padding: 5px 7px 6px;
}
.dxtlSelectionCell_TimePool
{
	vertical-align: top;
	padding: 0 2px;
	border: solid 1px #cfcfcf;
}

/* Tree-lines cells */
.dxtlLineFirst_TimePool
{
	background-image: url(CssImages/TreeLineFirst.gif);	
}
.dxtlLineMiddle_TimePool
{
	background-image: url(CssImages/TreeLineMiddle.gif);
	
}
.dxtlLineLast_TimePool
{
	background-image: url(CssImages/TreeLineLast.gif);
	
}
.dxtlLineRoot_TimePool
{
	background-image: url(CssImages/TreeLineRoot.gif);
	background-repeat: repeat-y;	
}

/* Headers */
.dxtlHeader_TimePool 
{
	background: #ffffff;	
	border: none;
	padding: 4px 6px 5px;
	font-weight: normal;		
}
.dxtlHeader_TimePool table.dxtl 
{
	border-collapse: collapse;
	width: 100%;
}
.dxtlHeader_TimePool td.dxtl
{
	padding: 0;
}
.dxtlHeader_TimePool, .dxtlHeader_TimePool td.dxtl 
{	
	font: Verdana,Arial,Tahoma,"Times New Roman";
	white-space: nowrap;
	text-align: left;
}

/* Nodes */
.dxtlNode_TimePool
{
	background: white;
}
.dxtlAltNode_TimePool
{
	background: #ededeb;	
}
.dxtlSelectedNode_TimePool
{
	background: #a0a0a0;
	color: white;
}
.dxtlFocusedNode_TimePool
{
	background: #8d8d8d;
    color: white;
}
.dxtlInlineEditNode_TimePool
{
	background: white;
}
.dxtlEditFormDisplayNode_TimePool 
{
	background: white;
}

.dxtlNode_TimePool td.dxtl, 
.dxtlAltNode_TimePool  td.dxtl, 
.dxtlSelectedNode_TimePool td.dxtl, 
.dxtlFocusedNode_TimePool td.dxtl,
.dxtlEditFormDisplayNode_TimePool td.dxtl,
.dxtlCommandCell_TimePool
{
	padding: 3px 6px 4px;
	border: solid 1px #cfcfcf;
	white-space: nowrap;
	font-size: 9pt;
	font-family: Verdana,Arial,Tahoma,"Times New Roman";
}
.dxtlInlineEditNode_TimePool td.dxtl
{
	border: solid 1px #cfcfcf;
	padding: 1px;
}

/* Preview */
.dxtlPreview_TimePool
{
	background: #f2f2f2;
	color: #7f7f7f;
	padding: 14px;
	border: solid 1px #cfcfcf;
	font: 9pt Tahoma;	
}

/* Footers */
.dxtlGroupFooter_TimePool
{
	background-color: #E0E0E0;	
}
.dxtlFooter_TimePool
{
	background-color: #D7D7D7;	
}
.dxtlGroupFooter_TimePool td.dxtl,
.dxtlFooter_TimePool td.dxtl
{
	padding: 5px 6px 6px;
	white-space: nowrap;
	text-align: left;
	border: solid 1px #cfcfcf;
	font: 9pt Tahoma;
}

/* Pagers */
.dxtlPagerTopPanel_TimePool 
{
	border-bottom: none 1px #9f9f9f;
	padding-bottom: 2px;
}
.dxtlPagerBottomPanel_TimePool 
{	
	border-top: none 1px #9f9f9f;
	padding-bottom: 2px;
}

/* Editing */
.dxtlEditForm_TimePool 
{
	background: #F0F0F0;
	border: solid 1px #D3D3D3;
	padding: 8px 10px 10px;
}
.dxtlEditFormCaption_TimePool,
.dxtlEditFormEditCell_TimePool
{
	padding: 4px;
}
.dxtlEditFormCaption_TimePool
{
	padding-left: 10px;
	white-space: nowrap;
}
.dxtlError_TimePool
{
	background: #FFC8C8;
	color: #FF0000;
	padding: 6px 10px;
	border: solid 1px #cfcfcf;
	font: 9pt Verdana,Arial,Tahoma,"Times New Roman";		
}

/* Links */
.dxtlControl_TimePool a 
{
	color: #0d45b7;
}
.dxtlControl_TimePool a:hover 
{
	color:  #5494ea;
}
.dxtlSelectedNode_TimePool a, 
.dxtlFocusedNode_TimePool a 
{
	color: White;
}
.dxtlSelectedNode_TimePool a:hover, 
.dxtlFocusedNode_TimePool a:hover
{
	color: #f0f0f0;
} 
.dxtlCommandCell_TimePool a 
{
	margin-right: 3px;
}

/* Loading panel */
.dxtlLoadingPanel_TimePool
{
	border: solid 1px #9F9F9F;
	background-color: #E3E3E1;
	font: Verdana,Arial,Tahoma,"Times New Roman";
	color: #303030;
}
.dxtlLoadingPanel_TimePool td.dx
{
	white-space: nowrap;
	text-align: center;
	padding: 12px;
}
.dxtlLoadingDiv_TimePool
{
	background: white;
	opacity: 0.01;
	filter: alpha(opacity=1);
}

/* Disabled */
.dxtlDisabled_TimePool,
.dxtlDisabled_TimePool .dxtl
{
	color: #808080;
	cursor: default;
}

/* Devexpress */
/*******************/
/*   Time Picker   */
/*******************/
/*.divTimePicker
{
    float: left;
    position: relative;
    width: 200px;
}

.divTimePickerFrom
{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 90px;
}

.divTimePickerTo
{
    position: absolute;
    top: 0px;
    left: 100px;
    width: 90px;
}*/
/*** End Time Picker ***/

/********************/
/* Edit Requirement */
/********************/
/*.newRequirmentActLable
{
    vertical-align: top;
}

.newRequirementAct
{
    width: 30%;
    float: left;
}
.newRequirementTime
{
    float: left;
    position: relative;
}
.newRequirementTimeDate
{
    position:absolute;
    top: 0px;
    left: 210px;
}*/

/*.newRequirementBreak
{
    float: right;
    width: 20%;
}*/

.EditRequirementBasicChoice
{
    width: 100%;
}
.EditRequirementInfo
{
    width: 100%;
	font-size: 90%;
	clear:both;
}

.EditRequirementBasicChoiseCombo
{
    float: right;
    width: 500px;
}

.ddlReportsPreview
{
    height:30px;
    width: 350px;
    margin-top:24px;
}


.divContactPersons
{
    margin-top: 10px;
}

.divCompetencesShortLabel
{
    overflow: hidden;
    width: 75%;
    float:left;
    white-space: nowrap;
}
.divCompetencesExpandButton
{
     float: right
}

.divRequirementControl fieldset 
{
    background-color: White;
}

.RequrementTextInfoBoxLeft
{
    float: left;
    margin-left:2px;
    margin-right:2px;
    width: 48%;
}
.RequrementTextInfoBoxRight
{
    float: right;
    margin-left:2px;
    margin-right:2px;
    width: 48%;
}

.requirementAutoBookingInfo
{
    border: solid 1px #AAAEA8;
    padding: 5px 5px 5px 5px;
    background-color: #F1F1F1;
    margin-bottom: 20px;
}

.lblAutoBookingAllowedInfo
{
   float: left;
}

.btnToggleAllowAutoBooking
{
    margin-top: 5px;
}

/*** End Edit Requirement ***/


/*** Requirement overview ***/
.requirementsOverview
{
    background-color: rgb(213, 206, 186);
}

.btnReqOverview
{
    width: 7em;
    padding-bottom: 0px;
    padding-top:0px;
    padding-left:2px;
    padding-right: 2px;
}

.reqOverviewCellDate
{
    white-space: nowrap;
}

.clearfix::after  {
      content:   "";
      clear:  both;
      display:  table;
} 

.reqOverviewSelector
{
    width: 100%;
    /*padding: 10px;*/
}

.reqOverviewSelectorWorkplace
{
    width: 100%;
    margin-bottom: 5px;
}
.reqOverviewSelectorDates
{
    float: left;
    margin-right: 10px;
}
.reqOverviewSelectorShow
{
    float:left;
    height: auto;
    margin-top: 22px;
}

.scrollable
{
    overflow-x: auto;
}

#divCalendarControl.scrollable
{
    overflow: visible;
}


.RequiremntOverviewSettingsLink
{
    float: right;
}

.RequiremntOverviewSettingsImg
{
    border: none;
}
.requirmentOverviewSettingsButton
{
    /*position: absolute;
    bottom: 5px;
    right: 5px;
    width: 90%;*/
}

.requirementOverviewSettingsLabel
{
    text-align: center;
    font-size:medium;
    font-weight: bold;
}
/*** End Requirement overview ***/

.OrgNodeTree
{
    float: left;
}

.reqCombo
{
    width: 450px;
    padding: 0px;  
}

.reqImportFromPlanningCombo
{  
    margin-top: 0px;
    margin-Right: 100px;
    width: 210px;
    padding: 0px;   
}

.lblImportFromPlanningSelectEmployee
{
    margin-top: 45px;
    text-align:left;
}

.reqTableHeader
{
    width: 340px;
    padding: 0px;
    margin-right: 20px;
}

.Popup
{
    position: fixed;
    width: 30%;
    height: auto;
    border: solid 1px black;
    background-color: White;
    top: 25%;
    left: 40%;
    padding: 0;
}

/*** My Calendar ***/
.MyCalendarTable
{
    Background-color: White;
    border: none;

    Font-Size: 9pt;
    color: Black;
    Height: 22px;
    Width: 100%;
    border-radius: 5px;
    table-layout: fixed;
}

.MyCalendarTableTodayDayStyle
{
}

.MyCalendarTableOtherMonthDayStyle
{
    Color: #999999;
}

.MyCalendarTableNextPrevStyle
{
    font-weight: bold;
    font-size: 8pt;
    color: #333333;
    vertical-align: bottom;
}

.MyCalendarTableDayHeaderStyle
{
    font-weight: bold;
    font-size: 8pt;
}

.MyCalendarTableTitleStyle
{
    font-size: 12pt;
    font-weight: bold;
    color: #333399;
}

.calenderMenuButton
{
    width: 100%;
}

.MyCalendarTopMenu
{
    width:100%;
}

#calTopMenuUL
{
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
    margin-bottom: 5px;

    margin: 0 auto;
    width: 100%;
}

#calTopMenuUL li
{
    float:left;
    padding:0;
    position:relative;
    margin-right: 5px;
}

#calTopMenuUL #settingsListItem
{
    float: right;
}

#calTopMenuUL #imgSettings
{
    top: 2px;
    position:relative;
    height:16px;
    width:16px;
    
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */       
}

#calTopMenuUL #imgSettings:hover
{
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}


#calTopMenuUL li div div
{
    background-color:#FFFFFF;
    border:1px solid #999999;
    padding:12px 8px;

    display:none;

    margin:0;
    z-index:1;

    position:absolute;
    top: 20px;
    right: 0;
    width:195px;
}

#calTopMenuUL li div div fieldset
{
    margin-top: 10px;
    margin-bottom:0;
}

/*** End My Calendar ***/



/*** Master Page ***/
.divHelpText
{
    clear: right;
    float: right;
    text-align: center;
    cursor: pointer;
    width: 48px;
    color: White;
}

.versionLable
{
    white-space: nowrap;
}

.hlContextHelp
{
    color: #42246B;
}

/*** End Master Page ***/

/*** AvailabilityShiftControl ***/

/*.divAvailabilityShiftDate
{
    width: 100%;
    text-align: center;
    font-size: medium;
    font-weight: bold;
}

.divAvailabilityShiftTime
{
    height: 40px;
    padding:10px;
}

.divAvailabilityShiftButtons
{
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 90%;
}

.divAvailabilityCheckBox
{
    padding-left: 10px;
}*/


/*** End AvailabilityShiftControl ***/

/*** RemoveAvailabilityControl ***/
.RemoveAvailabilityInfoText
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.RemoveAvailabilityDateControl
{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%;
    float: right;
}

.ButtonImportShiftsStyle
{
    float:right;
    margin-bottom: 60px;
}

.RemoveAvailabilityInfoButtons
{
    float: right;
    padding-top: 15px;
    padding-bottom: 10px;
}
/*** End RemoveAvailabilityControl ***/


.TPButtonStyle
{
    position: absolute;
    min-width: 80px;
}

.semiTransparentBackground
{
	background-image: url("../../Images/InaktiveBackground.gif");
	background-repeat: repeat-y;
	background-position: center;
    position:absolute;
    top: 0px;
    left: 0px;
    height: 5000px;
    width: 980px;
}

.AvailabilityControlDates
{
    padding-top: 10px;
    padding-bottom: 10px;
}


.ShiftInfoLable
{
    float: left;
    text-align: left;
    display: block;
    font-weight: bold;
    width: 35%;
    padding: 2px;
}

.ShiftInfoText
{
    float: left;
    text-align: left;
    display: block;
    padding: 2px;
    width: 60%;
}

.linkToMobilePage
{
    color: #42246B!important;
    font-size:14px;
    float: right;
    padding-right: 20px;
    padding-bottom: 10px;
}
/*** Pop-ups Booking ***/

.pnlLeftUpper
 { border: solid 1px #DEDFDE;
    position: absolute;
    top: 30px;
    left: 10px;
 }

/*#ctl00_ContentPlaceHolder_pnlPersonData {
    border: solid 1px #DEDFDE;
    position: absolute;
    bottom: 50px;
    right: 10px;
    top: 30px;
   
}*/

.pnlRight
 {
    border: solid 1px #DEDFDE;
    position: absolute;
    bottom: 50px;
    right: 10px;
    top: 30px;
    
 }
.pnlLeft
 {
    border: solid 1px #DEDFDE;
    position: absolute;
    bottom: 50px;
    left: 10px;
   
    
 }

.legend
{
    position: absolute;
    top: -8px;
    left: 5px;
    background-color:  #EEEEEE;
    padding-left: 5px;
    padding-right:5px;
}

.leftSide
{
	margin-left: 5px;
}

.showMessageButtons {
     float: left;
}

.RoundedBody {
	-webkit-border-radius: 5px;
    border-radius: 5px;

}
.a-box
 {
 width: 400px;
 /*padding: 20px;*/
 background-color: #db7093;
 border-radius: 30px 30px 0 0;
 display: block;
  font-weight: normal;
  margin-bottom: 1.25em;
  position: absolute;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  font-size: 1.5em;
  color: black;
  right: 10px;
  top: 75px;
  z-index: 10010;
 }

.alert-box {
  border: 1px solid #ffc8c8;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25em;
  position: absolute;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  font-size: 1.5em;
  background-color: #db7093;
  width: 500px;
  min-height: 150px;
  color: black;
  right: 10px;
  top: 75px;
  z-index: 10010;
  opacity: 1;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/*** end Pop-up Booking ***/

/*** Identifier for JQuery selection ***/
.timepicker {
}

.grdTimes
{
    font-size: small;
    font-weight: bold;
    color: black;
    border: 1px solid black;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 20px;
    text-align:  center;
}

.infoToSubstitudeTxtBox
{
    float: left;
    margin-left:2px;
    margin-right:2px;
    width: 48%;
}
.professionalCategoryTxtBox
{
    float: right;
    margin-left:2px;
    margin-right:2px;
    width: 48%;
}

.timeTextBox 
{
    height: 14px;
    width: 80px;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    text-align: center;
}

.middle 
{
 padding: 10px;
 margin: 0 auto 0 auto; 
}

.padding4 
{
    padding: 5px 5px 5px 5px;
    Width: 120px
}
#txtInfoText
{
    resize: none; 
}

.boldText
{
   font-weight: bold;
}


.GridHeaderStyleNoBorder 
{
    border-style: none;
    border-color: transparent;
}

.GridHeaderStyleNormalFont {
   font-weight: normal; 
}
input:disabled, textarea:disabled, select:disabled {
    background-color: #fafafa;
}

.height20 {
    height: 20px;
}

.disabledText {
    color: #777777;
}



.GridHeaderStyleNoBorder th {
    border: 0;
}

.LeftFloat {
    width: 50%;
    position: relative;
    border: solid 1px #DEDFDE;
    margin-bottom: 10px;
    margin-top: 30px;
    float: left;
}

.RightFloat {
    width: 49%;
    border: solid 1px #DEDFDE;
    position: relative;
    margin-top: 30px;
    margin-bottom: 10px;
    float: right;
}

.MiddleFloat {
    width: 100%;
    position: relative;  
    margin-bottom: 10px;
  

}

.LeftFloatText {
    float: left;
    margin-left: 20px;
}

.leftmMarginbottom40 { 
    margin-top: 40px;
    float: left;
}