/* ****** Base elements ****** */
div.container {
	position: relative;	
}

#contentwrapper,
#header {
	position: absolute;
}

#header {
	height: 12em;
	top: 0;
	left: 0;
	background: transparent url(../images/logo.png) no-repeat 0 1em;	
}
#contentwrapper {
	top: 13em;
	left: 0;
}

#content {
	margin-bottom: 1em;	
}

.contentindent {
	padding: 0 1em;	
}

/* ****** General links ****** */
a {
	text-decoration: underline;
	color: #336699;
}

/* ****** Headlines ****** */
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
}
h1 {
	font-size: 1.6em;
	color: #333;
}
h2,
#contentcolumn h5 {
	font-size: 1.4em;
	color: #666;
	margin: 0 0 0.4em;
	
}
h3 {
	font-size: 1.2em;
	color: #666;
	margin-bottom: 0.4em;
}
h4 {
	font-size: 1.2em;
	color: #666;
	margin: 0;
}
h5 {
	color: #666;
	margin: 0;
}

/* ****** Text ****** */
p {
	color: #666;
	margin: 0 0 1em;
}
p.socialnetworking {
	margin: 0;
}
p.socialnetworking a {
	background-image: none;
	margin: 0;
	padding: 0;	
}

/* ****** Lists ****** */
ul.lstoff {
	list-style-type: none;
	margin: 0;
}
ul.filelist {
	margin: 0 0 1em 0;
}
ul.filelist li {
	padding: 0.2em 0;
}

/* ****** General classes ****** */
.noborder,
.noborder > * {
	border: none !important;	
}

/* ****** Input Submits ****** */
input[type=button],
input[type=submit] {
	background-color: #98C511;
	border: 1px solid #ccc;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	xxxpadding: 1px 6px;
	padding: 2px 6px;
	outline: none;
	font-size: 11px;
	color: #fff;
	cursor: pointer;
	font-family: inherit;
}
input[type=button]:hover,
input[type=submit]:hover {
	background-color: #86AE0F;
	color: #eee;
}

/* ****** Navigation ****** */
#navigation {
	clear: both;
	position: absolute;
	bottom: 2.7em;
	left: 0;
	border-bottom: 2px solid #D64817;
}
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
#navigation ul li {
	display: inline;
	float: left;
	margin: 0 12px 0 12px;
}
#navigation ul li.last {
	margin-right: 0;	
}
#navigation ul li a {
	text-decoration: none;
	color: #999;
	padding: 6px 0;
	display: block;
	float: left;
	text-transform: uppercase;
	font-size:14px;
}
#navigation ul li.active { }
#navigation ul li.active a,
#navigation ul li a:hover {
	color: #d64817;
}
/* ****** Searchbox ****** */
#livesearchwrapper {
	position: absolute;
	bottom: 0;
	right: 0;
}
#livesearch {
	background-color: #666;
	margin: 0;
	padding: 14px 10px 5px;
}
#livesearch a {
	color: #fff;
	text-decoration: none;
	padding: 3px 0 0 2px;
	display: block;	
}
#livesearch a:hover {
	color: #98C511;
}
#livesearch input.text {
	width: 144px;
	color: #999;
	font-size: 11px;
	font-weight: normal;
	border: none;
	border: none;
	margin: 0;
	padding: 4px 60px 4px 4px;
}
#livesearch input.opened {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-radius-bottomleft: 0;
	-webkit-border-radius-bottomright: 0;
}
#findbutton {
	position: absolute;
	top: 15px;
	right: 13px;
}

/* ****** Subnavigation ****** */
#subnavigation {
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 32px;
	overflow: hidden;
	background-color: #eee;
	border-top:1px solid #FFFFFF;
}
#subnavigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 32px;
}
#subnavigation ul li {
	display: inline;
	float: left;
	padding: 6px 0;
	margin: 0 12px;
}
#subnavigation ul li a {
	text-decoration: none;
	color: #999;
}
#subnavigation ul li.active a,
#subnavigation ul li a:hover {
	color: #666;
}

/* ****** Metanavigation ****** */
#metanavigation {
	clear: both;
	position: absolute;
	top: 0;
	right: 0;
}
#metanavigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}
#metanavigation ul li {
	display: inline;
	float: left;
	margin: 0.4em 0 0 0.2em;
}
#metanavigation ul li a {
	text-decoration: none;
}
#metanavigation ul li a.rss {
	margin-left: 40px;	
}

