/*
 * 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.gif");
	background-repeat: repeat-y;
	background-position: center;
}

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

div#top
{
	padding-top: 10px;
	text-align:left;
	width: 100%;
	height: 70px;
	background-image: url("../../Images/top_line_1x4.gif");
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: White;
	margin-bottom: 1px;
}
.logofloatleft
{
	width: auto;
	float: left;
	padding:0px 0px 0px 3px;
}

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

div#userinfo
{
	padding: 0 10px 0 0;
}

div#maincontent 
{
	width: 781px;
	height: 100%;
	margin-left: auto;
	margin-bottom: 0px;
}

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

div#maincontent .inner
{
	text-align: left;
	height: 520px;
}
div#SubMenuBar
{
	width: 784px;	
	margin-left:196px;
	margin-bottom: 0px;
}
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
{
}

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
 *
 *******************************************/
.floatleft { float: left; width:auto; }

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

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

.floatlefttopmenu { float: left; width:auto; vertical-align:bottom; padding:20px 0px 0px 10px;  }

.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; */

.marginbottom20 { margin-bottom: 20px; }
.marginbottom10 { margin-bottom: 10px; }
.marginbottom5 { margin-bottom: 5px; }
.marginleft20 {margin-left: 20px;  }
.marginright20 {margin-right: 10px;}
.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;
}

.w100 { width: 99%; }
.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
 *
 *******************************************/

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

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

.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-family: Verdana, Arial;
	font-size: 100%;
}

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

.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 .title
{
	text-align: center;
	font-size: xx-small;
	BACKGROUND-COLOR: #555555;
	FONT-WEIGHT: bold;
	color: white;
}

div#schema .bg
{
	font-size: xx-small;
	BACKGROUND-COLOR: #F5F5F5;
}

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

div#schema rangeheader
{
	text-align: center;
	VERTICAL-ALIGN: middle;
	font-size: xx-small;
	BACKGROUND-COLOR: #EEEEEE;
}

div#schema TABLE
{
	width: 100%;
}
div#schema TR
{
	width:100%;
	text-align: center;	
}
div#schema TD
{
	width: 10em;
	font-size: xx-small;
}

div#schema .title
{
	width: 50em;
	font-size: xx-small;
}

div#schema .rangeheader
{
	width: 10em;
	color: White;
	font-size: xx-small;
}

div#schema .requirement
{
	background-color: #D9F4FF;   /* Behovspass */
}

div#schema .schedule
{
	background-color: #E1D5FF;   /* Schemapass */
}

div#schema .inquiry
{
	background-color: #F4F4B5;   /* Förfrågan */
}

div#schema .availability
{
	background-color: #cceedd;   /* Tillgänglighet */
}

div#schema .unavailability
{
	background-color: #FFC0C0;   /* Otillgänglighet */
}

div#schema .announcedrequirement
{
	background-color: #ffb495;   /* Annonserade beställningar (ANVÄNDS EJ FÖR TILLFÄLLET) */
}

div#schema .acceptedinquiry
{
	background-color: #FFD2D8;   /* Accepterad förfrågan (men inte tilldelad ännu) */
} 

div#version
{
	margin: 0 10px 0 0;
}

/*
 * 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
{
    padding-top: 10px;
    padding-bottom: 10px;
}
/* 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 */