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

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

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

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

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