/* ------------------------------------- */
/* SDL MultiTerm Online stylesheet
	-- use at your own risk --

Copyright (c) 2005-2010 SDL plc
Copyright (c) 2004-2005 TRADOS GmbH Stuttgart

Author:		Michael Wetzel (michael@trados.com)
Created On:	10 August 2004 (mw)
Last Modified: 30 June 2010 (mw)

---------------------------------------- */
@charset "UTF-8";
@import url("./list.css"); 
/* hitlist and browse list */
@import url("./table.css");
/* data tables */
@import url("./login.css");
/* login page */


/* **************************************************************** */
/* general element behaviour */

HTML
{
	height: 100%;
	width: 100%;
	overflow: visible;
	}

BODY {
	 width: 100%;
	 margin: 0;
	 color: #434a65;
	 font-family: 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	 font-size: 14px;	 
	 background-color: #f6f6f6;
	 overflow: visible;
	 font-weight: 300;
	 line-height: 17px;
}

	
P {
	font-family: 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	padding: 0;
}

TABLE, 
TR
{
	margin: 0px;
	border: none 0px #000000;
	padding: 0px;
	border-collapse: collapse;
}

FORM, 
TBODY
{
	border: none 0px black;
	margin: 0px;
	padding: 0px;
	}


IMG
{	
    border-style: none;
	}
		
A:link,
A:visited,
A:hover
{
	color: #000000;
	text-decoration: none !important;
	vertical-align: top;
}	

/* **************************************************************** */
/* command buttons, input boxes */

input[type='radio'],
INPUT.radio 
{
	border: solid 1px transparent;
	vertical-align: middle;
	margin-bottom: 4px;
}
	
input[type='text'],
input[type='password'],
input.text,
input.password
{
	font-family: 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	border: solid 1px #617584;
    padding: 1px 2px;
	border-radius: 4px;
    }

SELECT
{
	border-radius: 4px;
	margin-left: 2px;
	margin-right: 2px;
	color: #434a65;
	background: transparent;
	padding: 4px;
	height: 100%;	
}

.btnModifyDuplicateFilter
{
	display: inline;
}


#abortJob
{
	display: inlin-block;
	width: -moz-max-content;
	width: max-content;
}

#abortJob a:link,
.btnModifyDuplicateFilter a:link
{
	color: white;
}

