/* resetting some default styles */

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
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;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

html { font-size:100.01%; }
body { font-size:0.625em; }

textarea {overflow:auto}
button {cursor:pointer}
input[type="checkbox"], 
input[type="radio"],
input.radio,
input.checkbox {
	vertical-align:text-top;
}
a {text-decoration:none}
a:hover {text-decoration:underline}
/*  -----------------------------------
	a better and smarter way to clear floats
--------------------------------------*/

.clearfix:after,
.form li:after,
.premii:after,
.quickSearch:after,
.bigShaded .persoana:after,
.innerBigShaded:after {content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix,
.form li,
.premii,
.quickSearch,
.bigShaded .persoana,
.innerBigShaded {display:inline-block}

/* Hide from IE Mac \*/
.clearfix,
.form li,
.premii,
.quickSearch,
.bigShaded .persoana,
.innerBigShaded {display:block}

/* End hide from IE Mac */
* html .clearfix,
* html .form li,
* html .premii,
* html .quickSearch,
* html .bigShaded .persoana,
* html .innerBigShaded {height:1px}

body {
	font-family:Verdana, Arial, Sans-serif;
	background:url(../images/bg_top.jpg) repeat-x left top;
}
html {
	background:url(../images/bg_bottom.jpg) repeat-x left bottom;
}
#wrap {
	background:url(../images/pageBG.jpg) repeat-y center top;
}
#innerWrap {
	background:url(../images/header.jpg) no-repeat center top;
	margin-left:-10px;
}
#innerInnerWrap {
	background:url(../images/footer.jpg) no-repeat center bottom;
	padding:75px 0 114px
}

a {
	color:#0088b8	
}

#container {
	width:677px;
	margin:0 auto;
	position: relative;
	left:2px;
}
	#logo {
		position: absolute;
		text-indent:-9999px;
		width:52px;
		height:156px;
		top:100px;
		right:-51px;
		outline:none;
		background:url(../images/buttons.png) no-repeat -156px -3px;
	}
	* html #logo {background-image:url(../images/buttonsIE.png)}
	#logo:hover {background-position:-156px -175px}
	
	#home {
		position: absolute;
		text-indent:-9999px;
		width:52px;
		height:156px;
		top:260px;
		right:-51px;
		outline:none;
		background:url(../images/buttons.png) no-repeat -302px -3px;
	}
	* html #home {background-image:url(../images/buttonsIE.png)}
	#home:hover {background-position:-302px -175px}

	
	
*:first-child+html #container {left:3px;}
* html #container {left:3px;}

.header {
	height:190px;
}
#flashHeader {
	height:181px;
	margin-top:-1px;
	margin-bottom:20px;
}
	.header a {outline:none;}

