/**
	the main css file
**/

* { margin:0; padding:0; font-family:verdana, arial; font-size:11px; }

/* general */
body { margin:0px 20px; }

h2 { font-size:16px; font-weight:bold; color:#3366CC; padding:10px 0; }

p.error { font-size:11px; background:#F1F1F1; padding:5px 5px; margin-bottom:5px; border-top:1px solid #ccc; }

p { padding:0 5px; font-size:11px; padding-left:5px; margin-bottom:5px; }

.clear { clear:both; }

a { color:#0000ff; text-decoration:none; }

/* forms */

form { display:block; margin:5px; }

	form * { font-size:11px; }

	form label { float:left; width:150px; line-height:20px; }
	
	form input.text { width:200px; border:1px solid #3366cc; padding:3px; }
	
	form textarea.text { width:500px; height:200px; border:1px solid #3366cc; padding:3px; }
	
fieldset { border:3px double #ccc; padding:10px; background:#f6f6f6; }

	legend { background:#f0f0f0; padding:5px; margin:5px; margin-top:0; border:1px solid #ccc; }

/* display boxes */

.left-column { width:48%; float:left; border:1px solid #ccc; padding:5px; margin-bottom:10px; }

.right-column { width:48%; float:right; border:1px solid #ccc; padding:5px; margin-bottom:10px; }

.left-column h3,
.right-column h3 { font-size:13px; }

/* lists */

ul.main { margin-top:20px; }

ul.main { list-style-type:none; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; }

ul.main ul { border-left:0; list-style-type:none; }

ul.main li { background:#e6e6e6; }

	ul.main li { border-bottom:1px solid #ccc; }
	
	ul.main li.last { border:0; }

	ul.main li p.list { padding:5px 0; padding-left:10px; padding-right:10px; }

	ul.main li ul li { background:#ffffcc; padding-left:20px; }
	
	ul.main li p { margin:0; }
	
	ul.main li p .title { width:43%; float:left; font-weight:bold; }
	
	ul.main li p .links { width:46%; float:right; text-align:right; }
	
	ul.main li p .links a { padding-left:10px; }
	
.main li.inactive { background:#ff0000; color:#fff; }

	.main li.inactive a { color:#fff; }
	
.main li.inactive:hover { color:#666; }

.main li.inactive:hover a { color:#666; }
	
ul.main li:hover { background:#ccc; cursor:pointer; }

ul.main li ul li:hover { background:#fff; cursor:pointer; }

.first-page li { padding:5px 3px; }

.first-page { list-style-type:none; }

/* error management and success messages */
ul.error, ul.success { margin:0; padding:5px; list-style-type:none; padding-left:30px; margin-top:10px; margin-bottom:10px; }

ul.error { border:3px double #fff; background:url(http://www.istoria-artei.ro/resources/images/icons/error.png) #ff0000 5px center no-repeat; }

ul.success { border:3px double #fff; background:url(http://www.istoria-artei.ro/resources/images/icons/success.png) #00CF09 5px center no-repeat; }

.error li, .success li { margin-left:0px; }

.error li {  border:0; color:#fff; font-weight:bold; padding-left:30px; padding-top:5px; padding-bottom:5px; }

.error li.error-title { font-size:14px; font-weight:bold; }