/* General layout */
* {
	color: #424242;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
HTML {
	height:	100%;
}

/* Body layout */
BODY {
	background-color: #ffffff;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424242;
	height:	100%;
}

/* The top left logo */
.axp_top_left_logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 40px;
	background-image: url("/images/axp/pro_axp_logo_top.png");
	z-index: 2;
}

/* The top bar, which lies beneath the top logos */
.axp_top_bar {
	position: absolute;
	top: 0px;
	left: 0px;
	right:0px;
	height: 40px;
	width: 100%;
	background-image: url("/images/axp/axp_top_bar_bg.png");
	z-index: 1;
}

/* The top right logo */
.axp_top_right_logo {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 190px;
	height: 40px;
	background-image: url("/images/axp/consendo_logo_top.png");
	z-index: 2;
}

/* The main content box on the login page */
.axp_login_main_page {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	height: 90%;
	z-index: 3;

}

/* The login box */
.axp_login_box {
	position: relative;
	width: 220px;
	height: auto;
	margin-left: 40%;
	margin-top: 100px;
	border: thin solid black;
	z-index: 3;
}


/* Header for AXP boxes */
.axp_box_head {
	width: auto;
	_padding-right: 10px;
	font-weight: bold;
	background-image: url("/images/axp/axp_head_bg.gif");
	height: 15px
}
.redbg {
	background-image: url("/images/axp/axp_head_bg_red.gif");
	background-color: #990000
}
.greybg {
	background-image: url("/images/axp/axp_head_bg_grey.gif");
	background-color: #666666
}
.greenbg {
	background-image: url("/images/axp/axp_head_bg_green.gif");
	background-color: #009900
}
.yellowbg {
	background-image: url("/images/axp/axp_head_bg_yellow.gif");
	background-color: #CCCC00
}
.whitebg{
	background-color: #fff;
}



.axp_box_head_title {
	color: #ffc;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
/*	float: left; */
	height: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.axp_box_buttons {
	vertical-align: middle;
	height: 20px;
	float: right;
}

.axp_box_content {
	width:auto;
	padding: 3px;
	_padding-right: 10px; /* ie has a rightmargin */
	background: #FFFFFF;
	border: 1px solid #879096;
	border-color: #879096
}

/* AXP top menu */
.axp_top_menu {
	position: absolute;
	top: 0px;
	left: 130px;
	right: 190px;
	height: 40px;
	width: auto;
	z-index: 2;
}

/* The table holding the top menu buttons */
.axp_top_menu_buttons {
	position: relative;
	top: 11px;
}

/* Top menu button */
.axp_top_menu_button {
	height: 18px;
	width: 88px;
	padding-left: 10px;
	color: #424242;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #d4ddcc;
	background-image: url(/images/axp/menu_button_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-left: 1px solid #879aa3;
	border-bottom: 1px solid #879aa3;
	border-right: 1px solid #879aa3;
	cursor: pointer;
}
/* Top menu button when pressed. */
.axp_top_menu_button_down {
	height: 18px;
	width: 88px;
	padding-left: 10px;
	color: #424242;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #ffffcc;
	background-image: url(/images/axp/menu_button_right_over.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-left: 1px solid #879aa3;
	border-bottom: 1px solid #879aa3;
	border-right: 1px solid #879aa3;
	cursor: pointer;
}
/* Shade below top button */
.axp_top_menu_button_shade {
	height: 10px;
	background-image: url(/images/axp/axp_menu_button_shade.gif);
}
/* shade below top button shaded */
.axp_top_menu_button_shade_down {
	height: 10px;
	background-image: url(/images/axp/axp_menu_button_shade_over.gif);
}

/* main container block */
#axp_main_container {
	position: absolute;
	top: 40px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

/* Info bar */
#axp_info_bar {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 190px;
	height: 30px;
	padding-right: 10px;
	text-align: right;
	width: auto;
	background-color: #ffffcc;
	color: #424242;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* Info bar, consultant name */
#axp_info_bar_consultant {
	float: right;
	height: 20px;
	padding-top: 7px;
	
}

#axp_info_bar_status {
	float: left;
	height: 20px;
	padding-top: 7px;
	padding-left: 10px;
}



#axp_leftpane {
	position:absolute;
	width: auto;
	right: 190px;
	top: 30px;
	left: 0px;
}

/* Sub menu */
.axp_sub_menu {
/*	position: absolute;
	top: 30px;
*/
	left: 0px;
	right: 190px;
/*
	height: 20;
*/
	width: auto;
	_width: 100%;
	border: 0px dotted blue;

}

#axp_minibutton_container {
	float: left;
	padding-left: 10px;
	width: 81px;
	_width: 91px;
/* IE hack to include the padding */
	height: 20px;
	background-color: #ffffcc;
	background-image: url(/images/axp/status_bottombg.gif);
	background-repeat: repeat-x;
}

.axp_minibutton {
	float: left;
	height: 20px;
	width: 15px;
	cursor: pointer;
	text-decoration: none;
}


