/**
 * CSS-File for all default CSS entries
 * 
 * This file contains all default CSS. Custom Colors should be set in 
 * style CSS.
 *
 * @copy 2009, e-grafixx media consulting GmbH
 * @author Martin Specht <mspecht@e-grafixx.net>
 * @version 1.0
 * @package CSS
 */

/** global definitions for html tags */
 
body {
 	font: normal 12px Arial, Helvetica, sans-serif;
 	background-color: white;
 	color: black;
	height: 100%;
	border: none;
}

#debug {
	position: absolute;
	top: 0px;
	left: 980px;
	width: 200px;
}

p {
	margin-top: 6px;
}


.headmessagenew{
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

table {
	border-collapse: collapse;
}

th {
   	background: #E9E9E9 url(../../image/system/tab-background.jpg) repeat-x;
   	border: 1px solid #CBCBCB;
   	height: 27px;
   	overflow: hidden;
   	text-align: left;
}

.divHead {
   	background: #E9E9E9 url(../../image/system/tab-background.jpg) repeat-x;
   	height: 27px;
   	overflow: hidden;
   	text-align: left;
   	font-weight: bold;
   	line-height: 27px;
   	border-bottom: none;
}

tfoot td {
	padding-top: 4px;
	background: #FDFDFD url(../../image/system/tfoot-background.jpg) repeat-x;
	border: none;
	border-top: 1px solid #CBCBCB;
}

tfoot  {
	border: 1px solid #CBCBCB;
}

h2 {
   	text-align: left;
   	font: bold 12px Arial, Helvetica, sans-serif;
}

input, select, textarea{
	border: 1px solid #CBCBCB;
	background-color: #E9E9E9;
	font: normal 12px Arial, Helvetica, sans-serif;
}

input[type="checkbox"], input[type="radio"] {
	background-color: transparent;
	border: none;
}

ul input[type="checkbox"], input[type="radio"] {
	width: auto;
}


/** global class definitions */
.clearFloat {
	/* float: none; */
	clear: both;
}

.checkbox {
	border: none;
	background-color: transparent;
}

td.tdRight div, .thRight div {
	text-align:  right;
}

td.tdRight .aButtonMedium {
	float:  right;	
}

td.tdRight .aButtonSmall {
	float:  right;	
}

div.right {
	text-align:  right;
}

div.right .aButtonMedium {
	float:  right;	
}

.tdStatus, .divStatus {
	text-align: center;
}

.divStatus img {
	height: 16px;
	width: 16px;
}

tr.odd td {
	background-color: #FFFFFF;
	border: 1px solid #CBCBCB;
}

body.odd {
	background-color: #FFFFFF;
}
body.even {
	background-color: #E9E9E9;
}

tr.even td{
	background-color: #E9E9E9;
	border: 1px solid #CBCBCB;
}

table.tableInput td, table.tableInput th { 
	border: 1px solid transparent;
}

table.tableSelection, table.tableList, table.tableSelector {
	border: 1px solid #CBCBCB;
}


table.tableInput thead, table.tableInput tfoot {
	display: none;
}

table.tableSelector tbody tr.select {
	background-color: #D6E5EF;
}

table.tableSelector tbody tr.select td {
	background-color: #D6E5EF;
}

.spaceLine { 
	height: 12px;
}

/** frame definitions */

div#divWorkspace {
   padding-top: 116px;
   padding-left: 230px;
   margin: 0 10px 30px 0px;
   width: 730px;
   border-right: 1px solid #CBCBCB;
   border-bottom: 1px solid #CBCBCB;
}

th.asc {
	background: #E9E9E9 url(../../image/system/tab-background-asc.jpg) no-repeat top right;
	cursor: pointer;
	
}

th.desc {
	background: #E9E9E9 url(../../image/system/tab-background-desc.jpg) no-repeat top right;
	cursor: pointer;
}

th.sort {
	cursor: pointer;
}

div.divSectionHead {
	background: url(../../image/system/section-background.jpg) repeat-x;
	background-color: rgb(236,103,38);
	font-size: 12px;
	font-weight: 600;
	color: white;
	height: 27px;
	line-height: 27px;
	padding: 0 12px;
	margin: 0;
	cursor: pointer;
}

span.spanSectionHeadInfo {
	float: right;
	font-weight: normal;
	color: white;
}

div.divSectionContent {
	margin: 12px;
	width:696px;
}

div.divSectionContent li,div.divSectionContent ul{
	margin: 5px 0 0 5px;
	list-style-type: circle;
	list-style-position: inside;
}