/* ****** Footer ****** */
#footer {
	background-color: #eee;
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 1em;
}
#footer ul li { }
#footer ul li a {
	text-decoration: none;
}
#footer ul li.head { }
#footer ul li.head a {
	font-weight: bold;
	color: #666;
}

/* ****** Containercolumn ****** */
#containercolumn h5 {
	font-weight: bold;
	color: #efefef;
	margin: 0.4em 0 0 0;
	padding: 0.4em 1em;
	background-color: #999;
}
#containercolumn h5.first {
	margin-top: 0;
}
#containercolumn h5.newMail {
	background-color: #D64817;
}
#containercolumn h5.newMail a.button {
	font-weight: normal;
	background-color:#efefef;
	color: #333;
	margin-right: 0;
}
#containercolumn ul { }
#containercolumn ul li {
	border-bottom: 1px dotted #bbb;
	padding: 0.4em 0;
	color: #fff;
}
#containercolumn ul li.last {
	border: none;	
}
#containercolumn ul li a {
	text-decoration: none;
}
#containercolumn ul.projectlist,
#containercolumn ul.profilelist {
	margin: 0;
	margin-bottom: 0.8em;
	background-color: transparent;
}
#containercolumn ul.projectlist li,
#containercolumn ul.profilelist li { }

#containercolumn ul.profilelist li,
#containercolumn ul.projectlist li {
	border: none;
	background-color: #f9f9f9;
	display: block;
	clear: both;
	margin-bottom: 2px;
	padding: 0;
	clear: both;
	position: relative;
	height: 60px;
}
#containercolumn ul.projectlist li a.linkprojectimage,
#containercolumn ul.profilelist li a.linkprofileimage {
	position: absolute;
	top: 0;
	left: 0;
}
#containercolumn ul.profilelist li a.linkprofilename,
#containercolumn ul.projectlist li a.linkprojectname {
	position: absolute;
	top: 16px;
	left: 64px;
}
#containercolumn ul.profilelist li a.linkprofilename:hover,
#containercolumn ul.projectlist li a.linkprojectname:hover {
	color: #336699;	
}
#containercolumn ul.projectlist li ul.rating {
	top: 36px;
	left: 60px;	
}
#containercolumn ul.projectlist li ul.rating li {
	height: auto;
	padding: 0;
	margin: 0;
}
/* ****** Actionbox ****** */
#containercolumn div.actionbox h5 {
	background-color: #98C511;
	margin: 0;
	cursor: pointer;
	border-bottom: 1px solid #fff;
}
#containercolumn div.actionbox ul,
#containercolumn div.actionbox form {
	background-color: #666;
}
#containercolumn div.actionbox ul li {
	margin: 0 1em;
	position: relative;
}
#containercolumn div.actionbox ul li.facebook {
	background: transparent url(../images/icons/FaceBook.png) no-repeat left center;	
}
#containercolumn div.actionbox ul li.twitter {
	background: transparent url(../images/icons/tt-twitter.png) no-repeat left center;	
}
#containercolumn div.actionbox ul li.twitter a,
#containercolumn div.actionbox ul li.facebook a,
#containercolumn div.actionbox ul li.twitter a:visited,
#containercolumn div.actionbox ul li.facebook a:visited {
	padding-left: 34px;
	background-image: none;	
}
#containercolumn div.actionbox ul.profilelist li {
	margin: 0;
}
#containercolumn div.actionbox ul li a {
	color: #fff;	
}
#containercolumn div.actionbox ul li a:hover {
	color: #98C511;	
}
#containercolumn div.actionbox ul.profilelist li a {
	color: #336699;
}
#containercolumn div.actionbox ul li a.innerActionLink {
	font-size: 10px;
	position: absolute;
	top: 7px;
	right: 0;
}
#containercolumn div.actionbox form {
	padding: 1em;
	margin: 0;
}
#containercolumn div.foreMargin {
	margin: 0.4em 0 0;	
}
#containercolumn p {
	margin: 0;
	padding: 0.4em 1em;
	background-color:#F9F9F9;
}
#containercolumn form {
	margin: 0;
	background-color:#F9F9F9;
}
#containercolumn textarea {
	width: 194px;
	height: 60px;
	margin: 0 0 0.4em 0;	
}

