/* GENERAL STYLES */
html, body{
	padding: 0px;
	margin: 0px;
	border: none;
}
body {
	/*background: #f6f7f7 url(img/body_bg.gif) center repeat-y;*/
background: #fff;
	font-family: Arial, Helvetica, sans-serif; color: #00004a;	
	font-size: 12px;
}
    
iframe.tourIframe{width: 750px; height: 470px; border: 1px solid white;}
img {border: 0;}

.wrapper{width: 990px !Important; margin: auto; padding: 0px; text-align: left; position: relative}

#umbracoFormNavigation {
	margin: 10px 0; padding-top: 10px; border-top: 1px solid #ccc Important;
}

#textpageSections { margin-top: 25px; margin-bottom: 25px; }

#textpageNavigation { font-size: 1.1em; float: left; margin-left: 20px; width: 200px; }

#textpageNavigation ul li { list-style: none; margin-left: -40px; }

#textpageNavigation a { text-decoration: none; color: #00004a; }

#textpageNavigation .current { font-weight: bold; }

#textpageNavigation #textpageSubNavigation { list-style: none; padding-left: 20px; }

#textpageContent { text-align: left; float: left; position: relative; width: 540px; padding: 0 25px 25px 25px; border-left: solid 1px #F0F2F2; border-right: solid 1px #F0F2F2; min-height: 250px; }

#textpageContent h2 { color: #00004a; }

#textpageHighlights { text-align: left; float: left; position: relative; margin-left: 20px; margin-bottom: 10px; width: 150px; }

#textpageHighlights div { background-color: #ebebeb; padding-left: 3px; padding-right: 3px; }

#textpageHighlights h1 { color: #00004a; font-size: 13px; }

#textpageHighlights p { color: #00004a; font-size: 12px; font-weight: normal; }

#textpageContent tr td { background-color: #9edaa9; height: 15px; padding: 10px; }

#textpageContent td#columnText { width: 125px; font-weight: bold; vertical-align: top; }

#textpageContent td#columnData { width: 415px; }

#competenceContent tr#competenceHeader { font-weight: bold; vertical-align: bottom; }

#competenceContent td#columnCompentence { width: 340px; }

#competenceContent td#columnExperience { width: 40px; text-align: center; }

#competenceContent td#columnLastUsed { width: 40px; text-align: center; }

#competenceContent td#columnLevel { width: 120px; }


#codegardenBanner{display: block; margin: 20px; margin-top: -20px; margin-bottom: 10px;}

/* Frontpage section */
#frontpageSections {
	margin-bottom: 20px; 
}

#frontpageSections p {
	margin: 0; padding: 0; clear: both;
}

#frontpageSections div p {
	color: #fff;
	margin: 35px 20px 0 25px;
}

#frontpageSections a {
	color: #fff;
}

#consultantcy h3 {
	color: #fff;
	font-size: 18px;
	margin: 15px 20px 0 23px;
}

#consultantcy h4 {
	color: #fff;
	margin: 20px 20px 0 23px;
	height: 85px;
	font-size: 12px;
	font-weight: normal;
}

#cv h3 {
	color: #fff;
	font-size: 18px;
	margin: 15px 20px 0 23px;
}

#cv h4 {
	color: #fff;
	margin: 20px 20px 0 23px;
	height: 85px;
	font-size: 12px;
	font-weight: normal;
}

#powertas h3 {
	color: #fff;
	font-size: 18px;
	margin: 15px 20px 0 23px;
}

#powertas h4 {
	color: #fff;
	margin: 20px 20px 0 23px;
	height: 85px;
	font-size: 12px;
	font-weight: normal;
}


/* LOVE SECTION */
#loveSections {
	margin-bottom: 20px;
}


#loveSections p {
	margin: 0; padding: 0;clear: both;
}


#loveSections ul {
	margin: 15px 20px;
	padding: 10px 5px 10px 20px;	
}




#loveSections div p {
	color: #fff;
	margin: 35px 20px 0 25px;
}


#loveSections a {
	color: #fff;
}


#loveSections ul li {
	line-height: 150%;
}




#editors h3 {
	color: #fff;
	font-size: 18px;
	margin: 15px 20px 0 23px;
}


#designers h3 {
	color: #fff;
	font-size: 18px;
	margin: 15px 20px 0 23px;
}


#developers h3 {
	color: #fff;
	font-size: 18px;
	margin: 15px 20px 0 23px;
}


