/* Table of content 
***********************
1. Reset 
2. Typo
3. Layout
4. Graphic elements
5. Controls 
7. Misc.
***********************/


/* 1. Reset 
*************************************************************************************/

/* Reset Headlines */ 
h1, h2, h3, h4, h5, h6, p
{ 
    margin: 0;
    padding: 0;
    font-weight: normal;
} 

/* Links */
a   {   outline : none;      } /* Gets rid of Firefox's dotted borders */
a img { border: none;       } /* Gets rid of IE's blue borders */

a:link, a:visited
{
    text-decoration: none;
    color: #bdd542; 
}

a:hover, a:active
{
   color: #bdd542; 
   text-decoration: underline;
}

/* Normalize */ 
table       { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
li          { list-style: none; }

ul, ol, dl, dt, dd, blockquoute, form, input, th, td, label
{
    margin: 0; 
    padding: 0;
}


/* 2. Typo 
*************************************************************************************/

body
{
    color: #000;
	font-family: arial, helvetica, Trebuchet MS;
	font-size: 62.5%;
}

h2 
{
    font-size: 4.8em;
    margin: 0 0 20px 0;
    color: #838384;
}

h3 
{
    font-size: 1.4em;
    margin: 0 0 20px 0;
	line-height: 150%;
}  

/* Textcontent Headline */
#textContent h3,.textContent h3
{
    color: #1fb2e8;
    font-size: 2em;
    line-height: 165%;
    margin: 0;
}

/* Typo for Standard Page */ 
#textContent p,.textContent p
{
    font-size: 1.4em;
    line-height: 160%;
    margin-bottom: 30px;
}

/* Peter Winzell Test */ 
#testContent p,.testContent p
{   	
    font-size: 4.0em;
    line-height: 160%;
    margin-bottom: 30px;
    color: #838314;
}

#textContent,.textContent {
	width: 490px;
}

/* Detta har Petter Skerfving lagt till */
table {
	width: 100%;
}

/* Detta har Petter Skerfving lagt till */
th {
	font-family: Georgia, Times New Roman, Serif;
	font-size: 1.6em;
	color: #1fb2e8;
	font-weight: normal;
	margin: 0 0 20px 0;
}

td {
	padding: 2px;	
}

/* Basic paragraph setting for cols */
.fontParagraph
{
    font-size: 1.1em;  
    line-height: 172%;
}