/* Loginbox */
#loginbox label {
	clear: both;
	display: block;
	color: #fff;
}
#loginbox input {
	margin: 0 0 0.4em 0;
	padding: 4px;
	width: 196px;	
}
#loginbox ul {
	padding-bottom: 1em;
}
#loginbox ul li {
	padding: 0.2em 0;	
}
/* ****** Loginbox ****** */
#loginbox input[type=submit] {
	width: auto;	
	margin: 0.4em 0 0 0;
}

/* ****** Projectdetailwrapper ****** */
div.projectdetailmainwrapper {
	background-color:#f6f6f6;
	margin-bottom:1em;
	padding-bottom:0.7em;
}
div.projectdetailwrapper { }
div.projectdetailwrapper h1 {
	margin: 0.7em 0.7em 0.4em 0;
	color: #D64817;
}
div.projectdetailwrapper p {
	background-color: #efefef;
	padding: 0.2em 0.5em;
	margin: 0 0 0.4em 0;
}
div.projectdetailwrapper div.last p {
	margin-right: 1em;	
}
div.projectdetailwrapper strong {
	display: block;
	clear: both;
}
div.projectdetailwrapper ul li {
	padding: 0.2em 0;
}
div.projectdetailwrapper div.span-18 p {
	margin-left: 1em;
}
img.prjillu {
	margin: 1em;
	cursor: pointer;
}
div.prjgallerythumbs {
	margin: 0 1em;	
}
div.prjgallerythumbs a {
	margin: 0 2px 2px 0;	
}
div.projectQuestionWrapper {
	background-color: #efefef;
	padding: 0.8em 1em;	
}
div.projectQuestionWrapper form {
	margin: 0;
	padding: 0;
	background-color: transparent;
}
div.projectQuestionWrapper p {
	margin: 0;	
}

/* VideoTabs */
ul.videotabs {
	display: block;
	margin: 0 0 1em 0;
}
ul.videotabs li {
	display: inline;
}
ul.videotabs li.videoHead {
	font-weight: bold;
	color: #666;
	display: block;
	float: left;
	margin: 0 0.4em 0 0;
}
ul.videotabs li a.current {
	color: #333;	
}
div.videopanes { }
div.videopanes div {
	display: none;
}

div.projectfunctions {
	margin: 0.2em 0 0;
}

/* ****** Tag links ****** */
a.tag0,
a.tag1,
a.tag2,
a.tag3,
a.tag4,
a.tag5,
a.tag6,
a.tag7,
a.tag8,
a.tag9,
a.tag10 {
	text-decoration: none;
	line-height: 1em;
	padding: 0 0.2em;
	color: #98C511;
}
a.tag0:hover,
a.tag1:hover,
a.tag2:hover,
a.tag3:hover,
a.tag4:hover,
a.tag5:hover,
a.tag6:hover,
a.tag7:hover,
a.tag8:hover,
a.tag9:hover,
a.tag10:hover {
	background-color: #98C511;
	color: #fff;
}
a.tag0 {
	font-size: 1.1em;
}
a.tag1 {
	font-size: 1.2em;
}
a.tag2 {
	font-size: 1.3em;
}
a.tag3 {
	font-size: 1.4em;
}
a.tag4 {
	font-size: 1.5em;
}
a.tag5 {
	font-size: 1.6em;
}
a.tag6 {
	font-size: 1.7em;
}
a.tag7 {
	font-size: 1.8em;
}
a.tag8 {
	font-size: 1.9em;
}
a.tag9 {
	font-size: 2em;
}
a.tag10 {
	font-size: 2.1em;
}
#containercolumn a.tag0 {
	font-size: 8px;
}
#containercolumn a.tag1 {
	font-size: 8px;
}
#containercolumn a.tag2 {
	font-size: 9px;
}
#containercolumn a.tag3 {
	font-size: 10px;
}
#containercolumn a.tag4 {
	font-size: 11px;
}
#containercolumn a.tag5 {
	font-size: 12px;
}
#containercolumn a.tag6 {
	font-size: 13px;
}
#containercolumn a.tag7 {
	font-size: 14px;
}
#containercolumn a.tag8 {
	font-size: 16px;
}
#containercolumn a.tag9 {
	font-size: 17px;
}
#containercolumn a.tag10 {
	font-size: 18px;
}


