/**
 * 
 * All content on this website (including text, images, source
 * code and any other original works), unless otherwise noted,
 * is licensed under a Creative Commons License.
 * 
 * http://creativecommons.org/licenses/by-nc-sa/2.5/
 * 
 * Copyright (C) Open-Xchange Inc., 2006-2011
 * Mail: info@open-xchange.com 
 * 
 * @author Viktor Pracht <viktor.pracht@open-xchange.com>
 * 
 */

* {
	z-index: 1;
}
html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	line-height: 1.5em;
}

a {
	text-decoration: none;
	color: #404962;
}

a:hover {
	text-decoration: underline;
}

div.newwindow {
	background-color:#ffffff;
	z-index:2;
	position:absolute;
}

input, textarea, select {
	border: solid 1px;		
}

input.noborder {
	border: solid 0px;		
}

input.nobackground, .popup-window input[type=radio], .popup-window input[type=checkbox] {
	background-color : transparent;	
}

input {
	-moz-user-select: text;
}

input.inactive {
	border: solid 1px;	
}

.borderDefault {
	border: solid 1px;	
}

.borderBottomDefault {
	border-bottom: solid 1px;	
}

.borderLeftDefault {
	border-left: solid 1px;	
}

.topheader {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid;
}

.cpheader {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid;
}

.cpbody {
	padding-left: 10px;
	padding-right: 10px;
}

.dragdropdefaultnode {
	position: absolute;
	z-index:150;
	width:250px;	
	height:22px;
	overflow:hidden;
	border:1px outset;
}
.dragdropdefaultnode td {
	text-align:center;
	vertical-align : middle;
	line-height:22px
}
.cpbottom {
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid;
}

.options-arrow {
	float: right;
	vertical-align:middle;
	cursor: pointer;
}

.options-arrow img {
	padding: 5px;
}

/* Comboboxes */

.dropdownbox {
	margin: 0.1em 0 0 0;
}

.dropdownbox table {
	border-collapse: collapse;
	line-height: 1.25em !important;
}

.dropdownbox .comboboxColumn1 {
	padding: 0 0.3em 0 0.3em;
}

.dropdownbox .comboboxColumn2 {
	width: 14px;
	padding: 0;
	vertical-align:middle;
	line-height: 1px !important;
	cursor: pointer;
}

.dropdownbox .comboboxColumn2 img {
	font-size: 1px;
	margin: 0;
	padding: 0;
}

.dropdownbox .dropdownlist {
	position: absolute;
}

.sizesplit-line {
	background-repeat: repeat-x;
	overflow: hidden;
}

.sizesplit-line img {
	position: absolute;
	left: 50%;
	margin-left: -10.5px;
}

.sizesplit-vline {
	background-repeat: repeat-y;
	overflow: hidden;
}

.sizesplit-vline img {
	position: absolute;
	top: 50%;
	margin-top: -3.5px;
}

.moving {
	overflow: hidden;
}
.headercontentarea {
	padding-left:7px;
	padding-right:7px;
}

.headercontenttable {
	width:100%;
	height:100%;
	vertical-align:middle;
	border-bottom: 1px solid;
}

/* Some styles for new security info on login screen */
#publicMachineDiv{
	font-size: 8pt;
	line-height: 1.25em;
	color: #008;
}

#privateMachineDiv{
	font-size: 8pt;
	line-height: 1.25em;
	color: #008;
}


#loginScreen {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:100;
}

#everything {
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

#notheader {
	position: absolute;
	top: 30px;
	background-position: 0 0;
	background-repeat: repeat-x;
	z-index: 1;
}

#header {
	padding: 0px;
	height: 25px;
	z-index: 2;
}

#header-decorator {
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    height: 10px;
    background-repeat: repeat-x;
    z-index: 3;
}

#header > img {
	margin-top: 0px;
	padding: 1px;
	width: 55px;
	height: 23px;
	cursor:pointer;
}

#contentarea {
	margin-top: 10px;
}

.popup {
	z-index:99;
}

#content {
	overflow: hidden;
}


.cleaner {
	clear: both;
	float: none;
}

.Categorie {
	padding: 0px;
	min-height: 100px;
}

/* Tab layout */

.tabPanelFirst
{
	float:left; 
	font-weight:normal; 
	padding: 0px 15px 0px 8px; 
	cursor:pointer;
	border-bottom: 1px solid;
	height:2.2em;
	text-align:justify;
	vertical-align:middle;
	line-height:2.2em;	
	background-position:top right;
	background-repeat: no-repeat;
}