div.divSectionContent ul.nobullet li,div.divSectionContent ul.nobullet{
	margin: 5px 0 0 5px;
	list-style-type: none;
	list-style-position: inside;
}


ul.ulRecipientList li {
	padding:0 10px 0 20px;
	white-space:nowrap;
	margin: 0px;
	list-style-type: none;
		
}

ul.ulRecipientList li.liUser {
	background:transparent url(../../image/system/recipient/icon_user.png) no-repeat scroll left center;
}

ul.ulRecipientList li.liMail {
	background:transparent url(../../image/system/recipient/icon_mail.png) no-repeat scroll left center;
}

ul.ulRecipientList li.liMailgroup {
	background:transparent url(../../image/system/recipient/icon_mailgroup.png) no-repeat scroll left center;
}


div.divSection {
	width: 720px;
	margin: 0 0 6px 0;
}
div.divSubsection {
	margin: 6px 0 0 -12px;
	width: 720px;
}
div.divSubsection div.divSectionHead {
	background: #FFCC99;
	color: #CC3333;
	font-size: 12px;
	font-weight: 600;
	height: 27px;
	line-height: 27px;
	padding: 0 12px;
	cursor: pointer;
}

div.divSectionFoot {
	background: #CC3333;
	font-size:1px;
	height: 3px;
	margin: 3px 0 0 0; 
}

div.divErrorSectionHead {
	background: #BB133E url(../../image/system/menu-background-highlight.jpg) repeat-x;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	margin: 0 10px 0 0;
	width: 700px;
}

div.divErrorSectionContent {
	margin: 10px;
	width:700px;
}

div.divErrorSectionFoot {
	background: #BB133E;
	font-size:1px;
	height: 3px;
	margin: 3px 10px 3px 0; 
}

div.divErrorSectionContent ul {
	margin-left: 20px;
}

div.divErrorSectionContent * {
	color: #BB133E;
}

div.divError, span.spanError {
	color: #BB133E;
}
div.divInfoSectionHead {
	background: #C6930A url(../../image/system/section-background-gold.jpg) repeat-x;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	margin: 0 10px 0 0;
	width: 700px;
}

div.divInfoSectionContent {
	margin: 10px;
	width:700px;
}

div.divInfoSectionFoot {
	background: #C6930A;
	font-size:1px;
	height: 3px;
	margin: 3px 10px 3px 0; 
}

div.divInfoSectionContent ul {
	margin-left: 20px;
}

div.divInfoSectionContent * {
	color: #C6930A;
}

div.divInfo, span.spanInfo {
	color: #830051;
}
	
	


div#divFoot {
	margin-bottom: 6px;
}

div#divFootLeft{
	float: left;
	width: 400px;
}
div#divFootRight{
	float: left;
	text-align: right;
	width: 320px;
}

div#divMenu {
   width: 218px;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   padding-top: 107px;
   background: #E9E9E9;
   border-left: 1px solid #CBCBCB;
   border-right: 1px solid #CBCBCB;
   overflow-y: auto;
   box-sizing:border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -webkit-box-sizing: border-box; 
}

div#divInnerMenu {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0; 
	padding: 0; 
	border: 0;
}

div#divQuicklink {
	width: 100%;
   	background: #EC6726 url(../../image/system/tab-background.jpg) repeat-x;
   	border-bottom: 1px solid #CBCBCB;
}

#divQuicklinkTab {
   	border-bottom: 1px solid #CBCBCB;
}

div#divQuicklinkTab ul {
	height: 27px;
	list-style-type: none;
	list-style-position: inside;
}

div#divQuicklinkTab ul li {
	line-height: 27px;
	float: left;
	padding: 0px 10px 0px 10px;
}

div#divQuicklinkTab ul li.tab {
	cursor: pointer;
}

div#divQuicklinkTab ul li.active {
	background: #FDFDFD;
}


div#divQuicklinkTab ul li.separator {
	width: 1px;
	background-color: #CBCBCB;
	overflow: hidden;
	padding: 0px;
}

div.divQuicklinkContent {
	padding-top: 10px;
	background: #FDFDFD;
	display: none; 
}

div.divQuicklinkContent.active {
	display: block;
}



div.divQuicklinkContent ul li a, div.divQuicklinkContent ul li span {
	padding: 0px 10px 0px 10px;
	line-height: 20px;
	display: block;
}

div.divQuicklinkContent ul li a:hover {
	color: white;
   	/*background: #EC6726 url(../../image/system/section-background.jpg) repeat-x;*/
	background: #EC6726;
}

