@font-face
{
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro')
     , local('SourceSansPro-Regular')
     , url(/fonts/source_sans_pro.woff2) format('woff2')
     , url(/fonts/source_sans_pro.woff) format('woff');
}

@font-face
{
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold')
     , local('SourceSansPro-Bold')
     , url(/fonts/source_sans_pro_bold.woff2) format('woff2')
     , url(/fonts/source_sans_pro_bold.woff) format('woff');
}

html         { overflow-y: scroll; overflow-x: hidden; }
form         { margin: 0px; padding: 0px; }
ul, ol       { margin: 0px; padding: 0px 0px 20px; list-style: outside none none; }
ul li, ol li { margin: 0px; padding: 0px; }

body
{
  font-family: 'Source Sans Pro', Arial, Verdana;
  font-size 10pt;
  color: #222222;
  letter-spacing: 1px;
  line-height: 2em;
}


a:link, a:visited, a:active { text-decoration: none; color: #001C64; }
a:hover                     { text-decoration: none; color: #0000FF; }




/*
 *
 * SITE LAYOUT
 *
 *
 */

#header
{
  background: url(/images/_background_gradient.gif) no-repeat scroll center;
  height: 120px;
  width: 100%;
}

#header_box
{
  width: 980px;
  height: 80px;
  position: relative;
  left: 50%;
  margin-left: -490px;
  padding: 0px;
}

#header_dns_logo,#header_dns_sa_logo
{
  position: absolute;
  width: 120px;
  height: 80px;
  margin: 5px;
  background-image: url(/images/_dns_logo_hr.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#header_dns_sa_logo { background-image: url(/images/_dns_sa_logo_hr.png); }

#header_searchbox
{
  position: absolute;
  right: 0px;
  top: 10px;
}

input.searchbox
{
  border: 1px solid #CCCCCC;
  width: 100px;
  color: #666666;
  font: 8pt 'Source Sans Pro', Arial;
  padding: 2px 5px;
}

#header_menubox
{
  width: 980px;
  position: relative;
  left: 50%;
  margin-left: -490px;
  padding: 0px;
  top: -20px;
  background-color: #EAEAEA;
  background-image: url(/images/_menu_gradient_light.gif);
  border-radius: 0px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}

.menu_home,.menu_item,.menu_lang,.menu_login
{
  font: 10pt 'Source Sans Pro', Arial, Verdana;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}

.menu_home,.menu_login { background-color: #43474C; background-image: url(/images/_menu_gradient_dark.gif); color: #FFFFFF; }

.menu_home  { float: left;                                         }
.menu_lang  { float: right; padding-left: 8px; padding-right: 8px; }
.menu_login { float: right;                                        }

span.menu_item:hover,span.menu_lang:hover  { background-image: url(/images/_menu_gradient_hover.gif);      }
span.menu_home:hover,span.menu_login:hover { background-image: url(/images/_menu_gradient_dark_hover.gif); }

a.menu:link, a.menu:visited, a.menu:active { color: #000000; text-decoration: none; }
a.menu:hover { color: #000000; }

#content
{
  width: 980px;
  position: relative;
  left: 50%;
  top: 30px;
  margin-left: -490px;
  padding-bottom: 100px;
  min-height: 600px;
}

#sa_history
{
  position: relative;
  background-color: #272A30;
  width: 100%;
}

#sa_history_box
{
  width: 980px;
  position: relative;
  left: 50%;
  top: 30px;
  margin-left: -490px;
  padding-bottom: 100px;
}

table.sa_history_list
{
  border-spacing: 0px 1px;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

tr.sa_history_list:hover
{
  background-color: #5C0000;
}

td.sa_history_list
{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font: 8pt 'Source Sans Pro', Arial, sans-serif;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #CCCCCC;

  vertical-align: top;
}

#footer
{
  position: relative;
  background: url(/images/_background_gradient.gif) repeat-y scroll center;
  width: 100%;
}

#footer_box
{
  width: 980px;
  position: relative;
  left: 50%;
  margin-left: -490px;
  padding: 0px;
}

#footer_about
{
  float: left;
  padding: 20px 30px;
  width: 300px;
}

#footer_support
{
  float: left;
  padding: 20px 30px;
  width: 250px;
}


#footer_about li,#footer_support li
{
  font-size: 72%;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  line-height: 1.6em;

  width: auto;
  margin-bottom: 5px;
  padding-left: 10px;
  background: url("/images/_link_bullets.gif") no-repeat scroll 0px 6px transparent;
}

.footer_title, .footer_text
{
  color: #FFFFFF;
}

.footer_title { font-size: 20px; line-height: 13pt; }
.footer_text  { font-size: 72%;  line-height: 1.6em; letter-spacing: 0.5px; }

a.footer:link, a.footer:visited, a.footer:active { text-decoration: none; color: #FFFFFF; }
a.footer:hover                                   { text-decoration: underline; color: #FFFFFF; }


.clear
{
  clear: both;
}

.event_error,.event_notice,.event_info,.event_warning,.event_success
{
  padding: 15px;
  margin-bottom: 50px;
  font-size: 10pt;
  line-height: 15pt;
  letter-spacing: 1px;
}

.event_smallfont
{
  font-size: 9pt;
}

.event_error   { background-color: #A00000; color: #FFFFFF; }
.event_noticex { background-color: #FFC051; color: #FFFFFF; }
.event_notice  { background-color: #FFC051; color: #444444; }
.event_info    { background-color: #629BC2; color: #FFFFFF; }
.event_warning { background-color: #FF7251; color: #FFFFFF; }
.event_success { background-color: #0CAF00; color: #FFFFFF; }


td.event_error { border-bottom: 30px solid #FFFFFF; }

.form_inputfield, select.form_inputfield
{
  font: 10pt Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  border: #CCCCCC 1px solid;
  background-color: #FFFFFF;
  padding: 4px;
  height: 26px;
  width: 250px;
  vertical-align: bottom;
}

/*.form_inputfield:hover { border: #7179C8 1px solid; }*/
.form_inputfield:hover { border: #FFC000 1px solid; }

select.form_inputfield { padding: 0px; height: 26px; }

.form_submitfield, .form_submitfield_red, .form_submitfield_grey
{
  font: 9pt 'Source Sans Pro', Arial, sans-serif;
  letter-spacing: 1px;
  color: #FFFFFF;
  border: #A8A8A8 0px solid;
  background-color: #19811C;
  background-image: url(/images/_submit_green.gif);
  background-size: 100% 100%;
  padding: 4px 10px;
  margin: 0px;
  /*height: 25px;*/
}

span.form_submitfield,span.form_submitfield_grey,span.form_submitfield_red
{
  display: inline-block;
  /*text-align: center;*/
  /*vertical-align: middle;*/
  /*height: 25px;*/
  padding: 5px 10px;
}

.form_submitfield
{
  color: #FFFFFF;
  background-color: #19811C;
  background-image: url(/images/_submit_green.gif);
}

.form_submitfield_red  { color: #FFFFFF; background-image: url(/images/_submit_red.gif);  }
.form_submitfield_grey { color: #EEEEEE; background-image: url(/images/_submit_grey.gif); }


.form_submitfield:hover     { background-color: #2DA72A; background-image: url(/images/_submit_green_hover.gif); cursor: pointer; }
.form_submitfield_red:hover { background-color: #2DA72A; background-image: url(/images/_submit_red_hover.gif);   cursor: pointer; }

.highlight_error    { color: #FF0000; }
.highlight_inactive { color: #999999; }
.bold               { font-weight: bold; }

div.box
{
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  padding: 40px;
  background-color: #FFFFFF;
}


div.subbox, div.filterbox
{
  background-color: #F1DFB4;
  padding: 20px;
  margin-bottom: 20px;
}

div.filterbox
{
  padding: 10px 15px;
  margin-bottom: 20px;
}

div.subbox_title,td.subbox_title
{
  font-size: 13pt;
  font-variant: small-caps;
  color: #444444;
  letter-spacing: 5px;
  line-height: 12pt;
  padding-top: 0px;
  padding-bottom: 20px;
  border-bottom: 2px solid #A8865A;
  margin-bottom: 20px;
}


span.icon_green,span.icon_yellow,span.icon_orange,span.icon_red
{
display: inline-block;
height: 8px;
width: 8px;
background-color: #19B300;
}

span.icon_green  { background-color: #19B300; }
span.icon_yellow { background-color: #DBCE00; }
span.icon_orange { background-color: #DB7C00; }
span.icon_red    { background-color: #DB0000; }

img.icon_link
{
background-image: url(/images/_icon_link.gif);
border: 0px;
}

div.title:before,div.subtitle:before,td.subtitle:before
{
content: "";
display: inline-block;
vertical-align: middle;
color: #E4C069;
height: 5px;
width: 5px;
background-color: #E4C069;
margin-right: 10px;
}

div.title,div.subtitle
{
font: 13pt 'Source Sans Pro', Arial, sans-serif;
font-variant: small-caps;
color: #444444;
letter-spacing: 0.1px;
line-height: 12pt;
padding-top: 0px;
padding-bottom: 20px;
border-bottom: 2px solid #E4C069;
margin-bottom: 50px;
}

div.subtitle,td.subtitle
{
font: 11pt 'Source Sans Pro', Arial, sans-serif;
font-variant: small-caps;
}

td.subtitle  { border-bottom: 20px solid #FFFFFF; }
div.subtitle { border-bottom:  2px solid #E4C069; }

.user_credentials
{
font-size: 11pt;
font-variant: small-caps;
letter-spacing: 1.2px;
line-height: 16pt;
border-left: 5px solid #E4C069;
padding-left: 8px;
}

.user_credentials:first-line
{
color: #C29F4B;
font-size 9pt;
letter-spacing: 0px;
}

.contact
{
font-size: 11pt;
font-variant: small-caps;
letter-spacing: 1.2px;
line-height: 13pt;
}

.contact:first-line
{
color: #C29F4B;
font-size 9pt;
letter-spacing: 0px;
}

div.cell,div.column,div.info,div.label,div.inputcell,.default
{
font: 10pt 'Source Sans Pro', Arial, sans-serif;
letter-spacing: 0.5px;
line-height: 14pt;
margin-top: 2px;
margin-bottom: 2px;
}

div.column,div.info,div.label
{
float: left;
padding-top: 5px;
}

div.info
{
  color: #FF0000;
}

div.label
{
width: 200px;
}

div.inputcell
{
float: left;
padding-top: 0px;
padding-right: 40px;
}

div.line, div.vline
{
background-color: #CCCCCC;
}

div.line   { height: 1px; margin-top: 30px; margin-bottom: 20px; margin-left:  0px; margin-right:  0px; }
div.vline  { width:  1px; margin-top:  0px; margin-bottom:  0px; margin-left: 30px; margin-right: 30px; }
div.spacer { content: ""; height: 30px; }



table.list
{
border-spacing: 0px 1px;
padding: 0px;
margin: 0px;
width: 100%;
}

td.list, td.list_np
{
padding: 10px;
font-size: 10pt;
letter-spacing: 0px;
border-bottom: 1px dotted #888888;
vertical-align: top;
content: "";
/*border-left: 1px solid #E4E4E4;*/
}

/*tr.list             { background-color: #FCFCFC; }*/
tr.list:hover       { background-color: #FFF6D7; }
/*tr.list_input:hover { background-color: #E4E4E4; }*/
tr.list_input:hover { background-color: #F1DFB4; }
td.list_top         { border-top: 1px dotted #888888; }
td.list_np          { padding: 10px 5px; }

td.nb               { border: 0px; }
td.cell_dr          { border-bottom: 0px; }


.list_inputfield,select.list_inputfield
{
font: 9pt 'Source Sans Pro', Arial, sans-serif;
letter-spacing: 0.5px;
border: 0px;
background-color: #FFFFFF;
padding: 0px;
height: 18px;
width: 150px;
vertical-align: bottom;
}

.list_submitfield
{
font: 9pt 'Source Sans Pro', Arial, sans-serif;
letter-spacing: 1px;
border: #A8A8A8 0px solid;
background-color: #19811C;
background-image: url(/images/_submit_gradient.gif);
color: #FFFFFF;
padding: 1px 10px;
height: 18px;
}

.list_submitfield:hover
{
background-color: #2DA72A;
background-image: url(/images/_submit_gradient_hover.gif);
cursor: pointer;
}

span.status_ok,span.status_pending,span.status_error
{
display: inline-block;
background-color: #00FF00;
width: 5px;
}

span.status_pending
{
background-color: #FFBA00;
}

span.status_error
{
background-color: #FF0000;
}

.xproduct_title
{
font: bold 14pt 'Source Sans Pro', Arial, sans-serif;
letter-spacing: 1px;
color: #777777;
}

.xproduct_default
{
font: 9pt 'Source Sans Pro', Arial, sans-serif;
letter-spacing: 1px;
}

div.terms
{
font: 9pt 'Source Sans Pro', Arial, sans-serif;
}

div.terms_box
{
font: 9pt 'Source Sans Pro', Arial, sans-serif;
padding: 20px;
background-color: #DBE2E7;
}

div.terms_title
{
font-weight: bold;
font-size: 12pt;
padding: 10px 0px;
}

div.terms_article
{
float: left;
margin-right: 10px;
width: 15px;
font-weight: bold;
padding: 10px 0px;
}

div.terms_text
{
font-weight: bold;
padding: 10px 0px;
}

div.terms_sub_article
{
float: left;
width: 15px;
margin-left: 20px;
margin-right: 10px;
padding-bottom: 10px;
}

div.terms_sub_sub_article
{
float: left;
width: 15px;
margin-left: 40px;
margin-right: 10px;
padding-bottom: 10px;
}

div.terms_sub_text
{
float: left;
width: 700px;
padding-bottom: 10px;
}

div.da_text
{
position: absolute;
padding: 20px;
font: 20pt 'Source Sans Pro', Arial;
font-variant: small-caps;
}

div.product_box, div.subcontact_box { background-color: /*FFD092*/#F1DFB4; padding: 20px; margin-bottom: 20px; }

div.product_title, div.subcontact_title
{
font: 13pt 'Source Sans Pro', Arial, sans-serif;
font-variant: small-caps;
color: #444444;
letter-spacing: 0.5px;
line-height: 12pt;
padding-top: 0px;
padding-bottom: 20px;
border-bottom: 2px solid #A8865A;
margin-bottom: 20px;  
}

ul.product_list { list-style-type: square; list-style-position: inside; color: #444444; font-size: 10pt; padding: 0px; line-height: 15pt; }
div.product_footer { padding-top: 20px; padding-bottom: 0px; font-size: 10pt; }

div.list_tld, div.list_cell
{
font-size: 9pt;
width: 70px;
float: left;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 0px;
margin-right: 10px;
margin-bottom: 10px;
}

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

div.hosting_title
{
  font-size: 13pt;
  padding-bottom: 10px;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #777777;
}

div.hosting_text
{
  font-size: 12pt;
  fxont-variant: small-caps;
  letter-spacing: 0.2px;
  line-height: 20pt;
  color: #666666;
  text-align: justify;
}

div.hosting_default, div.hosting_label
{
  font-size: 9pt;
  letter-spacing: 1px;
  color: #777777;
}

div.hosting_price,div.hosting_link { font-size:  8pt; color: #777777; }
div.hosting_value                  { font-size: 14pt; color: #777777; font-weight: bold; }

div.da_sbox
{
  float: left;
  width: 150px;
  margin-right: 20px;
  /*background-image: url(/images/_background_blackbox.gif);
  background-size: cover;*/
  background: linear-gradient(to bottom right,#656B71,#E4E4E4);
  color: #FFFFFF;
  font-size: 11pt;
  font-variant: small-caps;
}

.aboutus
{
  font-size: 10pt;
  letter-spacing: 2px;
  line-height: 18pt;
}

.contact_dnsnet
{
  font-size: 11pt;
  font-variant: small-caps;
  letter-spacing: 1px;
  line-height: 15pt;
  border-left: 5px solid #E4C069;
  padding-left: 10px;
}

.contact_dnsnet:first-line
{
  font-weight: bold;
}

img.support_vimage
{
  width: 30%;
}

div.support_vertical
{
  float: right;
  width: 550px;
  overflow: auto;
}

div.support_caption
{
  font-size: 10pt;
  padding: 5px 20px;
  border-left: 10px solid #F1DFB4;
  margin-bottom: 70pt;
}

p.support_caption
{
  padding: 10px;
  padding-left: 5px;
  margin: 0px;
  font-size: 10pt;
  line-height: 15pt;
}

div.support_heading
{
  font-size: 12pt;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 15px;
}

div.support_text
{
  font-size: 10pt;
  line-height: 15pt;
}

div.support_box, div.support_box_green
{
  background-color: #F1DFB4;
  padding: 20px;
  margin: 40px;
  margin-bottom: 80px;  
}

div.support_box_green
{
  background-color: #0CAF00; color: #FFFFFF;
}

div.support_title:before
{
  content: "";
  display: inline-block;
  vertical-align: middle;
  color: #E4C069;
  height: 5px;
  width: 5px;
  background-color: #E4C069;
  margin-right: 10px;
}

div.support_title
{
  font-size: 11pt;
  line-height: 13pt;
  padding-bottom: 5px;
}

div.support_short
{
  font-size: 10pt;
  line-height: 15pt;
  margin-left: 20px;
  padding-bottom: 30px;
}

div.support_link
{
  font-size: 8pt;
  color: #D0AD57;
  line-height: 10pt;
  margin-left: 20px;
  padding-bottom: 5px;
}

div.news_title
{
  font-variant: small-caps;
  color: #6B7EA1;
  font-size: 11pt;
  line-height: 13pt;
  padding-bottom: 5px;
}

div.news_text
{
  font-size: 10pt;
  line-height: 15pt;
  text-align: justify;
}

div.webmail_message
{
  font: 9pt Courier New, monospace;
  line-height: 13pt;
}

div.webmail_header
{
  font-size: 9pt;
  line-height: 11pt;
  overflow: auto;
}

div.webmail_attachment
{
  padding: 5px;
  padding-left: 20px;
}