/**
 * 
 * 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 Andreas Mayer <andreas.mayer@open-xchange.com>
 * @author Suphi Basdemir <suphi.basdemir@open-xchange.com>
 * 
 */

body {
	background-color: #cccccc; /* was #a9b2c5 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#000;
}

html.webkit body {
    background-image: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#ccc), to(#333)); /* ccc to 555 */
}

html.firefox body {
    background-image: -moz-linear-gradient(center top, #eee, #555);
}

.new-window-save-button{
	background: url(../img/menu/btn_save.gif) no-repeat;
	width: 34px;
	height: 34px;
}

.border-background-default {
	border-color: #a9b2c5 !important;
}

.background-color-default {
	background-color: #E1E4EB;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border-color: #C0C0C0 !important;		
}

input.background-color-default {
    background-color: #E1E4EB;
}

/*FONT STYLES*/

.font-style-lable {
    font-weight : bold;
    color:#333333;  
}

.font-style-headline {
    color: #333;
}

.font-style-big-headline {
    font-size : 12pt;
    color : #333;
    font-weight: bold;
}

.font-size-footer {
    font-size : 8pt;
    color: #404962;
}

.font-size-small {
    font-size : 8pt;
}

.font-style-low {
    font-style: italic;
}

.font-weight-default {
    font-weight: normal;
}

.font-weight-high {
    font-weight: bold;
}

.font-style-person, .font-color-person {
    color: #344F70;
}

/* FONT COLORS*/

.font-color-default {
	color: #000000;
}

.font-color-selected {
	color: #FFFFFF;
}

.font-color-header {
	color: #fff;
}

.font-color-disabled {
	color: #818181;
}

.font-color-info {
	color:green;
}

.font-color-error {
	color: #ff0000;
}

/*BORDER*/
/*.tr is the live grid style fff3f3*/
.border-color-content-default, .tr {
	border-color: #e3e3e3 !important;
}

.tr_h {
	border-color: #f9f9f9 !important;
}

/*gray*/
.border-color-image {
	border-color: #808080 !important;
}

.border-color-default {
	border-color: #eee !important;
}

.border-color-design {
	border-color: #C0C0C0 !important; 
}

.border-color-popup-menu {
	border-color: #F8F8F8 !important; 
}

.border-color-error {
	border-color: #FF0000 !important;
}

.border-color-selection-elements {
	border-color : #576586 !important;
}

.border-color-PMG-selection-elements {
	border-color : #B7BBC2 !important;
}

/*lg border focused*/
.focused {
	border-color: #000000 !important;	
}
/*BACKGROUNDS*/

.background-color-toolbar {
	background-color: #C0C0C0;
}

.background-color-popup-menu {
	background-color: #F8F8F8;
}

/*th is the live grid header style */
.cpbottom-color {
	background-color: #E8E8E8;
}
.th {
    background-color: #E8E8E8;
}
.background-color-additional-content {
	background-color: #FFF;
}
.cpheader-color {
	background-color: #eee;
}

.livegrid-th-sorted {
    background-color: #CCCCCC;
}

.topHeaderBG, .topheader-color {
	background-color: #444;	/* was #65769b */
}
.background-color-content, .cpbody-color {
	background-color: #f5f5f5 !important;
}

.background-color-selection-elements {
	background-color: #576586 !important;
}

.background-color-PMG-selection-elements {
	background-color: #bdd3eb !important; /* was #C6CCD9 */
}
.entrySelDiv {
	background-color: #bdd3eb;
}

/*live grid selection*/
.selected {
	background-color: #bdd3eb;
}

.selected .tr {	
	border-color: #607090 !important;
}
.selectedfocused {
	border-color: #607090 !important;
	background-color: #bdd3eb;
}

.hover_background {
    background-color: #ffffff;
}
.mailDetailAttachmentsCont {
	background-color: white !important;
}
.mailDetailAttachmentsCont, .mailDetailAttachmentsContSel {
    border-color: #C0C0C0 !important;
}
.mail-background {
	background-color: #ffffff;
}


/*DND*/
.dndOver {
	background-color: #bdd3eb;
	border-color: #bdd3eb !important;
}

.dnd_possibleBG {
	background-color: #80BF80;
}

.dnd_NOTpossibleBG {
	background-color: #FF6868;
}

.hover-header-color {
	background-color: #9a9ea3;

}

/*
.browsercheck {
	background-image: url(../img/browsercheck.png);
}
*/

.sizesplit-line {
	background-image: url('../img/split_bg_h.gif');
}

.sizesplit-vline {
	background-image: url('../img/split_bg_v.gif');
}

#header-decorator {
	background-image: url(../img/toolbar/toolbar_bg.png);
}

