/* style.css for www.swissdigicert.ch */

input, select, textarea, option, p, td, body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

body {
  color: #1E1E1E;
  background-color: white;
  /* background-color: inherit; */
  /* background-image: url(/static/images/es_bg.gif); */
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
}

hr {
  color: #BACAFF;
  background-color: inherit;
  height: 1px;
  border: 0;
}


/****** Background colours ******/

.bg_shade1 {  
  background-color: #DCE4FF;
  color: inherit;
}

.bg_shade2 {  
  background-color: #BACAFF;
  color: inherit;
}

.bg_shade3 {  
  background-color: #94AAE4;
  color: inherit;
}

.bg_white {  
  background-color: #FFFFFF;
  color: inherit;
}

.bg_missing_form_field {  
  background-color: #FFFF99;
  color: inherit;
}

.bg_invalid_form_field {
  background-color: #FFCC66;
  color: inherit;
}

/*----- Layout -----*/

div.header {
  position: absolute;
  left: 0px;
  top: 10px;
  padding: 0px;
  margin: 0px;
  width: 970px;
  color: inherit;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 0px 19px 0px;
}

div.nav_pannel {
  position: absolute;
  left: 0px;
  top: 92px;
  width: 160px;
  margin: 0px;
  padding: 0px;
  background-color: #BACAFF;
  height: 1024px;
}

div.main_pannel {
  position: absolute;
  left: 160px;
  top: 92px;
  width: 810px;
  margin: 0px;
  padding: 0px;
}

div.contact {
  background-color: #DCE4FF;
  color: inherit;
  width: 338px;
  padding: 4px;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  float: left;
}

div.spacer {
  background-color: #DCE4FF;
  color: inherit;
  padding: 4px 4px 3px 4px;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  clear: none;
}

div.metanav {
  background-color: #DCE4FF;
  color: inherit;
  width: 810px;
  padding: 0px;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  float: none;
}

div.body {
  width: 780px;
  margin: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0px;
  border-width: 0px;
}



/****** Buttons ******/

.btnstyle { 
  border:1px solid rgb(98,124,204);
  background-color:rgb(255,255,255);
  color: black;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  padding-right:2px;
  width:100px;
}

.btnstyle_short { 
  border:1px solid rgb(98,124,204);
  background-color:rgb(255,255,255);
  color: black;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  padding-right:2px;
  width:100px;
}

.btnstyle_medium { 
  border:1px solid rgb(98,124,204);
  background-color:rgb(255,255,255);
  color: black;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  padding-right:2px;
  width:120px;
}

.btnstyle_long { 
  border:1px solid rgb(98,124,204);
  background-color:rgb(255,255,255);
  color: black;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  padding-right:2px;
  width:150px;
}

.btnstyle_dyn { 
  border:1px solid rgb(98,124,204);
  background-color:rgb(255,255,255);
  color: black;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  padding-right:4px;
  padding-left:4px;
  cursor: pointer;
}


/****** Cells ******/

.form_padding_left {
  padding-bottom:1px; 
  padding-left:13px; 
  padding-right:1px; 
  padding-top:1px;
}

.form_padding_right {
  padding-bottom:1px; 
  padding-left:1px; 
  padding-right:13px; 
  padding-top:1px;
}

.form_padding_top_left {

  padding-left:13px; 
  
}

.form_padding_top_right {
  padding-bottom:1px; 
  padding-left:1px; 
  padding-right:13px; 
  padding-top:8px;
}

.padding {
  padding-bottom:10px; 
  padding-left:13px; 
  padding-right:13px; 
  padding-top:8px;
}


/****** Fonts ******/

.logotext {
  color: #627CCC;
  background-color: inherit;
  font-size: 15px;
  font-style: italic;
  font-weight: bold;
}

.maintext {
  color: #646464;
  background-color: inherit;
  font-size: 11px;
}

.maintext_small {
  color: #646464;
  background-color: inherit;
  font-size: 10px;
}