/* Extras for Texts */
.inline                    { display: inline; }
.uppercase                 { text-transform: uppercase; }
.clear		           { clear: both; }
.block                     { display: block; }
.underline                 { border-bottom: 2px solid #044245; }
.seperatorLine             { border-top: 2px solid #044245; }
.bold                      { font-weight: bold; }
.italic                    { font-style: italic; }
.topMarginHalf             { margin-top: 10px; }
.topMarginSmall		   { margin-top:5px; }
.topMargin                 { margin-top: 20px; }
.topMarginDouble           { margin-top: 40px; }
.rightMargin 		   { margin-right: 20px; }
.topPadding                { padding-top: 20px; }
.topPaddingDouble          { padding-top: 40px; }
.topPaddingHalf            { padding-top: 10px; }
.bottomPadding             { padding-bottom: 20px; }
.bottomPaddingHalf         { padding-bottom: 10px; }
.bottomMargin              { margin-bottom: 20px }
.bottomMarginHalf          { margin-bottom: 10px }
.doubleTopMargin           { padding-top: 40px; }
.noMargin 		   { margin: 0!important; }
.white             	   { color:#fff; }
.rightAlign 		   { text-align: right; }

/* IE6 fix. IE dosen't like negative stuff */ 
* html .negativeRightMarginDouble { margin-right: 0; }


/* Colors - Going creative */
.princePurple     { color: #767D92;}
.gandalfGrey      { color: #838384; }
.wonderfullBlue   { color: #1fb2e8; }
.leafGreen        { color: #bdd542; }

/* Font Face */ 
.georgia { font-family: Georgia, Times New Roman, Serif; }
.switzerland{font-family: Helvetica;}

/* Headline sizes */
.fontXLarge                  { font-size: 4.8em;   }
.fontLarge                   { font-size: 4.8em;   }
.fontMedium                  { font-size: 1.4em; line-height: 157%; }
.fontXLMedium          		{ font-size:2.4em; }
.fontExtraMedium             { font-size: 2.2em; }
.fontSmall                   { font-size: 1.6em; }
.fontSmallest                { font-size: 1.2em; line-height: 157%; text-transform: none }



/* Default list with dots */
ul#standardList li, #mainContentHolder li
{
    font-size: 1.1em;
    line-height: 172%;
    background: transparent url(images/listItem.png) no-repeat 0 7px;
    padding: 0 0 0 10px;
    list-style: disc;
}

#textContent ul {
    margin:0 0 20px 40px;
}
#textContent li {
    list-style: disc;
    font-size: 1.4em;
    line-height:150%;
}
/* Links and files icons */
h5.links, h5.files { padding-left: 18px; }

h5.links
{
    font-size: 1.4em;
    line-height: 157%;
    text-transform: uppercase;
    background: #fff url(images/linkIconGreen.gif) no-repeat 0 1px;
}

h5.files
{
    font-size: 1.4em;
    line-height: 157%;
    text-transform: uppercase;
    background: #fff url(images/filesIconGreen.gif) no-repeat 0 1px;
}


.hidden
{
	display: none;
}

.hiddenText
{
    text-indent: -9999px;
}

hr {
	border: 0;
	border-top: 1px solid #ccc;
	margin: 20px 0;
}

/* 3. Layout 
*************************************************************************************/

html { text-align: center; height: 100%;}

body
{
    height: 100%;
    background: #fff;
    text-align: left;
    margin: 0 auto;
    border-top: 4px solid #bdd542;
}


#heightHolder
{
    _height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
}


#siteHeader
{
    height: 220px;
    position: relative;
    width: 980px;
}

#siteBody
{	
    position: relative;
    width: 980px;
}

#leftColumn
{
    width: 525px;
    float: left;
    display: inline;
    margin: 0 0 0 80px;
}

#rightColumn
{
    width: 370px;
    float: right;
    display: inline;
    margin-top: 100px;
}

#bottomContent {
	clear: both;
	width: 895px;
	margin-left: 80px;
}

#bottomContentBox {
	width: 295px;
	float: left;
	border-right: 1px solid;
	border-color: lightgray;
}

/* A Box for a rss feed */
#bottomContentBoxFeed {
	width: 295px;
	float: left;
	border-right: 1px solid;
	border-color: lightgray;
}

#footer
{
    background: #034144 url(/img/footerBg.png) repeat-x 0 0;
    width: 100%;
    height: 182px;  
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Special classes for footer layout */
#footer li.lastFooterLi      { padding-top: 4px; }
#footer li.extraRightPadding { padding-right: 80px; }
#footer li.seperator
{
    padding: 0 0 0 10px;
    margin: 50px -10px 0 20px;
    background: transparent url(images/footer-seperator.png) no-repeat 0 0;
}

.footerpadding              { padding: 0 0 200px; }

/* Footer rss boxes */

#siteFooter         {width:100%; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; height:303px; 
                    margin-top:50px; clear:both; background:#fff; position:absolute; bottom:0;}
#eventBoxes         {width:963px; margin-left:auto; margin-right:auto; height:168px;}
#eventBoxLeft       {width:364px; height:111px; float:left; 
                     background:#fff; padding-top:48px; padding-left:15px; padding-right:15px;}/*peter w changed padding-top from 57 to 48 */
#eventBoxRight      {width:364px; height:111px; border-right:1px solid #e9e9e9; float:left;
                     padding-top:48px; padding-left:15px; padding-right:15px;}
#footerBottom       {width:100%; height:135px; border-top:1px solid #e9e9e9;}
#logoBottom         {width:899px; height:32px; margin-left:auto; margin-right:auto; background:#fff; padding-left:64px; padding-top:103px;
                     background: url(../img/logo-footer.gif) no-repeat 22px 75px;}
#logoBottom a       {color:#bdd542;}
.date               {width:64px; height:107px; float:left; background: url(../img/datum.gif) no-repeat 22px 50%;
                    border-left:1px solid #e9e9e9; padding-top:61px; padding-left:22px; text-align:center;}
#background         {width:100%; border: 1px solid #000; height:576px;}
#startBoxes         {width:963px; margin-left:auto; margin-right:auto; height:239px;}

#contentHolder
{
    position: relative;
    _height: 100%;
    min-height: 100%;
    margin: 0 auto;
    width: 998px;
    overflow: hidden;
    padding: 0px 0 350px 0;
}

body#page1180 #contentHolder 
{
    padding: 0;
}


#mainContentHolder, #basicMainLayout, #wideLayout
{
    position: relative;
    float: left;
    display: inline;
    width: 780px;
    padding: 0 0 40px 0;
    margin: 0 0 0 10px;
}

/* LayoutFloats */

.left             { display: inline; float: left;   margin-right: 20px; }
.right            { display: inline; float: right;  margin-left: 20px; }
.left.noMargin    { display: inline; float: left;   margin-right: 0; }
.right.noMargin   { display: inline; float: right;  margin-left: 0; }
.left.smallMargin { display: inline; float: left;   margin-right: 5px; }
.center           { margin: 0 auto; }

* html .left      { margin-right: 6px }

.bottom   { position: absolute; bottom: 0; left: 0; }
.relative { position: relative; }
#mainContentHolder .col p { margin: 0; } /* Reset if col */

/* For images in Text */
#mainContentHolder p img.left        { margin-left: -80px; }  
#mainContentHolder p img.right       { margin-right: -80px;}
#mainContentHolder p img.left.inset  { margin-left: 0; }
#mainContentHolder p img.right.inset { margin-right: 0; }
#mainContentHolder p img.solo        { margin-bottom: 20px; }
*html #mainContentHolder p img {  width: expression(this.width > 370 ? 370: true); } /* Fix width in ie6 for images */

/* Column sizes */
.two    {  width: 100px; }
.three  {  width: 160px; }
.four   {  width: 220px; }
.five   {  width: 280px; }
.six    {  width: 340px; }
.seven  {  width: 400px; }
.eight  {  width: 460px; }
.nine   {  width: 520px; }
.ten    {  width: 580px; }
.eleven {  width: 640px; }
.twelve {  width: 700px; }
.thirteen {  width: 760px; }
.fourteen {  width: 820px; }
.fifthteen {  width: 880px; }
.sixteen {  width: 940px; }



/* 4. Graphic elements 
*************************************************************************************/

/* Logo - always h1 */
h1 a
{
    width: 383px;
    height: 108px;
    display: block;
    position: absolute;
    top: 34px; 
    left: 0;
    text-indent: -9999px;
    background: transparent url(/img/jayway-logo.gif) no-repeat 0 0;
}

/* JayWhy background */ 
body#page1129
{
    background: transparent url(/img/jayway_bg.jpg) no-repeat center 220px; 
}


/* JayCulture background */ 
body#page1182 
{
    background:url("/img/jayculture_bg.jpg") no-repeat scroll center 140px transparent;
}

/* JayFacts background */ 
body#page1195 
{
    background:url("/img/jayfacts_bg.jpg") no-repeat scroll center 120px transparent;
}


/* Team Blog Link */
a.teamBlog
{
    position: absolute;
    right: 288px;
    top: 0;
    width: 206px;
    height: 68px;
    background: transparent url(/img/teamBlog.gif) no-repeat 0 0; 
}

/* MainContent on startpage */

#quote {
	color: #58585B;
	position: absolute;
	top: -175px;
	left: 140px;
	width: 350px;
}

/* Petter har lagt till detta för att hantera tooltipsen på startsidan. */
.startpagetip {
	font-size: 1.4em;
	color: #58585B;
	position: absolute;
	top: -175px;
	left: 140px;
	width: 350px;
}

.startpagetip h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#1fb2e8;
	margin-bottom: 0;
}

