/*
 * NewAge.css
 *
 * - Menüzeile als normales DIV
 * - darin HintergrundZeile bis rechtem Content-Bereich
 * - rechtsbündig davon der Toggel-Button
 */

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

html, body {
  /*height: 100%;*/
  width: 100%;
}

.position_rel {position: relative;}
.position_abs {position: absolute;}

.border        {border: #fff 1px solid;}
.border_l      {border-left: #fff 1px solid;}
.border_t      {border-top: #fff 1px solid;}
.border_r      {border-right: #fff 1px solid;}
.border_b      {border-bottom: #fff 1px solid;}
.noborder      {border: none;}
.border_hidden {border: 1px solid transparent;}

.rounded      {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.rounded_tl   {border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-radius-topleft: 0px;}
.rounded_tr   {border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-radius-topright: 0px;}
.rounded_bl   {border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius-bottomleft: 0px;}
.rounded_br   {border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-radius-bottomright: 0px;}

.grey_medium  {background-color: #cccccc !important;}
.grey_light   {background-color: #f5f5f5;}
.grey_dark    {background-color: #888888;}
.bg_red       {background-color: #faa;}
.bg_green     {background-color: #afa;}
.bg_blue      {background-color: #aaf;}
.bg_tooltip   {background-color: lemonchiffon;}
.bg_highlight {background-color: lemonchiffon;}  /* $().effect('highlight') verwendet fest '#ffff99'  */
.bg_suggestion_0 {background-color: #ffe;}
.bg_suggestion_1 {background-color: #eef;}
.bg_suggestion_2 {background-color: #eff;}
.bg_suggestion_3 {background-color: #fee;}
.bg_suggestion_4 {background-color: #efe;}
.bg_suggestion_5 {background-color: #fef;}
.ui-autocomplete.SearchArticles {width: 500px;}

.fg_red       {color: #faa;}
.fg_green     {color: #afa;}
.fg_blue      {color: #aaf;}


.margin       {margin: 10px}
.margin_t     {margin-top: 10px}
.margin_r     {margin-right: 10px}
.margin_l     {margin-left: 10px}
.margin_b     {margin-bottom: 10px}

.padding       {padding: 10px;}
.padding_t     {padding-top: 10px}
.padding_r     {padding-right: 10px}
.padding_l     {padding-left: 10px}
.padding_b     {padding-bottom: 10px}

.blue          {color: blue}

.color_text_grey {color: #666;}
.color_text_grey_medium {color: #ccc;}
.color_text    {color: #000000;}
.color_title_active {color: #EB8F00 !important;}
.color_title_inactive {color: #1C94C4;}

.small         {font-size: 0.8em;}
.font_normal   {font-size: 1em;}
.big           {font-size: 1.2em;}
.bold          {font-weight: bold;}


.float_l       {float: left;}
.float_r       {float: right;}
.clear         {clear: both;}

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

.top           {vertical-align: top;}
.middle        {vertical-align: middle;}
.bottom        {vertical-align: bottom;}

.link          {color: blue !important;}
.link:visited, .link:focus, .link:hover, .link:active {text-decoration: underline !important;}
.cursor_link, .link   {cursor: pointer;}
.cursor_move   {cursor: move;}

.hidden        {display: none; }

.default_text  {font-style: italic; color: #666}

/*.tooltip       {background-color: lemonchiffon; border: 1px dotted #888;}*/
.underline     {text-decoration: underline !important;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

a {
  color: #333;
}

#banner {
  background: url(../Images/Default/hepasoft_logo.png) no-repeat;
  background-color: white;
  background-position: top right;
  height: 120px;
  font-size: 16pt;
  color: #006666;
  vertical-align: middle;
}

.shadow {
  box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}

.shadow_small {
  box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
  box-shadow: 1px 1px 8px 4px #ccc; -moz-box-shadow: 1px 1px 8px 4px #ccc; -webkit-box-shadow: 1px 1px 8px 4px #ccc;
  border-color: #aaa;
/*	opacity: 0.7;*/
/*  background-image: url("../Images/Default/shadow.png");
  background-attachment: fixed;
  background-clip: border-box;
  background-origin: content-box;
  background-repeat: no-repeat;
  background-size: auto;*/
}
/*#tooltip h3, #tooltip div {opacity: 1;}*/
#tooltip h3 {vertical-align: top; font-size: 1.2em; font-style: italic; border-bottom: 1px solid #ddd; margin-bottom: 10px;}

#header {
  font-size: 1.2em;
}

#header a {
  text-decoration: none;
}

#header a span {
/*  background-color: #fff;*/
  padding: 6px 10px 6px 10px;
  margin: 0px 0px 0px 0px;
}

#header a:hover span {
/*  background-color: #eee;*/
}

.TModule_NavigationTop.Content {
  padding: 7px;
  margin: 10px 10px 10px 10px;
  /*border: #f00 1px solid;*/
  background-image: none;
}

.toolbar
{
  /*border: 1px solid #1C94C4;*/
/*  border-top: none;*/
  /*height: 37px;*/
  margin-bottom: 20px;
  padding-top: 5px;
}

.toolbutton
{
/*  margin: 0px 10px 0px 10px;
  height: 32px;
  width: 32px;*/
  float: left;
  cursor: pointer;
}

.toolbar div
{
  opacity: 0.8;
}

/* innere horiz. Scrollbar, falls ein Inhalt zu breit wird (z.B. wenn kein Umbruch möglich ist)*/
.content_data {
  overflow-x: auto;
  display: block;
}

.pager
{
  width: 20px;
  text-align: center;
  float: left;
  cursor: pointer;
  margin: 3px 3px;
  padding: 5px 1px;
}
.pager.disabled {
/*  background-color: #cccccc;*/
}

.pager:hover
{
/*  background-color: #eee;*/
}

span.maintab {
/*  margin-left: 5px;*/
}

img.normal {
  max-width: 100%;
  max-height: 100%;
}

img.thumbnail {
  max-width: 80px;
  max-height: 80px;
}

img.logo {
  max-width: 200px;
  max-height: 100px;
}

table {
  empty-cells: show;
  border-collapse: collapse;
}

table.table_Data {
  width: 100%;
}

td
{
  vertical-align: top;
}

th, td
{
  padding: 3px;
  text-align: left;
}

input[type=text], input[type=password], input[type=file], textarea {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
}

input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, textarea:focus {
  background-color: #FBD850;
}

input:focus, textarea:focus, input:hover, textarea:hover {
  outline-width: 1px;
  outline-style: solid;
  outline-color: #1C94C4;
  outline-offset: 1px;
/*  background-color: orange;*/

}

input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus {
  outline: none;
}

input[type=text].error, input[type=password].error {background-color: orangered;}

div.popup {
  background-color: #ddd; /*#f3f3f3;*/
  border: #aaa 2px solid;
}

div.popup h3 a {
  font-size: 1.2em;
  font-weight: bold;
}

/* muss am Ende stehen! */

.disabled       {border-color: #cccccc; color: #888888; cursor: default;}
.disabled:hover {background-color: #ffffff;}

.toolbar div.disabled       {border: none; opacity: 0.3;}
.toolbar div.disabled:hover {background-color: transparent;}

.changed {font-weight: bold;}
input[type=checkbox].changed {outline-width: 2px; outline-style: solid; outline-color: #1C94C4;}

.group_collapsed{height: 240px;}
.accordion_title_right {position: absolute; right: 10px;}

.sidebar_hidden {
  right: 47px;
}

.sidebar_visible {
  right: 256px;
}

.sidebar_inactive {
  right: 10px;
}

/* in Standard.css definiert */
/*
.ui-autocomplete {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: whitesmoke;
}
*/

a img {
  border: none;
}

.TModule_NavigationHead.ModulContent {
  position: absolute;
  top: 10px;
  right: inherit;
  /*width: 140px;*/
}

#NavigationHead {
  list-style-type: none;
  display: inline;
}

#NavigationHead li {
  float: left;
}

#NavigationHead li a {
  border-right: 2px solid #eee;
  color: #aaa;
}

#NavigationHead li:last-child a {
  border-right: none;
}

#NavigationHead li a:hover {
  text-decoration: underline;
}

.SpecialOffers_Item {
  width: 150px;
  height: 145px;
}

.VariantsOutperformer_Item{
  margin: 5px 2px 5px 2px;
  width: 197px;
}

ul.thumblist      {display: block;}
ul.thumblist li   {float: left; margin-left: 5px; list-style: none;}
ul.thumblist li a {display: block;}

/*#themeroller {
  position: absolute;
  top: 30px;
  left: 150px;
  width: 150px;
}*/

.Calendar {
  overflow: hidden;
}

div.node_content {
  width: 100%;
  border: none;
}

div.node_content a {
  display: block;
}

div.node_content_link {
  margin: 2px 0px 2px 15px;
}

#BasketDeliveryAddresses {
}

#ButtonBasketDeliveryAddresses {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  padding: 0px 0px 0px 0px;
  border-left: 1px solid #ccc;
}




/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }


.TModule_NavigationTop.Content.ui-widget-header {
  border: none;
  background: none;
  padding: 0 1px;
}