/*------------------------------------------------------------------
[Master Stylesheet]
-------------------------------------------------------------------*/

@import "reset.css";

/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/

body									{margin: 0; padding: 0; font: normal 12px/18px Arial, Helvetica, Sans-Serif; color: #000; background: #c7eafc url(../gfx/webparts/body-bg.png) no-repeat center top;}

h1										{font: normal 2.3333em/1.1686em Arial, Helvetica, sans-serif; color: #5e5e5e; letter-spacing:-0.003em;}
h2										{font: normal 2em/1.1686em Arial, Helvetica, sans-serif; color: #5e5e5e; letter-spacing:-0.003em;}
h2.group    							{margin: 0; font: bold 18px sans-serif; color: #003950; clear: both;}
h3										{font: normal 1.5em/1.5em sans-serif; color: #003950;}
h3.group    							{margin: 18px 0 0 0; color: #5e5e5e; clear: both;}
h3.news 								{margin: 0;}
h1 span, h2 span, h3 span, h1 strong, h2 strong, h3 strong {font-weight: bold; color: #00aeef;}

p.date                                  {margin: 2px 0; font-size: 11px; color: #003950;}
p.news                                  {margin: 5px 0;}
p.news-link                             {margin: 5px 0;}
a										{color: #003950;}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

div#page								{width: 940px; margin: 0 auto;}
div#footer								{margin: 20px 0 0; background-color: #231f20; padding: 15px 0;}

/* Masthead*/
div#page div#masthead					{position: relative; height: 33px;}

/* Masthead - Searchform */
div#page div#masthead div#search		{position: absolute; right: 230px; top: 10px;}
div#page div#masthead div#search input.fancysearch	{background: #fff url(../gfx/webparts/fancysearch-bg.png) no-repeat left top; border: 0; height: 17px; width: 188px; padding: 4px 3px 0px 10px; margin: 0 -3px 0 0; font-size: 0.9167em; float: left;}
div#page div#masthead div#search .searchbtn	{background: none !important; margin: 0 !important; padding: 0 !important;}
div#page div#masthead div#search label.overlabel {display: none;}
div#page div#masthead div#search label.overlabel-apply {color:#5e5e5e; position: absolute; left: 10px; top: 2px; z-index: 1; cursor: text; font-size: 11px;}

/* Masthead - Version selector */
div#page div#masthead a.versionselector	{position: absolute; top: 10px; right: 3px; background: transparent url(../gfx/webparts/versionselector-bg.png) no-repeat top; text-indent: -9999px; width: 211px; height: 23px; cursor: pointer;}
div#page div#masthead a.versionselector.selected {background-position: bottom;}
div#page div#masthead div#versionselector {position: absolute; top: 33px; right: 8px; background-color: #fff; padding: 10px; width: 205px; font-size: 0.9167em; display: none;}
div#page div#masthead div#versionselector div.column-left, div#page div#masthead div#versionselector div.column-right {width: 100px; float: left;}

div#page div#masthead div#versionselector div ul li {margin: 0 0 5px;}

div#page div#masthead div#versionselector a {color: #434343; text-decoration: none; padding: 0 0 0 25px; background-position: left; background-repeat: no-repeat;}
div#page div#masthead div#versionselector a:hover {color: #666;}
div#page div#masthead div#versionselector a.active {font-weight: bold;}
div#page div#masthead div#versionselector a.international {border-bottom: solid 1px #e4e4e4; padding: 0 0 8px 25px; display: block; margin: 0 0 10px; background-image: url(../gfx/en.gif); background-position: left 3px;}

div#page div#masthead div#versionselector a.se {background-image: url(../gfx/sv.gif);}
div#page div#masthead div#versionselector a.de {background-image: url(../gfx/de.gif);}
div#page div#masthead div#versionselector a.fr {background-image: url(../gfx/fr.gif);}
div#page div#masthead div#versionselector a.sr {background-image: url(../gfx/sr.gif);}
div#page div#masthead div#versionselector a.es {background-image: url(../gfx/es.gif);}
div#page div#masthead div#versionselector a.nl {background-image: url(../gfx/nl.gif);}
div#page div#masthead div#versionselector a.bl {background-image: url(../gfx/flags/22.gif);}
div#page div#masthead div#versionselector a.ca {background-image: url(../../sitefactory/gfx/treeview/en-ca.gif);}

/* Header */
div#page div#header						{margin: 10px 0 0;}
div#page div#header div#logo			{float: left;}
div#page div#header div#logo,	
div#page div#header div#logo img		{width: 220px; height: 170px; overflow: hidden;}

div#page div#header	div#headercontent	{float: right; width: 720px; height: 170px; overflow: hidden;}
div#page div#header	div#headercontent img {float: right;}

/* Container */
div#container							{background: transparent url(../gfx/webparts/container-bg.png) repeat-y; padding: 10px 0 20px;}
div#container div#navigation			{float: left; width: 220px;}
div#container div#content				{float: left; width: 460px; margin: 8px 20px 0;}
div#container div#secondarycontent		{float: left; width: 220px;}

/* Container - Content */
div#container div#content h1			{margin: 0 0 10px;}
div#container div#content p				{line-height: 1.5833em !important;}
div#container div#content a				{color: #00aeef; text-decoration: underline;}
div#container div#content a:hover		{text-decoration: none;}

div#container div#content ul, div#container div#content ol {padding: 5px 10px; margin: 5px 15px;}
div#container div#content ul li, div#container div#content ol li {line-height: 1.6em;}
div#container div#content ul, div#container div#content ul li {list-style-type: disc !important;}
div#container div#content ol, div#container div#content ol li {list-style-type: decimal !important;}

/* Container - Secondary content */
div#container div#secondarycontent div.item	{display: block; margin: 0 0 10px;}
div#container div#secondarycontent div.item h2 {font-size: 1.8182em !important; margin: 0 0 5px;}
div#container div#secondarycontent div.item p {line-height: 1.5833em !important; margin: 0 0 10px;}

div#container div#secondarycontent div.item.blue, 
div#container div#secondarycontent div.item.black, 
div#container div#secondarycontent div.item.green {padding: 10px 10px 0; background: transparent url(../gfx/webparts/puff-item-bg.png) no-repeat top left;}
div#container div#secondarycontent div.item.green {background-position: -461px top !important;}
div#container div#secondarycontent div.item.blue {background-position: -229px top !important;}

div#container div#secondarycontent div.item.black div.clearer,
div#container div#secondarycontent div.item.blue div.clearer,
div#container div#secondarycontent div.item.green div.clearer	{height: 20px !important; background: transparent url(../gfx/webparts/puff-item-bg.png) no-repeat bottom left; margin: -5px 0 0 -10px;}
div#container div#secondarycontent div.item.blue div.clearer	{background-position: -229px bottom !important;}
div#container div#secondarycontent div.item.green div.clearer	{background-position: -461px bottom !important;}

div#container div#secondarycontent div.item.blue, 
div#container div#secondarycontent div.item.blue h2, 
div#container div#secondarycontent div.item.blue h2 span, 
div#container div#secondarycontent div.item.blue h2 strong,
div#container div#secondarycontent div.item.blue a,
div#container div#secondarycontent div.item.black, 
div#container div#secondarycontent div.item.black h2,
div#container div#secondarycontent div.item.black a {color: #fff !important;}
div#container div#secondarycontent div.item.green,
div#container div#secondarycontent div.item.green h2,
div#container div#secondarycontent div.item.green a {color: #231f20 !important;}

div#container div#secondarycontent div.item.white {padding: 0 10px 0 0;}

div#container div#secondarycontent div.item h2 span, 
div#container div#secondarycontent div.item h2 strong {margin: -2px 0 0 !important;} 
div#container div#secondarycontent div.item a:hover {text-decoration: none;}

div#container div#secondarycontent div.item ul		{margin: 10px 0 10px 15px;}
div#container div#secondarycontent div.item ol		{margin: 10px 0 10px 18px;}
div#container div#secondarycontent div.item ul, div#container div#secondarycontent div.item ul li {list-style-type: disc !important;}
div#container div#secondarycontent div.item ol, div#container div#secondarycontent div.item ol li {list-style-type: decimal !important;}


/* Footer */
div#footer div#footercontent			{width: 940px; margin: 0 auto; padding: 20px 0 30px; background: transparent url(../gfx/webparts/footer-bg.png) no-repeat top right;}

div#footer div#footercontent div#footeraddress {width: 220px; float: left;}
div#footer div#footercontent div#footeraddress p {color: #fff !important; margin: 0 0 3px;}
div#footer div#footercontent div#footeraddress p.fn	{font-weight: bold;}
div#footer div#footercontent div#footeraddress p strong {display: none;}
div#footer div#footercontent div#footeraddress p span.tel strong, div#footer div#footercontent div#footeraddress p span.fax strong, div#footer div#footercontent div#footeraddress p span.mob strong {display: inline;}
div#footer div#footercontent div#footeraddress p span.mob strong {text-transform: capitalize;}
div#footer div#footercontent div#footeraddress p a {color: #00aeef; text-decoration: none;}
div#footer div#footercontent div#footeraddress p a:hover {text-decoration: underline;}

div#footer div#footercontent div#footerpuffarea {width: 580px; float: left; margin: 0 20px;}
div#footer div#footercontent div#footerpuffarea h2,
div#footer div#footercontent div#footerpuffarea h2 a,
div#footer div#footercontent div#footerpuffarea p,
div#footer div#footercontent div#footerpuffarea p a {color: #fff; text-decoration: none;}
div#footer div#footercontent div#footerpuffarea h2	{margin: 0 0 10px; font-size: 1.5em;}
div#footer div#footercontent div#footerpuffarea p {font-size: 0.9167em;}

div#footer div#footercontent div#footerpuffarea .puff-item {width: 210px; float: left; padding: 0 80px 0 0;}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

div#navigation ul						{margin: 10px 0 0 10px;}
div#navigation ul li					{display: block; margin: 0 0 2px;}
div#navigation ul li a					{color: #231f20; font-size: 0.98em; text-decoration: none; background: transparent url(../gfx/webparts/navigation-item-bg.png) no-repeat top left; display: block; padding: 4px 0 4px 7px;}
div#navigation ul li a:hover,
div#navigation ul li.on a				{color: #00aeef; background-position: left bottom;}
div#navigation ul li.on a				{font-weight: bold;}

div#navigation ul ul					{margin: 2px 0 5px 20px;}
div#navigation ul ul li a				{background-position: top left !important; color: #231f20 !important; font-weight: normal !important; font-size: 0.9167em !important; padding: 4px 0 4px 7px !important;}
div#navigation ul ul li.on a			{color: #00aeef !important; background-position: left bottom !important; font-weight: bold !important;}

/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

span.smark								{background-color: #ccc; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{margin: 20px 0 40px; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px Sans-Serif; display: block;}
address.staff span.wrapper				{width: 350px; float: left; padding: 5px 0; margin: 0 0 10px;}
address.staff span.photo				{width: 95px; margin-right: 5px; float: left;}
address.staff span.n					{margin-bottom: 5px; font-size: 14px; font-weight: bold;}
address.staff span.title				{margin: 5px 0 10px; font-size: 14px;}
address.staff span.value				{display: inline;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;}
a.gallerydir							{width: 158px; height: 135px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 158px; height: 135px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 158px; font: normal 11px Sans-Serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}

body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px Sans-Serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px Sans-Serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{border: 0; margin: 10px 0; padding: 0;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px Sans-Serif; float: left;}
dl#pageproperties dd					{font: normal 11px Sans-Serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}

ul.documentlibrary						{list-style: none; margin: 0; padding: 0;}
ul.documentlibrary li					{line-height: 20px;}
ul.documentlibrary li img				{vertical-align: top;}
ul.documentlibrary li a					{margin: 0 0 0 6px;}