/* prosys.css 													*/
/* This file is for general styles that apply to all browsers	*/
/* You can override styles for IE in prosys-ie.css				*/

html {
    font-size: 100%;
}

h1 {
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	color: #666666;
	text-transform: uppercase;
}

h2 {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	margin: 10px 0 3px 0;
}

body {
	font-size: 0.625em;
	font-family: verdana, arial, geneva, helvetica, sans-serif;
	color: #000000;
}

img { border: none; }

p { margin: 1em 0; }
p, td, tr, table { font-weight: normal; font-size: 11px; letter-spacing: 1px; }
ul { padding-left: 20px; list-style-type: disc; font-weight: normal; font-size: 11px; letter-spacing: 1px; }

ul.news-items { margin: 1em 0 0 0; padding: 0; list-style: none outside none; }
.news-items li {  }

/* COMMON STYLES FOR INPUT ELEMENTS */
div.textarea-wrapper { border:none; margin:0; padding:0; }


ol.newsList, li.newsList{
font-weight: normal; 
font-size: 11px; 
letter-spacing: 1px;
}

/* CONTACT INFORMATION PAGE */
div.contacts {}
div.emails {}
div.contact-left { width: 600px; float: left; overflow: hidden; }
div.contact-right { width: 360px; float: left; text-align: left; margin: 0; }
div.contacts ul { list-style-type: none; padding: 0px; margin: 0px; }
div.emails ul { list-style-type: none; padding: 0px; margin: 0px; }
div.contact { margin: 0; width: 180px; float: left; padding-right: 20px; overflow: hidden; }
div.contact strong.name { font-size: 12px; }
div.contact li.phone { 
	background-image: url(/images/symbols/phone.png);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding: 10px 0 10px 30px;
}
div.contact li.mobile { 
	background-image: url(/images/symbols/mobile.png);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding: 10px 0 10px 30px;
}
div.emails div.email-personal { background-image: url(/images/symbols/email.png); background-repeat: no-repeat; background-position: 0px 5px; 
								padding: 10px 0 10px 40px;margin: 20px 0 0 0;
}
div.emails div.email-personal li.email-address { font-size: 12px; }
div.emails div.email-general { padding: 0px 10px 0px 40px; margin: 10px 0 0 0; }
div.emails div.email-address { padding: 0px 10px; font-size: 12px; line-height: 1.5;
								background: transparent url('images/ProsysEmailSeparator.png') no-repeat scroll center left; float: left; }
div.emails div.email-address.email-address-first { background: transparent none no-repeat scroll bottom left; padding-left: 0px; }
div.emails div.email-address h1,h2,h3 { margin: 0 0 3px; }
div.contactinfo { width: 360px; float: left; text-align: center; margin: 0; padding-top: 40px; }

div.portrait {  }
div.full-portrait { float: left; margin: 0 20px; }
div#company-portraits { height: 300px; position: relative; background: transparent url('/images/ProsysTaustaAlareuna.png') repeat-x scroll bottom right; }

/* CONTACT FORM */

div#alertarea { padding: 0 0 10px 0; }
table.contact-form { width: 50% }
.input { width: 300px; margin-bottom: 5px; }
div.contactForm { width: 900px; }
div.contactForm label { width: 200px; float: left; display: block; font-weight: normal; font-size: 11px; letter-spacing: 1px; text-align: left; }
div.interest input.checkbox { }
div.contactForm input.submit { float: right; margin-right: 130px; font-weight:bold; /* border:1px solid gray; color: black; padding:1px 4px 2px; */ } 