#loveSections div {
	float: left;
	margin: 0 0 0 20px;
	width: 300px;
	height: 230px;
	color: #fff;
}

#frontpageSections div {
	float: left;
	margin: 0 0 0 22px;
	width: 300px;
	height: 230px;
	color: #fff;
}
#frontpageSections #consultantcy {
	background: url(../images/bgKonsulent.png) no-repeat;
}

#frontpageSections #cv {
	background: url(../images/bgCurriculumVitae.png) no-repeat;
}

#frontpageSections #powertas {
	background: url(../images/bgPowertas2009.png) no-repeat;
}

#loveSections #editors {
	background: url(/img/ThomassoftFrontpageImage.png) no-repeat;
}


#loveSections #developers {
	background: url(/img/bgDevelopers.png) no-repeat;
}


#loveSections #designers {
	background: url(/img/bgDesigners.png) no-repeat;
}


/*FONTS */
h1, h2, h3, h4, h5, p{font-family: Arial, Helvetica, sans-serif; color: #333;}
a{color: #1A6AB3;}
h1 a, h3 a, h4 a, h5 a{color: #1A6AB3; text-decoration: none;} 
h1 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{text-decoration: underline;} 

p{font-size: 12px; margin-top: 7px; margin-bottom: 15px; color: #333; line-height: 18px}
small{font-size: 11px; color: #5b5b5b;}
strong { font-weight: bold; }

em{color: #332e2e; font-style: italic; }
h1{font-size: 28px; font-weight: bold;}
h2{font-size: 18px; font-weight: bold; margin-top: 0px;}
h3{font-size: 14px; font-weight: bold;}
h3.pink a{color: #d02964 !Important; padding-right: 20px; text-decoration: underline;}

h3.grey{font-size: 16px; color: #595a5a; font-weight: bold; }
h4.grey{font-size: 14px; color: #595a5a; font-weight: bold; border-bottom: 1px solid #C9C9C9; }
h4.grey a{color: #d02964; font-weight: normal; font-size: 11px; text-decoration: underline; padding-left: 20px; clear: both}






/******************* TOP */

#navigation{height: 49px; background-image: url(../images/ThomassoftMenuBg.png); background-color: #7ec245; padding-left: 40px; border-bottom: 2px solid #066808; position: relative;}

#navigation a#logo{background-image: url(../images/ThomassoftLogo.png); padding-left: 231px; padding-top: 38px; width: 0px; height: 0px; overflow: hidden; display: block; float: left; margin-top: 7px;}

#navigation ul{float: right; list-style: none; margin: 27px 38px 0 0; padding: 0px; height: 29px; display: block;}
#navigation ul li{display: block; float: left; padding: 0; padding-left: 5px; height: 29px;}

#navigation ul li a{
/*-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
*/
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#066808;

color:#FFFFFF;
display:block;
font-family:Trebuchet MS,Arial,sans-serif;
font-size:1.1em;
font-variant:normal;
font-weight:bold;

padding: 3px 7px;

text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li.current a{background: #66dd33;}


#navigation #loggedIn{position: absolute; top: 5px; right: 17px; font-size: 11px; color: #467120; text-align: right; width: 700px;}
#navigation #loggedIn a{color: #fff;}
#navigation #loggedIn div{display: inline !Important;}

/******************** HEADER */	
#frontIntro {
		background: #fff; 
		margin-bottom: 33px; 
		padding: 40px;
		padding-left: 0px !Important; 
		border-bottom: 2px solid #F0F2F2;
		text-align: left;
		position: relative;
		}


#header {
		padding: 20px 0px 0px 15px; 
		text-align: left;
		position: relative;
}


#header .breadcrumb {
	display: block;
}


#header ul {
	margin: 0; padding: 10px 0; list-style: none; height: 10px;
}
#header li {
	float: left; margin-right: 5px;
	font-size: 80%;
	color: #999;
}



.sIFR-hasFlash #header h1 {color: #fff; height: 36px;} 
#frontIntro {height: 200px; background: url(../images/ThomassoftFrontpageImage.png) 0px no-repeat; }

#frontIntro h1 {
	visibility: hidden;
}
#frontIntro h3 {
	visibility: hidden;
}


#header p {
	color: #083e09;
}

#frontTextpage {height: 100px; background: url(../images/ThomassofttextpageImage.png) 0px no-repeat; border-bottom: 2px solid #F0F2F2;
}


/******************** MAIN */
#main{padding: 0px 0px 0px 15px;}


.left{float: left; width: 606px;}
.right{float: right; width: 300px; text-align: right; padding-right: 15px;}


.oppositeCols .left{float: right;}
.oppositeCols .right{float: left;}

.fullWidth .right{display: none !Important;}
.fullWidth .left{float: none; width: 100%;}


/* SIDENAV - Lists and boxes */
#main #sidenavigation p{font-size: 11px;}
#main #sidenavigation a{font-size: 11px;} 

#main #sidenavigation ul, #main #sidenavigation div.box{display: block; padding: 0px 0px 6px 0px; margin: 0 0 20px 0; border: 1px solid #f2f2f2; list-style: none; background: url(img/main_sidenavigation_ul_bg.gif) repeat-x top #f6f7f7;}
#main #sidenavigation ul li.header, #main #sidenavigation div.box .header{
		padding: 10px; border-bottom: #f0f0f0 1px solid; 
		background: #f0f2f2; font-weight: bold; font-size: 12px; color: #444444; margin: 0px; 
		line-height: 12px;
		display: block;}


#main #sidenavigation ul li{margin: 0px; padding: 0px; display: inline;}
#main #sidenavigation ul a{display: block; height: auto; padding: 6px 10px 0px 10px; font-size: 11px;}
#main #sidenavigation ul p{padding: 6px 10px 0px 15px;}
#main #sidenavigation ul a:hover{background: #fafcfc;}
#main #sidenavigation ul a.feed{padding-left: 30px !Important;  background: url(/media/6018/feed-icon-14x14.png) 10px 5px no-repeat;}

#main #sidenavigation ul li ul.sub{margin: 0px; padding: 0px;
border: none; background: none; padding-left: 25px !Important;}
#main #sidenavigation div.boxContent{padding: 10px;}