#window-header-decorator {
    background-image: url(../img/toolbar/toolbar_bg.png);
    background-repeat: repeat-x;
    background-color: #ddd;
    border-bottom: 1px solid #bbb;
}

#header {
	background-image: url(../img/toolbar/toolbar.gif);
}

.background-disabled-loading {
	background-color: white;
	background-image: url(../img/ox_animated_white.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
.background-disabled {
    background-image:url(../img/bg_disabled.gif);
}

#modal-dialog-decorator {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: black;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 19;
    display: none;
}

#modal-dialog-decorator.busy {
    background-image:url(../img/ox_animated_black.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

#modal-dialog {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 20;
    display: none;
}

.bg_dummy {
	background-image: url(../img/dummy.gif);
}

.bg_toolbar {
	background-image: url(../img/toolbar/toolbar.gif);
}

.bg_horizontal {
	background-image: url(../img/grip_bg_horizontal.gif);
}

.bg_vertical {
	background-image: url(../img/grip_bg_vertical.gif);
}

.presearchcontent {
	font-size: 8pt;
	border-color: #EEE !important;
	background-color: #EEE;
}

.background-opacity-disabled {
	background-color:#7A89CC;
	-moz-opacity:0.4;
	opacity:0.4;
}

.linkstyle {
	text-decoration:underline;
	color:#404962;
	cursor:pointer;
}
.linkstyle-headline {
    text-decoration:underline;
    cursor:pointer;
}

/* quota bar */
.percent_quota_bar {
	background-color: white; 
}
.percent_quota1, .percent_quota2 {
	font-weight: bold;	
}
.percent_quota1 {
	color: #576586;
}
.percent_quota2 {
	color: white;	
}

.mail-ImageBlocked-content {
	background-color: #FFBF40;
}

/* sidepanel */
.modules_container { }

.moving {
    background-color: #EEEEEE;
}

#sidepanel_dragpoint_background {
    background-color: #ddd;
}

.webkit #sidepanel_dragpoint_background {
    -webkit-box-shadow: inset 0 0 2px 0 black;
}

.firefox #sidepanel_dragpoint_background {
    -moz-box-shadow: inset 0 0 2px 0 black;
}

.IE #sidesplit {
    border-right: 1px solid #888;
}

.IE #mainarea {
    border-left: 1px solid #888;
}
/* additional adds */

#cored3e21{
    color: #404962 !important;
    font-weight: bold;
}
.tree-text{
    border: 0px !important;
}
#folder_tree{
    background-color: #fff !important;
}
#mailcored5e126, #mailcored4e123 {
    background-color: #fff !important;
}
.eckenborderright .headerborder {
    border-right: 0px !important;    
}
.tableContainerAddAddressees{
    border: 1px solid #999999 !important;
}
.addresseesBottom {
    background-color:#E3E3E3 !important;
}
.tr, .tr_h{
    border-style: none !important;
}

.portal-header-box-background{
    background-color: #d2d5da;
}
.tr_h {
    background-color: #eaeaea !important;
}
.dropdownbox .comboboxColumn2 {
    background-color: #333333 !important;
}
#menu_search_mail_context, #menu_search_context {
	background-color: #333333 !important;
}
.mozSelected .background-color-additional-content{
	background-color: #D2D5DA;
}
.font-color-folder-header {
	color: #404962 !important;
}