/* Formulars */
div.formrow {
	clear: both;
	position: relative;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
fieldset p {
	margin: 0 0 0.4em 0;
	font-weight: bold;
	font-size: 14px;
}
form.multiFieldSets fieldset {
	margin: 0 0 1em 0;	
}
form.multiFieldSets fieldset p {
	border-bottom: 1px solid #ccc;
}
form {
	padding: 1em;
	margin: 0 0 0.8em 0;
	background-color: #f6f6f6;
}
#filterList form,
div.listFilter form {
	background-color: #ddd;
}
form.nodeco {
	padding: 0;
	margin: 0;
	background-color: transparent;	
}
div.formrow label {
	display: block;
	clear: both;	
}
div.formrow input.text,
div.formrow input.password {
	width: auto;
	padding: 4px;
}
div.checkboxgroup,
div.radiogroup {
	padding: 0 0 0.4em 0;
}
div.checkboxgroup label,
div.radiogroup label {
	display: inline;
	vertical-align: middle;
}
#containercolumn div.checkboxgroup ul,
#containercolumn div.radiogroup ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#containercolumn div.checkboxgroup ul li,
#containercolumn div.radiogroup ul li {
	border: none;
	color: #666;
}

input[type="checkbox"] {
	top: 0;
	margin-left: 0;
}
div.formrow span.error {
	display: block;
	margin: 0;
	padding: 0.4em;
}
#form-login,
#form-passforgot {
	min-height: 156px;
}

/* Premium CSS */

table.premiumtable {
	xxxwidth: 100%;
	width: 500px;
}

table.premiumtable td,
table.premiumtable th {
	text-align: left;
	background-color: #f3f3f3;
	border-bottom:2px solid #FFFFFF;
	padding: 8px;
}

table.premiumtable td {
	color: #666666;
	text-align: center;
	xxxbackground-color: #DBE9F1;
	background-color: #eee;
	
}
table.premiumtable td.function,
table.premiumtable td.subhead {
	text-align: left;
	background-color: #F3F3F3;
}
table.premiumtable td.subhead {
	font-weight: bold;
	padding-left: 1.8em;
	background-color: #fafafa;
	color: #fff;
}
table.premiumtable tr.head th {
	background-color: transparent;
}
table.premiumtable th.premiummember,
table.premiumtable td.premiummember,
table.premiumtable th.premiumproject,
table.premiumtable td.premiumproject,
table.premiumtable tr.head th.premiumproject {
	xxxbackground-color: #AAD1F6;
	background-color: #999;
	color: #fff;
}
table.premiumtable td.valCol,
table.premiumtable th.valCol {
	width: 60px;
}


ul.advantages {
	margin-left: 1.4em !important;
	margin-bottom: 1em;
	list-style-type: disc;	
}
ul.advantages li {
	font-size: 1.2em;
	color: #00568E;
	padding: 0.2em 0;
}

div.ybr p {
	padding: 0 0.6em 0.6em 0.6em;
	color: #333333;
}
div.bluebr p strong {
	color: #333333;	
}

/* Profilestatus */
span.status {
	display: none;
}
span.status span.statusactive { }

/* Homepage */ 
.profile {
	background: #efefef url(../images/icons/Man_Grey_64.png) no-repeat 280px 82px;
}


/* SliderGallery */
#sliderGallery {
	position: relative;
	height: 170px;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #EEEEEE;
	background-color: #F6F6F6;
}
#sliderGallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	xxxheight: 150px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	padding: 20px 0 0 0;
}
#sliderGallery ul li {
	display: inline;
}
#sliderGallery ul li a {
	width: 150px;
	height: 150px;
	overflow:hidden;
	position: relative;
	margin-right: 30px;
	background-color: #efefef;
	text-decoration: none;
}
#sliderGallery ul li a span {
	display: block;
	width: 130px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #333;
	opacity: 0.9;
	padding: 10px;
	color: #fff;
	font-size: 11px;
	display: none;
	white-space: normal;
}

/* Button */
a.button,
a.button:visited {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color:#98C511;
	background-image: none;
	border:medium none;
	color:#FFFFFF;
	font-size:11px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:2px 6px;
	margin-right: 2px;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}
a.button:visited,
a[href^="http:"]:visited {
	background-image: none;	
}
a.rss, a[href$=".rss"], a[href$=".rdf"] {
	background-image:url(../css/blueprint/plugins/link-icons/icons/feed.png) !important;
}
a.current,
a.button:hover {
	background-color: #86AE0F;
	color: #fff;
}
div.submitwrapper a.button {
	padding: 3px 10px;
	margin: 0 2px;
}
a.deactivated,
a.deactivated:hover {
	background-color: #ccc !important;
	color: #999 !important;
}
a.inactive,
a.inactive:hover,
a.inactive:visited {
	background-color: #eee;
	color: #ccc;
}
a.delete,
a.delete:hover,
a.delete:visited,
a.projectblocked,
a.projectblocked:hover,
a.projectblocked:visited,
a.delete:visited,
input.delete,
input.delete:hover {
	background-color: #D64817;	
}