#abortJob,
.btnModifyDuplicateFilter,
.hyperlinkSubstitute,
BUTTON.btn_major,
BUTTON.btn_minor, 
BUTTON.btn_reset, 
INPUT.btn_major, 
INPUT.btn_minor, 
INPUT.btn_reset,
input[type='submit'],
input.submit
{
    margin: auto .25em;
    cursor: pointer;
    background-color: teal;
    border-radius: 4px;
    color: #f0f0f0;
    padding: 10px 25px;
    border: none;
    border-bottom: 2px solid #066;
    font: 400 16px/16px 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

::-webkit-file-upload-button
{
	padding: 4px 10px;
    margin: auto .25em;
    cursor: pointer;
    background-color: teal;
    border-radius: 4px;
    color: #f0f0f0;
    border: none;
    border-bottom: 2px solid #066;
    font: 400 16px/16px 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

::-ms-browse
{
	padding: 4px 10px;
    margin: auto .25em;
    cursor: pointer;
    background-color: teal;
    border-radius: 4px;
    color: #f0f0f0;
    border: none;
    border-bottom: 2px solid #066;
    font: 400 16px/16px 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#abortJob:hover,
.btnModifyDuplicateFilter:hover,
.hyperlinkSubstitute:hover,
BUTTON.btn_major:hover,
BUTTON.btn_minor:hover, 
BUTTON.btn_reset:hover, 
INPUT.btn_major:hover, 
INPUT.btn_minor:hover, 
INPUT.btn_reset:hover
{
	background-color: #066;
}

::-ms-browse:hover
{
	background-color: #066
}

::-webkit-file-upload-button:hover
{
	background-color: #066;
}

.btnModifyDuplicateFilter
{
	padding: 4px 10px;
}

/* ************************************************************** */
/* General inline classes, used across site */

.header_main
{
	color: #434a65;
	font-size: 30px;
	font-family: 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	padding: 0 0 0 3px;
}

.header_main IMG
{
	padding: 0px 5px 0px 2px;
	margin-right: 10px;
}
	
.header_sub
{
	font-weight: bold;
	}
	
.header_chart
{
	font-family: 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #434a65;
    font-size: 20px;
    font-weight: 300;
	line-height: 22px;
	padding: 3px 5px 3px 0px;
	margin-right: 10px;
	background-color: transparent;
	}

/* ************************************************************ */
/* dialog boxes, realised as TABLE.dialogbox */
.dialogbox {
    margin-top: 2px;
	}

.dialogbox TR TD 
{
    color: #86909c;
    font-weight: normal;
    line-height: 20px;
    cursor: default;
    padding: 3px 5px 3px 0px;
    }

.dialogbox TR TD.title_tertiarynav
{
/*	font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
	background-image: url(../../common/res/sprite.png);
	background-position: 0px -2003px;
	background-repeat: repeat-x;
	padding: 5px 5px 5px 3px;
	font-size: 1.1em;
*/	}

.caption
{
	font-weight: bold;
	}


#page_error,
#runtime_error
{
	background-image: url(../../common/res/logo_runtimeerror.png);
	background-position: 0 10px;
	background-repeat:no-repeat;
	background-color: #ffc5c5;
	color: #000000;
	font-family: Courier New;
	font-size: 1em;
	vertical-align: middle;
	text-align: left;
	padding: 10px 2px 10px 30px;
	margin: 10px 20% 20px 20%;
	border: solid 2px #ff0000;
	}
	
#runtime_message	
{
	font-family: Courier New;
	font-size: 12px;
	text-align: center;
}	
	
.table_error TD
{
	color: red;
	}
	
.instructionalcopy
{
	line-height: 1.1em;
	}

.highlight_form_content
{
	color: #666;
	font-size: 0.9em;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.1em;
	background-color: #eaecf2 !important;
	padding: 4px 5px;
	border-style: none solid none none;
	border-width: 0;
	border-color: #999;
}

#page_intro /* intro paragraph on top of page */
{
	margin: 5px 0px 20px 0px;
	width: 90%;
	color: #434a65;
	border-width: 0px;
    font-size: 14px;
    font-family: 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight: 300;
    line-height: 17px;
}


/* *********************************************************** */
/* unique areas and frames */

#fsSidebarContent 
{
	background-color: #d6dede;
	}

#fEntryFrame 
{
	border: solid 1px #A2ADB8;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px;
	}

#navigation,
#navigationContainer /* body id="navigation", the menu frame */
{
	display: flex;
	float: left;
}

#navigationContainer span.inactive {
	cursor: default;
	color: #d4d4d4;
	display: block;
    padding: 13px 20px;
}
/* *************************************************************** */
/* four major navigation buttons */

#tblNaviTop
{
    width: 100%;
	vertical-align: middle;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
	}

#tblNaviTop TD
{
	border-width: 0px;
    height: 36px;
    margin: 0px;
	font-size: 1em;
	font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
	vertical-align: middle;
	}

#tblNaviTop TD.help 
{
	padding: 0px 5px 0px 0px;
	width: 100%;
	text-align: right;
	}

#tblNaviTop TR {
	background-position: 0 0;	
}


#tblNaviTop TR.unselected,
#tblNaviTop TR.selected {
    background-position: 0 0px;
}

#tblNaviTop TD A:link, 
#tblNaviTop TD A:visited,
#tblNaviTop TD A:hover
{
	color: #434a65;	
	text-decoration: none;
	display: inline-block;
	width: 100%;
    } 

.naviImage
{
	vertical-align: middle;
	padding-left: 3px;
	}


#row_menu_cosmetic, 
#row_menu_cosmetic2 /* was only necessary for old bg image */
{
    display: none;
}

#row_menu_main,
#row_menu_sub
{
    height: 37px;
    margin: 0;
}

/* ---------------------------------- */
/* navigation tables, contains the proper menu items */

/* status bar ("You are...", online help link, and spacer for below content */

#status {
	height: 43px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: right;
	color: #ffffff;
	line-height: 40px;
	background-color: teal;
	min-width: 550px;
	}

#status #navigationContainer a,
#status #navigationContainer a:hover {
	display: block;
	padding: 13px 20px;
}

#status #navigationContainer a:hover {
	background: #066;
}

#status a img {
	vertical-align: middle;
}


/* ************************************************************ */
/* page toolbars */

#tblNaviSub
{
	height: 34px;
	vertical-align: middle;
	empty-cells: hide;
	white-space: nowrap;
	margin: 10px 2px 5px 5px;
	border-collapse: separate;
	border: solid 1px #c0c0c0;
	border-radius: 4px;
	}

#tblNaviSub .help 
{
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: right;
	}

#tblNaviSub TD
{
    font-size: 12px;
    font-family: 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	border: solid 1px transparent;
    padding: 1px 8px 1px 22px;
    border-radius: 4px;
    color: #434a65;
    }
        	