.busy-spinner-black {
    background-image: url(../img/ox_animated_black.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.busy-spinner-white {
	background-color: white;
	background-image: url(../img/ox_animated_white.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.headercontenttable {
	background-image: url(../img/toolbar/toolbar30.png);
	background-repeat: repeat-x;
	border-top: 0px none;
}

.headercontenttable.border-color-design {
	border-color: #aaa !important;
}

div.oxTabControlToggleReverse, div.oxTabControlToggle {
	background-repeat: no-repeat;
	background-position: 3px 5px;
	width: 15px;
	height: 15px;
	float: right;
	margin: 5px 9px;
}
div.oxTabControlToggleReverse {
	background-image: url(../img/arrows/arrow_double_white_down.gif);
	cursor: s-resize;
}
div.oxTabControlToggle {
	background-image: url(../img/arrows/arrow_double_white_up.gif);
	cursor: n-resize;
}

div.oxTabControl {
    background-color: #444;
}

.ox-sidepanel-title {
	color: white;
}

div.oxTabControl a {
	color: #eee;
}

div.oxTabControl td.oxTab:hover, div.oxTabControl td.oxTabLast:hover {
    background-color: #666; /* was #455069 */
}

div.oxTabControl td.oxTabCurrent, div.oxTabControl td.oxTabCurrent:hover {
    color: #000;
    background-color: white;
    border-top: 2px solid #ccc;
}

/*
 * Portal 
 */

.ox-portal {
    background-color: white; /* body: A9B2C5 */
}

.firefox .ox-portal {
	background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
}

.webkit .ox-portal {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#DDDDDD));
}

.ox-portal-placeholder {
    border: 2px dashed #888;
    background-color: white;
    margin: 0px 0px 15px 0px;
}

/* portal widget */
.ox-portal-widget {
    background-color: white;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 15px 0px;
}

.firefox .ox-portal-widget {
    -border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 3px 0px #555;
}

.webkit .ox-portal-widget {
    -border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0px 0px 3px 0px #555;
}

/* IE gets no radius, no shadow */
.IE .ox-portal-widget {
    border: 1px solid #ccc;
}

/* portal widget header */
.ox-portal-header {
    background-color: #efefef;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    font-size: 9pt;
    color: #555;
    padding: 2px 8px 2px 8px;
    cursor: move;
}

/* upper border radius and background gradient for Firefox/WebKit */
.firefox .ox-portal-header {
    -moz-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    background-image: -moz-linear-gradient(center top, #ffffff, #efefef);
}

.webkit .ox-portal-header {
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
}

/* close/remove button */
.ox-portal-close {
    width: 14px;
    height: 14px;
    background-image: url(../img/portal/btn_close.gif);
    margin: 2px 0px 0px 0px;
    cursor: pointer;
}

/* controls */
.ox-portal-topbar {
    background-color: white;
    border-bottom: 1px solid #aaa;
    color: #aaa;
}

.ox-portal-topbar i {
	font-size: 12pt;
	font-style: normal;
}

.ox-portal-topbar b {
	font-size: 12pt;
	color: #999;
}

.ox-portal-topbar a {
    color: #00f;
    cursor: pointer;
    text-decoration: underline;
}

.ox-portal-controls, .ox-quick-config {
	background-color: #444;
	color: white;
}

.firefox .ox-portal-controls, .firefox .ox-quick-config {
	background-image: -moz-linear-gradient(center top, #111111, #555555);
}

.webkit .ox-portal-controls, .webkit .ox-quick-config {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#555555));
}

.ox-quick-config table {
	margin: 10px;
}

.ox-quick-config td, .ox-quick-config th {
	padding: 0px 20px 5px 0px;
	vertical-align: top;
	white-space: nowrap;
}

.ox-quick-config th {
    color: #8AC2FF;
    font-weight: normal;
    text-align: left;
    padding-bottom: 2px;
}

.ox-portal-controls label, .ox-quick-config label {
    font-weight: bold;
    color: white;
}

.ox-portal-layout {
	width: 90px;
	height: 60px;
    background-image: url(../img/portal/layouts.png);
    background-repeat: no-repeat;
    margin: 2px 22px 2px 2px;
    border: 0px none;
    cursor: pointer;
}

.ox-portal-layout.one {
	background-position: 0px 0px;
}

.ox-portal-layout.two {
    background-position: -90px 0px;
}

.ox-portal-layout.three {
    background-position: -180px 0px;
}

.ox-portal-layout.four {
    background-position: -270px 0px;
}

.ox-portal-layout.five {
    background-position: -360px 0px;
}

.ox-portal-layout.active, .ox-portal-layout.active:hover {
	background-color: #67789D;
	-moz-box-shadow: 0px 0px 15px 1px #A5C1FE;
	-webkit-box-shadow: 0px 0px 15px 1px #A5C1FE;
}

.ox-portal-layout:hover {
	background-color: #888;
	-moz-box-shadow: 0px 0px 10px 0px #fff;
    -webkit-box-shadow: 0px 0px 10px 0px #fff;
}

/* 
 * Button
 */

.ox-button {
	font-size: 8pt;
	line-height: 1.5em;
    border-radius: 5px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: black;
    cursor: pointer;
    padding: 5px 1em 5px 1em;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
}

.ox-button.dark {
    background-color: #333;
    border: 1px solid #222;
    color: white;
}

.ox-button:hover {
	border-color: #888;
}

/* firefox */
.ox-button.firefox {
	-moz-border-radius: 5px;
    background-image: -moz-linear-gradient(center top, #ffffff, #efefef);
}

.ox-button.dark.firefox {
	background-image: -moz-linear-gradient(center top, #555555, #333333);
}

.ox-button.firefox:hover {
	-moz-box-shadow: 0px 0px 4px #aaa;
}

/* webkit */
.ox-button.webkit {
    -webkit-border-radius: 5px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
}

.ox-button.dark.webkit {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), to(#333333));
}

.ox-button.webkit:hover {
    -webkit-box-shadow: 0px 0px 4px #aaa;
}

/* embedded windows */

.ox-embedded-decorator {
    position: absolute;
    top: 0px; 
    right: 0px;
    bottom: 34px;
    left: 0px;
    background-color: black; 
    opacity: 0.10;
    filter: alpha(opacity=10);
}

.ox-embedded-container {
    position: absolute; 
    top: 0px; 
    bottom: 34px;
    left: 50%; 
    margin-left: 0px; /* use to center */
    width: 0px; /* live parameter; override with !important */
    background-color: white;
    visibility: hidden;
}

.firefox .ox-embedded-container {
    -moz-box-shadow: 0px 0px 25px 1px #111;
}

.webkit .ox-embedded-container {
    -webkit-box-shadow: 0px 0px 25px 1px #111;
}

.IE .ox-embedded-container {
    border: 1px solid #333;
    border-width: 0px 1px 0px 1px;
}

.ox-embedded-title {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    text-align: center;
    padding: 9px 20px 8px 10px;
    color: #ccc;
    background-color: #444;
    border-bottom: 1px solid #333;
    background-image: none;
}

.firefox .ox-embedded-title {
    background-image: -moz-linear-gradient(center top , #111, #444);
}

.webkit .ox-embedded-title {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#444));
}

.ox-embedded-close {
    position: absolute;
    top: 7px;
    right: 10px;
}

.ox-embedded-close img {
    width: 14px;
    height: 14px;
    background-image: url(../img/x.png);
    cursor: pointer;
}

.ox-embedded-iframe {
    position: absolute;
    top: 30px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

/* embedded windows: dock */

.ox-dock {
    position: absolute;
    background-image: none;
    background-color: #444;
    color: black;
    border-top: 1px solid #333;
    height: 33px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 65000;
    display: none;
}

.firefox .ox-dock {
    background-image: -moz-linear-gradient(center top , #111111, #555555);
}

.webkit .ox-dock {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#555555));
}

.ox-dock-tab {

    background-color: #222;
    background-image: none;
    border: 1px solid black;
    border-width: 0px 1px 1px 1px;
    font-size: 12px;
    padding: 4px 10px 4px 10px;
    margin: 0px 0px 0px 5px;
    cursor: pointer;
    height: 1.5em;
    color: white;
    border-radius: 0px 0px 8px 8px;
        
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

.firefox .ox-dock-tab {
    background-image: -moz-linear-gradient(center top, #000000, #333333);
    -moz-border-radius: 0px 0px 8px 8px;
}

.webkit .ox-dock-tab {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#333333));
    -webkit-border-radius: 0px 0px 8px 8px;
}

.ox-dock-selected {
}

.firefox .ox-dock-selected {
    background-image: -moz-linear-gradient(center top, #000000, #666);
}

.webkit .ox-dock-selected {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#666));
}

/* Context-menu button */

.context-button .ox-button, .context-button.ox-button {
    padding: 0px 3px 0px 3px;
    width: 20px;
    height: 16px;
    background-image: url(../img/arrows/arrow-down.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
}
