/**
* $Id: default.css 76 2009-07-08 07:31:56Z $
* default.css

*/
html {
		background-color: #333333;
}

body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;

	font-size: 9pt;
	color: gray;
	background-color: #333333;
	background-image: url("bakcground.jpg");
	background-repeat: repeat-x;
	background-position: top;
}

 a {

		color: #333333;
		border-bottom: 1px dotted #cccccc;
		text-decoration: none;
		
}

a:hover {
		border-bottom: 1px dotted #333333;
}

img {
border: 0px;
}

/**
* BLOCKS
*/
#container {

	margin: 0px auto 0px auto;
	width: 800px;
	background-color: white;	
}

#header {
	height: 100px;
	background-color: white;
	background-image: url("header.jpg");
	background-position: top;
	background-repeat: no-repeat;
}


#logo {
	float: left;
	width: 260px;
	margin: 10px 1px 2px 5px;
}

#content {
	clear: both;
	margin-top: 0px;
	padding-bottom: 30px;
	}

#contentleft {
	margin-left: 20px;
	width: 200px;
	float: left;
}

#contentcenter {
	margin-right: 40px;
	margin-left: 10px;
	width: 500px;
	float: left;
	margin-bottom: 20px;
}

#footer {
	clear: both;
	border-top: 1px dotted #cccccc;
	margin-top: 50px;
	background-color: #f1f1f1;
	/*margin: 50px 40px 0px 40px;*/
	padding-top: 20px;
	background-image: url("footer.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	
	}
	
#sitedata {
	clear: both;
	text-align: center;
	margin: 50px 10px 20px 10px;
	
	}

/** menu */
#menu  {
	float: left;
	list-style: none;
	margin: 35px 20px 0px 10px;
	padding: 0px;

}
#logo {
border: 0px;
}
/** menu */
.menuhor {
	list-style: none;
	padding: 0px;
}

.menuhor li {
	display: inline;
	padding: 10px 5px;
}

#menu ul {
	margin: 10px 0px;
	height: 30px;
}


#menuhasiera {
	float: left;
	height: 50px;
	width: 9px;
	background-image: url("barraezker.jpg");
	background-repeat: no-repeat;
	background-position: left;
}

#menuerdia {
	float: left;
	height: 50px;
	background-image: url("barraerdi.jpg");
	background-repeat: repeat-x;
}

#menubukaera {
	float: left;
	height: 50px;
	width: 9px;
	background-image: url("barraeskuin.jpg");
	background-repeat: no-repeat;
	background-position: right;
}

#menu ul li {

	padding: 10px 5px;
	border-right: 1px solid #cccccc;
}


#menu ul li a{
color: #cccccc;
font-weight: bold;
text-decoration: none;
}

#searchform {
display: inline;
}

#searchform input {
	border: none;
}

#menulang {
clear: both;
}

#menulang ul li {

	padding-top: 10px;
	padding-left: 3px;
	padding-right: 3px;
	border: none;
}


#menulang ul li a{
color: #333333;
font-weight: normal;
text-decoration: underline;
}

/**
* leftmenu div
*
*/
.leftmenu {
	list-style: none;
	padding: 0px;
}


.leftmenu .menubody div {
	height: 32px;
		background-image: url("menuleft.jpg");
		background-position: top;
		background-repeat: no-repeat;
}

.leftmenu .menubody .usermenu_header {
	text-align:center;
	background-image: none;
	font-weight: bolder;
}


.leftmenu a {
		display: block;
		padding: 9px 0px 0px 15px;
		color: #333333;
		border-bottom: 1px dotted #cccccc;
		text-decoration: none;
		
}

.leftmenu a:hover {
		border-bottom: 1px dotted #333333;
}

.menuheader {
	color: #cccccc;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	background-image: url("menubeltz.jpg");
	background-position: top;
	background-repeat: no-repeat;
	height: 32px;
}

.menubody {
margin: -1em 0 0 0;
}

.menufooter {
	/*background-image: url("ertzbeltz.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	height: 23px;
	margin: -1em 0 0 0;*/
}


/** login */
#loginform {
	width: 500px;
	float: right;
	}	
/** SPANS */
.report	{
	font-style: italic;
	margin-left: 10px;
	}

.error	{
	font-style: italic;
	color: red;
	margin-left: 10px;
	}

.ok {
	font-weight: bold;
	color: green;
	margin-left: 10px;
	}	


#db_debug	{
	border: 1px solid red;
	}	
	
/** calendar div */
.calendardiv 
{ 
	position:absolute;
	visibility:hidden;
	/*display: none;*/
	background-color:white;
	layer-background-color:white;
}