div.divQuicklinkButtonList {
   	/* background: #E9E9E9 url(../../image/system/tab-background.jpg) repeat-x; */
   	background: #FDFDFD url(../../image/system/tfoot-background.jpg) repeat-x scroll 0 0;
   	line-height: 27px;
   	padding-top: 3px; 
   	border-top: 1px solid #CBCBCB;
   	margin-top: 10px;
}

div.divQuicklinkButtonList a.aButtonSmall {
	display: block;
	float: left;
}

div.divQuicklinkButtonList div.divQuicklinkSubToggler {
	margin-left: 10px;
	width: 125px;
	float: left;
}
div.divQuicklinkButtonList div.divQuicklinkUpDown {
	width: 60px;
	float: left;
	margin: 0;
	padding: 0;
}

div#divUserRight {
	padding: 5px 10px;
}


div#divHead {
	height: 106px;
	position: fixed;
	top: 0;
	left: 0;
	width: 960px;
	background: #E9E9E9 url(../../image/system/head-background.jpg) repeat-x;
	border-right: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
   	z-Index: 32000;
}
div#divLogo {
	width: 220px;
	float: left;
}

div#divHeadFunction {
	width: 610px;
	height: 106px;
	margin-left: 10px;
	float: left;
}

div#divInfo {
	width: 730px;
	height: 16px;
	float: left;
	font-size: 10px;
	margin-left: 10px;
}

div#divInfo ul {
	list-style-type: none;
	list-style-position: inside;
}

div#divInfo ul li {
	float: left;
	width: 230px;
}


div#divPageButton, div#divPageButton2 {
	width: 400px;
	height: 64px;
	float: left;
}

div#divPageButton table, div#divPageButton2 table {
	width: 100%;
	height: 100%;
	border: none;
}

div#divPageButton table tr , div#divPageButton2 table tr {
	width: 100%;
	height: 100%;
	border: none;
}

div#divPageButton table tr td, div#divPageButton2 table tr td{
	width: 100%;
	height: 100%;
	border: none;
	vertical-align: bottom;
}

div#divGlobalButton {
	width: 200px;
	height: 64px;
	float: left;
	margin-left: 10px;
}

div#divGlobalButton table {
	width: 100%;
	height: 100%;
	border: none;
}

div#divGlobalButton table tr {
	width: 100%;
	height: 100%;
	border: none;
}

div#divGlobalButton table tr td{
	width: 100%;
	height: 100%;
	border: none;
	vertical-align: bottom;
}

div#divEloxx {
	width: 100px;
	height: 106px;
	float: left;
	margin-left: 10px;
}

div#divSessionRefresh {
	margin-top: 4px;
	line-height: 24px;
}

div#divSessionRefresh .spanSessionTimerWarn1{
	font-weight: bold;
	color: #BB133E;
}

div#divSessionRefresh .spanSessionTimerWarn2{
	font-weight: bold;
	color: #0C3356;
}


div#divSessionRefresh img {
	vertical-align: middle;
}

span#spanSessionTimer{
	position:top left;
	float: left;
}

div.divTopMenu {
	
	background: #EC6726 url(../../image/system/section-background.jpg) repeat-x;
	color: #FFFFFF;
	width:209px;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	font-weight: 600;
	margin: 1px 0;
	padding-left: 10px;
	cursor: pointer;
}

div.divTopMenuActive {
	background: #BB133E url(../../image/system/menu-background-highlight.jpg) repeat-x;
	color: #FFFFFF;
	width:209px;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	font-weight: 600;
	margin: 1px 0;
	padding-left: 10px;
	cursor: pointer;
}

div.divMenuList {
	margin: 5px 0;
	display: none;
}
div.divMenuListActive {
	margin: 5px 0;
	display: block;
}

div.divMenuList ul, div.divMenuListActive ul {
	list-style-type: none;
	list-style-position: inside;
}

div.divMenuList ul li.liMenuLevel1 a, div.divMenuListActive ul li.liMenuLevel1 a {
	line-height: 20px;
	display: block;
	padding: 0px 10px 0px 10px;
}
div.divMenuList ul li.liMenuLevel2 a, div.divMenuListActive ul li.liMenuLevel2 a {
	line-height: 20px;
	display: block;
	padding: 0px 10px 0px 20px;
}div.divMenuList ul li.liMenuLevel1 a, div.divMenuListActive ul li.liMenuLevel1 a {
	line-height: 20px;
	display: block;
	padding: 0px 10px 0px 10px;
}
div.divMenuList ul li.liMenuLevel2 a, div.divMenuListActive ul li.liMenuLevel2 a {
	line-height: 20px;
	display: block;
	padding: 0px 10px 0px 20px;
}
div.divMenuList ul li.liMenuLevel2 a, div.divMenuListActive ul li.liMenuLevel2 a:hover {
	cursor: pointer;	
}
div.divMenuList ul li.liMenuLevel3 a, div.divMenuListActive ul li.liMenuLevel3 a {
	line-height: 20px;
	display: block;
	padding: 0px 10px 0px 30px;
}
div.divMenuList ul li.liMenuLevel4 a, div.divMenuListActive ul li.liMenuLevel4 a {
	line-height: 20px;
	display: block;
	padding: 0px 10px 0px 40px;
}