a.removeVideoBtn {
	margin-left: 20px;	
}

/* ProfileList */
ul.profilelist,
ul.projectlist {
	background-color: #f6f6f6;	
}
ul.profilelist li,
ul.projectlist li {
	position: relative;
	margin: 0 0 0.4em 0;
	xxxbackground-color: #f6f6f6;
	clear: both;
	min-height: 60px;
}
ul.profilelist li.moreLink,
ul.projectlist li.moreLink,
ul.profilelist li.summaryElement,
ul.projectlist li.summaryElement {
	min-height: 18px;
	background-color: #eee;
	padding: 0.4em;
	margin: 0;
}
ul.profilelist li.moreLink,
ul.projectlist li.moreLink {
	background-color: transparent;	
}
ul.profilelist li.moreLink a,
ul.projectlist li.moreLink a {
	position: relative;
	top: auto;
	left: auto;
	display: inline;	
}

ul.profilelist li img,
ul.projectlist li img {
	margin: 0.4em 0.4em 0 0.4em;
}
ul.profilelist li a,
ul.projectlist li a {
	text-decoration: none;
	display: block;
	position: absolute;
	left: 62px;
	top: 12px;
}
ul.projectlist li a {
	top: 4px;	
}
#jquery-live-search ul.projectlist li a.projectlisttitle {
	white-space: no-wrap;
	overflow: hidden;
	width: 140px;
	line-height: 12px;
}
#jquery-live-search ul.projectlist li ul.rating {
	display: none;	
}
ul.projectlist li a.projeclistthumbnail {
	position: relative;
	top: auto;
	left: auto;
}
ul.projectlist li ul.rating {
	position: absolute;
	top: 20px;
	left: 60px;
	margin: 0;
	xxxright:3px;
	xxxtop:2px;	
}
ul.projectlist li ul.rating li {
	margin: 0;
	padding: 0;	
}
ul.profilelist li span.profilefunction,
ul.projectlist li span.projectfunction {
	position: absolute;
	top: 36px;
	left: 60px;
}
ul.profilelist li span a,
ul.projectlist li span a {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
}
ul.profilelist li p.contactmewhen {
	padding: 10px;
	margin:0;
	display: none;
	background-color: #333;
	color: #fff;
	opacity: 0.9;
	position: absolute;
	top: 60px;
	left: 0;
	color: #fff;
	overflow: hidden;
	font-size: 11px;
}
p.cWMToolTip {
	position: absolute;
	background-color: #333;
	opacity: 1;
	padding: 10px;
	-moz-box-shadow:0 0 8px 2px #000; 
    -webkit-box-shadow: 0 0 8px #000;
    z-index: 10000;
    width: 240px;
    color: #fff;
    overflow:hidden;
    font-size: 12px;
}
ul.profilelist li div.details,
ul.projectlist li div.details {
	position: relative;
	opacity: 1;
	display: none;
	line-height: 1.2em;
	padding: 1em;
	margin: 0;
	background-color: #333;
	border-top:1px solid #fff;
}
ul.profilelist li div.details h5,
#contentcolumn ul.profilelist li div.details h5,
ul.projectlist li div.details h5,
#contentcolumn ul.projectlist li div.details h5 {
	margin: 0 0 0.4em 0;
	padding: 0;
	color: #999;
	font-size: 1em;
}
ul.profilelist li div.details p,
ul.projectlist li div.details p {
	margin: 0 0 1em 0;
	padding: 0;
	color: #fff;
	background-color: transparent;
}
a.closeButton,
ul.profilelist li div.details a.closeButton,
ul.projectlist li div.details a.closeButton {
	position: absolute;
	top: auto;
	left:auto;
	bottom: 10px;
	right: 10px;
	background-color: #666;
	color: #fff;
}
a.closeButton:hover,
ul.profilelist li div.details a.closeButton:hover,
ul.projectlist li div.details a.closeButton:hover {
	background-color: #5c5c5c;
}
a.topRight {
	bottom: auto;
	top: 10px;
}
ul.profilelist li div.details a,
ul.projectlist li div.details a {
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	display: inline;
}


.homePageHead h2 a {
	color: #666;
}
.homePageHead p {
	margin: 0;	
}