/** pestañas **/
.pestanas {
	border-bottom: 1px solid gray;
}

.pestanas span {
	margin-left: 5px;
	margin-right: 15px;
	padding: 0px 2px 0px 2px;
}

.pestanas a {
	text-decoration:none;
	color: black;
}

.opestaselect {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid white;
}

.opesta {
	background-color: lightGray;
	border: 1px solid gray;
}

.opesta:hover {
	background-color: gray;
	color: white;
}


/** GENERAL */
input:focus {
	background-color: #cccccc;
	}
	
textarea:focus {
	background-color: #cccccc;
	}
	
/**
* breadmcrumb
*/
#breadcrumbul  {
	margin: 2px;
	padding: 0px;
	list-style-type: square;
}

#breadcrumbul  li {
	display: inline;
	margin-left: 5px;
}
	
.contentheader {
	margin: 10px 0px;
	font-size: 16pt;
	font-weight: bold;
}

.contentsubheader {
	margin: 10px 0px;
	font-size: 12pt;
	font-weight: bold;
}
/**
* pose
*/
.userpose {
	margin-bottom: 30px;
	border-bottom: 1px solid lightgray;
}
/**
* news
*/
.news {
	margin: 10px 5px 50px 5px;
}

.news a {
	color: #122e6d;
}

.newstitle {
	font-size: 16pt;
	font-weight: bold;
}

.newstitle a {
}
.newsdata {
	margin-top: 10px;
	font-size: 10pt;
	color: lightgray;
}

.newstext {
	font-size: 12pt;
	margin-top: 20px;
	margin-left: 10px;
	color: #333333;
}

.newsauthor {
	font-size: 10pt;
	text-align: left;
	color: gray;
}

/**
*
*/

#quotes {
}

.quote {
	background-image: url(backquote.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 50px 5px 40px 5px;
}

.quotetext {
	font-size: 12pt;
	font-style: italic;
	border-bottom: 1px dotted #cccccc;
	padding-left: 20px;	
	padding-bottom: 20px;
}

.quotefirst {
	font-size: 14pt;
	font-style: italic;
	border-bottom: 1px dotted #cccccc;
	padding-left: 20px;	
	padding-bottom: 20px;
}

.quotedata {
	text-align: right;
	font-size: 8pt;
	color: #cccccc;
}

.quoteend {
	background-image: url(backquotedown.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 16px;
}

/**
* comments
*/
#comments {
	margin: 20px 0px;
}

.comment {
	margin-bottom: 30px;
	color: gray;
}

.commentborder {

}

.commentnumber {
	
}

.commentavatar {
	float: right;
	width: 80px;
}

.commentdata {

	margin-left: 5px;
	font-size: 9pt;
}

.commentdate {
	font-style: italic;
		font-size: 8pt;
}

.commentauthor {

}

.commenttext {
	clear: both;
	color: gray;
	font-size: 11pt;
	/*margin: 10px 60px 10px 5px;*/
	padding: 10px 60px 10px 5px;
	border: 1px dotted lightgray;
}

.votingpanel {
	text-align: right;
	float: right;
}		


.votinginfo {
	text-align: right;
			font-size: 8pt;
}		


/** Admintable **/
.admintable {
	width: 500px;
	border: 1px solid gray;
}

.admintable tr {
	border: 1px solid gray;
}

.admintable tr.pair {
	background-color: lightGray;
}

.admintable table tbody tr:hover {
	background-color: lightGreen;
}

.admintable tr:hover {
	background-color: lightGreen;
}

.admintable tbody tr.pair:hover {
	background-color: lightGreen;
}


.rowdiv  {
display:  table-row;
width:auto;
}

.admintable td {
  border-left: 1px solid lightGray;
}

.pagelink span {
	margin-left: 5px;
}

.pagelink a {
	border: 1px solid lightGray;
	padding: 5px;
	margin-left: 5px;
	text-decoration: none;
}

.pagelink a:hover {
	background-color: gray;
}

/**
* Footer
*/
#fl {
	margin: 0 auto 0 auto;
	width: 600px;
}
.footerlinks
{
	color: #bbbbbb;
	width: 150px;
	float: left;
	margin-right: 20px;
	text-align: left;
}

.footerlinks a
{
color: #cccccc;
font-size: 9pt;
}

.flheader
{
	text-align: center;
	font-weight: bolder;
}

.separator {
	display: block;
	float: left;
	height: 100px;
	border-left: 1px dotted #cccccc;
	margin: 0px 30px 0px 10px;
}