/* 
================================================================================
CSS styles for SCREEN media (Administration structure)
Author: Sininen Meteoriitti Oy, 2010

Document structure:
	- Basic styles for tags
	- Unique elements and their contents (in order of appearance in page source)
	- Other classes

This stylesheet is used in content administration layout and it should not
contain any other styles. Styles for public layout are located in Screen.css.
================================================================================
*/

/*
================================================================================
BASIC STYLES for tags
================================================================================
*/

/*
================================================================================
UNIQUE ELEMENTS and their contents
================================================================================
*/

div#wrapper{ min-width: 750px; width: auto; width: 100%; }

div#top{ display: none; }

div#header{ width: 100%; overflow: hidden; }
div#logo{ float: left; width: 25%; height: 20px; }
div#logo p{ display: none; }
div#langNav{ float: left; width: 25%; }
div#siteNav{ float: left; width: 25%; }
div#search{ float: left; width: 25%; }
div#mainNav{ clear: both; float: left; width: 100%; }

div#content{ width: 100%; overflow: hidden; }
div#subNav{ float: left; width: 100%; }
div#login{ float: right; width: 25%; }
div#crumbtrail{ float: left; width: 75%; }
div#subNav{ float: left; width: 25%; }
div#mainContent{ float: left; width: 75%; }
.fp div#mainContent{ float: left; width: 75%; }
div#mainContent .grid-3{ float: left; width: 33.25%; }
div#mainContent .grid-6{ float: left; width: 66.50%; }
.fp div#extraContent{ float: right; width: 25%; }

div#footer{ width: 100%; overflow: hidden; }
div#footerNav{ float: left; width: 75%; }
div#socialNav{ float: right; width: 25%; }
div#copyright{ clear: both; float: left; width: 100% }

div#bottom{ display: none; }

/*
================================================================================
CONTROL ELEMENTS and their contents
================================================================================
*/

td.ControlHolderClass{ width: 100%; }
td.ControlHolderClass table{ width: 100%; }
td.ControlHolderClass table td#ctl00_body_ctl00_main_ctl00_title_sectionIcon{ width: 32px; height: 32px; padding: 0 0 14px; vertical-align: middle; }
td.ControlHolderClass table td#ctl00_body_ctl00_main_ctl00_title_sectionIcon h1{ height: 32px; margin: 0; padding: 0; }
td.ControlHolderClass table td#ctl00_body_ctl00_main_ctl00_title_sectionText{ width: auto; height: 32px; padding: 0 4px 14px; vertical-align: middle; }
td.ControlHolderClass table td#ctl00_body_ctl00_main_ctl00_title_sectionText h1{ height: 32px; margin: 0; padding: 0; line-height: 32px; }

/*
================================================================================
GENERIC CLASSES
================================================================================
*/

.hidden{ display: block; position: absolute; top: 0px; left: 0px; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; margin-left: -9999px; }
.hidden hr{ display: none; }

.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after{ clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix,*:first-child+html .clearfix{ zoom: 1; }