html{
	/*background:#ACACAC url(../img/stretch.gif) left top repeat-x;*/
	background-color:#FFF;
	height:100%;
}

body{
	margin:0px;
	padding:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	/*background:url(../img/background.jpg) left top no-repeat;*/	
	height:100%; 
	color:#555555;
}

/* Hackety-hack-hack... FF2, with the above code, will only display the repeat-y image for as high as the window's viewport is; higher content (upon scrolling) will not have the bg. This "hack" makes the tiled background work properly in FF2. This type of "advanced selector" is not understood by IE6...dunno 'bout IE7. */
html>body {min-height:100%; height:auto;}

*{margin:0px; padding:0px;}

/*#container-outer{position:relative; margin:0 auto; padding:0px; padding-top:20px; width:985px;}

#container-top{position:relative; background:url(../img/top_round.png) left top no-repeat; height:12px; width:985px;}

#container-bottom{position:relative; background:url(../img/bottom_round.png) left top no-repeat; height:12px; width:985px; margin-bottom:15px;}

#container{position:relative; background:url(../img/tile.png) left top repeat-y; width:985px;}*/

#container{
	position:relative; 
	border:2px solid #CACFD1; 
	width:985px; 
	margin:0 auto; 
	padding:0px; 
	padding-top:20px; 
	margin-top:20px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-border-radius: 6px;
}

#top{position:relative; margin:0 auto; padding:0px; height:100px; width:985px;}

	#logo{position:relative; margin:0px; padding:0px; margin-left:20px; float:left; background:url(../img/logo.jpg) no-repeat; width:441px; height:66px;}
		#logo a{display:block;}

	#logged_in_box{position:relative; margin:0px; padding:0px; width:200px; min-height:20px; height:auto !important; height:20px; float:right; margin-right:25px;}
		#logged_in_box p{position:relative; margin:0px; padding:0px; color:#555555; font-weight:bold; text-decoration:none; font-size:11px; text-align:right;}
		#logged_in_box p span{position:relative; margin:0px; padding:0px; color:#555555; font-weight:normal; text-decoration:none; font-size:11px; text-align:right;}
		
		#logged_in_box div.logout{position:relative; float:right; margin-top:5px;}
		#logged_in_box span.logout_text, #logged_in_box div.logout a{color:#555555; font-weight:normal; font-size:11px; text-decoration:none;}
		#logged_in_box p.system_name{position:relative; margin:0px; padding:0px; color:#555555; font-weight:normal; text-decoration:underline; font-size:30px; text-decoration:none; font-style:italic; text-align:right;}

/*#menu{position:relative; margin:0 auto; padding:0px; background:url(../img/nav-bg.gif) left top no-repeat; height:36px; width:946px; padding-bottom:20px;}*/
#menu {
    border-radius: 6px;
    height: 36px;
    margin: 0 auto 20px;
    padding: 0;
    position: relative;
    width: 946px;
}
	
	#jsddm{
		margin:0px;
		padding:0px;
		margin-left:20px;
		list-style:none;
	}
		
		#jsddm li{
			margin:0px;
			padding:0px;
			float: left;
			list-style: none;
			font-size: 11px;
			margin-right:40px;
			font-weight:bold;
		}
		
		#jsddm li.home{
			background:url(../img/icon/house.png) left 8px no-repeat;
		}
		#jsddm li.timereg{
			background:url(../img/icon/report_edit.png) left 8px no-repeat;
		}
		#jsddm li.report{
			background:url(../img/icon/page_red.png) left 8px no-repeat;
		}
		#jsddm li.setting{
			background:url(../img/icon/cog.png) left 8px no-repeat;
		}
	
		#jsddm li a{
			display: block;
			padding: 10px 12px 0px 20px;
			height:25px;
			text-decoration: none;
			color: #EAFFED;
			white-space: nowrap;
		}
	
		#jsddm li a:hover{/*background: #1A4473;*/}
			
			#jsddm li ul{
				margin: 0;
				padding: 0;
				position: absolute;
				visibility: hidden;
				z-index:99;
			}
			
			#jsddm li ul li{
				float: none;
				display: inline;
				margin-right:0px;
			}
			
			#jsddm li ul li a{
				width: auto;
				display: block;
				padding: 10px 12px 10px 10px;
				height:auto;
				background: #E70F0F;
				border-right:1px solid #CF0202;
				border-left:1px solid #CF0202;
				border-bottom:1px solid #CF0202;
			}
			
			#jsddm li ul li a:hover{background: #9F1B1B;}
	
	/*#menu ul.nav {
		margin:0;
		padding:10px 10px 0;
		list-style:none;
	}
	
	#menu ul.nav  li {
		float:left;
		margin:0;
		padding:0;
		margin-top:-9px;
		margin-right:40px;
		font-weight:bold;
		font-size:11px;
		
	}*/
	/*#menu ul.nav li.active{
		float:left;
		background:url(/img/tab-right.gif) no-repeat right top;
		margin:0px;
		padding:0px;
		margin-top:-10px;
		margin-right:40px;
	}
	#menu ul.nav a {
		display:block;
		padding:10px 15px 4px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	#menu ul.nav li.active a{
		display:block;
		background:url(/img/tab-left.gif) no-repeat left top;
		padding:12px 15px 12px;
		color:#000000;
		text-decoration:none;
	}
*/