#tblNaviSub TD A:link, 
#tblNaviSub TD A:visited {
	color: #434a65;
	font-weight: normal;
	text-decoration: none;
}

#tblNaviSub TD:hover {
	background-color: #066; 
}
#tblNaviSub TD:hover A:link,
#tblNaviSub TD:hover A:visited
{
	color: #000000;
	}
	
/* ************************************************************************ */
/* search and edit toolbar related */

#navi /* body id="navi", the search toolbar/navigation */
{
    margin: 0px;
    background-color: #f6f6f6;
   	}
   	
#rightFrame {
    margin: 0px 0px 0px 0px;
	background-image: url(../../common/res/bg_contenthead.gif);
	background-repeat:repeat-x;	
	height: 100%;
	background: #f6f6f6;
}

#browseNavi /* body id="browseNavi" editor toolbar */
{
    margin: 0px;
	}

/* the toolbar on top of entries */
#tblBrowsebar {
	height: 25px;
	width: auto;
}
	
#tblBrowsebar * 
{
	vertical-align: middle;
	}
	
#tblBrowsebar td {
	padding: 9px 10px 8px;
	border-left: solid 1px #dedede;
}

td#editorToolbar {
	padding: 9px 3px;
}

#indexesToolbar input {
	border: solid 1px transparent;
}
	
#tblBrowsebar A
{
    height: 24px;
    line-height: 24px;
    padding: 0px;
	margin: 0px 0px 0px 1px;
	color: #ffffff;
	}

#tblBrowsebar A:hover
{
	text-decoration: none;
	}

#tblBrowsebar A IMG,
#tblBrowsebar A:link IMG,
#tblBrowsebar A:visited IMG,
#browseNavDis
{
	border: solid 1px transparent;
	vertical-align: middle;
	padding: 2px 5px 2px 5px;
	}
#tblBrowsebar A IMG:hover {
	background-color: #CBE6EF; 
	border: solid 1px #91cddc;
}

.browseLogoutButton
{
	color: black !important;
	font-weight: bold;
	font-size: 1em;
	font-family: "Segoe UI", Arial, Helvetica, Sans-Serif;
	vertical-align: middle;
}
/* end of edit toolbar */

/* the search frame table */
#tblToolbar {
	margin-left: 2px;
}

#tblToolbar td
{
	padding: 0px 0px 0px 2px;
	}

#rowSearchBox td {
	padding-top: 2px;
}
#rowSearchBox input {
	background-color: transparent;
	font-size: 13px;
    border: solid 1px #617584;
    border-radius: 4px 0 0 4px;
	vertical-align: middle;
    height: 29px;
	padding: 0 10px;
	width: calc(100% - 20px);
	border-right: none;
}
#searchSubmit /* the Search button */ 
{
	border: solid 1px #617584;
    border-radius: 0 4px 4px 0;
    border-left: none;
    background: transparent;
    margin-left: -7px;
    padding: 7px;
    color: #000000; 
    cursor: pointer;
    text-decoration: none;   
    height: 31px;
    vertical-align: top;
	}

#rowSearchBox input:focus {
	outline: none;
}

#searchSubmit:focus {
	outline: none;

	}
#searchSubmit:hover {
    background-position: 0 -1302px;
	color: #000000;
	cursor: pointer;
	}
#searchSubmit img {
	vertical-align: middle;
	margin: -2px 0px 0px 0px !important;
}

#rowSearchType {
	height: 24px;
}
#rowSearchType td {
	vertical-align: text-top;
	color: #000000;
	font-size: 0.7em;
}

#rowSearchNavButtons td {
	vertical-align: top;
	margin-left: 0;
	border-left: solid 1px #a0a0a0;
}

#rowSearchNavButtons td:first-child {
	width: 100%;
	border-left: none;
	padding-left: 5px;
}

#rowSearchNavButtons td:last-child {
	padding-right: 7px;
}

#tblToolbar INPUT.searchHidden /* Alternate unseen search button */
{
	height: 0px;
	line-height: 0px;
	border-width: 0px;
	padding: 0px;
	background-color: white;
}

#tblToolbar .searchSubmitDisabled
{
	color: gray;
}

#tblToolbar .searchSubmitDisabledJS
{
	background-color: gray;
}

#tblToolbar A
{
    height: 22px;
    line-height: 22px;
    padding: 0px;
	margin: 0px 0px 0px 1px;
	font-weight: bold;
	color: #000000;
	}