#page1117 form { background: url(/img/homepage_mainimagebg.jpg) repeat-x 0 300px; }

#page1117 #siteHeader { height: 300px; }	

#page1117 #siteBody  
{
    background: url(/img/homepage_mainimage.jpg) no-repeat center 0px;
    padding-bottom:720px;
}

.homePageBox 
{
	background: url(/img/bg_homepageboxbottom.png) no-repeat 0px 121px;
	position: absolute;
	top: 445px;
	width: 301px;
}

.homePageBox1 { left: 17px; }
.homePageBox2 { left: 339px; }
.homePageBox3 { right: 19px; }

.homePageBox .flap 
{
	background: url(/img/bg_homepageboxflap.png) no-repeat 0px 0;
	height: 47px;
}

.homePageBox .flap span
{
	color: #fff;
	padding: 30px 0 0 50px;
	text-transform: uppercase;
	vertical-align: bottom;
}

.homePageBox .content 
{
	background: #fff;
	height: 220px;
	margin: 0 0 0 1px;
	padding: 20px 20px 0px 20px;
	width: 259px;
}

.homePageBox p { font-size: 1.2em; line-height:157%; }

.homePageBox li { font-size: 1.2em; margin: 0 0 15px 0; }

/* Search page */

#searchClear
{
    padding: 0 0 350px 0;
}

