@charset "utf-8";
/* CSS Document */

/* LOG IN PANEL */

.inline{
	display:inline;}
	
	.left{
		float:left;}
	

#statistics td
{
	padding:5px;
}

#log_in_panel
{	display:block;
	position:relative;
	margin-right: auto;
	margin-left: auto;	
	width:300px;
	top:250px;
	
	}

	


/* MAIN DISPLAY LIST STYLES /**/


body{

	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: 400;
}

.function_panel{
	height:40px;
	display:block;
	z-index:48;
	position:relative;
	top:0px;
}
#program_options_panel,
#display_options_panel{
position:absolute;
width:275px;
display:none;
left:346px;
}

#display_options_panel{
	left:245px;
}
#display_options_panel .display_option{
	position:absolute;
	right:0px;
	
}
#display_options_panel ul{
}

#display_options_panel ul li{
}

#display_options_panel ul li ul{
}

#display_options_panel ul li ul li{
}
#wait_box{
	display:block;
	position:relative;
	overflow:visible;
	top:150px;
	height:0px;
	width:0px;
	margin-right: auto;
	right:254px;
	margin-left: auto;
	z-index:12;
}

#wait_box>img{
	border:thick solid #333;
}

.page_header{
position:relative;
display:block;
margin-top:50px;
left:65px;
width:80%;
z-index:1;
}

#app_title{ z-index:1;
}
.standard_button{
	float:left;
	width:80px;
	display:inline;
	padding:10px;
	vertical-align: middle;
	cursor:pointer;
	
}
li{list-style:none}

.menu_button{
	float:left;
	width:80px;
	display:inline;
	padding:10px;
	height:14px;
	cursor:pointer;
	vertical-align: middle;
	overflow:visible;
	z-index:40;
	
	
}

div#function_panel ul li ul{display:none;
}



 #display_filter_opts{ display:block;
 position:relative;}

#tidsedel_	opts{
	padding:10px;
	z-index:90;
 display:none;

 position:absolute;
top:88px; left:100px;
width:75px;}

.buttons{
	display:block;
	background-color:ffffff;
	overflow:visible;
	padding:10px;
	padding-top:0px;
	right:10px;
	width:100%;
	padding-bottom:8px;
	position:relative;
	top:10px;
	right:11px;

}

.but{
	display:block;
	position:relative;
	cursor:pointer;
	
}
li{display:block;}
.inline{display:inline;}
.sub{position:relative;
	padding-left:10px;}

.clear{clear:both;}
.right{float:right; clear:none;}
.left{float:left}
#client_list
{
	
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;

}



#client_list
{	border:1px;
	position:relative;
	margin-top:15px;
	display:block;
	width:90%;

	margin-right: auto;
	margin-left: auto;
}

.list_client_row{
	
	position:relative;
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #DBDBDB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding:0px;
	

}

.list_client_row:hover{

}

.col_id, .col_namesurname, .col_company, .col_username, .col_email,
.list_col_id, .list_col_namesurname, .list_col_company, .list_col_username, .list_col_email{
	padding:0px;
	position:relative;
	/*width:200px;*/


}

#date_due{
	position:absolute;
	top:300px;
	
}

.col_company,
.list_col_company,
.col_email,
.list_col_email
{
width:240px;		
}

.col_id, .list_col_id{
	min-width:45px;
	padding-left:15px;
}

.col_namesurname,
.list_col_namesurname
{
min-width:100px;
padding-left: 5px;
}

.col_company,
.list_col_company,
.col_email,
.list_col_email
{

	padding-left: 5px;
}



.col_username,
.list_col_username
{

padding-left: 5px;
}

.client_list_headers{
	width:80%;




}

.client_list_row
{
	
	}

.client_list_header{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	margin-bottom: 5px;
	border-right-style: none;
	border-left-style: none;
	cursor:pointer;
}
.client_list tr td{
cursor:pointer;	
}

.row_num{
	font-size:smaller;
	padding:0px;
}
.colour_header{padding:0px;
padding-left:5px;
padding-right:5px;
font-size:small;}

