/* General layout */

/* Body layout */
BODY {
	background-color: #ffffff;
	margin: 0px;
	font-size: 11px;
	color: #424242;
}

/* 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: 350px;
	height: auto;
	margin: 0 auto;
	margin-top: 100px;
	border: thin solid black;
	z-index: 3;
	font-size: 16px;
	background: #FFFFFF;
}

.axp_login_box input[type="password"], .axp_login_box input[type="text"]{
	font-size: 16px;
	height: 1.2em;
	width: 11em;
}

.axp_login_box input[type="submit"] {
	font-size: 16px;
	height: 1.4em;
}


/* Header for AXP boxes */
.axp_box_head, .ui-widget-header {
	width: auto;
	/*_padding-right: 10px;*/
	font-weight: bold;
	background-image: url("/images/axp/axp_head_bg.gif");
}
.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
}

.axp_box_head_title {
	color: #ffc;
	font-weight: bold;
	text-decoration: none;
	/*float: left;*/
	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: 19px;
	width: 88px;
	padding-left: 10px;
	color: #424242;
	font-size: 9px;
	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: 19px;
	width: 88px;
	padding-left: 10px;
	color: #424242;
	font-size: 9px;
	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: 9px;
	background: url('/images/axp/axp_menu_button_shade.gif') top no-repeat;
}
/* shade below top button shaded */
.axp_top_menu_button_shade_down {
	height: 9px;
	background: url(/images/axp/axp_menu_button_shade_over.gif) top no-repeat;
}

/* 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;
	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: 76px;
	/*_width: 86px;*/
/* 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_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_status_menu_buttons {
}

/* status menu button when pressed. */
.axp_status_menu_button {
	height: 15px;
	/*_height: 20px;*/
	padding-top: 3px;
	min-width: 88px;
	/*_min_width: 100px;*/ /* IE hack (was 90px) 88 px + 2 px border + 10px padding */
	padding-left: 10px;
	padding-right: 10px;
	color: #424242;
	font-size: 9px;
	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;
	font-weight: normal;
/** extra **/
	float: left;
	margin-right: 11px;
	margin-bottom: 5px;
}
.axp_status_menu_button_down {
	height: 15px;
	/*_height: 20px;*/
	padding-top: 3px;
	min-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-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;
	font-weight: normal;
/** 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 !important}
.greentext {color: #009900 !important}
.whitetext {color: #FFFFFF !important}
.bluetext {color: #0000FF !important}
.largeblack {color: #000000; font-size:16px; font-weight:bold}
.largeblue {color: #336699; font-size:16px; font-weight:bold}
.largered {color: #CC0000; font-size: 16px; font-weight:bold}

.clickable{
	cursor: pointer;
}

.align-right {
	text-align:right;
}

/* HTML Helper styles */

.clickToEdit {
	padding: 1px 5px;
	border: solid 1px #000000;
	font-size: 11px;
	color: #333333;
	background-color: #DDDDDD;
	min-height: 1em;
	width: 194px;
	cursor: pointer;
}

/**/
.markFieldAsHoliday {
	color: #FFFFFF;
	background-color: #FF0000;
}

/** coaching order styles */
.coaching_order_week_exported {
	background-color: #cccccc;
}
.coaching_order_week_approved {
	background-color: #33FF33;
}
.coaching_order_week{
	background-color: #FFFF33;
}

@media print {
	.no-print {
		display: none;
	}
}

.highlightBlockTable {
	background: #EEEEEE;
	border-spacing: 3px;
	border-collapse: separate;
	padding: 2px;
}

.highlightBlockTable h1 {
	line-height: 1em;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

.highlightBlockTable .adesc {
	white-space: normal;
}

.redBg {
	background-color: #EB807F;
}

.yellowBg {
	background-color: #E7EB5B;
}

.greenBg {
	background-color: #C3F263;
}

/* show more/less styles */

.showMoreLessContainer {
	overflow: hidden;
	max-height: 6.5em;
	line-height: 1.3em;
}

.showMoreLessContainer + a {
	font-size: 0.8em;
}

.showMoreLessContainer.showMore {
	max-height: none;
}

.TimeoutBoxOff {
	display: none;
}

.TimeoutBox {
	position: fixed;
	width: 100%;
	min-height: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url("/shared/images/1x1semi_grey.png") repeat;
	z-index: 9998;
}
.TimeoutDialog {
	width: 10%;
	margin: auto;
	padding-top: 100px;
	z-index: 9999;
}

.notebar {
	height: auto;
	border: solid #999999 1px;
	padding: 5px;
	background-color: #F0EACA;
}

.warnbar {
	height: auto;
	border: solid #990000 2px;
	padding: 5px;
	background-color: #E1B3B3;
}

.noticeText {
	font-weight: bold;
}

.lowerborder, .lowerborder td {
	border-bottom: 1px solid black;
}
.upperborder, .upperborder td {
	border-top: 1px solid black;
}
.adesc td{
	color: #336699;
}

div.loading_icon {
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 50%;
	left: 0;
	top: 0;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url('/images/axp/ajaxloading.gif');
	background-position: center;
	background-repeat: no-repeat;
}

table.action-needed {
	border: 1px solid red;
}

.outlineRed {
	outline: 2px red solid;
	outline-offset: -1px;
}