.messagetext {
  color: #002080;
  background-color: inherit;
  font-size: 15px;
  font-weight: bold;
}

.errortext {
  color: #DF0029;  
  background-color: inherit;
}

h1 {
  color : #000000;
  background-color: inherit;
  font-size : 20px;
  font-weight : bold;
  margin-top : 0px
}

h2 {
  color : #000000;
  background-color: inherit;
  font-size : 16px;
  font-weight : bold;
  margin-top : 0px
}

h3 {
  color : #000000;
  background-color: inherit;
  font-size : 14px;
  font-weight : bold;
  margin-top : 0px
}

div.lang {
  color:#1E1E1E;
  padding: 4px;
  float: left;
  background-color: #DCE4FF;
  cursor:pointer;
  font-size:11px;
  text-decoration:none;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  text-align: center;
  width: 2em;
}

div.lang.active {
  font-weight : bold;
  background-color: #BACAFF;
}


a.lang {
  color:#1E1E1E;
  background-color: inherit;
  cursor:pointer;
  font-size:11px;
  text-decoration: none;
}

a.lang:link    {color:#333333;}
a.lang:visited {color:#333333;}
a.lang:active  {color:#0000FF;}
a.lang:hover   {color:#002080;}

div.app_name {
  color: #627CCC;
  background-color: #DCE4FF;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  margin-right: .5em;
  padding: 2px 0px 0px 0px;
  border-width: 0px;
  position: absolute;
  right: 0px;
  top: 0px;

}

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

a {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#00A0E8;
  background-color: inherit
}
a:hover   {color:#002080;}
a:link    {color:#00A0E8;}
a:active  {color:#00A0E8;}
a:visited {color:#00A0E8;}

a.metanavigation {
  color:#1E1E1E;
  background-color: inherit;
  cursor:pointer;
  font-size:11px;
  text-decoration:none;
}
a.metanavigation:link    {color:#333333;}
a.metanavigation:visited {color:#333333;}
a.metanavigation:active  {color:#0000FF;}
a.metanavigation:hover   {color:#002080;}

.metanavigation_inactive {
  color:#C0C0C0;
  background-color: inherit;
  font-size:11px;
  text-decoration:none;
}

a.metanavigation_bold {
  color:#1E1E1E;
  background-color: inherit;
  cursor:pointer;
  font-size:11px;
  font-weight: bold;
  text-decoration:none;
}

a.metanavigation_bold:link    {color:#333333;}
a.metanavigation_bold:visited {color:#333333;}
a.metanavigation_bold:active  {color:#0000FF;}
a.metanavigation_bold:hover   {color:#002080;}

.button a {
  display: inline;   
  border: 1px solid rgb(98,124,204); 
  background-color: #FFFFFF;
  color: #000000;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 2px 4px;   
  text-decoration: none;
}

.button a:visited {   
  color: #000000; 
  background-color: #FFFFFF;
  text-decoration: none;  
}

.button a:active {  
  color: #000000;
  background-color: #FFFFFF;
  text-decoration: none;
}

.buttonSpecial a:hover {
  color: #000000;
  background-color: #FFFFFF;
  text-decoration: none;
}

/* Header */


a.navigation {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: inherit;
  text-decoration: none;
}

a.navigation:link    {color: #333333;}
a.navigation:visited {color: #333333;}
a.navigation:hover   {color: #002080;}
a.navigation:active  {color: #333333;}

div.nav_node {
  padding: 4px;
  margin: 0px;
  width: 152px;
  color: inherit;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

div.login {
  background-color: #BACAFF;
}

a.login {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: inherit;
  text-decoration: none;
  color: #ff0000;
}

a.login:link    {color: #ff3333;}
a.login:visited {color: #ff3333;}
a.login:hover   {color: #ff0000;}
a.login:active  {color: #333333;}

div.active_node {
  background-color: #FFFFFF;
}

div.node_level_1 {
  background-color: #94AAE4;
}

div.node_level_2 {
  background-color: #94AAE4;
}

div.node_level_3 {
  background-color: #BACAFF;
}