@charset "utf-8";
/*
 * Globale Styledefinitionen fuer Glovico.org
 * www.glovico.org
 * (C) 2010 Silpion IT-Solutions GmbH
 * $Id: main.css 302 2011-10-31 21:07:07Z schwenn $
 */

/* Farbschema
---------------------------------------------------------
aktiver Link: #A2D23C
Login Link:   #48545c
Focus:        #EEF6FB

- Neues Farbschema
Text:       #331d10
Link:       #70adc9
Link Hover: #98c9e0
*/


/* Globals und Typo
---------------------------------------------------------*/
html {
	background: #d5cfc0;
}

body {
  background: url(../images/tpl/bg_body.jpg);
  font-size: 75%;
  margin: 0;
  font-family: Verdana, sans-serif;
}

html>body {
	font-size: 12px;
}

body {
  color: #331d10;
}

/* kein Rahmen fuer verlinkte Bildernull
---------------------------------------------------------*/
img, a img {
    border: 0;
}


/* Links
---------------------------------------------------------*/
a {
  text-decoration: none;
  color: #70adc9; /*was #000*/
  /* font-weight: bold; */
}

a:hover {
	color: #98c9e0; /*was A2D23C*/
  text-decoration: underline;
}


/* Ueberschriften
---------------------------------------------------------*/
h1 {
	color: #5a9ab8;
}

h2 {
	font-size: 160%;
	margin-bottom: 20px;
  /* text-transform: uppercase; */
	color: #5a9ab8;
}

p, blockquote {
  line-height: 1.5em;
}


/* Listenstyles
---------------------------------------------------------*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	font-weight: bold;
	/*text-transform: uppercase;*/
}


/* Formulare
---------------------------------------------------------*/
input,
textarea,
select {
	/*border: 1px solid #48545c;*/
  background-color: #cec3b1;
  border: 1px solid #a9a091;
}

input[type="text"]:FOCUS,
input[type="password"]:FOCUS,
textarea:FOCUS {
	/* background-color: #eef6fb; */
  background-color: #cec3b1;
	color: #000;
}

form dt {
    clear: left;
	text-align: left;
	width: 150px;
	float: left;
}

form dd {
}

textarea {
	font-family: inherit;
	font-size: 100%;
}

.invisible {
	display: none;
}

form#billingaddress input[type=text] {
	width: 150px;
	padding:0;
	margin: 2px 0;
}

form#billingaddress textarea {
	width: 146px;
	padding: 0 2px;
}

.zend_form a {
  color: #331d10;
}


/* Tabellen
---------------------------------------------------------*/
table {
	width: 95%;
	margin-bottom: 10px;
}

table tr {
	height: 2em;
}

table th {
	text-align: left;
	background-color: #48545c;
}

table.list {
  border-collapse: collapse;
	padding: 5px;
}

table.list tr, table.list td {
	padding: 4px 8px;
}

table.list th {
	text-align: left;
  background-color: transparent;
  border-bottom: 1px dashed #48545c;
}

table.list tr.odd {
	background-color: #fff;
}

table.list tr.even {
	background-color: #f0f0f0;
}

table.list tr:hover td {
	background-color: #eef6fb !important;
}


caption {
	text-align: left;
}


/* Layoutelemente
---------------------------------------------------------*/
#page {
	margin: 0 auto;
	padding: 10px;
    width: 1100px;
}


/* Kopfbereich
---------------------------------------------------------*/
#header {
	height: 110px;
	padding: 0 30px;
}

#header_right {
	float: right;
	text-align: right;
	width: 700px;
  color: #331d10;
}
/* We want black links*/
#header_right a, #header_right a:hover {
	color: #331d10;
}
#header_right_language {
  margin-top: 45px;
}

#header a {
  font-size: 90%;
}


/* obere Navigationsleiste
---------------------------------------------------------*/
#topbar {
	background: #fff url(../images/tpl/topbar_bg.png) repeat-x;
	height: 38px;
	overflow: hidden;
	width: 100%;
}

