/* -------------------------------------------------------------- 
----  Default Screen Styles
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";



/* --------------------------------------------------------------
----  Site
-------------------------------------------------------------- */

HTML, BODY { background-color: #FFFFFF; font-size: 100%; line-height: 100%; font-family: Tahoma, Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden; min-width: 780px; }

TABLE, TD { border-collapse: collapse; }
TABLE, TD, DIV { white-space: normal; }

SELECT { padding: 0px; /* remove padding */ }

A { color: #4865D3; }

/* Tables */
TH, TD { border: none; }

/* Headings */
H1 { font-size: 1.4em; }
H2 { font-size: 1.2em; }
H3 { font-size: 1em; }
H1 A { color: inherit; font-size: inherit; font-weight: inherit; }
H1 A:hover { text-decoration: inherit; }
H2 A { color: inherit; font-size: inherit; font-weight: inherit; }
H2 A:hover { text-decoration: inherit; }
H3 A { color: inherit; font-size: inherit; font-weight: inherit; }
H3 A:hover { text-decoration: inherit; }

/* floats */
.floatContainer { height: 1%; }
.floatContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* DIVs emulating table layout */
.float-table { width: 100%; }
.float-table-row { width: 100%;  white-space: nowrap; margin: 2px; }
.float-table-cell { float: left; }

.inherited-color { color: inherit; }

.ul-content { text-align: left; }
.li-content-level1 { margin-left: 0px; margin-bottom: 20px; }
.li-content-level2 { margin-left: 20px;  margin-bottom: 15px; }

.centered-block-element { margin: 0px auto; }	/* use this to center align elements inside block element */
.hidden-element { display: none; }

/* layout */

#headerContainer { position: absolute; left: 0px; top: 0px; right: 320px; height: 15px; padding: 7px 10px 8px 10px; }
#footerContainer { position: absolute; width: 300px; right: 0px; bottom: 0px; height: 20px; padding: 10px; }
#toolbarContainer { position: absolute; left: 0px; top: 30px; right: 320px; height: 120px; padding: 30px 10px 10px 10px; }
#workContainer { position: absolute; left: 0px; top: 149px; right: 320px; bottom: 0px; }
#statusContainer { position: absolute; width: 260px; top: 0px; right: 0px; height: 120px; padding: 20px 30px 10px 30px; }
#infoContainer { position: absolute; width: 280px; top: 150px; right: 0px; bottom: 40px; padding: 20px; }

#toolbarContainer { text-align: center; padding: 0px; margin: 0px; background-color: #F7F7F7; }
#statusContainer { font-weight: bold; background-color: #303C44;/* border: solid #FAD163 3px; */}
#workContainer { overflow-x: hidden; overflow-y: auto; border-top: 1px solid #303C44; }
#infoContainer { overflow-y: auto; font-size: 1em; line-height: 150%; text-align: justify; background-color: #F7F7F7; }

#headerContainer { background-color: #303C44; font-size: 1em; vertical-align: middle; }
.header-left { float: left; margin-right: 20px; color: #BEE8F8; }
.header-right { float: right; margin-left: 20px; font-size: 0.9em; color: #BEE8F8; }

#footerContainer { font-size: 0.8em; text-align: center; background-color: #F7F7F7; }
.footer-copyrightCompany {}

/* toolbar */

.toolbox-caption-icon { position: absolute; left: 25px; top: 25px; }
.toolbox-caption { position: absolute; left: 110px; top: 30px; right: 10px; height: 25px; text-align: left; font-size: 1.5em; vertical-align: baseline; }
.toolbox-sub-caption { position: absolute; left: 150px; top: 60px; right: 10px; height: 25px; text-align: left; font-size: 1em; }

/* toolbar / news-query-form */

#searchForm-queryRow { position: absolute; left: 20%; right: 20%; height: 35px; top: 30px; border: 1px solid #ACBABD; background-color: #FFFFFF; padding: 0px; margin: 0px; }
#searchForm-queryWrapper { position: absolute; left: 5px; top: 5px; bottom: 5px; right: 60px; padding: 0px; margin: 0px; }
#searchForm-query { height: 100%; width: 100%; border: 0px; font-weight: bold; }
#searchForm-searchButton { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 50px; padding: 0px; margin: 0px; }
.searchForm-optionsRow { position: absolute; top: 75px; left: 5px; right: 5px; }
.searchForm-order-input { vertical-align: text-bottom; }
.searchForm-order-label { vertical-align: text-bottom; font-size: 0.9em; }

/* work / query-latest-news-list */

.newsContainer { position: absolute; left: 0px; top: 0px; right: 0px; padding: 10px; }

.newsContainer-leftColumn { float: left; }

.newsContainer-rightColumn { float: right; }

.newsContainer-newsRow {}
.newsContainer-newsInnerTable { width: 100%; }

.newsContainer-titleRow {}
.newsContainer-sourceIcon { width: 16px; height: 16px; vertical-align: bottom; }
.newsContainer-newsTitle { font-weight: bold; line-height: 100%; vertical-align: bottom; }

.newsContainer-infoRow { line-height: 90%; }
.newsContainer-newsSource { font-size: 0.8em; font-weight: bold; text-decoration: none; color: #666666; }
.newsContainer-newsSource A { color: #000000; }
.newsContainer-newsCategory { font-size: 0.8em; color: #666666; }
.newsContainer-newsTimePublished { font-size: 0.8em; color: #666666; font-weight: bold; }

.newsContainer-contentRow { }
.newsContainer-newsIntroText { font-size: 0.8em; text-align: justify; }
.newsContainer-newsImage { position: relative; float: left; margin-top: 5px; margin-right: 10px; }
.newsContainer-readMore { font-size: 0.8em; }

.newsContainer-spacerRow { line-height: 5px; }

.newsList-noSearchResults { position: absolute; top: 20%; left: 20%; bottom: 20%; right: 20%; text-align: center; }

/* work / all docs */

.docContainer { position: absolute; left: 0px; top: 0px; right: 0px; padding: 20px; font-size: 1em; line-height: 150%; text-align: justify; }

/* status / news-counters */

.statistics-cell { width: 100%; color: #DDDDDD; height: 30px; line-height: 100%; }
.statistics-label { float: left; font-size: 1em; }
.statistics-value { float: right; font-size: 1.2em; }

/* work / sources-list */

.sourceList-sourceTable-sourceCell { display: inline-block; width: 140px; height: 180px; text-align: center; vertical-align: text-top; padding: 0px; }
.sourceList-sourceTable-sourceCell-logoFrame { display: inline-block; width: 100px; height: 100px; text-align: center; vertical-align: text-top; line-height: 80px; }
.sourceList-sourceTable-sourceCell-logoImage { display: inline-block; vertical-align: bottom;}
.sourceList-sourceTable-sourceCell-title { display: inline-block; width: 100px; height: 80px; text-align: center; vertical-align: text-top; font-size: 0.8em; }
.sourceList-sourceTable-sourceCell-title A { text-decoration: none; color: #000000; }
.sourceList-sourceTable-sourceCell-title A:hover { text-decoration: underline; }
	
/* table describing some parmeters */
.params-table { line-height: 100%; }
.params-table-cell { padding: 2px 10px; border: solid #AAAAAA 1px; font-size: 0.7em; }
.fixed-width-font { font-family: "Courier New", "Andale Mono", monospace; }

/* login page */

.login-feature-image { padding: 15px 15px 0px 0px; }
.login-feature-description { vertical-align: top; padding: 10px 10px 10px 0px; }
.login-feature-name { color: #000000; font-weight: bold; }
.login-caption { left: 20px; right: 20px; text-align: center; font-size: 1.2em; padding-bottom: 20px; }
.login-form-caption {}
.login-form-text { width: 270px; }
.login-form-button { float: right; }
.login-message { left: 20px; right: 20px; text-align: center; color: red; }

/* index page */

.contact {
	margin-left: 20px;
}