/* Star-Rating */
ul.rating {
	width:80px;
	height:16px;
	margin:2px 0 6px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li {
	cursor: pointer;
	/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
	float:left;
	/* end hide*/
	text-indent:-999em;/* hide text*/
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;
	background: url(../images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
ul.nostar {background-position:0 0}
ul.onestar {background-position:0 -96px}
ul.twostar {background-position:0 -112px}
ul.threestar {background-position:0 -128px}
ul.fourstar {background-position:0 -144px}
ul.fivestar {background-position:0 -160px}


/* Videocol */
.videocol {
	margin: 0 0 1em 0;
	padding: 1em 0;
	background-color: #efefef;	
}
.videocol h4 {
	margin: 0 0 0.2em;
}
.videocol h4 a {
	color: #666;
}
.videocol p {
	margin: 0 0 0.4em 0;
}
.videocol a.youtubewrapper {
	background:transparent url(../images/backgrounds/youtube-player.png) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	height:166px;
	margin:0 0 0 10px;
	overflow:hidden;
	text-align:center;
	width:200px;
}
.videocol a.youtubewrapper img {
	width: 200px;
	height: 140px;	
}

/* Pager */
div.pager {
	clear: both;
	display: block;
	margin: 0 0 1em 0;
}
div.pager ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.pager ul li {
	display: inline;
}
div.pager ul li a {
	float: left;
	display: block;
	margin: 0 0.4em;
	padding: 0.1em 0.4em;
	color: #999999;
	border: 1px solid #ccc;
	text-decoration: none;
}
div.pager ul li a.activepage {
	border: 1px solid #666666;
	background-color: #ffffff;
	color: #666666;
}
div.pager ul li a.summary {
	border: none;
	color: #666666;
	margin: 0;
	padding-left: 0;
}







/* Overlay */
/* the overlayed element */ 
.simple_overlay {
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 9px 5px #000; 
    -webkit-box-shadow: 0 0 9px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../js/jquery-tools/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}


/* Page generation */
#pageGeneration {
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #333;
	opacity: 0.8;
	color: #fff;
	font-size: 12px;
	padding: 10px 20px;
}

ul.rotateList {
	height: 184px;
	overflow: hidden;
}

/* Message table */
table.messagetable { }
table.messagetable tr th {
	background-color: #ccc;
	color: #666;
	font-weight: normal;
}
table.messagetable tr th,
table.messagetable tr td {
	padding-top: 8px;
	padding-bottom: 8px;
}

table.messagetable tr td {
	background-color: #efefef;
	border-top: 1px solid #fff;
}
table.messagetable tr.functionRow td {
	background-color: #f6f6f6;
}
table.messagetable tr.functionRow td.new {
	font-weight: bold;	
}

ul.paramVal { }
ul.paramVal li {
	margin: 1px 0;
	padding: 0.4em 0.6em;
	background-color: #efefef;
}
ul.paramVal li strong {
	width: 80px;
	display: block;
	float: left;
}

/* Message columns */
div.msg {
	background-color: #f6f6f6;
}
div.msg p {
	padding: 1em 0.6em;
	margin: 0 0.6em 0.6em 0.6em;
	background-color: #fff;
}
span.msgfunctions {
	display: block;
	padding: 1em 0.6em;
	text-align: right;
	background-color: #f6f6f6;
}
#form-sendmessage { }
#form-invitetoproject input.text,
#form-sendmessage input.text,
#form-search input.text,
#form-editproject input.text {
	width: 600px;
}
#form-invitetoproject textarea,
#form-sendmessage textarea,
#contentcolumn textarea,
#form-editproject textarea {
	width: 600px;
	height: auto;
}

#form-editproject #addvideourl {
	width: 300px;
	margin-right: 10px;
}
#videolinkwrapper {
	padding: 2px 8px;
	background-color: rgb(238, 238, 238);
}

#form-profile input.text,
#form-profile textarea {
	width: auto;
	height: auto;
}
#form-profile input.text {
	width: 200px;	
}

/* Easy select list */
.easySelect {
	position: relative;
	clear: both;
}
span.easySelectFunctions {
	position: absolute;
	top: 0px;
	right: 10px;	
}
.easySelect ul,
.easySelect ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.easySelect ul {
	margin: 5px 0;		
}
.easySelect ul li {
	margin: 1px;	
}
.easySelect ul li input[type=checkbox] {
	display: none;	
}
.easySelect ul li label {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: transaprent;
	background-image: none;
	border:medium none;
	color:#FFFFFF;
	font-size:11px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:2px 6px;
	margin: 0;
	text-decoration: underline;
	cursor: pointer;
	white-space: nowrap;
	color: #666;
}
.easySelect ul li label.selected:hover,
.easySelect ul li label.selected {
	background-color:#999;
	text-decoration: none;
	color: #fff;
}


