/* CSS Stylesheet written by Razvan Popescu at Adworks Media -- www.adworks.ro */
/* Copyright 2008 Adworks Media, All Rights Reserved */
/* Have a nice day! */



/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot { margin: 0; padding: 0; border: 0; outline: 0; }
table, tr, th, td { margin: 0; padding: 0; outline: 0; font-size: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
ins { text-decoration: none; }/* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

* {margin:0;padding:0;} 

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */



/* GENERAL */
html, body { padding:0; margin:0; height:100% }
body { overflow:-moz-scrollbars-vertical; overflow: scrollbars-vertical; min-height: 100%; height:100%; background: #ffffff; }
a img { border: 0px; }
img.centered { display: block; margin: 0 auto;}
small { font-size: 9px; } 
big {  }
img { -ms-interpolation-mode: bicubic; }

.clear { clear:both; }
div.clear { height: 0; clear: both; width: 100%; font-size: 0;line-height: 0; } /* fix for older browsers */
#wrapper div.clear { height: 0px; }

.right { float: right; }
.left { float: left; }

.centerfloat { margin-left: auto; margin-right: auto; }

.alignright { text-align: right; }
.alignleft { text-align: left; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

#wrapper img, #footer img { vertical-align:middle; }
p.default-message { margin: 15px 5px; padding:15px; text-align:center; font-weight:bold; border:1px solid #b39c82; background:#fffed8; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; color:#333; }
div.important { border:3px solid #e5e5e5; moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; padding:10px; }

.paddico { padding: 0px 1px 5px 4px; }
.padd10 { padding: 10px; }
.padd20 { padding: 20px; }

a { color: #a28e9e; text-decoration: underline; }
a:hover { color: #c20197; text-decoration: underline; }

ul.default li { padding-left:15px; background:url(../images/bullet.gif) left 3px no-repeat scroll; }

/* MOV #c20197 */

/* TYPE */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: 1.2em; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 32px; letter-spacing: -2px; font-weight: normal; line-height: 1em; color: #333; padding: 0px 0px 10px 0px; }


/* BLOCKS */

#wrapper { width: 980px; margin: 0px auto; display: block; }
#header { display: block; width: auto; height: 100px; position: relative; }
a#logo { display: block; width: 195px; height: 60px; background: url(../images/alcohelp-logo.jpg) center center no-repeat; position: absolute; top: 20px; left: 0px; text-indent: -10000px; }
#menu { display: block; width: 592px; height: 52px; position: absolute; top: 0px; right: 0px; line-height: 50px; text-align: center; background:url(../images/bg-menu.gif) top left no-repeat; }
#menu ul { display: block; list-style: none; }
#menu ul li { display: inline; }
#menu ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #6e6e6e; text-decoration: none; font-weight: bold; letter-spacing: -1px; padding: 5px 12px; }
#menu.logat ul li a { padding: 5px 10px; }

#menu ul li a:hover { color: #c20197; text-decoration: underline; }
#home-box { display: block; width: auto; height: 392px; clear: both; position: relative; margin-bottom: 10px; }
#home-flashbox { display: block; width: 588px; height: 392px; position: absolute; top: 0px; left: 0px; }
#home-loginbox { display: block; width: 392px; height: 392px; position: absolute; top: 0px; left: 588px; background: url(../images/bg-loginbox.jpg) top left no-repeat; }
#home-loginbox-login, #home-loginbox-inregistrare { display: block; width: 352px; height: 156px; padding: 30px 20px 10px 20px; color: #ccc; }
#home-loginbox-login h3, #home-loginbox-inregistrare h3 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #fff; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 20px 0px; }
#home-loginbox-login form { padding: 0px 10px; margin: 0px; }
.home-login-input { display: block; width: 320px; height: 15px; line-height: 15px; padding: 10px 5px; background-color: transparent; background: url(../images/bg-logininput.gif); background-position: top left; border: none; border: 0px; margin: 0 0 5px 0; }
input.home-login-input:active, input.home-login-input:hover, input.home-login-input:focus { background-position: bottom; }

/* GRID */
.column { display: block; float: left; padding: 0px 10px 75px 10px; }
.column p { padding: 0px 0px 20px 0px; line-height: 1.3em }

.col1x { width: 176px; }
.col2x { width: 372px; }
.col3x { width: 568px; }
.col4x { width: 764px; }
.col5x { width: 960px; }

/* BTNS */

a.btn { display: block; padding: 0px 25px 0px 20px; line-height: 25px; height: 25px; background-image: url(../images/btn-right-white.gif); background-position: top right; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; letter-spacing: -1px; position: relative; margin: 5px; text-align: center; }																																																											
a.btn span { display: block; background-image: url(../images/btn-left-white.gif); background-position: top left; height: 25px; width: 5px; position: absolute; top: 0px; left: 0px; }
a.btn:hover, a.btn:hover span { background-position: bottom right; }

a.btn-black { display: block; padding: 0px 25px 0px 20px; line-height: 25px; height: 25px; background-image: url(../images/btn-right-black.gif); background-position: top right; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; letter-spacing: -1px; position: relative; margin: 5px; text-align: center; }																																																											
a.btn-black span { display: block; background-image: url(../images/btn-left-black.gif); background-position: top left; height: 25px; width: 5px; position: absolute; top: 0px; left: 0px; }
a.btn-black:hover, a.btn-black:hover span { background-position: bottom right; }

a.btnwide { display: block; padding: 0px 5px 0px 10px; line-height: 25px; height: 25px; background-image: url(../images/btnwide-right.gif); background-position: top right; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; /*letter-spacing: -1px;*/ position: relative; margin: 0px 0px 5px 0px; text-align: left; }	
a.btnwide span { display: block; background-image: url(../images/btnwide-left.gif); background-position: top left; height: 25px; width: 5px; position: absolute; top: 0px; left: 0px; }
a.btnwide:hover, a.btnwide:hover span { background-position: bottom right; }

.w50 { width: 50px; }
.w75 { width: 75px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w175 { width: 175px; }

/* MENU LEFT */

ul.menu-left { display: block; padding: 0px; margin: 0px; }
ul.menu-left li { display: block; padding: 0px; margin: 0px 0px 3px 0px; background-color: #d0c6ce; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; }
ul.menu-left li.unlocked { background-color:#a28e9e; }
ul.menu-left a { color: #fff; text-decoration: none; display: block; }
ul.menu-left li span { display: block; line-height: 20px; padding: 5px 7px 5px 7px; }
ul.menu-left li.unlocked:hover { background-color: #c20197; }
ul.menu-left li.active { background-color:#FFF; border: 1px solid #ccc; margin-right: -10px; background-image:url(../images/menu-left-arr.gif); background-position: right; background-repeat: no-repeat; }
ul.menu-left li.active a { color: #333; }

/* INFO BOX LEFT */

.left-info-box { padding: 30px 0px 15px 0px; border-bottom: 3px solid #e5e5e5; font-size: 11px; }
.left-info-box h4 {font-size: 14px; color: #6e6e6e; letter-spacing: -1px; padding: 0px 0px 10px 0px; }
.left-info-box img { margin-right: 10px; }
.left-info-box p {}

/* SEDINTA MARKER */

.sedinta-marker { display: block; width: 100px; margin: 10px auto; padding: 0px 0px 0px 30px; background-image:url(../images/pic-sedinta.gif); background-position: left; background-repeat: no-repeat; font-size: 90px; letter-spacing: -4px; line-height: 90px; height: 90px; font-weight: bold;}
.sedinta-marker.jurnal {  background-image:url(../images/pic-jurnal.gif); background-position: left; background-repeat: no-repeat; }
.sedinta-marker.jurnal img { padding-top:7px;  }


/* SEDINTA */

.sedinta {}
.sedinta h1 { font-size: 22px; line-height:24px; font-weight: bold; letter-spacing: -1px; padding: 45px 0px 45px 10px; border-bottom: 2px solid #e5e5e5; margin: 0px 0px 20px 0px; }
.sedinta h4 {font-size: 14px; color: #6e6e6e; letter-spacing: -1px; padding: 0px 0px 10px 0px; }
.sedinta img { margin-right: 10px; }
.sedinta h4 strong { color:#c20197; }

/* FORM TABLE */

table.form-table { border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
table.form-table td, table.form-table th { border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
table.form-table td { padding: 2px; background-color: #ffffff; }
table.form-table th { padding: 5px; background-color: #ebebeb; text-align: center; font-size: 14px; font-weight: bold; color: #6e6e6e; }
.wauto { width: 99%; }
.textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; border: 1px solid #999999; }
textarea.textarea:hover { border: 1px solid #666666; }
textarea.textarea:focus, textarea.textarea:active { border: 1px solid #c20197; }

input.textfield { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding:3px; line-height:normal; border: 1px solid #999999; overflow-x:hidden; overflow-y:auto; }
input.textfield:hover { border: 1px solid #666666; }
input.textfield:focus, input.textfield:active { border: 1px solid #c20197; }

select { padding:3px; }
label { margin-right:5px; }

.ruler { display: block; width: 100%; border-bottom: 3px solid #e5e5e5; margin: 10px 0px 20px 0px; line-height: 1px; height: 1px; text-indent: -10000px; }

/* FORM INREGISTRARE */

form.form-inregistrare label { width: 150px; text-align: right; padding: 3px 10px 3px 0px; font-weight: bold; display: block; float: left; }
form.form-inregistrare .input { width:300px; padding:2px; line-height:20px; border:1px solid #ccc; }
form.form-inregistrare p { padding: 0px 0px 10px 0px; clear: both; }
.table-chkboxs td { padding: 1px; height: 24px; }
.input { padding:4px 2px; }

/* FOOTER */

#footer {position: relative; margin-top: -50px; height: 50px; clear:both; background-color: #e5e5e5;} 
.footerbox { height: 30px; line-height: 30px; padding: 10px; font-size: 10px; font-family: Tahoma, Geneva, sans-serif; vertical-align: middle; }
.footerbox a { color: #333; text-decoration: none; }
.footerbox a:hover { color: #c20197; text-decoration: underline; }

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.form-table br { margin: 3px; clear: both; display: block; }
.explainbox { padding: 15px 20px; margin: 20px 0px; border: 1px solid #ccc; }
.centered { text-align: center; }

.calendar { width:568px; }
.calendar td { moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; position:relative; zoom:1; }
.calendar thead { background:#ebebeb; border-bottom: 2px solid #fff; }
.calendar thead tr { height:50px; }
.calendar thead tr td { border-right: 2px solid #fff; width:79px; text-align:center; font-size:12px; font-weight:bold; color:#6e6e6e; }
.calendar tbody { background:#fff; border-bottom: 2px solid #fff; }
.calendar tbody tr { border-bottom: 2px solid #fff; }
.calendar tbody tr td { border-right: 2px solid #fff; width:79px; height:50px; }

.calendar tbody a { height:45px; display:block; moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; font-size:12px; padding:5px 0 0 5px;  position:relative; zoom:1; }
.calendar tbody a span { font-weight:bold; position:absolute; right:8px; bottom:8px; font-size:28px; letter-spacing:-1px; }

a.zi-curenta { border:1px solid #333; background:#333; color:#fff;  }
a.zi-posterioara { background:#d0c6ce; color:#fff; border: 1px solid #d0c6ce; cursor:default; }
a.zi-anterioara { background:#a28e9e; color:#fff; border: 1px solid #a28e9e; }
a.zi-marcata, a.luna-anterioara.zi-marcata, .calendar tbody tr.marcat td a.luna-curenta.zi-marcata { background:#c20197; border-color:#c20197; color:#fff; }
a.luna-curenta { }
a.luna-anterioara, a.luna-posterioara { background:#fff; border: 1px solid #ccc; color:#ccc; }

a.zi-anterioara:hover, a.zi-curenta:hover, .calendar tbody tr.marcat td a.zi-anterioara:hover { background:#fff; color:#666; border:3px solid #333; margin:-4px -3px; z-index:10; }
a.zi-anterioara:hover span, a.zi-curenta:hover span, .calendar tbody tr.marcat td a.zi-anterioara:hover span { bottom:8px; right:8px; }
a.zi-anterioara.luna-anterioara:hover { padding-left:6px;  }
a.zi-anterioara.luna-anterioara:hover span { bottom:8px; right:9px; }
a.complet { cursor:default; }

a.activ { background:#fff; color:#666; border:3px solid #333; margin:-4px -3px; z-index:10; }

.calendar tbody tr.marcat td a.zi-anterioara { background:#d0d015; border-color:#c4c415; color:#fff; }
.calendar-top { text-align:center; line-height:35px; font-size:16px; color:#666; }

div#menu ul li a#hartalink, a#hartalink { display: block; position: absolute; right: 0px; top: 60px; text-transform: uppercase; font-size: 12px; border-radius: 5px; padding: 0px 30px; height: 30px; line-height: 30px; background-color: #c20197; color: #fff; letter-spacing: 0px; }


/*Mesaje*/
.msg { padding:15px 15px 15px 60px; margin:15px 0; moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border:3px solid #e5e5e5; }
.error { background:url(../images/ico_error.gif) 15px 50% no-repeat; }
.succes { background:url(../images/ico_succes.gif) 15px 50% no-repeat; }
.info { background:url(../images/ico_info.gif) 15px 50% no-repeat; }
.div-error { padding:0 10px 10px 167px; color:#c20197; }

.poster { border: 1px solid #CCCCCC }

#judet-data p { padding: 10px 0px 0px 10px; margin: 0px; line-height: 14px; }
#judet-data h4 { padding: 20px 0px 10px 0px; text-transform: uppercase; font-size: 16px; }
#judet-data h3 { margin-left: 5px; padding: 10px; border: 1px solid #e0e0e0; font-size: 14px; cursor: pointer; }
#judet-data div.active { margin-left: 5px; padding: 5px 5px 15px 5px; background-color: #f0f0f0; }
#judet-data h3 span { float: right; font-weight: normal; font-size: 24px; color: #666; font-family:"Courier New", Courier, monospace; }
#judet-data h3 span.minus { display: none; }
#judet-data h3.active span.plus { display: none; }
#judet-data h3.active span.minus { display: inline; }
#judet-data h3.active { color: #c20197;}