/*******************************************************************************
Filename:     general.css
Title         General stylesheet for www.rajaleidja.ee
Author:       Remy Tiitre <remy.tiitre(at)ddw.ee>
URL:          http://www.rajaleidja.ee/extensions/DDW_Layout/css/general.css
License:      Copyright 2009, Digital Doorway, All Rights Reserved.
              Feel free to read and learn from this, but don't steal.

Description:  This stylesheet will define www.rajaleidja.ee site layout and
              other general styles.
*******************************************************************************/

/* DDW default styles *********************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{border:0;width:100%;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address{margin:0.8em 0;}
li,dd,blockquote{margin-left:1em;}
blockquote{font-style:italic;}
caption,th{text-align:left;}
img,fieldset{border:0;}
table{border-collapse:collapse;}
form label{cursor:pointer;}
acronym,abbr{border-bottom:1px dashed #000000;cursor:help;}
.Clear{clear: both;}
/* Layout styles ------------------------------------------------------------ */
#Page {
  margin: 20px 30px;
  overflow: hidden; /* This chops off any overhanging divs */
  position: relative; /* This fixes the IE7 overflow hidden bug */
  width: 950px;
}
#ContentArea {
  float: left;
  position: relative;
  right: 725px;
  width: 950px;
}
#ContentAreaHome {
  float: left;
  position: relative;
  width: 950px;
}
#Navigation, #Content {
  float: left;
  position: relative;
  overflow: hidden;
}
#ContentArea #Navigation {
  left: 10px;
  width: 215px;
}
#ContentArea #Content {
  left: 950px;
  width: 725px;
}
#ContentAreaHome #Content { width: 950px; }
#ContentDetails {
  min-height: 500px;
  padding: 0.6em 3em;
}
#ContentAreaHome #ContentDetails {
  min-height: 500px;
  padding: 10px 20px;
  vertical-align: text-top;
  width: 610px
}
#ContentArea #Addon {
  float: right;
  width: 15em;
}
#ContentAreaHome #ContentDetails img { margin: 6px; }
#ContentAreaHome #Addon {
  float: right;
  padding: 25px;
  width: 250px;
}
#ContentAreaHome #Addon h2 {
  font-size: 22px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#ContentAreaHome #Addon ul .date {
  font-weight: normal;
  margin: 0 5px 0 0;
}
#ContentAreaHome #Addon ul a { font-weight: bold; }

/* Font styles -------------------------------------------------------------- */
html, body, form, fieldset {
  font-family: Helvetica, Arial, sans-serif;
}
body {
  font-size: 62.5%;
}
#Page {
  font-size: 1.2em;
}
h1 {
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
}
h2 {
  font-size: 1.2em;
  font-weight: bold;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
}

/* Header start ***************************************************************/
#Header { font-size: 0.9em; }
#Header .Sections {
  font-size: 9px;
  margin: 0 10px 0 20px;
}
#Header a:link, #Header a:visited, #Header a:active, #Header a:hover {
  padding-top: 2px;
  text-decoration: none;
}
#Header ul {
  float: left;
  list-style: none;
  margin-bottom: 1.7em;
  padding-left: 0;
}
#Header ul li {
  float: left;
  margin: 0;
  width: auto;
}
#Header ul li a {
  display: block;
  font-weight: bold;
  padding: 0 0.5em 0 0.5em;
  text-transform: uppercase;
}
#Header .Top {
  margin-left: 225px;
  padding-left: 270px;
  vertical-align: top;
}
#Header .Top .Lang {
  padding-left: 100px;
}
#Header .Top form {
  float: right;
  width: 135px;
}
#Header .Top form input[type=text] {
  border: none;
  font-size: 10px;
  margin-top: -2px;
  padding: 2px;
  width: 110px;
}
#Header .Top form input.Button {
  margin-left: 2px;
  margin-top: 2px;
  padding: 0;
}
#Header #Logo {
  clear: both;
  display: block;
  float: left;
  height: 54px;
  margin: 15px 26px 20px 26px;
  width: 211px;
}
#Header .Links {
  float: right;
  font-size: 14px;
  margin-top: 45px;
  width: 686px;
}
#Header .Links li {
  float: right;
}
#Header .Links a:link, #Header .Links a:visited, #Header .Links a:active, #Header .Links a:hover {
  padding-top: 2px;
  text-decoration: none;
  text-transform: none;
}
#Header ul.Navbar {
  clear: both;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  margin-left: 26px;
  width: 100%;
}
#Header ul.Navbar li {
  height: 20px;
  padding: 5px;
}
#Header ul.Navbar li.Start {
  float: right;
  font-size: 10px;
  margin-right: 20px;
  margin-top: 1px;
  padding-left: 5px;
  width: 75px;
}
#Header .Navbar li a:link, #Header .Navbar li a:visited, #Header .Navbar li a:active, #Header .Navbar li a:hover, #Header ul.Navbar li.Start a {
  font-weight: bold;
  padding: 4px 12px 0 8px;
  text-decoration: none;
  text-transform: none;
}
#Header ul.Navbar li.Start a {
  text-transform: uppercase;
}

