/* main CSS for Mister Stock Interfaces
 *
 * Stock, 2009 */

body {
	background-color: #e5e5e5;
	color: black;
	font-family: Univers, Helvetica, Verdana, Geneva, sans-serif;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 978px;
}


/* Shadows on the left & right edge of the inner page */
div.l_shadow {
	background: transparent url(../img/bg_body.gif) 0 0 repeat-y;
}

div.r_shadow {
	background: transparent url(../img/bg_body.gif) 100% 0 repeat-y;
}

/* The inner page */
#page {
	width: 950px;
	border-left: thin solid #D2D2D2;
	border-right: thin solid #D2D2D2;
	margin-left: auto;
	margin-right: auto;
}

div {
	background-color: #F0F0F0;
	color: #666666;
}

/* The Navigation-bar at top */
#navbar {
	background-image: url(../img/Header-10x64.gif);
	background-repeat: repeat-x;
	height: 64px;
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	border-bottom: 1px solid #747B59;
}

#mrstockinterfaces {
        color: white;
        font-size: 140%;
        float: left;
        margin: 0;
        padding: 20px 0.5em 0 10px;
}

#mrstock {
        font-weight: 900;
}

#navmenu {
        font-size: 100%;
        display: block;
        text-align: right;
        list-style-type: none;
        margin: 0 -0.5em 0 0;
        padding: 22px 40px 5px 1em;
}

.navmenu li {
        display: inline;
        list-style-type: none;
        padding: 0;
        margin: 0;
}

.navmenu a {
        margin: 0 0 0 0.2em;
        padding: 0.9em 0.45em 0.2em;
}

.navmenu a.flag {
	position: relative;
	padding: 4px 0 0 14px;
	top: 3px;
}

.navmenu a:link, .navmenu a:visited {
	color: white;
	text-decoration: none;
}

.navmenu a:hover, .navmenu a:active, .navmenu a:focus {
        text-decoration: underline;
}

#navmenu a {
        background: transparent url(../img/norgie.png) -100px 0 no-repeat;
}

#navmenu a.selected {
        background-position:50% 0;
}

/* The second navigation-bar, with links that can be different for each page */
#tagsbar {
	background-color: #7A8F65;
	height: 31px;
	border-top: 1px solid #A9BC9C;
	border-bottom: 1px solid #5f7554;
}

#tagsmenu {
        font-size: 100%;
        display: block;
        text-align: left;
        list-style-type: none;
        margin: 0 -0.5em 0 0;
        padding: 7px 40px 5px 25px;
}

/* The banner, with the animation */
#banner {
	background-image: url(../img/MrStockBanner.gif);
	background-repeat: no-repeat;
	height: 100px;
}

/* The page title, right above the border to the main content */
#pagetitle {
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	background-color: #F0F0F0;
	height: 24px;
	border-bottom: 1px solid #DFDFDF;
	padding: 6px 0 0 30px;
}
/*
#pagetitle span {
	margin: 4px 0 0 30px;
} */

/* The main page contents */
.main {
	border-top: 1px solid #FFFFFF;
        background: #fff url(../img/bg_pagecontent.gif) 0 0 repeat-x;
	color: #666666;
	text-align: left;
	padding: 0 50px 0 50px;
	border-bottom: 1px solid #DFDFDF;
}

.main a:link { color: #6666FF; }

.main a:visited { color: #804080; }

.main a:hover { color: #0080FF; }

.main a:active { color: #FF6666; }

/* The footer */
#footer {
	background-color: #888888;
	border: 1px solid #FFFFFF;
	padding: 3px;
	text-align: left;
}

#credits {
	font-family: "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 50%;
	list-style-type: none;
	color: white;
}

#credits a:link, #credits a:visited {
	color: white;
	text-decoration: none;
}

#credits a:hover, #credits a:active, #credits a:focus {
        text-decoration: underline;
}

#footer_icns {
	background-color: inherit;
	padding: 0 40px;
}

/* The shadow underneath the footer */
.footer_shadow, .footer_shadow span {
	display: block;
	position: relative;
        height: 14px;
        margin: 0 -14px;
        background: #fff url(../img/bg_endfooter.gif) 100% 0 repeat-x;
}

.footer_shadow span {
        position: absolute;
        background-position: 0 0;
        width: 14px;
        margin: 0;
}