/* DEFAULT TYPES */
/* Default styles such as main fonts, link rendering and header rendering */

html, body {
	/* REM-- the next line wilfully sabotages the margin in IE/Mac 5.x -- */
	/* REM- background-color: transparent; */
	margin		: 0;
	padding		: 0;
	font-family	: Verdana, Arial, Helvetica, Sans-serif;
	font-size		: x-small;	/**90%; If you want to change the font-size, do it here - globally. **/
	line-height	: 150%;
}

body {
	color : black;
	background : #778899;
	text-align: center;
	min-width: 872px;
}

#wrapper {
	text-align		: left;
	width		: 872px;
	margin		: auto;
	background	: #f7f7f7;
	border 		: 1px solid #e0e0e0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Common styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p, ul, ol, dd, div, td, table {
	font		: 100% Verdana, Arial, Helvetica, sans-serif;
	color	: black;
	margin	: 0 0 5px 0;
}

ul, ol {
	margin-left : 20px;
}

ul.nosymbol {
	list-style-type : none;
}

sub {	/* SMS */
	vertical-align	: -20%;
	font-size		: 80%;
	line-height	: 80%;
}

sup {	/* SMS */
	vertical-align	: 90%;
	font-size		: 80%;
	line-height	: 70%;
}

A, A:link, A:visited, A:hover, A:active {
	color: #1b6896;
	text-decoration: none;
}

img.icon {
	height	: 1em;
	border	: 0;
}

input.icon {
	height	: 1.5em;
	border	: 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PAGE CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#maincontent {
	margin		: 0 0 0 180px;
	padding		: 1px 5px;
	border		: 1px solid #e0e0e0;
	text-align		: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MENU/TOC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#menu {
	position		: absolute;
	width		: 180px;
	font-size		: 95%;
	line-height	: 160%;
	background	: #f7f7f7;
	border 		: 1px solid #e0e0e0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PAGE HEADER (logo & search)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pageheader {
	left			: 0;
	top			: 0;
	margin		: 0px;
	padding		: 0;
	border		: 1px solid #e0e0e0;
	text-align		: right;
	min-height	: 38px;
}

#pageheader A#logo {
	float			: left;
	height		: 38px;
	width		: 300px;
	display		: block;
	background	: url(../icons/aigaion.png) center no-repeat;
}

#pageheader #searchform {
	position : relative;
	top : 10px;
	right : 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PAGE FOOTER (date, copyright)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pagefooter {
	font-size		: 80%;
	line-height	: 160%;
	margin		: 25px 180px 10px 180px;
	border		: 1px #FFA solid;
	padding		: 3px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MENU content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#menu ul {
	margin-left	: 0;
	padding		: 0 1em;
	list-style-type	: none;
}

#menu li,  #menu p {
	padding		: 1px 2px 1px 2px;
	color 		: #778899;
}

#menu li {
	margin-left	: 10px;
	text-indent	: -10px;
}

#menu A {
	text-decoration : none;
	padding : 2px;
	color : #1b6896;
}

#menu A:visited {
	color : #1b6896;
}

#menu A:hover {
	background-color	: #1b6896;
	color			: #e0e0e0;
}


#menu span.separator:before {
	content		: "";
}

#menu li#youarehere {
	padding		: 2px 3px 2px 11px;
	margin		: 0 -11px 0 -14px;
	text-indent	: 0;
}

#menu li#youarehere,
#menu li#youarehere A {
	background-color	: white;
	color			: #900;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PAGE HEADER & FOOTER contents
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#pageheader A,  #pagefooter A {
	text-decoration	: none;
	color			: #E00;
}

#pageheader A:hover,  #pagefooter A:hover {
	text-decoration	: underline;
	color			: blue;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Aigaion original styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.message {font-size:xx-small;margin: 10px 10px 10px 10px;padding : 10px 10px 10px 10px;background-color: #eeeeee;border:1px solid #E0E0E0;}
.errormessage {font-size:xx-small;margin: 10px 10px 10px 10px;padding : 10px 10px 10px 10px;background-color: #ee6666;border:1px solid #E0E0E0;}

/* STYLES FOR USE IN TOPIC TREES */

.collapsed {visibility:hidden;display:none;}
.invisibleexpanded {visibility:hidden;display:none;}
.expanded {display:inline;}
.visiblecollapsed {display:inline;}


.starred {
	font-weight: bold;
}

/* MENU STYLES */
/* Styles related to the main menu */

.headermenu { background-color:#eeeeee ;font-family: arial; font-size: x-small; color:#222255;margin-top:0px; }
.headermenumouseover { background-color:#dddddd ; font-family: arial; font-size: x-small; color:#333366;margin-top:0px; }

/* LIBRARY STYLES */
/* Styles related to the libraries in lib/
   Subdivided in
     'general': shared styles for all libraries (e.g. the style 'linkimageform' for single-image link forms)
                and the form elements styles
     'topic': styles specific to the topic library
     'note': ...
     etc... */

/* LIBRARY STYLES - general */

.editform {
	margin: 10px 10px 10px 10px;
	padding : 10px 10px 10px 10px;
	background-color: rgb(210,220,230);
	border:1px solid #0f0f10;
}

.linkimageform {
	display:inline;
}

.inlineform {
	display:inline;
}

select, input { font-size:xx-small;
        border-style: solid;
        border-width: 1px;
        border-color: #999999;
        padding-left: 2px;
}

input.noborder { font-size:xx-small;
        border-style: none;
        padding-left: 0px;
}

textarea { font-family: Verdana;
        font-size: small;
        border-style: solid;
        border-width: 1px;
        border-color: #999999;
        padding-left: 2px;
}

textarea:focus,select:focus,input:focus {
        border-color: #444444;
}

form {display:inline;
			margin-top: 0em;
			margin-bottom: 0em;}

/* LIBRARY STYLES - topic */
/* LIBRARY STYLES - person */
/* LIBRARY STYLES - author */
/* LIBRARY STYLES - note */

.readernote {
	font-size: small;
}

/* LIBRARY STYLES - attachment */

/* VALIDATION STYLES */
.errortext {
	color: #ee6666;
	font-weight: bold;
}

/* REST, OLD, ETC */

.islink {
	color: #1b6896;
	text-decoration: none;
	cursor: pointer;
}

.islink:hover, .islink:active {
	color: #778899;
	text-decoration: none;
}

.header {
	background-color:#eeeeee;
	font-weight: bold;
	font-family: arial;
	font-size: small;
	color: #222255;
	margin-top: 12px;
}
.header2 {
	font-weight: bold;
	font-family: arial;
	font-size: x-small;
	padding-top:4px;
}
.header3 {
	font-weight: bold;
	font-family: arial;
	font-size: x-small;
}

.nav A {
	color: white;
}
.small {
	font-size: xx-small;
}
.smallbold {
	font-size: xx-small;
	font-weight: bold;
}
.smallgray {
	font-size: xx-small;
	color: #808080;
}
.verysmallgray {
	font-size: xx-small;
	color: #808080;
}
.vlist td {
	padding-right: 15px;
	border-bottom: 1px solid #E0E0E0;
}

ul {
	margin-top: 7px;
	margin-bottom: 7px;
}