@import url("Navigation.css");

@import url("MButton.css");

@import url("MCheckBox.css");

@import url("MListBox.css");

@import url("SpinnerTimeBox.css");

@import url("MDialog.css");

@import url("MTable.css");

@import url("MenuBar.css");

@import url("MImageButton.css");

@import url("DialogTable.css");

@import url("TextBoxWrapper.css");

@import url("MTabCaption.css");

@import url("MTreeItem.css");

@import url("DatePicker.css");

@import url("Slider.css");

@import url("MRadioButton.css");

@import url("SuggestBox.css");

@import url("ColorPicker.css");

@import url("MTextField.css");

@import url("ContextPopup.css");

@import url("Dashboard.css");

@import url("MLongTextPanel.css");

@import url("MChooseBar.css");

@import url("MProgressBar.css");

@import url("Calendar.css");

@import url("Wizards.css");

@import url("Cloud.css");

body,table td,select {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}

body {
    color: black;
    margin: 0px;
    border: 0px;
    padding: 0px;
    direction: ltr;
    overflow:auto;
}

.logo {
    cursor: pointer;
    display:block;
    margin-right:10px;
}

.logoBox {
    position: absolute;
    top: 0px;
    right:0px;
    height:100%;
    background:#FFFFFF;
}

.west{
    margin: 0px;
    height:100%;
    background:#FAFAFA;
}

.stageLabel{
    white-space: nowrap;
    text-align:center;
    z-index:2;
}

.header-holder {
    background: url(../../../images/header-bg.png) repeat-x;
}

.soffico-footer {
    display:block;
    text-align: center;
    margin-top:10px;
    width: 100%;
}

.contentPanel{
    width: 100%;
}

.centerPanel{
    height:100%;
    width: 100%;
    background:#FAFAFA;
    overflow:auto !important;
}

.contentHolder{
    width: 100%;
    height: 100%;
    padding:10px 10px 0px 10px;
}

.mainPanel {

}

.mainPanel-HDragger {
    background: #eeeeee url(../images/hsplitter.png) center center	repeat-y;
    cursor: col-resize;
    border:1px solid #a5a5a5;
    border-top:none;
    border-bottom:none;
}

.mainPanel-VDragger {
    background: #eeeeee url(../images/vsplitter.png) center center	repeat-x;
    cursor: row-resize;
    border:1px solid #a5a5a5;
    border-left:none;
    border-right:none;
}

.half{
    width:50%;
    }

.full{
    width:100%;
}

.scenarioChooser {
    width:200px;
}

.scenarioChooser-content{
    margin-top:10px;
}

.listImg	{
    display:block;
}

.lockedUser{
    color:#EA1817;
}

.enabledUser{
    color:#008000;
}

.logArea{
    font-family: MonoSpace;
    background:white;
    height:600px;
    width:900px;
    border:1px solid #898d96;
    padding:2px;
    white-space:pre;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.loadingLabel{
    position: absolute;
    left: 50%;
    top: 50%;
    text-align:center;
    width: 100%;
    margin-left: -50%;
    font-size:medium;
}

.full{
    width:100%;
}

.messagePanel{
    padding:2px;
}

.messageLabel{
    display:block;
    padding:0px 0px 0px 4px;
    text-align: left;
    width:100%;
    white-space: nowrap;
}

.nodeMarkerPanel{
    background:#FFFFFF;
    height:100%;
    width:100%;
    overflow:auto;
}

.nodeMarker{
    display:block;
    background-color: #7AA5D6;
    filter:alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity:0.7;
    cursor:pointer;
    border:none;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
}

.errorMarker{
    display:block;
    background-color: #FF0000;
    filter:alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity:0.7;
    cursor:pointer;
    border:none;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
}

.img{
    display:block;
    vertical-align: middle;
}

.waiting{
    cursor:wait;
}

.varibaleContentLabel{
    white-space: pre;
}

.mosaic-GlassPanel-invisible{
    filter:alpha(opacity=0);
    opacity: 0.0;
    -moz-opacity:0.0;
    display:none;
}

.messageFrame{
    margin:0px !important;
    width:100%;
    height:100%;
    background: #FFFFFF;
    border-color: #A2A3A4 #BCBDBE #D2D3D4;
    border-left: 1px solid #BCBDBE;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-right: 1px solid #BCBDBE;
    border-style: solid;
    border-width: 1px;
    padding:2px;
}

.messageArea{
    margin:0px !important;
    padding:2px;
    white-space: pre;
    width:100%;
    height:100%;
}

.messageAreaResize{
    margin:0px !important;
    padding:2px;
    white-space: pre;
    width:100%;
    height:100%;
    resize:both;
}

.focusWrapper{
    position:relative;
    z-index:2;
}

.button-focused{
    border:0 !important;
    outline:none !important;
    -moz-box-shadow: 0px 0px 2px 1px #5b88ba;
    -webkit-box-shadow: 0px 0px 2px 1px #5b88ba;
    box-shadow: 0px 0px 2px 1px #5b88ba;
}

.button-disabled{
    cursor:default;
    opacity: .4;
    filter: alpha(opacity=40);
}

.signalWidget{
    background:white;
    border:1px solid #b1b1b1;
    white-space:pre;
    border-radius: 5px 5px 3px 3px;
    -webkit-border-radius: 5px 5px 3px 3px;
    -moz-border-radius: 5px 5px 3px 3px;
    -o-border-radius: 5px 5px 3px 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow:hidden;
    display:table;
    width:100%;
    margin-bottom:15px;
}

.signalWidget a{
    text-decoration:none;
}

.signalWidget-partner-selected{
    background:#9bb6d5 !important;
    -moz-box-shadow: 0px 0px 2px 1px #5b88ba;
    -webkit-box-shadow: 0px 0px 2px 1px #5b88ba;
    box-shadow: 0px 0px 2px 1px #5b88ba;
}

.signalWidget-partner{
    background:none;
    margin:2px;
    padding:2px;
    border:0 !important;
    outline:none !important;
    cursor:pointer;
}

.signalWidget-caption{
    text-decoration:none !important;
    display:block;
    background: #c0c5ca url(../images/window-caption.png) repeat-x;
    border-bottom: 1px inset #222222;
    padding:0px;
    color: #555555;
    font-weight: normal;
    text-align:left;
    cursor:pointer;
    text-decoration:none;
    border-spacing:0;
    border-collapse:collapse;
}

.signalWidget-panelContent {
    width: 100%;
    margin-bottom: 1em;
}

.signalWidget-mainContent{
    display:block;
    background:none;
    padding:4px;
}

.channelWidget{
    background:none;
    margin:2px;
    padding:2px;
    border:0 !important;
    outline:none !important;
    cursor:pointer;
}


/* general style formats */
.box_sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.clickable-label {
    text-align: center;
}

.clickable-label:hover {
    background-color: #EEEEFF;
    border-radius: 5px;
    cursor: pointer;
    color: blue;
}

.warning-text {
    color: #FF0F0F;
    font-style: italic;
}


div.user-defined-comment {
	background-color: #A5B8C100;
}

div.user-defined-comment:hover {
	background-color: #A5B8C1ff;
}

.gwt-Button-user-comment {
	background-color: white;
	color: #0063AC;
	border-color: #0063AC;
	border-radius: 3px;
    border-style: solid;
    border-width: 1px;
}

.gwt-Button-user-comment:hover {
	background-color: #0063AC;
	color: white;
}