/*
font family overrides
*/
body, td, p, th, ol, ul, li, input, select, textarea, .defaultLabelStyle, fieldset, legend, 
.fieldLabel, .shortfieldlabel, .dialogFileDetails, .drilldownFileName, .drilldownFileInfo,
.webcomponentTitle, .defaultLinkStyle, .defaultActionLinkStyle, .webcomponentBreadcrumb,
.defaultDataSortLinkStyle, .drilldownFolderPath, .subTitle {
	font-family: Arial !important;
}
img {
	border: none;
}
/*
all standard link color
*/
.defaultLinkStyle, .defaultActionLinkStyle, .miniButton {
	color: #114EB3 !important;
}
/*
disabled links
*/
span.defaultActionLinkStyle {
	color: #888 !important;
}
/*
font size override
*/
.fieldLabel, .shortfieldlabel, legend {
	font-size: 11px !important;
}
/*
login screen
*/
.loginFieldBlock {
	background: #fff url(../images/login/login_bg.gif) bottom repeat-x;
	border: 1px solid #c1c1c1;
	padding: 20px 26px;
}

/*
topmost menu bar
*/
.menubarBackground {
	background: #f8f8f8 !important;	
	border-bottom: 1px solid #a1a1a1;
}
/*
topmost menu commands and associated hover class
*/
.menuBar {
	color: #333 !important;
	font-weight: normal !important;
	border: 1px solid #f8f8f8;
}
.menuBarHighlight {
	background: #ffc !important;
	border: 1px solid #a3a3a3;
}
/*
the part that contains the breadcrumbs and starts with filter etc
*/
.headerBackground {
	background: #eee !important;
}
/*
the paging bar
*/
.pagerBackground {
	background: #eee !important;	
}

/*
an option for headings on pages
*/
.pageHeading {
	background: #f8f8f8 url(../images/tables/column_header.gif) bottom repeat-x;
	padding: 8px 8px;
	border-bottom: 1px solid #a1a1a1;
}
.pageHeadingTitle {
	color: #8E1C0C;
	font-weight: bold;	
	font-size: 12px;
}
.pageHeadingPrefix {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
	display: inline-block;
}
/*
the current location title
*/
.webcomponentBreadcrumbTitle {
	color: #8E1C0C !important;
	font-weight: bold;	
	font-size: 12px !important;
}

/*
all data grids
*/
table {
	*border-collapse: collapse !important;
}
td {
	empty-cells: show !important;
}
table.listTable,table.defaultDatagridStyle {
	border: none;
	*border-collapse: collapse !important;
}
table.listTableWithBorder {
	border-left: 1px solid #c1c1c1 !important;
	border-right: 1px solid #c1c1c1 !important;
	border-bottom: 1px solid #c1c1c1 !important;
}
table.listTable th, .colHeaderBackground th, .colHeaderBackground td {
	font-weight: normal !important;
	text-align: left !important;	
	padding: 6px 4px !important;
	border-bottom: 1px solid #a1a1a1 !important;
	border-top: 1px solid #c1c1c1 !important;
	background: #f8f8f8 url(../images/tables/column_header.gif) bottom repeat-x;
	color: #555 !important;
	vertical-align: middle !important;
	border-right: 1px solid #d1d1d1;
}
th.firstColumn, td.firstColumn {
	border-left: 1px solid #d1d1d1;
}
tr.colHeaderBackground {
	background: #f8f8f8 url(../images/tables/column_header.gif) top repeat-x;
}
table.listTable th a, .colHeaderBackground th a, .colHeaderBackground td a {
	color: #555 !important;
	font-weight: normal !important;
}
th.doclistlocicon, th.doclistcheckbox  {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	vertical-align: middle !important;
	border-right: none !important;
}
th.noRightBorder {
	border-right: none !important;
}
table.listTable td {
	padding: 8px 6px;
	border-bottom: 1px dotted #c2c2c2;
	empty-cells: show !important;
	vertical-align: middle;
}
tr.defaultDatagridRowStyle td, tr.defaultDatagridRowAltStyle td {
	padding: 6px 6px !important;
	border-bottom: 1px dotted #dfdfdf;
	empty-cells: show !important;
	vertical-align: middle;
}
table.withExtraPadding td {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/*
datagrid top row for buttons and actions
*/
.tableActionBar {
	border-bottom: 1px solid #dfdfdf !important;
	background: #fff;
}
/*
datagrid selected row
*/
.selected, tr.selected td {
	background: #CAE7FE;
}
/*
datagrid 'odd' row
*/
.defaultDatagridRowStyle {
	background: #F9FAFF;
}

/*
links in tables
*/
td a.inTableLink, td a.inTableLink:visited {
	color: #114EB3 !important;
	cursor: pointer;
	text-decoration: underline !important;
}
td a.inTableLink:hover {
	text-decoration: none !important;
}

/*
the backgrounds of all dialogs etc (not the normally dark blue bit but the actual background
which is not seen on most dialog boxes.  It is seen on the login screen though
*/
#modal, #modalLocator, #persistentobjectlocator, #userorgrouplocator, #modalSmall {
	background: #f3f3f3 !important;
}
/*
the darker inner bits of all dialogs and the login box
*/
#leftcolumn, #rightcolumn, #mainPaneSet, .defaultPanesetBackground {
	background: #f3f3f3;
}
/*
the white inside dialog boxes...added here to remove the silly shadow from bottom and right
sides
*/
#scrollingcontent {
	background: #fefefe;
	border-color: #b6b6b6;
}
/*
scrolling content div on tabless dialogs
*/
.scollingContentWithTopBorder #scrollingcontent {
	border-top: 1px solid #b6b6b6 !important;
}
/*
the colour of the title for dialogs
*/
.webcomponentTitle, .dialogTitle, .dialogFileName {
	color: #333 !important;
}
#modal .dialogTitle, .defaultLabelStyle, .dialogFileName {
	color: #333 !important;
}

