/****
*	styles.css 
*		based on styles_grey.css
*						zalos_2.4 [20091013]		****/

body {
 /* background */
 background-color: #f5f1ef;
 background-image: url('images/bg_bd_brn2_1x544.png'); 
 background-repeat: repeat-x;
 background-attachment: fixed;
 background-position:bottom;

 /* marigins */
 margin-top: 2px;
 margin-bottom: 4px;
 margin-left: 12px;
 margin-right: 1px;
 font-family: georgia,serif;
 font-size: 9pt; color: #000000;
 
 }

p,ul,ol,label,div,td {
 font-family:georgia,serif;
 color:#381704;
 font-size:12px;
 font-weight:normal;
 line-height:150%;
 padding:0px;

 text-align:left;
 margin-left: 1px;
 margin-right: 1px;
 margin-top: 1px;
 margin-bottom: 1px;
 padding: 0px;
}

ul {
 list-style-position: inside;
 list-style-type: disc;
}
ol {
 list-style-position: inside;
 list-style-type: decimal;
}
ol.inOrderedList {list-style-position: inside; list-style-type: lower-roman;}

a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt; color: #000099;
 font-style: strong;
 text-decoration: none;
}
a:hover {
 color: #FFFFFF;
 background-color : #3366AF;
  /* rounded edges properties */
  -moz-border-radius: 03px; /* Firefox */
  -webkit-border-radius: 03px; /* Safari */
}
a:active {
 color : #BA2537;
}
/*a:visited {
 color : #e89900;
}*/

/* post title */
.postitle {
 font-family:georgia, serif;
 font-size:21px;
 letter-spacing:0.1em;
 line-height:128%;
 padding-top:1px;

 text-align:left;
 margin-left: 1px;
}

h1 {
 color: #000000;
 background-color: #F8F5E0;
 border-bottom: 1px solid #e89900; 

 font-family:georgia, serif;
 font-size:12px;
 letter-spacing:0.1em;
 line-height:200%;
 padding-top:8px;

 text-align:left;
 margin-left: 1px;
}

h2 {
 font-family:georgia, serif;
 color: #990000;
 font-size:10px;
 font-weight:bold;
 letter-spacing:.1em;
 text-transform:uppercase;
 padding-bottom:3px;

 text-align:left;
 margin-left: 1px;
}

h3 {
 color: #000000;
 font-family: "Courier New", Courier, mono;
 font-size: 10pt;
 font-style: normal;
 text-align:left;
 margin-left: 1px;
 margin-top: 1px;
 margin-bottom: 0px;
 padding: 1px;
}

h4 {
 color: #000000;
 font-family: "Courier New", Courier, mono;
 font-size: 9pt;
 font-style: normal;
 text-align:left;
 margin-left: 1px;

 line-height:400%;
 padding-bottom:4px;
 border-top:1px dotted #CCCCCC;
}

.notify {
	border-left:8px solid #FCF7EA;
	border-right: 2px solid #FCF7EA;
	background-color: #FFFFCC;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: left;
}
.inftxt {
	border-left: 4px solid #FBF9F0;
	border-right: 1px solid #FBF9F0;

	font-family: Georgia, 'Times New Roman', serif;
	font-weight: 100;

	color: #999999;
	font-size: 7pt;
	padding: 1px;
	text-align:left;
}
.rightal {
	text-align: right;
	font-family:georgia,serif;
	color:#381704;
	font-size: 7pt;

    float:right;
    margin:0 0 15px 20px;
}
.smallinfobar {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 text-decoration: none;
}



table.page {
	background-color: #F8F5ED;
	border: 2px solid #000000;
	table-layout: auto;
	
	/* rounded edges properties */
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari */
}

td.tdpage {
	vertical-align:top;
	text-align:left;
	padding: 0;
}

/* this class is used for main content cell*/
td.tdpagecolor {
	vertical-align:top;
	text-align:left;
	padding: 0px 4px;
	background-color: #FFFFFF;
}

td.tdfrm {
	vertical-align:top;
	text-align:left;
	padding: 0;
}

/* hover : on mouseover tr*/
tr.trfrm:hover {
	background-color: #FFFFCC
}

.adv {
	background-color: #F8F5E0;
	font-size: 8pt;
	border: 0px;
	/*border: 1px solid #CCCCCC;*/
	vertical-align:top;
	padding: 2px;

}



/* transparent box for div	
*	required for :   smallinfobar	*/
div.smalltransbox
  {
  width: 98px;
  /*height: 72px;*/ /*[20100906] removed after stats insert into box*/
  margin: 1px 1px 1px 1px;
  background-color: #FDFCF6;
  filter:alpha(opacity=70);	/* for IE */
  opacity:0.7; 			/* CSS3 standard */

  /* rounded edges properties */
  -moz-border-radius: 04px; /* Firefox */
  -webkit-border-radius: 04px; /* Safari */
  }

div.smalltransbox p
  {
  margin: 1px 1px;
  font-size: 7pt;
  float:right;
  }

/* rounded trans box
*    required for :   navbar */
.rndtransbox
  {
  /*width: 109px;*/
  height: 24px;
  margin: 0px 1px 0px 0px;
  padding: 2px;
  border-bottom: 1px solid #F1C266;
  border-right: 1px solid #F1C266;
  background-color: #FDFCF6; /*#ededda;*/
  filter:alpha(opacity=80);	/* for IE */
  -khtml-opacity: 0.80;
  opacity:0.80; 		/* CSS3 standard */
 
  text-align: center;
  line-height: 128%;

    /* rounded edges properties */
    -moz-border-radius: 04px; /* Firefox */
    -webkit-border-radius: 04px; /* Safari */
  }

.rndtransbox:hover
  {
	filter:alpha(opacity=100);	/* for IE */
	-khtml-opacity: 1.0;
	opacity:1.0; 		/* CSS3 standard */
  }

.rndtransbox a:hover {
 color: #FFFFFF;
 background-color : none;

 filter:alpha(opacity=100);	/* for IE */
 -khtml-opacity: 1.0;
 opacity:1.0; 		/* CSS3 standard */

  /* rounded edges properties */
  -moz-border-radius: 03px; /* Firefox */
  -webkit-border-radius: 03px; /* Safari */
}
 
/* transparent class for all uses
*		can be used */
.trans_class {
	filter:alpha(opacity=50); /* for IE */
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5; /* CSS3 standard */
}



