/*
    The intention of this file is to determine the common layout scheme
    for the application. In former times this would have been your base
    table construct, where place all your spots like header, footer, etc.
*/

body
{
    color: #000;
    background: #ffffff;
    padding: 0;
    margin: 0;

}

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

/*
   This is the very first container in each apondos application.
   It is used to determine basic layout-options like: width, alignment and padding of
   the application
*/
#base_container
{
	float: left;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top:27px;
    margin-bottom:9px;
    width:1008px;
}


/*
   The application manager header
*/
#header
{
	height: 34px;
	width:auto;
	position:relative;
	margin-bottom:23px;
}

/*
  The logo and page caption on header
*/
#header-logo
{
	height: 35px;
	float:left;
	margin-left:15px;
	font-size:16px;
	font-family: arial;
	color: #666666;
	background: url('/resources/images/application_manager/appmanager-logo-fill.gif') 100% 0% repeat-x;
}
#header-logo img{
	float:left;
}
#header-logo-caption{
	float:left;
	vertical-align:bottom;
	padding:7px;
}


/*
	The logout and language change area
*/
#header-right
{

	height: 34px;
	width:auto;
	float:right;
	margin-left:15px;
	margin-right:85px;
	font-family: arial;
	font-size:11px;
}




/*
    A navigation tab
*/
#navigation
{
	height: 19px;
	margin-bottom: 7px;
	background: url('/resources/images/application_manager/navigation-footer-fill.gif') 100% 0% repeat-x;
	font-family: arial;
	font-size:11px;
	color: #666666;
}
#navigation-links{
	margin-left:5px;
	margin-right:10px;
	margin-top:2px;
	float:left;
}

#navigation-links a{
	font-family: arial;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
/*
    this is where the real contents are renders
*/
#stage_body
{
    padding-bottom: 14px;
}


table.stage_body{
	margin:0px;
	padding:0px;
	border: none;
	border-spacing:0px;
	border-collapse:collapse;
	border-width:0px;
	
	border-style:none;
}

div.content-caption{
	height: 26px;
	background: url('/resources/images/application_manager/red-header-fill.gif') 100% 0% repeat-x;
	font-family: arial;
	font-weight:bold;
	font-size:15px;
	color: #FFFFFF;
	width:100%;
}

#content-caption-text{
	margin-left:10px;
	padding-top:5px;
	margin-right:10px;
}
#content-caption-text-help{
	float:right;
	margin-left:10px;
	padding-top:5px;
	margin-right:10px;
	font-size:11px;
	font-weight:normal;
}

.content-login-principle {
    border: 1px solid black;
    border-top:none;
    border-bottom:none;
    height:198px;
    background: url('/resources/images/application_manager/login-red-bar.png') no-repeat;
}

#principle-content{
	float:left;
	padding-left:10px;
	padding-top:15px;
	width:583px;
	font-family: arial;
	font-size:15px;
}

#login-box{
	float:right;
	padding-top:15px;
	padding-right:15px;
}


table.box{
	 border: none;
	 border-spacing:0px;
	 border-collapse:collapse;
	 border-width:0px;
	 border-style:none;
}
td.box-header{
	padding:0px;
	font-family: arial;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	background: url('/resources/images/application_manager/box-header-fill.gif') 0% 100% repeat-x ;
}
td.box-content{
	 padding:0px;
	 font-size:11px;
	 font-family: arial;
	 background-color: #F1F1F1;
	 border-left: 1px solid #666666;
	 border-right: 1px solid #666666;
}

td.box-content-center{
	 padding:0px;
	 font-size:11px;
	 font-family: arial;
	 padding:8px;
	 font-weight:bold;
	 background-color: #F1F1F1;	 
	 border-bottom: 1px solid #B8B8B8;
	 text-align: left;
}

td.box-content-center.small_comment{
	 padding:0px;
	 font-size:10px;
	 font-family: arial;
}


td.box-content-checkbox{
	 border-bottom: 1px solid #B8B8B8;
}

td.box-content-left{
	 padding:0px;
	 font-size:11px;
	 font-family: arial;
	 border-left: 1px solid #666666;
	 background-color: #F1F1F1;
	 border-bottom: 1px solid #B8B8B8;
}

td.box-content-right{
	 padding:0px;
	 font-size:11px;
	 font-family: arial;
	 border-right: 1px solid #666666;
	 background-color: #F1F1F1;
	 border-bottom: 1px solid #B8B8B8;
}