.tabPanelFirstHi
{
	float:left;  
	padding: 0px 15px 0px 8px; 
	cursor:pointer;
	height:2.21em;
	/* border-bottom: 1px solid; */
	background-position:top right;
	background-repeat: no-repeat;
}

.tabPanel
{
	float:left; 
	padding:0px 15px 0px 8px; 
	cursor:pointer;
	border-bottom: 1px solid;
	height:2.2em;
	background-position:top right;
	background-repeat: no-repeat;
}

.tabPanelHi
{
	float:left; 
	padding:0px 15px 0px 8px; 
	cursor:pointer;
	/* height:2.21em; */
	/* border-bottom: 1px solid; */
	background-position:top right;
	background-repeat: no-repeat;
}

.tabPanelBackground
{
	border-bottom: 1px solid;
}
.tabPanelBackground span
{
	line-height:2.1em;
}

.tabPanelBackground .tabPanelIconDiv {
	float:right; 
	padding:3px;
}

.newObjectContent {
	overflow-y:auto; 
	overflow-x: hidden;
}

span.participantTab, span.attachmentTab, span.appointmentTab,
span.contactTab, span.dlTab,span.taskTab,span.infostoreTab,span.versionTab,span.availibilityTab,
span.historyTab,span.folderpropertiesTab,span.configurationCommonTab,span.configurationRegionTab
{
	background-repeat: no-repeat;
	padding-right: 16px;
	font-size: 10pt;
}


/* Detail view (contact detail, appointment detail, configuration)*/

.wrapper_detail_infos h2 {
	margin:10px 10px 15px 0;
	font-weight:bold;
	font-style:normal;
	font-size:11pt;
}

.wrapper_detail_infos .detail_info {
	margin:0 10px 10px 0;
}

.wrapper_detail_infos .detail_info label {
	padding:0 10px 0px 0;
	display:block;
	font-weight:bold;
}

td.lableDetailText {
	white-space:nowrap;
	padding: 2px 10px 2px 2px;
	overflow: hidden;
	vertical-align:top;
}

td.spaceright 
{
	padding: 2px 5px;
	overflow: hidden;
}


td.detailTextWhite {
	width: 50%;	
	padding: 2px 10px;
	overflow: hidden;
	vertical-align:top;
}

div.detailTextWhite {
	width: 100%;	
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	overflow-y: hidden;
	overflow-x: auto;
	vertical-align:top;
	white-space: nowrap;
	height:2.6em;
	z-index:1;
	position:absolute;
}
div.clipDetailTextWhite {
	position: relative;
	overflow: hidden;
	height:1.3em;
	z-index:2;
}

td.detailNarrow {
	width: 30%;	
}


td.textWhiteColspan {
	width: 100%;	
}

div.lineSeperator {
	width: 100%;	
	height:1px;
	line-height:1px;
	font-size:1px;
	margin: 3px 0px;
}


/* Folder & Category Trees */

.listDialogue {
	position: absolute;
	display:none;
	width: 18em;
	border: 2px solid;
	border-color: #576586;
	border-collapse: collapse;
	empty-cells: show;
	z-index: 50;
	background-repeat: repeat-x;
	background-position: top;
}

.listDialogue td {
	vertical-align:top;
	margin: 0;
	padding: 0;
}

.listDialogue td.listDialogueHeader {
	height: 1.4em;
	line-height: 1.4em;
	text-align:left;
	padding: 0 0.5em;
	background-repeat: repeat-x;
	background-position: bottom;
	overflow: hidden;
}
	
.listDialogue td.listDialogueContent {
	width: auto;
	height: 18.1em;
	margin: 0px 10px 0px 0px;
	padding: 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-collapse: collapse;
	vertical-align:top;
}

.listDialogue td.listDialogueContent divvvvv {
	width: auto;
	overflow: auto;
	height: 18.1em;
	width: 18em;
}

.listDialogueDivOverflow {
	width: auto;
	overflow: auto;
	height: 18.1em;
	width: 18em;
}

.listDialogue td.listDialogueContent .listDialogueFolders,.listDialogue td.listDialogueContent div .categoryTable {
	width: 100%;
	border-collapse:collapse;	
}

.listDialogue td.listDialogueContent .listDialogueFolders {
	height: 18.1em;
	overflow: auto;
}

.listDialogue td.listDialogueContent div .categoryTable td {
	padding: 0;
}

.listDialogue td.listDialogueContent div .categoryTable td div {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 0.5em;
}

.listDialogue .fakeButton,.categories .fakeButton {
	float: right;
	margin: 0.2em 0.3em 0.2em 0;
}


