@charset "UTF-8";

@media all
{
  /**
   * ------------------------------------------------------------------
   * Basic Settings
   * ------------------------------------------------------------------
   */

  * { 
  	margin: 0px; 
  	padding: 0px; 
  	font-family: Verdana, Helvetica, Arial, sans-serif;
  }

  html * { font-size: 100.01% }

  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  body {
    padding: 10px 0;
    font-family: 'Lucida Grande','Trebuchet MS',Verdana,Helvetica,sans-serif;
    font-size: 75.00%; 
    height: 1%;
    color: #444444;
  }

  h1, h2, h3, h4, h5, h6 { font-weight:bold; margin: 0 0 0.20em 0; }
  h1 { font-size: 200% }											/* 24px */
  h2 { font-size: 166.67%; 	margin-top: 0.5em}						/* 20px */
  h3 { font-size: 150%; 	margin-top: 0.45em}						/* 18px */
  h4 { font-size: 133.33%; 	margin-top: 0.8em}                    	/* 16px */
  h5 { font-size: 116.67%; 	margin-top: 0.8em}                    	/* 14px */
  h6 { font-size: 116.67%; 	font-style:italic; margin-top: 0.8em }	/* 14px */

  p { 
  	line-height: 1.4em;
  	margin-top: 0.3em;
  	margin-bottom: 0.3em;
  }

  ul, ol, dl { line-height: 1.5em; margin: 1em 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong, b { font-weight: bold }
  em, i { font-style: italic }

  pre, code { 
  	font-family: monospace; 
  	font-size: 1.4em; 
  	margin-top: 0.3em;
  	margin-bottom: 0.3em;
  }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  a {
  	color: #53857a; 
  	text-decoration: none;
  }
  a:focus,
  a:hover,
  a:active {
  	color: #41675b;
  	text-decoration:underline;
  }
  
   a.footer {
      color: #FFFFFF; 
      text-decoration: none;
  }
  a.footer:focus,
  a.footer:hover,
  a.footer:active {
      color: #FFFFFF;
      text-decoration:underline;
  }
  
  a img {
  	text-decoration: none;
  	border: none;
  }
  
  option { padding-left: 0.4em; }
  
  /**
   * ------------------------------------------------------------------
   * Column Layout
   * ------------------------------------------------------------------
   */

  body { 
    background: #A0BFCA url("/egel/opencms/system/resources/css/style.css") repeat-x top left fixed; 
  }
    
  #window {
  	width: 80em;
    margin: 0pt auto;
  	text-align: left;
  }

  #page {
    background: #A0BFCA;
    padding: 5px;
  }

  #header {
  	background: #EAF0F1 url("/egel/export/system/resources/images/bgNav.jpg") top left;
  	height: 99px;
  	color: #444444;
    position: relative;
    padding-top: 0px;
  }
  
  #topnav {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  
  #topnav a {
  	font-weight: bold; color: #444444;
  }

  #breadcrumb {
    padding: 5px 0px 5px 9px;
    background: #BCCFAE;
    border-bottom: 1px solid;
    position: relative;
    height: 1%;
  }
  
  #breadcrumb a {
  	color: #0C4D39;
  }

  #main {
    padding: 10px 0;
  }

  #col1 {
    
	  	display: none;
    
    width: 18em;
    float: left;
    z-index: 3;
  }

  #col1_content {
    position: relative;
    padding: 10px 10px 10px 10px;
    z-index: 4;
  }
  
  #col2 {
    width: auto;
    z-index: 1;
    
    
    
    border-left: ; 
    border-right: ; 
    /* border-left: 2px #ddd dotted;
    border-left: 18em #efefef solid; */
  }

  #col2_content {
    position: relative;
    padding: 10px;
    z-index: 2;
  }
  
  #col3 {
    
	  	display: none;
    
    width: 18em;
    float: right;
    z-index: 5;    
  }

  #col3_content {
    position: relative;
    padding: 10px 0px 10px 10px;
    z-index: 6;
  }
  
  #footer {
  	background: #A0BFCA ;
    color: #444444;
    padding: 10px;
    margin-top: 10px;
    border-top: 1px solid;
  }
  
  .footer {color: #FFFFFF; }


  #header, #nav_main, #main, #footer, #breadcrumb { clear:both; }

  .clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
  } 

  .clearfix { display: block; }
  
  .clear {
	clear: both;
  }

  /**
   * ------------------------------------------------------------------
   * Accessible
   * ------------------------------------------------------------------
   */
   
  .skip {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  /**
   * ------------------------------------------------------------------
   * Search Page
   * ------------------------------------------------------------------
   */
   
   #searchForm {
     margin-bottom: 10px;
   }
   
   .search_text {
   	margin-bottom: 10px;
   }
   .search_noresult {
     margin-bottom: 10px;
   }
   
   .search_result, .search_error {
     margin-bottom: 10px;
   }
  
   .pagination {
     text-align: center;
   }
   
  /**
   * ------------------------------------------------------------------
   * Box Layout
   * ------------------------------------------------------------------
   */
   
   .box {
   	 background: #e1e1e1;
     margin-bottom: 15px;
     border-bottom:1px solid #7B7F7E;
     border-left:1px solid #7B7F7E;
     border-right:1px solid #7B7F7E;
   }
   
   .box h4 {
   	 background: #25438D url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #fff;
   	 font-size: 1.1em;
   	 width: auto;
   	 margin: -1px;
   	 padding: 5px;
   	 line-height: 16px;
   }
   
   .box_schema1 {
   	 background: #A0BFCA;   
   }

   .box_schema2 {
   	 background: #A0BFCA;   
   }

   .box_schema3 {
   	 background: #A0BFCA;   
   }
   
   .box_schema1 h4 {
   	 background: #2541675b438D url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #fff;
   }

   .box_schema2 h4 {
   	 background: #41675b url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #fff;
   }

   .box_schema3 h4 {
   	 background: #41675b url("../images/gradient.png") repeat-x scroll center top; 
   	 color: #fff;
   }
   
   .boxbody {
     padding: 10px;
     font-size: 0.9em;
   }
   
   .boxbody_listentry {
     margin-bottom: 5px;
     overflow:hidden;
   }
   
   .boxbody_listentry div.left img {
   	 margin-right: 5px;
   }

   .boxbody_listentry div.right img {
   	 margin-left: 5px;
   }
   
   form div.boxform {
     display: block;
     margin: 5px 0px 0px;
     padding: 1px 3px;
   }
  
   form div.boxform label {
     display: block;
     float: left;
     padding-right: 5px;
     text-align: right;
     width: 6em;
   }
   
    .leftPic {
     position: absolute;
     vertical-align: bottom; 
     z-index: 20;
     border:1px solid #2A7925;
     width: 195px;
     margin-left: 10px;
     margin-top: 50%;
   }
   
   .formbutton {
     font-weight:bold;
     background-color: #BBDAEB;
     margin: 3px;
     padding: 3px;
     border-left: 1px solid #660033;
     border-top: 1px solid #660033;
     boder-bottom: 1px solid #0C4D39;
     border-right: 1px solid #0C4D39;
   }
   
   .onlineform {
     background-color: #EAF0F1;
     border-left: 1px solid #660033;
     border-top: 1px solid #660033;
     boder-bottom: 1px solid #0C4D39;
     border-right: 1px solid #0C4D39;
     width: 250px;
     padding: 3px;
     margin: 3px;
   }
   
   .element{
     font-weight:bold;
     padding: 3px;
    }
   

   /**
   * ------------------------------------------------------------------
   * Navigation Menu adjustments
   * ------------------------------------------------------------------
   */
   
   #nav_left li a {
  background: #BCCFAE;
     color: #444444;
   }
   
   #nav_left li a:hover, #nav_left li a:focus, #nav_left li a:active {
     background: #69C;
     color: #EAF0F1;
   }
   
   #nav_left a.current {
     background-color: #aab;
     color: #444444;
   }

   

   
   
   

   
   
   

   

   /**
   * ------------------------------------------------------------------
   * Editor adjustments
   * ------------------------------------------------------------------
   */
   
   	 
     
   
   
}

	/**
   * ------------------------------------------------------------------
   * home
   * ------------------------------------------------------------------
   */
   
