body {
	margin: 0;
	padding: 0;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	color: #025679;
	background-color: #fefefe;
	background-image: url(bg_learning.gif);
	background-repeat: repeat-x;
}

#pageContainer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#header { border: 1px solid #b4bf52; height: 140px; /* THE REAL COLOUR ! background: #b6c71b; */ background: #b6c71b; }

#header img { position: relative; top: 90px; left: 50px; }

#header #headerRight div { position: relative; top: 38px; left: 605px; width: 100px; font-size: 1.2em; padding-bottom: 1px; }
* html #header #headerRight div { padding-bottom: 0px; }

/* #header #headerRight div { padding-bottom: 2px; } */

#header #headerRight a { color: #ffffff; text-decoration: none; }
#header #headerRight a:hover { text-decoration: underline; }

#navBar { background: #0078ad; padding: 5px; text-indent: 50px; color: #ffffff; }

#navBar ul { padding: 0; margin: 0; list-style: none; }

#navBar  li { display: inline; border-right: 1px solid white; }

#navBar  li.lastNav { border-right: 0px solid white; }

#navBar a { color: #ffffff; text-decoration: none; padding-left: 4px; padding-right: 4px;  }
#navBar a:hover { text-decoration: underline; }
#navBar a.active { font-weight: bold; }
#navBar a.active:hover { text-decoration: none; }

#sizeBar { border-top: 0px solid #0078ad; color: #ffffff; width: 70px; float: right; padding-top: 2px;  background: #0078ad; }
* html #sizeBar { border-top: 1px solid #0078ad; }

#sizeBar .smallText { font: normal 0.8em Arial, Helvetica, sans-serif; }
#sizeBar .mediumText { font: normal 1.2em Arial, Helvetica, sans-serif; }
#sizeBar .largeText { font: normal 1.5em Arial, Helvetica, sans-serif; }

#sizeBar a { text-decoration: none; color: #ffffff; }

#outer_wrapper { background: #fff url(../grcs/backgrounds/background_.gif) repeat-y left; }

#wrapper { background: url(../grcs/backgrounds/background_2.gif) repeat-y right; }

#container { width: 100%; float: left; margin-right: -200px; background: url(../grcs/backgrounds/background_2.gif) repeat-y right; }

#content { margin-right: 200px; margin-bottom: 30px; /* background: url(../grcs/backgrounds/background_3.gif) repeat-y left; */ }

#main { margin-left: 167px; margin-right: 2em; padding-top: 1.5em; }

#main a { color: #025679; }

/* #main form { border: 1px solid black; } */

#main h1, #main h2 { position: relative; z-index: 2; padding-left: 0.7em; padding-top: 0.05em; padding-bottom: 0.05em; color: white; background: #0078ad; font-weight: normal; margin: 0; margin-bottom: 5px; /* text-indent: 1em; */ }

* html #main h2 { font-size: 1.6em; }

#main h3, #main h4, #main h5 { padding-left: 0.7em; }

#main p.bodytext { margin-left: 1em; } 

#main p.bodytext a { font-weight: bold; } 

table.csc-mailform td p { margin: 0; padding: 0; }

#left { width: 150px; float: left; border-right: 1px solid #0078ad; margin-top: 1.5em; text-align: right; }

#left ul { padding: 0; padding-right: .5em; margin: 0; list-style: none; font-size: 1.2em; }

#left ul li { margin-bottom: 7px; }

#left ul li a { color: #025679; text-decoration: none; }

#left ul li a:hover { text-decoration: underline; }

#left ul li.leftNavigationButtonOn { font-weight: bold; }

#left h1, #left h2, #left h3, #left h4, #left h5 { position: relative; padding-right: 0.3em; padding-top: 0.05em; padding-bottom: 0.05em; color: white; background: #0078ad; font-weight: normal; margin: 0; margin-bottom: 8px; text-align: right;  }

* html #left h2 { font-size: 1.6em; }

#acLogo { text-align: left; margin-left: 15px; margin-top: 180px; }

