/* --------------------------------------------------------------
      *
      * @About      : Defines the style used for printing a page
      * @File       : unit4_corporate_print.css
      * @Version    : 1.0
      * @Author     : CODA
      *
 -------------------------------------------------------------- */

 
/* General structure
 -------------------------------------------------------------- */

body 								{ 
									  text-align: center; background-color: #FFF;
									  font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.1em;
					  		  		  color: #636161; background: #fff;	
									}

img.icon 							{ clear:left;float:left;margin:6px 0 5px 3px;padding:10px 5px 5px 5px; }
.indented 							{ clear:right;display:inline-block;float:left;margin:0 1px 5px 10px;overflow:visible;padding:5px 0;width:360px; }

div#framework						{ position: relative; z-index: 1; width: 100%; margin: 0 auto; border:0px;}
div#framework_menu_container		{ position: absolute;  left: 0; top: 0; width: 100%; z-index: 100; }
div#framework_menu_container div.menu{ position: relative; margin: 0 auto; width: 960px; }
div#mainpage						{ padding: 0px 0; z-index: 1; position: relative;}

div.submenu							{ display:none; }


/*  Page containers
---------------------------------------------------------------*/

div.contentbanner					{ display:none; }
div.contentside						{ display:none; }
div.menucontainer					{ display:none; }

#footer								{ display:none; }
#stwrapper							{ display:none; }


/* Header
-------------------------------------------------------------- */

div#header							{ position: relative;  position: relative; width: 960px; margin: 0 auto; height: 110px; text-align: left; z-index: 99; }
a#sitelogo							{ float: left; margin-left: 15px; margin-top: 22px; border: none; display:inline-block !important; }

/* Site header extras styling */
div#siteextras	,div#sitelinks	,#header_search, .form_SiteList	{ display:none; }



/*  Typography
----------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 			{ font-weight: bold; position: relative; color: #222;}

h1 							{ color: #292a79;  font-size: 22px; font-weight: bold;
							  margin: 0 -20px; padding: 0 20px 0px 20px; line-height: 28px; }
							 
h2							{ color: #292a79; font-family: Arial, Helvetica, sans-serif;  font-size: 16px; padding: 5px 0 0 0; margin: 0 0 0 0px;}	
							 
h3, h3 a					{ font-size: 14px; color: #4478cd; font-weight: bold; line-height: 19px; margin: 1em 0 1em 0; }

h4 							{ font-size: 12px; color: #6ea73e; line-height: 2.4em; }
h5 							{ font-size: 1em;  line-height: 2.4em; }
h6 							{ font-size: 11px; color: #043E88; font-weight: normal; } /* Menu options */

div#pageContainer h2		{ background-image: none; background-color: transparent; position: relative; top: 0; left: 0; padding: 0; margin: 5px 0; border: 0; }

p           				{ margin-top: 1em; margin-bottom: 1em; }
p img						{ padding: 0; }
p img.left     				{ float: left; margin: 0 1.2em 0 0; }
p img.right 				{ float: right; margin: 0 0 0 1.2em; }
p img.caption				{ padding-bottom: 0; margin-bottom: 0; display: block; margin-left: auto; margin-right: auto; }

h4+p						{ margin-top:0; }

div.content_text p img.noborder	{ border: 0px }
div.content_text p img.right		{ float: right; margin: 0 0 0 1.2em }
div.content_text p img.noborder	{ border: 0px }

p em						{ font-style: italic }
div.contentside	div.container p
							{ max-width: 183px; text-overflow:ellipsis; overflow:hidden; }