/* Clear element */
.clear {
	clear: both;
	margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 1px;
}

/* Error, Notice, Success messages */
.error, .notice, .success {
	border-width: 1px;
}

/* Video objects */
object.video { }

/* Search results */
#searchResult {
	position: absolute;
	top: 12em;
	right: 0;
	width: 228px;
	background-color: #f6f6f6;
	display: none;
}
#jquery-live-search {
	background: #fff;
	padding: 5px 10px;
	overflow: hidden;
	position: absolute;
	z-index: 99;
	border: 1px solid #efefef;
	border-width: 0 1px 1px 1px;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

/* Sorting */
div.sorting {
	margin: 0 0 1em 0;
	padding: 1em;
	background-color: #efefef;
}
div.sorting p {
	margin: 0;
	padding: 0;
}
div.sorting a {
	margin-left: 10px;	
}
div.sorting a.active {
	background-color: #666; 
}

/* Myprojects overview */
div.myprojectsoverviewcontainer {
	background-color: #f6f6f6;
	padding: 1em;
	margin: 0 0 1em 0;	
}
ul.myprojectoverview {
	float: left;
	margin: 0 2em 0 0;
}

ul.myprojectsoverview { }
ul.myprojectsoverview li {
	background-color: #f6f6f6;
	position: relative;
	margin-bottom: 4px;
	height: 58px;
}
ul.myprojectsoverview li img {
	margin: 4px 4px 0;
}
ul.myprojectsoverview li h3 {
	font-size: 12px;
	line-height: 15px;
	position: absolute;
	top: 4px;
	left: 62px;
	width: 500px;
	margin: 0;
	padding: 0;
}
ul.myprojectsoverview li ul.rating {
	position: absolute;
	right: 3px;
	top: 2px;
}
ul.myprojectsoverview li p.statistics {
	position: absolute;
	right: 6px;
	top: 19px;	
	margin: 0;
	padding: 0;
}
ul.myprojectsoverview li span.functions {
	position: absolute;
	left: 62px;
	top: 35px;
}
ul.myprojectsoverview li p.progress {
	position: absolute;
	right: 3px;
	top: 35px;
	margin: 0;
	padding: 0;
}

/* System Message */
#systemMessage {
	display: none;
	width:400px;
	padding: 10px;
	background-color: #f6f6f6;
    border:10px solid #666;
    /* for modern browsers use semi-transparent color on the border. nice! */ 
    border:10px solid rgba(82, 82, 82, 0.698);
    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
}
#systemMessage h1 { }
#systemMessage p { }

/* Overlay */
#contentOverlay {
	background-color:#fff;
	padding: 10px 10px 40px 10px;
	width: 710px;
	display: none;
}
#contentOverlayInner {
	position: relative;
}
#contentOverlay div.span-18 {
	position: relative;
}


/* Content-Indent-Wrapper */
div.indentWrapper { }
div.indentWrapper h2,
div.indentWrapper ul {
	padding: 0 1em;
}



/* Projectfiletypes */
a.pdf,
a.doc,
a.ods,
a.ppt,
a.xls,
div.doclisting ul li a {
	text-decoration: none;
	color: #999999;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	display: block;
	padding-left: 50px;	
}
a.pdf,
div.doclisting ul li a.pdf {
	background: transparent url(../images/fileicons/pdf.jpg) no-repeat center left;
}
a.doc,
div.doclisting ul li a.doc {
	background: transparent url(../images/fileicons/doc.jpg) no-repeat center left;
}
a.ods,
div.doclisting ul li a.odt,div.doclisting ul li a.ods {
	background: transparent url(../images/fileicons/odt.jpg) no-repeat center left;
}
a.ppt,
div.doclisting ul li a.ppt {
	background: transparent url(../images/fileicons/ppt.jpg) no-repeat center left;
}
a.xls,
div.doclisting ul li a.xls {
	background: transparent url(../images/fileicons/xls.jpg) no-repeat center left;
}
a.pdf span,
a.doc span,
a.ods span,
a.ppt span,
a.xls span {
	font-size: 12px;
	padding-right: 20px;
}
div.filetypebox { }