.high {
	background-color: #A0BFCA;
	border: 1px solid #660033;
	margin:20px 0pt;
	padding:5px;
}

.login {
	background-color: #FFFFB2; 
	float: right;
	border: 1px solid #660033;
	padding:5px;
}

@media print
{
   /**
   * ------------------------------------------------------------------
   * Print Layout
   * ------------------------------------------------------------------
   */
   
  body, #window, #page, #main { margin:0; padding: 0; border: 0; }
  #window, #page {width: 100% !important; min-width:0; max-width: none}
  #header { height: auto; }
  #footer { display: none; }

  #topnav, #nav_main, #breadcrumb { display: none; }

  #col1 { display:none; }
  #col3 { display:none; }
  
  #col2, #col2_content { width: 100%; margin:0; padding: 0; border:0; }
}





/**
* ------------------------------------------------------------------
* therapeutenliste
* ------------------------------------------------------------------
*/

.therapeuten { background: #EAF0F1; background-image: none; margin-left: 15px;}
.signup {
	text-decoration: none;
	background: rgb(238,214,122);
	font-weight: normal;
	border: 1px solid #660033;
	cursor: pointer;
}
.signupkl {
	text-decoration: none;
	background: rgb(238,214,122);
	font-weight: normal;
	font-size: 9px;
	border: 1px solid #660033;
	cursor: pointer;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
background-color: #fff296; 
width: 150px; /*Default width of hint.*/ 
left:0px; 
top:0px;
padding: 3px;
border:1px solid ffffff;
font-size: 11px;
line-height:18px;
z-index:100;
border-right: 1px solid #660033;
border-bottom: 1px solid #660033;
visibility: hidden;
}

 /**
* ------------------------------------------------------------------
* forum
* ------------------------------------------------------------------
*/

.de_DE { background-color: #A0BFCA; }

table { background-color: #EAF0F1; }

hr { border: #dfdfdf 1px solid; height: 0px }
.bodyline { border: #cccccc 1px solid;  }
.forumline { border: #027DBA 1px solid; }

/* td */
td.row1 { background-color: #EAF0F1; border: #BCCFAE 1px solid;}
td.row2 { background-color: #EAF0F1; border: #BCCFAE 1px solid;}
td.row3 { background-color: #EAF0F1; }

th { font-weight: bold; font-size: 12px; color: #ffffff; height: 28px; background-color: #027DBA; border: #BCCFAE solid; }
td.cat { border: #ffffff solid; height: 28px; background-color: #EAF0F1; }
td.cathead { border: #ffffff solid; height: 28px; background-color: #EAF0F1; }
td.catsides { border: #ffffff solid; height: 28px; background-color: #EAF0F1; }
td.catleft { border: #ffffff solid; height: 28px; background-color: #BCCFAE; }
td.catright { border: #ffffff solid; height: 28px; background-color: #BCCFAE; }
td.catbottom { border: #ffffff solid; height: 28px; background-color: #BCCFAE; }

.maintitle { font-weight: bold; font-size: 18px; color: #444444; line-height: 120%; }

input {
       border: expression((this.type=="checkbox" || this.type=="radio") ? "none": "1px solid #ccc");
}

input.button, input.mainoption, input.liteoption, .inlineedit input { 
	font-size: 11px; 
	color: #000000; 
	background: #fafafa none repeat-x scroll center top; 
	background-image: url(/egel/opencms/system/resources/images/button.gif);
	cursor: pointer;
}

input.button:hover, input.mainoption:hover, input.liteoption:hover, .inlineedit input:hover {
	background-image: url(/egel/opencms/system/resources/images/button_hover.gif);
}

input[type='text']:hover, input[type='text']:focus, 
	input[type='password']:hover, input[type='password']:focus, 
	textarea:focus, textarea:hover, 
	select:hover, select:focus { border-style:inset; }
	
/* Default buttons*/
.icon_new_topic img { background-image: url(/egel/opencms/system/resources/images/de/post.gif); width: 115px; height: 27px; 
	background-repeat: no-repeat;
    }
.icon_reply img { background-image: url(/egel/opencms/system/resources/images/de/reply.gif); width: 90px; height: 20px; 
	background-repeat: no-repeat;
    }
.icon_reply_locked img { background-image: url(/egel/opencms/system/resources/images/de/reply_locked.gif); width: 115px; height: 27px; 
	background-repeat: no-repeat;
    }
.icon_quote img { background-image: url(/egel/opencms/system/resources/images/de/icon_quote.gif); width: 90px; height: 20px; 
	background-repeat: no-repeat;
    }
.icon_edit img { background-image: url(/egel/opencms/system/resources/images/de/icon_edit.gif); width: 90px; height: 20px; 
	background-repeat: no-repeat;
    }
.icon_profile img { background-image: url(/egel/opencms/system/resources/images/de/icon_profile.gif); width: 72px; height: 20px; 
	background-repeat: no-repeat;
    }
.icon_pm img { background-image: url(/egel/opencms/system/resources/images/de/icon_pm.gif); width: 72px; height: 20px; 
	background-repeat: no-repeat;
    }


td.row3right { border-right: #ffffff solid; border-top: #ffffff solid; border-left: #ffffff solid; border-bottom: #ffffff solid; background-color: #ffffff}
td.spacerow { border-right: #ffffff solid; border-top: #ffffff solid; border-left: #ffffff solid; border-bottom: #ffffff solid; background-color: #ffffff}
td.cathead { border-top-width: 1px; border-left-width: 1px; font-size: 12px; border-bottom-width: 0px; border-right-width: 1px }
th.thsides { border-top-width: 0px; border-left-width: 1px; border-bottom-width: 0px; border-right-width: 1px }
td.catsides { border-top-width: 0px; border-left-width: 1px; border-bottom-width: 0px; border-right-width: 1px }
td.spacerow { border-top-width: 0px; border-left-width: 1px; border-bottom-width: 0px; border-right-width: 1px }
th.thright { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 1px }
td.catright { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 1px }
td.row3right { border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 1px }
th.thleft { border-top-width: 0px; border-left-width: 1px; border-bottom-width: 0px; border-right-width: 0px }
td.catleft { border-top-width: 0px; border-left-width: 1px; border-bottom-width: 0px; border-right-width: 0px }
th.thbottom { border-top-width: 0px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px }
td.catbottom { border-top-width: 0px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px }
th.thtop { border-top-width: 1px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px }
th.thcornerl { border-top-width: 1px; border-left-width: 1px; border-bottom-width: 0px; border-right-width: 0px }
th.thcornerr { border-top-width: 1px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 1px }

.gen, .poll { font-size: 12px }
.name { font-size: 11px; }
.gensmall, .postdetails { font-size: 10px; }
.strong { font-weight: bold; }

.mainmenu { font-size: 11px; color: #000000 }
.cattitle { font-weight: bold; font-size: 12px; color: #01336b; letter-spacing: 1px; }
.forumlink { font-weight: bold; font-size: 12px; color: #01336b; }
.nav, .topictitle { font-weight: bold; font-size: 11px; color: #000000; }

blockquote {
	background:#E1EBF2 none no-repeat scroll 6px 8px;
	border:1px dashed #DBDBDB;
	font-size:0.95em;
	margin:0.5em 10px 0pt 10px;
	overflow:hidden;
	padding:5px;
}

blockquote {
	background-color:#E1EBF2;
	background-image:url(../images/quote.gif);
	border-color:#DBDBCE;
}

blockquote cite {
	display:block;
	font-size:0.9em;
	font-style:normal;
	font-weight:bold;
	margin-left:20px;
}

blockquote.uncited {
	padding-top:25px;
}

.pre-error { font-size: 1em; color: #000000; background-color: #fafafa; border: 0; padding-left: 0; }
.copyright { font-size: 10px; color: #444444; letter-spacing: -1px }

/* posts */
.postbody { font-size: 12px; line-height: 1.5em; }

.postinfo { font-size: 10px; color: #000000; background-color: #FCF2B9; padding: 4px; height: 2em; }
.postinfo .date { width: 155px; float: left; }
.postinfo .subject { float: left; }
.postinfo .action { float: right; }

a.copyright { color: #444444; text-decoration: none; }
a.copyright:hover { color: #000000; text-decoration: underline; }
input, textarea, select { border: 1px solid #ccc; font-size: 11px; color: #000000; }
textarea { width: 100%; }

.helpline { background-color: #f7f7f8; border: 0px; font-weight: bold; font-style: italic; color: green; }


.moderatortitle { font-weight: bold; font-size: 12px; color: #ffa34f; }
.moderator { font-size: 10px; color: #006600; }
.admin { font-size: 10px; color: #ffa34f; }
.online { color: #006600; }
.offline { color: #ff0000; }

.moderation_highlight, .bg_small_yellow { background-color: #fff8dd; }

td.attachrow		{ font-size: 11px; color : #000000; border-color : #000000; }
td.attachheader     { font-size: 11px; color : #000000; border-color : #000000; background-color: #d1d7dc; }
table.attachtable	{ font-size: 12px; color : #000000; border-color : #000000;	border-collapse : collapse; }

.inputSearchForum {
	background-image: url(../images/icon_mini_search.gif);
	background-position:left 1px;
	background-repeat:no-repeat;
	padding-left:17px;
}

#icon_saving { background-image: url(../images/indicator.gif); width: 16px; height: 16px; display: none;}
.icon_folder_announce { background-image: url(../images/folder_announce.gif); width: 19px; height: 18px; display: inline; }
.icon_folder_sticky { background-image: url(../images/folder_sticky.gif); width: 19px; height: 18px; display: inline; }
.icon_folder_hot { background-image: url(../images/folder_hot.gif); width: 19px; height: 18px; display: inline; }
.icon_folder { background-image: url(../images/folder.gif); width: 19px; height: 18px; display: inline; }
.icon_folder_lock { background-image: url(../images/folder_lock.gif); width: 19px; height: 18px; display: inline; }
.icon_folder_announce_new { background-image: url(../images/folder_announce_new.gif); width: 19px; height: 18px; display: inline; }
.icon_folder_sticky_new { background-image: url(../images/folder_sticky_new.gif); width: 19px; height: 18px; display: inline; }
.icon_folder_new_hot { background-image: url(../images/folder_new_hot.gif); width: 19px; height: 18px; display: inline; }
.icon_folder_new { background-image: url(../images/folder_new.gif); width: 19px; height: 18px; display: inline; }
.icon_folder_lock_new { background-image: url(../images/folder_lock_new.gif); width: 19px; height: 18px; display: inline; }
.icon_vote_lcap { background-image: url(../images/vote_lcap.gif); width: 4px; height: 12px; display: inline; }
.icon_vote_rcap { background-image: url(../images/vote_rcap.gif); width: 4px; height: 12px; display: inline; }
.icon_topic_delete { background-image: url(../images/topic_delete.gif); width: 19px; height: 18px; display: inline; }
.icon_topic_move { background-image: url(../images/topic_move.gif); width: 19px; height: 18px; display: inline; }
.icon_topic_unlock { background-image: url(../images/topic_unlock.gif); width: 19px; height: 18px; display: inline; }
.icon_topic_lock { background-image: url(../images/topic_lock.gif); width: 19px; height: 18px; display: inline; }
.icon_latest_reply { background-image: url(../images/icon_latest_reply.gif); width: 18px; height: 9px; display: inline; }


#goToBox {
	position:absolute; 
	display:none; 
	border: 1px solid black;
	background-color: #fafafa; 
	padding: 2px;
	width: 190px;
}

#goToBox .title {
	padding: 1px;
	background-color: #dd6900;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
}

#goToBox .form {
	padding: 5px;
	text-align: left;
}

#goToBox .form input {
	font-weight: bold;
}

blockquote dl.codebox code { font-size: 1.0em; }
input.subject, textarea.message { width: 100%; }

/*- Menu Tabs 10--------------------------- */

#tabs10 {
  float:left;
  width:100%;
  font-size:11px;
  border:1px solid #E5EDF3;
  line-height:normal;
  }
#tabs10 ul {
	  margin:0;
	  padding:0;
	  list-style:none;
  }
#tabs10 li {
  display:inline;
  margin:5;
  padding:0;
  }
#tabs10 a {
  float:left;
  background-color: #fff296;
  margin:5;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs10 a span {
  float:left;
  display:block;
  background-color: #fff296;
  padding:5px 15px 4px 6px;
  color:#000000;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {float:none;}
/* End IE5-Mac hack */
#tabs9 a:hover span {
  color:#000000;
  }
#tabs10 a:hover {
  background-position:0% -42px;
  }
#tabs10 a:hover span {
  background-position:100% -42px;
  }

  #tabs10 .current a {
		  background-position:0% -42px;
  }
  #tabs10 .current a span {
		  background-position:100% -42px;
  }
  
.dp-highlighter
{
	font-size: 12px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font-size: 9px;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }


 /**
* ------------------------------------------------------------------
* shop
* ------------------------------------------------------------------
*/

.body-content-div {
  padding-top: 20px;
  font-size: 11px;
  line-height: 1.5;
}

.body-content-tab { 
  font-size: 11px;
  line-height: 1.5;
}

.body-header { 
  background: #fff296;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.9;
  color: #660033;
}

table.productListing {
  border: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 12px;
  padding: 5px;
  background: #fff296;
  color: #660033;
  font-weight: bold;
}

tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {
  background: #fffccc;
}

tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {
  background: #fffccc;
}

td.smallText, span.smallText,p.smallText {
  font-size: 10px;
}

a.pageResults {
  color: #0000FF;
}

a.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

.stockWarning { 
 font-size : 10px; 
 color: #cc0033; 
}

.msg-box {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 8px;
  padding-right: 16px;
  background: #ffffb2; 
  border: 1px;
  border-style: solid;
  border-color: #cccccc;
  height:100%;
}

.msg-box-no-pad {
  background: #ffffb2; 
  border: 1px;
  border-style: solid;
  border-color: #cccccc;
  height:100%;
}

.boxText { 
	font-size: 10px; 
}

.productsNotifications { 
	background: #f2fff7; 
}

.orderEdit { 
	font-size : 10px; 
	color: #70d250; 
	text-decoration: underline; 
}

td.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

td.fieldValue {
  font-size: 12px;
}

span.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

span.productSpecialPrice {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { 
	background-color: #D7E9F7; 
	cursor: pointer; 
	cursor: hand; 
}

.checkoutBarFrom, .checkoutBarTo { 
	font-size: 10px; 
	color: #8c8c8c;
}

.checkoutBarCurrent { 
	font-size: 10px; 
	color: #000000; 
}

.inputRequirement { 
	font-size: 10px; 
	color: #ff0000; 
}

.list-detail-header { 
  font-size: 14px;
  font-weight: bold;
  color: #0;
}

/*
KonaKart GWT styles
*/

.konakart-HandCursor {
  cursor: pointer;
}

.konakart-PointerCursor {
 cursor: default;
}

.konakart-TextBox {
	background-color: white;
}

.konakart-TextBox-Invalid {
	background-color: #ffb3b5;
}

.konakart-smallFont {
  font-size: 60%;
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
    font-size: 20px;
    font-weight: bold;
	color: #9a9a9a;	padding: 4px;
	padding-bottom: 8px;
	cursor: default;
}

.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }

TR.header {
  background: #ffffb2;
}

TR.headerNavigation {
  background: #ffffb2;
}

TD.headerNavigation {
  font-size: 10px;
  background: #ffffb2;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #ffffb2;
}

TD.footer {
  font-size: 10px;
  background: #ffffb2;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #fff296;
}

.infoBoxContents {
  background: #f8f8f9;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-size: 10px;
  font-weight: bold;
  background: #ffffb2;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-size: 10px;
}


TD.pageHeading, DIV.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-size: 11px;
  line-height: 1.5;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #fff296;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.errorText {
  color: #ff0000;
}

/* message box */

.messageBox { font-size: 11px; }
.messageStackError, .messageStackWarning { 
	font-size: 11px; 
	color: #ff0000; 
}

.messageStackSuccess { 
	font-size: 11px; 
	color #589004; 
}

/*
This style is a 3D style using images to get rounded edges
*/

/* Header */
.header1 {background: #fff296;}

.header2 {
  font-size: 11px;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 13px;
  color: #000000;
}

/* Footer */
.footer1 {
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 13px;
 
}

.footer2 {
  font-size: 11px;
  font-weight: bold;
}

.footer2 td {
  color: #9ba3b3;
}


/* Tile */
.button-tile {
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 8px;
  padding-right: 16px;
  font-size: 11px;
  line-height: 1.5;
  color:#000000;
}

.tile {
 background: #fdfdc0;
 color: #9ba3b3;
}

.tile-header {
  font-size: 11px;
  font-weight: bold;
  color: #660033;
  padding-top: 15px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 13px;
 }

.tile-header img {
 float: right;
}

.tile-content {
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 8px;
  padding-right: 13px;
}

.tile-content p {
   color: #000000;
   margin: 0;
   padding-right: 8px;
}

.cart-tile .tile-content table {
 border: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 background: #fdfdc0;
}

.top-left, .top-right, .bottom-left, .bottom-right
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.top-left
	{
	background-image:url(/egel/opencms/system/resources/images/styles/3d_tl.gif);
	background-position: 0% 0%;
	}

.top-right
	{
	background-image:url(/egel/opencms/system/resources/images/styles/3d_tr.gif);
	background-position: 100% 0%;
	}
	
.bottom-left
	{
	background-image:url(/egel/opencms/system/resources/images/styles/3d_bl.gif);
	background-position: 0% 100%;
	}

.bottom-right
	{
	background-image:url(/egel/opencms/system/resources/images/styles/3d_br.gif);
	background-position: 100% 100%;
	}

.top, .bottom
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.top
	{
	background-image:url(/egel/opencms/system/resources/images/styles/3d_t.gif);
	background-position: 0% 0%;
	}

.bottom
	{
	background-image:url(/egel/opencms/system/resources/images/styles/3d_b.gif);
	background-position: 50% 100%;
	}
	
.right
	{
	background-image:url(/egel/opencms/system/resources/images/styles/3d_r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.left
	{
	background-image:url(/egel/opencms/system/resources/images/styles/3d_l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

	/* Begin CSS Drop Down Menu */

#menuh-container
	{
	font-size: 1em;
	position: relative;
	top:0%;
	left: 3em;
	width: 1020px;
	margin: 0px;
	min-height:40px;
	}


#menuh
	{
	font-size: small;
	width:100%;
	float:left;
	margin:2em;
	margin-top: 0em;
	}

		
#menuh a
	{
	text-align: center;
	display:block;
	border: 0px solid #555;
	border-bottom: 1px dashed #aaaaaa;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	border-bottom: 0px dashed #aaaaaa;
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:15em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */