/*-----------------------------------------------------------------------------
versiunea:  1.0
data:      02.2009
ultima modoficare: -
autor:    Bogdan Pantoc
web:       http://www.playtheballs.ro
-----------------------------------------------------------------------------*/

/* -----------------------------------*/
/* ---- GLOBAL <<<-----------*/
/* -----------------------------------*/

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

/* a fix for IE Mac */
.clearfix {
   display: inline-block;
}   

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
}
.clearfix {
   display: block;
}
/* End hide from IE-mac */

* {
margin:0px;
padding:0px;
}

body {
	background:#d4d6d8 url(../images/bg.jpg) repeat-x;
	font: 12px Arial, Geneva, Helvetica, sans-serif;
	margin:0px;
    padding:0px;
}

#container {
    background-color:#FFFFFF;
	margin:1px auto;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a {
	color:#000;
	text-decoration:none;
}

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

.red {
color:#cc0000;
}

h2, h1, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
color:#000;
}

img {
border:0px;
}

/* -----------------------------------*/
/* ---- Header <<<-----------*/
/* -----------------------------------*/

		#header {
		background-color:#fff;
		width:960px;
		height:93px;
		border-bottom:1px solid #d4d4d4;
		}
		
		#header .logo {
		background: #fff url(../images/logo.png) no-repeat left;
		float:left;
		width:200px;
		height:93px;
		}

		#header .center {
		float:left;
		width:500px;
		padding-top:73px;
		}
			#header .center a{
				color:#888;
				text-decoration:none;
			}
			
			#header .center a:hover {
				text-decoration:none;
			}
			
			#header .center p {
				font-size:11px;
				color:#888;
			}
								
		#header .center_b {
		float:left;
		width:242px;
		height:93px;
		}
		
		#header .center_b .login {
		background: url(../images/login.jpg) no-repeat left top;
		padding-left:15px;
		margin-top:6px;
		font-size:11px;
		float:right;
		}
		
			#header .center_b .login a{
				color:#333;
				text-decoration:none;
			}
	
/* -----------------------------------*/
/* ---- Center <<<-----------*/
/* -----------------------------------*/	
	
	
		#center {
		width:960px;
		padding-bottom:13px;
		padding-top:11px;
		background:#fff;
		}

		.footer {
		width:960px;
		}
		
		
		#center .main .categ0{
		float:left;
		width:207px;
		padding-bottom:10px;
		}
		
		#center .main .categ0 .top{
		background:url(../images/maintop.png);
		width:137px;
		height:27px;
		padding-left:70px;
		}
		
				#center .main .categ0 .login{
				background:url(../images/mainlogin.png);
				width:137px;
				height:27px;
				padding-left:70px;
				}
				
				#center .main .catlogin {
				 padding-left:350px;
				 padding-top:70px;
				 padding-bottom:350px;
		        }
				
		#center .main .categ0 .top p{
		font-size:14px;
		color:#fff;
		font-weight:bold;
		line-height:24px;	 
  		}

		#center .main .categ0 .btm{
		background: url(../images/mainbtm.png) bottom;
		width:207px;
		height:11px;
		line-height:0px;
		font-size:0px;
		}
		
		#center .main .categ0 .bg{
		width:185px;
		background-color:#94c2ee;
		padding-left:10px;
		padding-right:10px;
		border-left:1px solid #cde2f7;
		border-right:1px solid #cde2f7;
		padding-top:15px;
		}
		
					 .input_login {
			 border:1px solid #c5e5fd;
			 width:155px;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:11px;
			 font-weight:bold;
			 color:#1b456c;
			 margin-left:12px;
			 height:15px;
			 padding-left:5px;
			 padding-top:2px;
			 padding-bottom:2px;
			 margin-top:5px;
			 }
			 
			 .submit_login {
			 border:0px;			
			 width:150px;
			 margin-top:15px;
			 background:url(../images/login_bgn.png);
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:11px;
			 font-weight:bold;
			 color:#fff;
			 margin-left:17px;
			 height:27px;
			 line-height:27px;
			 background-color:#1b456c;			 
			 }
		
	/* ---- Meniu <<<-----------*/
	
		#center .meniu {
		width:200px;
		float:left;
		}		
						 
		#center .meniu .sectiuni {
		width:168px;
		padding-left:10px;
		padding-top:10px;
		}
		
		#center .meniu .sectiuni .div {
			width:162px;
			height:24px;
			background:url(../images/bg_pagini.jpg);
			padding-left:5px;

		}
		
		#center .meniu .sectiuni .p {
			background: url(../images/sg_jos.jpg) no-repeat left center;
			line-height:24px;
			padding-left:10px;
			width:152px;
			height:24px;
			display:block;
			cursor:pointer;
		}
		
		#center .meniu .sectiuni .p .icon{
			float:right;
			padding-top:3px;
			padding-right:5px;
		}
		
		#center .meniu .sectiuni .p1 {
			background: url(../images/sg_sus.jpg) no-repeat left center;
		}
		
		#center .meniu .sectiuni .p a {
			width:152px;
			height:24px;
			display:block;
		}
		
		#center .meniu .sectiuni .p a {
			color:#000;
			text-decoration:none;
		}
		
		#center .meniu .bg_continut {
			background: #efeded;
			float:left;
			width:158px;
			padding-left:7px;
			padding-bottom:2px;
			padding-top:2px;
      border-bottom:1px solid #CCC;
      border-left:1px solid #CCC;
      border-right:1px solid #CCC;
		}
		
		#center .meniu .bg_continut p{
			/*background:url(../images/bg_punct.jpg) no-repeat bottom;*/
			line-height:20px;
			padding-left:5px;
			/*padding-bottom:6px;*/
			padding-bottom:1px;
		}

		#center .meniu .bg_continut a:hover{
    font-weight:bold;
		}
		
		#center .meniu .bg_continut .add {
			background:url(../images/add_icon.jpg) no-repeat left;
			padding-left:15px;
		}
		#center .meniu .bg_continut .add:hover {
			background:url(../images/add_icon_hover.jpg) no-repeat left;
			padding-left:15px;
		}
		
		#center .meniu .bg_continut .edit {
			background: url(../images/edit.jpg) no-repeat left;
			padding-left:15px;
		}
		#center .meniu .bg_continut .edit:hover {
			background: url(../images/edit_hover.jpg) no-repeat left;
			padding-left:15px;
		}
		
		#center .meniu .bg_continut .org {
			background: url(../images/org.jpg) no-repeat left;
			padding-left:15px;
		}
		
		#center .meniu .bg_continut .ultim {
			background:none;
			
		}
		/*#center .meniu .bg_continut .ultim:hover{
			background-color:white;
			/*cursor:pointer;*/
			
		}*/

		
		#center .meniu .bg_continut a {
			color:#000;
			text-decoration:none;
		}
		
		#center .meniu .bg_continut a:hover {
			color:#000;
			text-decoration:none;
		}
		
		.pagini {
			float:left;
			padding-bottom:10px;
		}
		
			/* ---- Main <<<-----------*/
			
		#center .main {
		width:760px;
		float:left;
		}
		
		#center .main .top {
			width:740px;
		float:left;
		}
		
		#center .main .top img {
			float:left;
			
		}
		
		#center .main .top p {
			line-height:35px;
		}
		
		#center .main .top strong {
			padding-left:10px;
		}
		
		.suplimentare {
			float:right;
		}
		
		.suplimentare img {
			float:left;
		}
		
		
/*--------------------------------------------------*/
		
		 .main .categ2{
		float:left;
		width:760px;
		padding-bottom:10px;
		}
		
		.top_tabel {
			width:718px;
			background:#efeded;
			padding:10px;
			padding-bottom:0;
			padding-top:5px;
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;

		}
		
		 .main .categ2 .top2{
		background: url(../images/bg_cat.jpg) no-repeat;
		width:720px;
		height:22px;
		padding-left:10px;
		margin-top:7px;
		}
		
		 .main .categ2 .top2 p{
		font-size:12px;
		color:#000;
		font-weight:bold;
		line-height:22px;
  		}

		.main .categ2 .btm{
		width:751px;
		height:6px;
		font-size:0px;
		line-height:0px;
		}
		
		 .main .categ2 .bg{
		width:718px;
		background-color:#efeded;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		border-left:1px solid #eef5fc;
		border-right:1px solid #eef5fc;				
    border-bottom:1px solid #CCC;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
		}
		
		.tabel1 {
		width:711px;
		margin:0 auto;		
		}
		
		.tabel1 td {
			padding-bottom:5px;
			padding-top:5px;
		}
		
		.tabel1 td p{
		margin-top:1px;
		padding-left:10px;
		height:15px;
		}
		
		.main .categ2 .bg a {
			color:#000;		
		}
		
				
		.main .categ2 .bg a:hover {
			color:#000;
			text-decoration:none;
		}
		
		.tabel1 td a{
		color:#1b456c;
		text-decoration:none;
		}
		
		.tabel1 td .cs {
		font-size:13px;
		font-weight:bold;
		color:#1b456c;		
		}
		
		.alb {
		background:#fff;
		}

		._x_options {
			height:44px;
		}
		._x_options td{
			vertical-align:top;
		}

		.options {
			font-size:11px;
			padding-left:10px;
			padding-bottom:2px;

		}
		
		.options a{
			font-family:"Lucida Grande", Verdana, Geneva, sans-serif;
			padding-right:5px;
			padding-left:5px;
			text-decoration:none;
		}


		.filtre {
			float:left;
			width:740px;
			padding-bottom:12px;
			padding-top:5px;
		}
		.filtre select {
			margin-right:10px;
			border:1px solid #999;
			padding:2px;
			font-size:11px;
		}
		
		.paginare {
			padding-top:10px;			
		}
		
		.paginare p{
			float:left;
		}
		
		.paginare span a{
			border:1px solid #666;
			margin-left:5px;
			display:block;
			width:20px;
			text-align:center;
			float:left;
			color:#666;
		}
		
		.paginare span a:hover{
			border:1px solid #000;
			margin-left:5px;
			display:block;
			width:20px;
			text-align:center;
			float:left;
			color:#000;
			text-decoration:none;
		}