/*
buttons and button pane for dialogs
*/
.modalButtonBar {
	margin-bottom: 0px !important;
	margin-top: 5px !important;
}

.buttonx {
    background: cae0cf;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: normal;
    overflow: visible;
    padding: 1px 2px;
}

.searchTriangleLeftPadding {
	padding-left: 5px;
}

/*
i am available link in inbox - normally a white text
*/
.dialogFileDetails {
	color: #114EB3;
}

/*
webtop breadcrumbs
*/
.webcomponentBreadcrumb {
	color: #114EB3 !important;
	margin-left: 2px !important;
	margin-right: 2px !important;
}
/*
the breadcrumb part on all locators
*/
#breadcrumbPane {
	border-top: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
}
#iconwellarea {
	border-color: #b6b6b6 !important;
	border-top: 0px solid #b6b6b6 !important;
}
#workareacontent {
	border-color: #b6b6b6 !important;
}
.locatorborderstyle {
	border-color: #b6b6b6 !important;
}
#modalLocator .borderstyle {
	border-color: #b6b6b6 !important;
}

/*
overrides for locators
*/



div.appTitle {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding-top: 3px;
}


/*
hr - used as divider on property pages
*/
hr {
	border: 0 !important;
	color: #c1c1c1 !important;
	background-color: #c1c1c1 !important;
	height: 1px !important;	
	margin: 16px 0;
}

/*
application branding stuff - this is ecsf not webtop
*/
img.application_logo {
	margin-right: 10px;
	vertical-align: middle;
}

span.application_title {

}

/*
helper styles for webtop dialogs
*/
div.diagTopPrompt {
	margin-bottom: 18px;
}
div.diagSection {
	border-bottom: 1px solid #dfdfdf;
	margin: 0 8px;
}
div.first {
	border-top: 1px solid #dfdfdf;
}
div.last {
	border-bottom: none;
}
div.diagSectionTitle {
	float: left;
	width: 110px;
	margin: 16px 10px 16px 6px;
}
div.diagSectionTitleWider {
	float: left;
	width: 180px;
	margin: 16px 10px 16px 6px;
}
div.diagSectionInner {
	float: left;
	width: auto;
	margin: 16px 6px 16px 10px;
}
div.diagSectionInnerPrompt {
	padding-bottom: 8px;
}
table.diagSectionInnerDataTable td {
	padding: 7px 0;
	vertical-align: top;
}
table.diagSectionInnerDataTable tr.first td {
	padding-top: 0;
}
table.diagSectionInnerDataTable tr.last td {
	padding-bottom: 0;
}
table.diagSectionInnerDataTable tr.extraTop td {
	padding-top: 14px;
}
table.diagSectionInnerDataTable tr.extraBottom td {
	padding-bottom: 14px;
}
td.withExtraPadding {
	padding-top: 6px;
	padding-bottom: 6px;
}
span.diagSectionInnerLabel {
	color: #777;
	margin-right: 12px;
}
span.diagSectionLighterLabel {
	color: #777;
}
span.heavy {
	font-weight: bold;
}
span.diagSectionInnerField {
}
span.diagSectionTitle {
	font-weight: bold;
	margin-bottom: 8px;
}
span.diagSectionTitleLighter {
	color: #777;
	display: block;
	font-weight: normal;
}
a.diagMoreDataToggle, a.diagMoreDataToggle:visited {
	margin-left: 20px;
	color: #114EB3;
   	cursor: pointer;
   	text-decoration: underline;
}
a.diagMoreDataToggle:hover {
	text-decoration: none;
}
div.diagMoreDataDiv {
	display: none;
}

