﻿/* CSS BASE SCREEN based on Eric Meyer css reset, edited for Wisdom|Ordina version 1.0 */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

/* T A B L E   O F   C O N T E N T S */

	/* RESETS */
	/* BASIC LAYOUT */
	/* COLUMNS */
	/* BREADCRUMBS */
	/* FORMS */
	/* METANAVIGATION */
	/* MAIN NAVIGATION */
	/* PAGENAVIGATION */
	/* SEARCH */
	/* SITEMAP */
	/* GOOGLEMAPS */


/* ====== */
/* RESETS */
/* ====== */

body {
	margin:0;
	padding:0;
}

div.ms-MenuUIPopupBody {
	font-size:12px;
	font-family:verdana!important;
	line-height:12px!important
}

.wrapper div, .wrapper span,.wrapper applet,.wrapper object,.wrapper iframe,
.wrapper h1,.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5,.wrapper h6,.wrapper p,.wrapper blockquote,.wrapper pre,
.wrapper a,.wrapper abbr,.wrapper acronym,.wrapper address,.wrapper big,.wrapper cite,.wrapper code,
.wrapper del,.wrapper dfn,.wrapper em,.wrapper font,.wrapper img,.wrapper ins,.wrapper kbd,.wrapper q,.wrapper s,.wrapper samp,
small,strike,strong,sub,sup,tt,var,
.wrapper b,.wrapper u,.wrapper i,.wrapper center,
.wrapper dl,.wrapper dt,.wrapper dd,.wrapper ol,.wrapper ul,.wrapper li,
.wrapper fieldset,.wrapper form,.wrapper label,.wrapper legend,
.wrapper table,.wrapper caption,.wrapper tbody,.wrapper tfoot,.wrapper thead,.wrapper tr,.wrapper th,.wrapper td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* CHECK FOR FONT TAGS TODO: make this work on the editor instead of the actual page.  */
/*
font {
	background:red!important;
	border:2px solid yellow!important;
}
*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.wrapper ol,.wrapper ul {
	list-style: none;
}

div.column.content ul {
	list-style-type:disc;
	padding:0 0 0 2em;
	margin:10px 0;	
}

div.column.content ol {
	list-style-type:decimal;
	padding:0 0 0 2.5em;
	margin:10px 0;
}


.wrapper blockquote, .wrapper q {
	quotes: none;
}
.wrapper blockquote:before,.wrapper blockquote:after,
.wrapper q:before,.wrapper q:after {
	content: '';
	content: none;
}

/* remember to highlight inserts somehow! */
.wrapper ins {
	text-decoration: none;
}
.wrapper del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
.wrapper table {
	border-collapse: collapse;
	border-spacing: 0;
}

.wrapper textarea {
	font-family:inherit;
	font-size:inherit;
}

/* ============ */
/* BASIC LAYOUT */
/* ============ */

div#wrapper {
	width:960px;
	margin:0 auto;
}

div#wrapper.showgrid {
	background:url(../images/grid.png) 0 0;
}

/* INLINE PHOTOGRAPHY */

.content img {
}

/* placement */
.content img.left, .content img {
	float:left;
	margin:10px 10px 10px 0;
}

.content img.right {
	float:right;
	margin:10px 0 10px 10px;
}


/* TABLES */

.wrapper table {
	clear:both;
	width:100%;
}

.wrapper table thead {
	font-weight:bold;
}

.wrapper table thead th {
	text-align:left;
}



/* ======= */
/* COLUMNS */
/* ======= */

div.column {
	float:left;
	margin:0 20px 15px 0;
	/* text-size for all columns */
	font-size:1.2em;/*12px*/
}

/* nested columns */
div.column div.column {
	font-size:1em;
	margin:0 0 0 0;
}

div.column.first {
	clear:left;
	margin-left:10px;
}
div.column.last {
	margin:0 0 15px 0;
	float:right;
	clear:right;
}
div.column.span-1 {
	width:40px;
}
div.column.span-2 {
	width:100px;
}
div.column.span-3 {
	width:160px;
}
div.column.span-4 {
	width:220px;
}
div.column.span-5 {
	width:280px;
}
div.column.span-6 {
	width:340px;
}
div.column.span-7 {
	width:400px;
}
div.column.span-8 {
	width:460px;
}
div.column.span-9 {
	width:520px;
}
div.column.span-10 {
	width:580px;
}
div.column.span-11 {
	width:640px;
}
div.column.span-12 {
	width:700px;
}
div.column.span-13 {
	width:760px;
}
div.column.span-14 {
	width:820px;
}
div.column.span-15 {
	width:880px;
}
div.column.span-16 {
	width:940px;
}

div#bottomnav { 
	clear:both;
}

div#footer { 
	clear:both;
}


/*=============*/
/* BREADCRUMBS */
/*=============*/

ol#breadcrumbs {
	font-weight:bold;	
	overflow:hidden;
	list-style-type:none;
	padding:0;
	margin:0;
}

ol#breadcrumbs li {
	float:left;
}

ol#breadcrumbs li.last {
	background:none;
}

ol#breadcrumbs li a {
	font-weight:normal;
}


/*=======*/
/* FORMS */
/*=======*/

