@charset "utf-8";

/*
	---------------------------------------------------------------
	|															  |
    | This file creates the Basic Layout of your Application      |
	|															  |
	---------------------------------------------------------------

    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.

*/
/*
	-----------------------------------------
  	Global Setup
	-----------------------------------------
*/

body 
	{
   	background-color: #edf2f8; 
  	}

/*
	-----------------------------------------
 	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
	{
	}

/*
	-----------------------------------------
  	 The common header
  	 usually used to place a logo, a claim and other common and global informations
	-----------------------------------------
*/

#header /* please refer to separate css-files for specific public- and headerstyles! */ 
	
#logo /* positioning the company logo */
	{ 
	position: absolute; 
	top: 10px; 
	left: 30px; 
	right: 0; 
	width: auto; 
	height: auto; 
	}

#claim /* positioning the company claim */
	{ 
	position: absolute; 
	top: 80px; 
	left: 32px; 
	width: auto; 
	height: 19px; 
	}


#advertlayout /* please refer to separate css-files for specific public- and headerstyles! */ 
	
{
	position: absolute;
	top: 211px;
	left: 15px;
	right: 0;
	width: 204px;
	height: auto;
	background-color: #CCCCCC;
	border-color: #666666;
	margin-left: 5px;
	}

#advertlayoutframe /* positioning the company logo */
	{
	position: absolute;
	top: 155px;
	left: 236px;
	right: 0;
	width: 623px;
	height: auto;
	background-color: #999999;
	border-color: #666666;
	}

#claim /* positioning the company claim */
	{ 
	position: absolute; 
	top: 80px; 
	left: 32px; 
	width: auto; 
	height: 19px; 
	}




/*
	-----------------------------------------
    Footer
	-----------------------------------------
*/


#footer  /* Footer container */
	{
	position: relative; 
	width: 880px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 15px; 
	margin-bottom: 15px;
	}

#footer_line /* Defines a simple solid line on Top of Footer */
	{ 
	margin-top: 30px; 
	border-top: 1px solid #0c589e; ;
	}

#footer_nav /* Positioning the Footer Navigation */ 
	{ 
	position: absolute; 
	top: 10px; 
	left: 130px; 
	}



/*
	-----------------------------------------
	This is where the real contents is being rendered
	-----------------------------------------
*/

#stage_body /* this is the content container */
	{
  	width: 668px; 
  	padding: 6px;
	}

#inner_stage
	{
	}

/*
	-----------------------------------------
	Container for the Tabbed Public Global Navigation
	-----------------------------------------
*/

#global_nav 
	{
   	position: absolute; 
   	top: 104px; 
  	width: 100%;
	}

/*
	-----------------------------------------
    The local navigation depends usually from the current context
    of the application.
	-----------------------------------------
*/

#local_navigation /* The Nav-Container */
	{ 
 	width: 200px;   
   	display: block;
	}

/* 
	-----------------------------------------
	Breadcrumps
	-----------------------------------------
*/

#breadcrump /* Container */
	{ 

	background-image: url(/resources/images/mm_files/65.gif); /* {image name="background_breadcrump"} */
	background-repeat: no-repeat; 
	width: 871px; 
	height: 14px; 
	margin-bottom: 10px; 
	padding: 3px 6px; 
}
/* 
	-----------------------------------------
	Search
	-----------------------------------------
*/

#search_phrase /* Container 100% */
	{ 
	background-image: url(/resources/images/mm_files/72.gif); /* {image name="searchfield_background"} */ 
	background-repeat: repeat-x; 
	text-align: center; 
	width: 860px; 
	padding: 10px; 
	} 

.keyword_search_input_public /* Styles the Input Box */
	{ 
	border: solid 1px #6f9cc5; 
	width: 200px;
	padding: 3px;
	}


.clear /* generic container (i.e. div) for floating buttons */
	{ 
    overflow: hidden;
    width: 100%;
	}

.frontpage_searchfield  /* Special frontpage searchbox */
	{ 
	background-image: url(/resources/images/mm_files/168.gif); /* {image name="FRONT_SEARCHFIELD_BORDER" */ 
	background-repeat: repeat-x;
	}
	

/*
    -----------------------------------------
    Message-Boxes (to appear on top of page)
    -----------------------------------------
*/

/*
    Account Box
*/


#accountbox 
	{
	margin-bottom: 16px;
 	}


/*
    Common Tip Box
*/

#commontipbox 
	{
	margin-bottom: 16px;
	padding: 15px;
   	background-color: white;
   	border: solid 1px #AAAAAA;
 	}
 
 
/*
    Error Messages
*/

#ErrorMessage1 
	{
   	background-color: white;
	padding: 15px;
	margin-bottom: 16px;
	border: solid 1px;
	}


/*
    Affiliate Code Box
*/

#affiliatebox 
	{
	margin-bottom: 13px;
	margin-top: 13px;
	padding: 15px;
	border: solid 1px #AAAAAA;
 	}
 
 
 /*
    -----------------------------------------
    Catalogue Styles
    -----------------------------------------
*/
 .path_catalog 
 	{
    background-color: white;
	padding: 15px;
	margin-bottom: 16px;
	border: 1px solid #CCCCCC;
 	}

 	
 .catalog_name,
 .catalog_name:hover  
 	{
    margin: 0px;
	padding: 4px;
 	}
 
 /*
	-----------------------------------------
	Common Layout Element. It shall be in addition with other
    classes to define the "top" of something

   if e.g. the first item of a list shall have a red line on top and
   the others dont, it could be realized in this manner:
   <li class="common_list top">Time</li>
   <li class="common_list">Other List Item</li>

   The idea is to avoid many very special classes
    -----------------------------------------
*/

.top {
    border-top: 1px solid #9F0102;
}

/* see the class .top */
.bottom {
    border-bottom: 1px solid #9F0102;
}

/* see the class .top */
.left {
    border-left: 1px solid #9F0102;
}

/* see the class .top */
.right {
    border-right: 1px solid #9F0102;
}

/* the left column of 2 a two column layout, usually used within <p> tags */
.left_paragraph {
    float: left;
    display: block;
}

/* the right column of 2 a two column layout, usually used within <p> tags */
.right_paragraph {
    float: left;
    margin-left: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    display: inline;
}

.full_row {
    width: 100%;
    position: relative;
    float: left;
    display: block;
}

/* Search Keyword Form layout */
.search_form {
    display: block;
    padding: 5px;
    width: 130px;
}
 	
.container {
  background-color: #ffffff;
  margin: 5px;
  float: left;
  width: 100%;
  display: inline;
}

.container.dotted {
    background-color: #ffffff;
	width: 100%;
    position: relative;
 	border-bottom-color: #808080;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.block {
  background-color: #ffffff;
  margin: 5;
  float: left;
  width: 30%;
  display: inline;
}

.item {
  background-color: #ffffff;
  margin-left: 2;
  float: left;
  display: inline;
  font-size: 8pt;
}

#standard_ticker {
    background-image: url(/resources/images/footer_nav_bg.jpg);
    background-repeat: repeat-x;
    width: 540px;
    height: 50px;
    border: 1px dotted #999;
    padding: 5px;
    background-color: #fff;
}