/* CSS Document */
   
html{scroll-behavior:smooth}

/**********************
	Colors
***********************/

.menu_background {
	color: #E93F9C;
}
 
.homePage {
  background-color: #525252;
}                                                     
 
/**********************
	Body
***********************/


body {                   
  margin:0;
	background-color: #03aae9;
    padding: 0;
	color: dimgray;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;  
}

h1 { color: #03aae9; font-family: arial, helvetica, sans-serif; font-size: 28px;  font-weight: bold; 
  vertical-align: top; padding-left: 2px;  }

h2 { color: #03aae9; font-family: arial, helvetica, sans-serif; font-size: 22px;  font-weight: bold; 
  vertical-align: top; padding-left: 2px;  }

h3 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3a3c44; text-align:left; padding-left: 3px; }

hr {
 /* color: #069114; */
 height:1px;border-width:0;color:Silver;background-color:Silver;
}

td {
 color: DimGray; 
}

.headerPanel {
   position: absolute;
   top: 45px;
}

.headerPanel2 {
   margin-top: 4px;
   max-height: 323px ;
    z-index: 2000;
    position: relative;
}

.contentContainer {
  background-color: #03aae9;
  padding: 0;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  opacity: 0.9;
}

.contentPage {
    background-color: White;
}

.iframeEshop3D  {
  width: 100vw;
  position: absolute;
  left: 0;
  top: 84px;
}

.flash-notice {
  /* width: 900px ; */
  position: absolute;
  /* top: calc(50vh - (100px / 2)); */
  top: 0;
  left: calc(50vw - (140px / 2));
  z-index: 10;
  margin-left: auto ;
  margin-right: auto ;
  text-align:center;
  background-color: Yellow;
  color: Black;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold; 
  font-size: 14px;   
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: Black solid 1px; 
  border-right: Black solid 1px; 
  border-bottom: Black solid 1px; 
  /* bottom: 0; */
    margin: auto;

}

.flash-error {
  /* width: 900px ; */
    position: absolute;
    top: 0;
    left: calc(50vw - (140px / 2));
    z-index: 10;
  margin-left: auto ;
  margin-right: auto ;
  text-align:center;
  background-color: Red;
  color: Yellow;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold; 
  font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: Black solid 1px;
    border-right: Black solid 1px;
    border-bottom: Black solid 1px;
    margin: auto;
}

.notice { display: inline-block; }
.error { display: inline-block; }
.noticeClose { display: inline-block; }
a.noticeCloseLink { text-decoration: none; color: silver; border: silver solid 1px; border-radius: 100px;
    padding-left: 3px; padding-right: 3px; }

.userLabel {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	color: Black;
  padding-right: 11px;
}

.adminMenuContainer {
  background-color: #e3e3e3;
  width: 100%;
  position: absolute;
  /*top: 45px;*/
  left: 0;
}

.adminMainMenu {
  max-width: 1000px;
  display: block;
  background-color: #3a3c44;
  /* padding-bottom: 15px; */
  /* padding-top: 15px; */
  /* width: 950px ; */
  margin-left: auto ;
  margin-right: auto ;
  /* border-right: #3a3c44 solid 5px; */
}

.searchPanel {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px; 
  width: 100%;
  background-color: white;
  border-bottom: LightGrey solid 0px;
  border-top: LightGrey solid 0px;
  /*margin-top: 115px;*/
  text-align:center;
  /* border-radius:3px; */  
}

.searchFulltext {
  color: Black;
  font-size: 12pt;
    font-family: Arial, serif;
    width : 40%;
  height: 33px;  
  background-color: Silver;
  font-weight: normal;
  border: #000000 solid 1px;
}

.searchButton {
  /* background-image: url('/graphics/center_button.png'); */
  /* background-repeat: repeat-x; */ 
 background-color: Navy;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF; 
 height: 37px;
    padding: 4px 22px;
    margin-bottom: 2px;
 /* border-radius:3px; */   
  border-top: Navy solid 1px; 
  border-left: Navy solid 1px; 
  border-right: Navy solid 1px; 
  border-bottom: #EFEFEF solid 1px; 
 }
.searchButton:hover {
  /* background-image: url('/graphics/center_button.png'); */
  /* background-repeat: repeat-x; */ 
 background-color: DarkGreen;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF; 
 height: 37px;
    padding: 3px 22px;
    margin-bottom: 2px;
 /* border-radius:3px; */   
  border-top: DarkGreen solid 1px; 
  border-left: DarkGreen solid 1px; 
  border-right: DarkGreen solid 1px; 
  border-bottom: #EFEFEF solid 1px;   
}

.righSmallMenu { float: right }

.inlineButton {
    font-family: Arial, serif;
    font-size: 14pt;
    background-color : #2F2C2B;
    border : 1px solid #2F2C2B;
    color: White;
    font-weight : normal; 
    /*height: 25px;*/
    padding: 5px;
    cursor: pointer;
    border-radius:3px; 
    float: right; 
}

.inlineButton:hover {
    font-family: Arial, serif;
  font-size: 14pt;
  background-color : DarkGreen;
  border : 1px solid DarkGreen;
    color: White;
  font-weight : normal; 
  /*height: 25px;*/
    padding: 5px;
  cursor: pointer;
    border-radius:3px; 
    float: right; 
}

.modulePanel { display: inline-block; padding: 5px; width: 31%; border: #DDD solid 1px;  margin: 2px; border-radius:3px; text-align: left; }
.modulePanel:hover { display: inline-block; padding: 5px; width: 31%; border: #DDD solid 1px;  margin: 2px; border-radius:3px; 
  background-color: #efefef; text-align: left; }

.moduleDescription {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-top: 5px;  
  padding-bottom: 3px;   
}

.moduleBackground {
  padding-top: 3px;    
  max-width: 1000px;
}

.topBar {
  /* background-color: #03aae9; */
  padding-left: 5px;
  /* max-width: 1100px ;*/
  margin-left: auto ;
  margin-right: auto ;
  vertical-align: top;
}


/**********************
	Links
***********************/

a.treeLinkLeft 
{
  display: inline-block;
	font-family: verdana, arial, helvetica, sans-serif;
	color: DarkGreen;
	font-size: 11px;	
	text-decoration : none;	  
}

a.treeLinkLeft:hover 
{
  display: inline-block;
	font-family: verdana, arial, helvetica, sans-serif;
	color: Black;
	font-size: 11px;
  text-decoration : none;	
}

a.treeLink 
{
  display: inline-block;
	font-family: verdana, arial, helvetica, sans-serif;
	color: DarkGreen;
	font-size: 11px;	
	text-decoration : none;	  
}

a.treeLink:hover 
{
  display: inline-block;
	font-family: verdana, arial, helvetica, sans-serif;
	color: Black;
	font-size: 11px;
  text-decoration : none;	
}

a.treeNodeLink 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Black;
	font-size: 12px;
	font-weight: bold;	
	text-decoration : none;	  
  margin-right: 77px;
}

a.treeNodeLink:hover 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Black;
	font-size: 12px;
	font-weight: bold;
	text-decoration : underline;	 
  margin-right: 77px;   	
}

.treeItemHidden {
  display: none;
  visibility: hidden;
}

.itemList { color: Black; font-family: arial, helvetica, sans-serif; font-size: 16px; border-top: DarkGray solid 1px;
  border-bottom: DarkGray solid 1px; border-left: #DDD solid 1px; border-right: #DDD solid 1px; border-radius:0;
    margin: 7px 3px; padding-bottom: 2px; }

.itemList tr:hover { background-color: #79dafe; }
.itemListRow { background-color: floralwhite; }

.itemListWide { color: Black; font-family: arial, helvetica, sans-serif; font-size: 16px;
    border: DarkGray solid 2px; border-left: #DDD solid 1px; border-right: #DDD solid 1px; border-radius:5px;
    margin: 8px 3px; width: 100% }
.itemListWide tr:hover { background-color: #79dafe; }
.itemListWideRow { background-color: floralwhite; }

.itemListCell {
  padding: 5px;
  color: Black;
  text-align:left;
}

.itemListCellStrong {
  padding: 5px;
  color: Black;
  font-weight: bold;
}

 .itemListTitle {
  background-color: #EDEDED;
  font-weight: normal;
     padding: 2px 5px;
     color: #333;
     text-transform: lowercase;
}

.itemList2 {
  color: Black;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  border-top: DarkGray solid 2px; 
  border-bottom: DarkGray solid 2px;  
  border-left: #DDD solid 1px;    
  border-right: #DDD solid 1px;
  border-radius:0;
  margin-top: 9px;
  margin-bottom: 3px;
  margin-left: 3px;
  margin-right: 3px;
}

.itemList2 tr:hover {
  background-color: #79dafe;
}

.itemList2 th {
  background-color: LightGray;
  color: Black;
  font-size: 16px;
  padding: 5px;
}

.itemList2 td {
  color: Black;
  font-size: 16px;
  padding: 5px;
}

.serviceInstance { color: DimGray; padding: 11px; font-family: arial, helvetica, sans-serif; font-size: 12px; }

.serviceInstanceList { color: DimGray; font-family: arial, helvetica, sans-serif; font-size: 16px; border-top: DarkGray solid 1px;  border-bottom: DarkGray solid 1px; 
  width : 100%; margin-bottom: 5px; }
.serviceInstanceList tr { background-color: #f6f7f8; } 
.serviceInstanceList tr:hover { background-color: #efefef; } 

.serviceInstanceTitle {
  font-family: arial, helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: Black;
}

.currentServiceInstanceTitle {
  font-family: arial, helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: Black;
}

.currentServiceInstance {
  color: DimGray;   
  background-color: #ffb593;
  padding: 11px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  white-space: nowrap;
}



.userModuleList {
  font-family: arial, helvetica, sans-serif; font-size: 12px; color: DimGray; text-align: left; }

.moduleList {
  /*max-width: 1000px;*/
  margin-left: auto ;
  margin-right: auto ;  
}

.eshopColumnLeft { display: inline-block; }

.eshopContent {
  display: inline-block;
  border: 1px solid #111111;
   position: relative;
    width: 300px;
    height: 45px;
    background: #333333;
    top: 0;
    padding: 7px;
    vertical-align: top;
}

/*
A:link {color: Red}
A:visited {color: Red}
A:active {color: Red}
A:hover {color: Yellow;}
*/

.headerlink A:link 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration : none;    
}
.headerlink A:visited 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration : none;    
}

.headerlink A:active 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration : underline;    
}

.headerlink A:hover 
{
	color: Red;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration : underline;     
}

.h2 A:link 
{
	color: Red;
	background-color: Gray;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
.h2 A:visited 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	border : Blue;
}

.h2 A:active 
{
	color: Black;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.h2 A:hover 
{
	color: #000000;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.sub_menu_link A:link 
{
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
  text-decoration: none;  
}
.sub_menu_link A:visited 
{
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.sub_menu_link A:active 
{
	color: Black;   
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.sub_menu_link A:hover 
{
	color: Black;
	font-family: verdana, arial, helvetica, sans-serif;
	border : Blue 1px;
    font-size: 12px;
	font-weight: bold;
}

.normalLink A:link 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
}
.normalLink A:visited 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
}

.normalLink A:active 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
}

.normalLink A:hover 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
}

a.registerLink 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: underline;   
 color: #FFFFFF;
    padding: 4px 15px;
}

a.registerLink:hover 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;  
 text-align:left;
 text-decoration: underline;   
 color: #FFFFFF;
    padding: 4px 15px;
}


a.newLink {
 background-image: url('/graphics/center_button2.png');
 background-repeat: repeat-x;
 background-color: #416516;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF; 
 /* border: 1px solid #FFFFFF; */
    padding: 4px 15px;
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
 }
a.newLink:hover {
 background-image: url('/graphics/center_button.png');
 background-repeat: repeat-x;
 background-color: #091D11;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;  
 color: #FFFFFF;
    padding: 4px 15px;
    border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

a.newButtonLink {
  background-image : url('/images/plus-icon-white-png-transparent-small.png');
  background-repeat : no-repeat;
  background-position : left;  
  background-size: 22px 22px;
 background-color: DarkGreen;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF; 
 border-left: 4px solid DarkGreen;
    padding: 7px 10px 7px 24px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	 
 }
a.newButtonLink:hover {
  background-image : url('/images/plus-icon-white-png-transparent-small.png');
  background-repeat : no-repeat;
  background-position : left;  
  background-size: 22px 22px;  
 background-color: Navy;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: white;  
 border-left: 4px solid Navy;
    padding: 7px 10px 7px 24px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	
}

a.viewProductLink {
 display: inline-block;
 background-color: DarkGreen;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: normal;
    text-decoration: none;
 color: #FFFFFF; 
 width: 100px;
 text-align:center;
    padding: 6px 6px;
    border-radius:3px;
 }
a.viewProductLink:hover {
 display: inline-block;
 background-color: darkorange;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: normal;
    text-decoration: none;
 color: white;  
 width: 100px;
 text-align:center;
    padding: 6px 6px;
    border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
}

a.grayButtonLink {
 background-color: Gray;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;
 text-transform: capitalize;
 color: White;
    padding: 6px;
    border-radius:3px;
    border: 2px solid Gray;
 transition: 0.5s;
 }
a.grayButtonLink:hover {
 background-color: DarkGreen;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;
    text-transform: capitalize;
 color: White;
    padding: 6px;
    border-radius:3px;
    border: 2px solid DarkGreen;
 transition: 0.3s;
}

.grayButton {
 background-color: Gray;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;
 text-transform: capitalize;
 color: White;
    padding: 6px;
    border-radius:3px;
    border: 2px solid Gray;
 transition: 0.5s;
 }
.grayButton:hover {
 background-color: DarkGreen;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;
    text-transform: capitalize;
 color: White;
    padding: 6px;
    border-radius:3px;
    border: 2px solid DarkGreen;
 transition: 0.3s;
}

a.loginButtonLink {
  background-image: url('/graphics/center_button2.png');
  background-repeat: repeat-x; 
 background-color: #161616;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF;
    padding: 4px 15px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	
 }
a.loginButtonLink:hover {
  background-image: url('/graphics/center_button2.png');
  background-repeat: repeat-x; 
 background-color: #161616;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 color: #110302;
    padding: 4px 15px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	
}

a.bigButtonLink { 
 background-color: DarkGreen;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF;
    padding: 10px 15px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	 
 }
a.bigButtonLink:hover {
 background-color: Navy;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;   
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF;
    padding: 10px 15px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	
}

.bigButton { 
 background-color: DarkGreen;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF; 
 border: 2px solid DarkGreen;
    padding: 10px 15px;
    border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;   
 }
.bigButton:hover {
 background-color: Navy;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;   
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF;  
 border: 2px solid Navy;
    padding: 10px 15px;
    border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
}

a.megaButtonLink { 
 background-color: DarkGreen;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF; 
 margin: 10px;
    padding: 25px 80px;
    border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;   
 }
a.megaButtonLink:hover {
 background-color: darkorange;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;   
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF;
    padding: 25px 80px;
    border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
}

a.tableLink {
  background-image: url('/graphics/grey_button_center.png');
  background-repeat: repeat-x; 
 background-color: #161616;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 color: #FFFFFF;
    padding: 4px 15px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	 
 }
a.tableLink:hover {
  background-image: url('/graphics/grey_button_center.png');
  background-repeat: repeat-x; 
 background-color: #161616;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 color: yellow;
    padding: 4px 15px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	
}

a.topMenuLink {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;  
 color: red;   
 }

a.topMenuLink:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none; 
 color: red;   
}