#topbar_right {
	background: #fff url(../images/tpl/topbar_right.png) no-repeat;
	float: right;
	height: 100%;
	width: 13px;
}

#topnav {
	float: left;
}

#topnav ul {
	background: #fff url(../images/tpl/topbar_left.png) no-repeat;
	float: left;
	height: 38px;
	padding-left: 5px;
}

#topnav li {
	float: left;
	padding: 12px 0 40px;
	/* text-transform: uppercase; */
  border-right: 1px solid #000;
}

#topnav a {
	color: #fff;
	background: #fff url(../images/tpl/topbar_bg.png) repeat-x;
	padding: 12px 25px 23px;
}

/* Login in oberer Navigationsleiste
---------------------------------------------------------*/
ul#login {
	background: #fff url(../images/tpl/topbar_bg.png) repeat-x;
	font-size: 90%;
	float: right;
	width: 10em;
	text-align: center;
}

ul#login li {
	padding: 12px 5px;
	/* text-transform: uppercase; */
  border-left: 1px solid #000;
}

ul#login li a {
	color: #fff;
	padding: 12px 0px 23px;
}

div#loginmsg {
  font-size: 13px;
  padding: 10px;
}


/* Lehrer Registrierung
---------------------------------------------------------*/
.teacherBar {
    color: #331d10;
    font-size: small;
    text-align: right;
    padding:  5px 20px 0;
}

.teacherBar a {
    color: #48545c;
    font-size: small;
    font-weight: bold;
}

/* Hauptbereich
---------------------------------------------------------*/
.mainArea {
    margin-top: 30px;
}

.mainAreaWithBackground {
  background: transparent url(../images/tpl/bg_mainarea_content.png) -10px 0 no-repeat;
    padding: 30px;
}

.mainArea .content {
    padding: 0 30px;
}

.mainArea_content {
  margin-right: 220px;
}

.mainAreaWithBackground .mainArea_content {
    padding-top: 15px;
    min-height: 400px;
}

.mainArea_content img {
  padding: 3em;
}

.mainArea_content img.noPadding {
  padding: 1em;
}

.mainArea_content iframe {
  padding-left: 2em;
}

/* Seitennavigation
---------------------------------------------------------*/
#mainnav {
	background: transparent url(../images/tpl/sidebar.png) top left repeat-y;
	float: right;
	min-height: 700px;
	padding: 0 0 0 12px;
	width: 200px;
    margin-bottom: 2em;
}

#mainnav ul {
	background: #fdfdfb;
}

#mainnav ul a {
  color: #331d10;
}

#mainnav li {
	/* background: transparent url(../images/tpl/underline.png) bottom left no-repeat; */
	padding: 10px;
	/* text-transform: uppercase; */
}

#mainnav li li.last {
	background: none;
	padding-bottom: 0;
}

#credits {
	margin-top: 20px;
	padding: 10px;
}

#mainnav div.currency {
  background: transparent url(../images/tpl/bg_currency.png) -5px 10px no-repeat;
  padding: 20px 10px;
}

#mainnav div.divider {
	background: transparent url(../images/tpl/underline.png) center left no-repeat;
	padding: 10px;
}

/* Fussbereich
---------------------------------------------------------*/
#footer {
	clear: both;
    background-color: #331D10;
    padding: 2em;
    font-size: 80%;
    color: #555;
}

#footer_content {
    width: 1100px;
    margin:  0 auto;
}

#footer ul {
    margin: 5px;
}

#footer ul li {
    font-weight: normal;
}

#footer ul li a {
    color: #555;
}

/* Ausrichtung der Presselinks
---------------------------------------------------------*/
div.press {
 padding: 0px 10px;
}

div.press div {
 padding-bottom: 15px;
}


/* Aussehen der Danke Box
---------------------------------------------------------*/
div.thanks blockquote {
    padding: 10px 0 0 19px;
    margin: 0;
    font-size: 11px;
}

