/*****************************************************************************
 * Base Cascading Style Sheets for phpUni
 *****************************************************************************
 * Copyright (C) 2004-2006
 *
 * Authors : Filios Konstantinos (drcypher@mail.ntua.gr)
 *
 * Created : 25.05.2006
 *
 * Version : 1.0
 ****************************************************************************/

/*****************************************************************************
 * Οverall items
 ****************************************************************************/
body {
	font-size: 10pt;
	font-family: Verdana, Serif;
	margin: 0px;
}

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

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

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

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

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

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

/*****************************************************************************
 * Header (Logo & bar) & footer
 ****************************************************************************/

div#logo,
div#shortcuts,
div#footer {
	display: none;
}

div#print_header {
	color: black;
}

div#print_title {
	margin: 10px;
	text-align: center;
	font-weight: bold;
}

div#print_footer {
	text-align:right;
	font-style: italic;
	padding-right: 10px;
}


/*****************************************************************************
 * Users
 ****************************************************************************/
a.user-founder,
a.user-admin,
a.user-mod,
a.user-reg,
a.user {
	font-weight: bold;
	text-decoration: none;
}

a.user-founder {
	color: blue;
}

a.user-admin {
	color: #5a22c6;
}

a.user-mod {
	color: green;
}

a.user-reg {
	color: black;
}

a.user-founder:hover,
a.user-admin:hover,
a.user-mod:hover,
a.user-reg:hover,
a.user:hover {
	color: #FF4C4C;
	text-decoration: underline;
}

/*****************************************************************************
 * View tables (Προς το παρόν φαίνεται στο "μαθήματα")
 ****************************************************************************/

/* Hide CheckBoxes */
input {display: none; }


table.view {
   font-size: 9.5pt;
   border: thin solid black; /*#3B6396;          Deep blue */
   background-color: #A0A0A0; /* #709AD1;*/
   width: 90%;
}

table.view a {
   color: gray;
   font-style: italic;
   text-decoration: none;
}

table.view a:hover {
	text-decoration: underline;
	background-color: white;/*rgb(220,220,250);*/
}

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

table.view tr.subheader {
   color: black;
   font-size: 9.5pt;
   background-color: white;    /*url("../images/tile_down.jpg");*/
   font-weight: bold;
   font-style: italic;
   text-align: center;
   line-height: 150%;
}

table.view tr.subheader a {
   color: black;
   font-size: 9.5pt;
   font-weight: bold;
   font-style: italic;
   line-height: 150%;
   text-decoration: none;
}

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

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

table.view tr.even {
   background-color: white;
   font-size: 8.5pt;
}

table.view tr.odd {
   background-color: white;
   font-size: 8.5pt;
}

a,
table.view tr.even td a,
table.view tr.odd td a {
   color: black;
   text-decoration: none;
}

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

a:hover {
	text-decoration: underline;
}

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:  white;  /*#B0BFAB*/
}

table.view tr.note td {
	font-size: 7.5pt;
	font-style: italic;
	background-color: black;/*#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: thin solid #000175;         /* Deep blue */
	width: 80px;
	background-color: white;
}

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;
}

table.nav-bar {
	display:none;
}

.clearfloat {
    clear: both;
}

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

/*****************************************************************************
 * Debugging
 ****************************************************************************/
div.debug {
	background-color: #C6D1E5;
	border: thin 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;
}

option.selected {
	font-weight: bold;
}

.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;
	background-color: #ffffcc;
}

/*****************************************************************************
 * Header: Main portion for /index.php (central)
 ****************************************************************************/
div#main div#recent_topics_container,
div#main div#menu_right,
div#main div#menu_left {
	display: none;
}

marquee#recent_topics {display: none; }

div#main div#content {
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	min-width: 150px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	z-index: 3;
}


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

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

/* default tab styles */
.tab, .tabcaution, .tab-sel {
	 display:            none;
    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;
}

/*****************************************************************************
 * News
 ****************************************************************************/
div.news {
	font-size: 10pt;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana;
	margin-top: 10pt;
	margin-bottom: 20pt;
	background: #E5E5DE;
	width:100%;
	border:1px solid #000175;
	border-top: none;
}

div.menu h3,
div.news h3  { /* groovy floating topright headings*/

	font:  bold 1em Verdana, Arial, Helvetica;
	/*background: url("../images/tile_up.jpg");*/
	padding: 2px 0em 4px 0.5em;
	/*clear: left;*/
	color: #000000;
	margin: 0;
	border-top: 1px solid #000175 ;
	border-bottom: 1px solid #000175 ;

}
div.menu h3:hover,
div.news h3:hover {
	background: url("../images/tile_down.jpg");
}