.serviceImage2 {
    display: inline-block;
    position: relative;
    z-index: 100;
}

.serviceLabel2 {
    display: inline-block;
    position: absolute;
    z-index: 50;
    margin-top: 13px;
    margin-left: -31px;
    text-align: left;
    background-color: #5b6c73;
    border: silver solid 2px;
    border-radius: 20px;
    padding-left: 24px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    transition: 0.3s;
    width: 107px;
}

.boldLink A:link 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
	font-weight: bold;	
}
.boldLink A:visited 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
	font-weight: bold;	
}

.boldLink A:active 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
	font-weight: bold;	
}

.boldLink A:hover 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Yellow;
	font-size: 12px;
	font-weight: bold;	
}

.boldLink2 A:link 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
	font-weight: bold;	
	text-decoration : none;  
}
.boldLink2 A:visited 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
	font-weight: bold;	
	text-decoration : none;  
}

.boldLink2 A:active 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 12px;
	font-weight: bold;	
	text-decoration : none;  
}

.boldLink2 A:hover 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Yellow;
	font-size: 12px;
	font-weight: bold;	
	text-decoration : none;  
}

a.bigPlainLink 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FF6B19;
	font-size: 14px;
	font-weight: bold;	
	text-decoration : none;	  
}

a.bigPlainLink:hover 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Black;
	font-size: 14px;
	font-weight: bold;	
  text-decoration : none;	
}

a.smallPlainLink 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: DimGray;
	font-size: 11px;	
	text-decoration : none;	  
}

a.smallPlainLink:hover 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Black;
	font-size: 11px;
  text-decoration : none;	
}

a.smallPlainLink2 
{
    font-family: Arial, serif;
    color: Black;
    font-size: 10px;    
    text-decoration : none;   
}

a.smallPlainLink2:hover 
{
    font-family: Arial, serif;
    color: Black;
    font-size: 10px;
  text-decoration : underline;   
}

a.smallLink3 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #00f011;
	font-size: 10px;	 
}

a.smallLink3:hover 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Yellow;
	font-size: 10px;
}

a.smallPlainLink3 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: DimGray;
	font-size: 10px;	 
    text-decoration : none;   
}

a.smallPlainLink3:hover 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Black;
	font-size: 10px;
    text-decoration : none;   
}

.servicemenu2 A:link
{
	color: Red;
	background-color: #eeeeee;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
.servicemenu2 A:visited
{
	color: Red;
	background-color: #eeeeee;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.servicemenu2 A:active
{
	color: Black;
	background-color: #eeeeee;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.servicemenu2 A:hover
{
	color: #000000;
	background-color: #eeeeee;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.smalllink A:link 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
}
.smalllink A:visited 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
}

.smalllink A:active 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
}

.smalllink A:hover 
{
	color: Yellow;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
}


.smallBoldLink A:link 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 10px;
	font-weight: bold;	
}
.smallBoldLink A:visited 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 10px;
	font-weight: bold;	
}

.smallBoldLink A:active 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Red;
	font-size: 10px;
	font-weight: bold;	
}

.smallBoldLink A:hover 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: Yellow;
	font-size: 10px;
	font-weight: bold;	
}

.smalllink_plain A:link 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	text-decoration : none;
}
.smalllink_plain A:visited 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	text-decoration : none;
}

.smalllink_plain A:active 
{
	color: Yellow;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	text-decoration : none;
}

.smalllink_plain A:hover 
{
	color: Yellow;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	text-decoration : none;
}

.biglink A:link 
{
	color: #00f011;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
}

.biglink A:visited 
{
	color: #00f011;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
}

.biglink A:active 
{
	color: Yellow;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
}

.biglink A:hover 
{
	color: Yellow;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
}

.managerMenu A:link 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
  text-decoration : none;
}
.managerMenu A:visited 
{
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
  text-decoration : none;
}