div.form {
	clear:both;
	height: 100%;
	margin: 0;
	padding: 0;	
}
div.form fieldset legend {
	padding: 0;
	margin: 0 0 20px -8px;
	display: block;	
}
.wrapper .formRow {
	height: 100%;
	clear:both;
}
.wrapper .formRow label {
	float: left;
	width: 140px;
	display: block;
}
.wrapper .formRow .formw {
	margin-left: 150px;
	padding: 5px;
}
.wrapper .formRow .formw label {
	float: none;
	display: inline;
	padding: 0;
}
.wrapper .formRow .formw select {
	height: 20px;
}
.wrapper .formRow .formw input.small {
	width: 35px;
}
.wrapper .formRow .formw input.medium {
	width: 100px;
}
.wrapper .formRow .formw input.large {
	width: 200px;
}
.wrapper .formRow .formw input, .wrapper .formRow .formw textarea, .wrapper .formRow .formw select {
	width: 295px;
}

.wrapper .formRow .formw  input.checkradio {
	width: 15px;
}
div.form div.submitButtons {
	clear:both;
	padding:10px 0;
	text-align:right;
}
div.form div.submitButtons .submit {
	width: 100px;
}
.wrapper .content .formRow img.captcha {
	margin:0;
}


/*================*/
/* METANAVIGATION */
/*================*/
div#metaNav {

}

div#metaNav ul li {
	padding:0 5px;
}


ul#serviceNav,ul#fontResizer,ul#languageSwitcher {
	float:right;
}

ul#accesNav {
	display:none;	
}

ul#serviceNav li {
	float:left;
}


ul#fontResizer li {
	display:inline;
}


ul#languageSwitcher li {
	display:inline;
}


/*=================*/
/* MAIN NAVIGATION */
/*=================*/ 

div#mainNavContainer {
}


ul#mainNav {
	list-style-type:none;
	clear:both;
	overflow:hidden;
	font-weight:bold;
}

ul#mainNav li {
	float:left;
}

ul#mainNav li.last {
}

div#wrapper ul#mainNav a {
	float:left;
	text-decoration:none;
	margin:0;
}



/* SECOND LEVEL [IF USED] */
div#wrapper ul#mainNav li ul {
	position:absolute;
	visibility:hidden;
}

/*================*/
/* PAGENAVIGATION */
/*================*/
ul#subNav, ul#subNav ul.nav {
	list-style-type:none;
}

/* SECOND LEVEL */
ul#subNav li ul {
	margin:0.5em 0 0 0;
}


/* HIDE ALL LOWER LEVELS */
ul#subNav li ul.nav,
ul#subNav li ul.nav li ul.nav {
	display:none;
}

/* EXCEPT FOR THE ACTIVE ONES */
ul#subNav li.active ul.nav,
ul#subNav li.active ul.nav li.active ul.nav {
	display:block;
}


/* ACTIVE SUBMENU */
ul#subNav li.active ul.nav li.active {
	font-weight:bold;
}


/* NO BACKGROUND FOR SUB ITEMS */
ul#subNav li.active ul.nav li a {
	background-color:transparent;
}

ul#subNav li ul li a:hover,
ul#subNav li ul li a:focus,
ul#subNav li ul li a:active {
	color:#3a8679;
}


ul#subNav li ul li {
font-size:1em;	
}

/* NO BORDER FOR LAST */
ul#subNav li ul li.last,
ul#subNav li ul li ul li {
	border:none;
}

ul#subNav li ul li {
	font-weight:normal;
	font-size:0.857em; /* 12 px */
	padding:0 0 0 10px;
	margin:0 0 0.3em 0;
}

ul#subNav li ul li a {
}

/*========*/
/* SEARCH */
/*========*/




/*=========*/
/* SITEMAP */
/*=========*/


ul.sitemap, ul.sitemap ul {
     list-style-type: none;
     margin: 0;
     padding: 0 !important;
}
   
ul.sitemap ul {
     margin-left: 10px;
}

ul.sitemap li {
	list-style: none;
    margin: 0;
    padding: 0 12px;
    line-height: 20px;
}

ul.sitemap li.sitemapLast {
	list-style: none;
}

ul.sitemap li a {
	text-decoration:none;
}


/* 1ST LEVEL */
ul.sitemap li {
	font-size:1.1667em;
	font-weight:bold;
}


/* 2ND LEVEL */
ul.sitemap li ul li {
	font-size:0.857em;
	font-weight:bold;
}

/* 3D LEVEL */
ul.sitemap li ul li ul li {
	font-size:1em;
	font-weight:normal;
}



/*============*/
/* GOOGLEMAPS */
/*============*/
#to_select_feedback {
	margin-left: 150px;
	padding-left: 10px;
}
#route_map {
}
.googleMap {
/*	width: 420px;*/
	height: 300px;
}
#result #route_map {
	/*padding: 10px;*/
	}
#route_text {
	margin: 15px 0 0 0;
}
#route_text p {
	font-weight: bold;
			
}
#route_text ol {
	float: left;
/*	padding-left: 25px;*/
}
#route_text ol li {
	padding: 5px 0;
}
	#route_text ol li b {
	padding: 2px 5px;
}	

/*===================*/
/* WIDGET-FONTRESIZE */
/*===================*/

ul#fontResizer{
	font-size:120%;
	margin:-1px 10px 0 0;
	padding-left:4px;
	background:url(../../Images/wln/menu-divider-small.gif) no-repeat 0 4px;
}

div#metaNav ul#fontResizer li {
	float:left;
	padding:2px;
	
}

ul#fontResizer li.normal {
	font-size:85%;
}

ul#fontResizer li.medium {
	font-size:100%;
}	

ul#fontResizer li.large {
	font-size:125%;
}

ul#fontResizer li a {
	text-decoration:none;
}

ul#fontResizer li.active a {
	text-decoration:underline;
}