.theContent {
	min-height:640px;
	line-height:140%
}
* html .theContent  {height:640px;}
	.theContent h2 {
		background:url(../images/titleBG.png) repeat-x left top;
		height:21px;
		font-size:1.5em;
		line-height:21px;
		color:#e92323;
		padding-left:35px;	
		font-family:"Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	}
	.theContent .err {
		height:21px;
		font-size:1.3em;
		line-height:21px;
		color:#e92323;
		font-family:"Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	}
	.contentWrap {
		margin:20px 30px;
		font-size:1.1em;
		color:#666;
		line-height:150%	
	}
		.contentWrap p,
		.contentWrap ul,
		.contentWrap ol,
		.contentWrap blockquote {
			margin-bottom:1em;
		}
		.contentWrap ul {
			list-style:square inside;
		}
	.register,
	.addComment {
		width:430px;		
	}
	.addComment {
		margin-left:45px;
		margin-bottom:30px;
	}
	.addComment h3 {
		font-size:1.3em;
		color:#0088b8;
		margin-bottom:1em;
	}
	.addComment .form textarea {
		height:120px;
	}

.listaConcursuri {
	width:100%;
	border: 1px solid #e9e8e7;
	margin-top:3em;
}
	.listaConcursuri thead {
		
	}
		.listaConcursuri thead th {
			padding:20px 10px;
			background-color:#f1f1f1;
			text-align: left;
			font-size:12px;
			color:#666;
			vertical-align:top;
			border-left:1px solid #fff;
		}
		
		.listaConcursuri .nume {width:124px;}
		/*.listaConcursuri .status {width:70px;}*/
		.listaConcursuri .castigatori {width:70px;}
		.listaConcursuri .startOn {width:65px;}
		.listaConcursuri .endOn {width:65px;}
		.listaConcursuri .castiga {width:90px;}
		
		.listaConcursuri tbody td {
			padding: 10px;
			border-left:1px solid #ededed;
			vertical-align:middle;
		}
		.listaConcursuri tbody .odd td {background-color:#f1f1f1}



.premii {
	margin-left:-35px;
	margin-top:4em;
}
	.premii .premiu {
		float:left;
		width:190px;
		display:inline;
		margin-left:27px;
		text-align: center;
		font-weight:700;
		line-height:140%;
		position: relative;
		height:315px;
	}
	.premii .innerPremiu {
		height:220px;
		background:url(../images/concursShade.jpg) no-repeat left top;
		padding:15px 30px 0 15px;
	}
		.premii .premiu h3 {
			color:#0088b8;
			font-size:14px;
			letter-spacing:-0.06em;
			font-family:Arial, Verdana, Sans-serif;
		}
		.premii .premiu img {
			display:block;
			margin:10px auto
		}
		.castigatori .premiu img {
			float:left;
			margin:0;
		}
		.castigatori .premiu h4,
		.castigatori .premiu h5 {
			position: relative;
			z-index: 3;
			text-align: left;
			line-height:32px;
			background:url(../images/dotted2.png) repeat-x left bottom;
			margin-left:65px;
			padding-left:5px;
			font-size:14px;
			color:#666;
			font-family:"Courier New", Consolas, "Lucida Console", Monospace;
			font-weight:700;
		}
		
		.castigatori .stars {
			margin-top:10px;
			text-align: left;
		}
		.castigatori .stars p {
			background:#ccc;
			color:#fff;
			font-weight:100;
			font-size:.8em;	
			padding:0 2px;
			margin-top:3px;
		}
		.vote {
			width:80px;
			display:block;
			background:url(../images/stars.png) repeat-x left top;
			height:15px;
			font-size:.1em;
			text-align: left;
		}
		 	.vote span {
				display:block;
				height:15px;
				background:url(../images/stars.png) repeat-x left bottom;
			}
		
		.premii .premiu p {
			text-align: justify;
		}
		.premii .premiu .badge {
			position: absolute;
			background:url(../images/niceBadge.jpg) no-repeat left top;
			width:64px;
			height:64px;
			font:700 20px/64px Arial, Verdana, Sans-serif;
			color:#fff;
			right:-11px;
			top:-22px;
		}
		.premii .niceBtn {
			float:left;
			width:100%;
			position: relative;
		}
		.participanti .niceBtn {
			padding-bottom:20px;
			background:url(../images/dotted2.png) repeat-x left bottom;
		}
			.premii .niceBtn .innerNiceBtn {
				float:left;
				clear:left;
				position: relative;
				left:50%;
			}
			.premii .niceBtn .innerNiceBtn a {
				position: relative;
				right:50%;
				letter-spacing:-0.03em;
			}
.participanti {
	margin-top:0;
}
.premii .premiu p.comentarii {
	text-align: right;
	font-weight:100;	
}
	.premii .premiu p.comentarii a {color:#666	}
	.premii .premiu p.comentarii a:hover {color:#e92356	}

.quickSearch {
	border:1px solid #cbcbcb;
	border-width:1px 0;
	background-color:#eee;
	padding:5px 30px;
	line-height:32px
}
	.quickSearch form {
		float:left;
		margin-top:5px;
	}
		.quickSearch form input {
			border: 1px solid #cbcbcb;
		}
		.quickSearch form input,
		.quickSearch form button {
			float:left;
			margin-right:5px;
		}
		.quickSearch form button {
			background:url(../images/searchIcon.png) no-repeat center center;
			width:18px;
			height:22px;
			text-indent:-9999px;
			border: none;
		}
.vSep {
	display:block;
	width:2px;
	background:url(../images/vSep.png) no-repeat center center;
}
	.quickSearch .filters {
		float:right
	}
		.quickSearch .filters li {
			float:left;
			display:inline;
			margin-left:10px;
			font-size:1.2em;
			font-weight:700;
			
		}
dl.comentarii {
	width:526px;
	margin:30px auto 0
}
	dl.comentarii dt {
		background:url(../images/comments.png) no-repeat left top;
		height:26px;
		color:#fff;
		font-weight:700;
		padding:2px 15px	0
	}
	dl.comentarii dt.odd {background-position:right top}
		dl.comentarii dt a {color:#fff	}
	dl.comentarii dd {
		background:url(../images/comments.png) no-repeat left bottom;
		margin-bottom:20px;
		padding:0 5px 5px
	}
	dl.comentarii dd.odd {background-position:right bottom}
.pagination {
	float:left;
	width:100%;
	position: relative;
	color:#000;	
}
*:first-child+html .pagination  {padding-bottom:20px;}

	.pagination ul {
		position: relative;
		left:100%;
		float:left;
		clear:left;
	}
	.pagination ul li {
		float:left;
		position: relative;
		right:100%;
		list-style: none outside;
		margin-left:5px;
		display:inline;
	}


.bigShaded {
	width:367px;
	margin:10px auto;
	background:url(../images/bigShadeBox.png) no-repeat left top;
	padding-top:35px;
}
	.innerBigShaded {
		background:url(../images/bigShadeBox.png) no-repeat left bottom;
		min-height:270px;
		padding:0 55px 60px 35px 
	}
	.bigShaded .persoana {
		margin-bottom:10px;
	}
		.bigShaded .persoana img {
			float:left
		}
		.bigShaded .persoana ul {
			float:right;
			width:160px;
		}
		.bigShaded .persoana ul li {
			list-style: none outside;
			font:100 16px/48px "Courier New", Consolas, "Lucida Console", Monospace;
			color:#666;
			background:url(../images/dotted.png) repeat-x left bottom;
		}
		.bigShaded .voturi {
			height:18px;
			line-height:18px;
			margin-bottom:10px;
		}
			.bigShaded .vote {
				float:left
			}
			.bigShaded .voturi .total {
				float:right;
				background-color:#666;
				color:#fff;
				font-weight:700;
				padding:0 5px	
			}
	.bigShaded .niceButton {
		margin-top:10px;
		float:right
	}
.regulament h3 {
	color:#0088b8	;
	margin-bottom:1em;
}
.quickNav {
	float:right;
	width:100%;
	position: relative;
	margin-top:2em;
}
.quickNav.dotted {
	background:url(../images/dotted.png) repeat-x left top;
	padding-top:2em;
	margin-top:1em	;
}
	.quickNav ul {
		position: relative;
		float:left;
		clear: left;
		left:100%;
		list-style: none outside;
	}
	.quickNav ul li {
		float:left;
		position: relative;
		right:100%;
		margin-left:10px;
	}
.niceButton,
.niceButton span {
	display:block;
	white-space:nowrap;
	background:url(../images/submitBtn.png) no-repeat -9999px;
	height:30px;
	font:700 14px/30px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	color:#fff;
	padding-left:15px;
	cursor:pointer;
	text-decoration:none;	
}
.niceButton:hover {text-decoration:none;}
.niceButton span {padding:0 15px 0 0}
* html .niceButton,
* html .smallBtn {width:1%;}

.blueBtn {background-position:left -32px}
.blueBtn span{background-position:right -32px}

.blueBtn:hover {background-position:left -128px}
.blueBtn:hover span{background-position:right -128px}

.greenBtn {background-position:left -64px}
.greenBtn span{background-position:right -64px}

.greenBtn:hover {background-position:left -96px}
.greenBtn:hover span{background-position:right -96px}

.redBtn {background-position:left 0px}
.redBtn span{background-position:right 0px}

.redBtn:hover {background-position:left -160px}
.redBtn:hover span{background-position:right -160px}

.smallBtn,
.smallBtn span {
	display:block;
	font:700 11px/18px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	height:18px;
	padding-left:10px;
	background:url(../images/smallBtnIE.png) no-repeat -9999px;
	color:#fff;
	cursor:pointer;
	white-space:nowrap;
}
.smallBtn {
	margin-right:10px;
}
.smallBtn:hover {text-decoration:none;}
.smallBtn span {
	position: relative;
	z-index: 2;
	margin-right:-10px;
	padding:0 10px 0 0
	
}
.redBtnS {background-position:left top}
.redBtnS span {background-position:right top}

.redBtnS:hover {background-position:left -60px}
.redBtnS:hover span {background-position:right -60px}

.grayBtnS {background-position:left -20px}
.grayBtnS span {background-position:right -20px}

.grayBtnS:hover {background-position:left -40px}
.grayBtnS:hover span {background-position:right -40px}

.contentWrap .form li{
	margin-bottom:7px;
	list-style: none outside;
}
	.form .label {
		float:left;
		width:110px;
		height:30px;
		color:#0088b8;
		font:700 1.4em/30px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
		text-transform: capitalize;
	}
	
	
.form .formEl {
	float:left;
	position: relative;
}
.errorWrap {
	position: absolute;
	right:-155px;
	bottom:15px;
	background:url(../images/errorPop.png) no-repeat left bottom;
	padding-bottom:40px;
	width:209px;
	z-index: 100;
}
	.errorWrap .errorInner {
		display:block;
		background:url(../images/errorPop.png) no-repeat left top;
		margin-top:-10px;
		padding:20px 20px 0;
		font-size:14px;
		color:#f00;
		position: relative;
		z-index: 100;
	}
	.form .text,
	.form textarea {
		width:300px;
		border: 1px solid #ccc;
		height:24px;
		padding:5px 0 0
	}
	.form textarea {height:64px;}
	.form .DoB .zz,
	.form .DoB .ll,
	.form .DoB .aa {
		float:left;
		margin-right:10px;
		width:95px;
		height:30px;
		line-height:30px
	}
	.form .DoB .aa {margin:0}
	.form button.red {
		border: none;
		background:none;
		
	}
	.form button.red {
		float:right;
		padding:0 .25em;
		width:1;
		overflow:visible;
		margin:0 15px 0 0;
	}

	.form button.red span {
		height:30px;
		line-height:30px;
		display:block;
		background:url(../images/submitBtn.png) no-repeat left top;
		padding-left:15px;
		white-space:nowrap;
	}
	.form button.red span span{
		background-position:right top;
		padding:0 15px 0 0;
		color:#fff;	
		font:700 14px/30px "Trebuchet MS", Helvetica, Tahoma, Sans-serif;
	}
	
	.form button.red:hover span  {background-position:left -32px;}
	.form button.red:hover span span {background-position:right -32px;}
	
	.form button.red:active span  {background-position:left -64px;}
	.form button.red:active span span {background-position:right -64px;}
	
li.active {
	position: relative;
	z-index: 999;
}

.footer {
	padding-top:100px;
	text-align: right;
}
	.footer a {
		color:#000	
	}
	.footer a:hover {
		color:#fe0041	
	}



.askFeedback {
	position: absolute;
	left:0;
	top:300px;
	background:url(../images/buttons.png) no-repeat -11px 0;
	width:51px;
	height:161px;
	text-indent:-9999px;
	outline:none;
}
* html .askFeedback {background-image:url(../images/buttonsIE.png)}
.askFeedback:hover {background-position:-11px -170px}









.jquery-selectbox {
	position: relative;
	height: 30px;
	border: 1px solid #ccc;
	width: 95px;
	z-index: 0;
	float: left;
	display: inline;
	font-size: 10px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0;
}
.jquery-selectbox.selecthover {
	
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	height:30px;
	line-height:30px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	padding-left:5px;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 30px;
	padding: 2px;
	left: 0px;
	width: 100px;
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	background-color:#fff;
	border: 1px solid #ccc;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	position: absolute;
	top: 0px;
	right: 0px;
	
	background:url(../images/dropdownArrow.png) no-repeat 98% center;
	width: 100%;
	height: 30px;
	cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
	
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	cursor:pointer;
background-color:#f2f2f2
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
	height:18px;
	line-height:18px;
	padding-left:2px;
}