#content{margin:0px; padding:0px; margin-left:20px; padding-top:0px; padding-bottom:30px; min-height:350px;}

#content .box_create_timereport_toggle{display:none; margin-bottom:20px;}
#content .box{}
#content .box-top-left{background:url(../img/table_top_left.png) left top no-repeat; width:10px; height:32px; float:left;}

#content .box-top-middle-fullscreen{background:url(../img/table_top_tile.png) left top repeat-x; height:32px; width:914px; float:left;}
#content .box-top-middle-2column-left{background:url(../img/table_top_tile.png) left top repeat-x; height:32px; width:731px; float:left;}
#content .box-top-middle-2column-right{background:url(../img/table_top_tile.png) left top repeat-x; height:32px; width:138px; float:left;}

#content .box-top-middle-fullscreen h1, #content .box-top-middle-2column-left h1, #content .box-top-middle-2column-right h1{margin:0px; padding:0px; padding-top:6px; font-size:11px; color:#555555; font-weight:bold}
	
#content .box-top-right{background:url(../img/table_top_right.png) left top no-repeat; width:22px; height:32px; float:left;}
            
#content .box-content-fullscreen{background-color:#EEF2F4; width:934px; padding-left:10px; border-left:#DCDFE0 1px solid; border-right:#DCDFE0 1px solid; overflow:hidden;}
#content .box-content-2column-left{background-color:#EEF2F4; width:751px; padding-left:10px; border-left:#DCDFE0 1px solid; border-right:#DCDFE0 1px solid; overflow:hidden;}
#content .box-content-2column-right{background-color:#EEF2F4; width:158px; padding-left:10px; border-left:#DCDFE0 1px solid; border-right:#DCDFE0 1px solid;}
            
#content .box-bottom-left{background:url(../img/table_bottom_left.png) left top no-repeat; width:10px; height:50px; float:left;}

#content .box-bottom-middle-fullscreen{background:url(../img/table_bottom_tile.png) left top repeat-x; height:50px; width:926px; float:left;}
#content .box-bottom-middle-2column-left{background:url(../img/table_bottom_tile.png) left top repeat-x; height:50px; width:743px; float:left;}
#content .box-bottom-middle-2column-right{background:url(../img/table_bottom_tile.png) left top repeat-x; height:50px; width:150px; float:left;}

#content .box-bottom-right{background:url(../img/table_bottom_right.png) left top no-repeat; width:10px; height:50px; float:left;}

#content .message-box {background-color:#FFF; margin-bottom:20px; margin-right:10px; padding:5px;}
#content .message-box p{margin:0px; padding:0px;}
#content .message-box h2{margin:0px; padding:0px; margin-bottom:0px; margin-top:0px; font-size:11px; font-weight:bold;}
#content .message-box h2 a{color:#555555; text-decoration:none;}
#content .message-box p.message a{color:#555555; text-decoration:none;}
#content .message-box p.date{margin:0px; padding:0px; font-size:11px; font-weight:normal;}
#content .message-box p.link{margin:0px; padding:0px; margin-top:10px;}
#content .message-box p.link a{color:#555555;}

#content #sorttable th, #content #sorttable_only_emp th{cursor:move; text-align:left; padding-left:4px;}