td.box-tabbed-active{
	padding:0px;
	font-family: arial;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	align:center;
	padding-left:10px;
	cursor:pointer;
	background: url('/resources/images/application_manager/box-tab-fill-active.gif') 0% 100% repeat-x ;
}

td.box-tabbed-spacer{
	padding:0px;
	padding-left:0px;
	background: url('/resources/images/application_manager/box-tab-spacer.gif') 0% 100% repeat-x ;
}

td.box-tabbed-under{
	padding:0px;
	padding-left:0px;
	background: url('/resources/images/application_manager/box-tab-under.gif') 0% 100% repeat-x ;
}

td.box-tabbed-inactive{
	padding:0px;
	font-family: arial;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	color:grey;
	vertical-align:middle;
	padding-left:10px;
	background: url('/resources/images/application_manager/box-tab-fill-inactive.gif') 0% 100% repeat-x ;
}

td.box-bottom{
	background-color: #F1F1F1;
	height:3px;
	padding:0px;
    border-bottom: 1px solid #666666;
}

td.box-top{
	background-color: #F1F1F1;
	height:3px;
	padding:0px;
    border-top: 1px solid #666666;
}

td.box-coner{
	width:5px;
	height:5px;
	padding:0px;
	margin:0px;	
}

#content-stage{
    border: 1px solid black;
    border-top:none;
    width:700;
    background-image: url('/resources/images/application_manager/stage-bg.png');
    background-repeat: no-repeat;

}

table.content-stage{
	border-spacing:0px;
	border-collapse:collapse;
	border-width:0px;
	table-layout:fixed;
	border-style:none;
	width:100%;
	heigth:100%;
}

td.content-text{
	padding:10px;
	width:583px;

}

.red-caption-list{
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	font-family: arial;
	color:#9f0102;
}


.list-description{
	text-indent:0px;
	font-size:11px;
	font-family: arial;
}


td.content-contact{

}

#content-text{
	position:relative;
	padding:10px;
	width:360px;
}

#content-contact{
	padding:10px;
	vertical-align:top;
}

#contact-box{
	vertical-align:top;
	padding:15px;
}

/*
    used for common footer informations
*/
#footer
{
    height: 19px;
	background: url('/resources/images/application_manager/navigation-footer-fill.gif') 0 0 repeat-x;
	font-family: arial;
	font-size:11px;
	color: #666666;
}

#footer-copy{
	float:left;
	margin-left:5px;
	margin-top:2px;
}


#footer-info{
	float:right;
	margin-right:5px;
	margin-top:2px;
}


div.leftborder
{
	float:left;
}

div.rightborder
{
	float:right;
}


.link-blue a{
	color : blue;
	text-decoration:none;
}
.link-blue a visited{
	text-decoration:none;
}

a:link {
	color: black;
	text-decoration:underline;
}
a:visited{
	color: black;
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
	color: red;
}



.menu-container{
	background-image: url('/resources/images/application_manager/menu-background.gif');
	background-position: top center;
	background-repeat: no-repeat;
	width:196px;
	height:644px;
	font-size:14px;
	font-family: arial;
	color: #FFFFFF;
}

.menu-container table{
	border-spacing:0px;
	border-collapse:collapse;
	border-width:0px;
	table-layout:fixed;
	border-style:none;
	vertical-align:top;
	width:100%;
	heigth:100%;
}

.menu-container td{
	padding-left:10px;
}

.stage-container{
	width:100%;
	padding-left:9px;
	float:right;
	margin:0px;
	height:100%;
}

.content-stage{
    background-image: url('/resources/images/application_manager/stage-bg.png');
    background-repeat: repeat-x;
	border: 1px black solid;
	padding:10px;
}



select{
	border: 1px solid #686868;
}



/*
	Menu links
*/

.menu-link-1{
	height:39px;
	cursor:pointer;
	font-weight:normal;
	background-image: url('/resources/images/application_manager/menu-link-1.gif');
}
.menu-link-2{
	height:40px;
	cursor:pointer;
	font-weight:normal;
	background-image: url('/resources/images/application_manager/menu-link-2.gif');
}
.menu-link-3{
	height:40px;
	cursor:pointer;
	font-weight:normal;
	background-image: url('/resources/images/application_manager/menu-link-3.gif');
}
.menu-link-4{
	height:40px;
	cursor:pointer;
	font-weight:normal;
	background-image: url('/resources/images/application_manager/menu-link-4.gif');
}
.menu-link-5{
	height:40px;
	cursor:pointer;
	background-image: url('/resources/images/application_manager/menu-link-5.gif');
}