div.thanks img.userphoto {
    -moz-box-shadow: 0px 1px 2px 2px #bbb;
    -webkit-box-shadow: 0px 1px 2px 2px #bbb;
    box-shadow: 0px 1px 2px 2px #bbb;
    border: 3px solid #fff;

}

div.thanks img.zitatStart {
    vertical-align: top;
    padding-top: 5px;
    float: left;
}

div.thanks img.zitatEnd {
    padding-top: 10px;
    margin-left: 5px;
    vertical-align: top;
} 


/* Bearbeitung von Inhalten
---------------------------------------------------------*/
.ckeditor {
	width: 100%;
}

#toolbar {
	float: right;
	text-align: right;
}

#toolbar img.icon, input.icon {
	height: 30px;
	padding: 0 0 0 10px;
}


/* zwei-spaltiger Inhalt
---------------------------------------------------------*/
div.content_2col {
	/* background: transparent url(../images/tpl/sidebar_medium.png) 50% top no-repeat; */
	overflow: hidden;
	/*width: 840px;*/
}

div.content_2col_left {
	width: 405px;
}

div.content_2col_right {
	float: right;
	width: 355px;
}


/* spezieller Style fuer Startseite
---------------------------------------------------------*/
div.welcome {
	margin-right: 40px;
	background: transparent url(../images/tpl/bg_home.png) top right no-repeat;
	height: 400px;
}

div.welcome p {
	margin-right: 320px;
}


/* spezieller Style fuer Ideeseite
---------------------------------------------------------*/
div.idea {
	background: transparent url(../images/tpl/bg_idea.png) top left no-repeat;
}

div.idea p {
	margin-left: 230px;
}


/* spezieller Style fuer Preiseseite
---------------------------------------------------------*/
div.price {
	background: transparent url(../images/tpl/preise.png) top right no-repeat;
	margin-right: 50px;
	min-height: 400px;
}

div.price p {
	margin-right: 390px;
}


/* spezieller Style fuer Lehrerregistrierung
---------------------------------------------------------*/
div#teacherreg  {
	padding-bottom: 10px;
	min-height: 3px;
	/* background: transparent url(../images/tpl/underline_large.png) bottom center no-repeat; */
}

div#teacherreg div.content_2col_left {
  padding: 30px;
  background: transparent url(../images/tpl/bg_mainarea_content.png) -10px 0px no-repeat;
}

div#teacherreg div.content_2col_right {
  padding: 30px;
}

div#teacherreg div.content_2col_right h2 {
	text-align: left;
}

div#teacherreg div.content_2col_right form {
	width: 405px;
}

div#teacherreg input,
div#teacherreg select
{
    margin: 1px 0;
}

div#teacherreg div.content_2col_right input,
select#country_id,
select#country_code,
select#timezone,
select#language_id,
select#hear_about
{
	width: 180px;
}

div#teacherreg div.content_2col_right input#number,
div#teacherreg div.content_2col_right input#zip,
div#teacherreg div.content_2col_right select#grade,
div#teacherreg div.content_2col_right select#title
{
	width: 80px;
}

div#teacherreg dd {
	margin-left: 170px;
}

div#teacherreg dd#email_check-element,
div#teacherreg dd#lastname-element,
div#teacherreg dd#password_check-element,
div#teacherreg dd#timezone-element,
div#teacherreg dd#skypename-element,
div#teacherreg dd#terms-element,
div#teacherreg dd#privacy-element,
div#teacherreg dd#hear_about-element
{
	margin-bottom: 10px;
}

div#teacherreg input[type="checkbox"] {
	float: left;
	width: auto !important;
}

div#teacherreg div.hint {
	margin-left: 20px;
    width: 170px;
}

div#teacherreg ul.errors li {
	text-align: left;
	margin-left: 25px;
}

/* spezieller Style fuer Bezahlformular
---------------------------------------------------------*/
form.paymentform dt {
	text-align: left;
	width: 15em;
}

form.paymentform dd {
	text-align: left;
	padding: 2px 0 2px 15em;
}

form.paymentform ul.errors li {
	text-align: left;
}

div#paymentmethod img {
	padding: 0;
}