/* Concentrated Info-Tables */
.inputGridTable {
	width: 100%;
	empty-cells: show;
	overflow-x: hidden;
}

.inputGridTable td {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align:top;
}

.inputGridTable tbody.scrollContent {
	height: 100%;
	overflow-x:hidden;
	overflow-y: auto;
}

.inputGridTable td.labelleft,.inputGridTable td.labelright,.inputGridTable td.lableDetailText
{
	white-space: nowrap;
	overflow: hidden;
	padding-left: 0.4em;
	padding-right: 0.2em;
	vertical-align:top;
}

.inputGridTable td.valueleft,.inputGridTable td.valueright
{
	width:33%;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	vertical-align:top;
}

.inputGridTable td input.leftLong
{
	width:17em;
}

.inputGridTable td input.leftQuarter
{
	width:34em;
}

.inputGridTable td input.rightLong,textarea.rightLong
{	
	width:17em;
}

.inputGridTable td input.leftVerylong,.inputGridTable td textarea.leftVerylong
{	
	width:46em;
}

.inputGridTable td input.rightShort
{
	width:8.6em;
	margin-right:1em;
}

.inputGridTable td.comboboxContainer div {
	height: 1.3em;
	line-height: 1.3em;
}

.inputGridTableNewWindows {
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
	overflow-x: hidden;
}

.inputGridTableNewWindows > tbody > tr > td {
	height: 21px;
	padding-top: 2px;
	vertical-align:top;
}
.inputGridTableNewWindows tbody.scrollContent {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.inputGridTableNewWindows td.labelleft,.inputGridTableNewWindows td.labelright,.inputGridTableNewWindows td.lableDetailText
{
	white-space: nowrap;
	overflow: hidden;
	padding-left: 0.4em;
	padding-right: 0.2em;
	vertical-align:top;
}

.inputGridTableNewWindows td.valueleft,.inputGridTableNewWindows td.valueright
{
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	vertical-align:top;
}

.inputGridTableNewWindows td input.leftLong
{
	width:14em;
}

.inputGridTableNewWindows td input.rightLong,textarea.rightLong
{	
	width:14em;
}

.inputGridTableNewWindows td textarea.leftVerylong
{	
	width:42.7em;
}

.inputGridTableNewWindows td input.leftVerylong
{	
	width:42.7em;
	height:20px;
}

.inputGridTableNewWindows td input.dateTimeInput
{	
	height: 20px;
	float: left;
}

.inputGridTableNewWindows td div.timeCombobox
{	
	width:7em;
	float:left;
	padding: 0px 0px 1px 15px;
}

.inputGridTableNewWindows td div.datepickerdiv
{	
	float: left;
	cursor:pointer;
	font-size:1px;
	line-height:1px;
	margin: 4px 6px 0pt 5px;
	overflow:hidden;
	padding:0pt;
}

.inputGridTableNewWindows td input.rightShort
{
	width:6em;
	margin-right:0.3em;
}

.inputGridTableNewWindows td.comboboxContainer div {
	height: 1.3em;
	line-height: 1.3em;
}

.emptyRow {
	height: 10px;
}

.linkInView {
	cursor: pointer;
}

/* Datepicker inside tables */
.datepicker {
	border: 0px;
	margin: 0 6px 0 2px;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
}

.textareaDetailObject {
	/* white-space: pre; */
	width:95%;
	border:0px;
	overflow:auto;
}

.background-disabled-loading {
	width:100%;
	height:100%;
	position:absolute;
	display:none;
}

.background-disabled {
	width:100%;
	height:100%;
	position:absolute;
	display:none;
}


#AutoCompleteContent {
	width: 30em;
	overflow-x: hidden;
	overflow-y: auto; 
	position: absolute; 
	visibility: hidden;
	z-index: 2;
	cursor: pointer;
}

.presearchcontent {
	width: 20em;
	padding: 2px;
	overflow-x: hidden;
	overflow-y: auto; 
	position: absolute; 
	z-index: 100000;
	left: 400px;
	top : 200px;
	border: 1px outset;
	cursor: pointer;
}

.cursorPointer {
	cursor: pointer;
}

.cursorDefault {
	cursor: default;
}

.background-opacity-disabled {
	position:absolute;
	height:100%;
	width:100%;
	left:0px;
	top:0px;
	z-index:1000;
}

/* ZIndex-Classes to fix IE6 bug that child-elements of an z-indexed element forget about it */