.managerMenu A:active 
{
	color: Yellow;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.managerMenu A:hover 
{
	color: Yellow;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.presentation2link A:link 
{
	color: #5D5D5D;
	font-weight: bold;	
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

.presentation2link A:visited 
{
	color: #5D5D5D;
	font-weight: bold;	
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

.presentation2link A:active 
{
	color: #5D5D5D;
	font-weight: bold;	
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

.presentation2link A:hover 
{
	color: #000000;
	font-weight: bold;	
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

/**********************
	TABLES
***********************/

.view_table {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
	border-top : 1px solid Grey;
  border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	  
}

.mainMenuDiv {
       float: left; 
       margin-right: 2px; 
       margin-bottom: 2px; 
       border: 1px solid #00f011;
       border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	      
      
}

.quickMenuGroup {
    font-weight: bold; 
    padding-left: 3px;     
}

.quickMenuItem {
    padding-left: 10px;  
}

.adminMenuText {
     text-align:center;
     font-weight: bold;
}

a.adminMenuLink
{
	color: #00f011;
  font-family: arial, helvetica, sans-serif;
	font-size: 12px;
  text-decoration: none;
}

a.adminMenuLink:hover 
{
	color: Red;
  font-family: arial, helvetica, sans-serif;
	font-size: 12px;
  text-decoration: none;
}

.view_table2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
}

.mainpanel_table {          
	font-size: 11px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #00f011;
	border : 1px solid #606060;
	padding:3px;	
  border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.mainpanel_table2 {

	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
}

.mainpanel_table3 {
    padding: 5px 11px 6px 10px;
    font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
	#border : 1px solid #9797ff;
	height: 100%;
	background : #000000;   
}

.centerBox {
     width:100%;
     text-align:center;
}

.megaBox {
     width:100%;
     text-align:center;
     padding:15px;
}

.mainpanel_box {
    padding: 5px 10px;
    font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
	height: 120px;
}

.login_table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00f011;
	height: 78px;
  border-bottom : 1px solid Gray;
	padding:3px;			
}

.cart_table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
	border : 1px solid #000080;
	
}

.header_table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
	border : 1px solid Gray;
	background : #CFE7FF;
}

.server_header {
	color: Red;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color : #000000;
}

.menupanel_table {
	background-color : #2F2F2F;
	/* background-image : url(/graphics/eshop_designs/rightBottomWhiteEdge.gif); */
	background-repeat : no-repeat;
	background-position : right bottom;
}


.presentation_box {
	font-size: 11px;
	background : #F0FFAC;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	border: 1px solid #E7E7E7;
}

.sub_menu {
	font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: Navy;
	border: 1px #A258A8;
	width : 100%;
    background: #8FA9C5 url('/graphics/bg_header2.png') repeat-x;
    padding:2px;
  border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	 
}

.manager_menu {
	background-color : #d7d7d7;
	border-right : 1px solid Navy;
	text-align:left;
}

.manager_submenu {
	background-color : Black;
	border : 1px solid #AFAFAF;
	text-align:left;
  border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	   
}

.logoPanel {
	display: inline-block;
	vertical-align: top;
	padding-top: 0;
  margin-left: 3px;
  /* width: 180px; */
  min-width: 175px;
}

.logo3D {
	display: inline-block;
}

.logoPanel2 {
	display: inline-block;
}
 
.logoLink {

}

.headerTable {
  height: 34px;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.headerTable tr {
  height: 34px;
  margin: 0;
}

.headerTable td {
  height: 34px;
  margin: 0;
}

.servicesPanel {
	  display: block;
	  padding-left: 7px;	
	/* width: 640px; */
}

.servicePanel {
	display: inline-block;
	text-align: center;
    /* background-color: #5b6c73; */
    border: silver solid 0px;
    border-radius: 20px;
    padding: 0px;
    transition: 0.3s;
}

.servicePanel:hover {
    display: inline-block;
    text-align: center;
    /* background-color: #03aae9; */
    border: darkorange solid 0px;
    border-radius: 20px;
    padding: 2px;
    transition: 0.7s;
}

a.serviceLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
  transition: 0.5s;
}
a.serviceLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: orange;
   /*background-color: white;*/
	font-weight: bold;
  transition: 0.3s;
}

.servicePanelItem {
	display: block;
	width: 160px;
    margin-top: -3px;
}

.servicesPanelWrapperBg2 {
    position: absolute;
    width: 100vw;
    height: 100px;
    border-bottom: #00dbff solid 10px;
    /*background-color: #cbcecf;*/
    border-radius: 47%;
    margin-top: -86px;
    /*margin-left: -338px;*/
    left: 0;
    z-index: 0;
}

.servicesPanel22 {
	max-width: 1100px;
  margin-left: auto ;
  margin-right: auto ;
    border-bottom: 7px;
    border-radius: 100vw;
    margin-top: -28px;
}


a.adminMenuButtonActive {  
  display: block;
  background-color: #e3e3e3;
  color: Black;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;  
  text-decoration : none;
  border: White solid 0;
  padding-top: 13px;
  padding-bottom: 15px;
  padding-left: 13px;
  padding-right: 13px;    
  border-top: White solid 3px; 
}

a.adminMenuButtonActive:hover { 
  display: block;
  background-color: #e9e9e9; 
  color: Black;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;  
  text-decoration : none;                
  /*border: Yellow solid 0; */
  padding-top: 13px;
  padding-bottom: 15px;
  padding-left: 13px;
  padding-right: 13px;  
  border-top: White solid 3px; 
  width: 100%;
}

a.adminMainMenuButtonActive {  
  display: block;
  background-color: #191c23;
  color: #FF6B19;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;  
  text-decoration : none;
  border: White solid 0;
  padding-top: 13px;
  padding-bottom: 15px;
  padding-left: 13px;
  padding-right: 13px;    
  border-top: #191c23 solid 3px; 
}

a.adminMainMenuButtonActive:hover { 
  display: block;
  background-color: #191c23; 
  color: White;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;  
  text-decoration : none;                
  /*border: Yellow solid 0; */
  padding-top: 13px;
  padding-bottom: 15px;
  padding-left: 13px;
  padding-right: 13px;  
  border-top: White solid 3px; 
  width: 100%;
}

/* ####################### MEDIA SMALL ############################# */
@media screen and (min-width: 0) and (max-width: 600px) {

	.content { background-color: White; max-width: 1180px; margin-left: auto; margin-right: auto;
	  padding-left: 5px; padding-right: 0; padding-bottom: 0; color: DimGray; }
	
	.topBarContainer { background-color: #03aae9; width: 100%; height: 67px;
        margin-left: auto; margin-right: auto; position: absolute; left: 0;	}
	
	.adminMainMenuContainer { background-color: #3a3c44; height: 100%; position: absolute;
	  left: 0; z-index: 10; visibility: hidden; }
	
	.adminMenu { display: block; background-color: #e3e3e3; padding-left: 5px; }

  .serviceImage { display: none; }  /* hide it on smaller screen */
  .adminMenuItem { height: 20px; display: inline-block; }
  .adminMainMenuItem { display: block; width: 100%; }
  .quickModuleMenu {  padding-left: 3px; margin-top: 33px; text-align: center }
  .logo3dHeader { display: none; }
  .logoHeader { width: 50%; }
  .logoImg { border-radius:5px; border:2px solid #03aae9; margin-top:3px; max-width: 100% }
  .logo3DAdmin { display: none; }
  .userPanel { display: inline-block; padding-top: 1px; margin-top: 1px; margin-left: 2px;
  padding-left: 7px; vertical-align: top; white-space: nowrap; }
  .quickMenuPanel { display: inline-block; padding-right:3px; padding-left:5px;
  margin-top: 1px; vertical-align: top; }   
  .optionsPanel { display: inline-block; position: relative; padding-right: 5px; float: right;
  vertical-align: top; margin-top: 1px; }

  a.adminMenuButton {  display: inline-block;  background-color: #e3e3e3;  color: Black;  font-family: arial, helvetica, sans-serif;  font-weight: bold;    font-size: 12px;  text-decoration : none;  border: Green solid 0;     padding-top: 1px;  padding-bottom: 3px;  padding-left: 13px;  padding-right: 13px;  border-top: #3a3c44 solid 2px; }
  a.adminMenuButton:hover { display: inline-block;  background-color: #e9e9e9;  color: Black;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none; border: Yellow solid 0;  padding-top: 1px;  padding-bottom: 3px;  padding-left: 13px;  padding-right: 13px;      border-top: White solid 2px; }
  a.adminMenuButtonActive { display: inline-block;  background-color: #e9e9e9;  color: #03aae9;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none;  border: White solid 0;     padding-top: 1px;  padding-bottom: 3px;  padding-left: 13px;  padding-right: 13px;     border-top: #191c23 solid 2px; }
  a.adminMenuButtonActive:hover {   display: inline-block;  background-color: #e9e9e9;   color: Black;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none;                  /*border: Yellow solid 0; */  padding-top: 1px;  padding-bottom: 3px;  padding-left: 13px;  padding-right: 13px;    border-top: Red solid 2px; }

  a.adminMainMenuButton {  display: inline-block;  background-color: #3a3c44;  color: White;  font-family: arial, helvetica, sans-serif;  font-weight: bold;    font-size: 12px;  text-decoration : none;  border: Green solid 0;     padding-top: 1px;  padding-bottom: 3px;  padding-left: 13px;  padding-right: 13px;  border-top: #3a3c44 solid 2px; }
  a.adminMainMenuButton:hover { display: inline-block;  background-color: #3a3c44;  color: White;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none; border: Yellow solid 0;  padding-top: 1px;  padding-bottom: 3px;  padding-left: 13px;  padding-right: 13px;      border-top: White solid 2px; }
  a.adminMainMainMenuButtonActive { display: inline-block;  background-color: #191c23;  color: #FF6B19;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none;  border: White solid 0;     padding-top: 1px;  padding-bottom: 3px;  padding-left: 13px;  padding-right: 13px;     border-top: #191c23 solid 2px; }
  a.adminMainMenuButtonActive:hover {   display: inline-block;  background-color: #191c23;   color: White;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none;                  /*border: Yellow solid 0; */  padding-top: 1px;  padding-bottom: 3px;  padding-left: 13px;  padding-right: 13px;    border-top: Red solid 2px; }

  .serviceLabel { padding: 3px;  }
  .footerContainer3d {  background-color: #333;  /* width: 100%; */  height: 25px;  position: fixed;
    display: block;  padding-top: 2px;  padding-bottom: 2px;  margin-top: 3px;  bottom: 0;  left: 0; }

  a.boldPlainLink { font-family: arial, helvetica, sans-serif; color: White; font-size: 13px; font-weight: bold;  
    text-decoration : none; /* background-color: #03aae9; */ border-bottom : 3px solid #03aae9;
    padding-top: 2px; padding-bottom: 2px; transition: 0.5s; white-space: nowrap; }
  a.boldPlainLink:active { font-family: arial, helvetica, sans-serif; color: White; color: #ff0000; font-size: 13px;
    font-weight: bold; text-decoration : none; /* background-color: #03aae9; */
    border-bottom : 3px solid Black; padding-top: 2px; padding-bottom: 2px; white-space: nowrap; }
  a.boldPlainLink:hover { font-family: arial, helvetica, sans-serif; color: White; font-size: 13px; font-weight: bold;  
    text-decoration : none; /* background-color: #03aae9; */ border-bottom : 3px solid White;
    padding-top: 2px; padding-bottom: 2px; transition: 0.3s; white-space: nowrap; }

    a.serviceMenuLink { font-family: arial, helvetica, sans-serif; color: DarkOrange; font-size: 12px;
        font-weight: bold; text-decoration : none; /*background-color: #03aae9; */
        border : 2px solid DarkOrange; border-radius: 5px; padding: 2px; }

    a.serviceMenuLink:active { font-family: arial, helvetica, sans-serif; color: White; font-size: 12px;
        font-weight: bold; text-decoration : none; /*background-color: #03aae9; */
        border : 2px solid DarkOrange; border-radius: 5px; padding: 2px; }

    a.serviceMenuLink:hover { font-family: arial, helvetica, sans-serif; color: White; font-size: 12px;
        font-weight: bold; text-decoration : none; border : 2px solid White; padding: 2px; border-radius: 5px; }

    .serviceMenu { background-color: #4A5456; width: 100vw; position: relative;
        left: 0; height:50px; padding-top: 7px; }
    .serviceMenuTitle { display: none; visibility: hidden }
   .serviceMenuItem { padding-left: 2px; }

  .adminContent { margin-left: 3px; background-color: white }

    .textarea_editor { font-family: Arial, Helvetica, sans-serif; background-color: #333; font-size: 14px; font-weight: bold;
      color: white; border: #03aae9 solid 2px;  padding: 5px;  margin-bottom: 2px;  border-radius:3px;  width: 100%;  height: 100px; }    

  .servicesPanelWrapper2 { padding: 5px; position:absolute; margin-left: -20px; visibility: hidden; display: none }        
}
/* ####################### MEDIA MEDIUM ############################# */
@media screen and (min-width: 601px) and (max-width: 1400px) {

	.content { background-color: White; max-width: 1180px; margin-left: auto; margin-right: auto;
	  padding-left: 145px; padding-right: 0; padding-bottom: 0; color: DimGray;	}

	.topBarContainer { background-color: #03aae9; width: 100%; height: 48px;
	  margin-left: auto; margin-right: auto; position: absolute; left: 0;	}
	
	.adminMainMenuContainer { background-color: #3a3c44; height: 100%; position: absolute;
	  left: 0; z-index: 10; top: 42px;   }
	
	.adminMenu {
	  display: block;
	  background-color: #e3e3e3;
	  padding-left: 150px;
	}
    .adminContent { margin-left: 158px; background-color: white }

    .logo3dHeader { position: relative; margin: auto; top: 0; right: 0; bottom: 0; width: 50px; height: 50px; }
  .serviceImage { display: block; }   /* show it on larger screens */
  .adminMenuItem { height: 33px; display: inline-block; }
  .adminMainMenuItem { display: block; width: 100%; }
  .quickModuleMenu {  padding-left: 3px; margin-top: 40px; text-align: left; max-width: 1000px }
  .logoImg { border-radius:5px; border:2px solid #03aae9; margin-top:3px;}
  .footerContainer3d {  background-color: #333;  width: 100%;  height: 45px;  position: fixed;
    display: block;  padding-top: 2px;  padding-bottom: 2px;  margin-top: 3px;  bottom: 0;  left: 0; }
  .logo3DAdmin { display: inline-block; padding-left: 25px; }   
  .userPanel { display: inline-block; padding-top: 0px; margin-top: 11px; margin-left: 2px;
  padding-left: 7px; vertical-align: top; white-space: nowrap; } 
  .quickMenuPanel { display: inline-block; padding-right:3px; padding-left:51px;
  margin-top: 9px; vertical-align: top; }   
  .optionsPanel { display: inline-block; position: relative; padding-right: 10px; float: right;
  vertical-align: top; margin-top: 2px; }

  a.adminMenuButton {  display: inline-block;  background-color: #e3e3e3;  color: Black;  font-family: arial, helvetica, sans-serif;  font-weight: bold;    font-size: 12px;  text-decoration : none;  border: Green solid 0;     padding-top: 7px;  padding-bottom: 8px;  padding-left: 13px;  padding-right: 13px;  border-top: #e3e3e3 solid 3px; }
  a.adminMenuButton:hover { display: inline-block;  background-color: #efefef;  color: Black;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none; border: Yellow solid 0;  padding-top: 7px;  padding-bottom: 10px;  padding-left: 13px;  padding-right: 13px;      border-top: White solid 3px; }
  a.adminMenuButtonActive { display: inline-block;  background-color: #efefef;  color: #03aae9;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none;  border: White solid 0;     padding-top: 7px;  padding-bottom: 10px;  padding-left: 13px;  padding-right: 13px;     border-top: #e3e3e3 solid 3px; }
  a.adminMenuButtonActive:hover {   display: inline-block;  background-color: #efefef;   color: Black;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none;                  /*border: Yellow solid 0; */  padding-top: 7px;  padding-bottom: 10px;  padding-left: 13px;  padding-right: 13px;    border-top: White solid 3px; }

    a.adminMainMenuButton {  display: block; width: 100px; background-color: #3a3c44;
        color: White;  font-family: arial, helvetica, sans-serif;  font-weight: normal;
        font-size: 12px;  text-decoration : none;  border: Green solid 0; padding-top: 9px;
        padding-bottom: 9px;  padding-left: 13px;  padding-right: 13px; border-top: #3a3c44 solid 1px;
        border-bottom: #3a3c44 solid 1px; transition: 0.5s; }
    a.adminMainMenuButton:hover { display: block;  width: 100px; background-color: #333;
        color: White;  font-family: arial, helvetica, sans-serif;  font-size: 12px;
        font-weight: normal; text-decoration : none; padding-top: 9px;  padding-bottom: 9px;
        padding-left: 13px;  padding-right: 13px; border-top: DimGray solid 1px;
        border-bottom: DimGray solid 1px; transition: 0.3s; }
    a.adminMainMenuButtonActive { display: block;  width: 100px; background-color: #333;
        color: #FF6B19;  font-family: arial, helvetica, sans-serif;  font-size: 12px;
        font-weight: bold; text-decoration : none; padding-top: 9px;  padding-bottom: 9px;
        padding-left: 13px; padding-right: 13px; border-top: #191c23 solid 1px;
        border-bottom: #191c23 solid 1px; transition: 0.5s; }
    a.adminMainMenuButtonActive:hover {   display: block;  width: 100px; background-color: #333;
        color: White;  font-family: arial, helvetica, sans-serif;  font-size: 12px;
        font-weight: bold;    text-decoration : none;   padding-top: 9px;  padding-bottom: 9px;
        padding-left: 13px;  padding-right: 13px; border-top: White solid 1px;
        border-bottom: White solid 1px; transition: 0.3s; }

  a.boldPlainLink 
  { font-family: arial, helvetica, sans-serif; color: White; font-size: 13px; font-weight: bold;
    text-decoration : none; /* background-color: #03aae9; */ border-bottom : 3px solid #03aae9;
    padding-top: 12px; padding-bottom: 11px; transition: 0.5s; white-space: nowrap; }
  a.boldPlainLink:active 
  {
    font-family: arial, helvetica, sans-serif; color: White; color: #ff0000; font-size: 13px;
    font-weight: bold; text-decoration : none; /* background-color: #03aae9; */
    border-bottom : 3px solid Black; padding-top: 12px; padding-bottom: 11px; white-space: nowrap; }

  a.boldPlainLink:hover 
  { font-family: arial, helvetica, sans-serif; color: White; font-size: 13px; font-weight: bold;
    text-decoration : none; /* background-color: #03aae9; */ border-bottom : 3px solid White;
    padding-top: 12px; padding-bottom: 11px; transition: 0.3s; white-space: nowrap; }

    a.serviceMenuLink { font-family: arial, helvetica, sans-serif; color: DarkOrange; font-size: 13px;
        font-weight: bold; text-decoration : none; /*background-color: #03aae9; */
        border : 2px solid DarkOrange; border-radius: 5px; padding: 5px; }

    a.serviceMenuLink:active { font-family: arial, helvetica, sans-serif; color: White; font-size: 13px;
        font-weight: bold; text-decoration : none; /*background-color: #03aae9; */
        border : 2px solid DarkOrange; border-radius: 5px; padding: 5px; }

    a.serviceMenuLink:hover { font-family: arial, helvetica, sans-serif; color: White; font-size: 13px;
        font-weight: bold; text-decoration : none; border : 2px solid White; padding: 5px; border-radius: 5px; }

    .serviceMenu { background-color: #4A5456; width: 100vw; position: relative;
        left: 0; min-height:38px; padding-top: 7px; }
    .serviceMenuTitle { display: inline-block; padding-top: 4px; padding-left: 7px; padding-right: 2px;
        font-family: Epilogue, Arial, Helvetica, sans-serif;
        font-size: 13pt; font-weight: bold; color: White; }
    .serviceMenuItem { padding-left: 2px; margin-top: 5px }

  .textarea_editor { font-family: Arial, Helvetica, sans-serif; background-color: #333; font-size: 14px; font-weight: bold;
      color: white; border: #03aae9 solid 2px;  padding: 5px;  margin-bottom: 2px;  border-radius:3px;  width: 100%;  height: 200px; }

  .servicesPanelWrapper2 { padding: 5px; position:absolute; margin-left: -20px; }    

}
/* ####################### MEDIA LARGE ############################# */
@media screen and (min-width: 1401px) and (max-width: 9900px) {

	.content { background-color: White; max-width: 1180px; margin-left: auto; margin-right: auto; padding-right: 0;
	  padding-bottom: 0; color: DimGray; }

    .adminContent { margin-left: 158px; background-color: white }

    .topBarContainer { background-color: #03aae9; width: 100%; height: 48px; margin-left: auto ;
	  margin-right: auto ; position: absolute; left: 0; }
	
	.adminMainMenuContainer {
	  background-color: #3a3c44;
	  /*width: 100px;*/
	  height: 100%;
        /*margin-top: 15px;*/
        padding-top: 30px;
	  position: absolute;
	  top: 42px;
	  left: 0;
	  z-index: 10;
    border-bottom-right-radius: 80px 80px;
	}	
	
	.adminMenu {
	  display: block;
	  background-color: #e3e3e3;
	  padding-left: 150px;
	}	
	
   a.adminMenuButton {  display: block; min-width: 100px; background-color: #e3e3e3;  color: Black;  font-family: arial, helvetica, sans-serif;  font-weight: normal;    font-size: 12px;  text-decoration : none;  border: Green solid 0;     padding-top: 7px;  padding-bottom: 9px;  padding-left: 13px;  padding-right: 13px;  border-top: #e3e3e3 solid 3px; }
   a.adminMenuButton:hover { display: block; min-width: 100px; background-color: #e9e9e9;  color: Black;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: normal;    text-decoration : none; border: Yellow solid 0;  padding-top: 7px;  padding-bottom: 9px;  padding-left: 13px;  padding-right: 13px;      border-top: White solid 3px; }
   a.adminMenuButtonActive { display: block; min-width: 100px; background-color: #e9e9e9;  color: #03aae9;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none;  border: White solid 0;     padding-top: 7px;  padding-bottom: 9px;  padding-left: 13px;  padding-right: 13px;     border-top: #e3e3e3 solid 3px; }
   a.adminMenuButtonActive:hover { display: block; min-width: 100px; background-color: #e9e9e9;   color: Black;  font-family: arial, helvetica, sans-serif;  font-size: 12px;  font-weight: bold;    text-decoration : none;                  /*border: Yellow solid 0; */  padding-top: 7px;  padding-bottom: 9px;  padding-left: 13px;  padding-right: 13px;    border-top: White solid 3px; }

   a.adminMainMenuButton {  display: block; width: 100px; background-color: #3a3c44; 
    color: White;  font-family: arial, helvetica, sans-serif;  font-weight: normal; 
    font-size: 12px;  text-decoration : none;  border: Green solid 0; padding-top: 9px;
    padding-bottom: 9px;  padding-left: 13px;  padding-right: 13px; border-top: #3a3c44 solid 1px; 
    border-bottom: #3a3c44 solid 1px; transition: 0.5s; }
   a.adminMainMenuButton:hover { display: block;  width: 100px; background-color: #333; 
    color: White;  font-family: arial, helvetica, sans-serif;  font-size: 12px; 
    font-weight: normal; text-decoration : none; padding-top: 9px;  padding-bottom: 9px; 
    padding-left: 13px;  padding-right: 13px; border-top: DimGray solid 1px; 
    border-bottom: DimGray solid 1px; transition: 0.3s; }
   a.adminMainMenuButtonActive { display: block;  width: 100px; background-color: #333; 
    color: #FF6B19;  font-family: arial, helvetica, sans-serif;  font-size: 12px; 
    font-weight: bold; text-decoration : none; padding-top: 9px;  padding-bottom: 9px; 
    padding-left: 13px; padding-right: 13px; border-top: #191c23 solid 1px; 
    border-bottom: #191c23 solid 1px; transition: 0.5s; }
   a.adminMainMenuButtonActive:hover {   display: block;  width: 100px; background-color: #333; 
     color: White;  font-family: arial, helvetica, sans-serif;  font-size: 12px; 
     font-weight: bold;    text-decoration : none;   padding-top: 9px;  padding-bottom: 9px; 
     padding-left: 13px;  padding-right: 13px; border-top: White solid 1px; 
     border-bottom: White solid 1px; transition: 0.3s; }

  .logo3dHeader { position: relative; margin: auto; top: 0; right: 0; bottom: 0; width: 50px; height: 50px; }
  .serviceImage { display: block; position: relative; z-index: 30; margin-top: -22px }   /* show it on larger screens */
  .adminMenuItem { height: 33px; display: inline-block; }
  .adminMainMenuItem { display: block; width: 100%; }
  .quickModuleMenu {  padding-left: 146px; margin-top: 10px; text-align: left; max-width: 700px }
  .footerContainer3d {  background-color: #333;  width: 100%;  height: 45px;  position: fixed;
    display: block;  padding-top: 2px;  padding-bottom: 2px;  margin-top: 3px;  bottom: 0;  left: 0; }
  .logoImg { border-radius:5px; border:2px solid #03aae9; margin-top:3px;}
  .logo3DAdmin { display: inline-block; padding-left: 25px; padding-right: 20px; width: 60px }
  .userPanel { display: inline-block; padding-top: 0px; margin-top: 11px; margin-left: 2px;
  padding-left: 7px; vertical-align: top; white-space: nowrap; }
  .quickMenuPanel { display: inline-block; padding-right:3px; padding-left:25px;
  margin-top: 9px; vertical-align: top; } 
  .optionsPanel { display: inline-block; position: relative; padding-right: 5px; float: right;
  vertical-align: top; margin-top: 2px; }

  a.boldPlainLink 
  { font-family: arial, helvetica, sans-serif; color: White; font-size: 16px; font-weight: bold;  
    text-decoration : none; background-color: #03aae9; border-bottom : 3px solid #03aae9;
    padding-top: 12px; padding-bottom: 11px; transition: 0.5s; }
  a.boldPlainLink:active 
  {
    font-family: arial, helvetica, sans-serif; color: White;
      font-size: 16px;
    font-weight: bold; text-decoration : none; background-color: #03aae9; 
    border-bottom : 3px solid Black; padding-top: 12px; padding-bottom: 11px; }

  a.boldPlainLink:hover 
  { font-family: arial, helvetica, sans-serif; color: White; font-size: 16px; font-weight: bold;  
    text-decoration : none; background-color: #03aae9; border-bottom : 3px solid White; 
    padding-top: 12px; padding-bottom: 11px; transition: 0.3s; }

    a.serviceMenuLink { font-family: arial, helvetica, sans-serif; color: DarkOrange; font-size: 16px;
        font-weight: bold; text-decoration : none; /*background-color: #03aae9; */
        border : 2px solid DarkOrange; border-radius: 5px; padding: 7px; }

    a.serviceMenuLink:active { font-family: arial, helvetica, sans-serif; color: White; font-size: 16px;
        font-weight: bold; text-decoration : none; /*background-color: #03aae9; */
        border : 2px solid DarkOrange; border-radius: 5px; padding: 7px; }

    a.serviceMenuLink:hover { font-family: arial, helvetica, sans-serif; color: White; font-size: 16px;
        font-weight: bold; text-decoration : none; border : 2px solid White; padding: 7px; border-radius: 5px; }

    .serviceMenuItem {
        padding-left: 20px;
    }

    .serviceMenu { background-color: #4A5456; width: 100vw; position: relative;
        left: 0; min-height:38px; padding-top: 0px; }
    .serviceMenuTitle { display: inline-block; padding-top: 1px; padding-left: 15px; padding-right: 15px;
        font-family: Epilogue, Arial, Helvetica, sans-serif;
        font-size: 24px; font-weight: bold; color: White; }

    .textarea_editor { font-family: Arial, Helvetica, sans-serif; background-color: #333; font-size: 14px;
      font-weight: bold; color: white; border: #03aae9 solid 2px;  padding: 5px;  margin-bottom: 2px;
      border-radius:3px;  width: 100%;  height: 300px; }

    .servicesPanelWrapper2 { padding: 5px; position:absolute; margin-left: -20px; }

}

.logoLabel {
  color: #03aae9; font-family: Arial, Helvetica, sans-serif; background-color: white; font-size: 14px;
  font-weight: bold; border: white solid 1px; margin-top: 2px; padding: 2px; margin-bottom: 2px;
  border-radius:3px; vertical-align: bottom; display: inline-block; position: absolute; top: 50%;
  -ms-transform: translateY(-50%); transform: translateY(-50%);
}

.languagesPanel { display: inline-block; vertical-align: top; margin-top: 7px }

.currencyPanel { display: inline-block; vertical-align: top; margin-top: 7px }

.languageSelectorPanel { display: inline-block; vertical-align: top; }

.flagPanel { display: inline-block;	/* padding-top: 10px; */ /* border : 1px solid #9797ff; */ height: 22px; }

.flagImage { width: 18px; border : 1px solid #03aae9; border-radius:5px; }

.languageSelector {	display: block;	font-family: Arial, Helvetica, sans-serif; background-color: #606060;
	font-size: 13px; font-weight: bold;	color: #FFF; border: #000000 solid 1px;	padding: 2px;
	margin-bottom: 1px;	width: 80px; border-radius:3px; }

@media screen and (min-width: 0) and (max-width: 1000px) {
  /* hide it on smaller screen */
    .routeSelector { display: block; background-image: url('/images/quickmenu3_small.png');
	  background-repeat: no-repeat; background-size: 25px 25px; background-position : left;
      font-family: Arial, Helvetica, sans-serif; background-color: #606060; font-size: 13px; font-weight: bold;
	  color: #FFF; border: #000000 solid 1px; padding: 2px 1px 2px 25px; margin-bottom: 1px; width: 40px;
	  border-radius:3px; }
}
@media screen and (min-width: 1001px) and (max-width: 3824px) {
  /* show it on larger screens */
  .routeSelector { display: block; background-image: url('/images/quickmenu3_small.png');
	  background-repeat: no-repeat; background-size: 25px 25px; background-position : left;
	  font-family: Arial, Helvetica, sans-serif; background-color: #03aae9; font-size: 13px;
	  font-weight: bold; color: #FFF; border: #222 solid 2px; padding: 5px 1px 5px 25px;
      margin-bottom: 1px; width: 280px; border-radius:3px; }
}

.routeOption { background-color: #222; border-top: #03aae9 solid 2px; display: block }
.routeOption:hover { background-color: #03aae9; border-top: #03aae9 solid 2px; display: block }
.subOption { font-family: Arial, Helvetica, sans-serif;	font-size: 14px; font-weight: bold;	padding-left: 15px;
	color: White; background-color: #606060; }

.currencySelectorPanel { display: inline-block;	/* border : 1px solid #9797ff; */ }

.currencySelector {	display: block;	font-family: Arial, Helvetica, sans-serif; background-color: #606060;
	font-size: 13px; font-weight: bold;	color: #FFF; border: #000000 solid 1px;	padding: 2px;
	margin-bottom: 1px;	width: 80px; border-radius:3px; }

.currencySymbolPanel { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	font-weight: bold; color: Black; /* padding-top: 10px; */ /* border : 1px solid #9797ff; */	height: 22px; }

.selector { font-family: Arial, Helvetica, sans-serif; background-color: White; font-size: 14px; font-weight: bold;
    color: #2F2C2B; border: #03aae9 solid 2px; padding: 15px; margin-bottom: 2px; border-radius: 3px; }

.sidesBorder_table { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align:left; color: #00f011;
	border-left : 1px solid #9797ff; border-right : 1px solid #9797ff; }

.sidesTopBorder_table {	font-size: 11px; font-family: Arial, Helvetica, sans-serif;	text-align:left; color: #00f011;
	border-left : 1px solid #9797ff; border-right : 1px solid #9797ff; border-top : 1px solid #9797ff; }

.sidesBottomBorder_table { font-size: 11px;	font-family: Arial, Helvetica, sans-serif; text-align:left;
	color: #00f011;	border-left : 1px solid #9797ff; border-right : 1px solid #9797ff;
    border-bottom : 1px solid #9797ff; }

.topBorder_table { font-size: 11px;	font-family: Arial, Helvetica, sans-serif; text-align:left;	color: #00f011;
	border-top : 1px solid #9797ff; }

.shadow_table {	font-size: 11px; font-family: Arial, Helvetica, sans-serif;	text-align:left; color: #00f011;
	border : 1px solid #9797ff;	background : #E1E1E1; }

.topBorderShadow_table { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align:left;
	color: #00f011;	border-top : 1px solid #9797ff;	border-bottom : 1px solid #9797ff;
	/* background-image: url('/graphics/bg66.gif'); */ background-repeat: repeat-x; }

.screenContent {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background-color: Black;
}

.contentHeader {
  max-width: 700px;
  padding-bottom: 7px;
  margin-bottom: 9px;
}

.contentOffer {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 3px;
}

/************************
   CELLS
*************************/

.button_cell {
	border : 1px solid #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
	background : #E1E1E1;
}

/**********************
	LABELS
***********************/



.section_header3 {
	background-color : #E9F1F4;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	background-image: url('/users/dohnalek/bg_blackbutton.png');
    background-repeat: repeat-x; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color: White;	
}

.section_header3_manager {
	background-color : #E9F1F4;
	border-top: 1px solid #7A7A7A;
	border-bottom: 1px solid Black;
	background-image: url('/users/dohnalek/bg_blackbutton.png');
    background-repeat: repeat-x; 
	text-align:left;
}

.section_header4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: White;
	background : Gray;
  	padding-left: 5px;
}


/**********************
	HEADER TITLES
***********************/


/**********************
	FORMS
***********************/



.form_horizontal { 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: #333 solid 1px;
}

.simple_form_field_label {
    display: inline-block;
    width: 100%;
    margin-top: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.form_field_label { 
	display: inline-block;
	width: 220px;
	margin-top: 3px;
  padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.form_field_label_help { 
  display: inline-block;
  width: 220px;
  color: White;
  /* margin-top: 3px; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.form_field_label_heading { 
  display: inline-block;
  width: 220px;
  color: Navy;
  font-weight: bold; 
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-top: Silver dotted 1px;
  margin-top: 3px;
  padding-top: 3px;
}

.form_field_label2 { 
	display: inline-block;
	width: 200px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.form_field_label3 { 
  display: inline-block;
  margin-top: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.form_field_label_top { 
  display: inline-block;
  width: 220px;
  padding-top: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  border-top: Silver dotted 1px;
}

.form_field_label_bottom { 
  display: inline-block;
  width: 220px;
  padding-top: 3px;
  padding-bottom: 3px;  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  border-bottom: Silver dotted 1px;
}

.form_field_label_control_question {
  display: inline-block;
  width: 220px;
  margin-top: 3px;
  padding-top: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  /* color:  white; */
  /* background-image: url('https://webexciter.com/images/webexciter_logo.png'); */
}    

.form_field_text { 
	color: DarkGray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.form_textarea_label { 
	display: inline-block;
	width: 220px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	/* height: 45px;  */
	vertical-align: top;
}

.form_field_label_required { 
	display: inline-block;
	width: 220px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.form_textarea_label2 { 
	display: block;
	width: 200px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* height: 45px;  */
	/* vertical-align: top; */
}

.form_choice_label {
	display: block;
	color: #03aae9;
	font-family: Arial, verdana, arial, helvetica, sans-serif;
	font-size: 16px;   
	font-weight: bold; 
	padding-top: 15px;	
	height: 30px;
	border: White solid 0;
}

.form_field_label_required::after {
    content: " *";
    color: Red;
}

.form_field_value { margin-top: 3px; min-width: 300px }

#form_services { max-width: 400px; display: block; }

#form_webPageType { max-width: 400px; display: block; margin-top: 5px }
#form_webPageType > input { display: block; margin-top: 19px; }
#form_webPageType > label { border: solid silver 1px; border-radius: 3px; padding: 3px 22px; margin-top: -18px;
    display: inline-block;
    position: absolute; }

.form_choice > input {
	display: inline-block;
	width: 10%;
}

.form_choice > label {
	text-align:left;	
	display: inline-block;
	width: 85%;
}

.form_choice > label::after{white-space:pre; }

.form_choice {
  margin-bottom: 10px;  
}

.simple_text_form { font-family: Arial, Helvetica, sans-serif;
    background-color: White;
    font-size: 16px;
    font-weight: normal;
    color: #2F2C2B;
    border: #03aae9 solid 2px;
    padding: 15px 7px 15px 7px;
    margin-bottom: 17px;
    border-radius:3px;
    min-width: 250px;
}

.text_form { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: White;
	font-size: 16px;
	font-weight: normal;
	color: #2F2C2B;
	border: #03aae9 solid 2px;
	padding: 15px 7px 15px 7px;
	margin-bottom: 9px;
  border-radius:3px;
}

.text_form > div > select { border: #03aae9 solid 2px; padding: 7px; margin: 1px; border-radius:3px; }

.text_form_gray { 
  font-family: Arial, Helvetica, sans-serif;
  background-color: White;
  font-size: 12px;
  font-weight: normal;
  color: #2F2C2B;
  border: Silver solid 2px;
  padding: 5px;
  margin-bottom: 2px; 
  border-radius:3px;
}

.text_form_help { 
  font-family: Arial, Helvetica, sans-serif;
  background-color: White;
  font-size: 12px;
  font-weight: normal;
  color: DimGray;
  border: White solid 0;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 4px; 
}

.text_form_heading { 
  background-color: White;
  font-weight: bold; 
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: White;
  border: White solid 0;
    margin-bottom: 4px;
  border-top: Silver dotted 1px;
  margin-top: 3px;
    padding: 3px 5px 5px;
}

.text_form2 { 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #606060;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	border: #000000 solid 1px;
	padding: 3px;
	margin-bottom: 1px;	
}

.text_form_file { 
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #606060;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	border: #000000 solid 1px;
	padding: 3px;
	margin-left: 202px;
	margin-bottom: 1px;	
}

.text_form_file2 { display: inline-block; font-family: Arial, Helvetica, sans-serif; background-color: LightGray;
	font-size: 14px; font-weight: normal; color: Black;	padding: 3px; margin-left: 20px; border: #03aae9 solid 2px;
    margin-bottom: 2px; border-radius:3px; }

.textarea_form { font-family: Arial, Helvetica, sans-serif;	background-color: White; font-size: 14px;
	font-weight: bold; color: #2F2C2B; border: #03aae9 solid 2px; padding: 5px;	margin-bottom: 2px;
    border-radius:3px; /* min-width: 50vw; */ min-height: 100px; }

.textarea_form_small { font-family: Arial, Helvetica, sans-serif; background-color: White; font-size: 14px;
  font-weight: bold; color: #2F2C2B; border: #03aae9 solid 2px; padding: 5px; margin-bottom: 2px;
    border-radius:3px; /* min-width: 50vw; */ min-height: 50px; }    

.textarea_code { font-family: MonoLisa, Arial, Helvetica, sans-serif; background-color: #222; font-size: 14px;
  font-weight: bold; color: #2F2C2B; border: #03aae9 solid 2px; padding: 5px; margin-bottom: 2px;
    border-radius:3px; /* min-width: 50vw; */ min-height: 100px; color: whitesmoke; width: 100% }

.textarea_form_gray { font-family: Arial, Helvetica, sans-serif; background-color: White; font-size: 12px;
    font-weight: bold; color: #2F2C2B; border: Silver solid 2px; padding: 5px; margin-bottom: 2px; border-radius:3px; }

.select_form { font-family: Arial, Helvetica, sans-serif; background-color: #606060; font-size: 12px;
	font-weight: normal; width: 80%; color: #FFF; border: #000000 solid 1px; border-radius:3px;
	-moz-border-radius:3px;	-webkit-border-radius:3px; }

.text_form_bold { font-family: Arial, Helvetica, sans-serif; background-color: #606060; font-size: 12px;
    font-weight: bold; color: #FFF;	border: #000000 solid 1px; border-radius:3px;
    -moz-border-radius:3px;	-webkit-border-radius:3px; }

.text_form_big { font-family: Arial, Helvetica, sans-serif;	background-color: #606060; font-size: 16px;
    font-weight: bold; color: #ffffff; border: #000000 solid 1px; height: 19px; }

.edit_form { display: inline-block;	vertical-align: top; }

.images_form { margin-top: 2px; padding-left: 2px; display: inline-block; vertical-align: top;
    text-align: center; border : 1px solid #DDD; border-radius:3px; /* width: 350px; */ }

.info_text_form { font-family: Arial, Helvetica, sans-serif; background-color: #ececec;	font-size: 12px;
	font-weight: normal; border: #c6c6c6 solid 1px; }

.select_text_form { font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-weight: normal;
	color: #0C007F;	border: #000000 solid 1px; }
	 
.small_text_form { font-family: Arial, Helvetica, sans-serif; background-color: White; font-size: 9pt;
	color: #000080;	font-weight: normal; border: 1px solid Silver; }

.text_form_slim { font-family: Arial, Helvetica, sans-serif; background-color: #EBEBEB;	font-size: 9pt;
	color: #000080;	font-weight: normal; border: 1px solid #000080 }

.long_text_input { color: #0C007F; font-size: 12pt; font-family: Arial, Helvetica, sans-serif; width : 250px;
	background-color: #eaeaea; font-weight: normal;	border: #000000 solid 1px; }

.short_text_input {	color: #0C007F;	font-size: 12pt; font-family: Arial, Helvetica, sans-serif;	width : 70px;
	background-color: #eaeaea; font-weight: normal;	border: #000000 solid 1px; }

.loginPanel { max-width: 500px; text-align: left; margin-left: auto; margin-right: auto }
.addFormFunctions { padding-top: 22px; max-width: 500px; text-align: left; margin-left: auto; margin-right: auto }
.addFormFunctionsLine { border-top: 1px solid silver; width: 23%; display: inline-block }

.butt_form { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; text-align: center;
	padding-top: 1px; padding-bottom: 1px; background-color: #FF780E; color: Black;	font-weight: bold;
	border: 1px solid #000080 }
	 
.button_form { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: Black;
	text-align: center; }

.butt_standard { font-family: Arial, Helvetica, sans-serif;
    background-image: url('/users/dohnalek/bg_blackbutton.png'); font-size: 10pt;
	color: White; font-weight : bold; padding: 3px; cursor: pointer; border : 1px solid Black; border-radius:5px;
    -moz-border-radius:5px;	-webkit-border-radius:5px; }

.butt_big { font-family: Arial, Helvetica, sans-serif; background-color : DarkGreen; border : 1px solid DarkGreen;
    font-size: 16pt; color: White; font-weight : bold; text-decoration: none; padding: 10px 17px 10px 17px; cursor: pointer;
    margin-top: 5px; margin-bottom: 3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; min-width: 270px }

.butt_big:hover { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; background-color : darkorange;
    border : 1px solid darkorange; color: White; font-weight : bold; /*height: 25px;*/
    padding: 10px 17px 10px 17px; cursor: pointer; margin-top: 5px; margin-bottom: 3px; border-radius:5px;
    -moz-border-radius:5px; -webkit-border-radius:5px; }

.butt_big_silver { font-family: Arial, Helvetica, sans-serif; background-color : Silver; border : 1px solid Silver;
    font-size: 16pt; color: White; font-weight : bold; text-decoration: none; padding: 10px 17px 10px 17px; cursor: pointer;
    margin-top: 5px; margin-bottom: 3px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; min-width: 270px }

.butt_big_silver:hover { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; background-color : darkorange;
    border : 1px solid darkorange; color: White; font-weight : bold; /*height: 25px;*/
    padding: 10px 17px 10px 17px; cursor: pointer; margin-top: 5px; margin-bottom: 3px; border-radius:5px;
    -moz-border-radius:5px; -webkit-border-radius:5px; }

#form_save { margin-bottom: 8px; margin-top: 8px }
#form_save2 { margin-bottom: 2px; margin-top: 22px; }
#form_save3 { margin-bottom: 12px;  }

.butt_standard_tiny { font-family: Arial, Helvetica, sans-serif;
    background-image: url('/users/dohnalek/bg_blackbutton.png'); font-size: 8pt;
	color: White; border : 1px solid Black; }

.medium_textarea { width : 600px; height: 100px; font-family: Arial, Helvetica, sans-serif; background-color: White;
    font-size: 14px; font-weight: bold; color: #2F2C2B; border: #03aae9 solid 2px; padding: 5px; margin-bottom: 2px;
    border-radius:3px; }

.html_editor_textarea { color: #000080;	font-size: 10pt; font-family: Arial, Helvetica, sans-serif;
	border: 1px solid Silver; width : 100%;	height: 333px; }

.silverBar { border: 0 solid green; height: 1px; background: DarkGreen; }

.menuOverBackground { /* background-image: url(/users/dohnalek/bg_blackbutton.png); */
    background-repeat: repeat-x; border : 1px solid #D0E8E8; }

.menuOverBackground2 { background-image: url('/users/dohnalek/bg_blackbutton.png');
    background-repeat: repeat-x; border: 1px solid #D0E8E8; cursor: pointer; }

.menuOverBackground3 { background-color : #222222; border : 1px solid #D0E8E8; }

.panelOverBackground { background-color : #000000;
    background-image: url('/users/dohnalek/bg_blackbutton.png'); background-repeat: repeat-x;
	border : 1px solid #D0E8E8; cursor: pointer; border-radius:3px;
	-moz-border-radius:3px;	-webkit-border-radius:3px; }

.bigPanelOverBackground {
	/* background-image: url(graphics/inmarket.co.uk/bg_panel.png); */
    border : 1px solid #3F3F3F; background: #000000 repeat-x; border-radius:3px;
    -moz-border-radius:3px;	-webkit-border-radius:3px; }

.bigPanel {
	/* background-image: url(graphics/inmarket.co.uk/bg_panel.png); */
    border : 1px solid #3F3F3F; background: #000000 repeat-x; border-radius:3px;
	-moz-border-radius:3px;	-webkit-border-radius:3px; }

.bigPanelOver {	background: Black; border : 1px solid #606060; border-radius:3px;
	-moz-border-radius:3px;	-webkit-border-radius:3px; }

.dropDownDiv { background: #c9c9c9;	border : 1px solid #000000; border-radius:5px;
	-moz-border-radius:5px;	-webkit-border-radius:5px; }

.footerGap { height: 1px; background-color: #333;}
.vrGap { height: 390px; }

.footerContainer {
  background-color: #333;
  /* width: 100%; */
  height: 85px;
  position: relative;
  left: 0;
  /* margin-left: -50vw; */
  /* left: 50%; */ 
  /* height: 100%; */
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 120px;
  /*margin-top: 3px;*/
  bottom: 0;
  z-index: 22;
  box-shadow: 0 50vh 0 50vh #3a3c44;
}

.footerPanel {
  /* max-width: 950px; */
  /* width: 950px ; */
  width: 100%;
  margin-left: auto ;
  margin-right: auto ;
	background: #333;
	text-align: center;
	margin-top: 2px;
    color: Silver;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    padding: 7px 3px;
}

.footerIcons {  
  display: inline-block;
  width: 48%;
  text-align: right;
}

.footerIcon{ 
  display: inline-block;
  padding: 1px;
}

.footerLinks {
  display: inline-block;
  width: 48%;
  text-align: left;
}  

.footerLinkBox {
  display: inline-block;
  padding: 5px;
}

.dropDownCell {	border-bottom: 1px solid #B7B7B7; }

.dropDownCellOver {	background: #878787; border-bottom: 1px solid #B7B7B7; cursor: pointer; }

.dropDownGroupCell { border-bottom: 1px solid #b1bcf6; background: #b1bcf6; }

.dropDownGroupCellOver { background: #878787; border-bottom: 1px solid #878787; cursor: pointer; }

.menuLayer {
	position:absolute;
	left:0;
	top: 0;
	z-index:2; 
	visibility: hidden;
	background-color: #000000;
	opacity: 0.9;	
}

.menuLayerWrapper {
    position:relative;
	height:1px;
	visibility:hidden;
	background-color: #000000;
	z-index:2; 
}

a.dropDownLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
}

a.dropDownLink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px; 
	font-weight: bold;	
	text-decoration: none;
}

a.dropDownGroupLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
}

a.dropDownGroupLink:hover {
	color: #676767;
	text-decoration: none;
}

a.smallLink2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Red;
	font-size: 10px; 
	font-weight: normal;
	text-decoration: none;
}

a.smallLink2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Yellow;
	font-size: 10px; 
	font-weight: normal;	
	text-decoration: none;
}

.dropDownBg {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #000000;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
	opacity: 0.6;
}

.dropDownBg_Over { font-size: 11px;	font-family: Arial, Helvetica, sans-serif; text-align:center;
    border: 1px solid #FFFFFF; cursor: pointer; }

.dropDownBg2 {	border : 0 solid #CDCDCD; }

.button1 { font-size: 11px;	font-family: Arial, Helvetica, sans-serif; text-align:center;
	/* background-image: url(graphics/center_button.png); background-repeat: repeat-x; */
	height: 33px; }

.button1_left {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	/* background-image: url('graphics/leftside_button.png');
    background-repeat: repeat-x; */
    width:19px;
}

.button1_right {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	/* background-image: url('graphics/rightside_button.png');
    background-repeat: repeat-x; */
    width:19px;	
}

.button1Over {
	background-color: #66CC33;
}

.button2 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	/* background-image: url(graphics/center_button2.png);
    background-repeat: repeat-x; */
	height: 33px;
}

.button2_left {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	/* background-image: url(graphics/leftside_button2.png);
    background-repeat: repeat-x; */
    width:19px;
}

.button2_right {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	/* background-image: url(graphics/rightside_button2.png);
    background-repeat: repeat-x; */
    width:19px;	
}

.button3 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	/* background-image: url(graphics/grey_button_center.png);
    background-repeat: repeat-x; */
	height: 33px;
}

.button3_left {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	/* background-image: url(graphics/grey_button_left.png); */
    background-repeat: repeat-x; 	
    width:19px;
}

.button3_right {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	/* background-image: url(graphics/grey_button_right.png); */
    background-repeat: repeat-x; 
    width:19px;	
}


.buttonLink {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.buttonLink A:link 
{
	color: White;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.buttonLink A:visited 
{
	color: White;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.buttonLink A:active 
{
	color: White;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.buttonLink A:hover 
{
	color: White;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

.button_mainmenu {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	border: 2px solid #B4B4B4;
  border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.button_mainmenu_over {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	border: 2px solid #00f011;
  border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

/*************************************************************
	GENERAL
**************************************************************/

/**********************
	Colors
***********************/

.menu_background {
	color: #E93F9C;
}


/**********************
	Links
***********************/

.eshoplink A:link 
{
	color: #0000ff;
	font-size: 12px;
}
.eshoplink A:visited 
{
	color: #0000ff;
	font-size: 12px;
}

.eshoplink A:active 
{
	color: #8000ff;
	font-size: 12px;
}

.eshoplink A:hover 
{
	color: #8000ff;
	font-weight: bold;
	background-color: #eeeeee;
	font-size: 12px;
}

.smalllink_grey A:link 
{
	color: Grey;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
}
.smalllink_grey A:visited 
{
	color: Grey;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
}

.smalllink_grey A:active 
{
	color: Grey;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
}

.smalllink_grey A:hover 
{
	color: Grey;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
}

/**********************
	TABLES
***********************/

.standard_table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: Navy;
    border-color: Navy;
	border-style: solid;
}

.grey_table {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
	border: 1px solid #7F7F7F;
  border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	  
}

.footer_table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	border-top: 1px solid #C0C0C0;
	#border-bottom: 1px solid #C0C0C0;
}

.grey_light_table {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #FFFFFF;
	border: 1px solid #dcdcdc;
}

.grey_big_table {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00f011;  
	text-align:left;
    border: 1px dotted #C0C0C0;
	padding:3px;	
  border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}


.search_panel {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background-color: #000000;
    color: #F0E68C;
	border-bottom : 1px solid Gray;
	#border-top : 1px solid Gray;
	height: 78px;
}

.bluetalk_panel_top {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	background : #CFE1FF;
	border-bottom : 1px solid #2B5CD0;
}

.bluetalk_panel_bottom {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	background : #CFE1FF;
	border-top : 1px solid #2B5CD0;
}

.whiteEdgeTopLeft {
	/* #background-image : url(graphics/eshop_designs/leftTopWhiteEdge.gif);
	#background-repeat : no-repeat;
	#background-position : left top; */
}

.whiteEdgeTopLeft2 {
	/* #background-image : url(graphics/eshop_designs/leftTopWhiteEdge.gif);
	#background-repeat : no-repeat;
	#background-position : left bottom; */
}

.whiteEdgeBottomRight {
	/* background-image : url(graphics/rightBottomWhiteEdge.gif);
	background-repeat : no-repeat;
	background-position : right bottom; */
}

.whiteEdgeBottomLeft {
	font-size: 9px;
}

.whiteEdgeTopRight {
	/* background-image : url(graphics/eshop_designs/panelEdge.gif);
	background-repeat : no-repeat;
	background-position : right top; */
}

.currencyBg {
	background-repeat : no-repeat;
	background-position : left top;
}

.menu_table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	border-top : 1px solid Gray;
	border-bottom : 1px solid Gray;
	/* background-image : url(graphics/icon_products_alpha.jpg);
	background-repeat : no-repeat;
	background-position : left; */
}

.menu_table_eshops {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	border-top : 1px solid Gray;
	border-bottom : 1px solid Gray;
	/* background-image : url(graphics/icon_eshops_alpha.jpg);
	background-repeat : no-repeat;
	background-position : left; */
}

.menu_table_auctions {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	border-top : 1px solid Gray;
	border-bottom : 1px solid Gray;
	/* background-image : url(graphics/icon_auctions_alpha.jpg); */
	/* background-repeat : no-repeat;
	background-position : left; */
}

.menu_table_b2b {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: #000000;
	border-top : 1px solid Gray;
	border-bottom : 1px solid Gray;
	/* background-image : url(graphics/icon_b2b_alpha.jpg); */
	background-repeat : no-repeat; 
	background-position : left;
}

.white_table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: Black;
	border : 0 solid #9797ff;
	background : #FFFFFF;
}

/************************
   CELLS
*************************/

.sheet_cell {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: Black;
	border : 1px solid #d0d7e5;
	background : #FFFFFF;
	width: 100%;
	padding-top: 3px; 
	padding-bottom: 3px; 
}

.sheet_cell_bold {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight: bold;
	color: Black;
	border : 1px solid #d0d7e5;
	background : #FFFFFF;
	width: 100%; 
	padding-top: 3px; 
	padding-bottom: 3px;  
}

.sheet_cell_bottom {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color: Black;
	border-bottom : 1px solid #d0d7e5;
	border-top : 0 solid #d0d7e5;
	border-left : 0 solid #d0d7e5;
	border-right : 0 solid #d0d7e5;
	background : #FFFFFF;
	width: 100%;
	padding-top: 3px; 
	padding-bottom: 3px; 
}

/**********************
	LABELS
***********************/

.section_header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	font-weight: bold;
	color: Black;
	padding-top: 0;
	background-image: url('/graphics/bg_header.png');
    background-repeat: repeat-x; 
}

.section_header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	color: #00f011;
	padding-top: 0;
}

.section_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color: #00f011;
	padding-top: 0;
}

.auction_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #00f011;
	padding-top: 0;
	background-color : Silver;
}

.error_message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: White;
	padding-top: 0;
	text-align: center;
	background-color : red;
}

.ok_message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Blue;
	padding-top: 0;
	text-align: center;
	background-color : #49EF2C;
}

.section_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	font-weight: bold;
	color: #00f011;
	padding-top: 0;
}

.small_section_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align:left;
	color: #00f011;
	padding-top: 0;
}

.standart_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color: #00f011;
	padding-top: 0;
}

.standart_small_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:left;
	color: #00f011;
	padding-top: 0;
}

.standart_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #00f011;
	padding-top: 0;
}

.big_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	color: #00f011;
	padding-top: 0;
}

.standart_greybg_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color: #00f011;
	padding-top: 0;
	background-color : #e1e1e1;
}

.standart_lightgreybg_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color: #00f011;
	padding-top: 0;
	background-color : #eaeaea;
}

.small_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align:left;
	color: #00f011;
	padding-top: 0;
}

.small_text_italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align:left;
	font-style: italic; 
	color: #00f011;
	padding-top: 0;
}

.messenger_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color: Black;
	padding-top: 0;
}

.messenger_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color: Gray;
	padding-top: 0;
}

.view_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align:left;
	color: #ffffff;
	padding-top: 0;
	background-color : #4F4F4F;
	/* background-image: url(/users/dohnalek/bg_blackbutton.png);
    background-repeat: repeat-x; */
}

.view_light {
	padding-top: 0;
	background : #4F4F4F;
}

.view_dark {
	padding-top: 0;
	background : #2F2F2F;
}

.mobile_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00f011;
	padding-top: 0;
}

.auction_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	color: Black;
	padding-top: 0;
	background-color : #CFE7FF;
}

.auction_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	color: Black;
	padding-top: 0;
	background : #AFFFAF;
	border : 1px Gray;
}

.auction_green_tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	color: Black;
	padding-top: 0;
	background : #AFFFAF;
	border : 1px Gray;
}

.grey_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: gray;
	padding-top: 0;
}

.dark_grey_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
	color: #4F4F4F;
}

.presentation_text {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #00f011;
	line-height : 17px;
}

.white_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: White;
	padding-top: 0;
}

.green_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: #5CAF36;
	padding-top: 0;
}

.green_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: #5CAF36;
	padding-top: 0;
	font-weight: bold;
}

.red_text_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color: #FF0000;
	padding-top: 0;
	font-weight: bold;
}

.white_text_bold_underline {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: White;
	font-weight: bold;
	text-decoration: underline;
}

.small_text_underline {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}


/**********************
	HEADER TITLES
***********************/

.header_title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: White;
	padding-top: 0;
}

/**********************
	FORMS
***********************/

  .auction_bid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	border: #FF0000 solid 2px;
}
	 
.bottom_white_line {
	border: 1px solid White;
}

.bottom_grey_line {
	border-bottom: 1px solid #B7B7B7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00f011;	
}

.top_grey_line {
	border-top: 1px solid #B7B7B7;
}

.right_grey_line {
	border-right: 1px solid #474747;
}

.left_grey_line {
	border-left: 1px solid #474747;
}

.top_bottom_grey_line {
	border-top: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
}

.right_bottom_grey_line {
	border-right: 1px solid #474747;
	border-bottom: 1px solid #B7B7B7;
}

.left_lightgrey_line {
	border-left: 1px solid #D6D6D6;
}

.right_lightgrey_line {
	border-right: 1px solid #D6D6D6;
}

.service_panel {
	border-bottom: 1px solid #B7B7B7;
  padding: 2px;
  background: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00f011;	
}

.module_panel {
	border-bottom: 1px solid #B7B7B7;
  padding-top: 2px;
  background: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00f011;	
}

.moduleButtonLink2 {
	/*background-image: url(graphics/puzzle_small.png); background-repeat: no-repeat; */
    padding: 3px 3px 3px 17px;
    text-decoration : none;
  border : 1px solid #606060;
  border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	 
}

a.moduleButtonLink {
 display: inline-block;
 height: 25px;
 min-width: 70px;
 background-color: White;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: normal;  
 text-align:center;
 text-decoration: none;   
 color: DarkGreen;   
 border : 2px solid DarkGreen;
  margin-top: 8px;
  padding-top: 8px;
  padding-left: 2px;
  padding-right: 2px;
  border-radius:7px;
 }

a.moduleButtonLink:hover {
 display: inline-block;
 height: 25px;
 min-width: 70px;
 background-color: DarkGreen;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: normal;  
 text-align:center;
 text-decoration: none;   
 color: White;  
  border : 2px solid Navy;
    margin-top: 8px;
  padding-top: 8px;
   padding-left: 2px;
  padding-right: 2px;
   border-radius:7px;
}

a.moduleButtonLinkMore {
 display: inline-block;
 height: 25px;
 min-width: 70px;
 background-color: White;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-align:center;
  text-decoration: none;
  color: Gray;
  border : 2px solid Gray;
  margin-top: 8px;
  padding-top: 8px;
  padding-left: 2px;
  padding-right: 2px;
  border-radius:7px;
 }

a.moduleButtonLinkMore:hover {
 display: inline-block;
 height: 25px;
 min-width: 70px;
 background-color: Gray;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: normal;  
 text-align:center;
 text-decoration: none;   
 color: White;  
  border : 2px solid Gray;
  margin-top: 8px;
  padding-top: 8px;
  padding-left: 2px;
  padding-right: 2px;
  border-radius:7px;
}

.helpButtonLink {
    padding: 3px 3px 3px 17px;
    text-decoration : none;
	border : 1px solid #606060;
  border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	   
}

.moduleTitle {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: Gray;	 
	padding-right: 11px;
	width: 200px;
	vertical-align: top;
}

.moduleTitle2 {
    display: inline-block;
    padding-right: 11px;
    width: 250px;
    vertical-align: top;
}

/* graphics/icon_helptopic.png */

.whiteBackground {
	background: Black;
	border : 1px solid #606060;
  border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	  
}

.greyBackground {
	background: #DDDDDD;
	border : 1px solid #DDDDDD;
}

.lightGreyBackground {
	background: #EFEFEF;
	border : 1px solid #EFEFEF;
}

.paginating {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
    border: 1px solid #CDCDCD;
    display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

.paginating_over {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
    border: 1px solid #CDCDCD;
    display: inline;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #DFDFDF;
}


.paginatingCurrent {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	border: 0;
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

.header_h1_navy {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight: bold;
	color: #1FC4FF;
    padding: 2px 3px 1px;
}

.header_h1_grey {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight: bold;
	color: #9D9D9D;
	/* border: 1px solid #D6D6D6; */
    padding: 2px 3px 1px;
}

.header_title3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	color: #00f011;
	padding: 3px;
}

.grey_line_separator {
   color: #D1D1D1;
   height: 1px;
   border: 1px salmon solid;
}

.general_text_form { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eaeaea;
	font-size: 12px;
	font-weight: normal;
	color: #0C007F;
	border: #000000 solid 1px;
}

.general_select_form { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eaeaea;
	font-size: 12px;
	font-weight: normal;
	width: 80%;
	color: #0C007F;
	border: #000000 solid 1px;
}

.general_text_form_bold { 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eaeaea;
	font-size: 12px;
    font-weight: bold;
	color: #0C007F;
	border: #000000 solid 1px;
}

.general_select_text_form { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0C007F;
	border: #000000 solid 1px;
}

.general_small_text_form {
	font-family: Arial, Helvetica, sans-serif;
	background-color: White;
	font-size: 9pt;
	color: #000080;
	font-weight: normal;
	border: 1px solid Silver;
}

.general_text_form_slim {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EBEBEB;
	color: #000080;
	font-weight: normal;
	border: 1px solid #000080
}


.main {
width:200px;
border:1px solid black;
border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	padding-top: 0;
    background: Silver url('/graphics/bg_header.png') repeat-x;
}

.daysofweek {
	font:bold 12px Arial;
    border: 1px #A258A8;
    background: #8FA9C5 url('/graphics/bg_header2.png') repeat-x;
    color:white;
}

.days { font-size: 12px; color:black; background-color: #EAEAEA; padding: 2px; border: 1px #FFFFFF; }

.days #today{ font-weight: bold; color: red; }

.spotlightOn_breadCr {
	width:259px;
	height: 157px;
	margin-bottom: 12px;
}

.fieldSet {
	background: #FFFFFF;
	border : 1px solid #7F7F7F;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.calendar {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
    border: 1px solid #CDCDCD;
    display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

.calendarOver {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
    border: 1px solid #CDCDCD;
    display: inline;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #DFDFDF;
}


.calendarCurrent {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
    border: 1px solid #CDCDCD;
    display: inline;
	padding-left: 2px;
	padding-right: 2px;
	background: #FFFFFF;
}

.slideNumber {
  color: white;
  background: #000000;
	border-right : 1px solid #3F3F3F;
    padding: 2px 4px;
}

.priority1 {
  color: white;
  background: #FF0000;	
}

.priority2 {
  color: white;
  background: #05B200;	
}

.priority3 {
  color: white;
  background: #0000FF;	
}

.okmsg_text {
  width : 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Blue;
	padding-top: 3px;
    padding-left: 33px;
  padding-right: 33px;
	text-align: center;
	background-color : #49EF2C;
  margin-left: auto;
  margin-right: auto; 
  text-decoration: none;
}

.what2do {
  border: 1px solid #605F5F;
  background: #606060;	
  padding-left: 15px; 
  padding-right: 15px; 
  font-size: 16px;
  color: #fff;
  border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px; 
}

.newShopPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
  color: #3a3c44;
  border-radius:2px;
  border: 1px solid #DDD;
  padding: 11px;
}

.connectorBlock {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
  color: Black;
    border: 2px solid #03aae9;
  width: 580px; 
  padding: 9px;
  margin-bottom: 2px;
  border-radius:3px;
}

.connectorBlock:hover {
  background-color: #DDD;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: Black;
    border: 2px solid #03aae9;
  width: 580px; 
  padding: 9px;
  margin-bottom: 2px;
  border-radius:3px;
}

.connectorBlockItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
  color: #3a3c44;
    border: 2px solid LightGray;
  width: 565px; 
  padding: 9px;
  margin-left: 15px;
  margin-bottom: 2px;
  border-radius: 3px;
}

.connectorBlockItem:hover {
  background-color: #DDD;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
  color: #3a3c44;
    border: 2px solid LightGray;
  width: 565px; 
  padding: 9px;
  margin-left: 15px;
  margin-bottom: 2px;
  border-radius: 3px;
}

.connectorLink {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: right;
}

.connectorLinkBlock {
  display: inline-block;
  padding-left: 11px;
  padding-right: 7px;
  float: right;
}

.connectorBlockDescription {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  float: right; 
}

.connectorBlockItemDescription {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Arial, Helvetica, sans-serif;  
  font-weight: normal;
  font-size: 12px;
}

.connectorLinkBlockItem {
  display: inline-block;
  padding-left: 11px;
  padding-right: 0;
  float: right;	
}

.connectorOpenBlock {
  display: inline-block;
  float: right;
}

.headingPanel {
  font-family: Arial, Helvetica, sans-serif;
  padding: 3px;
  color: Black;
  background: Silver;  
  margin-bottom: 3px;
}

a.blockItemPathLink {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 10px;
  color: DimGray;   
  text-decoration : none;    
}

a.blockItemPathLink:hover {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 10px;
  color: DimGray;   
  text-decoration : underline;    
}

.treeItem {
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 14px;
  color: DimGray; 
}

.resultTable {
  width: 100%;
  border-radius: 3px;
  border: 1px solid LightGray;	
  margin-bottom: 5px;
  margin-left: 5px;
}

.resultTableHeading {
    font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 8px; color: Black; background: Silver; }

.resultTableRow:hover {
  background-color: #DDD;  
}

.blockSeparator {
   color: #D1D1D1;
   height: 0;
   border-top: 0 solid #EEE;
   margin-top: 0;
   margin-bottom: 0;
   background: #EEE; 
   /* border-style: noshade;  */
}

.blockItemSeparator {
   color: #D1D1D1;
   height: 0;
   border-top: 0 solid #EEE;
   margin-top: 0;
   margin-bottom: 0;
   background: #EEE;       
   /* border-style: noshade; */
}

.status_ok {
    color: White;
    width: 70px; 
    /* height: 15px; */
    display: inline-block;
    background-color: DarkGreen; 
    border: 1px solid DarkGreen; 
    padding:2px;
    border-radius:10px;
    text-align: center;
}

.status_new {
    color: White;
    width: 70px; 
    /* height: 15px; */
    display: inline-block;
    background-color: Navy; 
    border: 1px solid Navy; 
    padding:1px;
    border-radius:10px;
    text-align: center;
}

.logTail {
  background-color: #EEE; 
  overflow-x: hidden;
  height: 250px;  
  border-top: 7px solid #C0C0C0;  
  border-bottom: 2px solid #C0C0C0;  
  border-right: 2px solid #C0C0C0;  
  border-left: 2px solid #C0C0C0;  
  border-radius:3px;
}

.logTailRow {
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: Black;
    border-top: 1px solid #444; border-bottom: 1px solid #444; padding: 1px; }

.logTailRow:hover {
  border-top: 1px solid Navy; border-bottom: 1px solid Navy; font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; font-size: 12px; color: Black; background-color: Silver; padding: 1px; }

.logTailRow > a {
    color: DimGray;
    text-decoration : none;    
}

.logTailSeparator {
  background-color: #EEE; 
}

.logError {
    width: 10px ; 
    height: 10px; 
    display: inline-block;
    background-color: Red; 
    border: 1px solid Red; 
    border-radius: 10px;
}

.logWarning {
    width: 10px; 
    height: 10px; 
    display: inline-block;
    background-color: Black; 
    border: 1px solid Black; 
    border-radius: 10px;
}

.logNotice {
    width: 10px; 
    height: 10px; 
    display: inline-block;
    background-color: ForestGreen; 
    border: 1px solid ForestGreen; 
    border-radius: 10px;
}

.logSuccess {
    width: 10px; 
    height: 10px; 
    display: inline-block;
    background-color: ForestGreen; 
    border: 1px solid ForestGreen;
    border-radius: 10px;
}

.connectorBlockIco {
    width: 70px;
    height: 10px; 
    display: inline-block;
    color: Black;
    font-size: 10px;
    font-style: italic;
    padding-left: 2px;
    padding-bottom: 1px;
    background-color: #888; 
    border: 1px solid #888; 
    border-radius:5px;
}

.connectorBlockItemIco {
    width: 70px;
    height: 10px; 
    display: inline-block;
    color: Black;
    font-size: 10px;
    font-style: italic;
    padding-left: 2px;
    padding-bottom: 1px;
    background-color: #BBB; 
    border: 1px solid #BBB; 
    border-radius:5px;
}

a.configLink {
 background-color: Gray;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: White;
    padding: 6px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	 
 }
a.configLink:hover {
 background-color: DarkGreen;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;  
 text-align:left;
 text-decoration: none;   
 color: White;
    padding: 6px;
    border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	
}

.choiceBlock2 {
	display: block;
}

.choiceBlock3 {
  display: inline-block;
}

.label2 {
	display: inline-block;
}

.labelBlock {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;   
   font-weight: bold; 
	 clear: left;
   margin-top: 7px;
}

#form_webPages > label {
  /* display: inline-block; */
  /* clear: right; */
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;  
}

#form_webPages > label::after {
   content: "\A";
   white-space: pre; 
   width: 77px;
}

.titleGap {
	width: 50px ; 
}

.serviceInstanceGap {
    width: 100px ; 
}

.formPanel {
	padding: 7px;  
	margin-top: 2px; 
	margin-bottom: 5px; 
	border : 1px solid #DDD;
	border-radius:3px;
	-moz-border-radius:3px;  
	-webkit-border-radius:3px;	
}

.step {
   padding: 5px; 
   background-color: #DDD;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;  
}

.headerNeutral {
	width: 100% ; 
	height: 45px;
	background-color: #DDD;
	border-bottom : 1px solid DimGray;
}

.footerNeutral {
	width: 100% ; 
	height: 45px;
	background-color: #DDD;
	border-top : 1px solid DimGray;
}

a.footerLink {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: darkorange;
   text-decoration: none;   
}

a.footerLink:hover {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: darkorange;
   text-decoration: underline;   
}

a.bigReturnButton {
 display: block;
 width: 200px; 
 background-color: DarkGreen;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;  
 text-align:center;
 text-decoration: none;   
 color: #FFFFFF;
    padding: 15px 25px;
    border-radius:3px;

 }
a.bigReturnButton:hover {
 display: block;
 width: 200px; 
 background-color: Navy;
  font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;   
 font-weight: bold;  
 text-align:center;
 text-decoration: none;   
 color: #FFFFFF;
    padding: 15px 25px;

}

.successMessage {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;   
  font-weight: bold; 
  padding-top: 15px; 
  padding-bottom: 15px;  
  color: DarkGreen;  	
}

.errorMessage {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;   
  font-weight: bold; 
  padding-top: 15px; 
  padding-bottom: 15px;  
  color: Red;  	
}

.helpBox {
	background-color: #DDD;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 14px;   
  	font-weight: bold; 	
  	padding: 7px; 
  	margin-top: 2px;
	border : 2px solid DarkGreen;
	border-radius:3px;	
}

.serviceHeader {
	/* width: 100%; */
	margin-top: 40px;
}

.serviceLogo { width: 101px; }

.moduleLogo { width: 51px; }
.componentLogo { border: #e3e3e3 solid 5px;  width : 40px; height: 40px; border-radius:40px; display: inline-block;
                font-size: 27px; padding: 3px; text-align: center; box-shadow: 0 0 1px 2px silver inset; }
.componentLogoSmall { border: #e3e3e3 solid 5px;  width : 30px; height: 30px; border-radius:30px; display: inline-block;
    font-size: 21px; padding: 3px; text-align: center; box-shadow: 0 0 1px 2px silver inset; }
.componentPanel { background-color: White; color: #3a3c44; font-family: arial, helvetica, sans-serif;
    font-size: 14px; border: #03aae9 solid 5px;  width : 595px; padding: 15px; margin-bottom: 5px; border-radius:5px; }

.componentPanel:hover { background-color: White; color: #3a3c44; font-family: arial, helvetica, sans-serif;
    font-size: 14px; border: darkorange solid 5px;  width : 595px; padding: 15px; margin-bottom: 5px; border-radius:5px; }

.componentLabel { text-align: left; margin-left: 5px; }


.serviceHelp {
  text-align:center;
}

.serviceTitle {
  width: 385px;
    display: inline-block;
}

.serviceModules {
	text-align:left;
}

.infoBox {
	background-color: #DDD;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 14px;   
  	font-weight: bold; 	
  	padding: 7px; 
  	margin-top: 2px;
	border : 1px solid Silver;
	border-radius:3px;		
}

.editItems {
    max-width: 1180px;
    padding: 11px;
    border : 1px solid #DDD;
    border-radius:3px;
    -moz-border-radius:3px;  
    -webkit-border-radius:3px;
    margin: 5px auto;
    text-align: left;
}

.editItems2 {
    max-width: 1180px;
    padding: 0 10px 15px;
    border : 1px solid #DDD;
    border-radius:3px;
    background-color: white;
    -moz-border-radius:3px;  
    -webkit-border-radius:3px;
    margin: 10px auto 1px;
}

.deliveryItems {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;     
    padding: 7px;  
    margin-top: 2px; 
    margin-bottom: 7px; 
    border-top : 1px solid #DDD;
    border-bottom : 1px solid #DDD;    
}

.summaryItems {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;     
    padding: 7px;  
    margin-top: 2px; 
    margin-bottom: 7px; 
    border-top : 1px solid #DDD;
    border-bottom : 1px solid #DDD;     
}

.complexForm {
    display: inline-block;
    padding-left: 7px;  
    padding-bottom: 3px;  
    margin-top: 2px; 
    margin-right: 2px;     
    margin-bottom: 5px;  
    max-width: 550px;
    border : 1px solid #DDD;
    border-radius:3px;    
}

.presentationPanel {    
 background-image: url('/images/webexciter_bg008.jpg');
 background-repeat: no-repeat;
 background-size:     cover; 
 background-color: Black;
 width: 897px; 
 height: 300px;

}

.presentationRow {
 padding-top: 118px;
 vertical-align: bottom;
}

.presentationRow2 {
 padding-top: 5px;
 vertical-align: bottom;
}

.presentationRow3 {
 padding-top: 5px;
 vertical-align: bottom;
}

a.presentationLink {  
  display: inline-block;
  background-color: #333;
  color: White;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-decoration : none;
  border: Silver solid 1px;   
  padding: 5px;
  width: 45px ; 
  height: 45px;  
  border-radius:1px;
}

a.presentationLink:hover {   
  display: inline-block;
  background-color: #111;
  color: White;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-decoration : none;
  border: DimGray solid 1px;   
  padding: 5px;
  border-radius:1px;
}   

.presentationText1 {  
  margin-left: 288px;
  display: inline-block;
  background-color: #333;
  color: White;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-decoration : none;
  border: Silver solid 1px;   
  padding: 5px;
  width: 352px ; 
  height: 45px;  
  border-radius:1px;
}

.presentationText2 {  
  margin-top: 4px;
  display: inline-block;
  background-color: #333;
  color: White;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-decoration : none;
  border: Silver solid 1px;   
  padding: 5px;
  width: 881px ; 
  height: 45px;  
  border-radius:1px;
}

.serviceInstanceGap {
    width: 100px ; 
}

.moduleMenu {
  display: inline-block;
  padding-left: 5px;
  vertical-align: top;
}

.moduleMenuMiddle {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}

.blackSlideshow {
  background-color: Black;  
  overflow: auto;
}

.blackSlideshowContainer {
  
}

.blackSlideshow_eshop {
  background-color: Black;  
  overflow: auto; 
  /*background-image : url(/images/eshopBg002.jpg);
  background-repeat : no-repeat;
  background-position : center; */
  height: 318px; 
}

.blackSlideshow_knowledgebase {
  background-color: Black;  
  overflow: auto; 
  /* background-image : url(/images/knowledgebaseBg001.jpg);
  background-repeat : no-repeat;
  background-position : center; */
  height: 318px; 
}

.blackSlideshow_webpages {
  background-color: Black;  
  overflow: auto;	
  /* background-image : url(/images/oxyBg013.jpeg);
  background-repeat : no-repeat;
  background-position : center; */
  height: 318px; 
}

.blackSlideshow_services3d {
  background-color: Black;  
  overflow: auto;	
  /* background-image : url(/images/oxyBg012.jpeg);
  background-repeat : no-repeat;
  background-position : center; */
  height: 318px; 
}

.blackSlideshow_connector {
  background-color: Black;  
  overflow: auto; 
  /* background-image : url(/images/connectorBg003.jpeg);
  background-repeat : no-repeat;
  background-position : center; */
  height: 318px; 
}

.blackSlideshowTop {
  background-color: #333;  
  height: 20px;
}

.blackSlideshowTop_services3d {
  background-color: #333;  
  height: 20px;
  opacity: 0.9;	
}

.blackSlideshowBottom_services3d {
  background-color: #333;  
  height: 20px;
  opacity: 0.9;	
}

.blackSlideshowBottom {
  background-color: #333;  
  height: 20px;
  clear: right;
}

.blackSlideshowTitle {
  background-color: Black;
  padding: 15px;
  border-radius:3px;
  border:1px solid Black;  
  opacity: 1;	
}

.blackSlideshowLeft {
  max-width: 550px ; 
  font-family: arial, helvetica, sans-serif;
  background-color: Black;	
  padding-left: 10px;
  padding-top: 10px;
  color: White; 
  margin-left: auto;
  margin-right: auto;   
  /* border: #DDD solid 1px; */ 
}

.blackSlideshowHeading {
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align:left;
	font-style: italic; 
	color: White; 
}

.blackSlideshowLeft_services3d {
  max-width: 550px ; 
  height: 268px; 
  font-family: arial, helvetica, sans-serif;
  background-color: Black;	
  padding-left: 10px;
  padding-top: 10px;
  color: White; 
  opacity: 0.85;	
  border-right: Navy solid 1px;
  /* border: #DDD solid 1px; */ 
  margin-left: auto;
  margin-right: auto;   
}

.blackSlideshowCenter {
  display: inline-block;
  background-color: Black;  
  /* text-align: right; */
  /* border: #DDD solid 1px; */ 
  float: right;
}

.blackSlideshowIcons {
	vertical-align: bottom;
}

.departmentsContainer { text-align: left; margin-left: 25px; }

.departments {
  display: block;
  max-width: 1110px;
  margin-left: auto; 
  margin-right: auto; 
}

.departmentBox {
	display: inline-block;
	/* max-width: 229px; */
  width: 270px;
  min-height: 54px;
  margin-top: 2px;
  border-radius:3px;
  border:1px solid Silver;
  vertical-align: top;
}

.departmentBox2 {
  display: inline-block;
  min-height: 33px;
  padding: 7px;
  width: 222px;
  margin-top: 2px;
  border-radius:3px;
  border:1px solid Silver;   
  vertical-align: top;  
}

.subDepartmentBox {
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
}

.departmentImage {
  background-color: #EFEFEF;  
	display: inline-block;
  padding: 1px;
  margin: 1px;
}

.departmentTexts {
  width: 190px;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
}

.departmentTitle {
	display: inline-block;
	vertical-align: top;
}
a.departmentLink {  
  display: inline-block;
  color: #333;
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-decoration : none;  
}

a.departmentLink:hover {   
  display: inline-block;
  color: #03aae9;
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-decoration : none;                 
}

a.subDepartmentLink {  
  display: inline-block;
  color: DimGray;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration : none;  
}

a.subDepartmentLink:hover {   
  display: inline-block;
  color: #03aae9;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration : underline;                 
}

.departmentPath { margin-top: 2px; background-color: #EDEDED; text-align: left;
    border-top: LightGrey solid 1px; border-bottom: LightGrey solid 1px; padding-left: 12px }

a.pathLink {  
  display: inline-block;
  color: #03aae9;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration : none;  
  padding: 5px;
  margin-top: 2px;
}

a.pathLink:hover {   
  display: inline-block;
  color: #03aae9;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration : underline;                
  padding: 5px;
  margin-top: 2px;
}
a.pathLinkCurrent {  
  display: inline-block;
  color: #333;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration : none;  
  padding: 5px;
  margin-top: 2px;
}

a.pathLinkCurrent:hover {   
  display: inline-block;
  color: #333;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration : underline;                
  padding: 5px;
  margin-top: 2px;
}

.eshopLinkList { width: 47% ; display: inline-block; vertical-align: top; margin: 3px; border: #03aae9 solid 2px;
  border-radius: 5px; padding: 5px }

.eshopLinkPanel { border: #EDEDED solid 1px;  padding: 3px; margin-bottom: 2px; border-radius:3px; text-align: left }

.eshopLinkLogo{
	display: inline-block;
	width: 150px ; 
}

.eshopLinkDetail { display: inline-block; vertical-align: top; padding-left: 2px; text-align: left }

.eshopLinkDescription {
  padding-top: 3px;
}

a.eshopLink {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

a.eshopLink:hover {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #03aae9;
	font-weight: bold;
	text-decoration: none;
}

a.productLink {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

a.productLink:hover {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  color: #03aae9;
  font-weight: bold;
  text-decoration: none;
}

.productContainer { width: 47%; display: inline-block; vertical-align: top; margin-left: 5px; margin-right: 3px;
  margin-top: 3px; margin-bottom: 3px; padding: 5px; border: #03aae9 solid 2px; border-radius: 5px; }

.productPanel {
  border-top: #EDEDED solid 1px;   
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 2px;
  min-height: 100px;
  /* width: 90%; */
}

.productImage {
  display: inline-block;
  width: 120px ;  
}

.productBasket {
  display: inline-block;  
  float: right;
  /* width: 100px; */
  margin-left: 25px;
}

.productPrice { background-color: #EFEFEF; display: block; padding: 5px; font-size: 16px;
    font-family: Arial, Helvetica, sans-serif; color: Black; font-weight: bold;  width: 100px; height: 17px;
  border: #EFEFEF solid 1px; border-radius:1px; text-align:center; margin-top: 2px; margin-bottom: 7px; }
 
.productDetail { display: inline-block; vertical-align: top; padding-left: 7px; width: 350px; text-align: left }

.productDescription { padding-top: 3px; text-align: left }

.marketplaceWrapper { padding: 3px 0px; text-align: center; }

.marketplaceProductImage { border: #efefef solid 0px; border-radius:5px; max-width: 120px; max-height: 120px; }
.marketplaceProductDetailImage { border: #efefef solid 0px; border-radius:5px; max-width: 720px; max-height: 720px; }

.productDetailMenu { margin-top: 20px; margin-bottom: 10px }
.productDetailDetail { display: inline-block; vertical-align: top; padding-left: 7px; max-width: 500px; text-align: left }
.productDetailWrapper { margin-top: 10px }
.productDetailDescription { padding: 7px 3px; font-size: 16px; }
.productDetailPrice { background-color: #EFEFEF; display: block; padding: 7px; font-size: 18px;
    font-family: Arial, Helvetica, sans-serif; color: Black; font-weight: bold;  width: 100px; height: 17px;
    border: #EFEFEF solid 1px; border-radius:1px; text-align:center; margin-top: 2px; margin-bottom: 7px; }

.productToBasket { margin: 3px }

.searchProductList {
  /* border: Red solid 1px;  */
  width: 95%; 
}

.banner { width: 100%; }
.bannerImage { width: 100%; }

.example {
  display: inline-block;
  padding: 5px;
  width: 300px; 
  height: 200px;  
  border-bottom: #03aae9 solid 3px; 
  margin-right: 7px;
  margin-top: 2px;
  /* border-radius:3px; */
  vertical-align: top;
}

.example:hover {
  display: inline-block;
  padding: 5px;
  width: 300px; 
  height: 200px;  
  border-bottom: DarkOrange solid 3px; 
  margin-right: 7px;
  margin-top: 2px;
  /* border-radius:3px; */
}

.examples {
  border-top: Silver solid 1px; 
  /*margin-top: 50px; */
  background-color: #EFEFEF;
/*  margin-left: auto ;
  margin-right: auto ;*/
}

.exampleName {
  text-align:left;
}

.exampleTitle {
  display: inline-block;
  text-align:center;
  margin-left: 30px;
}

a.exampleLink {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  /* color: #03aae9; */
  color: DimGray;
  font-weight: bold;
  text-decoration: none;  
}

a.exampleLink:hover {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  color: #03aae9;
  font-weight: bold;
  text-decoration: none;
}

.export {
    display: inline-block;
    background-color: Navy; 
    border: 1px solid Navy; 
    border-radius: 3px;
    color: silver;
}

.import {
    display: inline-block;
    background-color: #7FDBFF; 
    border: 1px solid #7FDBFF; 
    border-radius: 3px;
}

.service-item { color: black; font-size: 16px; font-weight: bold; margin-left: 0; padding-left: 3px;
    padding-top: 2px; padding-bottom: 2px; background-color: #03aae9; border: 1px solid #03aae9;
    border-radius: 3px; }

input.service-item + label { color: black; font-size: 16px; font-weight: bold; margin-left: 0; padding-left: 3px;
    padding-top: 2px; padding-bottom: 2px; background-color: #03aae9; border: 1px solid #03aae9;
    border-radius: 3px; }

.module-item {
    /* margin-right: 22px; */
    padding-left: 2px;
    color: #222;
}

input.module-item  {
    /* margin-right: 22px; */
    padding-left: 2px;
    color: #222;
    border: 4px solid #7FDBFF; 
}
 
/*
.item:nth-child(odd) .module-item {
  	width: 30%;    
  	display: table;
    margin-left: 22px;
    padding-left: 22px;
}
.item:nth-child(even) .module-item {
    display: table;
    width: 40%;  
}
*/

.item:nth-child(odd) .module-item > label:after  { content:"\a"; white-space:pre; }
/*
.module-item > label:after { content:"\a"; white-space:pre; }


 .module-item:before {   
 	content: "\A";
  	white-space: pre; 
  }
  */

.rightSmallMenu {
  border: 0 solid Silver;
  border-radius: 3px;
  padding: 1px;
  float: right;
}

a.bigAreaButton {
 display: inline-block;
 background-color: LightGray;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 width: 10px;
 height: 10px;
 color: Black;  
 padding: 3px;   
 border: 2px solid Silver; 
  border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;   
 }
a.bigAreaButton:hover {
 display: inline-block;
 background-color: White;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 width: 10px;
 height: 10px;
 color: Black;  
 padding: 3px;   
 border: 2px solid Silver; 
  border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;   
}

a.mediumAreaButton {
 display: inline-block;
 background-color: LightGray;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 width: 7px;
 height: 7px;
 color: Black;  
 padding: 3px;   
 border: 2px solid Silver; 
  border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;   
 }
a.mediumAreaButton:hover {
 display: inline-block;
 background-color: White;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 width: 7px;
 height: 7px;
 color: Black;  
 padding: 3px;   
 border: 2px solid Silver; 
  border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;   
}

a.smallAreaButton {
 display: inline-block;
 background-color: LightGray;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 width: 4px;
 height: 4px;
 color: Black;  
 padding: 3px;   
 border: 2px solid Silver; 
  border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;   
 }
a.smallAreaButton:hover {
 display: inline-block;
 background-color: White;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;  
 text-align:left;
 text-decoration: none;   
 width: 4px;
 height: 4px;
 color: Black;  
 padding: 3px;   
 border: 2px solid Silver; 
  border-radius:3px;
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;   
}

.miniPanel {
 display: inline-block;  
 text-align:center; 
 padding: 1px;
}

a.moduleLink {
  display: inline-block;
  width: 135px;
  height: 70px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #2F2C2B;
  text-decoration : none; 
  border: 2px solid Silver;
  border-radius:5px;
  transition: 0.5s;
  padding: 2px;
    vertical-align: top;
}
a.moduleLink:hover {
  display: inline-block;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #03aae9;
  border: 2px solid DarkOrange;
    border-radius:5px;
    text-decoration : none;
  transition: 0.3s;
  padding: 2px;
}

a.linkLink {
  display: inline-block;
  background-color: White;
  padding: 1px;
  border: 1px solid Silver; 
  border-radius:3px;
}

.moduleHeader {
  background-color: #EFEFEF;
  padding: 1px;
  border-top: 1px solid Silver;
  width: 100%;
}

.smallDescription {
    font-family: Helvetica, Arial, Helvetica, sans-serif;
    font-size: 10px; 
}

.navigator { display: block; width : 100%;  border-top: #EFEFEF solid 1px; border-bottom: Silver solid 0;
  padding-top: 2px; margin-right: 14px; margin-bottom: 3px; }

.paginator { float: right; padding: 2px; }

.clearPaginator {
  clear: right;
}

a.pageLink {
   font-family: Helvetica, Arial, Helvetica, sans-serif;
   font-size: 12px; 
   color: Navy;
   border: Silver solid 2px;
   background-color: White;
   display: inline-block;
    padding: 5px 8px;
    border-radius:5px;
   text-decoration: none;
}
a.pageLink:hover {
   font-family: Helvetica, Arial, Helvetica, sans-serif;
   font-size: 12px; 
   color: Navy;
   border: Orange solid 2px;
   background-color: #EFEFEF;
   display: inline-block;
    padding: 5px 8px;
    border-radius:5px;
   text-decoration: none;
}

a.pageLinkCurrent {
   font-family: Helvetica, Arial, Helvetica, sans-serif;
   font-size: 12px; 
   color: Black;
   border: Orange solid 2px;
   background-color: White;
   display: inline-block;
    padding: 5px 8px;
    border-radius:5px;
   text-decoration: none;
}
a.pageLinkCurrent:hover {
   font-family: Helvetica, Arial, Helvetica, sans-serif;
   font-size: 12px; 
   color: Black;
   border: Orange solid 2px;
   background-color: #EFEFEF;
   display: inline-block;
    padding: 5px 8px;
    border-radius:5px;
   text-decoration: none;
}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  background-color: #E1E1E1;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
    font-size: 22px;
  /* padding: 8px 12px; */
  position: absolute;
  bottom: 11px;
  width: 100%;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  background-color: Black;  
  color: White; 
  opacity: 0.85;  

}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin-left: 2px;
  margin-top: 2px;  
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot:hover {
  background-color: #717171;
}

.active {
  border: 2px solid DarkGreen; 
  border-radius:3px;  
  padding: 2px;   
  text-align: center;  
}

.noActive {
  border: 2px solid Silver; 
  border-radius:3px;  
  padding: 2px;   
  text-align: center;  
}

.MainAreaMenu {
  display: inline-block;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
    padding: 7px 25px;
    margin: 5px;
  border: 1px solid Silver; 
  border-radius:3px;
  text-align: center;
  width: 25%;
  min-height: 33px;
  vertical-align: top;
}

.MainAreaCol {
  display: inline-block;
}

.contentLabel {
  display: inline-block;
  padding-top: 3px;  
  color: Silver;  
  font-style: italic; 
  font-size: 12px;
  vertical-align: middle;
  width: 35px;
  text-transform: lowercase;
}

.contentData {
  font-size: 14px;
  padding-left: 7px;  
  display: inline-block;
  font-weight: bold;
}

.homePanel { border: solid #03aae9 12px; min-height: 300px; border-radius: 10px; margin-bottom: 5px; margin-left: 38px; background-color: white;
    padding: 7px; text-align: center; border-radius: 5px; }

.homeMenuPanel { border: solid #03aae9 7px;
    /*width: 95%;*/
    min-height: 70px;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-left: 38px;
    text-align: left;
    /*margin-right: auto;*/
    background-color: white;
    padding: 17px;
}

.contentWrapper { padding-top: 42px; align-content: center; background-color: white; }
.content3DWrapper { padding-top: 47px; align-content: center; background-color: #03aae9; }

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0s;
  animation-name: fade;
  animation-duration: 0s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.shoppingWindowHorisontal {
   border: #EFEFEF solid 1px;
   display: inline-block;
    padding: 5px 8px;
    border-radius:3px;
   vertical-align: top;
   margin:1px;
} 

.shoppingWindowContainer{
   max-width: 1000px;
   margin-left: auto ;
   margin-right: auto ;   
}

.productImageContainer {
   width: 140px;
   height: 140px;  
   text-align: center;
}

.productImageAdmin {
    width: 500px;
}

.imgAdmin {
    width: 500px;
}

.productTitleContainer {
   padding-top: 7px;
   text-align: center;
   width: 140px;
   height: 60px;
}

.productGRIDThumb {
   max-height: 100%;
   max-width: 100%;
}

a.shoppingWindowLink {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  color: DarkOrange;
  font-weight: bold;
  text-decoration: none;
}

a.shoppingWindowLink:hover {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  color: Black;
  font-weight: bold;
  text-decoration: none;
}

.spanGap {
  width: 15px;
  display: inline-block;
}

.spanMediumGap {
  width: 35px;
  display: inline-block;
}

.shellText {
  /* width: 1023px; */
  border: 1px solid DarkGray;
  background-color: #3b3b3b;
  color: White; 
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;   
}

.adminHomeBar { background-color: #e3e3e3; height: 10px; position: relative; top: 0px; width: 100vw; margin-left: -50px }

.adminLink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;  
  color: Navy; 
}

a.adminServiceLink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;  
  color: #222; 
  text-decoration: none;
  transition: 0.5s;
}

a.adminServiceLink:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;  
  color: Black; 
  text-decoration: underline;
  transition: 0.3s;
}

.adminTable {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;  
  color: Black;   
  padding: 3px;
  margin-top: 3px;
  border-top: 2px solid #EDEDED;
  border-bottom: 2px solid #EDEDED;
  background-color: White;
}

.adminTable td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;  
  color: Black;   
  padding: 4px;
  border-bottom: 1px solid #EDEDED;
}

.adminTable tr {
  border-bottom: 1px solid #EDEDED;

}

.adminTable tr:hover {
  background-color: #EDEDED;

}

.adminTableCellForm { background-color: #EFEFEF; padding: 3px }

.hiddenText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2px;  
  color: #03aae9;   
  display:block;
  /* visibility:hidden; */
}

.hiddenText2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2px;  
  color: #EFEFEF;   
  display:block;
  /* visibility:hidden; */
}

.promo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;  
  color: #222; 
  padding: 7px;    
}

.sMenu {
  display: block;
  background-color: White;
}

.sMenuItem {  
  display: inline-block;
  border: Silver solid 1px; 
  border-radius:3px;
  padding: 7px;   
}

.sMenuItemServices { display: inline-block; border: Navy solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemModules { display: inline-block; border: Brown solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemExamples { display: inline-block; border: DarkRed solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemDepartments { display: inline-block; border: Coral solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemPGenerator { display: inline-block; border: Black solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemTranslations { display: inline-block; border: Tan solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemServers { display: inline-block; border: Tomato solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemUsers { display: inline-block; border: RoyalBlue solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemWebsites { display: inline-block; border: Gold solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemEshops { display: inline-block; border: BlueViolet solid 2px; border-radius:3px; padding: 7px; }
.sMenuItemFeeds { display: inline-block; border: Aquamarine solid 2px; border-radius:3px; padding: 7px; }


.sMenuSeparator {  
  display: block;
  padding: 5px;   
}

.render3dMenu {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;  
  color: Black;   
  background-color: #555;   
  margin-top: 5px;  
  /* margin-bottom: 3px; */
  border-top: #333 solid 2px; 
  border-bottom: #333 solid 2px; 
  /* border-radius:3px; */
}

.render3dHeader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;   
  background-color: #333;  
  color: White;  
  padding: 5px;  
}

.render3dPanel {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;  
  background-color: Silver;  
  color: Black;   
  margin-top: 5px;  
  margin-bottom: 3px; 
  /* padding: 5px;  */
  width: 12%;   
  height: 74px;
  text-align: center;
  border: Black solid 2px; 
  border-radius:3px;
} 

.viewer3dURL {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;  
  background-color: White;  
  color: DarkGreen; 
  font-weight: bold;    
  border: #333 solid 2px; 
  border-radius:3px;
  margin: 5px;  
  padding: 5px;  
}

.viewer3dText {
  background-color: Silver;  
  padding-top: 2px;
  padding-bottom: 2px;  
}

.render3dContainer {
  padding-left: 5px;  
}

.render3dPanelLeft {
  width: 250px ; 
  height: 393px; 
  font-family: arial, helvetica, sans-serif;
  display: inline-block;
  background-color: Black;  
  padding-left: 10px;
  padding-top: 10px;
  color: White; 
  opacity: 0.85;  
  border-right: Navy solid 1px;
  /* border: #DDD solid 1px; */ 
}

.viewer3dIconPanel {
  height: 50px; 
  vertical-align: bottom;
  background-color: White;  
  padding-top: 2px;
}

a.viewer3dLink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;  
  color: #222; 
  font-weight: normal;     
  text-decoration: none;
}

a.viewer3dLink:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;  
  color: #222; 
  font-weight: normal;     
  text-decoration: underline;
}

.variantNotice { 
    color: ForestGreen; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;  
    font-weight: bold; 
}

.widthPanel {
  display: inline-block;
  padding: 5px;
  width: 98%;
  border: #03aae9 solid 1px; 
  margin-left: 0;
  margin-right: 0;
  margin-top: 2px;
  border-radius:3px;  
}

.halfPanel {
  display: inline-block;
  padding: 5px;
  width: 48%;
  border: #03aae9 solid 1px; 
  margin-left: 0;
  margin-right: 3px;
  margin-top: 2px;
  border-radius:3px;  
}

.quarterPanel {
  display: inline-block;
  padding: 5px;
  width: 30%;
  vertical-align: top;
}

.auctionName {
  padding: 5px;    
}

.auctionNamePanel {
    color: Black; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;  
    font-weight: bold;     
}

.auctionTimesPanel {
  border: Silver solid 1px; 
  border-radius:3px;  
  padding: 5px;
  margin: 2px;
}

.auctionCourseTable {
   color: Black; 
}

.auctionCourseCell {
   color: Black; 
   background-color: Lime;  
   padding: 3px;
}

.auctionCourseCol {
   color: Black; 
   background-color: #D0F0C0;
   padding: 3px;  
}

.auctionCourseHead {
   color: White; 
   background-color: darkolivegreen;  
   padding: 3px;  
}

.auctionCourseItemCell {
   color: Black; 
   background-color: #EFEFEF;  
   padding: 5px;  
}

.auctionCourseBidCell {
   color: Black; 
   background-color: #EFEFEF;  
   padding: 1px;  
}

.auctionBid {
  font-family: Arial, Helvetica, sans-serif;
  background-color: White;
  font-size: 10pt;
  font-weight: bold;
  color: #000080;
  border: 2px solid Red;  
  border-radius:3px; 
} 

.auctionCourseSpan {
   display: inline-block;
   margin-right: 35px;
   color: Black; 
   padding: 1px;  
}

.auctionBidSpan {
   display: inline-block;
   /* margin-right: 35px; */
   color: Black; 
   padding: 1px; 
   /* border: Silver solid 1px; */ 
}

.x3d_container {
    border-top: 0px solid black;
    /*box-shadow: 0 0 1px 3x #22222 inset;*/
  /*
  border-top: 2px solid #222;
  padding: 3px;
  margin-top: 3px;
  border-bottom: 2px solid #EDEDED;
  */
}

.iframeScreen {
  width: 100vw;
  position: absolute;
  left: 0;
}

.serviceTopMenuCell { padding-top: 12px; padding-left: 15px; padding-right: 15px; }

.verticalGap {
  height:303px;
}

.verticalGapShopHome {
  height:350px;
}

.presentationContent {background-color: #03aae9; font-size: 12pt; color: #333; padding-top: 5px; padding-bottom: 10px;
    padding-left: 0px; padding-right: 10px; }

.presentationContentMain { font-size: 16pt; color: #222; padding-top: 5px; padding-bottom: 10px;
    padding-left: 10px; padding-right: 10px; }    

.infoPanel { display: inline-block; background-color: white; text-align: left; max-width: 1100px; }

.leftInfoPanel { max-width: 1100px; display: block; vertical-align: top;  font-size: 16px; }

.logoInfoPanel { display: inline-block; width: 400px; vertical-align: top; }

.rightInfoPanel {
  display: inline-block;
}

.newsPanel { text-align: left; display: inline-block; }

.serviceName {
  height: 30px;
  background-color: #03aae9;
  color: White;
  font-size: 11pt;
  padding: 7px;
}

.servicePrice1 {
  height:30px;
  background-color: Green;
  color: White;
  font-size: 11pt;
  padding: 7px;
}

.servicePrice2 {
  height:30px; 
  background-color: Orange;
  color: White;
  font-size: 10pt;
  padding: 7px;
}

.priority_0 {
  background-color: #EDEDED;
  color: White;
}

.priority_1 {
  background-color: DarkGreen;
  color: White;
}

.priority_2 {
  background-color: Orange;
  color: White;
}

.priority_3 {
  background-color: DarkGray;
  color: White;
}

.priority_4 {
  background-color: Red;
  color: White;
}

.gallery3dGap {
    margin-top: 325px;
    max-height: 322px;
}

.background3D {
width: 100%;
height: 100%;
position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border : 1px solid red; 
    z-index:-10;
}

.freeworldHeaderContainer {
 background-color: #222;
}

.freeworld3DHeader {
 background-color: #222;
}

.priceTable {
    border: 5px #03aae9 solid;
    border-radius: 7px;
    padding: 0px;
}

.redactionListPage { display: inline-block; padding: 10px; width: 550px; height: 202px; border: LightGrey solid 1px;
    border-radius:3px; margin: 5px; vertical-align: top; }
.redactionListThumb { width: 198px; display: inline-block; padding: 3px }
.redactionListText { width: 322px; display: inline-block; margin-left: 13px; padding: 3px; vertical-align: top;
    font-size: 18px;}
.redactionListDescription { margin-top: 5px; vertical-align: top; }

a.redactionListLink { color: darkorange; font-size: 26px; text-decoration: none; }
a.redactionListLink:hover { color: darkorange; font-size: 26px; text-decoration: underline; }