#xsltsearch h2 { font-family: georgia; }

#xsltsearch .input {
	background: url(/img/bg_searchpageinput.png) no-repeat 0 0;
	border: 0;
	padding: 10px 0px 10px 10px;
	width: 340px;
}

#xsltsearch .submit 
{
	background: url(/img/bg_searchpagebutton.png) no-repeat 0 0;
	border: 0;
	color: #fff;
	font-size: 1.6em;
	height: 36px;
	line-height: 138%;
	padding: 7px 0px 7px 0px;
	text-transform: uppercase;
	width: 109px;
}

#xsltsearch .submit:hover 
{
	background: url(/img/bg_searchpagebutton.png) no-repeat 0 -36px;
	cursor: pointer;
}

#xsltsearch_stats 
{
	border-top: 1px solid #e9e9e9;
	margin: 20px 0 20px 0;
	padding: 10px 0 0 0; 
}

#xsltsearch_summary 
{
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	margin: 20px 0 20px 0;
	padding: 10px 0 10px 0;
}

#xsltsearch_summary strong { color: #1FB2E8; }

.xsltsearch_result_title { margin: 0!important; }

.xsltsearch_result_description 
{
	border-bottom: 1px solid #e9e9e9;
	color: #838384;
	padding: 0 0 10px 0;
}

/* Jaywhy link boxes */

.JayWhyBoxer { height: 700px; }

a.box {
	cursor: pointer;
	display: block;
	position: relative;
	width: 525px;
}
   

a.box span.text 
{
	cursor: pointer;
	display: block;
}

a.box01 {
	background: url(../img/box01.png) 0 0 no-repeat;
	height: 109px;
	margin: 0 0 20px;
}

a.box01:hover {
	background: url(../img/box01.png) -525px 0 no-repeat;
}

a.box01 span.text {
	padding: 115px 0 0 277px;
}

a.box02 {
	background: url(../img/box02.png) 0 0 no-repeat;
	height: 91px;
	margin: 0 0 20px;
}

a.box02:hover {
	background: url(../img/box02.png) -525px 0 no-repeat;
}

a.box02 span.text {
	padding: 100px 0 0 105px;
}

a.box03 {
	background: url(../img/box03.png) 0 0 no-repeat;
	height: 110px;
	margin: 0 0 45px;
}

a.box03:hover {
	background: url(../img/box03.png) -525px 0 no-repeat;
}