.menu-link-6{
	height:40px;
	cursor:pointer;
	background-image: url('/resources/images/application_manager/menu-link-5.gif');
}

.menu-link-7{
	height:40px;
	cursor:pointer;
	background-image: url('/resources/images/application_manager/menu-link-5.gif');
}

.menu-link-8{
	height:40px;
	cursor:pointer;
	background-image: url('/resources/images/application_manager/menu-link-5.gif');
}

.menu-link-9{
	height:40px;
	cursor:pointer;
	background-image: url('/resources/images/application_manager/menu-link-5.gif');
}

.menu-link-1-active{
	height:39px;
	cursor:pointer;
	font-weight:bold;
	background-image: url('/resources/images/application_manager/menu-link-1-active.gif');
}
.menu-link-2-active{
	height:40px;
	cursor:pointer;
	font-weight:bold;
	background-image: url('/resources/images/application_manager/menu-link-active.gif');
}
.menu-link-3-active{
	height:40px;
	cursor:pointer;
	font-weight:bold;
	background-image: url('/resources/images/application_manager/menu-link-active.gif');
}
.menu-link-4-active{
	height:40px;
	cursor:pointer;
	font-weight:bold;
	background-image: url('/resources/images/application_manager/menu-link-active.gif');
}
.menu-link-5-active{
	height:40px;
	cursor:pointer;
	font-weight:bold;
	background-image: url('/resources/images/application_manager/menu-link-active.gif');
}

.menu-link-6-active{
	height:40px;
	cursor:pointer;
	font-weight:bold;
	background-image: url('/resources/images/application_manager/menu-link-active.gif');
}
.menu-link-7-active{
	height:40px;
	cursor:pointer;
	font-weight:bold;
	background-image: url('/resources/images/application_manager/menu-link-active.gif');
}
.menu-link-8-active{
	height:40px;
	cursor:pointer;
	font-weight:bold;
	background-image: url('/resources/images/application_manager/menu-link-active.gif');
}

.menu-link-9-active{
	height:40px;
	cursor:pointer;
	font-weight:bold;
	background-image: url('/resources/images/application_manager/menu-link-active.gif');
}



.menu-link-active{
	height:40px;
	cursor:pointer;
	background-image: url('/resources/images/application_manager/menu-link-active.gif');
}


.sub-menu-link{
	height:24px;
	cursor:pointer;
	background-image: url('/resources/images/application_manager/sub-menu-link.gif');
}

.sub-menu-link-active{
	height:24px;
	cursor:pointer;
	background-image: url('/resources/images/application_manager/sub-menu-link-active.gif');
}

.submenu-1{
	width:184px;
	position:absolute;
	left:201px;
	top:113px;
	display:none;
	clear:both;
	margin:0px;
	z-index:1000;
}

.submenu-2{
	width:184px;
	position:absolute;
	left:201px;
	top:149px;
	display:none;
	clear:both;
	margin:0px;
	z-index:1000;
}

.submenu-3{
	width:184px;
	position:absolute;
	left:201px;
	top:189px;
	display:none;
	margin:0px;
	clear:both;
	z-index:1000;
}

.submenu-4{
	width:184px;
	position:absolute;
	left:201px;
	top:230px;
	display:none;
	margin:0px;
	clear:both;
	z-index:1000;
}

.submenu-5{
	width:184px;
	position:absolute;
	left:201px;
	top:270px;
	display:none;
	margin:0px;
	clear:both;
	z-index:1000;
}

.submenu-6{
	width:184px;
	position:absolute;
	left:201px;
	top:310px;
	display:none;
	margin:0px;
	clear:both;
	z-index:1000;
}

.submenu-7{
	width:184px;
	position:absolute;
	left:201px;
	top:355px;
	display:none;
	margin:0px;
	clear:both;
	z-index:1000;
}

.submenu-8{
	width:184px;
	position:absolute;
	left:201px;
	top:391px;
	display:none;
	margin:0px;
	clear:both;
	z-index:1000;
}

