/* Style file used for Mango's Homepage */

/* standard elements */

html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}


img, .image {
	border: none;
}

a:link {
	color:#36F;
	text-decoration:underline;
}
a:visited {
	color: #339;
	text-decoration:underline;
}
a:hover, a:active, a:focus {
	color: #AA0;
	text-decoration:underline;
}

body {
	font-family: Tahoma, Arial, Geneva, sans-serif;
	line-height: 1.5;
	font-size: 8pt;
	color: #555;	

	scrollbar-face-color:#fc0;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#fc0;
	scrollbar-darkshadow-color:red;

	scrollbar-track-color: #ffeda6;
	scrollbar-shadow-color:#fff;
	scrollbar-arrow-color:#fff;
}



table {
	border-collapse: collapse;
	margin-bottom: 4px;
	border-color:#AA0;
}

td {
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size: 8pt;
}

p {
	text-align:left;
	padding:4px;
}

input {
	background-color:#fff;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size: 8pt;
	text-align:left;
	scrollbar-face-color: Silver;
	scrollbar-highlight-color: Gray;
	scrollbar-3dlight-color: Gray;
	scrollbar-darkshadow-color:#aaa;

	scrollbar-track-color: Gray;
	scrollbar-shadow-color: #8080C0;
	scrollbar-arrow-color:#fff;
	
	border-top: 1px solid #005b8e;
	border-left: 1px solid #005b8e;
	border-bottom: 1px solid #005b8e;
	border-right: 1px solid #005b8e;
}

H1 {
	color: #E62C00;
	font-size: 20pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H2 {
	color: #EB694A;
	font-size: 16pt;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none
}

H3 {
	font-size: 12pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H4 {
	font-size: 10pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H5 {
	font-size: 8pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

H6 {
	font-size: 6pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}


.menuh { /*hover item*/
line-height: 1.2;

border-color:#FF9;
cursor:pointer;
border-left:#FF9;
border-top:#FF9;
padding-left:1px;
/*padding-top:1px;*/
background-color:#FF9;
}
.menuc { /*tracked item*/
line-height: 1.2;

color:#FFF;
border-color:#6AF;
border-left:#6AF;
border-top:#6AF;
padding-left:1px;
/*padding-top:1px;*/
background-color:#6AF;
}
.menud { /*shoutbox item*/
line-height: 1.2;

color:#FFF;
border-color:#6AF;
border-left:#6AF;
border-top:#6AF;
padding-left:1px;
background-color:#CC9;
color:#fff;
cursor:pointer;
text-align:center;
}
.menu { /*clean item*/
line-height: 1.2;

background-color:#FFF;
}
.home {
cursor:pointer;
}

.menulinks{
text-decoration:none;
}



DIV.menuBar {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar A.menuButton {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu A.menuItem {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar {
	BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0 2px outset; PADDING-LEFT: 2px; PADDING-BOTTOM: 4px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
}
DIV.menuBar A.menuButton {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 6px; Z-INDEX: 100; LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP: 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuBar A.menuButton:hover {
	BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000; BORDER-BOTTOM: #e0e0e0 1px outset; BACKGROUND-COLOR: transparent
}
DIV.menuBar A.menuButtonActive {
	BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #fff; BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menuBar A.menuButtonActive:hover {
	BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #fff; BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menu {
	BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0 2px outset; PADDING-LEFT: 0px; Z-INDEX: 101; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px; BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #e0e0e0
}
DIV.menu A.menuItem {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000; PADDING-TOP: 3px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
DIV.menu A.menuItem:hover {
	COLOR: #fff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItemHighlight {
	COLOR: #fff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItem SPAN.menuItemText {
	
}
DIV.menu A.menuItem SPAN.menuItemArrow {
	MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {
	BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
}


.content {
        background : #B6C7CF;
        font-size : 9pt;
        text-decoration : none;
font-weight:400;
	padding: 4px;
}

.altcontent {
        background : #FFF;
        font-size : 9pt;
        text-decoration : none;
font-weight:400;
        padding: 4px;
}

.bar {
font-weight:700;
	background : #FFC;
	color:#06C;
	font-size:10pt;
}


.button {
background-color:#369;
color:#FFF;
border:1px solid #036;
}

.dropdownmenu {
	background-color: #efefff; 
	border: thin groove; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
color:#333;
border-color:#CCC CCC CCC;
}


ul {
	margin-top: 5px;
	margin-bottom: 15px;
	list-style: none;
}

ul li {
	padding-left: 25px;
	background: url(graphics/bullet-list.gif) no-repeat 10px 6px;
text-align:left;
}

.sidebar th, td.orange {
	font-size        : 12pt;
	font-weight      : bold;
	text-transform   : uppercase;
	text-align       : center;
	color            : #FFF;
	background: url(graphics/modul.jpg);
}




/* http://www.dgemu.com/graphics/Skins/DGAero/default.css */

/* misc */
.clearer {
	clear: both;
	font-size: 0;
}

.left {float: left;}
.right {float: right;}

.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}

.content-padded {padding: 10px 12px;}
.bold {font-weight: bold;}


/* structure */

.top-logo-wrapper {
	background: url('graphics/Skins/DGAero/top.png') no-repeat left top;
}

.top-bg-wrapper {
	background: url('graphics/Skins/DGAero/top_bg.png') repeat-x left top;
}

.bottom-bg-wrapper {
	background: url('graphics/Skins/DGAero/bottom_bg.png') repeat-x left bottom;
text-align:center;
}

.wrapper {
	margin: 0 auto;
	padding-top: 77px;
	width: 800px;
text-align:left;
}
.inner-container {
	line-height: 1.3em;
	margin: 0 24px;
	width: 750px;
}

.outer-container {
	background: url('graphics/Skins/DGAero/container.png') repeat-y;
	font-size: 1.2em;
}

.header-top {
    background: url('graphics/Skins/DGAero/header-top.png') no-repeat;
    width: 783px;
    height: 18px;
    margin-left: 8px;
}

.header-inner-container {
	line-height: 1.3em;
}

.header-outer-container {
	background: url('graphics/Skins/DGAero/container.png') repeat-y;
	font-size: 1.2em;
}

/* headere & title */
.header {
	background: url('graphics/Skins/DGAero/header.png') no-repeat;
	height: 181px;
}
.header .logo {
	float: left;
	margin-left: 20px;
	height: 138px;
	width: 200px;
}
.header .updates {
	float: right;
	padding-right: 25px;
	width: 545px;
}
.header .content-padded {padding: 8px 20px 0;}

.header a, .header a:visited {
	color: #456;
	font: bold 1.1em Verdana,sans-serif;
	text-decoration: none;
}
.header a:hover, .header a:active, .header a:focus {
	color: #FFF;
	text-decoration: none;
}

/* navigation */
#navigation {
	background: url('graphics/Skins/DGAero/navigation.png') no-repeat left center;
	height: 100px;
    text-align: center;
}


/* content */
#main {
	float: right;
	width: 745px;
}

/* footer */
.footer {
	background: url('graphics/Skins/DGAero/footer.png') no-repeat left;
	font: bold 1em sans-serif;
	height: 200px;
}
.footer .content-padded {padding: 23px 14px 0;}

.footer a {
	color: #456;
	font: bold 1.0em Verdana,sans-serif;
	text-decoration: none;
}
.footer a:hover, .footer a:active, .footer a:focus {
	color: #AA0;
	text-decoration: none;
}	

#bottom {
    background: url('graphics/Skins/DGAero/bottom.png') no-repeat left bottom;
    height: 320px;
}