.ZIndex1,.ZIndex1 * {z-index: 1}
.ZIndex2,.ZIndex2 * {z-index: 2}
.ZIndex3,.ZIndex3 * {z-index: 3}
.ZIndex4,.ZIndex4 * {z-index: 4}
.ZIndex5,.ZIndex5 * {z-index: 5}
.ZIndex6,.ZIndex6 * {z-index: 6}
.ZIndex7,.ZIndex7 * {z-index: 7}
.ZIndex8,.ZIndex8 * {z-index: 8}
.ZIndex9,.ZIndex9 * {z-index: 9}
.ZIndex10,.ZIndex10 * {z-index: 10}
.ZIndex11,.ZIndex11 * {z-index: 11}
.ZIndex12,.ZIndex12 * {z-index: 12}
.ZIndex13,.ZIndex13 * {z-index: 13}
.ZIndex14,.ZIndex14 * {z-index: 14}
.ZIndex15,.ZIndex15 * {z-index: 15}
.ZIndex16,.ZIndex16 * {z-index: 16}
.ZIndex17,.ZIndex17 * {z-index: 17}
.ZIndex18,.ZIndex18 * {z-index: 18}
.ZIndex19,.ZIndex19 * {z-index: 19}
.ZIndex20,.ZIndex20 * {z-index: 20}

.colorLabelCont {
    border: 1px solid black;    
    cursor: default;
    -moz-user-select: none;
}

.colorLabelCont.bs {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.colorLabelCont.bg {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.colorLabelCont.ha {
    width: 10px;
    height: 10px;
}

.colorLabelCont.hb {    
    width: 12px;
    height: 12px;
}

.colorLabel0 { /* white */
    background-color: white !important;
    color: black !important;
}

.colorLabel1 { /* red 1 */
    background-color: #e5696f !important;
    color: white !important;
}

.colorLabel2 { /* orange 2 */
    background-color: #f4985a !important;
    color: white !important;
}

.colorLabel3 { /* peach 3 */
    background-color: #ffcc53 !important;
    color: black !important;
}

.colorLabel4 { /* yellow 4 */
    background-color: #fff95b !important;
    color: black !important;
}

.colorLabel5 { /* green 5 */
    background-color: #88d27f !important;
    color: white !important;
}

.colorLabel6 { /* cyan 6 */
    background-color: #7fd3b7 !important;
    color: white !important;
}

.colorLabel7 { /* olive green 7 */
    background-color: #b3c38e !important;
    color: white !important;
}

.colorLabel8 { /* blue 8 */
    background-color: #779eda !important;
    color: white !important;
}

.colorLabel9 { /* purple 9 */
    background-color: #967dd2 !important;
    color: white !important;
}

.colorLabel10 { /* maroon 10 */
    background-color: #c587a5 !important;
    color: white !important;
}

.colorLabel11 { /* steel blue 11 */
    background-color: #c7cede !important;
    color: white !important;
}

.colorLabel12 { /* dark steel blue 12 */
    background-color: #4b5978 !important;
    color: white !important;
}

.colorLabel13 { /* grey 13 */
    background-color: #a8a8a8 !important;
    color: white !important;
}

.colorLabel14 { /* dark grey 14 */
    background-color: #525252 !important;
    color: white !important;
}

.colorLabel15 { /* dark black 15 */
    background-color: black !important;
    color: white !important;
}

.colorLabel16 { /* dark red 16 */
    background-color: #ab1d24 !important;
    color: white !important;
}

.colorLabel17 { /* dark orange 17 */
    background-color: #b14f0d !important;
    color: white !important;
}

.colorLabel18 { /* dark peach 18 */
    background-color: #ab7b05 !important;
    color: white !important;
}

.colorLabel19 { /* beige (dark yellow) 19 */
    background-color: #999400 !important;
    color: white !important;
}

.colorLabel20 { /* dark green 20 */
    background-color: #35792b !important;
    color: white !important;
}

.colorLabel21 { /* dark cyan 21 */
    background-color: #2e7d64 !important;
    color: white !important;
}

.colorLabel22 { /* dark olive green 22 */
    background-color: #5f6c3a !important;
    color: white !important;
}

.colorLabel23 { /* dark blue 23 */
    background-color: #2a5191 !important;
    color: white !important;
}

.colorLabel24 { /* dark purple 24 */
    background-color: #50328f !important;
    color: white !important;
}

.colorLabel25 { /* dark maroon 25 */
    background-color: #82375f !important;
    color: white !important;
}

.ox-tour {
	font-size: 10pt;
	line-height: 1.35em;
}

.ox-tour h1 {
	font-size: 14pt;
	font-weight: bold;
    margin: 0.5em 0 0.5em 0;
    color: black;
}

.ox-tour p {
	margin: 0 0 0.5em 0;
}