#content table td{font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#555555;}

#content table tr.table_header{font-weight:bold;}
#content table.table_create td{padding-bottom:5px;}
#content table.table_list td{padding:6px 5px 4px 5px;}
#content table.table_list tr:hover{background-color:#FFFF99;}
#content table td a{color:#555555;}

#content table.table_list tr.spec_hours{background-color:#E8D1C2;}
#content table.table_list td.spec_hours_data{padding-left:20px;}
#content table.table_list tbody.small_text td{font-size:10px;}

#content #content-left-data{width:566px !important; float:left; margin-right:10px;}
#content #content-right-data{width:342px !important; float:left;}

/*timereport*/
#content table.table_timereport tr td{border:#999 1px solid; padding:6px 5px 4px 5px;}
#content table.table_timereport tr.table_header td{font-weight:bold; background-color:#555555; color:#FFF;}
#content table.table_timereport tr.timereport_no_border td{border:none;}
#content table.table_timereport tr.timereport_sum td{font-size:12px; font-weight:bold;}
#content table.table_timereport tr:hover{background-color:#FFFF99;}

p.timereport_description_hide{display:none;}
p.timereport_description_show{display:block;}
p.timereport_description_show span{font-style:italic;}

#timereport_status{margin-bottom:5px;}
/*-----*/

#content .register_button{padding-bottom:5px;}

#content #content-left{width:763px; float:left; margin-right:10px;}

#content #content-right{position:relative; width:170px; float:left;}
#content #content-right ul{margin-left:14px; padding-top:5px;}
#content #content-right ul li{list-style-type:square;}
#content #content-right ul li a{color:#555555; text-decoration:none; font-weight:normal;}
#content #content-right p {margin:0px; padding:0px; padding-top:10px;}
#content #content-right p a{color:#555555; text-decoration:none; font-weight:normal;}


/*#content-bottom{position:relative; margin:0 auto; padding:0px; background:url(../img/nav-bg.gif) left top no-repeat; height:36px; width:946px;}*/
#content-bottom {
    border-radius: 6px;
    height: 36px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 946px;
}

#footer{position:relative; margin:0 auto; padding:0px; width:946px;}
	#footer p, #footer a{margin:0px; padding:0px; text-align:right; font-size:11px; color:#999999; font-weight:normal; margin-top:5px; text-decoration:none;}

/*Generella klasser*/
#done{
	padding:10px 5px 10px 35px;
	margin:0px 10px 10px 0px;
	background-image:url(../img/done.png);
	background-position: 0.5% 50%;
	background-repeat:no-repeat;
	background-color:#D3E8C6;
	border:1px solid #51A321;
}
	
#err{
	padding:10px 5px 10px 35px;
	margin:0px 10px 10px 0px;
	background-image:url(../img/delete.png);
	background-position: 0.5% 50%;
	background-repeat:no-repeat;
	background-color:#FFB0B0;
	border:1px solid #C40000;
}