div#paymentmethod table {
	width: auto;
}

div#paymentmethod table td {
	vertical-align: middle;
}

div#paymentmethod img {
	float: right;
}

div#paymentdata dd {
	font-weight: bold;
}

form.paymentform input {
	width: 170px;
}

form.paymentform select {
	width: 80px;
}

form#ccpaymentform input#ACCOUNT_VERIFICATION {
	width: 4em;
}

form.paymentform select#PRESENTATION_AMOUNT,
form.paymentform select#ACCOUNT_COUNTRY,
form.paymentform input#pay {
	width: 150px;
}

form.paymentform select#PRESENTATION_AMOUNT,
form.paymentform input#next {
	font-size: 140%;
}

form.paymentform dd#next-element {
	margin-top: 10px;
}

div#paymenterror {
	text-align: left;
}

span#paymenterror-msg {
	font-size: 120%;
	font-weight: bolder;
	color: red;
}

div#paymentcontact {

}

div#paymentccicons {
	float: right;
	margin-right: 20px;
}

div#paymentccicons img {
	padding: 0 10px;
}

/* spezieller Style fuer "Stunden anlegen"
---------------------------------------------------------*/
#newlessonform dt {
	float: none;
	text-align: left;
	width: auto;
}

#newlessonform dd {
	margin: 0 0 10px 0;
}

/* spezieller Style fuer Lehrerprofil
---------------------------------------------------------*/
div#teacherprofile {
  background: #dbd5ca;
  border: 1px solid #a9a091;
  padding: 20px 20px;
}

div#teacherprofile .left {
	float: left;
	width: 206px;
}

div#teacherprofile .left a {
	color: #331d10;
}

div#teacherprofile .right {
	margin-left: 220px;
}

div#teacherprofile .right img {
	float: right;
	padding: 0;
}

div#teacherprofile .left img {
	padding: 0;
}

div#teacherprofile .left #profilpic {
	margin-bottom: 20px;
}

div#teacherprofile .left #profilpic {
	text-align: left;
}

div#teacherprofile .right p {
	/* background: transparent url(../images/tpl/underline_medium.png) bottom left no-repeat; */
  background: transparent url(../images/tpl/underline.png) bottom left repeat-x;
	padding-bottom: 15px;
}

div#teacherprofile .right div.bottom-line {
	/* background: transparent url(../images/tpl/underline_632.png) bottom left no-repeat; */
	height: 10px;
}

div#teacherprofile strong {
	font-size: 1.1em;
}

div#teacherprofile div#contact {
	/* background: transparent url(../images/tpl/line_v_small.png) top right no-repeat; */
}

div#teacherprofile div#contact strong {
	text-transform: uppercase;
	padding: 5px 0 20px 0;
	display: block;
}

div#teacherprofile div#contact li {
	text-transform: none;
	margin-bottom: 10px;
}

div#teacherprofile div#contact li img {
	margin-right: 4px;
}

/* Bewertungstabelle */
div#teacherprofile table#ratingtable {
	border-spacing: 0;
	empty-cells: show;
	/* width: 576px; */
  width: 100%;
}

div#teacherprofile table#ratingtable caption {
	text-transform: uppercase;
}

div#teacherprofile #ratingtable td {
	height: 70px;
	vertical-align: top;
	font-size: 1.1em;
	font-weight: bolder;
	padding: 4px 0;
	width: 209px;
}

div#teacherprofile #ratingtable td.col2,
div#teacherprofile #ratingtable td.col3 {
	padding: 4px 10px;
}

div#teacherprofile #ratingtable td span {
	line-height: 40px;
	padding: 10px 0;
	background-position: center right;
	background-repeat: no-repeat;
}

/* Trennlinien */
div#teacherprofile #ratingtable tr.row1 td {
	background: transparent url(../images/tpl/underline.png) bottom left repeat-x;
}

div#teacherprofile #ratingtable tr.row1 td.col1 {
	background-position: bottom left;
}

div#teacherprofile #ratingtable tr.row1 td.col2 {
	background-position: bottom center;
}

