/*****************************************************************************
 * Base Cascading Style Sheet for phpUni
 *****************************************************************************
 * Copyright (C) 2004-2007
 *
 * Authors : Filios Konstantinos (drcypher@mail.ntua.gr)
 *
 * Created : 18.04.2004
 * Modified: 06.06.2005
 *           06.10.2005
 *           25.04.2006
 *           26.07.2007
 *
 * Version : 4.0
 ****************************************************************************/

/*****************************************************************************
 * Οverall items
 ****************************************************************************/
body {
	font-size: 10pt;
	font-family: Verdana, Serif;
	margin: 0px;
	background: url('../images/back.jpg');
}

img {
	border: none;
	vertical-align: middle;
}

p {
	font-size: 10pt;
	text-indent: 15px;
}

.marquee_box {
	position: relative;
	overflow: hidden;
	padding: 2px;
}

.marquee {
	position: absolute;
}

.quote {
	background: #F6F6F6;
	border: 2px solid #C8C8C8;
}

textarea,
select,
input {
	border: 1px solid #8cacbb;
	font-family: Verdana;
	padding: 0.1em;
	font-size: 11px;
}

input.search-box {
	background-image: url("../icons/search.png");
	background-repeat: no-repeat;
	background-position: 2px 0px;
	padding-left: 20px;
}

textarea {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana;
	color: black;
	background-color: white;
	font-size: 10.5pt;
}

option.selected {
	font-weight: bold;
}

a.button {
	color: black;
	text-decoration: none;
	background: url("../images/tile_up.jpg");
	border: 1px solid black;
	font-size: 9pt;
	margin: 3px;
	padding: 3px;
}

a.button:hover {
	background: url("../images/tile_down.jpg");
}

/*****************************************************************************
 * Users
 ****************************************************************************/
a.user,
table.view a.user {
	font-weight: bold;
	text-decoration: none;
}

a.user:hover,
table.view a.user:hover {
	color: #FF4C4C;
	text-decoration: underline;
}

/*****************************************************************************
 * View tables
 ****************************************************************************/
table.view {
	font-size: 9.5pt;
	border: 1px solid #3B6396;			/* Deep blue */
	background-color: #498B2B; /* #709AD1;*/
	width: 100%;
}

table.view a {
	color: black;
	font-style: italic;
	text-decoration: none;
}
table.view a:hover {
	text-decoration: underline;
	background-color: #DCDCFA;
}

table.view td.label {
	width: 25%;
}

table.view tr.header {
	color: white;
	background-color: #4748A1;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana;
	font-size: 9.5pt;
	font-weight: bold;
}

table.view tr.subheader {
	text-align: center;
	background: url("../images/tile_down.jpg");
}

table.view tr.subheader a {
	text-decoration: none;
}

table.view tr.subheader,
table.view tr.subheader a {
	color: white;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	line-height: 15px;
}

table.view td.subsubheader,
table.view tr.subsubheader {
	color: white;
	font-size: 9.5pt;
	background-color: #839F3C;
	font-weight: bold;
	text-align: center;
}

table.view tr.lastheader {
	border-top: solid gray 1px;
	border-bottom: solid gray 1px;
	text-align: center;
	font-style: italic;
	font-size: 9.5pt;
}

table.view tr.odd,
table.view tr.even,
table.view tr.special {
	font-size: 8.5pt;
	text-align: left;
}

table.view tr.even {
	background-color: #F5F688;
}
table.view#help tr.even:hover{
	background-color: #F5F688;
}

table.view tr.odd {
	background-color: #FFFFB0;
}
table.view#help tr.odd:hover {
	background-color: #FFFFB0;
}

table.view tr.even td a.sel,
table.view tr.odd td a.sel {
	color: red;
}

table.view tr.even td a:hover,
table.view tr.odd td a:hover {
	font-style: italic;
	text-decoration: underline;
	background: none;
}

/* hovered table rows */
table.view tr.odd:hover,
table.view tr.even:hover {
	 background-color:  #B0BFAB;
}

table.view tr.special td {
	font-weight: bold;
	background-color: #8FC378;
}

table.view tr.note td {
	font-size: 7.5pt;
	font-style: italic;
	background-color: #FFDFDF;
}

table.view td.date {
	font-family: "Courier New";
	text-align: center;
}

table.view td.label {
	width: 20%;
	font-weight: bold;
}

table.view label {
	font-weight: bold;
}

/*****************************************************************************
 * Messages
 ****************************************************************************/
table.msg {
	border: 1px solid #000175;			/* Deep blue */
	background-color: white;
	width: 80%;
}

table.msg tr.header {
	color: white;
	font-size: 10pt;
	background-color: #1E90FF;
	font-weight: bold;
	font-style: italic;
	line-height: 150%;
	text-align: center;
}

