/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	background: #24428A;
	position: relative;
}
/* Header Section */
.multiview {
}
.LoginControlTable {
	width: 400px;
	margin: 0;
	padding: 0;
}
#header {
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}
/*
#header a:link, a:visited  {
	color: #B51032;
}*/

.menubg
{
    border-top: 1px solid #E2EBF1;
    width: 160px;
    height: 25px;
    background-image: url(images/button_hatter.gif);
}

.menubgdiv
{
    background-image: url(images/button_hatter.gif);
    height: 25px;
}

.selectedmenubg
{
    border-top: 1px solid #E2EBF1;
    width: 160px;
    height: 25px;
    background-image: url(images/button_hatter_2.gif);
}

.menubutton
{
    color: white; 
    font-size: 11px; 
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    padding-left: 5px;
    text-decoration: none;
}

.felsomenubutton
{
    color: white; 
    font-size: 11px; 
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    text-decoration: none;
}

.selectedmenubutton
{
    color: black; 
    font-size: 11px; 
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    padding-left: 5px;
    text-decoration: none;
}

.menutable
{
	width: 160px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.scrolldiv
{
	 overflow: auto; width: 100%; height: 450px
}

.orgtypetable
{
	width: 100%;
	background: #E4E5E6
}
.orgtypetable td {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	padding: 2px;
	font-size: 11px;
	color: #484848;
	border-bottom: 1px solid #D4D5D6;
}
.rootmenu 
{
}
.root_mi
{
	width: 227px;
    color: #87272f; 
    font-size: 11px;
	line-height: 22px;
	font-weight: bold;
    text-align: left;
    text-decoration: none;
}
.sel_root_mi
{
	width: 227px;
	background: #a82721 url('images/chrome/sel_menu_bg.gif') no-repeat center left;
    color: #FFF;
    font-size: 11px; 
	line-height: 22px;
	font-weight: bold;
    text-align: left;
    text-decoration: none;
}
.root_mi td, .sel_root_mi td {
	padding-left: 38px;
}
.topmenu {
	margin: 0 0 10px 0;
}
.top_mi, .sel_top_mi {
	width: 60px;
    height: 26px;
    color: white; 
    font-size: 11px; 
    font-weight: bold; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
}
.top_mi td
{
	width: 60px;
    height: 26px;
    background: url('images/chrome/tab_inact.gif') no-repeat top center;
}
.sel_top_mi td
{
	width: 60px;
    height: 26px;
    background: url('images/chrome/tab_act.gif') no-repeat top center;
}
.top_mi td a, .sel.top_mi td a {
	color: white;
}

/************************ EPERCHROME ***************************/
div.body_bg{
	position: absolute;
	top: 99px;
	display: none;
}
* {
margin: 0;
/*padding: 0;*/
}
div.main {
	position: relative;
	min-width: 960px;
	float: left;
	margin: 0 60px 60px 0;
}
div.cnt {
	background: #FFF;
	float: left;
	position: relative;
	min-height: 562px;
}
div.cnt div.cnt_left {
	background: #97a529;
	width: 216px;
	position: relative;
	z-index: 100;
	float: left;
	display: inline;
}
div.cnt div.cnt_right {
	background: #FFF;
	min-width: 744px;
	width: auto;
	position: relative;
	z-index: 99;
	float: left;
	display: inline;
}
div.header {
	min-width: 960px;
	height: 99px;
	position: relative;
	background: url('images/chrome/header_bg.gif') repeat-x top center;
}
div.header2 {
	min-width: 960px;
	height: 11px;
	position: relative;
	background: url('images/chrome/header_bg2.gif') repeat-x top center;
}
div.header div.logo_eper {
	position: absolute;
	left: 30px;
	top: 16px;
}
div.header div.logo_esza {
	position: absolute;
	left: 850px;
	top: 18px;
}
/*******************************************************************/
div.userInfo {
	background: #f3bc17;
	height: 47px;
	margin: 0;
	padding: 0;
	position: relative;
}
.userInfoTable {
	position: relative;
	top: -5px;
	left: 15px;
}
.userInfoIcon {
	vertical-align: middle;
}
.userInfoIcon img {
	margin-right: 5px;
}
.userInfoText {
	text-align: left;
        position: relative;
}
.userInfoText span.loggedUser {
	color: #1c4381;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	text-transform: uppercase;
        position: absolute;
        top : 35px;
        width : 120px;
        /*left: 0px; top: 35px; position: absolute; width: 120px;*/
}
.userInfoText span {
	color: #FFF;
	font-size: 9px;
	font-weight: normal;
	text-transform: none;
        position: relative;
	top: -5px;
}
.masterPageInfo 
{
    position: absolute;
    left: 220px;
    top: 1px;
    color: White;
    text-align: left;
    font-size: 12px;
    font-weight:normal;
    width : 450px;
}
/*******************************************************************/
div.mainMenu {
	padding: 20px 0 20px 0;
	background: #aebb3e url('images/chrome/menu_bg.jpg') no-repeat bottom center;
	border-left: 2px solid #f3bc17;
	border-bottom: 2px solid #f3bc17;
	border-right: 2px solid #f3bc17;
}
/*******************************************************************/
div.imprint {
	padding-bottom: 20px;
}
div.imprint p.png {
	margin: 10px 0 0 0;
}
div.imprint p.ver {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 11px;
	color: #FFF;
	margin: 10px 0 0 20px;
}
/*******************************************************************/
div.navigationBar {
	position: relative;
	background: #1f5aa2 url('images/chrome/navbar_bg.gif') no-repeat top left;
	height: 47px;
	min-width: 744px;
	width: 100%;
}
div.navigationBar div.pageTitle {
	float: left;
}
div.navigationBar div.pageTools {
	position: absolute;
	left: 585px;
	margin: 0;
	width: auto;
}
div.navigationBar div.pageTitle p {
	font-size: 15px;
	color: #FFF;
	margin: 12px 0 0 30px;
}
div.navigationBar div.pageTools p {
	display: inline;
}
div.navigationBar div.pageTools a.pTools, div.navigationBar div.pageTools .pTools {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
}
div.navigationBar div.pageTools a.pTime, div.navigationBar div.pageTools .pTime{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
}
.pageToolsTable {
}
.pageToolsTable td {
	padding: 12px 2px 2px 2px;
	vertical-align: middle;
}
/*******************************************************************/
div.mainASP {
	float: left;
	display: inline;
	padding: 20px 20px 20px 20px;
	width: 96%;
}
/*******************************************************************/
.listActionsDiv {
	width: 100%;
	background: url('images/chrome/actionbtn_bg.gif') repeat-x top left;
	float: left;
	display: inline;
	position: relative;
	border-top: 1px dotted #b5bac2;
	margin: 10px 0 0 0;
	padding: 5px 0 5px 0;
}
table.gridBtn td{
	vertical-align: middle;
	text-align: left;
	color: #464646;
	font-size: 11px;
}
table.gridBtn td.mainFunction {
	vertical-align: middle;
	text-align: left;
	padding-bottom: 10px;
}
table.gridBtn td img {
	margin-right: 3px;
	vertical-align: middle;
}
	
/*******************************************************************/
div.pagerDiv {
	width: auto;
	float: left;
	display: inline;
	font-size: 11px;
}
div.pagerDiv img {
	vertical-align: middle;
}	
div.pagerDiv span.pageNum {
	color: #1E559B;
}
div.pagerDiv span.pagePrev {
	margin-left: 90px;
	margin-right: 10px;
}
div.pagerDiv span.pageNext {
	border-left: 1px solid #1E559B;
	padding-left: 10px;
}
div.pagerDiv span.pageJump {
	margin-left: 100px;
}
div.pagerDiv span.pagePrev a {
	color: #1E559B;
	text-decoration: none;
}
div.pagerDiv span.pageNext a {
	color: #1E559B;
	text-decoration: none;
}
div.pagerDiv span.pageJump a {
	color: #1E559B;
	text-decoration: none;
}
/*******************************************************************/
div.userScreen {
	width: 960px;
	float: left;
	display: inline;
}
div.userScreen_left {
	width: 430px;
	height: 200px;
	float: left;
	display: inline;
	background: #f4bb16;
}
div.userScreen_right {
	width: 530px;
	height: 200px;
	float: left;
	display: inline;
	background: #acb737;
}
div.loginTable {
	margin: 20px 0 20px 30px;
	width: auto;
}
p.loginTitle {
	color: #1c4381;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 30px 0 0 30px;
}
p.loginTitle img {
	vertical-align: middle;
	margin-right: 5px;
}
/*************************************************************/
.adminPage {
	width: 940px;
}
.adminPage h1 {
	font-size: 15px;
	padding: 0 0 2px 0;
	font-weight: normal;
	color: #24428A;
	border-bottom: 1px solid #898989;
}
.adminPage table td {
	vertical-align: top;
	text-align: left;
	padding: 2px;
	font-size: 11px;
	color: #484848;
}
.adminTable_left {
	width: 200px;
	float: left;
	display: inline;
}
.adminTable_right {
	width: 700px;
	float: left;
	display: inline;
	margin: 15px 0 0 20px;
}
.adminPage .listActionsDiv {
	clear: left;
}