/********************** reset default browser style **********************/
/* Reset unneeded margins and paddings */
html, body, form, fieldset { margin: 0; padding: 0; }
/* Vertical margins */ 
h1, h2, h3, h4, h5, h6, p { margin: 1em 0 0 0; padding: 0; }    /* top */
ul, ol, dl { margin: 0 0 1em; padding: 0; }                     /* bottom */
pre, blockquote, address { margin: 1em 0; padding: 0; }         /* top & bottom */  
li { margin: 0; padding: 0; }									/* none */
/* Left margin */
li, dd, blockquote { margin-left: 1em; }
/* Page colors (background and text) */
body { background: white; color: black; }
/* Page main font */
h1, h2, h3, h4, h5, h6, p, li, dd, dt, th, td, input, textarea, select, label { font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
h1 { font-size: 16px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; }
/* Links: underlined only when hovered */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/* Images without borders when used as links */
a img { border: 0; }
/* Labels have 'hand' as mouse pointer */
label { cursor: pointer; }
/********************** /reset default browser style *********************/
#container { border: 1px solid #9c9a9c; margin: 8px auto; width: 745px; }
#header { padding-top: 1px; background: #0f3c77 url('images/banner.png'); height: 64px; }
#body { }
  #left { float: left; width: 212px; height: 418px; background: url('images/handShake2.jpg') bottom left no-repeat; }
    #left #mapRo { background: url('images/ro.png') no-repeat; width: 212px; height: 130px; }
    #left #menu { background: url('images/topMenuShadow.png') no-repeat; }
      #left #menu #wrapper { background: url('images/bgBotRightMenu.png') 151px 110px no-repeat; }
        #left #menu #wrapper ul { padding: 20px 0 0 1px; background: url('images/bgBotMenu.png') bottom left no-repeat; height: 101px; width: 151px; list-style-type: none; }
        #left #menu #wrapper li { }
        #left #menu #wrapper li a { font-family: Arial, Tahoma; font-size: 12px; font-weight: bold; color: #14213D; text-decoration: none; line-height: 16px; }
        #left #menu #wrapper li a:hover { color: #ffcc00; }
        #left #menu #wrapper li a.sel { color: #ff0000; }
  #main { float: left; } 
    #main #content { background: url('images/bgContent.png') no-repeat; width: 533px; height: 418px; } 
      #main #content h1 { margin-top: 0; padding: 15px 0 0 38px; }
      #main #content #textBox { float: right; margin-top: 22px; padding: 35px 30px 0 0; width: 460px; height: 305px; overflow: auto; }
        #main #content #textBox ul { margin: 10px 0 0 10px; }
        #main #content #textBox p,
        #main #content #textBox li { font: 12px Arial; text-align: justify; }
        #main #content #textBox a { color: black; text-decoration: underline; }
      #main #content #divBox { float: right; margin-top: 40px; width: 525px; height: 335px; overflow: auto; }
        #main #content #divBox ol { margin: 10px 0 0 35px; }
        #main #content #divBox p,
        #main #content #divBox li { font: 12px Arial; text-align: justify; }
        #main #content #divBox h2 { margin: 40px 0 10px 0; font: bold italic 12px Arial; text-decoration: underline; }
        #main #content #divBox a { color: black; text-decoration: underline; }
      #main #content #contactBox { padding-top: 20px; margin-left: 60px; width: 400px; height: 400px; overflow: auto; }
        #main #content #contactBox h1 { padding: 0; margin-top: 10px; font: bold 12px Arial, Tahoma; color: #4169e1; }
        #main #content #contactBox span { color: #acacac; }
        #main #content #contactBox a { font: 12px Arial, Tahoma; color: #acacac; }
        #main #content #contactBox a:hover { text-decoration: none; color: red; }
        #main #content #contact { margin-top: 10px; }
        #main #content #contactBox td.label input { width: 280px; }
        #main #content #contactBox textarea { width: 280px; height: 100px; }
        #main #content #contactBox td.message { width: 285px; }
        #main #content #contactBox td.btnSend { padding-left: 160px; }
        #main #content #contactBox #btnSend { cursor: pointer; }
        #main #content #contactBox span.red { color: red; }
        #main #content #contactBox span.green { color: green; }
#footer { background: #f7df00 url('images/bgFooter.png') top right repeat-y; height: 20px; }
#footNotes { font: 11px Arial, Tahoma; margin-top: 5px; color: #65747C; text-align: center; }
  #footNotes a { font-size: 12px; font-weight: bold; text-decoration: none; color: #65747C; }
  #footNotes a:hover { color: red; }
.clear { clear: both; font-size: 1px; }
.red { color: red; }
/** used in index.php **/                                                
  div#indexBox { width: 400px; margin: -60px 30px 0 80px; }
  div#indexBox p { font: 12px Arial; text-align: justify; }
  div#indexBox table.currencyRate { margin-top: 6px; width: 100%; }
  div#indexBox table.currencyRate th { padding: 2px; background: #0f3c77; color: #fbdf1d; font: 10px Arial; }
  div#indexBox table.currencyRate td { font: 11px Arial; text-align: center; }
  div#indexBox table.currencyRate td span.green { color: green; }
  div#indexBox table.currencyRate td span.red { color: red; }
/** used in tarife.php **/
  #priceBox h1 { margin-top: 0; text-align: center; font: bold 14px Arial, Tahoma, Sans-serif;  }
  table#calculator { margin: 10px auto 8px; border: 1px solid black; width: 438px; height: 90px; border-collapse: collapse; }
  table#calculator td { border: 1px solid black; }
  table#calculator td.left { width: 120px; padding: 0 4px; }
  table#calculator td.label { font: bold 11px Tahoma, Sans-serif; }
  table#calculator td.value { padding: 2px; }
    table#calculator td.value input { border-top: 2px solid #716f64; border-right: 2px solid #b2b2b2; border-bottom: 2px solid #b2b2b2; border-left: 2px solid #716f64; background: #ffff99; padding: 2px 2px 2px 4px; width: 225px; height: 14px; text-align: right; font: bold 14px Arial, Sans-serif; }
    table#calculator td.value select,
    table#calculator td.value option { background: #ffff99; font: bold 14px Arial, Sans-serif; }
  table#calculator td.option { padding: 2px 4px; }
    table#calculator td.option label { font: bold 11px Tahoma, Sans-serif; }
  table#calculator td#o1 { background: #d0f9ff; } 
  table#calculator td#o2 { background: #e4e6ff; }
  table#calculator td#o3 { background: #fff4df; }
  input#btnSubmit { margin-left: 44px; font: bold 11px Tahoma, Sans-serif; cursor: pointer; }
  table#results { border-top: 2px solid black; border-right: 1px solid #999999; border-bottom: 2px solid black; border-left: 1px solid #999999; margin: 10px auto; width: 438px; border-collapse: collapse; }
  table#results td.left { width: 186px; padding: 0 4px; border-right: 1px solid #999999; }
  table#results td.label { font: bold 11px Tahoma, Sans-serif; }
  table#results td.centered { border-right: 1px solid #999999; padding-left: 20px; width: 100px; font: bold 11px Tahoma, Sans-serif; }
  table#results td.right { text-align: right; font: bold 11px Tahoma, Sans-serif; }  
  table#results td.extra { border-top: 1px solid #999999; }  
  table#results td.topBar { border-top: 2px solid black; }
  table#results td.finalValue { padding: 3px; font-size: 14px; }
  table#results td.finalValue div { background: #ffff99; padding: 3px; }
  table#results td.finalValue div span { font-size: 13px; } 
  table#results td.o1 { background: #d0f9ff; } 
  table#results td.o2 { background: #e4e6ff; }
  table#results td.o3 { background: #fff4df; } 
  table#results span.lighter { font-weight: normal; font-size: 10px; }
  div#error { margin: 20px auto; width: 270px; color: red; font: bold 14px Arial, Tahoma, Sans-serif; }
/** used in locatii.php **/
  div#locationBox { position: relative; height: 355px;  overflow: auto; margin-top: 17px; }
  img#romania { border: 0; cursor: pointer; }
  div#legend { position: absolute; display: none; width: 139px; top: 0; right: 10px; z-index: 99; /* always on top */ }
  div#legend h2#legendHeader { border-bottom: 2px solid #5a5a5a; margin: 0; padding-bottom: 5px; color: #0f4293; font: bold 12px Arial; }
  div#legend p { margin-top: 5px; color: #124eaf; font: 11px Arial; }
  div#legend ul { list-style-type: none; }
  div#legend ul li { color: #15347d; }
  h2.locations { margin: 0; padding-left: 60px; font: 10px Arial; }
  h2.locations img { padding: 0 3px; }  
  div#locationBox div#stationInfo { margin-left: 50px; }
  div#locationBox div#stationInfo h3.cityName { color: #0f4293; font: bold 12px Arial; }
  div#locationBox div#stationInfo table.listStation { list-style-type: none; }
  div#locationBox div#stationInfo table.listStation td { font: 11px Arial;  }
  div#locationBox div#stationInfo table.listStation td.station { padding-left: 20px; width: 125px; color: #1459c9; }
  div#locationBox div#stationInfo table.listStation td.address {  color: black; }
/** used in protectia-datelor.php **/
  h4.navy { color: #4169e1; margin: 0 0 40px 0; font-size: 12px; font-weight: bold; }
  p.pdf { background: url(images/pdfIcon.gif) no-repeat; padding-left: 20px; line-height: 40px; }
  p.pdf a { color: #65747c; line-height: 20px; }