/* COMPONENT STYLES */
#activity_frame{
	display:none;
	width:10px;
	}


/* licensing colours */

.geometra_active,.list_geo_ekal_paying{
	background-color:#8AC058;
}
.ekalkyl_active{
	background-color:#933;
}
.eprisbok_active{
	background-color:#B00000;
}
.tidsedel_active{
	background-color:#36C;
}
.malberibudget_active{
	background-color: #C1CB01;
}
.aukfonst_active{
	background-color: #029B40;
}

.list_geo_ekal_trial{
	background-color: #DD0;
}

.list_geo_ekal_inactive,
.list_geo_ekal_expired_trial{
	background-color: #900;
}

/* CLIENT EDIT PANEL STYLES /**/
#shade{
	position:fixed;
	width:100%;
	height:100%;
	display:none;
	top:0px;
	opacity:0.9;
	alpha:90;
	z-index:2;

	
}


#client_edit_panel_wrapper
{	display:block;
	position:fixed;
	top: 50px;
	width:100%;
	height:0px;
	
	overflow:visible;
	z-index:3;
	

}


#statistics table{
	font-size: small;
} 
#client_panel_close_activator{
}
#client_edit_panel
{
	display:none;
	position:relative;
	top:0px;

	width:60%;
	height:500px;
	padding-top:25px;

	z-index:5;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	overflow: auto;
	left: auto;
	right: auto;
}

field, input,textarea, select, .license_list,button{


	color:#CCC;
}

.license_row:hover{


}

#client_id
{
	position:absolute;
	top:10px;
	left:10px;
}

.password_fields{
	position:relative;
	width:25%;

}

.company_fields{
	position:relative;

	display:inline-table;
}

.contact_fields{
	display:inline-table;
	position:absolute;
	left:300px;
	top:0px;
	width:200px;
}


#client_notes{
	
	display:block;
	position:absolute;
	top:10px;
	width:100%;
	height:80%;
	resize:false;
	resize: none;
	margin-top:4px;
}

#follow_up_date{
			display:block;
	position:absolute;
		top:255px;
	right:10px;

	}
	

	
	#deactivate_user{
	display:block;
	position:absolute;
		bottom:5px;
	right:10px;
		}
	
#notes_wrapper
{	
		display:block;
	position:absolute;
	height:250px;
		top:10px;
	right:10px;
	width:35%;
}

/* licensing list styles */

#license_list_wrapper{
	display:block;
	position:absolute;
	width:60%;
	bottom:20px;
	right:10px;
}


.license_list{
	display:block;
	position:relative;
	height:200px;

	border: 1px solid;
	z-index:6;
}


.license_list table{
	width:100%;
	}

.license_list tr:hover{
	}

[class~=button]:hover{
	width:140px;
	
}



#debug_edges{
	display:none;
	position:fixed;
	bottom:25px;
	left:150px;
	width:800px;
	height:150px;
	border: 1px solid;
	z-index: 10;

	overflow: scroll;
}

#debug{
	width:900px;
}

.ui-resizable-n{
	height:5px;
	
	position:absolute;
	top:0px;
	width:100%;
	
	display:block;	
}

.ui-resizable-e,.ui-resizable-w{
	
	width:2px;
	position:absolute;
	z-index:100;
	top:0px;
	right:0px;
	height:100%;
}
.ui-resizable-w{
	left:0px;
}

.drag_bar{
	
position:absolute;
top:5px;
height:15px;
width:100%;
}

.ui-resizable-s{
bottom:0px;
height:5px;
width:100%;
position:absolute;
display:block;	

}


#debug_msg{
	position:relative;
	top:15px;
}

#license_add_box{
	display:none;
	top:100px;
	position:absolute;
	left:250px;
	border:5px double;
	width:300px;
	height:300px;
	z-index:7;
	margin-right: auto;
	margin-left: auto;
}

.expire_field{
	display:inline;
}

#license_add_box input{


}

#license_list{
	position:relative;
	overflow:auto;
}