a.box03 span.text {
	padding: 115px 0 0 292px;
}

a.box04 {
	background: url(../img/box04.png) 0 0 no-repeat;
	height: 68px;
	margin: 0 0 30px;
}

a.box04:hover {
	background: url(../img/box04.png) -525px 0 no-repeat;
}

a.box04 span.text {
	padding: 75px 0 0 252px;
}

a.box05 {
	background: url(../img/box05.png) 0 0 no-repeat;
	height: 134px;
}

a.box05:hover {
	background: url(../img/box05.png) -525px 0 no-repeat;
}

a.box05 span.text {
	padding: 140px 0 0 282px;
}

/* JayCulture link boxes */

.JayCultureBoxer  {
	height: 700px;
}

.JayCultureBoxer a.box {
	cursor: pointer;
	display: block;
	position: relative;
	width: 525px;
}

.JayCultureBoxer a.box span.text {
	cursor: pointer;
	display: block;
}

.JayCultureBoxer a.box01 {
	background: url(/img/culturebox01.png) 0 0 no-repeat;
	height: 91px;
	margin: 0 0 20px;
}

.JayCultureBoxer a.box01:hover {
	background: url(/img/culturebox01.png) -525px 0 no-repeat;
}

.JayCultureBoxer a.box01 span.text {
	padding: 45px 0 0 220px;
}

.JayCultureBoxer a.box02 {
	background: url(/img/culturebox02.png) 0 0 no-repeat;
	height: 134px;
	margin: 0 0 50px;
}

.JayCultureBoxer a.box02:hover {
	background: url(/img/culturebox02.png) -525px 0 no-repeat;
}

.JayCultureBoxer a.box02 span.text {
	padding: 140px 0 0 252px;
}

.JayCultureBoxer a.box03 {
	background: url(/img/culturebox03.png) 0 0 no-repeat;
	height: 105px;
	margin: 0 0 180px;
}

.JayCultureBoxer a.box03:hover {
	background: url(/img/culturebox03.png) -525px 0 no-repeat;
}

.JayCultureBoxer a.box03 span.text {
	padding: 110px 0 0 313px;
}

.JayCultureBoxer a.box04 {
	background: url(/img/culturebox04.png) 0 0 no-repeat;
	height: 59px;
	margin: 0 0 60px 0;
}

.JayCultureBoxer a.box04:hover {
	background: url(/img/culturebox04.png) -525px 0 no-repeat;
}

.JayCultureBoxer a.box04 span.text {
	padding: 70px 0 0 252px;
}

/* JayFacts link boxes */

.JayFactsBoxer  {
	height: 600px;
}

.JayFactsBoxer a.box {
	cursor: pointer;
	display: block;
	position: relative;
	width: 525px;
}

.JayFactsBoxer a.box span.text {
	cursor: pointer;
	display: block;
}

.JayFactsBoxer a.box01 {
	background: url(/img/factsbox01.png) 0 0 no-repeat;
	height: 88px;
	margin: 0 0 60px 0;
}

.JayFactsBoxer a.box01:hover {
	background: url(/img/factsbox01.png) -525px 0 no-repeat;
}

.JayFactsBoxer a.box01 span.text {
	padding: 95px 0 0 320px;
}

.JayFactsBoxer a.box02 {
	background: url(/img/factsbox02.png) 0 0 no-repeat;
	height: 150px;
	margin: 0 0 40px 0;
}

.JayFactsBoxer a.box02:hover {
	background: url(/img/factsbox02.png) -525px 0 no-repeat;
}

.JayFactsBoxer a.box02 span.text {
	padding: 86px 0 0 270px;
}

.JayFactsBoxer a.box03 {
	background: url(/img/factsbox03.png) 0 0 no-repeat;
	height: 100px;
	margin: 0 0 40px 0;
}

.JayFactsBoxer a.box03:hover {
	background: url(/img/factsbox03.png) -525px 0 no-repeat;
}

.JayFactsBoxer a.box03 span.text {
	padding: 80px 0 0 350px;
}