#main #sidenavigation input#searchField{width: 200px; padding: 3px; border: 1px solid #a5acb2;}
#main #sidenavigation input#searchButton{font-size: 10px;}

#main #sidenavigation .videoProfile div{padding: 6px 10px 0px 15px; font-size: 11px; display: block; line-height: 19px;}
#main #sidenavigation .videoProfile a{display: inline; padding: 0px;}
#main #sidenavigation .videoProfile em{color: red;}



/* CONTENTS RELATED RULES */
#main #contents h2, #main #contents h3{margin-bottom: 2px; clear: both;}
#content {min-height: 400px;}
/******************** FOOTER */

#footer{clear: both; padding-left: 15px; font-size: 10px; border-top: 1px solid #ccc;} 
#footer .right, #footer .left{padding-top: 15px; padding-bottom: 15px; }

/* fixed centered width */

#footer .left {width: 625px;}
#header, #main, #footer{text-align: left;}



/* Autoform */
  #umbracoAutoForm fieldset {border:none;}
  #umbracoAutoForm p {padding-bottom: 1em;border-bottom:1px solid #ccc;}
  #umbracoAutoForm legend {display:none;}
  #umbracoAutoForm label {float: left; width: 22em;}
  #umbracoAutoForm td input {width: 2em; float: left;}
  #umbracoAutoForm td label {width: 8em; margin-left: 5px; float: left;}
  .umbracoAutoFormAlert {color: red;margin-left: 15em;}
  #umbracoAutoForm input, textarea, select {width: 17em;}
  .umbracoAutoFormValidationSummary {display: none;}
.umbracoAutoFormRowDescription {
	font-weight: normal;
	font-size: 80%;
	color: #999;
}
#umbracoAutoForm small{display: block}


body.fullContent #contents{width: 100%;}
body.fullContent #sidenavigation{display: none !Important;}


.umbMailFormLabel {float: left; width: 15em;}
 
#contents input {width: 17em;}
#contents textarea {width: 17em; height: 15em;}

.csharpcode, .csharpcode pre
{
?font-size: small;
?color: black;
?font-family: Consolas, "Courier New", Courier, Monospace;
?background-color: #ffffff;
?/*white-space: pre;*/
}

.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
?background-color: #f4f4f4;
?width: 100%;
?margin: 0em;
}