#axp_team_adminicon {
	display: none;
	background-image: url(/images/axp/icons/IkonTeam.gif);
}
#axp_team_adminicon:hover {
	background-image: url(/images/axp/icons/IkonTeam_over.gif);
}
#axp_applicanticon {
	display: none;
	background-image: url(/images/axp/icons/IkonAnsoegere.gif);
}
#axp_applicanticon:hover {
	background-image: url(/images/axp/icons/IkonAnsoegere_over.gif);
}
#axp_timesheetsicon {
	display: none;
	background-image: url(/images/axp/icons/IkonTimereg.gif);
}
#axp_timesheetsicon:hover {
	background-image: url(/images/axp/icons/IkonTimereg_over.gif);
}
#axp_focuslisticon {
	display: none;
	background-image: url(/images/axp/icons/IkonFokuslister.gif);
}
#axp_focuslisticon:hover {
	background-image: url(/images/axp/icons/IkonFokuslister_over.gif);
}
#axp_searchicon{
	display: none;
	background-image: url(/images/axp/icons/IkonSoeg.gif);
}
#axp_searchicon:hover {
	background-image: url(/images/axp/icons/IkonSoeg_over.gif);
}
#axp_newicon{
	display: none;
	background-image: url(/images/axp/icons/IkonNy.gif);
}
#axp_newicon:hover {
	background-image: url(/images/axp/icons/IkonNy_over.gif);
}
#axp_illnessicon{
	display: none;
	background-image: url(/images/axp/icons/IkonSyg.gif);
}
#axp_illnessicon:hover {
	background-image: url(/images/axp/icons/IkonSyg_over.gif);
}
#axp_quickbookingicon {
	display: none;
	background-image: url(/images/axp/icons/QuickBook.gif);
}
#axp_quickbookingicon:hover {
	background-image: url(/images/axp/icons/QuickBook_over.gif);
}
#axp_multi_overviewicon {
	display: none;
	background-image: url(/images/axp/icons/IkonMultiMeldeOversigt.gif);
}
#axp_multi_overviewicon:hover {
	background-image: url(/images/axp/icons/IkonMultiMeldeOversigt_over.gif);
}

#axp_status_menu_buttons {
}