.JayFactsBoxer a.box04 {
	background: url(/img/factsbox04.png) 0 0 no-repeat;
	height: 100px;
	margin: 0 0 50px 0;
}

.JayFactsBoxer a.box04:hover {
	background: url(/img/factsbox04.png) -525px 0 no-repeat;
}

.JayFactsBoxer a.box04 span.text {
	padding: 80px 0 0 340px;
}

/* Competence link boxes */

.competence {
	background: url(../img/bg_competence.png) 0 0 no-repeat;
	height: 447px;
	position: relative;
	width: 525px;
}

a.competenceBox {
	cursor: pointer;
	display: block;
}

a.competenceBox01 {
	background: url(../img/competencebox01.png) 0 0 no-repeat;
	height: 64px;
	left: 200px;
	position: absolute;
	top: 70px;
	width: 110px;
}

a.competenceBox01:hover {
	background: url(../img/competencebox01.png) 0 -64px no-repeat;
}

a.competenceBox02 {
	background: url(../img/competencebox02.png) 0 0 no-repeat;
	height: 69px;
	left: 33px;
	position: absolute;
	top: 133px;
	width: 119px;
}

a.competenceBox02:hover {
	background: url(../img/competencebox02.png) 0 -69px no-repeat;
}

a.competenceBox03 {
	background: url(../img/competencebox03.png) 0 0 no-repeat;
	height: 92px;
	left: 350px;
	position: absolute;
	top: 120px;
	width: 120px;
}

a.competenceBox03:hover {
	background: url(../img/competencebox03.png) 0 -92px no-repeat;
}

a.competenceBox04 {
	background: url(../img/competencebox04.png) 0 0 no-repeat;
	height: 33px;
	left: 150px;
	position: absolute;
	top: 222px;
	width: 145px;
}

a.competenceBox04:hover {
	background: url(../img/competencebox04.png) 0 -33px no-repeat;
}

a.competenceBox05 {
	background: url(../img/competencebox05.png) 0 0 no-repeat;
	height: 91px;
	left: 272px;
	position: absolute;
	top: 280px;
	width: 182px;
}

a.competenceBox05:hover {
	background: url(../img/competencebox05.png) 0 -91px no-repeat;
}

/* 5. Controls
*************************************************************************************/

/* Top Navigation */


.topNavigation
{
	font-size: 4.8em;
	font-weight: bold;	
	position: absolute;
	left: 620px;
    text-transform: uppercase;
	top: 100px;
}

.topNavigation li {
	clear: both;
	display: block;
	float: left;
}

.topNavigation li a
{
	background: url(../img/topnav_arrow.png) no-repeat 0 15px;
	clear: both;
	display: block;
	padding: 0 0 0 40px;
	text-decoration: underline;
    letter-spacing: -5px;
	float: left;
	font-weight: bold;
	width: 100%;
}	

.topNavigation li a:hover
{
	background: url(../img/topnav_arrow.png) no-repeat 0 -35px;
}	

.topNavigation li.nav1 a
{
	color: #767d92;
}

.topNavigation li.nav2 a
{
	color: #7998c1;
}

.topNavigation li.nav3 a
{
	color: #81c6ed;
}
.topNavigation li a:hover, .topNavigation li.selected a,.topNavigation li.parentSelected  a
{
	background: url(../img/topnav_arrow.png) no-repeat 0 -35px;
	color: #bdd542;
}

/* Sub navigation */

.subNavigation
{
    float: right;
	background: url(../img/bg_subnav.png) no-repeat 0 0;
	margin: 0 0 40px 0;
	min-height: 150px;
	overflow: hidden;
	width: 370px;
}

.subNavigation li a
{
	background: url(../img/subnav_arrow.png) no-repeat 0 13px;
	border-bottom: 1px solid #e9e9e9;
	color: #767d92;
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 200%;
	margin: 0 0 0 40px;
	padding: 0 20px;
	width: 250px;
}