div.divMenuList ul li a:hover, div.divMenuListActive ul li a:hover{
	color: white;
   	background: #0071B9 url(../../image/system/section-background.jpg) repeat-x;
}

.liMenuSelected a {
	color: #BB133E;
	
}


a.aButtonMedium, a.aButtonSmall {
	display: block;
	float: left;
	background-position: center 0px;
	background-repeat: no-repeat;
	white-space:nowrap;
}

a.aButtonMedium {
	margin-right: 6px;
	text-align: center;
	font-size: 9px;
}

a.aButtonSmall {
	margin-right: 4px;
}

a.aButtonNoMargin {
	margin-right: 0px;
}

a.aButtonDisabled, a.aButtonDisabled:hover {
	background-position: center -200px !important;
	cursor: default;
}

a.aButtonMedium:hover, a.aButtonSmall:hover {
	background-position: center -100px;
}

img.imgButtonMedium {
	width: 32px;
	height: 32px;
}

img.imgButtonSmall {
	width: 24px;
	height: 24px;
}

label.labelMandatory {
	color: #888888;
	font-weight: bold; 
}

div.divHighlight {
	background-color: #DFE1E5;
}

iframe.iframeUpload {
	border: none;
	margin: 3px 5px;
	width: 425px;
	height: 23px;
	overflow: hidden;
}

frameset {
	border: none;
}

/* to test 
input[type="checkbox"] {
	width: auto !important;
	text-align: auto;
}
*/

input[readonly="readonly"], textarea[readonly="readonly"] {
	color: #ACA899;
	background-color: #FCFCFC;
}

#myeloxxsource, #myeloxxtarget {
	border: 1px solid #CBCBCB;
	float: left;
	background-color: #E9E9E9;
	overflow: visible !important;
}
		
#myeloxxsource .selectable, #myeloxxtarget .selectable {  
	background: #0071B9 url(/theme/default/image/system/section-background.jpg) repeat-x;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	height: 27px;
	line-height: 27px;
	padding: 0 12px;
	margin: 0;
	cursor: move;
	white-space: nowrap;
}
		
#myeloxxtarget .mandatory, #myeloxxsource .mandatory {
	background: #BB133E url(/theme/default/image/system/menu-background-highlight.jpg) repeat-x;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	height: 27px;
	line-height: 27px;
	padding: 0 12px;
	margin: 0;
	cursor: move;
	white-space: nowrap;
}

span.spanMobile {
	background: url(/theme/default/image/system/statusicon/palm_16.gif) no-repeat 0 center;
	padding-left: 20px;
}
span.spanPhone {
	background: url(/theme/default/image/system/statusicon/phone_16.gif) no-repeat 0 center;
	padding-left: 20px;
}
span.spanFax {
	background: url(/theme/default/image/system/statusicon/printer_16.gif) no-repeat 0 center;
	padding-left: 20px;
	padding-right: 20px;
}

span.spanNone {
	background: url(/theme/default/image/system/statusicon/environment_none.gif) no-repeat 0 center;
	padding-left: 20px;
	margin-left: 15px;
}
span.spanUp {
	background: url(/theme/default/image/system/statusicon/environment_up.gif) no-repeat 0 center;
	padding-left: 20px;
	margin-left: 15px;
}
span.spanUpup {
	background: url(/theme/default/image/system/statusicon/environment_upup.gif) no-repeat 0 center;
	padding-left: 20px;
	margin-left: 15px;
}
span.spanDown {
	background: url(/theme/default/image/system/statusicon/environment_down.gif) no-repeat 0 center;
	padding-left: 20px;
	margin-left: 15px;
}
span.spanDowndown {
	background: url(/theme/default/image/system/statusicon/environment_downdown.gif) no-repeat 0 center;
	padding-left: 20px;
	margin-left: 15px;
}

