/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
/* ==========================================================================
   Base
   ========================================================================== */
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }
/* ==========================================================================
   Links
   ========================================================================== */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
/* ==========================================================================
   Typography
   ========================================================================== */
h1 { font-size: 2em; margin: 0.67em 0; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
   Lists
   ========================================================================== */
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }
/* ==========================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
/* ==========================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
BODY{ font:13px/23px "Helvetica Neue","Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Segoe UI Semibold","Segoe UI",Helvetica,Arial,"Lucida Grande",sans-serif; }
H1, H2, H3, H4{ margin:0; padding:0 0 10px; }
A{ color:#0091ca; text-decoration:none; }
A:hover{ color:#3e757e; }

.wrapper{ width:960px; margin:0 auto; }

BODY{ background-image:url(../imgs/bg.jpg); background-repeat:no-repeat; background-attachment:fixed; }

#site-header{
	padding:15px 0;
}
	#box-logos{ float:left; width:300px; }
	#box-account{ float:right; width:500px; text-align:right; color:#fff; }

#main{ padding:50px 0 150px; }
	#content{}
		#form-login-user{ position:relative; width:310px; margin:0 auto; padding:0 0 40px; background:#f0f0f0; box-shadow:0 0 3px 0 #333; }
			#form-login-user H1{ margin-bottom:50px; padding:30px; font-size:21px; background:#3e757e; color:#fff; text-align:center; }
			#form-login-user .box-message.error{ position:absolute; top:75px; font-size:12px; color:#f00; }
			.form-field{ padding:10px 30px; border-left:3px solid transparent; }
				.form-field.focused{
					border-color:#3e757e; background:#ccc; 
					-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;
				}
				#form-login-user LABEL{ display:inline-block; width:60px;  }
				#form-login-user INPUT{ width:170px; margin:0; }
			#form-login-user #submit-login{ width:247px; margin:20px 0 0 33px; }
		
		#box-donatori{ position:relative; margin:50px 0; }
			#tbl-tabs{ position:absolute; border-left:1px solid #ccc; }
				#tbl-tabs .butt{ display:inline-block; padding:13px 25px; border:0; background:transparent; color:#699dba; cursor:pointer; }
				#tbl-tabs .butt:hover{ background:#7bb8da; color:#fff; }
				#tbl-tabs .active-folder{ background:#699dba; color:#fff; }
			#tabel-donatori_wrapper{ background:#eee; box-shadow:0 0 1px 0 #aaa; }
				#tabel-donatori_length{ position:absolute; bottom:-35px; }
					#tabel-donatori_length LABEL{ width:105px; }
				#tabel-donatori_filter{ padding:10px; text-align:right; }
					#tabel-donatori_filter LABEL{ float:right; width:400px; margin-bottom:10px; }
					#tabel-donatori_filter INPUT{ width:220px; margin:0 0 0 15px; background:url(../imgs/ico-magnifying-glass.png) 215px center no-repeat #fff; }
				#tabel-donatori{ background:#fff; }
					#tabel-donatori TD{ padding:5px; border:1px solid #ccc; }
						#tabel-donatori .ico{ opacity:0.7; }
							#tabel-donatori .ico:hover{ opacity:1; }
					#tabel-donatori THEAD{ border:1px solid #ccc; background:#699dba; color:#fff; }
						#tabel-donatori TH{ padding:5px 10px; }
						.sorting, .sorting_asc, .sorting_desc{ cursor:pointer; }
							.sorting:hover, .sorting_asc:hover, .sorting_desc:hover{ background:#7bb8da; }
							.sorting:after{ content:" \2195"; font-size:15px; font-weight:normal; }
							.sorting_asc:after{ content:" \2191"; }
							.sorting_desc:after{ content:" \2193"; }
						#tabel-donatori TR.even{ background:#f7f7f7; }
							#tabel-donatori TBODY TR:hover{ background:#eee; }
							#tabel-donatori A{ display:block; }
				#tabel-donatori_info{ float:left; margin-left:117px; padding:9px 0; }
				#tabel-donatori_paginate{ float:right; margin-top:5px; }
					#tabel-donatori_paginate A{ display:inline-block; margin:5px; padding:0 7px; border:1px solid transparent; background:#85b1cc; color:#fff; cursor:pointer; }
						#tabel-donatori_paginate A:hover, #tabel-donatori_paginate .paginate_active{ border-color:#3f7c9f; background:#5A869E; }
						#tabel-donatori_paginate .paginate_active{ cursor:default; }
					#tabel-donatori_paginate .previous, #tabel-donatori_paginate .next{ font-size:17px; vertical-align:bottom; }
					#tabel-donatori_paginate SPAN A{ margin:5px 1px; }
					#tabel-donatori_paginate A.paginate_button_disabled{ border-color:transparent; background:#ccc; cursor:default; }
				.centerColumn{ text-align:center; }
		
		#form-inregistrare-donator{ padding:0; border:0; background:none; box-shadow:none; }
			#prelevare-efectuata{}
			#formular-donator-pas2{}
			
		
		.page{
			padding:30px; background:#fff; opacity:0.95;
			box-shadow:0 0 3px 0 #333;
		}
			.page-container{ margin-bottom:50px; }
		
		
		#form-contact{}
			#campuri-mesaj{ float:left; width:300px; margin-right:20px; }
			#campuri-destinatari{ float:left; width:580px; }
				.destinatar{ float:left; width:133px; margin-left:12px; font-size:12px; }
			#form-contact .submit{ width:297px; }
        
#site-footer{ padding:15px 0; font-size:12px; color:#fff; }
	#copyright{ float:left; width:500px; }
	#developers{ float:right; width:460px; text-align:right; }




/* ======= STICKY FOOTER ======= */
html, body { height:100%; }
#sticky-footer { min-height:100%; }
#main{ overflow:auto; }
#site-footer{ position:relative; height:60px; margin-top:-91px !important; clear: both; }

