/*   For Safari and Chrome to always  display the date picker and combobox field on the right */
.ext-safari .x-form-field-wrap .x-form-trigger {
    right: auto !important;
}



.oi-font-heading{font:normal 14px tahoma,arial,helvetica,sans-serif;font-weight:bold;color:#555555;}
.oi-font-heading hr{color: #555555; background-color: #555555; height: 2px; width: 250px; margin-left: 0px; }
.oi-font-heading-resourcepanel{font:normal 12px tahoma,arial,helvetica,sans-serif;font-weight:bold;color:#555555;}

.oi-font-normal{font:normal 11px tahoma,arial,helvetica,sans-serif;}
.oi-font-label{font:normal 12px tahoma,arial,helvetica,sans-serif; line-height: 14px;}
.oi-font-normal-unobtrusive{font:normal 11px tahoma,arial,helvetica,sans-serif; color:#A4A4A4;}
.oi-font-strong{font:normal 11px tahoma,arial,helvetica,sans-serif;font-weight:bold;}
.oi-background{background-color:#d0def0!important;} 
.oi-background-non-specialised{background-color:#ededed!important;}
.oi-background-ckmtext{background-color:#d0def0!important;} 
.oi-font-attention{font:normal 12px tahoma,arial,helvetica,sans-serif;font-weight:bold; color:#D91E1E;}// orange
.oi-font-ok{font:normal 12px tahoma,arial,helvetica,sans-serif;font-weight:bold; color:#04B404;} 

.x-table-layout td{vertical-align:top;}
.oi-overflow{overflow:auto;}

.oi-pure-html ul {list-style-type:disc; margin: 5px 0px 5px 20px!important; font:normal 11px tahoma,arial,helvetica,sans-serif;}
.oi-pure-html ol {list-style-type:decimal; margin: 5px 0px 5px 20px!important; font:normal 11px tahoma,arial,helvetica,sans-serif;}
.oi-pure-html li{display: list-item!important; font:normal 11px tahoma,arial,helvetica,sans-serif; }

.oi-pure-html h1{font:normal 14px tahoma,arial,helvetica,sans-serif;font-weight:bold;color:#555555;margin:20px 0px 10px 0px!important;}
.oi-pure-html h2{font:normal 12px tahoma,arial,helvetica,sans-serif;font-weight:bold;color:#555555;margin:20px 0px 10px 0px!important;}
.oi-pure-html h3,h4,h5,h6{font:normal 11px tahoma,arial,helvetica,sans-serif;font-weight:bold;color:#555555;margin:20px 0px 10px 0px!important;}
.oi-pure-html p{font:normal 11px tahoma,arial,helvetica,sans-serif; margin:10px 0px 5px 0px!important; color:#000000;}
.oi-pure-html em{font-style:italic;}
.oi-pure-html strong{font-weight:bold;}

.oi-add-comment-icon {  background-image: url(../pics/menu/comment_add.png ) !important;}  
.oi-edit-comment-icon {  background-image: url(../pics/menu/comment_edit.png ) !important;}  
.oi-delete-comment-icon {  background-image: url(../pics/menu/comment_delete.png ) !important;}  
.oi-comments-go-icon {  background-image: url(../pics/menu/comments_go.png ) !important;}  
.oi-subscribe-to {  background-image: url(../pics/menu/asterisk_grey.png ) !important;}  
.oi-unsubscribe-from {  background-image: url(../pics/menu/asterisk_orange.png ) !important;}
.oi-logout {  background-image: url(../pics/menu/logoff.png ) !important;}    
.oi-login { background-image: url(../pics/menu/arrow_right_boxed.png ) !important;}    
.oi-edit-documentation-icon {  background-image: url(../pics/menu/documentation_edit.png ) !important;}  
.oi-delete-documentation-icon {  background-image: url(../pics/menu/documentation_delete.png ) !important;}  

.oi-item-disabled-normal-font {cursor:default;opacity:1.0!important;-moz-opacity:1.0!important;filter:alpha(opacity=100)!important;}
.oi-item-disabled-normal-font {cursor:default !important;}

.oi-rtl {direction:rtl;}
.oi-alignright {align:right; direction:ltr;}
.oi-rtl-padded {direction:rtl; padding-right: 10px;}
.oi-alignright-padded {direction:ltr; align:right; padding-right: 10px;}

.oi-top-image {position:absolute; z-index:2; left:2px; } 
.oi-bottom-image {position:absolute; z-index:1; left:2px; }
.oi-top-zero {top:0px;} 
/* to be used in addition for the normal html - BUT NOT for printing as the print view breaks otherwise with all icons on top!*/

.x-tree-node-expanded .bluefolder { background-image:url(../pics/other/folder_blue-open.gif)!important; }
.x-tree-node-collapsed .bluefolder { background-image:url(../pics/other/folder_blue.gif)!important; }

.oi-bold-icon {  background-image: url(../pics/rtt/bold.gif ) !important;} 
.oi-createLink-icon {  background-image: url(../pics/rtt/createLink.gif ) !important;} 
.oi-hr-icon {  background-image: url(../pics/rtt/hr.gif ) !important;} 
.oi-indent-icon {  background-image: url(../pics/rtt/indent.gif ) !important;} 
.oi-insertImage-icon {  background-image: url(../pics/rtt/insertImage.gif ) !important;} 
.oi-italic-icon {  background-image: url(../pics/rtt/italic.gif ) !important;} 
.oi-justifyCenter-icon {  background-image: url(../pics/rtt/justifyCenter.gif ) !important;} 
.oi-justifyLeft-icon {  background-image: url(../pics/rtt/justifyLeft.gif ) !important;} 
.oi-justifyRight-icon {  background-image: url(../pics/rtt/justifyRight.gif ) !important;} 
.oi-ol-icon {  background-image: url(../pics/rtt/ol.gif ) !important;} 
.oi-ul-icon {  background-image: url(../pics/rtt/ul.gif ) !important;} 
.oi-outdent-icon {  background-image: url(../pics/rtt/outdent.gif ) !important;} 
.oi-removeFormat-icon {  background-image: url(../pics/rtt/removeFormat.gif ) !important;} 
.oi-removeLink-icon {  background-image: url(../pics/rtt/removeLink.gif ) !important;} 
.oi-strikeThrough-icon {  background-image: url(../pics/rtt/strikeThrough.gif ) !important;} 
.oi-subscript-icon {  background-image: url(../pics/rtt/subscript.gif ) !important;} 
.oi-superscript-icon {  background-image: url(../pics/rtt/superscript.gif ) !important;} 
.oi-underline-icon {  background-image: url(../pics/rtt/underline.gif ) !important;} 

.oi-archetype-icon {  background-image: url(../pics/other/archetype.png ) !important;} 
.oi-template-icon {  background-image: url(../pics/other/template.png ) !important;} 
.oi-termset-icon {  background-image: url(../pics/other/termset.png ) !important;} 
.oi-release-set-icon {  background-image: url(../pics/other/releaseset.png ) !important;} 

.oi-adoptions-icon { background-image: url(../pics/menu/heart.png ) !important;} 
.oi-adoptionssummary-icon { background-image: url(../pics/menu/heart_summary.png ) !important;} 
.oi-tasks-icon { background-image: url(../pics/menu/script.png ) !important;}
.oi-discussion-icon { background-image: url(../pics/menu/user_comment.png ) !important;}
.oi-reviewactive-icon { background-image: url(../pics/menu/comments_go.png ) !important;}
.oi-reviewcompleted-icon { background-image: url(../pics/menu/comments_tick.png ) !important;}
.oi-reviewround-icon { background-image: url(../pics/menu/reviewround.png ) !important;}
.oi-team-icon { background-image: url(../pics/menu/group.png ) !important;}
.oi-search-icon { background-image: url(../pics/menu/magnifier.png ) !important;}

.oi-go-down-icon { background-image: url(../pics/other/godown.png ) !important;}
.oi-go-up-icon { background-image: url(../pics/other/goup.png ) !important;}

.oi-find-anywhere-icon { background-image: url(../pics/menu/magnifier.png ) !important;}
.oi-phrase-starts-with-icon { background-image: url(../pics/other/phraseStartsWith.png ) !important;}
.oi-any-word-starts-with-icon { background-image: url(../pics/other/anyWordStartsWith.png ) !important;}
.oi-find-by-concept-id-icon { background-image: url(../pics/other/ConceptSearch.png ) !important;}
.oi-find-by-term-id-icon { background-image: url(../pics/other/TermSearch.png ) !important;}


table.oireport { 
		border-width: 2px 2px 2px 2px;
		border-style: solid solid solid solid;
		border-color: #d0def0 #d0def0 #d0def0 #d0def0;
		border-spacing: 2px;
		border-collapse: collapse;
		background-color: rgb(255, 245, 238);
		font-family: Verdana;
		font-size: 11px;	
		}
table.oireport th {
		border-width: 1px 1px 1px 1px;
		padding: 1px 3px 1px 3px;
		border-style: dashed dashed dashed dashed;
		border-color: #d0def0 #d0def0 #d0def0 #d0def0;
		background-color: #f5f5f5;
		font-weight: bold;
		vertical-align: top;
		}
table.oireport td {
		border-width: 1px 1px 1px 1px;
		padding: 1px 3px 1px 3px;
		border-style: dashed dashed dashed dashed;
		border-color: #d0def0 #d0def0 #d0def0 #d0def0;
		background-color: #f5f5f5;
		vertical-align: top;
		}
h1.oireport {
		font-family: Verdana;
		font-size: 14px;
		font-weight: bold;
		}

table.oitableborders {border-width: 1px 1px 1px 1px; border-style: dashed dashed dashed dashed;
		border-color: blue blue blue blue; border-collapse: collapse; background-color: white; font-family: Verdana;
		font-size: 11px; empty-cells: show;}
table.oitableborders th {border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; border-style: dashed dashed dashed dashed; border-color: blue blue blue blue; background-color: white;}
table.oitableborders td {border-width: 1px 1px 1px 1px; padding: 1px 1px 1px 1px; border-style: dashed dashed dashed dashed; border-color: blue blue blue blue; background-color: white;}
h1.oitableborders {font-family: Verdana; font-size: 14px; font-weight: bold;}
table.oitablenoborders {border-width: 0px 0px 0px 0px; border-collapse: collapse;}
table.oitablenoborders th {border-width: 0px 0px 0px 0px; padding: 1px 1px 1px 1px;	background-color: white;}
table.oitablenoborders td {border-width: 0px 0px 0px 0px; padding: 1px 1px 1px 1px; background-color: white;}
h1.oitablenoborders {font-family: Verdana; font-size: 14px; font-weight: bold;}

.oitablemiddleheading {font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #A4BAC9 !important;}

/* if this is updated we also need to update the BACKGROUND_STYLE_xxxPANEL in the WestxxxPanel accordingly! */
.oitemplatepanel {background-color: #FAF4EE !important;}
.oitermsetpanel {background-color: #F0FFF7 !important;}
.oireleasesetpanel {background-color: #F0E8F9 !important;}

.oitermnotpreferred {font-style:italic !important;}
.oitermnotselectable {color: #808080 !important;}

.oi-no-tree-indent-for-invisible-root { margin-left: -14px;}

/* oifeedback styles are repeated here - they are also specified directly in ArhcetypeSimplifiedHTMLGenerator.
For emails we need to have it there directly, but it is not in the header of the html then and thus is ignored by IE if not specified here for use in a CKM tab for printing ! */ 
table.oifeedback { border: 1px dotted blue;	border-collapse: collapse; background-color: white; font-family: Verdana; font-size: 11px; margin: 2px;}
table.oifeedback th {border: 1px dashed blue;}
table.oifeedback td {border: 1px dashed blue;padding: 2px;}
table.oifeedback tr {vertical-align: top;}
h1.oifeedback {font-family: Verdana; font-size: 14px; font-weight: bold; padding-top:10px; color: #657383;  /* Slate Gray */}

.oi-break-word {word-wrap: break-word;}


.gwt-DatePicker {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999 #CCCCCC #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    font-family: Verdana;
    font-size: 80%;
}
.gwt-DatePicker td, .datePickerMonthSelector td:focus {
    outline: medium none;
}
.datePickerDays {
    background: none repeat scroll 0 0 white;
    width: 100%;
}
.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel {
    border-bottom: 1px solid #EDEDED;
    border-right: 1px solid #EDEDED;
    color: #333333;
    font-size: 85%;
    font-weight: bold;
    outline: medium none;
    padding: 4px;
    text-align: center;
}
.datePickerWeekdayLabel, .datePickerWeekendLabel {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    cursor: default;
    font-size: 70%;
    font-weight: normal;
    padding: 0 4px 2px;
}
.datePickerDay {
    cursor: pointer;
    padding: 4px 7px;
}
.datePickerDayIsToday {
    background: url("../pics/other/hborder.png") repeat-x scroll 0 -2107px transparent;
    color: #FFFFFF;
    padding: 3px;
}
.datePickerDayIsWeekend {
    background: none repeat scroll 0 0 #F7F7F7;
}
.datePickerDayIsFiller {
    color: #999999;
    font-weight: normal;
}
.datePickerDayIsValue {
    background: none repeat scroll 0 0 #D7DFE8;
}
.datePickerDayIsDisabled {
    color: #AAAAAA;
    font-style: italic;
}
.datePickerDayIsHighlighted {
    background: none repeat scroll 0 0 #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
    background: none repeat scroll 0 0 #D7DFE8;
}

.datePickerMonthSelector {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 1px 0 5px;
    width: 100%;
}
td.datePickerMonth {
    color: #333333;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.datePickerPreviousButton, .datePickerNextButton {
    color: #3A6AAD;
    cursor: pointer;
    font-size: 120%;
    font-weight: bold;
    line-height: 1em;
    outline: medium none;
    padding: 0 4px;
}
.gwt-DateBox {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999 #CCCCCC #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-style: solid;
    border-width: 1px;
    font-size: 80%;
    
    padding: 1px;
    width: 80px;
}
.gwt-DateBox input {
    width: 5em;
}
.dateBoxFormatError {
    background: none repeat scroll 0 0 #FFCCCC;
}

.gwt-PopupPanel {
        border: 1px solid #848484;
        background-color: #E9F2FF; /* Equivalent to the color of other tooltips */
        z-index:20000; /* needed or icons may be above it */ 
}

.gwt-PopupPanel .popupContent {
	    font:normal 11px tahoma,arial,helvetica,sans-serif;
	    margin: 1px 5px 5px 5px;
}