.textarea{font-size:11px; border: 1px #888888 solid; width:400px; height:60px; font-family:Tahoma, Geneva, sans-serif;}

.textarea_status{font-size:11px; border: 1px #888888 solid; width:255px; min-height:200px; font-family:Tahoma, Geneva, sans-serif;}

.readonly{background-color:#CCC; border: 1px #ABABAB solid; font-size:11px; padding:2px;}

.button{font-family:Tahoma, Geneva, sans-serif; color:#555555;}

.required{color:#DF0000;}

.fade{border:#FF0000 0px solid;}

.even{background-color:#E6E6E6;}

.odd{background-color:#FFFFFF;}

.info_big{font-size:13px; margin-bottom:5px;}

form{margin:0px; padding:0px;}

#icon_holder{padding-bottom:3px;}
#icon_holder a.icon{text-decoration:none; color:#555555;}
#icon_holder img{border:none; width:16px; height:16px;}

#icon_holder_doc{padding-bottom:6px; clear:both;}
#icon_holder_doc p{padding-top:3px;}
#icon_holder_doc a.icon{text-decoration:none; color:#555555;}
#icon_holder_doc img{border:none; float:left; margin-right:6px;}

.button_holder_small{margin:0px; padding:0px; width:105px; height:22px;}
p.button_img_small{margin:0px; padding:0px; padding-top:3px; background:url(../img/menu_button_small.png) top left no-repeat; width:105px; height:17px; text-align:center; font-size:11px;}
a p.button_img_small {color:#000000; text-decoration:none;}

.clear{clear:both; float:none; margin:0px;	padding:0px;}

.mandatory{color:#FF0000;}

#paging_container{position:relative; margin:0px; padding:0px; margin-left:4px; margin-top:20px; padding-top:5px;}
#paging_container p.paging{margin:0px; padding:0px; float:left; margin-right:10px;}
#paging_container .img{margin:0px; padding:0px; padding-top:0px;}


/*Color*/
#menu, #content-bottom{
	border: 1px solid #000;
	background: #4B5C66;
	background: -moz-linear-gradient(top,  #4B5C66 0%, #4B5C66 100%); /* FF3.6+ */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4B5C66), color-stop(100%,#4B5C66)); /* Chrome,Safari4+ */ 
	background: -webkit-linear-gradient(top,  #4B5C66 0%,#4B5C66 100%); /* Chrome10+,Safari5.1+ */ 
	background: -o-linear-gradient(top,  #4B5C66 0%,#4B5C66 100%); /* Opera 11.10+ */ 
	background: -ms-linear-gradient(top,  #4B5C66 0%,#4B5C66 100%); /* IE10+ */ 
	background: linear-gradient(to bottom,  #4B5C66 0%,#4B5C66 100%); /* W3C */ 
}

#jsddm li a{
	color: #EAFFED;	
}

#jsddm li ul li a{
	background: #4B5C66;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
}

#jsddm li ul li a:hover{background: #666666;}

/*Slut color*/


.simple_overlay{
	/*background:transparent url(../img/overlay/white.png) no-repeat;*/
	background-color:#FFF;
	
	/* must be initially hidden */
	display:none;
	position:relative;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	/*width:671px !important;
	height:516px !important;*/
}

.overlay_timereport_width{
	width:900px !important;
	height:500px !important;
}
.overlay_message_width{
	width:671px !important;
	height:500px !important;
}
	
/* close button positioned on upper right corner */
.simple_overlay .close{
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:36px;
	width:36px;
}

div.contentWrap{
	height: 410px !important;
	overflow:hidden;
	/*width:530px !important;*/
	margin-top:50px;
	margin-left:30px;
	padding-right:30px;
}

div.contentWrap_timereport_width{
	width:820px !important;
}
div.contentWrap_message_width{
	width:530px !important;
}

div.contentWrap .unread-messages{
	margin-bottom:15px;
}

	div.contentWrap .unread-messages h2{
		color:#000;
		font-size:20px;
		font-weight:normal;
	}
	
	div.contentWrap .unread-messages p.date{
		color:#555555;
		font-size:11px;
		margin-bottom:10px;
	}
	
	div.contentWrap .unread-messages p.info{
		color:#555555;
		font-size:11px;
	}
	
	div.contentWrap #timereport_item_container p.date{
		color:#555555;
		font-size:11px;
		margin-top:5px;
		margin-bottom:10px;
	}
	
	div.contentWrap #timereport_item_container p.timereport_description_show, div.contentWrap #timereport_item_container p.timereport_description_hide{
		color:#555555;
		font-size:11px;
		margin-top:10px;
	}
	
	div.contentWrap #timereport_item_container h2.reg{
		margin:0px;
		padding:0px;
		margin-top:30px;
	}
	
	div.contentWrap #timereport_item_container p.time{
		margin:0px;
		padding:0px;
		margin-top:20px;
	}
	
	div.contentWrap #timereport_item_container #timreport_item_table{
		margin-top:0px;
	}
	
	div.contentWrap #timereport_item_container #timreport_item_table tr.hover:hover{background-color:#FFFF99;}
	div.contentWrap #timereport_item_container #timreport_item_table tbody.content td{padding:3px 0px;}
	
	div.contentWrap table.edit_subsistence tr td{padding:1px 0px;}

	
/* use a semi-transparent image for the overlay */
#overlay{
	/*background-image:url(../img/overlay/white.png);
	color:#efefef;
	height:450px;*/
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap{
	/*height:441px;*/
	overflow-y:auto;
}