#tblToolbar A:hover
	{ 
	text-decoration: none;
	}


#tblToolbar IMG,
#tblToolbar A IMG,
#tblToolbar A:link IMG,
#tblToolbar A:visited IMG
{
	margin: 1px;
	vertical-align: middle;
	border: solid 1px transparent;
	vertical-align: middle;
	padding: 2px 4px 2px 4px
	}


#tblToolbar A IMG:hover
{
	background-color: #CBE6EF; 
	border: solid 1px #91cddc;
	}
	

#edit_bar_disabled
{
    padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-top: 1px;
    margin: 1px 6px 0px 3px;
	}
	
#downloadJob a,
tr.rowbright td div a.grey, /* <A> element is missing a proper class name */
tr.rowdark td div a.grey 
{
	border-top:solid 1px #D5DADF;
	border-left:solid 1px #D5DADF;
	border-bottom: solid 1px #B8C1C8;
	border-right: solid 1px #B8C1C8;
    background: url(../../common/res/sprite.png) repeat-x 0 -1400px transparent;
    margin: auto .25em;
	padding: 0 10px;
    font-size: 1em;
    line-height: 2;
    *line-height: 1.7; /* For IE */
    min-height: 2em; /* For Gecko */
    *min-height: auto; /* For IE */
    color: #000000; 
    /* display: block; */
    *display: inline-block; /* IE */
    *overflow: visible;/* Remove superfluous padding for IE */
    cursor: pointer;
    text-decoration: none;  	
	}	
	
#downloadJob a:hover,
tr.rowbright td div a.grey:hover,
tr.rowdark td div a.grey:hover
{
	border-top: solid 1px #6DBDD1;
	border-left: solid 1px #6dbdd1;
	border-bottom: solid 1px #617584;
	border-right: solid 1px #617584;
    background-position: 0 -1300px;
	color: #000000;
	}

/* **************************************************************** */
/* the content pane -
 - entry itself is styled by MultiTerm layouts */

#spacer {
	height: 15px; /* inserted in case no toolbar is required */
}

#content /* span id="content" */
{
	padding: 0px 2px 2px 0px;
	width: 99%; /* hack for gecko */
	overflow: hidden;
	}

#scrollablecontentbody
{
	display: inline-block;
	overflow: auto;
	overflow-x: hidden;
	-ms-overflow-x: hidden;
	height: 70%;
	width: 98%;
	margin-left: 0px;
	margin-right: 0px;
	padding: 3px;
}

/* --------------------------------------------- */
/* finally, a few unique images and logos */


/* logo frame */
#title_logo { /* body id=title_logo frame that hosts the logo */
	background: teal;
	margin: 0px;
	padding: 0px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

#title_logo div {
	height: 43px;
    background-image: url(../../common/res/logo_multiterm.png);
    background-repeat: no-repeat;
    background-position: 20px 10px;
}


#img_help 
{
	margin: 0px 5px 0px 0px;
	border-style: none;
	}
	
#img_support 
{
	margin: 0px 5px 0px 10px;
	border-style: none;
	}
	
#prefix_cell 
{
    display: none;
	}

.searchFilterEnabled {		
	background-color: #CBE6EF;
	border-top: solid 1px #617584;
	border-left: solid 1px #617584;
	border-right: solid 1px #6DBDD1;
	border-bottom: solid 1px #6DBDD1;
}

.searchFilterDisabled {
	border: solid 1px transparent;
}


.indexSettingsLabel A,
.indexSettingsLabel A:hover,
.indexSettingsLabel A:visited {
	text-decoration: none;
	color: black;
}

.indexSettingsDisabled {
	color: gray;
}


/* ********************************************************************** */
/* illustrative images */
#navLoginHomeTitle, 
#navTermbasesHomeTitle,
#navProfileHomeTitle,
#navChangePasswordHomeTitle,
/* catalog */
#navOverviewCatalogueTitle,
#navLayoutCatalogueTitle,
#navFilterCatalogueTitle, 
#navDuplicateFilterTitle,
#navInputModelCatalogueTitle,
#navImportCatalogueTitle,
#navExportCatalogueTitle,
/* administration */
#navOverviewAdminTitle,
#navConfigAdminTitle,
#navAutoLoginTitle,
#navProfileAdminTitle,
#navJobAdminTitle

{
	background-repeat: no-repeat;
    background-position: 2px center;
}

#navTermbasesHomeTitle
{
	background-image: url(../../common/res/mnuHomeTermbases.png);
	}

#navProfileHomeTitle
{
	background-image: url(../../common/res/mnuHomeProfiles.png);
	}