#sidebar { width: 190px; float: right; padding-top: 1.5em; }

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5 { padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; font-weight: normal; margin: 0; color: #025679; }

* html #sidebar h2 { font-size: 1.6em; }

#sidebar p { padding-left: 1em;  padding-right: 0.5em; padding-bottom: 0.5em; margin: 0; }

#sideBarNonEdit { padding-top: 3em; }

div.validationLinks { padding-left: 1em; padding-bottom: 0.5em; width: 90px; }

#footer { background: #fefefe; }

#topLink { margin-left: 167px; margin-top: 2em; background: url(../grcs/elements/up_arrow.gif) no-repeat 0.3em 0; }
#topLink a { border-bottom: 1px solid #025679; border-left: 1px solid #025679; padding: 2px 1em 2px 1.5em; text-decoration: none; }

#printLink { margin-top: -1em; margin-right: 2em; float: right; background: url(../grcs/elements/printer_icon.gif) no-repeat 0.5em 0; }
#printLink a { border-bottom: 1px solid #025679; border-left: 1px solid #025679; padding: 2px 1em 2px 2em; text-decoration: none; }

h1 { margin-top: 0; }

table.csc-uploads { width: 100%; padding: 0; margin: 0; border-collapse: collapse; border-top: 1px solid #025679; border-left: 1px solid #025679; border-right: 1px solid #025679; }

table.csc-uploads tr.tr-even { vertical-align: top; padding: 0; margin: 0; background: #D2E8B2; }
table.csc-uploads tr.tr-odd { vertical-align: top; padding: 0; margin: 0; }

table.csc-uploads tr td { padding: 0; margin: 0; border-bottom: 1px solid #025679; }

table.csc-uploads tr.tr-even td.csc-uploads-icon { padding-top: 5px; padding-left: 5px; width: 30px;}
table.csc-uploads tr.tr-odd td.csc-uploads-icon { padding-top: 5px; padding-left: 5px; width: 30px;}

table.csc-uploads tr.tr-even td.csc-uploads-icon a {}
table.csc-uploads tr.tr-odd td.csc-uploads-icon a {}

table.csc-uploads tr.tr-even td.csc-uploads-icon a img {}
table.csc-uploads tr.tr-odd td.csc-uploads-icon a img {}

table.csc-uploads tr.tr-even td.csc-uploads-fileName { padding: 5px; }
table.csc-uploads tr.tr-odd td.csc-uploads-fileName { padding: 5px; }

table.csc-uploads tr.tr-even td.csc-uploads-fileName p { padding: 0; margin: 0; }
table.csc-uploads tr.tr-odd td.csc-uploads-fileName p { padding: 0; margin: 0; }

table.csc-uploads tr.tr-even td.csc-uploads-fileName p a { font-weight: bold; font-size: 110%; }
table.csc-uploads tr.tr-odd td.csc-uploads-fileName p a { font-weight: bold; font-size: 110%; }

table.csc-uploads tr.tr-even td.csc-uploads-fileName p.csc-uploads-description { margin-top: 10px; }
table.csc-uploads tr.tr-odd td.csc-uploads-fileName p.csc-uploads-description { margin-top: 10px; }

table.csc-uploads tr.tr-even td.csc-uploads-fileSize { padding: 5px; width: 50px; }
table.csc-uploads tr.tr-odd td.csc-uploads-fileSize { padding: 5px; width: 50px; }

table.csc-uploads tr.tr-even td.csc-uploads-fileSize p { padding: 0; margin: 0; }
table.csc-uploads tr.tr-odd td.csc-uploads-fileSize p { padding: 0; margin: 0; }

table.contenttable { padding: 0; margin: 0; border-bottom: 1px solid #025679; padding-bottom: 10px; }
table.contenttable td { vertical-align: top; padding: 3px; margin: 0; }
table.contenttable td.td-0 { padding-right: 10px; }

table.csc-mailform { padding: 0; margin: 0; width: 50%; }

table.csc-mailform td { border-bottom: 0px solid #025679; width: 40% }

table.contenttable p { padding: 0; margin: 0; }

div.pdp_box, div.pdp_boxOne, div.pdp_boxTwo { margin-left: 1em; }

table.skills_and_knowledge tr td { padding-left: 0.5em; color: #025679; font-size: 80%; }

table.skills_and_knowledge td.expert { border: 0px solid black; text-align: right; padding-right: 4px; }

.pdp_boxTwo table {
 background-color: #F9FBFD;
 color: #000000;
 width: 370px;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
} 

.pdp_boxTwo table.learning_methods tr td { padding-left: 0.5em; color: #025679; font-size: 80%; }

.pdp_boxTwo table.skill_development tr td { padding-left: 0.5em; color: #025679; font-size: 80%; }

.pdp_boxTwo table.learning_action tr td { padding-left: 0.5em; color: #025679; font-size: 80%; }

table.skills_and_knowledge, table.learning_methods, table.skill_development { width: 95%; }

table.skills_and_knowledge td.left { width: 30%; }
table.skills_and_knowledge td.right { width: 70%; }

input.skill_title { width: 95%; }
input.skill_level { width: 97%; }

.pdp_boxTwo textarea { width: 100%;  background: #F9FBFD; }

p.pdpTextArea textarea { width: 95%; }

/* Julle Event CSS */

div.tx-julleevents-pi1 { /*  border: 1px solid black; */ }

div.tx-julleevents-pi1-categorySelector { }


div.tx-julleevents-pi1-listrowFrontPage { /* border: 1px solid green; */ }
#main p.tx-julleevents-pi1-listrowFrontPageField-title { font-weight: bold; font-size: 120%; margin: 0.7em 0.7em 0.2em 0.7em; padding: 3px; background-color: #0078ad; }
#main p.tx-julleevents-pi1-listrowField-title { font-weight: bold; font-size: 120%; margin: 0.7em 0.7em 0.2em 0.7em; padding: 3px; background-color: #0078ad; }

#main div.tx-julleevents-pi1 p.bodytext { padding:0; margin: 0.2em 0.2em 0.2em 0.7em; }

p.tx-julleevents-pi1-listrowFrontPageField-datetime { margin: 0.7em 0.7em 0.2em 0.7em; }
#main p.tx-julleevents-pi1-listrowFrontPageField-teaser { margin: 0.5em 0em 0em 0.7em; padding-bottom: 0.7em; }

div.tx-julleevents-pi1-singleView p.tx-julleevents-pi1-singleViewField-title { margin-left: 0.7em; }
div.tx-julleevents-pi1-singleView p.tx-julleevents-pi1-singleView-Menu { margin-left: 0.7em; }

div.tx-julleevents-pi1-listrow { padding-left: 0.7em; /* border: 1px solid green; */ }
p.tx-julleevents-pi1-listrowField-title { font-weight: bold; font-size: 120%; margin: 0.7em 0.7em 0.2em 0.7em; }
p.tx-julleevents-pi1-listrowField-datetime { margin: 0.7em 0.7em 0.2em 0.7em; }
#main p.tx-julleevents-pi1-listrowField-teaser { margin: 0.7em 0.7em 0.2em 0.7em; padding-bottom: 0.7em; }

div.tx-julleevents-pi1-searchbox { margin: 0.7em 0.7em 0.2em 0.7em; }

div.tx-julleevents-pi1-singleView p.tx-julleevents-pi1-singleView-Menu { visibility: hidden; }

div.tx-julleevents-pi1-browsebox { margin: 0.7em 0.7em 0.2em 0.7em; }

div.tx-julleevents-pi1-browsebox p { border-top: 1px solid black; border-bottom: 1px solid black; padding: 5px 0; margin: 0; }
div.tx-julleevents-pi1-browsebox table { padding: 0; margin: 0; }
div.tx-julleevents-pi1-browsebox table p { border-top: 0px solid black; border-bottom: 0px solid black; padding: 0; margin: 0; }
div.tx-julleevents-pi1-browsebox p span.tx-julleevents-pi1-browsebox-strong { font-weight: bold; }

#main div.tx-julleevents-pi1-listrowFrontPage p.tx-julleevents-pi1-listrowFrontPageField-title a { color: white; font-weight: bold; text-decoration: none; }
#main div.tx-julleevents-pi1-listrow p.tx-julleevents-pi1-listrowField-title a { color: white; font-weight: bold; text-decoration: none; }

/*  .last { margin-bottom: 0; padding-bottom: 10px; } */




/*
div.csi-textpic { padding: 5px; border: 1px solid black; margin-top: 1px; }
div.csi-image { padding: 5px; border: 1px solid black; }
*/

/******************************************/
/* default styles for extension "tx_slcssimgtext" */
/*
Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
(c) the TYPO3 content rendering group
*/
/* COMMON */
.csi-textpic { position: relative; background: white; } /* border: 2px solid green;  padding: 5px; background: #DDDDFF; */
.csi-text p.bodytext { position: relative; } /*  background: transparent; */
.csi-textpic img { position: relative; z-index: 5; margin: 4px; } /* border: 1px solid black; */
.csi-textpic .csi-caption { position: relative; text-align: center; font-style: italic; }
.csi-textpic .csi-image { position: relative; width: auto; } /* border: 1px solid red; margin: 0 0 3px 0;  background: #FFF; */

.csi-textpic .csi-imagewrap { position: relative; text-align: center; } /* border: 1px solid blue; */

.csi-textpic .csi-text { position: relative; text-align: left; } /* border: 1px solid silver; */
.csi-text p { position: relative; margin-top: 0; }
/* CENTER */
.csi-center .csi-image {position: relative; margin: 0 auto 3px; }
/* RIGHT */
.csi-right div.csi-image { position: relative; float: right; }
.csi-right div.csi-text { position: relative; clear: right; }
/* LEFT */
.csi-left div.csi-image { position: relative; /* float: left; */ }
.csi-left div.csi-text { position: relative; /* clear: left; */ }
/* INTEXT LEFT */
.csi-intext-left .csi-image { position: relative; float: left; /* clear: both; */ margin-right: 5px; }
/* INTEXT RIGHT */
.csi-intext-right .csi-image { position: relative; float: right; /* clear: both; */ margin-left: 5px; }
/* INTEXT RIGHT NOWRAP */
.csi-intext-right-nowrap .csi-text { position: relative; margin-right: 215px; /* margin-right: auto; */ margin-left: 5px; }
.csi-intext-right-nowrap .csi-image { position: relative; float: right; clear: both; }
/* INTEXT LEFT NOWRAP*/
.csi-intext-left-nowrap .csi-text { position: relative; margin-left: 215px; /* margin-left: auto; */ }
.csi-intext-left-nowrap .csi-image { position: relative; float: left; /*clear: both;*/ }