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

/* Body layout */
BODY {
	background-color: #ffffff;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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: 200px;
	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
}



.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: 19px;
	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: 19px;
	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: 20px;
*/
	width: auto;
	_width: 100%;
	border: 0px dotted blue;

}

#axp_minibutton_container {
	float: left;
	padding-left: 10px;
	width: 61px;
	_width: 71px;
/* 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_status_menu_buttons {
}

/* status menu button when pressed. */
.axp_status_menu_button {
	height: 15px;
	_height: 20px;
	padding-top: 3px;
	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: 10;
	background-image: url(/images/axp/axp_menu_button_shade.gif);
}
.axp_status_menu_button_shade_down {
	height: 10;
	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: 2000;
	border-left: 1px solid #849294;
	background-color: #d4ddcc;
	z-index: 5;
	padding-left: 4px;
	padding-right: 4px;
}

.redtext {color: #FF0000}
.greentext {color: #00FF00}
.whitetext {color: #FFFFFF}
.bluetext {color: #0000FF}

/* paginator styles */
.pages { text-align: center;  font: 11px/15px Arial, Helvetica;}
.paginator { font-size: 10px; padding-top: 10px; margin-left: auto; margin-right: auto; }
.paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator .atstart { margin-right: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.paginator .prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginator .next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.paginator .atend { margin-left: 20px; padding: 2px 6px; background: #fff; color: #aaa; }
.paginator .this-page {padding: 2px 6px; border: solid 1px #ddd; font-weight: bold;  background: #fff; color: #FF0084;}
.paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
.pages div.results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }

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

.bigUploadDocs {
	height: 3rem;
	line-height: 3rem;
	cursor: pointer;
	border: solid 1px #000000;
	margin: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

.bigUploadDocs:hover {
	background-Color: #EEEEEE;
}