/*
 * ========================================================================
 * Jupiter Content System @ Highstrike.net
 * Copyright (C) 2006 Cosmin Flavius (highstrike@gmail.com)
 *
 * Attribution-NonCommercial-ShareAlike 2.5 of Creative Commons
 * (http://creativecommons.org)
 *
 * You are free:
 *
 *    * to copy, distribute, display, and perform the work
 *    * to make derivative works
 *
 * Under the following conditions:
 *
 * Attribution - You must attribute the work in the manner specified
 * by the author or licensor.
 *
 * Noncommercial - You may not use this work for commercial purposes.
 *
 * Share Alike - If you alter, transform, or build upon this work, you may
 * distribute the resulting work only under a license identical to this one.
 *
 *    * For any reuse or distribution, you must make
 *	  clear to others the license terms of this work.
 *    * Any of these conditions can be waived if you get
 *      permission from the copyright holder.
 *
 * Your fair use and other rights are in no way affected by the above.
 *
 * This is a human-readable summary of the Legal Code (the full license).
 * (http://creativecommons.org/licenses/by-nc-sa/2.5/legalcode)
 *
 * ========================================================================
 *
 * ========================================
 * Regular body
 * ========================================
 */

body
{
	background: transparent url('bg.jpg');
	cursor: default;
	color: #444444;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	margin: 20px;
	padding: 0;
}

/*
 * ========================================
 * links style
 * ========================================
 */

a
{
	outline: none;
}
a:link,
a:visited,
a:active
{
	background: transparent;
	color: #226eb2;
	text-decoration: none;
}
a:hover
{
	background: transparent;
	color: #4C8BCC;
}

/*
 * ========================================
 * span style
 * ========================================
 */

span.inv
{
	color: #a2a2a2;
}
span.ok
{
	font-weight: bold;
	color: #96cb44;
}
span.normal
{
	font-weight: bold;
	color: #444444;
}
span.alert
{
	font-weight: bold;
	color: #ff0000;
}
div { padding:0px;margin:0px;}

/*
 * ========================================
 * table style
 * ========================================
 */

TABLE.base
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background: #FFFFFF;
	border: 1px solid #D4D1D1;
}
TABLE.main
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #D4D1D1;
}
TABLE.picture
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background: #F6F6F6;
	border: 1px solid #D4D1D1;
}
table.error
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #FFa9a9;
}
table.accept
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #b7e1b0;
}
table.important
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #e6b235;
}
TR.bottom
{
	font-size: 11px;
	color: #848484;
	font-family: Tahoma, Arial;
	background: transparent url('bottom.gif');
	background-repeat: repeat-x;
	background-color: #D6D6D6;
	font-weight: bold;
}
TR.head
{
	font-size: 11px;
	color: #444444;
	font-family: Tahoma, Arial;
	background: transparent url('head.gif');
	background-repeat: repeat-x;
	background-color: #D6D6D6;
	font-weight: bold;
}
TD.avatar
{
	font-size: 11px;
	color: #445464;
	font-family: Tahoma, Arial;
	text-align: center;
	background: transparent url('../images/misc/avatar_blank.png') no-repeat;
}
TD.thumbnail
{
	font-size: 11px;
	color: #445464;
	font-family: Tahoma, Arial;
	text-align: center;
	background: transparent url('../images/misc/thumbnail_blank.png') no-repeat;
}
TR.alert,
TD.alert
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background-color: #ffe4e4;
}
TR.accept,
TD.accept
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background-color: #d9f1d5;
}
TR.important,
TD.important
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background-color: #f9e994;
}
TR.con1,
TD.con1
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background-color: #f8f8f8;
}
TR.con2,
TD.con2
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background-color: #f4f4f4;
}
TR.con3,
TD.con3
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background-color: #FFFFFF;
}
TR.con4,
TD.con4
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background-color: #E8E8E8;
}
TR.con5,
TD.con5
{
	background: transparent url('con5.jpg');
	background-repeat: repeat-x;
	background-color: #f8f8f8;
}
TR.empty
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
}

TD.pagelink,
TD.pagecurrent
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background-color: #F8F8F8;
	border: 1px solid #E4E1E1;
	padding: 1px 3px 1px 3px;
}

TD.pagecurrent
{
	font-size: 11px;
	color: #444444;
	font-family: verdana, Tahoma, Arial;
	background-color: #E8E8E8;
}

/*
 * ========================================
 * form style
 * ========================================
 */

form
{
	display: inline;
	margin: 0;
	padding: 0;
}

optgroup
{
	font: inherit;
	font-weight: bold;
}

.box
{
	margin-left:0px;
	margin-bottom:0px;
	color: #444444;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
}

.search
{
	border: 1px solid #d4d1d1;
	padding-top: 2px;
	padding-bottom: 3px;
	background: transparent url('search.gif') no-repeat top left;
	color: #444444;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	width: 150px;
	padding-left: 20px;
	height: 19px;
}

.search_submit
{
	border: 1px solid #d4d1d1;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-left: 3px;
	background: transparent url('search.gif') no-repeat top right;
	color: #444444;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
}

/*
 * ========================================
 * quote style
 * ========================================
 */

.quote blockquote
{
	color: #444;
	display: block;
	margin: 5px 20px;
	width: auto;
	border: solid 1px #D0D0D0;
	background: #FFF url('../images/misc/quote_down.gif') bottom right no-repeat;
	font-size: 11px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 5px;
}

.quote blockquote h1
{
	margin: 0;
	font-size: 11px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #808080;
	background: #FFF url('../images/misc/quote_up.gif') top left no-repeat;
}

.quote blockquote h2
{
	margin: 0;
	margin-bottom: 5px;
	padding-left: 18px;
	padding-bottom: 3px;
	border-bottom: solid 1px #E0E0E0;
	font-size: 11px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #808080;
	background: #FFF url('../images/misc/quote_up.gif') top left no-repeat;
}

/*
 * ========================================
 * code style
 * ========================================
 */

.code blockquote
{
	color: #444;
	display: block;
	margin: 5px 20px;
	width: auto;
	border: solid 1px #D0D0D0;
	background: #FFF url('../images/misc/code_down.gif') bottom right no-repeat;
	font-size: 11px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 5px;
}

.code blockquote h2
{
	margin: 0;
	margin-bottom: 5px;
	padding-left: 18px;
	padding-bottom: 3px;
	border-bottom: solid 1px #E0E0E0;
	font-size: 11px;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #808080;
	background: #FFF url('../images/misc/code_up.gif') top left no-repeat;
}

/*
 * ========================================
 * rating style
 * ========================================
 */

.unit-rating
{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url('../images/rating/star_empty.png');
}

.unit-rating li
{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}

.unit-rating li a
{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}

.unit-rating li a:hover
{
	background: url('../images/rating/star_hover.png');
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating li.current-rating
{
	background: url('../images/rating/star_selected.png');
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/*
 * ========================================
 * tooltip style
 * ========================================
 */

.tooltip
{
    font-family: verdana, tahoma, arial, sans;
    font-size: 11px;
    color: #333333;
    background-color: #ffff99;
    padding: 4px;
    border: 1px solid #666666;
}

/*
 * ========================================
 * multi-select style
 * ========================================
 */

span.mselect-left
{
	width: 85%;
	display: block;
	float: left;
	padding: 2px;
}

span.mselect-right
{
	display: block;
	background: url('../images/buttons/delete.png') top right no-repeat;
	height: 19px;
}