.submenu-9 {
	width:184px;
	position:absolute;
	left:201px;
	top:427px;
	display:none;
	margin:0px;
	clear:both;
	z-index:1000;		
}
/*
	language dropdown
*/
.select_main{
	background: url('/resources/images/application_manager/select-background.gif') repeat-x;
	height:19px;
	border-left: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	cursor:pointer;
	margin:0px;
	padding:0px;
	width:100px;
	vertical-align:middle;
	border-collapse:collapse;
	font-size:11px;
	font-family: arial;
}

.select_main img{

	height:18px;
	width:21px;
	float:right;
	vertical-align:middle;
}

.select_main span{
	float:left;
	height:18px;
	vertical-align:middle;
	margin-left:5px;
	margin-top:2px;
}

.select_properties{
	border: 1px solid #AEAEAE;
	display:none;
	width:100px;
}

.select_option{
	background: url('/resources/images/application_manager/select-option-background.gif') repeat-x;
	height:18px;
	cursor:pointer;
	width:100px;
	font-size:11px;
	font-family: arial;
	color:white;
	text-indent: 5px;
}

.select_option_active{
	background: url('/resources/images/application_manager/select-option-active-background.gif') repeat-x;
	height:18px;
	cursor:pointer;
	width:100px;
	color:white;
	text-indent: 5px;
	font-size:11px;
	font-family: arial;
}

#logout-button{
	position:absolute;
	right:5px;
	cursor:pointer;
}

#language_select_caption{
	position:absolute;
	left:770px;
	color: #666666;
	font-size:11px;
	font-family: arial;

}

/*
	Forms in application manager
*/
.form{
	border: 1px solid #A5ACB2;
}


input{
	background-color: #white;
}

.form-focus{
    border: 1px solid #333;
    background-color: #F5F5E6;
}

.form-textarea-focus{
    border: 1px solid #333;
    background-color: #F5F5E6;
}

.form-textarea{
    background-color: white;
    border: 1px solid #A5ACB2;
}

.form-submit-fill{
   background: url('/resources/images/application_manager/form-submit-fill.gif') repeat-x;
   color: #ffffff;
   font-size:11px;
   font-family: arial;
   font-weight:bold;
   padding-left: 10px;
   padding-right: 10px;
}

.form-link-fill{
   background: url('/resources/images/application_manager/form-link-fill.gif') repeat-x;
   color: #666666;
   padding-left: 10px;
   padding-right: 10px;
   font-size:11px;
   font-family: arial;
   font-weight:bold;
}

.check_all{
	background-color: #white;
}



.form tr{
	padding:10px;
}

.form th{

	width:150px;
	padding:10px;
	border-bottom: 1px solid #B8B8B8;
}

.form td{

	width:250px;
	padding:10px;
	border-bottom: 1px solid #B8B8B8;
}


.form input{
	width:300px;
}

.form-f-caption{
	float:left;
	width:150px;
}

.form-f{
	float:right;
}

td.form-help-img{
	width:13px;
}

.form-help{
	padding:10px;
}

.active-row{
    background: url('/resources/images/application_manager/form-active.png') repeat-x;
    border-top: 1px solid #B8B8B8;
}

.inactive-row{
    background: url('/resources/images/application_manager/form-inactive.png');
}

.form-help-text{
	font-family: arial;
	font-size: 11px;
}

.form-help-bg{
    background-color: #D8D8D8;
    background: url('/resources/images/application_manager/help-bg.gif');
}

img.form-help-img{
	position:relative;
	left:-2px;
	height:100px;
	width:13px;
}


.message-positive{
    margin-top: 10px;
    background: url('/resources/images/application_manager/message-positive-bg.png')  no-repeat;;
}

.message-text{
    padding-left: 50px;
    padding-top:  12px;
    padding-bottom:  12px;
	font-family: arial;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
}

.message-negative{
    margin-top: 10px;
    background: url('/resources/images/application_manager/message-negative-bg.png')  no-repeat;;
}


a.link-table{arial
   font-family: arial;
   font-size: 11px;
   color: blue;
}

.pageHeadline{
	font-size:19px;
	font-family: arial;
	font-weight:norml;
	line-height: 120%;

}

.settings{
	font-size:14px;
	font-family: arial;

	line-height: 120%;

}

.info{
   font-family: arial;
   font-size: 12px;
   font-weight:normal;
}


.small_comment{
	font: normal 10px arial;
	float: none;
	text-shadow: #bdbdbd 1px 1px 4px;
}

.remaining_chars{
	font-weight:normal;
}

.listingComment{
	font-weight:normal;
}