div#teacherprofile #ratingtable tr.row1 td.col3 {
	background-position: bottom right;
}

div#teacherprofile #ratingtable tr td.coldiv {
	width: 2px;
}

div#teacherprofile #ratingtable tr.row1 td.coldiv {
	background: transparent url(../images/tpl/sidebar_medium.png) top center no-repeat !important;
}

div#teacherprofile #ratingtable tr.row2 td.coldiv {
	background: transparent url(../images/tpl/sidebar_medium.png) bottom center no-repeat !important;
}


/* Symbole */
div#teacherprofile #ratingtable td.punctuality span.caption {
	padding-right: 40px;
	background-image: url(../images/icons/wecker.png);
}

div#teacherprofile #ratingtable td.competence span.caption {
	padding-right: 45px;
	background-image: url(../images/icons/hut.png);
}

div#teacherprofile #ratingtable td.friendliness span.caption {
	padding-right: 35px;
	background-image: url(../images/icons/smily.png);
}

div#teacherprofile #ratingtable td.accent span.caption {
	padding-right: 50px;
	background-image: url(../images/icons/akzent.png);
}

div#teacherprofile #ratingtable td.connectionquality span.caption {
	padding-right: 65px;
	background-image: url(../images/icons/verbindung.png);
}

/*
---------------------------------------------------------*/
span.link-hint {
	color: #f00;
	font-size: 120%;
}

span.bigmsg {
	text-align: center;
	display: block;
	font-size: 150%;
	padding: 20px;
}

div#flashmessagedlg li {
	text-transform: none !important;
}

ul.errors li {
	text-align: left;
	color: maroon;
}

.form_validate {
	color: maroon;
	font-weight: bold;
}

img#captcha-image {
	padding: 0;
	margin: 0;
}

.errormessage {
	color: red;
}

/* spezieller Style fuer Lehrerliste
---------------------------------------------------------*/
div#teacherlist img {
	margin: 0;
	padding: 0;
    width: 133px;
    height: 157px;
}
div#teacherlist div.teacherteaser {
	float:left;
	width: 136px;
}
div#teacherlist div.picrow {
	/*height: 250px;*/
	padding-top:10px;
	overflow: hidden;

	padding-bottom: 15px;
	min-height: 3px;
}

div#teacherlist .small {
    font-size: 85%;
}

/* Nachrichten Tabellen
---------------------------------------------------------*/

div#messages {
  background: #dbd5ca;
  border: 1px solid #a9a091;
  padding: 20px;
  margin: 0px;
}

div#messages table {
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
}

div#messages a {
  font-weight: bold;
  color: #331d10;
}

div#messages th,
div#messages td {
	padding: 10px 5px;
}

div#messages th {
  font-weight: bold;
	background-color: transparent;
}

div#messages tr {
	height: 2em;
}

div#messages tr.odd {
  /* Normale Hintergrundfarbe */
}

div#messages tr.even {
	background-color: #e2ded5;
}

div#messages tr.borderTop th {
  border-top: 1px dashed #48545c;
}

div#messages tr.borderBottom th {
  border-bottom: 1px dashed #48545c;
}

div#messages tr:hover td {
	background-color: #eef6fb !important;
}



/* Div with link looking like buttons
 * used in message center */
#messagemenu {
	margin: 20px 0px 5px 0px;
}
#messagemenu a {
  color: #fff;
  margin: 0px;
	padding: 6px 10px;
	border-top: 1px solid #a9a091;
  border-left: 1px solid #a9a091;
  border-right: 1px solid #a9a091;
  background: #341f16;
  background: transparent url(../images/tpl/topbar_bg.png) repeat-x;
}
#messagemenu a.current {
  color: #301c15;
  border-top: 1px solid #a9a091;
  border-left: 1px solid #a9a091;
  border-right: 1px solid #a9a091;
  background: #dbd5ca;
}

div.message_error {
  display: inline;
	color: red;
	margin: 10px;
  padding: 10px;
}

div.message_ok {
  display: inline;
	color: green;
	margin: 10px;
  padding: 10px;
}


