/*
+-------------------------------------------
*   PhpInk - Content Manager System
*   ========================================
*   by Szabo Viktor
*   (c) 2007-2008 SourComp
*   Web: http://www.webaction.hu
*   Email: admin@sour.hu
*   ========================================
*   Filename: style.css
*   Created on: 2008 szeptember 03. 11:08:54
+-------------------------------------------
*   CHANGELOG
*   =========
*   - 
*   - 
+-------------------------------------------
*   TODO
*   =========
*   - 
*   - 
*/
/**
 * Elements style
 */
body {margin:0pt;background-color:transparent;}
h3 {font-family:"Lucida Sans Unicode",Arial;font-weight:lighter;font-size:1.75em;color:#555;}
h4 {font-family:"Lucida Sans Unicode",Arial;font-weight:lighter;font-size:1.50em;color:#333;}
input, select {padding:3px;margin:0px;border:1px solid #bbb;}
input[type="text"] {margin-top:3px;}
input[type="image"], input[type="image"]:focus {border:none;}
input:focus {border:1px solid #666;}
input[type="checkbox"] {width:13px;margin-top:10px;}
th, td {padding:0px}
hr{height:1px}
hr.thick {height:20px;background-color:#F8F8F8;margin:20px 0px;}
.center{text-align:center}

/** Tableless form **/
label {
display:block;
float:left;
width:100px;
padding:2px;
padding-top:6px;
}
div.form-row {padding-top:5px;height:30px;text-align:left;}
div.form-title {font-family:Arial;font-weight:bold;color:#AAA;background-color:#FBFBFB;border:1px solid #EEE;padding:4px;margin:5px 0px;}
div.form-submit {background-color:#FBFBFB;border:1px solid #EEE;margin:10px 0px;padding:4px;}
div.form-box {background-color:#FBFBFB;border:1px solid #EEE;float:left;width:auto;padding:2px;margin-left:5px;margin-bottom:5px;}
div.form-desc {background-color:#FBFBFB;border:1px solid #EEE;width:auto;padding:2px;margin:0px 0px 10px;}

/**
 * DIV Table
 */
div.table div.row {padding:3px;width:100%;clear:both;}
div.table div.b {font-weight:bold;}
div.c {clear:both;}
div.table div.desc {background-color:#fbfbfb;border-bottom:1px solid #eee;}
div.table div.title {font-weight:bold;border-bottom:1px solid #ddd;}
div.table div.w10 {width:10%;float:left;}
div.table div.w20 {width:20%;float:left;}
div.table div.w25 {width:25%;float:left;}
div.table div.w35 {width:35%;float:left;}
div.table div.w50 {width:50%;float:left;}
div.table div.w75 {width:75%;float:left;}
div.table div.w80 {width:80%;float:left;}
div.table div.w90 {width:90%;float:left;}
div.table div.left {float:left}
div.table div.right {float:right}
div.lines div.row {border-bottom:1px solid #F3F3F3}

/**
 * Tooltip
 */
#tooltip .lt{background:transparent url(../_images/tooltip/lt.png) scroll no-repeat right top;width:195px;height:41px;}
#tooltip .lb{background:transparent url(../_images/tooltip/lb.png) scroll no-repeat right top;width:24px;height:24px;float:left;margin-right:-10px;}
#tooltip .rt{background:transparent url(../_images/tooltip/rt.png) scroll no-repeat right top;width:auto;height:41px;}
#tooltip .rb{background:transparent url(../_images/tooltip/rb.png) scroll no-repeat right top;width:auto;height:24px;overflow:hidden;}
#tooltip .tooltipInner{line-height:1.75em;background-color:#FFF;padding:20px 20px 0px;border-left:3px solid #739500;border-right:3px solid #739500;text-align:center;}
#tooltip .tooltipInnerBorder{background-color:#405400;padding:0px 5px;}
#tooltip{width:308px;min-width:200px;max-width:624px;font:inherit;}
#tooltip div{margin:0px;padding:0px;text-align:left;}
/**
 * Borders
 */
.bt {border-top:1px solid #EEE}
.br {border-right:1px solid #EEE}
.bb {border-bottom:1px solid #EEE}
.bl {border-left:1px solid #EEE;margin-right:9px;}

/**
 * Margins
 */
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt50 {margin-top:50px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb50 {margin-bottom:50px}

/**
 * Content formating
 */
table.list {
  width:100%;
}
table.list tr.header td {
  color:#555;
  background-color:#FDFDFD;
  border-top:1px solid #888;
  border-bottom:1px dotted #888;
  font-weight:bold;
  height:34px;
  vertical-align:middle;
}
table.list td {
  margin:0px;
  padding:10px 4px;
  vertical-align:top;
  border-bottom:1px dotted #DDD;
}
table.list td#t1 {width:200px}
table.list td#t2 {border-left:1px solid #DDD}

table.list tr{
  background-color:#FFF;
}
tr.header td {color:#333;font-weight:bold;text-decoration:underline;}

div.code {
  padding:.8em;
  margin-bottom:1em;
  border:2px dashed #333;
  background:#F8F6FF;color:#514749;
}
div.date {
  position:relative;
  top:-20px;
  font-size:0.8em;
  color:#CCC;
  text-transform: uppercase;
  text-align:right;
  border-top:1px solid #EEE;
}

div.text {margin:0px 0px 20px 0px;}
div.text img.picture {
  border:1px solid #CCC;
  padding:3px;
}

div.textfooter {
  background-color:#FCFCFC;
  margin:0px 0px 20px 0px;
}
ul.fat li {
	padding: 5px 0px;
}

.star-rating {
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 150px;
	height: 30px;
	position: relative;
	background: url(/themes/_images/starrating.gif) bottom left repeat-x;		
}
.star-rating li {
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a {
	display:block;
	width:30px;
	height:30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover {
	background: url(/themes/_images/starrating.gif) left center;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star {left: 0px;}
.star-rating a.one-star:hover {width:30px;}
.star-rating a.two-stars {left:30px;}
.star-rating a.two-stars:hover {width: 60px;}
.star-rating a.three-stars {left: 60px;}
.star-rating a.three-stars:hover {width: 90px;}
.star-rating a.four-stars {left: 90px;}	
.star-rating a.four-stars:hover {width: 120px;}
.star-rating a.five-stars {left: 120px;}
.star-rating a.five-stars:hover {width: 150px;}