/**************************************************************
* Stylesheet for StarGallery Component (Elxis CMS)
* Author: Ioannis Sannos (blackgate@datahellas.com)
* Date: 14.09.2006
* License: GNU/LGPL
**************************************************************/


/** BLACK **/

/********* TOOLBAR **********/
table.star_TB { 
    background-color: #000000;
    border: 0px;
}

#star_TBtriangle {
    width: 24px;
    height: 24px;
    background: #FFFFFF url(../images/triangle_black.jpg) no-repeat top;
}

#star_TBoptions {
    color: #FFFFFF;
    font-weight: bold;
    width:190px;
    text-align: center;
}

#star_TBbotline { 
    height: 3px;
    display:block;
}

/***** SEARCH, MENU DIVS *****/

.filter {
	margin: 2px;
	border: 1px solid #000000;
	background-color: #EEEEEE;
	padding: 2px;
	font-weight: normal;
	text-align: left;
	z-index: 4000;
}

.filtertop {
	background-color: #000000;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	white-space:nowrap;
}

.filterbottom {
	padding: 4px;
	text-align: center;
}

/* STARGALLERY MENU LINKS */
.filter a, .filter a:active, .filter a:visited {
    background-color: #EEEEEE;
    display: block;
    padding: 2px;
    margin: 2px;
    border: 1px #666666 solid;
    text-decoration: none;
    color: #555555;
    font-weight: normal;
}

.filter a:hover {
    background-color: #555555;
    border: 1px #666666 solid;
    color: #FFFFFF;
    text-decoration: none;
}

.filter form {
    margin: 2px;
    padding: 0px;
    border: 0px;
}

/* INPUT BOX */
.starinput {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
    background-color: #FFFFFF; 
    color: #102132; 
    border: 1px solid #AAAAAA;  
}

/* SEARCH BUTTON */
.starbutton {
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
    background-color: #666666; 
    color: #FFFFFF; 
    border: 1px solid #333333;
}

/***** TABLE VIEW *******/

table.directory { 
    color: #000000; 
    background-color: #EEEEEE;
    border: 1px solid #000000;
}
table.directory th { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	text-align:left;
	background-color: #333333;
	color: #ffffff;
	font-weight:bold; 	 
}
table.directory td { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	text-align:left; 
}
table.directory tr.starrow1 { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	text-align:left;
	background-color: #CCCCCC;
}
table.directory tr.starrow2 { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	text-align:left;
	background-color: #DDDDDD;
}

/* SUB CATEGORIES CELL */
table.directory td.subcell {
    background-color: #F8F8F8;
}

/* THUMBNAIL CELL */
table.directory td.thumbcell {
    background-color: #F8F8F8;
    border: 1px #DDDDDD solid;
    text-align: center;
}

/* THUMBNAIL IMAGE */
.starthumb { 
    border: 2px #DDDDDD solid;
}

.grayb { 
	background-color: #f8f8f8; 
}
.directorypath {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	text-align:left;
	color: gray;
	background-color:#f2f2f2;
}
.smallgm {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	color: red;
}
.smallgsm {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	color: green;
}
#starnote {
	color: #FFFFFF;
	font-weight: bold;
}

/* PORTAL-MINIMAL VIEW */
table.starpo, table.starpo td {
    background-color: #000000;
    color: #FFFFFF;
    margin: -8px -8px 0px -8px; /** edit this to match your template **/
    _margin-top: -16px; /** CSS HACK FOR I.E. **/
}

.starlines {
    background: #FFFFFF url(../images/lines.gif) repeat-x top;
    height: 42px;
    vertical-align: middle;
    font-weight: bold;
}

#modstar1, #modstar2 {
    margin-top: 5px;
}

#modstar1 table, #modstar1 td, #modstar1 a {
    text-align: center;
    width: 100%;
    display: block;
}

#modstar2 table, #modstar2 td, #modstar2 a {
    text-align: center;
    width: 100%;
    display: block;
}