table.msg tr.body {
	font-size: 10pt;
}

/*****************************************************************************
 * Three/two-part navigation bars
 ****************************************************************************/
table.nav-bar {
	border: 1px solid #000175;
	background: #E5E5E5;
	vertical-align: middle;
	font-size: 8pt;
	margin-bottom: 5pt;
	height: 24px;
	width: 100%;
}

div.nav-bar span.counter {
	font-weight:bold;
}

div.nav-bar span.counter:hover {
	color: red;
}

div.left-third a,
div.middle-third a,
div.right-third a,
div.nav-bar a {
	color: black;
	text-decoration: none;
}

td.left-third a:hover,
td.middle-third a:hover,
td.right-third a:hover,
table.nav-bar a:hover {
	text-decoration: underline;
	background-color: #C8D2DC;
}

td.left-second {
	width: 50%;
	text-align: left;
	vertical-align: middle;
}

td.right-second {
	width: 50%;
	text-align: right;
	vertical-align: middle;
}

td.left-third {
	text-align: left;
	width: 40%;
	vertical-align: middle;
}

td.middle-third {
	text-align: center;
	width: 20%;
	vertical-align: middle;
}

td.right-third {
	text-align: right;
	width: 40%;
	vertical-align: middle;
}

.clearfloat {
	 clear: both;
}

td {
	padding: 2pt 5pt 2pt 5pt;
}

/*****************************************************************************
 * Debugging
 ****************************************************************************/
div.debug {
	background-color: #C6D1E5;
	border: 1px solid black;
	padding: 5px 5px 5px 5px;
}

div.debug div#error,
div.debug div#warning {
	font-weight: bold;
	font-size: 18px;
	padding: 5px 5px 5px 5px;
	background-color: #A7AED9;
	margin-bottom: 15px;
}

div.debug div#error {
	color: red;
}

div.debug span.label {
	font-weight: bold;
}

div.debug span.arg {
	text-decoration: underline;
}

div.debug div#backtrace {
	background-color: #D9E0ED;
	padding: 5px 5px 5px 5px;
}

div.debug div#backtrace div#head {
	background-color: #F6BFBF;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 15px;
}

/*****************************************************************************
 * Tab bars
 ****************************************************************************/
ul.tab-bar {
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
}

ul.tab-bar li {
	float: left;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-decoration: underline;
}

/* default tab styles */
.tab, .tabcaution, .tab-sel {
	 display:				block;
	 margin:				 0.2em 0.2em 0 0.2em;
	 padding:				0.2em 0.3em 0 0.3em;
	 white-space:		  nowrap;
	 border-bottom:		0;
	 text-decoration:	 none;
}

/* default tab styles */
.tab, .tabcaution, .tab-sel {
	 border-radius-topleft: 0.4em;
	 border-radius-topright: 0.4em;
	 -moz-border-radius-topleft: 0.4em;
	 -moz-border-radius-topright: 0.4em;
}

/* disabled tabs */
span.tab {
	 color: #666666;
}

/* disabled drop/empty tabs */
span.tabcaution {
	 color:				  #ff6666;
}

/* enabled drop/empty tabs */
a.tabcaution {
	 color:				  #FF0000;
}
a.tabcaution:hover {
	 color: #FFFFFF;
	 background-color:	#FF0000;
}

/* enabled drop/empty tabs */
a.tabcaution {
	 color:				  #FF0000;
}
a.tabcaution:hover {
	 color: #FFFFFF;
	 background-color:	#FF0000;
}

/* enabled hover/active tabs */
a.tab,
a.tabcaution:hover,
.tab-sel,
.tab-sel:hover {
	margin-left: 0px;
	margin-right: 5px;
	padding: 0.2em 0.4em 0.2em 0.4em;
	text-decoration: none;
	color: black;
}

a.tab:hover,
.tab-sel {
	 color: #AD5537;
}

/*****************************************************************************
 * hovermenu
 ****************************************************************************/
#dropmenudiv {
	position: absolute;
	border:1px solid black;
	border-bottom-width: 0;

	font: normal 12px Verdana;
	line-height: 13px;
	z-index: 100;
}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: green;
}

.tip {
	position:absolute;
	font: 12px Arial,Helvetica,sans-serif;
	border: solid 1px #666666;
	width: 200px;
	padding: 1px;
	z-index: 100;
	visibility: hidden;
	background-color: #ffffcc;
}

div.note {
	text-align: left;
	width: 79%;
	font-size: 8pt;
	border: 1px solid #3B6396;			/* Deep blue */
	background-color: #F5F688;
	padding: 4px;
}

/*****************************************************************************
 * General divs for hiding/showing only during printing
 ****************************************************************************/
div.not_printable {
}

div.print_text {
	display: none;
}

/*****************************************************************************
 * Override anchors
 ****************************************************************************/
a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}