.subNavigation li a:hover, 
.subNavigation .lv2 li a:hover {
	color: #bdd542;
}	

.subNavigation li.selected a, .subNavigation li a.parentSelected  {

	color: #bdd542;
}

.subNavigation .lv2 {
	background: #fff;
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 0 40px;
	padding: 0 0 10px 0;
	width: 290px;	
}

.subNavigation .lv2 li a {
	background: none;
	border: none;
	color: #767d92;
	font-size: 1.4em;
	margin: 0 0 0 22px;
	line-height: 160%;
}

.subNavigation .lv2 li.first a {
	margin-top: -1px;
}

.subNavigation .lv2 li.selected a {
	background: url(../img/subnav_arrow2.png) no-repeat 0px 6px;
	color: #bdd542;
}	

/* Top Search field */

#topSearchField {
    position: absolute;
    right: 5px;
    top: 20px;
}

.searchField 
{
    background:url("/img/bg_searchfield_input.png") no-repeat 0 0;
    border: 0px;
    float: left;
	padding: 6px 0 6px 30px;
    text-indent: 0px;
    width: 116px;
    font-size: 1.1em;
    color: #666666;
    font-style: italic;
}

.searchButton 
{
    background:url("/img/bg_searchfield_button.png") no-repeat 0 0;
    border: 0px;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 0px;
    padding: 5px 0 6px 0;
    width: 76px;
    text-transform: uppercase;
    font-size: 1.1em;
}

/* Dashed box */

.dashedBoxWide {
	background: url(/img/bg_dashedboxwide_middle.png) 0 0 repeat-y;
	width: 250px;
}

.dashedBoxWideTop {
	background: url(/img/bg_dashedboxwide_top.png) left top no-repeat;
	height: 24px;
}

.dashedBoxWideBottom {
	background: url(/img/bg_dashedboxwide_bottom.png) left bottom no-repeat;
	height: 26px;
}

.dashedBoxWideInner {
	padding: 0 20px;
}

.dashedBoxNarrow {
	background: url(/img/bg_dashedboxnarrow_middle.png) 0 0 repeat-y;
	width: 200px;
}

.dashedBoxNarrowTop {
	background: url(/img/bg_dashedboxnarrow_top.png) left top no-repeat;
	height: 24px;
}

.dashedBoxNarrowBottom {
	background: url(/img/bg_dashedboxnarrow_bottom.png) left bottom no-repeat;
	height: 26px;
}

.dashedBoxNarrowInner {
	padding: 0 20px;
}

/* Educations Listings */

.pdfDownloadHolder {
	background: url(/img/bg_educationpdfdownloadholder.png) no-repeat 0 0;
	height: 80px;
}

.pdfDownloadHolder a {
	background: url(/img/button_downloadpdf.png) no-repeat 0 0;
	color: #fff;
	height: 38px;
	left: 115px;
	line-height: 220%;
	position: absolute;
	text-decoration: none;
	text-indent: 30px;
	top: 10px;
	width: 153px;
}

.pdfDownloadHolder a:hover {
	background: url(/img/button_downloadpdf.png) no-repeat 0 -38px;
}	

.educations ul {
	margin: 0 0 10px 0;
}

.educations li {
	font-size: 1.1em;
}

.educations li strong {
	font-size: 1.1em;
	display: block;
	padding: 0 0 3px 0;
}

/* plannedSeminars */

.plannedSeminars {
	width: 490px;
}

.plannedSeminars li {
	border-bottom: 1px solid #e9e9e9;
	clear: both;
	display: block;
	overflow: hidden;
	padding: 10px 0;
}

.seminarTime div {
	border-bottom: 1px solid #e9e9e9;
	clear: both;
	display: block;
	overflow: hidden;
	padding: 10px 0;
}

 
/* customerCaseList */

.customerCaseList {
	width: 490px;
}

.customerCaseList li {
	border-bottom: 1px solid #e9e9e9;
	clear: both;
	display: block;
	overflow: hidden;
	padding: 10px 0;
}

