/* GENERAL */
* { padding: 0px; margin: 0px; }
div.clear {
    overflow: hidden;
    clear: both;
    height: 0px;
}
.small {
    font-size: 0.9em;
}
/* MAIN */
body {
    background: #CAD7D6;
    font-size: 13px;
    text-align: center;
}
div#wrapper {
    width: 720px;
    margin: 0px auto;
}
/* HEADER */
div#header {
    float: right;
    width: 580px;
    color: #46755E;
    font: 1em Trebuchet MS;
}
div#header div.left {
    float: left;
}
div#header div.left div#logo {
    position: relative;
    left: 1px; bottom: -40px;
    width: 331px; height: 60px;
    background: url('images/logo.png') no-repeat center center;
}
div#header div.right {
    float: right;
    margin: 4px 0px 0px 0px;
    width: 154px; height: 85px;
    text-align: center;
}
/* MENU */
div#menu {
    float: left;
    position: relative;
    right: -6px;
    margin: 60px 0px 0px 0px;
}
div#menu a {
    display: block;
    width: 130px; height: 32px;
    margin: 0px 0px 4px 0px;
    padding: 0px 10px 0px 0px;
    background: #FAFCFB url('images/button_bg.png') no-repeat top left;
    color: #69857C;
    font: 12px Arial Narrow, Arial;
    text-align: right;
    line-height: 32px;
    text-decoration: none;
}
div#menu a.last {
    margin: 15px 0px 2px 0px;
    background: #FAFCFB url('images/button_bg-last.png') no-repeat top left;
}
div#menu a:hover {
    text-decoration: underline;
}
/* CONTENT */
div#content-frame {
    float: right;
    width: 580px;
    background: #C0CFCD;
}
div#content {
    margin: 6px;
    padding: 10px;
    height: 1%;
    background: #FAFCFB;
    color: #305040;
    font: 1em Trebuchet MS;
    line-height: 22px;
}
div#content h1 {
    margin: 0px 0px 10px 0px;
    color: #6B8B85;
    font: 1.5em Arial;
}
div#content h2 {
    margin: 0px 4px -4px 4px;
    padding: 0px 0px 0px 5px;
    color: #7A968F;
    font: 1.2em Arial;
    font-weight: bold;
    text-align: left;
}
h2.first-page {
    border-bottom: 2px dotted #A8BDB9;
    background: url('images/h2_bg.png') repeat-x bottom center;
}
div#content a {
    color: #305040;
}
div#content a:hover {
    background: #ECF0EE;
}
div#content ul {
    margin: 0px 0px 0px 5px;
    text-align: left;
}
div#content li {
    list-style-type: none;
    background: url('images/list_marker.png') no-repeat 2px 9px;
    line-height: 22px;
    padding: 0px 0px 0px 18px;
    margin: 10px 0px;
}
div#content div.button-holder {
    margin: 10px 0px;
    text-align: center;
}
div#content .big-button {
   display: block;
   width: 202px; height: 52px;
   margin: 0px auto;
}
div#content a#chestionar-rapid {
   background: url('images/button_chestionar-rapid.png') no-repeat center center;
}
div#content a#deschide-chestionar {
   background: url('images/button_deschide-chestionar.png') no-repeat center center;
}
div#content p {
    margin: 10px 0px;
    padding: 0px 4px;
    text-align: justify;
}
div#content div.left {
    float: left;
    width: 298px;
}
div#content div.right {
    width: 240px;
    float: right;
}
div#ultimele-chestionare {
    padding: 6px 0px 0px 0px;
    width: 240px; height: 254px;
    background: url('images/paper_bg.png') no-repeat center center;
}
div#ultimele-chestionare div {
    display: block;
    height: 30px;
    color: #4D8066;
    font: 0.9em Georgia;
    line-height: 30px;
    text-align: left; text-indent: 36px;
    overflow: hidden;
}
div#ultimele-chestionare div a {
    color: #4D8066;
}
div#ultimele-chestionare div a:hover {
    text-decoration: none;
}
div#content ul.capitole {
	margin: 10px 0px 0px 0px;
	padding: 0px 10px;
	border: 2px solid #DAE9E0;
	background: #F4F9F5;
}
form#cauta {
	margin: 0px 0px 8px 0px;
}
form#cauta input.field {
     margin: 0px 10px 0px 0px;
     padding: 4px;
     width: 464px;
     background: #F4F9F5;
     border: 3px solid #CFDAD8;
     color: #305040;
     font: 1.1em Trebuchet MS;
}
form#cauta input.button {
     cursor: pointer;
     width: 60px; height: 32px;
     background: #FAFCFB url('images/button_cauta.png') no-repeat center center;
     border: none;
     border-left: 3px solid #CFDAD8;
     font-size: 0em;
}
div#searchresults {
    text-align: left;
}
div#searchresults h2 {
    color: #A5B8B4;
    margin: 12px 0px 6px 0px;
}
div#searchresults h2 i {
    color: #7A968F;
}
div#content div#searchresults ul {
    margin: 0px; padding: 0px;
}
div#searchresults li {
    margin: 0px; padding: 8px 8px;
    background: none;
    list-style-type: none;
    line-height: 26px;
}
html>body form#cauta input.button { position: relative; top: -3px; }
/* CONTENT - LEGISLATIE*/
div#legislatie {
    text-align: left;
}
div#legislatie div#jumpto {
    position: absolute;
    margin: -16px 0px 0px 570px;
    padding: 10px;
    border: 6px solid #C0CFCD;
    background: #FAFCFB;
}
div#legislatie div#jumpto ul {
    margin: 0px;
    padding: 0px;
    width: 200px;
}
div#legislatie div#jumpto li {
    display: inline;
    margin: 0px;
    padding: 0px;
    background: none;
    list-style-type: none;
}
div#legislatie div#jumpto li a {
    display: block;
    margin: 2px 0px 0px 0px;
    padding: 1px 8px;
    background: #ECF0EE;
    text-decoration: none;
}
div#legislatie div#jumpto li a:hover {
    background: #F5F8F5;
}
div#legislatie div#jumpto li a span {
    display: block;
    margin: -4px 0px 3px 0px;
    color: #528378;
    font: 0.85em Verdana;
}
div#legislatie div.title {
    padding: 8px 4px;
    border: 2px dotted #BAD6C7;
    background: #E4EFEA;
    font-size: 1.2em;
    text-align: center;
}
div#legislatie h1 {
    color: #49615B;
    text-align: center;
    font: 1.85em Arial;
    font-weight: bold;
    line-height: 25px;
    margin: 0px 0px 10px 0px;
}
div#legislatie h1 a{
    color: #49615B;
    text-decoration: none;
}
div#legislatie h1 a:hover {
    background: none;
    text-decoration: underline;
}
div#legislatie h1.capitol {
    color: #AABBB7;
    font: 1.9em Century Gothic;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 50px 0px -5px 0px;
}
div#legislatie h1.title {
    margin: 0px;
    color: #6B8B85;
    font: 1.5em Arial;
    text-align: center;
}
div#legislatie h2 {
    color: #556F69;
    font: 1.35em Century Gothic;
    font-weight: bold;
    text-align: center;
    margin: 35px 0px 20px 0px;
}
div#legislatie h3 {
    color: #65817A;
    font: 1.15em Century Gothic;
    font-weight: bold;
    text-decoration: underline;
    margin: 20px 0px 12px 0px;
}
div#legislatie h4 {
    display: inline;
    border-left: 4px solid #DEE4E1;
    background: #ECF0EE;
    color: #94A79E;
    font: 1.3em Century Gothic;
    font-weight: bold;
}
div#legislatie p {
    margin: 4px 0px 8px 0px;
    padding: 0px 2px;
    color: #305040;
    font: 1.1em Georgia;
    line-height: 22px;
    text-align: justify;
}
/* CONTENT - CHESTIONAR*/
form#chestionarForm input.field {
     margin: 0px;
     padding: 4px;
     width: 200px;
     position: relative;
     bottom: -1px;
     background: #F4F9F5;
     border: 4px solid #ECF0EE;
     border-bottom: none;
     color: #305040;
     font: 1.1em Trebuchet MS;
}
html>body form#chestionarForm input.field { bottom: 0px; }
div#numbers {
    margin: 0px 0px 20px 0px;
    border-top: 6px solid #ECF0EE;
    text-align: left;
}
div#numbers a {
    padding: 4px 3px;
    font: 1.1em Arial;
    text-decoration: none;
}
div#numbers a:hover {
    padding: 4px 4px;
    border-top: 6px solid #CFDAD5;
}
div#chestionar {
    text-align: left;
    margin: 0px auto;
}
div#chestionar div.questionDiv {
    margin: 0px;
}
div#chestionar h1 {
    margin: 15px 0px;
    color: #49615B;
    font: 1.2em Arial;
    font-weight: bold;
}
div#chestionar h2 {
    margin: 0px; padding: 0px;
    color: #AEBFBA;
    font-size: 1.1em;
    text-transform: uppercase;
}
div#chestionar div.image {
    margin: 12px 0px;
    text-align: center;
}
div#chestionar div.image img {
    text-align: center;
}
div#chestionar li {
    margin: 0px;
    padding: 3px 0px;
    background: none;
}
div#chestionar li a {
    text-decoration: none;
}
div#chestionar input.checkbox {
    position: relative;
    bottom: -1px;
    right: 4px;
    margin: 0px 0px 0px -3px;
}
html>body div#chestionar input.checkbox { bottom: 2px; right: 7px; margin: 0px 0px 0px 4px; }
div#chestionar a#backButton {
    display: none;
    background: url('images/button_intrebarea-precedenta.png') no-repeat center center;
}
div#chestionar a#nextButton {
    display: none;
    background: url('images/button_intrebarea-urmatoare.png') no-repeat center center;
}
div#chestionar div#controls {
    padding: 0px 0px 10px 0px;
    border-bottom: 4px solid #ECF0EE;
    text-align: right;
}
div#chestionar div.separator-line {
    overflow: hidden;
    height: 6px;
    margin: 20px 0px;
    background: #ECF0EE;
}
div#chestionar input#gata-chestionar {
    cursor: pointer;
    float: right;
    position: relative;
    margin: -26px 0px 0px 0px;
    padding: 3px 8px 4px 8px;
    border: none;
    background: #F5F8F5;
    border-top: 6px solid #ECF0EE;
    width: 200px;
    font: 1.3em Arial Narrow, Arial;
    font-weight: bold;
    color: #4E6D5E;
}
html>body div#chestionar input#gata-chestionar { padding: 6px 8px 8px 8px; }
/*div#chestionar input#gata-chestionarHovered {
    background: #ECF0EE;
    border-top: 4px solid #D9E1DC;
}*/
div#chestionar div#score {
    font: 2.4em Arial;
    letter-spacing: -1px;
    text-align: center;
}
span.highlight {
    background: #5EFF9D;
}
/* GOOGLE ADS */
div.googleAd {
    width: 468px;
    margin: 0px auto;
}
/* FOOTER */
div#footer {
    float: right;
    width: 580px;
    color: #6B8B88;
    font: 0.9em Trebuchet MS;
    padding: 6px 0px;
}
div#footer a {
    color: #587471;
    text-decoration: none;
}
div#footer a:hover {
    text-decoration: underline;
}