a:link { text-decoration: none; color: #FF6600; }
a:active { text-decoration: none; color: #FF6600; }
a:visited { text-decoration: none; color: #FF6600; }
a:hover { text-decoration: underline; color: #FF6600; } 

div#topnav { height: 20px; line-height: 1.5; margin-right: 15px; }
div#prosyslogo { height: 60px; background: transparent; float: left; }
div#banner { height: 60px; float: right; position: absolute; right: 10px; top: 50px; opacity: 1; } 

div.widecolumn { width: 300px; height: 590px; float: left; }
div.services { width: 660px; float: left; }

div#header { background:#ffffff; height:60px; width:960px; padding:0 20px 0; }
div#main { width: 1000px; height: 590px; overflow: hidden; }
div#main-bottom { height: 100px; width: 1000px; background: transparent url('images/ProsysTaustaEtusivu2Ala.png') no-repeat scroll bottom left; }
div#content { padding: 0px 20px 20px; }
div#content div.content-left { width: 50%; float: left; }
div#content div.content-right { width: 40%; float: right; }
div#footer { background: transparent url('images/ProsysNav.png') repeat-x scroll bottom left; height:20px; width:960px; padding:4px 20px;
			 text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 1.5; text-shadow: 1px 1px 1px #2b2b2e; }

div#references { width: 720px; padding: 0 0 0 120px; background: transparent url('images/ProsysReferenssitHarmaaLoota.png') no-repeat scroll top left; }
div#references h1 { margin-top: 0; font-size: 20px; font-weight: bold; text-transform: none; }
div#references h2 { margin-top: 0; font-size: 13px; }

div#news { width: 720px; padding: 0 120px 0; }
div#news h1 { margin-top: 0; font-size: 20px; font-weight: bold; text-transform: none; color: #FF6600; }

strong { font-weight: bold; color: #333333; }
strong.date { font-size: 10px; }

#footerThumbs{
position: relative;
float: left;
top: -4px;
width: 70px;
height: 28px;

}
img.footerT{


}

.alert { color: #FF6600; }
.big { font-size: 250%; }
.dark { color: #333333; }
.selected { color: #FF6600 !important; }

.lang { text-align: right; float: right; }
.lang a:link { text-decoration: none; font-weight: bold; }
.lang a:active { text-decoration: none; font-weight: bold; }
.lang a:visited { text-decoration: none; font-weight: bold; }
.lang a:hover { text-decoration: underline; font-weight: bold; }

.centertxt { vertical-align: -15%; }
.centerbtn { vertical-align: -100%; }

div.breadcrumbs { width: 960px; text-align: left; }

div.scroll { width: auto; height: 400px; overflow: auto; padding: 0px; }
div.scroll news { border-bottom: solid 1px #ece7e2; }

div#wrapper { width: 1000px; margin: 0 auto; overflow: hidden; position: relative; }
div#brochure { height: 45px; width: 200px; font-size: 12px; text-transform: uppercase; position: absolute; bottom: 40px; margin-bottom: 0;
				background: transparent url('images/contact.png') no-repeat scroll top left; }
div#brochure:hover { background-image: url('images/contact_hover.png'); }
div.button{ height: 45px; width: 200px; font-size: 12px; text-transform: uppercase; position: relative; margin-left: 20px; float: left;
				top: 40px; background: transparent url('images/nappula_30x30.png') no-repeat scroll top left; }
div.button#download { background-image: url('images/download.png'); }
div.button#download:hover { background-image: url('images/download_hover.png'); }
div.button#contact { background-image: url('images/contact.png'); }
div.button#contact:hover { background-image: url('images/contact_hover.png'); }
.brochure { margin-left: 60px; margin-top: 13px; }	
span.button { margin-left: 60px; margin-top: 13px; }			

div.casebox { padding: 0; width: 660px; }
div.casebox h2 { margin-top: 3px; font-size: 14px; text-transform: uppercase; }
div.casebox-top { height: 20px; background: transparent url('images/ProsysReferenssitHarmaaLootaYla660.png') no-repeat scroll top left; }
div.casebox-btm { height: 20px; background: transparent url('images/ProsysReferenssitHarmaaLootaAla660.png') no-repeat scroll top left; }
div.casebox-mid { padding: 0 20px 1px; background-color: #ece7e2; min-height: 50px; height: auto !important; height: 50px; }

div.newsbox { padding: 20px 0 0; margin-bottom: 20px; width: 720px; }
div.newsbox h2 { margin-top: 3px; font-size: 14px; }
div.newsbox-top { height: 20px; background: transparent url('images/ProsysAjankohtaistaValkoinenLootaYla.png') no-repeat scroll top left; }
div.newsbox-btm { height: 20px; background: transparent url('images/ProsysAjankohtaistaValkoinenLootaAla.png') no-repeat scroll top left; }
div.newsbox-mid { padding: 0 80px 1px; background-color: #ffffff; min-height: 50px; height: auto !important; height: 50px; }

a.newslink-left { float: left; font-size: 14px; }
a.newslink-right { float: right; font-size: 14px; }

div.techbox { padding: 0px; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; margin-top: 0px; width: 200px; float: right; }
div.techbox h2 { margin-top: 3px; font-size: 14px; text-transform: uppercase; }
div.techbox ul { margin: 0; }
div.techbox-top { height: 20px; background: transparent url('images/ProsysHarmaaLootaYla200.png') no-repeat scroll top left; }
div.techbox-btm { height: 20px; background: transparent url('images/ProsysHarmaaLootaAla200.png') no-repeat scroll top left; }
div.techbox-mid { padding: 0 20px 1px; background-color: #ece7e2; min-height: 50px; height: auto !important; height: 50px; }

div.infobox { width: 200px; float: left; padding-right: 20px; vertical-align: bottom;}
div.infobox a.arrowlink { font-weight: bold; }
div.infobox-link { width: 200px; float: left; padding-right: 20px; }

.service-graph { width: 256px; height: 237px; float: right; margin-top: 10px; }

div.text { /*float: left;*/ padding-top: 1px; }
div.column { float: left; width: 250px; }
div.company { width: 600px; float: left; }


a.footer:link {color: #ffffff; text-decoration: none; }
a.footer:active {color: #ffffff; text-decoration: none; }
a.footer:visited {color: #ffffff; text-decoration: none; }
a.footer:hover {color: #FF6600; text-decoration: none; }
a.footer {text-transform: uppercase; padding: 0px 10px 0px 20px; font-size: 12px; font-weight: bold; line-height: 1.5;
		  background: transparent url('images/ProsysNavSeparator.png') no-repeat scroll center left; }
a.footer.rootmenu { background: transparent none no-repeat scroll bottom left; padding-left: 0px; }

div.separator { margin-left: 3%; margin-right: 3%; border-bottom: 1px solid #d3d3d3; }

.align-left { float: left; }
.align-right { float: right; }

a.imagelink { display: block; height: 32px; border: none; padding-top: 13px; }
a.imagelink:link {color: #000000; text-decoration: none;}
a.imagelink:active {color: #000000; text-decoration: none;}
a.imagelink:visited {color: #000000; text-decoration: none;}
/*a.imagelink:hover span,img {color: #FF6600; text-decoration: none;}*/

/* SURVEY PAGE */
div#survey textarea { width: 90%; }
div#survey p.question { font-size: 12px; margin-top: 40px; }
div#survey label { float: left; display: block; font-weight: normal; font-size: 11px; letter-spacing: 1px; text-align: left; }
div#survey input.submit { float: left; margin:10px 0px; font-weight: bold; padding: 0.5% 1.5%; }
div#survey input.numeric { width: 100px; }
table.survey { }
table.survey tr.ghost { background-color: #f8f8ff; }
table.survey td { padding: 1%; }
table.survey th { font-weight: normal; }
table.survey th.vertical-header { text-align: center; }
table.survey th.horizontal-header { text-align: left; }
table.survey td { text-align: center; }
span.hover { color: #FF6600; }
span.hover:hover { text-decoration: underline; }
.alert strong { color: #FF6600; }