/*
tabs styling
*/
#tabs {
	position: absolute !important;
	z-index: 999 !important;
	top: 35px !important;
	height: 40px !important;
}
.tabbarPositionBox, .tabbarClippingBox, .tabbarContainerBox {
	overflow: visible !important;
	height: 40px !important;
}
.defaultTabbarOuterStyle td {
	vertical-align: top;
}
.defaultTabbarOuterStyle td div {
	height: 40px !important;
}
.tabdivider {
	background: none !important;
	height: 40px !important;
}
td.tabbuffernotselectedleft {
	background: #e1e1e1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b6b6b6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b6b6b6;
}
td.tabbuffernotselectedright {
	background: #e1e1e1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b6b6b6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b6b6b6;;
}
td.defaultTabbarNormalStyle {
	background: #e1e1e1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b6b6b6;
	color: #888;
	line-height: 19px !important;
	height: 40px !important;
}
td.defaultTabbarDisabledStyle {
	background: #e1e1e1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b6b6b6;
	color: #888;
	line-height: 19px !important;
	height: 40px !important;
}
td.tabbufferselectedleft {
	background: #fff !important;
	border-top: 1px solid #a1a1a1;
	border-left: 1px solid #a1a1a1;
}
td.tabbufferselectedright {
	background: #fff;
	border-top: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;
}
td.defaultTabbarSelectedStyle {
	background: #fff;
	border-top: 1px solid #a1a1a1;
	color: #333;
	line-height: 19px !important;
	height: 40px !important;
}

/*
buttons styles
*/
button {
   background-color: #e8e8e8;
   background-image: url(../images/button/standard_btn_bg.gif);
   background-position: bottom;
   background-repeat: repeat-x;
   font-weight: bold;
   font-size: 11px;
   color: #114EB3;
   padding: 0 8px;
   border-width: 1px;
   border-style: solid;
   border-color: #ccc;
   cursor: pointer;
   height:24px;
   line-height: normal;
   /*IE  margin fix */
   overflow: visible;
   _width: 1px;
}
button[disabled="disabled"], button.disabled {
	color: #888 !important;
	border-color: #aaa;
	background-color: red;
}
button.strongAction {
	/*background-color: #D14836;*/
	background-color: #00cc33;
	background-image: url(../images/button/action_btn_bg.gif);
	/*border-color: #922F21;*/
	border-color: #004f14;
	color: #fff;
}
button.forwardAction {
	background-color: #1C69EA;
	background-image: url(../images/button/primary_btn_bg.gif);
	border-color: #0D3E8E;
	color: #fff;
}
.actionButtonWithImage {
	height: 22px;
	width: 46px;
}
.innerActionButtonWithImage {
	width: 44px !important;
}
button.buttonIsImage {
	height: 22px !important;
	width: 46px !important;
	border: none;
	background: none;
	padding: 0 !important;
}
button.smallButtonIsImage {
	height: 20px;
	width: 22px;
	border: none;
	background: none;
	padding: 0 !important;
}
button.image {
	padding: 0;
	height: 20px;
	width: 20px;
}

div .treeNodeHeight {
	height: 20px !important;
	vertical-align: middle !important;
}
div .treeNodeHeight img {
	/*visibility: hidden !important;*/
	vertical-align: top !important;
}
/*span.dndContainer {
	height: 1%;
}*/
div .treeNodeHeight a:hover {
	background: #efefef;
}
div .treeNodeHeight a img {
	visibility: visible !important;
	vertical-align: top !important;
}
span.browserTreeNormal {
	padding: 3px 5px;
}
span.browserTreeSelected {
	padding: 3px 5px;
	background: #CAE7FE;
	font-weight: bold;
}
button.helpImage {
	display: none !important;
}