div.divTabFirst {
	margin-right: -12px;
}
div.divTabNotSelected, div.divTabSelected {
	float: right;
	margin-top: -12px;
	padding: 5px;
	font-weight: 600;
	border-bottom: 1px solid #EC6726;
	border-left: 1px solid #EC6726;
	border-right: 1px solid #EC6726;
}
div.divTabSelected {
	background: #EC6726;
	color: white;
}

div.divTabNotSelected {
	background: #FFCC99;
	color: #CC3333;
	cursor: pointer;
}
div.divTabFirst{
	margin-right: -10px;
}
	
span.spanHolidayRegional {
	color: #97A6AE; /* cobalt blue 40% */
	white-space:nowrap;
}	
	
span.spanHolidayNational {
	color: #4E7088; /* cobalt blue 70% */
	white-space:nowrap;
}

.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;	
}
input.different, select.different, textarea.different, select.different option{
	background-color: rgb(187, 19, 62);
	color: white;
}

div.different{
	color: rgb(187, 19, 62);
}

#lang_sel{
	float: left;
	line-height: 28px;
	background: url('/theme/default/image/system/head-background.jpg') repeat-x scroll 0 0 #E9E9E9;
	background-position: 0px -50px;
	border: 1px solid transparent;
	margin-left: 3px !important;
	margin-top: 3px;
}
#lang_sel:hover{
	border-left-color: #CBCBCB;
	border-right-color: #CBCBCB;
	border-bottom-color: #CBCBCB;
}

.multiselect .inactive div {
	font-style:italic;
	color: #999999;
}


/* --- big grid ---- */

body div.divSection, body iframe {
 	background-color: white;
}

div#divWorkspace {
   padding-top: 116px;
   padding-left: 246px;
   margin: 0 10px 30px 0px;
   width: 994px;
}

div.divSectionContent {
	margin: 12px;
	width: 962px;
}

div.divSection {
	width: 984px;
	margin: 0 0 6px 0;
}
div.divSubsection {
	margin: 6px 0 0 -6px;
	width: 972px;
}

div.divSubsection div.divSectionContent {
	margin: 6px 6px 0;
}
div.divErrorSectionHead {
	width: 964px;
}
div.divErrorSectionContent {
	margin: 10px;
	width:964px;
}
div.divInfoSectionHead {
	width: 964px;
}
div.divInfoSectionContent {
	margin: 10px;
	width: 964px;
}

div#divFootRight{
	float: right;
	text-align: right;
	width: 320px;
	margin-right: 12px;
}
div#divMenu {
   width: 234px;
}
div#divQuicklinkTab ul li {
	line-height: 27px;
	float: left;
	padding: 0px 9px 0px 9px;
	text-align: center;
}
div.divQuicklinkButtonList div.divQuicklinkUpDown {
	float: right;
}
div#divUserRight {
	width: 214px;
}

div#divHead {
width: 1240px;
}

div#divLogo {
	width: 234px;
	height: 100%;
	float: left;
}
/*
div#divLogo img {
	margin: 30px 0 0 7px;
}
*/
span#span_logo {
	background-image: url('../../image/system/head-companylogo220.png');
	background-repeat: no-repeat;
	margin: 30px 0 0 7px;
	display: block;
	width: 220px;
	height: 43px;
	cursor: pointer;
}
div#divHeadFunction {
	width: 835px;
	height: 106px;	
	float: left;
	margin-left:0px;
}
div#divHeadFunctionPopup {
	width: 599px;
	height: 106px;	
	float: left;
}
div#divInfo {
	width: 825px;
}
div#divInfo ul li {
	width: 250px;
}

div#divPageButton {
	width: 490px;
	height: 64px;
	margin-left: 10px;
	float: left;
}
div#divPageButtonPopup,div#divPageButton2 {
	width: 150px;
	height: 64px;
	float: left;
}

div#divGlobalButton {
	width: 325px;
	height: 64px;
	float: left;
	margin-left: 10px;
}

div#divEloxx {
	width: 150px;
	height: 106px;
	float: left;
	margin-left: 10px;
}

div#divEloxxPopup {
	width: 50px;
	height: 106px;
	float: left;
	margin-left: 10px;
}

div#divEloxxLogo {
	height: 18px;
	margin-top: 27px;
	padding-left: 53px;
}
/*
div#divEloxxLogo img{
	float: right;
}
*/

div#divSessionRefresh {
	margin-top: 3px;
	padding-left: 53px;
	line-height: 28px;
}

div.divTopMenu {
	width: 224px;
}

div.divTopMenuActive {
	width: 224px;
}

#myeloxxsource {
	margin-right: 3x;
}

#myeloxxtarget {
	margin-left: 3px;
}