.container100{ margin-bottom:30px; }
.container50, .container66, .container33{ float:left; margin-right:30px; }
.container50{ width:465px; background:#eee; }
.container66{ width:630px; }
.container33{ width:300px; }

.butt{
	padding:5px 15px; border:1px solid /*#3f7c9f*/#a30000; color:#fff; text-decoration:none; background:/*#85B1CC*/#e23d3d;
}
.butt:hover{
	background:/*#3e757e*/#da0505; color:#fff;
}
.butt100 { display: inline-block; width: 868px; text-align: center; margin: 10px 0; }


/* ======= Forms ======= */
FORM{}
FIELDSET{ margin:20px 0; }
FIELDSET H2{ margin-bottom:15px; padding:5px 10px; border-left:5px solid #3e757e; background:#ccc; }
FIELDSET H3{ color:#3e757e; }
LABEL{ float:left; display:inline-block; }
INPUT, TEXTAREA{ width:150px; padding:5px 7px; border:1px solid #ccc; background:#fff; }
TEXTAREA{ height:100px; }
SELECT{ padding:4px 5px 4px 0; border:1px solid #ccc; }
input[disabled], select[disabled], textarea[disabled] { border:1px solid #ccc !important; background-color: #eee !important; }
input[disabled]+LABEL, select[disabled], textarea[disabled] { color:#999 !important; }
.submit{ width:100%; margin:10px 0 0; padding:8px 0; display: inline-block; }
.input33, .input40, .input20, .input50, .input25, .input12, .input16, .input66-box{ float:left; }
.input33{ width:33.3%; }
	.input33 LABEL{ width:75px; }
.input40{ width:40%; }
	.input40 LABEL{ width:100px; }
.input20{ width:20%; }
	.input20 LABEL{ width:32px; }
	.input20 INPUT{ width:80px; }
.input50{ width:50%; }
	.input50 LABEL{ width:125px; }
.input25{ width:25%; }
.input12{ width:12.5%; }
.input16{ width:16.66%; }
.input100{ float:none; }
	.input100 LABEL{ width:150px; }
.input66-box{ width:600px; }
    .input66-box LABEL{ WIDTH:320px; }

.input-box{ margin-bottom:10px; padding:3px 0; }
	.input-box LABEL:hover, .input-box INPUT:focus~LABEL, .input-box TEXTAREA:focus+LABEL{ background:#84afb6; }
.input-box LABEL{ margin-right:/*5px*/3px; padding:2px 5px 3px; font-weight:bold; background:#e3e3e3; }
.input-box INPUT{}
.input-box LABEL SPAN{ margin:0; }
.input-box SPAN{ margin-left:10px; }
#form-inregistrare-donator .input-box LABEL.input-label{ float:none; width:auto; margin-right:5px; padding:0 0 0 3px; background:none; font-weight:normal; }
	LABEL.input-label:hover{ color:#008da5; }

.input-radio{}
	.input-box.input-radio:hover LABEL{ background:#84afb6; }
	.input-radio INPUT{ width:auto; vertical-align:middle; }
		.input-radio LABEL:hover{ background:#ccc; }
		.input-radio INPUT:hover~LABEL{ background:#84afb6; }
		.input-radio INPUT:hover+LABEL.input-label{ color:#008da5; }
.input-box-checkbox{}
	.input-box-checkbox:hover LABEL{ background:#84afb6; }
	.input-box-checkbox LABEL{ margin:10px 0; }
	.input-checkbox{}
		.input-checkbox INPUT{ width:auto; vertical-align:middle; }
			.input-checkbox INPUT:hover+LABEL.input-label{ color:#008da5; }
.input-select{}
	.input-select SELECT:hover+LABEL, .input-select SELECT:focus+LABEL, .input-select LABEL:hover{ background:#84afb6; }
.date-picker{ width:66px; }
.input-box .date-time-picker{ width:101px; }

.input-box .label8char{ width:55px; }
.input-box .label10char{ width:70px; }
.input-box .label15char{ width:100px; }
.input-box .label17char{ width:120px; }
.input-box .label20char{ width:140px; }
.input-box .label25char{ width:150px; }
.input-box .label35char{ width:220px; }
.input-box .label40char{ width:290px; }

#form-inregistrare-donator .input-box LABEL.input-label30char{ display:inline-block; width:202px; }

INPUT.input2char{ width:14px; }
INPUT.input3char{ width:22px; }
INPUT.input4char{ width:29px; }
INPUT.input5char{ width:36px; }
INPUT.input6char{ width:42px; }
INPUT.input7char{ width:50px; }
INPUT.input20char{ width:141px; }
.input-sufix INPUT{ margin-right:0; }

.input-nowrap{ white-space:nowrap; }


/* ======= Notifications, Success, Errors ======= */
.no-results{
	margin:20px; border:3px solid #fff; padding:5px 25px; text-align:center; color:#fff; text-shadow:0 0 1px #ffa300; background:#ffb100;
	-webkit-box-shadow:0px 0px 2px 0px rgba(161, 161, 161, 0.8); box-shadow:0px 0px 2px 0px rgba(161, 161, 161, 0.8);
}

.box-message{ margin:25px 20px; text-align:center; }

.message-error{ border:1px solid #ED5A10; padding:5px 23px; }
	.message-error H1{ color:#ED5A10; text-align:center; }
.message-success{ border:1px solid #97c227; padding:5px 23px; }
	.message-success H1{ color:#759f4c; text-align:center; }

INPUT.error, TEXTAREA.error, SELECT.error, INPUT.error-js, TEXTAREA.error-js{ border: 1px solid #ED5A10; background:#ffdfdf; }
LABEL.error, LABEL.tooltip-form-error{ background:#ED1010; color:#fff; }

P.error{ color:#ED5A10; }


.no-margin-right{ margin-right:0 !important; }
.no-margin-bottom{ margin-bottom:0 !important; }

.destinatari { display: inline; cursor: pointer; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Print styles.
   ========================================================================== */
@media print {
    * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}


/********************
ColorBox
*********************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* User Style */
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
	#cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ padding-top:30px; }
			#cboxLoadedContent > *{ margin:5px; }
        #cboxLoadingGraphic{background:url(../imgs/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; top:100%; width:94%; padding:5px 3% 10px; font-weight:bold; background:#fff; color:#000; text-align:center; }
        #cboxCurrent{position:absolute; top:7px; right:32px; font-weight:bold; color:#7C7C7C;}
        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; top:5px; background:url(../imgs/colorbox-controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxPrevious{left:5px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{margin-left:32px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:6px; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
        

#lbl-KeepAlive { width:355px; float: left; padding: 3px; font-size: 14px; font-weight: bold; }

/* .chk-KeepAlive */
.chk-KeepAlive {
  width: 28px;
  height: 28px;
  position: relative;
  /*margin: 20px auto;*/
  float: left;
  background: #fcfff4;
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.chk-KeepAlive label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  left: 4px;
  top: 4px;
  background: -moz-linear-gradient(top, #222222 0%, #45484d 100%);
  background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.chk-KeepAlive label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.chk-KeepAlive label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.chk-KeepAlive input[type=checkbox] {
  visibility: hidden;
}
.chk-KeepAlive input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* end .chk-KeepAlive */