/*
masthead bits and pieces
*/
div.mastheadWrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #5E7B93;
	height: 50px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	overflow: hidden;
}
div.mastheadTitle {
    float: left;
    margin-left: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    height: 60px;
}
div.mastheadTitle img{
    width: 65px;
    height: 50px;
    margin-top: 0px;
}
div.mastheadTools {
	float: right;
	width: 340px;
	height: 36px;
	margin-top: 12px;
	margin-right: 11px;
	background: #333;
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	padding: 6px 5px;
	color: #ddd;
	z-index: 9999;
}
span.mastheadTool {
	display: inline-block;
	background-image: url(../images/masthead/masthead_tool_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 24px;
	float: left;
}
span.mastheadTool span {
	margin-right: 0 !important; /*webtop renders a span with inline style with a margin!*/
}
a.mastheadTool {
	font-weight: bold;
	color: #ddd;
	text-decoration: none;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	height: 24px;
	line-height: 21px;
	vertical-align: top;
}
a.mastheadTool:hover {
	background: #555;
	color: #fff;
}
span.searchSurround {
	border: 1px solid #888;
	background: #fff;
	display: inline-block;
	margin-right: 8px;
	padding: 0;
	float: left;
	height: 24px;
	overflow: hidden;
}
input.searchBox {
	height: 16px !important;
	margin-left: 3px;
	margin-bottom: 2px;
	margin-top: 0;
	marging-right: 0;
	border-width: 0;
	border-style: none;
	border-color: #fff;
	padding: 0 !important;
	width: 200px;
}
image.quickSearchBtn, image.advSearchBtn {
	border-width: 0 !important;
	background: none !important;
	padding: 0 important;
	margin-top: 2px;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}
image.quickSearchBtn {
	height: 18px;
	width: 22px;
}
image.advSearchBtn {
	height: 18px;
	width: 24px;
}

/*
* the notification pop up div
*/
div.popupDiv {
	position: absolute;
	width : 300px;
	height: 100px;
	right: 25px;
	background-color: #ffc;
	border: 1px solid #666;
	z-index: 9999;
}
div.popupDiv .heading {
	padding: 4px 6px;
	background-color: #2C95DD;
	color: #fff;
	font-weight: bold;
}
div.popupDiv .body {
	padding: 6px;
}

/*
* body style for the browser tree
*/
.webtopTreeBackground {
	overflow-x: auto !important;
	overflow-y: auto !important;
}

/*
* handy for warning and error panels
*/
div.errorPanel {
	border: 1px solid #dd3c10;
	background-color:  #ffebe8;
	padding: 8px;
}
div.errorPanelWithIcon {
	border: 1px solid #dd3c10;
	background-image: url(../icons/error.gif);
	background-color:  #ffebe8;
   	background-position: 10px 8px;
   	background-repeat: no-repeat;
	padding: 8px 8px 8px 36px;
}
div.warningPanel {
	border: 1px solid #c9c29c;
	background-color:  #fbf2c3;
	padding: 8px;
}
div.warningPanelWithIcon {
	border: 1px solid #c9c29c;
	background-image: url(../icons/warning.gif);
	background-color:  #fbf2c3;
   	background-position: 10px 8px;
   	background-repeat: no-repeat;
	padding: 8px 8px 8px 36px;
}
div.infoPanel {
	border: 1px solid #4F92D1;
	background-color:  #E2EBF5;
	padding: 8px;
}
div.infoPanelWithIcon {
	border: 1px solid #4F92D1;
	background-image: url(../icons/information.gif);
	background-color:  #E2EBF5;
	background-position: 10px 8px;
   	background-repeat: no-repeat;
	padding: 8px 8px 8px 36px;
}
div.successPanel {
	border: 1px solid #009999;
	background-color:  #E7FFFF;
	padding: 8px;
}
div.successPanelWithIcon {
	border: 1px solid #009999;
	background-image: url(../icons/success.gif);
	background-color:  #E7FFFF;
	background-position: 10px 8px;
   	background-repeat: no-repeat;
	padding: 8px 8px 8px 36px;
}