#overlay {
	display:none;
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:500;
	background-color:#111;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	float:none;
	
}
#overlay {
	_height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	
}	
	.main .categ2 .bg .options a.edit{
			color:#333;
		}
	.main .categ2 .bg .options a.edit:hover{
		font-weight:bold;
		}
	.main .categ2 .bg .options a.sterge{
			color:#D54E21;
		}
	.main .categ2 .bg .options a.sterge:hover{
		font-weight:bold;
		}
	.main .categ2 .bg .options a.seteaza{
				color:#F60;
			}
	.main .categ2 .bg .options a.seteaza:hover{
		font-weight:bold;				
		}

	/*--------------------ADAUGARE ARTICOL-------------------------*/

.adaugare .content{
	width:485px;
	float:left;	
}

.adaugare .content .input_text {
	width:400px;
	border:1px solid #999;
	font-size:12px;
	color:#333;
	margin-top:5px;
	padding:2px;
	padding-left:5px;
}

.slug {
	padding-top:10px;	
}

.select {
	font-size:11px;
	line-height:13px;
	padding:2px;
	padding-left:5px;
	padding-right:3px;
	border:1px solid #999;
	margin-top:5px;
}

.addcateg {
	background: url(../images/add_categ.jpg) no-repeat left;
	padding-left:17px;
	margin-left:10px;
}

.textarea {
	width:460px;
	border:1px solid #999;
	font-size:12px;
	color:#333;
	margin-top:5px;
	padding:2px;
	padding-left:5px;
	padding-top:5px;
}

.buton_publish {
	background:url(../images/bg_publish.jpg);
	width:50px;
	height:24px;
	border:0;
	margin-top:15px;
	cursor:pointer;
}

.dreapta {
	width:256px;
	padding:8px;
	float:left;
}

.dreapta .block{
	width:240px;
	padding:8px;
	float:left;
	background:#efeded;
	margin-bottom:12px;
	border:1px solid #CCC;
}

.dreapta .block .topbl{
	background:url(../images/bg_submeniu.jpg) no-repeat ;
	height:22px;
	line-height:22px;
	padding-top:2px;
	padding-left:3px;
}

.dreapta .block .topbl p{
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

.dreapta .block .topbl img {
	float:left;
}

.dreapta .block .txttag {
	width:198px;
	border:1px solid #999;
	line-height:15px;
	font-size:11px;
	padding:5px;
	margin-top:10px;
}

.dreapta .block .tagadd {
	background:url(../images/btnok.jpg);
	width:25px;
	height:24px;
	border:0;
	margin-top:10px;
	float:right;
}

.dreapta .block .taguri {
	font-size:11px;
	color:#666;
	padding-top:6px;
}


.dreapta .block .taguri span,
.dreapta .block .taguri img {
	float:left;
}

.dreapta .block .taguri img{
	padding-right:10px;
}

.file {
	background:#fff;
	border:1px solid #999;
	margin-top:10px;
	margin-bottom:10px;
}

.tabs {
	width:485px;
	float:left;
	padding-top:10px;
}

.tabs .tab {
	width:445px;
	float:left;
	background:#efeded;
	padding:10px;
	margin-bottom:10px;
  border:1px solid #CCC;
}

.tabs .tab .tabtop{
	width:445px;
	float:left;
	
	
}

.tabs .tab .tabtop p a{
	padding-left:20px;
	padding-top:4px;
	background:#efeded url(../images/tabs.jpg) no-repeat center;
	width:425px;
	display:block;height:18px;
	text-decoration:none;
}

.tabs .tab .bgtab{
	width:445px;
	float:left;
}

div.errors {
	padding:5px;
	border:1px solid #CCC;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-color:#EFEDED;
}

div.errors p{
	color:#900;
	font-weight:bold;
}
div.errors a{
	color:#900;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
.user_info h3 {
font-size:13px;
color:#000;
line-height:15px;
padding-top:5px;
padding-bottom:5px;
}

.user_info p {
font-size:11px;
color:#000;
line-height:15px;
padding-top:3px;
padding-bottom:3px;
color:#333;
}

.user_info input {
margin-right:5px;
float:left;
}