/* U-MANGATE - http://www.u-mangate.com - info@u-mangate.com
 *  _  _      __  __                      _
 * | || | __ |  \/  |___   ___  ___ ___  | |_  ___
 * | || | __ | |\/| / _` \/   |/ _ / _` \| |_ / -_) ~ Innovative eSolutions ~
 * \____/    |_|  |_\__,_|__|_|\   \__,_|\___|\___| v. 1.0.2
 *                             _/  / 
 *                            |___/ 
 * AOS Skin for MR-CDH.be
 */


* {
	margin: 0;
	padding: 0;
	font-size:13px;
}

html {
	background: none;
}

body {
	margin: 0;
	padding: 0; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font: normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; 
	color: #333333;
	text-align: center; /* important for centered design : see #container also */
	background-color: #E7EEF6;
	background-image:url(../img/middle.gif);
	background-position:center;
	background-repeat:repeat-y;
}

a, a:visited {
	text-decoration: underline;
	color: #333333;
	font-size:13px;
}

a:hover {
	text-decoration: underline;
	color: #999999;
}

acronym {
	text-decoration: none;
	color: #D7661C;
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

#content h1, h2, h3, h4, h5, h6 {
	padding-top:6px;
	padding-bottom:6px;
	color:#861500;
}

#content ul {
	padding-left:20px;
}

#content ol {
	padding-left:20px;
}

#content li {
	padding-left:10px;
	list-style: square;
}

p {
	margin-bottom: 10px;
}

#container {
	margin: 0px auto; /* important for centered design : see body also */
	padding: 0px;
	width: 800px;
	border: none;
	text-align: left;
	height:100%;
}

#errors {
	color: red;
	font-weight: bold;
	text-align: center;
	background-color: #FFE1E1;
}

#header {
	width:100%;
	background-color:white;
}

#links{
	width:740px;
	height:18px;
	position:absolute;
	text-align:right;
	margin: 4px 0px;
	word-spacing:5px;
}

#links a:link, #links a:active, #links a:visited{ font-size:12px; word-spacing:normal;}

#links a:hover{}

#menu{
	background-color:white;
	padding:0px;
	margin:0px;
	height:31px;
	background-image:url(../img/menuBkg.gif);
	background-repeat:repeat-x;
	background-position:top;
}
	
#menu ul li{
	display:inline;
}

#menu a{
	font-size:12px;
	color:#333333;
	font-weight:bold;
}

#menu a:hover{
	color:white;
}

#adminMenu{
	text-align:right;
	background-color:#F0F3F8;
	background:url("/aos/_resources/skin/aos/WEB/img/logo-umg.gif") no-repeat left;
	background-color:#F0F3F8;
	
	border: 1px solid #BBBBBB;
	padding: 12px 8px;
	margin: 2px 0px;
}

#adminMenu a:link, #adminMenu a:active, #adminMenu a:visited{
	color:white;
	background-color:#BBBBBB; 
	padding: 3px 10px;
	border: 1px solid #333333;
}

#adminMenu a:hover{
	background-color:#BBBBBB;
	font-weight: bold;
}

#adminMenu ul li{
	display:inline;
}

#content{
	background-color: #ffffff;
	padding:8px;
}

#contentdiv{ 
/*	This "div" alone in content is to solve margin behavior problem between IE/MOZ 
	The total is 760px -> 748px + 6px + 6px
*/
	width:748px; /*Generate of right margin (6px)*/
	margin-left: 6px; /*Normal left margin (6px)*/
}

#content p{
}

#content h1{
	color:#861500;
	font-size:medium;
}

#content a:link, #content a:active, #content a:visited{
	color:#FF6F00;
	text-decoration:underline;
}

#content a:hover{
	color:#861500;
}

#sidebar{
	float:right;
	width:206px;
	margin:8px 0px;
	background-color:#F7F7F7;
}

#quicklinks{
	margin:0px 0px 8px 0px;
}

#quicklinks a:link, #quicklinks a:visited, #quicklinks a:active {
}

#quicklinks a:hover{
}

#footer {
	clear:both;
	padding:2px;
	padding-bottom:4px;
	background-color:white;
	text-align:center;
}

#credits {
	background-color:transparent;
	padding:1px 6px 1px 6px;
	text-align:center;
	height:14px;
	font-weight: 10px;
}

#login {
	width: 250px;
}

#login table {
	width: 100%;
	border: 0;
}

.error {
	color: red;
	font-weight: bold;
}

.box {
	border:1px dotted black;
	width:100%;
	padding:8px;
	background-color:#FFFFFF;
}

.box h1 {
	font-size:14px;
	color:#333333;
	padding:2px 5px;
	background-color:#F8F5F1;
}

.box ul {
	padding:5px 15px;
}

.box ul li {
	list-style:none;
	padding:2px 0px;
}

#notes {width:206px; padding-bottom:10px; background-color:#FFFFFF;}

.notesTitle {background-image:url(../img/boxTop.gif); background-position:left; background-repeat:no-repeat;
		width:206px; height:27px; padding:6px 5px 0px 28px;}

.notesTable{width:206px; background-image:url(../img/boxMiddle.gif); background-repeat:repeat-y; background-position:top; }

.notesContent {padding:5px;}

#XY-infobox {
	background: url(/aos/_resources/skin/com.u-mangate/WEB/css/images/box-gray-bottom.gif) no-repeat bottom left;
	margin: 0 0 8px;
	width:220px;
}
#XY-infobox div {
	background: url(/aos/_resources/skin/com.u-mangate/WEB/css/images/box-gray-top.gif) no-repeat top left;
	padding: 8px;
}

/*infobox resizable in Y axe only. Fixed width*/

#Y-infobox {
	float:left;
	color:#666;
	background:url(/aos/_resources/skin/com.u-mangate/WEB/css/images/box-right.gif) top right no-repeat;
}

.infodesc {
	margin:0;
	padding:9px 9px 0 9px;
	background:url(/aos/_resources/skin/com.u-mangate/WEB/css/images/box-left.gif) top left no-repeat;
}

.infolink {
	margin:0;
	padding:0 0 0 9px;
	background:url(/aos/_resources/skin/com.u-mangate/WEB/css/images/box-left.gif) bottom left no-repeat;
}

.infolink em {
	display:block;
	padding:0 9px 9px 0;
	font-style:normal;
	background:url(/aos/_resources/skin/com.u-mangate/WEB/css/images/box-right.gif) bottom right no-repeat;
}

ul#menuItems, ul {
	padding: 0;
	margin: 2px 0px 2px 0px;
	list-style-type: none;
	text-align: left;
}

ul#menuItems ul {
	margin-top: 0px;
	position: absolute;
	visibility: hidden;
	background-color:#BED6F0;		
	text-align: left;
	z-index: 9;
}

ul#menuItems li {
	float: left;
	padding: 2px 0px 2px 0px;
	behavior: url(/aos/_resources/skin/be.mr-cdh/WEB/htc/hover.htc);
	background-color: none;
	background-image:url(../img/menuSeparator.gif);
	background-position:right;
	background-repeat:no-repeat;
}

ul#menuItems a {
	padding: 2px 0px 2px 0px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
}

ul#menuItems a:hover {
	background-color: #BED6F0;
}

ul#menuItems ul a:hover {
	background-color: #BED6F0;
	text-decoration: none;
}

ul#menuItems li:hover ul, ul#menuItems li.hover ul {
	visibility: visible;
}

ul#menuItems li li {
	float: none;
	border: none;
}