/* status menu button when pressed. */
.axp_status_menu_button {
	height: 15px;
	_height: 20px;
	padding-top: 3px;
	min-width: 88px;
	_width: 100px; /* IE hack (was 90px) 88 px + 2 px border + 10px padding */
	padding-left: 10px;
	padding-right: 10px;
	color: #424242;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #d4ddcc;
	background-image: url(/images/axp/menu_button_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-top: 1px solid #879096; 
	border-left: 1px solid #879aa3;
	border-bottom: 1px solid #879aa3;
	border-right: 1px solid #879aa3;
	cursor: pointer;
/** extra **/
	float: left;
	margin-right: 11px;
	margin-bottom: 5px;
}
.axp_status_menu_button_down {
	height: 15px;
	_height: 20px;
	padding-top: 3px;
	width: 88px;
	_width: 100px; /* IE hack (was 90px) 88px + 2px border + 10px padding */
	padding-left: 10px;
	padding-right: 10px;
	color: #424242;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #ffffcc;
	background-image: url(/images/axp/menu_button_right_over.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-top: 1px solid #ffffcc;
	border-left: 1px solid #879aa3;
	border-bottom: 1px solid #879aa3;
	border-right: 1px solid #879aa3;
	cursor: pointer;
/** extra **/
	float: left;
	margin-right: 11px;
	margin-bottom: 5px;
}
/* Shade below status menu button */
.axp_status_menu_button_shade {
	height: 10px;
	background-image: url(/images/axp/axp_menu_button_shade.gif);
}
.axp_status_menu_button_shade_down {
	height: 10px;
	background-image: url(/images/axp/axp_menu_button_shade_down.gif);
}

/* Main page */
.axp_main_page {
/*
	position: absolute;
	top: 50px;
*/
/*
	width: auto;
	_width: expression ((document.body.innerWidth - 300) + 'px');
*/
/*
	float: right;
	height: auto;
	padding: 10px;
*/
	/* IE can't figure out how wide stuff should really be, if we use padding, so lets give it up, and just add a small left-padding. */
/*
	_padding: 0px;
	_padding-top: 10px;
	_padding-left: 10px;
*/
	/* facilitate for maybe scrollbar in weird IE */
/*
	_padding-right: 28px;
	
	border: 0px dotted red;
*/
	margin: 5px;
	border: 1px dotted red

}

/* Order status box in right side */
#axp_order_status {
	position: absolute;
	top: 40px;
	right: 0px;
	width: 181px; /** padding and width must be adjusted according to eachother - the combined width shall be 189px */
	_width: 190px; /* combined IE hack for internal border and width+padding */
	height: auto;
	min-height: 2000px;
	border-left: 1px solid #849294;
	background-color: #d4ddcc;
	z-index: 5;
	padding-left: 4px;
	padding-right: 4px;
}

.redtext {color: #CC0000}
.greentext {color: #009900}
.whitetext {color: #FFFFFF}
.bluetext {color: #0000FF}
.largeblack {color: #000000; font-size:16px; font-weight:bold}

/* http://blog.yosle.com/2007/09/20/css-round-corners/ */
/* Classes for rounded css-boxes, note, we have red, green and black */
.roundedboxredb1, .roundedboxredb2, .roundedboxredb3, .roundedboxredb4{font-size:1px; overflow:hidden; display:block;}
.roundedboxredb1 {height:1px; background:#f00; margin:0 5px;}
.roundedboxredb2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #f00; margin:0 3px;}
.roundedboxredb3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #f00; margin:0 2px;}
.roundedboxredb4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #f00; margin:0 1px;}
.roundedboxredcontentb {background: #fff; border-right:1px solid #f00; border-left:1px solid #f00;}
.roundedboxredcontentb div {margin-left: 5px;}

.roundedboxgreenb1, .roundedboxgreenb2, .roundedboxgreenb3, .roundedboxgreenb4{font-size:1px; overflow:hidden; display:block;}
.roundedboxgreenb1 {height:1px; background:#0f0; margin:0 5px;}
.roundedboxgreenb2 {height:1px; background:#fff; border-right:2px solid #0f0; border-left:2px solid #0f0; margin:0 3px;}
.roundedboxgreenb3 {height:1px; background:#fff; border-right:1px solid #0f0; border-left:1px solid #0f0; margin:0 2px;}
.roundedboxgreenb4 {height:2px; background:#fff; border-right:1px solid #0f0; border-left:1px solid #0f0; margin:0 1px;}
.roundedboxgreencontentb {background: #fff; border-right:1px solid #0f0; border-left:1px solid #0f0;}
.roundedboxgreencontentb div {margin-left: 5px;}

.roundedboxblackb1, .roundedboxblackb2, .roundedboxblackb3, .roundedboxblackb4{font-size:1px; overflow:hidden; display:block;}
.roundedboxblackb1 {height:1px; background:#888; margin:0 5px;}
.roundedboxblackb2 {height:1px; background:#fff; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.roundedboxblackb3 {height:1px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.roundedboxblackb4 {height:2px; background:#fff; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.roundedboxblackcontentb {background: #fff; border-right:1px solid #888; border-left:1px solid #888;}
.roundedboxblackcontentb div {margin-left: 5px;}

.roundedboxtransparentbgb1, .roundedboxtransparentbgb2, .roundedboxtransparentbgb3, .roundedboxtransparentbgb4{font-size:1px; overflow:hidden; display:block;}
.roundedboxtransparentbgb1 {height:1px; background:#888; margin:0 5px;}
.roundedboxtransparentbgb2 {height:1px; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.roundedboxtransparentbgb3 {height:1px; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.roundedboxtransparentbgb4 {height:2px; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.roundedboxtransparentbgcontentb {border-right:1px solid #888; border-left:1px solid #888;}
.roundedboxtransparentbgcontentb div {margin-left: 5px;}

.microColorBox {width:4px;height:4px;border-width:1px;border-style:solid;border-color:#000000;margin:0px -1px 0px 0px;}

.rightaligned {
	text-align: right;
}

.bold {
	font-weight: 900 !important
}
.sumcol {border-top: 1px solid black}
.totalsumcol {border-top: 1px solid black; border-bottom: 1px solid black}
.weekheader {background: #BBBBBB; color: #000000; font-weight: bold}

/* prettygrey is a table with dark grey borders with only 1 pixel border between cells */
table.prettygrey {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse
}
table.prettygrey td{
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}

table.noborder {
	border-width: 0px;
	border-collapse: collapse;
	width:100%;
}
table.noborder td{
	border-width: 0px;
}
.approvedshift {
	border-bottom: 7px solid #00FF00 !important
}
.erptransferredshift {
	border-bottom: 7px solid #808080 !important
}
.semiapprovedshift {
	border-bottom: 7px solid #EEEE99 !important
}
.conflictshift {
	background-color: #ff0000 !important;
}
.conflictshift td{
	color: #000000 !important
}
.booking {
	border-left: 1px solid black !important;
	border-right: 1px solid black !important;
	border-top: 1px solid black !important;
	border-bottom: 1px solid black;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	width: 100%
}

.approvedshift table {
	border-bottom: 1px solid black;
}
.erptransferredshift table {
	border-bottom: 1px solid black;
}
.squarebox{
	width: 10px;
	height:10px;
	border: 1px solid black;
	overflow: hidden
}

.citizenmenulink {
	font-size: 12px !important;
	font-weight: normal !important;
	font-family: verdana, arial, helvetica !important;
	text-decoration: none !important;
	color: #0156a9 !important;
	position: relative;
	top: 2px !important
}
.rightaligned {
	text-align: right;
}

.economysum td{
	background: grey;
	color: #ffffff;
	padding: 2px;
	font-weight: bold
}

.citizen_journal_header {
	background-color:#FBD4B4;
}

.citizen_journal_note_table {
	border-spacing:0;
	border-collapse:collapse;
}

/* .citizen_journal_note_table > tbody > tr > td{
	border:1px solid black;
}*/