a           				{ color: #292a79; text-decoration: underline !important; }

a:focus						{ text-decoration: underline; outline: none; color: #6ea73e; }
a:hover     				{ text-decoration: underline; color: #4478cd;}

blockquote  				{ margin: 10px 0; padding:10px; font-style: italic; }

strong, .strong				{ font-weight: bold; }
em,dfn      				{ font-style: italic; }
dfn         				{ font-weight: bold; }
sup, sub    				{ line-height: 0; }

abbr,
acronym     				{ border-bottom: 1px dotted #666; }
address     				{ margin: 0 0 1.5em; font-style: italic; }
del         				{ color:#666; }
.menu_selected				{ border: solid 1px #ccc !important; background-color: white; display: block; padding: 9px; margin-left: -10px; margin-right: -10px; }
.menu_selected a			{ border: 0; text-decoration: none; }
pre,code    				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt 				{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

a.blockfooter				{ display:none; }
a.link_back					{ display:none; }

/* Forms
-------------------------------------------------------------- */

fieldset					{ padding: 5px 10px 10px 10px; margin: 10px 0; border: 1px solid #E5EEF7; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
legend						{ margin: 0; padding: 5px; color: #043E88; font-size: 14px; }

form						{ margin-bottom:1em; }

ul.form						{ list-style: none; padding: 0; margin: 10px 0 0 0; border:0; clear: both; list-style-image: none; }
ul.form	li					{ margin: 0.25em 0 0.5em 0; padding: 0; clear: both;}
ul.form	label				{ display: block; width: 45%; float: left; line-height: 1.4em; padding: 0 0 1em; margin: 0 5px 0 0; 
							  font-weight: bolder; }

ul.form input				{ width: 50%; }
ul.form input.radio			{ width: auto; position: relative; top: 2px; }
ul.form textarea			{ font-family: Tahoma, Arial, Helvetica, sans-serif; width: 51%; }

select, input, textarea		{ font-size: 11px; padding: 3px 0 3px 1px; margin-bottom: 0.5em; line-height: 1.4em; max-width:100%; }

select						{ padding: 3px 3px 3px 1px; }

ul.form input[type="checkbox"],
ul.form input[type="radio"]
							{ width: 20px; vertical-align: top; }

button						{ position: relative; display: block; float: left; margin: 1px; width: 100px; padding: 1px 10px 4px 10px;
    					 	  font-size: 11px; font-weight: bold; height: 20px; text-decoration: none; text-align: left; color: #FFF;    
						  	  cursor: pointer; outline: none; border: none;
							  background: url(../images/lookfeel/button_normal.gif) right 50% no-repeat; 
							  border-radius: 3px; -moz-border-radius: 3px; webkit-border-radius: 3px; }
							  
button.leftButton			{ background: url(../images/lookfeel/button_reverse.gif) left 50% no-repeat; }
							  
button:hover				{ background: url(../images/lookfeel/button_highlight.gif) right 50% no-repeat; }

button.leftButton:hover		{ background: url(../images/lookfeel/button_highlight_reverse.gif) right 50% no-repeat; }

button img.arrow 			{ position: absolute; right: 10px; top: 6px; display: block; zoom: 1; }

/* Central column forms */

div.content	label.optionlabel
							{ float: right; width: 52%; }
div.content	label.optionlabel input	
							{ width: auto; vertical-align: top; }

/* Lists
-------------------------------------------------------------- */

li							{ line-height: 1.5em; margin-left: 0px; margin-bottom: 0.5em; padding: 0; list-style-position: outside;}

li.divider					{ height: 1px; background-color: #CCC; overflow: hidden; list-style-image: none; margin: 0 auto 0.75em auto !important;}

li ul,
li ol      					{ margin: 1em 20px; padding: 0 0 0 20px;}

ul, ol      				{ margin: 1.5em 0; padding: 0 0 0 20px;}

ul          				{ list-style-image: url(../images/lookfeel/list-item.gif); list-style-position: inside;  }
ol          				{ list-style-type: decimal; }

dl         					{ margin: 0 0 1.5em 0; }
dl dt      					{ font-weight: bold; }
dd 

/* Clear fix 
-------------------------------------------------------------- */

.clearfix:after,
div.contentcontainer:after,
div#debug-console div.console ul:after,
div#debug-console div.console ul li:after,
.row:after,
.clearList li:after
							{ content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }

.clearfix,
div.contentcontainer,
div#debug-console div.console ul,
div#debug-console div.console ul li,
.clearfix,
.row,
.clearList li				{ display: block; clear: both; }