body {background: url('images/clujulpedaleaza_main_bg.png') repeat-x top left #C5E752; margin: 0 auto; padding: 0 0 0 0; }

html {overflow-y:scroll;}

#extended {width: 100%; height: 308px; margin: 0 auto; padding: 0 0 0 0; background: url('images/clujulpedaleaza_extended_header_2.png') no-repeat top center;}
#container {width: 1000px; margin: 0 auto; padding: 0 0 0 0;}

a {border:none;}
img {border:none;}

.header {margin: 0 0 0 0; padding: 0 0 0 0; float: left; width: 995px; height: 230px; background: transparent;}
.left{width: 195px; margin: 21px 9px 0px 0; padding: 0 0 0 0; float: left;}
.center{width: 640px; margin: 0 9px 0px 0; padding: 0 0 0 0; float: left;  background: #FDF7D7;}
.right{width: 140px;margin: 42px 0 0 0; padding: 0 0 0 0; float: right; background: transparent;}

.logo {margin: 30px 0 0 60px; border: none; float: left;}

.toplogin {width: 310px; height: 180px; margin: 0 0 0 0; padding: 0 0 0 0; float: right;}
.paper {margin: 20px 5px 0 5px; padding: 0 0; float: left;}
.login-concurs {width: 261px; height: 31px; margin: 20px 0 0 0; padding: 0 0 0 0;float: left; background: transparent; z-index: 3;position: relative;}
.login-concurs a {width: 251px; height: 25px; margin: 0px 0 0 0; padding: 7px 0 0 10px; text-decoration: none; font: 700 13px/16px Arial, Verdana, sans-serif; color: #FFF;  background: url('images/toplogin_bg.gif') no-repeat top left #719419; float: left; z-index: 2; position: relative;}
.login-concurs a:hover {width: 251px; height: 25px; margin: 0px 0 0 0; padding: 7px 0 0 10px; text-decoration: none; font: 700 13px/16px Arial, Verdana, sans-serif; color: #FFF;  background: url('images/toplogin_bg.gif') no-repeat top left #8DA947; float: left;  position: relative;}


.facebook {width: 95px; height:28px; margin: 98px 0 0 0; padding: 0 0 0 0; float: right; background: transparent; z-index: 9999;}

/* ----------------------------------------------------------- left side styles */
.left .top {background: url('images/clujulpedaleaza_leftmenu_top_bg.gif') no-repeat 0 0 transparent; margin: 0 0 0 0; padding: 0 0 0 0; float: left; width: 195px; height: 5px; font-size:5px;}
.left .menu  {background: url('images/clujulpedaleaza_leftmenu_bg.gif') repeat-y 0 0 transparent; margin: 0 0 14px 0; padding: 0 0 0 0; float: left;}
.left .menu ul {margin: 25px 0 25px 0; padding: 0 0 0 0;}
.left .menu ul li {width: 195px; height: 35px;margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none;}
.left .menu ul li a {height: 35px; background: none; margin: 0 0 0 0; padding: 7px 0 0 25px; font: 700 16px/20px Arial, Verdana, sans-serif; color: #F5F5F5; text-decoration: none; display: block;}
.left .menu ul li a:hover {background: url('images/clujulpedaleaza_lefmenu_hover_bg.gif') no-repeat top left; height: 35px; color: #FFF;}
.left .menu .active {background: url('images/clujulpedaleaza_lefmenu_active_bg.gif') no-repeat top left; /*width: 195px;*/ height: 35px; color: #FFF;}

.inscrieri, .inscrieri-lnk {display:inherit; }
.rezultate  {display:inherit; }
.rezultate-lnk {display:none; }
.loader {width: 100%; margin-top: 30px; display: none; }

/* ----------------------------------------------------------- center styles */

.slideshowholder {width: 640px; height: 250px; margin: 4px 0 5px 0; padding: 0 0 0 0; background: url('images/clujulpedaleaza_slideshow_bg.png') no-repeat 0 0;}
.fadein { position:relative; width:620px; height:210px;  cursor: pointer}
.fadein img { position:absolute; left:0; top:0; margin: 4px 6px 6px 4px; border: none;}
.partners, .partner { position:relative; width:128px; height:402px;  cursor: pointer;}
.partners img, .partner img { position:absolute; left:0; top:0; margin: 0px 0 0 0px; border: none; clear:both;}

h1 {font: 700 20px/18px Arial, Verdana, sans-serif; margin: 0 0 0 0; padding: 10px 20px 0 20px; color: #666600;background-color:transparent;}
h2 {font: 700 16px/18px Arial, Verdana, sans-serif; margin: 0 0 0 0; padding: 5px 20px 0 20px; color: #333333;background-color:transparent;}
h3 {font: 700 14px/16px Arial, Verdana, sans-serif; margin: 14px 0 14px 0;}
h4 {font: 700 12px/14px Arial, Verdana, sans-serif; margin: 12px 0 12px 0;}

.format-h1 {font: 700 20px/18px Arial, Verdana, sans-serif; margin: 0 0 0 0; padding: 10px 20px 0 20px; color: #666600;background-color:transparent;display:block;}
.format-h2 {font: 700 16px/18px Arial, Verdana, sans-serif; margin: 0 0 0 0; padding: 5px 20px 0 20px; color: #333333;background-color:transparent;display:block;}
.format-h3 {font: 700 14px/16px Arial, Verdana, sans-serif; margin: 14px 0 14px 0;display:block;}
.format-h4 {font: 700 12px/14px Arial, Verdana, sans-serif; margin: 12px 0 12px 0;display:block;}

.center {border-bottom: 20px solid #77A41C;}
.center p {font: 400 12px/18px "Times New Roman", serif; color: #003300; background-color:transparent;margin: 0 0 0 0; padding: 20px 20px 40px 20px;}
.center .p {font: 400 12px/18px "Times New Roman", serif; color: #003300; background-color:transparent;margin: 0 0 0 0; padding: 20px 20px 40px 20px;}
.dataarea {font: 400 12px/18px "Times New Roman", serif; color: #003300; background-color:transparent;margin: 0 0 0 0; padding: 20px 20px 40px 20px; width:578px; border-collapse:collapse;}

.warning {width: 94%; margin: 0 0 25px 20px; padding: 0 0 0 0; height: 50px; background: #FFFF99; border-top: 3px solid #FECB00; border-bottom: 3px solid #FECB00;}
.warning h3{font: 400 14px/19px Arial, Verdana, sans-serif; color: #000; background-color:transparent;margin: 0 0 0 0; padding: 8px 0 0 0px; text-align: left;}
.warningimg {margin: 10px 20px 0 15px; padding: 0 0 0 0; float: left;}
.warningmsg, .message {border: 1px solid #aa0033; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; color:#000; background-color: #f1e4d8; padding: 0.3em; margin: 0.2em auto 0.8em; width: 80%; text-align: center;}

.categorii {width: 600px; margin: 0 0 0 20px; padding: 0 0 0 0; height: 50px; background: #F6E9B7; border-top: 3px solid #F1E0A2; border-bottom: 3px solid #F1E0A2; float: left;}
.categorii h3 {width:520px; font: 700 14px/19px Arial, Verdana, sans-serif; color: #660;background-color:transparent; margin: 0 0 0 0; padding: 17px 0 0 15px; text-align: left;}
.categoriiimg{margin: 7px 20px 0 15px; padding: 0 0 0 0; float: left;}
.totop{margin: -25px 15px 0 15px; padding: 0 0 0 0; float: right; border: none;}

.categoriilink { margin: 0 0 0px 20px; padding: 0 35px 0 25px; height: 50px; background: #F6E9B7; border-top: 3px solid #F1E0A2; border-bottom: 3px solid #F1E0A2; float: left; text-align: center;}
.categoriilink h3{font: 700 12px/19px Arial, Verdana, sans-serif; color: #660; background-color:transparent;margin: 0 0 0 0; padding: 17px 0 0 4px; text-align: center;}
.categoriilink h3 a{font: 700 12px/19px Arial, Verdana, sans-serif; color: #660; background-color:transparent;margin: 0 0 0 0; padding: 17px 0 0 4px; text-align: center;}
.categoriiimglink{margin: 7px 10px 0 15px; padding: 0 0 0 0; float: left;}


.success {width: 600px; margin: 50px 0 50px 20px; padding: 0 0 0 0; height: 50px; background: #E1EF94; border-top: 3px solid #C6D880; border-bottom: 3px solid #C6D880; float: left;}
.success h3{font: 700 14px/19px Arial, Verdana, sans-serif; color: #660; background-color:transparent;margin: 0 0 0 0; padding: 17px 0 0 15px; text-align: left;}
.successimg{margin: 7px 20px 0 15px; padding: 0 0 0 0; float: left;}


.partner-holder {width: 600px; margin: 0 0 25px 20px; padding: 0 0 0 0; float: left; background: #FFF; border-bottom: 3px solid #F1E0A2; }
.tabel-sponsori {width: 600px; margin: 0 0 0 0; padding: 15px 0 0 0; float: left; text-align: center;}

#wrapper {width: 600px; margin: 20px auto; padding: 0 0 0 0;}
#tabs {width: 600px; margin: 0 0 0 0; padding: 0 0 0 0;}
#tabs ul {margin: 0 0 0 0; padding: 0 0 0 0; width: 600px;}
#tabs li {text-decoration: none;display: block; float: left; text-align: center;width: 58px; font: 700 10px/16px Arial, Verdana, sans-serif; border:2px solid #EACF6E; background: #F6E9B7; margin: 0 0 0 -2px; padding: 10px 0 10px 0; cursor: pointer;  height: 48px;}
#tabs.contact li {width: 298px;height: 24px;font: 700 16px/24px Arial, Verdana, sans-serif; color: #660;background-color:transparent;}
	
#tabs li.active {background: #FFF; border-bottom: 2px solid #FFF; color: #000;}
#tabs.contact li.active {color:#660;background-color:#FFF;}
/*
#tabs.contact li.active.voluntari {background-color:#C47556; border-bottom: 2px solid #C47556; color: #C47556;}
*/

#tabs div.date {width: 48px; height: 16px; margin: -7px auto 3px; padding: 0 0 0 0; font: 400 11px/16px Arial, Verdana, sans-serif; color: #000; background: #FDFDD1; border: 2px solid #F1E0A2;} 
	
#description {width: 598px; font: 400 12px/16px Arial, Verdana, sans-serif;}
#description.contact {width: 598px; font: 400 12px/16px Arial, Verdana, sans-serif;}
#description ul.competition {margin: 0; padding: 0;}
#description ul.competition li {text-decoration: none;width: 578px; clear: left; background: #FFF; min-height:200px; height: auto; color: #000; border: 2px solid #EACF6E; border-top: 0; margin: 0 0 0 -2px; padding: 20px 10px 10px 10px; display: block;}
#description .countdown {width:290px; border:2px solid #EACF6E; margin:auto; padding:0;display:none;}
#description li.inactive {display:none;}

/* ----------------------------------------------------------- right side styles */
.afise {padding: 7px; margin: 0;}
.afis {clear:left; float:left; color:#000; background-color: #FFF; margin: 0 0 14px 0; padding: 7px; width:166px; text-align:center; }

.starunit {background: #F7DD5C; width: 140px; height: 140px; margin: 0 0  14px 0; padding: 0 0 0 0; float: left; clear:left;}
	.starunit-inner {background: #FFF; width: 126px; height: 126px; margin: 7px; padding: 0;}
	.starunit-inner a {height:126px;display:block;}
	.starunit-inner img {border: none;}

.topunit {background: #77d13f; width: 140px; height: 339px; margin: 0 0 14px 0; padding: 0 0 0 0; float: left; clear:left;}
	.topunit-inner {background: #FFF; width: 126px; height: 325px; margin: 7px; padding: 0;}
	.topunit-inner img {border: none;}

.bottomunit {background: #FDF7D7; width: 140px; height: 414px; margin: 0 0 0 0; padding: 0 0 0 0; float: left; clear:left;}
	.bottomunit-inner {background: #FFF; width: 126px; height: 400px; margin: 7px; padding: 0; }
	.bottomunit-inner img {border: none;}
	
#ParticipantLocalitateAutocompletition {
	z-index: 1000;
	background-color: #FFFFFF;
	color:#000;
}
ul.ui-autocomplete {
	cursor: default;
	list-style-type: none
}

/* Voluntariat - Google Docs forms formatting */
/* iframe fromating this way is not possible ! 

.ss-base-body {width:100%;margin: 0;padding:0; border:0;}
div.ss-form-container {width: 100%; height:1289px;padding-top: 7px;}
div.ss-form-heading {width: 556px;}

*/
/* ----------------------------------------------------------- voluntariaT */  

dd {margin-left:15px;}

.b {font-weight:700;}
.c {margin:auto;text-align:center;width:auto}

.partenri-td {width:150px;height:120px;}

.scheduler {border: solid 1px #030; padding: 1px 2px; border-spacing: 0; border-collapse:collapse;}