body { margin: 0; padding: 0; font: 12px Arial, Helvetica, Verdana; background: #dfdfdf url(../images/backgrounds/body.jpg) repeat-x; }

/* LAYOUT */
#container { width: 998px; margin: 0 auto; }
#header { position: relative; height: 190px; }
#menu { height: 51px; background: url(../images/backgrounds/menu.png) no-repeat; }
#header-container-content { height: 18px; background: url(../images/backgrounds/header-container-content.png) no-repeat; }
#container-content { background: url(../images/backgrounds/container-content.png) repeat-y; }
#footer-container-content { padding: 10px 40px 0 40px; height: 90px; background: url(../images/backgrounds/footer-container-content.png) no-repeat; }
#legal-advice { text-align: center; letter-spacing: 1px; color: #333; }

/* CLASSES */
.row-separator { margin-bottom: 15px; }
.row-separator-2 { margin-bottom: 7px; }
.input-separator { margin: 5px 0; }
.disabled { float: left; color: #646464; }
.information { display: inline-block; margin-left: 5px; color: #646464; font-size: 10px; }
.information-2 { float: none; margin-left: 5px; color: #646464; font-size: 10px; }
.information-3 { float: none; margin-left: 5px; color: yellow; font-size: 10px; }
.comment { display: block; padding-top: 5px; font-size: 10px; color: #646464; }
.message-ok { font-size: 13px; font-weight: bold; color: #00448b; }
.form-error { display: inline-block; margin-left: 5px; }
.field-error { float: left; font-size:10px; color: #ff0000; }
.img-thumb { width:100px; height:100px; overflow:hidden; border:1px solid gray; margin-top:5px; }
.img-thumb img { width:100px; }
.required { color: #ff0000; }

/* BOXES */
.toogler { padding: 3px 0; margin-bottom: 10px; background-color: #a2b1b9; cursor: pointer; }
.toogler a { margin-left: 20px; padding-left: 18px; text-decoration: none; color: #000; background: url(../images/icons/arrow-down.png) no-repeat 0 50%; }
.toogler a.hide { background: url(../images/icons/arrow-right.png) no-repeat 0 50%; }
.toogle-content { margin-bottom: 20px; }
.toogle-content label { float: none; }
.toogle-content input { float: none; }
.toogle-content input.other { display: block; }
.content-options label { float: none; display: block; margin-top: 3px; }
.content-options input { margin-left: 5px; }
.content-options span { padding-left: 5px; }
.content-options-exception label { float: none; }
.content-options-exception input { float: none; }
#cures-box { padding-left: 3px; border-left: 1px solid #666; }
#cures-box label { float: left; }

/* HEADER */
#logo { position: absolute; top: 25px; left: 35px; }
#header-logos_es { position: absolute; top: 70px; left: 670px; }
#header-logos_pt { position: absolute; top: 22px; left: 670px; }
#form-login, #logged { position: absolute; width: 930px; height: 45px; top: 125px; left: 33px; padding-top: 10px; border: 1px solid #fff; background-color: #a5b2b7; }
#form-login div { float: left;  margin-bottom: 5px; }
#form-login-error { position:absolute; float: none; width: 230px; top: 33px; left: 266px;  }
#form-login-error span { display: block; padding:2px; color: #fff; background-color: #ff0000; text-align: center; }
#form-login label, #logged label { float: left; width: 84px; padding-top: 2px;  padding-right: 5px; text-align: right;  font-size: 12px; color: #00448b; }
#form-login input.text {  float: left; width: 154px; height: 16px; border: 1px solid #00448b; }
/*#remember-password { position:absolute; float: none; width: 300px; top: 30px; left: 345px; }*/
#remember-password { padding: 5px; font-size: 10px; }
#remember-password a { color: #000; }
#button-enter { display: block; float: right; margin: -1px 0 0 5px; border: none; }
#welcome-user { position: absolute; top: 10px; left: 665px; font-size: 14px }
#welcome-user span { display: block; float: left; margin: 3px 0 0 0; }
#welcome-user div.mode { color: maroon; padding-top: 3px; clear: both; }
#welcome-user a { float: left; margin: 0 0 0 10px; }
#change-culture { position: absolute; top: 10px; left: 0px; }


/* MENU */
#menu ul { height: 50px; padding-left: 44px }
#menu ul li { float: left; height: 50px; line-height:50px; list-style: none; font-size: 16px; color: #ccc; background: url(../images/backgrounds/menu-separator.png) no-repeat right; }
#menu ul li span { display: inline-block; padding: 0 26px; }
#menu ul li.last { background: none; }
#menu ul li a { display: inline-block; padding: 0 26px; text-decoration: none;  color: #fff; }
#menu ul li a:hover, #menu ul li a.active { color: #00448b; }
#menu ul.autenticated { padding-left: 47px }
#menu ul.autenticated li a { padding: 0 21px; }

/* REGISTRY / MODIFY USER */
.form-user label { float: left; display: block; margin-bottom: 5px; }
.form-user label.check { margin-top: 3px; }
.form-user input, .form-user select { float: left; display: block; margin-bottom: 5px; }
.form-user select { width: 203px; }
.form-user { float: left; }
.form-user input.check { float: left; border: none; }
.form-user input.button, .form-user a.button { float: right; border: none; }
.form-user h2 { display: block; padding-bottom: 3px; margin-bottom: 10px; font-size: 12px; text-align: left; border-bottom: 1px solid #00448b; }
.form-user textarea.legal { width:305px; height:130px; font-size:9px; overflow:scroll; }

/* REGISTRY ULCER NAVIGATION */
#registry-ulcer-navigation { height: 62px; background: url(../images/backgrounds/registry-ulcer-navigation.png) no-repeat; }
#registry-ulcer-navigation ul li { display: block; float: left; margin-right: 37px; }
#registry-ulcer-navigation ul li.last { margin-right: 0; margin-left: 1px; }
#registry-ulcer-navigation ul li a { height: 17px; display: block; float: left;  padding-top: 3px; padding-right: 6px;  text-align: center; color: #303a40; text-decoration: none; letter-spacing: 1px; }
#registry-ulcer-navigation ul li a.tab1 { width: 161px; background: url(../images/backgrounds/registry-ulcer-navigation-tabs/tab1.png) no-repeat; }
#registry-ulcer-navigation ul li a.tab2 { width: 187px; background: url(../images/backgrounds/registry-ulcer-navigation-tabs/tab2.png) no-repeat; }
#registry-ulcer-navigation ul li a.tab3 { width: 164px; background: url(../images/backgrounds/registry-ulcer-navigation-tabs/tab3.png) no-repeat; }
#registry-ulcer-navigation ul li a.tab4 { width: 120px; background: url(../images/backgrounds/registry-ulcer-navigation-tabs/tab4.png) no-repeat; }
#registry-ulcer-navigation ul li a.tab5 { width: 106px; background: url(../images/backgrounds/registry-ulcer-navigation-tabs/tab5.png) no-repeat; }
#registry-ulcer-navigation ul li a.disabled { cursor: auto; color:#666; }
#registry-ulcer-navigation ul li a.active { background-position: 0 -30px; }

/* STATIC CONTENT */
#static h2 { text-align: left; font-size: 30px; margin-bottom: 20px; }
#static h3 { text-align: left; font-size: 15px; margin-bottom: 10px; }
#static p { margin-bottom: 15px; }
#static p.last { margin-bottom: 30px; }

/* CASES */
#cases .message { text-align: center; color: green; font-size: 17px; }
#cases .table-header { margin: 10px 0; position: relative; }
#cases .table-header .actions { position: absolute; right: 0; bottom: 0; }
#cases .table-header .actions select { float: none; }
#cases table { width: 790px; padding-bottom: 15px; border: 1px solid #eee; }
#cases table tr.even { background-color: #eee; }
#cases table tr th, table tr td { text-align: left; }
#cases table tr th { padding: 5px; font-size: 13px; background-color: #e2e2e2; }
#cases table tr.first td { padding-top: 7px; padding-bottom: 3px; }
#cases table tr th { font-weight: normal; }
#cases table tr td { padding: 5px 0; }
#cases table tr th a { color: #000; }
#cases td a { color: #000; }
#cases .column1 { width:300px; padding-left: 7px; }
#cases .column2 { text-align: center; }
#cases .column3 { text-align: center; }
#cases .column4 { text-align: center; }
#cases .column-actions { text-align: right; padding: 0; }

/* REGISTRY ULCER DATA */
#foot-side-content { position: relative; float: left; width: 96px; height: 172px; } 
#foot-front-content { position: relative; float: left; width: 66px; height: 175px; }
#foot-side-content { background: url(../images/details/foot-side.jpg) no-repeat; }
#foot-front-content { background: url(../images/details/foot-front.jpg) no-repeat; }
#foot-side-content input, #foot-front-content input { position: absolute; }
#location_ulcer_1 { top: 50px; left: 0px;}
#location_ulcer_2 { top: 50px; left: 35px;}
#location_ulcer_3 { top: 145px; left: 5px;}
#location_ulcer_4 { top: 150px; left: 65px;}
#location_ulcer_5 { top: 60px; left: 0px;}
#location_ulcer_6 { top: 125px; left: 15px;}
#location_ulcer_7 { top: 125px; left: 40px;}

/* REGISTRY EVOLUTION ULCER */
#evolution-chart { margin: 20px 0; }

/* LOCAL TREATMENT */
#local-treatment .content-title { padding: 3px 0; margin-bottom: 5px; background-color: #eee; }
#local-treatment h3 { padding-left: 5px; font-size: 12px; font-weight: normal; }
#local-treatment .content { padding: 3px 0; background-color: #eee; }
#local-treatment .content label, #local-treatment .content span { padding-left: 5px; }
#local-treatment .content input { margin-left: 5px; }

/* TABS */
#tabs_container ul.tabs { height: 21px; margin: 0; list-style: none; border-bottom: 1px solid #ccc; }
#tabs_container ul.tabs li { float: left; }
#tabs_container ul.tabs li a { display: block; margin-right: 2px; padding: 3px 10px; text-decoration: none; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #efefef; }
#tabs_container ul.tabs li.active a { padding-top: 3px; background-color: #fff; }
div.tab_contents_container { padding: 10px 0; border-bottom: 1px solid #ccc; background: url(../images/backgrounds/tab-content.jpg) repeat-y; }
div.tab_contents { display: none; }
div.tab_contents_active { display: block; }

/* FOOTER */
#footer-container-content { position: relative; height: 85px; text-align: center; }
#sponsor-1, #sponsor-3 { position: absolute; }
#sponsor-1 { top: 5px; left: 35px; }
#sponsor-3 { top: 20px; right: 35px; }
#legal-advice p a { color: #333; }