/* Projectdoclist */
ul.projectdoclist {
	margin-bottom: 1em;
}
ul.projectdoclist li {
	position: relative;
}
ul.projectdoclist li div.projectdocfuncs {
	position: absolute;
	top: 0;
	left: 70px;
}
ul.projectdoclist li a[href$=".pdf"],
ul.projectdoclist li a[href$=".doc"],
ul.projectdoclist li a[href$=".xls"] {
	background-image: none;
}
ul.projectdoclist li a.button {
	padding: 3px 6px;	
}

/* Projectquestion */
p.questionTemplatesIntro {
	background-color: #666;
	color: #fff;
	padding: 1em;
}
ul.questionTemplateList {
	display: none;
	background-color: #f6f6f6;
	padding: 1em;
}
ul.questionTemplateList li {
	clear: both;
	position: relative;
	border-bottom: 1px dotted #999;
	padding: 6px 0 9px 0;
}
ul.questionTemplateList li.last {
	border: none;
}
ul.questionTemplateList li p {
	padding: 0;
	margin: 0;
	position: relative;
}
ul.questionTemplateList li p a.button {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
ul.questionTemplateList li a.closeButton {
	right: auto;
	bottom: auto;
	position: relative;	
}

ul.projectQuestionList {
	margin: 4px 0;
}
ul.projectQuestionList li {
	padding: 6px 10px;
	margin: 0 0 2px 0;
	background-color: #f6f6f6;
}
ul.projectQuestionList li p {
	margin: 0;
	padding: 0;
}

/* QuestionResponse + QuestionEdit + EditNewQuestion */
div.questionResonse,
div.questionEdit,
div.editNewQuestion {
	display: none;
	margin-top: 6px;
	padding: 1em;
	background-color: #ddd;
	position: relative;
}

/* QuestionEdit */
div.questionEdit form,
div.editNewQuestion form {
	margin: 0;
	padding: 0;
	background-color: transparent;
} 
div.questionEdit form div.formrow textarea,
div.editNewQuestion form div.formrow textarea {
	height: auto;
	width: auto;
}

/* EditNewQuestion */
div.editNewQuestion { }

/* VideoLinkList */
ul.videolinklist li {
	padding: 4px 0;	
}
ul.videolinklist li a.removeVideoBtn {

}


/* OverlayLoader */
#pageLoader,
#overlayLoader {
	top: 67px;
	width: 200px;
	height: 80px;
	position: absolute;
	background: #000 url(../images/icons/ajax-loader.gif) no-repeat center center;
	display: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	z-index: 10000;
}
#pageLoader span,
#overlayLoader span {
	color: #fff;
	font-size: 12px;
	position: absolute;
	bottom: 4px;
	left: 65px;
}
#pageLoader {
	display: block;
	margin: 200px auto;
	left: 40%;
}

/* Videolinklist */
#videolinklist {
	margin-bottom: 1em;
}
#videolinklist li {
	margin: 0.2em 0;
}

/* SubnavLoginForm */
#subnavigation ul li.subnavloginform {
	padding: 0;
}
#subnavigation ul li.subnavloginform form {
	background-color: transparent;
	padding: 0;
	margin: 0;
}
#subnavigation ul li.subnavloginform form label {
	color: #666;	
}
#subnavigation ul li.subnavloginform form input.text,
#subnavigation ul li.subnavloginform form input.password {
	padding: 4px;
	margin: 4px 10px 0;
	width: 150px;
}

/* ElementSpacer */
.eSpacer {
	margin-bottom: 10px;
}

/* Teaser */
div.teaser {
	background-color: #D64817;
	height: 320px;
	padding: 0.4em 1em;
}
div.teaser h2 {
	color: #fff;
	font-size: 32px;
	margin: 1em 0 1em 0;
	padding: 0;
	line-height: 32px;
}
div.teaser h3 {
	color: #fff;
	font-size: 20px;
	text-align: right;
	margin: 2em 0em;	
}
div.teaser p {
	color: #333;
	font-size: 16px;
	margin: 0;
	padding: 0.4em 0 0 2em;
}
div.teaserRegister { }
div.teaserRegister form {
	padding: 0.4em 1em;
	margin: 0;
	height: 320px;
}
div.teaserRegister form fieldset p {
	margin: 0 0 1.2em;	
}
div.teaserRegister form input.text {
	margin:0 0 0.4em;
	padding:4px;
}