/* Header start ***************************************************************/
#Footer {
  border-top: 1px solid #a5503a;
  clear: both;
  font-size: 0.9em;
  padding-top: 7px;
  width: 100%;
}
#Footer a:link, #Footer a:visited, #Footer a:active, #Footer a:hover {
  text-decoration: none;
}

/* Navigation start ***********************************************************/
.Navigation a:link, .Navigation a:visited, .Navigation a:active, .Navigation a:hover {
  text-decoration: none;
  text-transform: none;
}
.Navigation ul {
  font-size: 17px;
  list-style: none;
  margin-bottom: 20px;
  margin-left: 18px;
  padding-left: 0;
}
.Navigation ul ul {
  font-size: 12px;
  list-style: none;
  margin-bottom: 20px;
  margin-left: 23px;
  margin-top: 0;
  padding-left: 0;
}
.Navigation ul ul ul {
  font-size: 11px;
  list-style: none;
  margin-bottom: 20px;
  margin-left: 18px;
  padding-left: 0;
}
.Navigation ul li { margin: 20px 0; }
.Navigation ul li.Selected ul li { margin: 10px 0; }
.Navigation ul li.Selected ul li.Selected ul li { margin: 5px 0; }
.Navigation ul li a {
  display: block;
  font-weight: bold;
  padding: 0 13px;
  text-transform: uppercase;
}

/* Navbar start ***************************************************************/
#Navbar { float: left; width: 542px; }
#Navbar h1 {
  font-size: 1.7em;
  padding: 0 1.7em;
  text-transform: none;
}
#Navbar div {
  float: right;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
#Navbar div a {
  font-size: 10px;
  padding: 2px 4px;
  text-decoration: none;
}
#Navbar #Print { padding-left: 20px; }
#Navbar #Back { padding-left: 20px; }

/* Register start *************************************************************/
#DDW_Register {
  float: left;
  width: 460px;
}
#DDW_Register form table {
  margin-bottom: 40px;
}
#DDW_Register form table.Register tr td {
  padding: 5px;
  text-indent: 0;
}
#DDW_Register form table.Register tr td.Label { width: 120px; }
#DDW_Register form table.Register tr td input {
  border: transparent;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 1px;
}
#DDW_Register h3 {
  font-size: 11px;
  font-weight: bold;
}
#DDW_Register table tr td {
  padding: 1px;
  padding-left: 22px;
  text-indent: -22px;
}
#DDW_Register table tr td a {
  padding-left: 6px;
  text-decoration: none;
}

/* Article start **************************************************************/
#DDW_Article ol, #DDW_Article ul { margin-left: 2em; }
#DDW_Article ul.ThirdLevel {
  list-style: none;
  margin-bottom: 1.7em;
  margin-left: 0;
  padding-left: 0;
}
#DDW_Article ul.ThirdLevel li { margin: 0; }
#DDW_Article ul.ThirdLevel li a {
  display: block;
  font-weight: bold;
  padding: 0.5em;
  text-transform: uppercase;
}
#ContentDetails ul.ThirdLevel {
  float: left;
  list-style: none;
  padding-left: 0;
}
#ContentDetails ul.ThirdLevel li {
  float: left;
  height: 125px;
  margin: 6px 6px;
  position: relative;
  width: 125px;
}
#ContentDetails ul.ThirdLevel li a {
  background: url('/extensions/DDW_Layout/images/background_text.png') repeat top left;
  color: #ffffff;
  display: block;
  font-size: 10px;
  font-weight: bold;
  left: 0;
  margin: 0 1px;
  padding: 4px 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 52px;
  width: 123px;
}

/* Form start *****************************************************************/
.DDW_Form fieldset {
  border: none;
  border-top: 1px solid #999999;
  clear: both;
  float: left;
  width: 100%;
}
.DDW_Form fieldset legend {
  color: #ffffff;
  font-weight: bold;
  margin: 0 0.5em;
  padding: 0.1em 0.3em;
}
.DDW_Form fieldset ol {
  clear: both;
  float: left;
  list-style: none;
  margin: 0.2em 1em;
  padding: 0;
}
.DDW_Form fieldset ol li {
  clear: both;
  float: left;
  margin: 0;
  padding: 0.1em 0;
}
.DDW_Form fieldset ol li label {
  float: left;
  font-weight: bold;
  margin-right: 1em;
  width: 10em;
}
.DDW_Form fieldset.submit {
  background-color: transparent;
  border: none;
  float: none;
  padding-left: 12em;
  width: auto;
}
.DDW_Form fieldset fieldset {
  background-color: transparent;
  border: none;
  float: none;
  margin-bottom: -1.4em;
  padding: 0;
}
.DDW_Form fieldset fieldset.list {
  margin-bottom: 0;
}
.DDW_Form fieldset fieldset legend {
  background: transparent;
  border: none;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.DDW_Form fieldset fieldset ol {
  margin: 0 0 0 11em;
  padding: 0;
  position: relative;
  top: -1.5em;
}
.DDW_Form fieldset fieldset.list ol {
  top: 0;
}
.DDW_Form fieldset fieldset ol li label {
  float: none;
  margin-right: auto;
  width: auto;
}