div.news div.head div.title {
	background-color: white;
	font-family: "Courier New";
	font-size: 13pt;
	font-weight: bold;
	padding-left: 5pt;
	padding-right: 5pt;
	line-height: 23px;
}

div.news div.bar {
	font-family: "Verdana";
	text-align: right;
	font-style: italic;
	color: gray;
	float: right;
	font-size: 8pt;
	padding-left: 3pt;
	padding-right: 5pt;
	margin-bottom: 5pt;
}

div.news div.bar-left {
	font-family: "Verdana";
	text-align: right;
	font-style: italic;
	color: gray;
	float: left;
	font-size: 8pt;
	padding-left: 3pt;
	padding-right: 5pt;
	margin-bottom: 5pt;
}

div.news div.body {
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

div.body a {
	color: #526999;
}

div.news div.panel {
	font-size: 8pt;
	padding: 2pt;
	background: #E5E5E5;
	border-top: thin solid #000175;
}

table.view {
   width: 100%;
}

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

table.msg {
	width: 80%;
}

div#calendar table {
	width: 100%;
	font-size: 7.5pt;
}

div#calendar table tr#months {
			font: bold;
        text-align: center;
        background-color: #A7D98D;
t-size: 9pt;
	background-color: #080986;
	color: #FFFFFF;
}

div#calendar table tr#months td a {
	color: #FFFFFF;
	text-decoration: none;
}

div#calendar table tr#wdays,
div#calendar table tr#wdays td:hover {
	font-size: 7.5pt;
	font-weight: bold;
	text-align: center;
	background-color: #A7D98D;
	vertical-align: middle;
	border: none;
}

div#calendar table tr td {
	padding: 1pt 1pt 1pt 1pt;
	margin: 0px;
	text-align: center;
/*	border: thin solid #F8F3F0;  Color same as menu background */
}

div#calendar table tr td.today {
	padding: 0pt 0pt 0pt 0pt;
	border: thin solid blue;
	font-weight: bold;
	background-color: #C3C9EB;
}
div#calendar table tr td.today-wkd{
	padding: 0pt 0pt 0pt 0pt;
	border: thin solid blue;
	font-weight: bold;
	background-color: white;
}

div#calendar table tr td.other-wkd,
div#calendar table tr td.other {
	color: #ABABAB;
}


div#calendar table tr td.other-wkd,
div#calendar table tr td.wkd {
	background-color: #EBEBEB;
}

div#calendar table tr#wdays td.wkd {
	border: none;
	background-color: #97C57F;
}

div#calendar table tr td.today:hover {
	border: thin solid #B366AD;
	background-color: red;
}

div#calendar table tr td.other-wkd:hover,
div#calendar table tr td.other:hover,
div#calendar table tr td:hover {
	padding: 0pt 0pt 0pt 0pt;
	border: thin solid #B36C66;
	background-color: orange;
}

div#calendar table tr#months td:hover {
	background: black;
}

/*****************************************************************************
 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;

}


/************************************************************************
*****************************Calendar page (index.tpl)
*************************************************************************/

table.cal {
	font-size: 11px;
	width: 100%;
	border: medium solid #3B6396;
	font-size: 8.5pt;
}
table.cal td {
	width: 14.3%;
	border: none;
	padding: 0;
	border-right: thin groove #498B2B;
	border-left: thin groove #498B2B;
	background-color: #FFFFB0;
   width: 14.3%;
}
table.cal td.today {
	background-color: silver;
	border: thin solid #7315FE;
}
table.cal td.today-wkd {
	background-color: silver;
	border: thin solid #7315FE;
}
table.cal td:hover {
    background-color:  #B0BFAB;
}
table.cal td.wkd {
	background-color: #F5F688;
}
table.cal td.wkd:hover {
	background-color: #B0BFAB;

}
table.cal td.other {
	color: #ABABAB;
}
table.cal td.other-wkd {
	background-color: #F5F688;
	color: #ABABAB;
}
table.cal td.other-wkd:hover {
	background-color: #B0BFAB;
}
table.cal td h3 {
	font-size:11px;
	background: url("../images/tile_down_small.jpg");
	padding: 0px 3px 0px 3px;
	margin: 0;
}
table.cal th h3:hover {
	background: url("../images/tile_up.jpg");
}
 table.cal td h3 div.day {
 	float: right;
 	text-align: right;
 }

 table.cal tr td div.events {
 	min-height:50px;
 	font-size: 10px;
 }
 table.cal td.months {
 	text-align: center;
 	border: none;
 	font-size: 11pt;
 }
/**********************************************************************************************
************************ General divs for hiding/showing only during printing*******************
***********************************************************************************************/
div.not_printable {
	display: none;
}

div.print_text {
}