#navChangePasswordHomeTitle 
{
    background-image: url(../../common/res/mnuHomePassword.png);
    }
 
#navOverviewCatalogueTitle 
{
    background-image: url(../../common/res/mnuCatalogue.png);
    }
#navLayoutCatalogueTitle 
{
    background-image: url(../../common/res/mnuCatalogueLayout.png);
    }
#navFilterCatalogueTitle 
{
    background-image: url(../../common/res/mnuCatalogueFilter.png);
    }

#navDuplicateFilterTitle
{
    background-image: url(../../common/res/mnuCatalogueDuplicateFilters.png);
    }
    
#navInputModelCatalogueTitle 
{
    background-image: url(../../common/res/mnuCatalogueInputModel.png);
    }
#navImportCatalogueTitle 
{
    background-image: url(../../common/res/mnuCatalogueImport.png);
    }
#navExportCatalogueTitle 
{
    background-image: url(../../common/res/mnuCatalogueExport.png);
    }

navAdministrationTitle
{
    background-image: url(../../common/res/mnuAdministration.png);
    }

#navOverviewAdminTitle{
    background-image: url(../../common/res/mnuAdminOverview.png);
    }

#navConfigAdminTitle{
    background-image: url(../../common/res/mnuAdminConfig.png);
    }

#navAutoLoginTitle{
    background-image: url(../../common/res/mnuAdminAutoLogin.png);
    }

#navProfileAdminTitle{
    background-image: url(../../common/res/mnuAdminProfile.png);
    }
    
#navJobAdminTitle
{
    background-image: url(../../common/res/mnuAdminJobs.png);
    }

	
/* splitter frame */
.margin {
	width: 5px;
	}
	
.info {
	background-color: #ffffff;
	border: solid 7px #e9e9e9;
	padding: 5px 0px;
	margin: auto;
	width: 400px;
	min-height: 100px;
	z-index: 1;
}

.info IMG {
    float: left; 
    margin: 4px; 
}

/* ******************************************* */
/* duplicate filter */

#DuplicateFilterDialog 
{
	font-size: 14px !important;
	position: absolute;
    width: 580px;
	height: 400px;
	top: 150px;
	left: 50px;
	background-color: #f2f2f2;
	border: solid 1px #808080;
	padding: 5px;
	margin: 10px;
}

#DuplicateFilterDialog table 
{
	border-collapse: collapse;
	width: 100%;
	height: 100%;
	}

#DuplicateFilterDialog table table
{
	margin-left:10px;
	margin-right:10px;
	}

#DuplicateFilterDialog table .title
{
    font-size: 20px;
    line-height: 22px;
    padding: 3px 5px 3px 0px;
	}
	
.duplicateNameInput
{
	border: solid 1px #617584;
    padding: 1px 2px;
    border-radius: 4px;
    width: 90%;;
}

#DuplicateFilterDialog td {
	padding-left: 2px;
	padding-right: 2px;
}
	
.hyperlinkSubstitute {
    width: 100px; 
}

.duplicateFilterSelect
{
	width: 220px;
}

.duplicate_synonym
{
	color: gray;
}

#displayEntryWindow
{
	height: 60%;
	width: 40%;
	position: absolute;
	background-color: white;
	left: 30px;
}

.inconsistentField0
{
	background: #eee382 !important;
}

.inconsistentField1
{
	background: #de3636 !important;
}

.inconsistentField2
{
	background: #e7821d !important;
}

#navHomeTitle,
#navTermsTitle,
#navCatalogueTitle,
#navAdministrationTitle {
    font: 400 16px/16px 'Calibri W01', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight: lighter;
	width: -moz-max-content;
	width: max-content;
	display:-ms-grid;
	-ms-grid-columns: max-content;
}

/* **************************************************************** */
/* the menu zone
 - responsive menu */
#status a img {
	float: right;
    margin: 12px 10px 0 0;
}
#status div a {
	color: #ffffff;
}

.userMessage {
	float: right;
	margin-right: 10px;
	position: relative;
}
.userMessage-message {
	float: right;
}
.userMessage-user {
	float: right;
	margin-right: 5px;
}

@media screen and (max-width: 700px) {
	#status #navigationContainer a,
	#status #navigationContainer a:hover,
	#status #navigationContainer .inactive {
		padding-left: 7px;
		padding-right: 7px;
		font-size: 13px;
	}

	.userMessage-message {
		margin-top: 10px;
		line-height: 30px;
	}
	.userMessage-user {
		margin-right: -85px;
		margin-top: -5px;
	}
}