/* gavo-style.css 

   cascading style sheet to be used within GAVO Web apps
*/

/* Styles for content */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
        color: rgb(4,46,116);
	background-color: white;
        margin: 0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
        font-size: 16pt;
        padding-top: 0px;
        padding-bottom: 5px;
        border-bottom: 1px solid rgb(144,144,144);
}

h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13pt;
        padding-top: 6px;
        padding-bottom: 0;
}

h3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        padding-top: 4px;
        padding-bottom: 0;
}

table {
        border: 1px solid rgb(192,192,192);
	border-collapse: collapse;
}

td,th {
	font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        padding: 5px;
        text-align: left;
	border: 1px solid rgb(192,192,192);
}

th {
	background-color: rgb(238,238,238);
}

form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

textarea {
	font-size: 9pt;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

/* anchors */
a {
        text-decoration: none;
        color: rgb(4,46,240);    
}

a:hover {
        text-decoration: underline;
        color: rgb(4,46,240);
}

a:visited {
        text-decoration: none;
        color: rgb(150,46,200);
}

a img {
        border: none;
}

#banner {
        border-bottom: 1px solid rgb(137,157,191);
}

#content {
        padding: 25px 25px 0 25px;
}

#footer {
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        margin: 25px;
        padding-top: 10px;
        border-top: 1px solid rgb(144,144,144);
}

/* Styles for horizontal smain menu */
#menu {
        padding: 3px;
}

span.menu {
        font-weight: bold; 
        color: rgb(4,46,80);
}

a.menu {
        text-decoration: none;
        color: rgb(4,46,116);
        font-size: 10pt;
        font-weight: bold;
}

a.menu:hover {
        text-decoration: underline;
        color: rgb(4,46,116);
        font-weight: bold;
}

a.menu:visited {
        text-decoration: none;
        color: rgb(4,46,116);
        font-size: 10pt;
        font-weight: bold;
}

/* Styles for vertical submenus */
#submenuvertical {
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
        background-color: rgb(205,213,227);
}

.submenuvertical h1 {
        font-size: 14pt;
        font-weight: bold;
        padding-top: 6px;
        padding-bottom: 6px;
        border-bottom: 1px solid rgb(144,144,144);
}

.submenuvertical h2 {
        font-size: 10pt;
        padding-top: 6px;
        padding-bottom: 0px;
}

.submenuvertical h3 {
        font-size: 8pt;
        font-weight: normal;
        text-indent: 12px;
        padding-top: 2px;
        padding-bottom: 0;
}

.submenuvertical a {
        text-decoration: none;
        color: rgb(4,46,86);
        font-weight: bold;
}

.submenuvertical a:hover {
        text-decoration: underline;
        color: rgb(4,46,86);
        font-weight: bold;
}

.submenuvertical a:visited {
        text-decoration: none;
        color:rgb(4,46,86);
        font-weight: bold;
}

/* Styles for invisible structural tables, e.g. the background table used for design */
table.structure {
	border: 0;
	padding: 0;
        margin: 0;
        border-collapse: collapse;
}

table.structure th {
	border: 0;
        padding: 0;
        margin: 0;
}

table.structure td {
	border: 0;
        padding: 0;
        margin: 0;
}

.bluebackground {
        background-color: rgb(137,157,191);
}

.more {
        color: red; 
        font-size: 8pt;
        font-weight: bold;
}

.copyright {
        font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
}

/* class for data tables */
table.datatable {
	/* border: 1px solid rgb(192,192,192); */
        border: none;
	border-collapse: collapse;
}


a.header 
table.datatable th {
	font-size: 12px;
        text-align: center;
        padding: 5px;
        border: 1px solid #CCCCCC;
	background-color: lightgray; /* rgb(238,238,238); */
}

table.datatable td {
	font-size: 12px;
        text-align: right;
        padding: 5px;
        border: 1px solid rgb(192,192,192);
}

/* table.dialogue for structural tables without borders */
table.dialogue {
        border: 0;
}

table.dialogue th {
        border: 0;
        padding: 5px;
}

table.dialogue td {
        border: 0;
        padding: 5px;
}

td.title {
	font-family: Arial, Helvetica, sans-serif;
        font-size: 30pt;
        padding-top: 0px;
        padding-bottom: 5px;
        border-bottom: 1px solid rgb(144,144,144);
}