/* Table used in message system */
#message {
  background: #dbd5ca;
  border: 1px solid #a9a091;
  padding: 20px;
}
#message a {
  font-weight: bold;
  color: #331d10;
}
#message table {
  border-collapse: collapse;
  border-bottom: 1px dashed #48545c;
}
#message table th {
  vertical-align: top;
  width: 13%;
  padding: 3px;
  background: none;
}
#message tr.odd {
  /* Normale Hintergrundfarbe */
}
#message tr.even {
	background-color: #e2ded5;
}


/*
---------------------------------------------------------*/


/* lesson-rating   lesson.index.rating */

div#rating-body {
	background:#fff url(../images/tpl/bg_home.png) no-repeat scroll right top ;
	padding:25px;

}

div#rating-body table{
	background:#EFF5FB;
	display:block;
	border:#000 solid 1px;
	width:360px;
}

div#rating-body table td a:hover {
	color:#000;
}

div#rating-body .rating-explain-message {
	margin: 30px 0 30px 0;
}

div#rating-body .zend_form dt {
	width:247px;
	text-align:left;
}

div#rating-body .zend_form #submit {
	margin-top:25px;
	width: 150px;

}

div#rating-body .zend_form #submit-label {
	display:none;
}

div#rating-body .zend_form #submit-element {
 	margin-left:0!important;
}


/* spezieller Style fuer Lehrertabs
---------------------------------------------------------*/
/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	border-bottom:1px solid #666 !important;
	height:31px;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	/*background: url(tabs/green.png) no-repeat -420px 0;*/
	display:block;
	height: 30px;
	line-height:30px;
	width: 134px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;
	color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs li.ui-tabs-selected a, ul.tabs li.ui-tabs-selected a:hover, ul.tabs li.ui-tabs-selected a {
	background-position: -420px -62px;
	cursor:default !important;
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.s          { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover    { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l          { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover    { background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl         { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover   { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }




#teachertabs {
  background: none;
  border: 0;
  margin: 12px;
}

/* Remove round corners */
#teachertabs .ui-corner-all {
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#teachertabs .ui-corner-bottom {
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#teachertabs .ui-corner-top {
  border: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#teachertabs .ui-tabs {
  padding: 0px !important;

  border: 1px solid #a9a091;
  background: #dbd5ca;
}
#teachertabs ul {
  background: none;
  border: 0;
}
#teachertabs .ui-tabs-panel {
  padding: 15px;

  background: #dbd5ca;
  border: 1px solid #a9a091;
}
#teachertabs .ui-widget-header { background: none; border: 0; }

/* Navigation */
#teachertabs .ui-tabs-nav {
  background: none;
  border: 0;
}
#teachertabs .ui-tabs-nav li {
  background: none;
  border: 0;
  margin-right: 10px !important;
}
#teachertabs .ui-tabs-nav li a {
  float: left;
  padding: 0;
  background: #341f16;
  background: transparent url(../images/tpl/topbar_bg.png) repeat-x;
  color: #fff;
  width: 84px;
    font-weight: normal;
}
#teachertabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #341f16;
  background: #dbd5ca;
  border-top: 1px solid #a9a091;
  border-left: 1px solid #a9a091;
  border-right: 1px solid #a9a091;
}


/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */





/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #dbd5ca;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;

    border-collapse: separate;
    border-spacing: 0;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #341f16;
    color: #fff;
	border: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #dbd5ca;
    color: #341f16;
}

div.pager {
    margin:  10px 0;
}

div.pager img {
    padding:  0;
}

#language_search {
}

#language {
    font-size: 1.2em;
    height: 1.4em;
    padding:  3px;
    width: 168px;
}

#form-login input {
    font-size: 1.2em;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

/* IE 6 doesn't support max-height
     * we use height instead, but this forces the menu to always be this tall
     */
* html .ui-autocomplete {
    height: 100px;
}

.bigNum {
    font-size: 200%;
    color: #5a9ab8;
    font-weight: bold;
}