.csharpcode .lnum { color: #606060; }

/* hacks */
#umbMailForm_3_comment {height: 150px;}

.helpWindow {
	border: 1px solid #ccc;
	padding: 5px;
	width: 600px;
	height: 270px;
	overflow: scroll;
}



.error, .notice, .success {padding:.8em; padding-top: 0em; padding-bottom: 0em; margin-bottom:.5em;border:2px solid #ddd;}
          .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
          .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
          .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
          .error a {color:#8a1f11;}
          .notice a {color:#514721;}
          .success a {color:#264409;}




.umbracoAutoFormRowDescription{
	font-weight: normal;
	font-size: 80%;
	color: #999; clear: both; display: block; height: 20px;
}

/*
#umbracoAutoForm table{width: 17em; float: right; clear: both; display: block}
*/

.small {
	font-size: 80%;
	color: ccc;
}


/* Generel error / success / notice classes, as seen in the umbraco installer. */
.umbError, .umbNotice, .umbSuccess {padding:.8em; padding-top: 0em; padding-bottom: 0em; margin-bottom:.5em;border:2px solid #ddd;}
.umbError {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.umbNotice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.umbSuccess {background:#E6EFC2;color:#264409;border-color:#C6D880;}

.umbError a {color:#8a1f11;}
.umbNotice a {color:#514721;}
.umbSuccess a {color:#264409;}

.umbNotice p, .umbSuccess p{
border: none !Important; padding-bottom: 0px !Important; margin-bottom: 10px !Important; 
}

.cartFlow{background: #F0F2F2; font-size: 16px; font-weight: bold; padding: 5px; height: 35px !Important; display: block;}
.cartFlow a{color: #999999 !Important;}
.cartFlow li{padding: 10px;}
.cartFlow li.current{background: none; color: #000 !Important;}

#umbracoFormNavigation{display: block;}
#umbracoFormNavigation .next{float: right !Important; clear: right;}
#umbracoFormNavigation .prev{float: left !Important; clear: left;}


.umbracoFormTab small{display: block; width: 200px; float: left; padding: 5px;}



/* SUBMITTED SITES */

#tagSelector{height: 100px; padding: 7px; display: block; list-style: none; 
background: #F6F7F7 url(img/main_sidenavigation_ul_bg.gif) repeat-x center top; 
margin-bottom: 20px; border: 1px solid #F2F2F2}

#tagSelector li{float: left; margin: 0px; display: block; width: 200px; padding: 5px;}
#tagSelector li a{padding: 3px;}
#tagSelector li a.current{font-weight: bold;}
#tagSelector li.header{width: 100%; float: none; color: #444444; font-weight: bold; text-size: 12px;}

#viewToggle{text-align: center; display: block; width: 120px; padding: 6px; border: solid 1px #e7e7e7; text-decoration: none; clear: both; margin-bottom: 20px; }

#featuredSites{display: block; margin: 0px; padding: 0px;}

#featuredSites li{display: block; text-align: center; width: 297px; height: 270px; float: left; margin: 0px 10px 14px 0px; padding: 7px;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 2px solid #E7E7E7;
border-bottom: 2px solid #E7E7E7;
overflow: hidden
}

#featuredSites li a.thumb{display: block; margin: auto; background: #FAFAFA no-repeat top center; width: 297px; padding-top: 230px; height: 1px; overflow: hidden;}
#featuredSites li h5{margin-top: 12px; padding: 5px; font-size: 13px; font-weight: normal;}
#featuredSites li p{display: none;}



#sites.grid{display: block; margin: 0px; padding: 0px;}

#sites.grid li{opacity:0.2; display: block; text-align: center; width: 135px; height: 135px; float: left; margin: 0px 10px 14px 0px; padding: 7px;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 2px solid #E7E7E7;
border-bottom: 2px solid #E7E7E7;
overflow: hidden
}

#sites.grid li a.thumb{display: block; margin: auto; background: #FAFAFA no-repeat top center; width: 136px; padding-top: 101px; height: 1px; overflow: hidden;}
#sites.grid li h5{margin-top: 7px; padding: 5px; font-size: 11px; font-weight: normal;}
#sites.grid li p{display: none;}
#sites.grid li.show{opacity: 0.99;}

#sites.list{display: block; margin: 0px; padding: 0px; width: auto;}

#sites.list li{opacity: 0.99 !Important; display: none; border-bottom: 1px solid #ccc; text-align: left; 
padding: 10px 10px 10px 150px; position: relative; min-height: 90px; height: auto !Important; height: 90px;}

#sites.list li a.thumb{display: block; border: 1px solid #999; background: no-repeat top center; width: 115px; padding-top: 81px; height: 1px; 
overflow: hidden; position: absolute; top: 15px; left: 10px;}

#sites.list li h5{margin: 2px 0px 5px 0px; padding: 2px; font-size: 16px;}

#sites.list li p{}
#sites.list li.show{opacity: 0.99 !Important; display: block;}















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