.customerCaseList li a {
	margin: 0 0 60px 0;
	text-decoration: none;
}

.customerCaseList li a:hover {
	color:#1FB2E8;
	text-decoration: none;
}

.customerCaseList li a img {
	border: 1px solid #e9e9e9;
	margin: 3px 10px 0 0;
	padding: 5px;
}

.customerCaseList li a span.link {
	background: url(/img/customerimagelinkbox.png) no-repeat 0 0;
	bottom: 3px;
	display: block;
	height: 20px;
	padding: 0px 10px 3px 10px;
	position: absolute;
	right: 14px;
}

.customerCaseList li span {
	float: right;
	width: 320px;
}


/* contactBox */ 

.contactBox {
	border: 1px solid #d9d9d9;
	color: #58585b;
	margin: 0 0 0 40px;
	padding: 70px 20px 20px 20px;
	position: relative;
	width: 248px;
	clear: both;
}

.contactMeButton {
	background: url(../img/button_contactme.png) no-repeat 0 0;
	left: -1px;
	height: 45px;
	position: absolute;
	top: -1px;
	text-indent: -9999px;
	width: 300px;
}

.contactBox h4 {
	color: #1fb2e8;
	font-size: 1.4em;
	margin: 0 0 5px 0;
}

.contactBox h5 {
	font-size: 1.1em;
	margin: 0 0 10px 0;
	font-style: italic;
}

.contactBox p {
	font-size: 1.1em;
	line-height: 160%;
	margin: 0 0 10px 0;
	width: 150px;
}

.contactBox a.email {
	background: #bdd542;
	color: #fff;
	font-size: 1.1em;
	padding: 3px;
}

.contactBox a.email:hover {
	background: #1fb2e8;
}	

.contactBox .photo {
	border: 1px solid #dddddd;
	right: 20px;
	position: absolute;
	top: 85px;
}

/* Management listing */

.managementList li.managementListItem {
	border-bottom: 1px solid #E9E9E9;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

.managementList table td {
	vertical-align: top;
}

/* added by peter winzell */
.managementList table td:first-child {
	width:25%
}

.managementList img {
	border: 1px solid #E9E9E9;
	margin-top: 5px;
	padding: 5px;
}

.managementList ul {
	margin: 0 0 5px 0;
}

.managementList a {
	margin: 0 0 5px 0;
}

/* Tag cloud */

.jaywayCloud {
	border-bottom: 1px solid #E9E9E9;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}	

.jaywayCloud h2 {
	cursor: pointer;
	display: inline;
}

.jaywayCloud h2:hover {
	color: #BDD542;
}

.jaywayCloud .fontXLarge { font-size: 4.8em; }
.jaywayCloud .fontLarge { font-size: 4.0em; }
.jaywayCloud .fontMedium { font-size: 3.0em; }
.jaywayCloud .fontSmall { font-size: 2.4em; }

/* 7. Misc.
*************************************************************************************/

body#grid
{
    background: transparent url(/img/grid.png) repeat-y center center;
}

a.ddogHide { position: absolute; left: -9999px; top: 0; }

.jayviewOlderIssues img { margin-right: 15px; }

#ourContributions p, #ourContributions ul { margin-bottom: 14px;}

#ourContributions ul { font-size: 1.4em; line-height: 160%;}

#ourContributions ul li { list-style: disc outside none; }


/* 8. Streamsource
*************************************************************************************/
div .streamflow-nav {
  position: relative;
  top: -40px;
  border-bottom: #d4d4d4 1px solid;
}

div .streamflow-nav-item {
  margin: 5px;
  pading: 5px;
  font-size: 120%;
  font-weight: bold;
}

div .streamflow-boxes {
  position: relative;
}
div .streamflow-box-back {
  position: relative;
  top: -40px;
  left: 380px;
}

div .streamflow-box {
  border: #1fb2e8 1px solid;
  width: 400px;
  /*height: 220px;*/
  margin: 20px;
  padding: 10px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}





































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */