/*
@ Author : Remon de Boer
@ Company: Techtribe
@ E-mail : Remon@techtribe.nl

-- COMMON Start

*/

a:active{
  outline			: none;
}

a:-moz-any-link:focus {
  outline			: none;
}

img {
	border			: 0px;
}

form {
	margin			: 0px;
	padding			: 0px;
}

.left {
	float			: left !important;
}

.right {
	float			: right !important;
}

.bold {
	font-weight		: bold !important;
}

.noBold {
	font-weight		: normal !important;
}

.gxMargin4pxSmall {
	float			: left;
	margin			: 0px 4px;
	width			: 172px;
}

.gxMargin4pxMedium {
	float			: left;
	margin			: 0px 4px;
	width			: 352px;
}

.gxMargin4pxBig {
	float			: left;
	margin			: 0px 4px;
	width			: 352px;
}

.bigHeader {
	padding			: 0px;
	margin			: 5px 0px 5px 0px;
	font-size		: 16px;
	font-weight		: normal;
	color			: #000000;
}

.mediumHeader {
	margin			: 2px 0px 2px 0px;
	padding			: 0px;
	font-size		: 14px;
	font-weight		: normal;
	color			: #000000;
}

.smallHeader {
	padding			: 0px;
	margin			: 5px 0px 5px 0px;
	font-weight		: normal;
	font-size		: 12px;
	color			: #000000;
}


.smallerHeader {
	padding			: 0px;
	margin			: 5px 0px 5px 0px;
	font-weight		: normal;
	font-size		: 11px;
	color			: #000000;
}

.smallestHeader {
	padding			: 0px;
	margin			: 2px 0px 2px 0px;
	font-size		: 10px;
	font-weight		: normal;
	color			: #000000;
}

.clear {
	font-size		: 0px;
	line-height		: 0px;
	height			: 0px;
	clear			: both;
}

.clearLeft {
	font-size		: 0px;
	line-height		: 0px;
	height			: 0px;
	clear			: left;
}

.clearRight {
	font-size		: 0px;
	line-height		: 0px;
	height			: 0px;
	clear			: right;
}

.bigBreak {
	clear			: both;
	height			: 25px;
}

.smallBreak {
	clear			: both;
	height			: 10px;
}

.zebra1 {
	width			: 100%;
	height			: 100%;
	background		: #f3f3f3;
}

.zebra2 {
	width			: 100%;
	height			: 100%;
	background		: #FFFFFF;
}

.moreInfo {
	display			: block;
	margin			: 5px 0px 5px 0px;
	padding			: 0px 0px 1px 25px;
	font-size		: 9px;
	color			: #666666;
	background		: #FFFFFF url(../img/icons/buttonIcon.gif) no-repeat 0 0px;
}

.sendEmailTo {
	display			: block;
	margin			: 5px 0px 5px 0px;
	padding			: 0px 0px 1px 20px;
	font-size		: 10px;
	color			: #666666;
	background		: #FFFFFF url(../img/icons/emailIcon.gif) no-repeat 0 0px;
}

.dottedLine {
	width			: 100%;
	height			: 1px;
	padding			: 3px 0px 3px 0px;
	margin			: 0px;
	font-size		: 0px;
	line-height		: 0px;
	clear			: both;
	background		: url(../img/dottedLine.gif) repeat-x 50%;
}

.dottedLine2 {
	width			: 100%;
	height			: 3px;
	padding			: 0px;
	margin			: 0px;
	font-size		: 0px;
	line-height		: 0px;
	clear			: both;
	background		: #FFFFFF url(../img/dottedLine2.gif) repeat-x 50%;
}

.dottedLine3 {
	width			: 100%;
	height			: 1px;
	padding			: 0px;
	margin			: 0px;
	font-size		: 1px;
	line-height		: 1px;
	clear			: both;
	background		: #FFFFFF url(../img/dottedLine3.gif) repeat-x 50%;
}

.dottedLine4 {
	width			: 100%;
	height			: 10px;
	padding			: 0px;
	margin			: 0px;
	clear			: both;
	background		: #FFFFFF url(../img/dottedLine4.gif) repeat-x
}

/*

---- DOTTED BLOCK Start

*/

.dottedBlock .dottedTopLhs {
	width			: 2px;
	height			: 2px;
	background		: #FFFFFF url(../img/dottedBlock/topLhs.gif) no-repeat;
}

.dottedBlock .dottedTop {
	height			: 2px;
	background		: #FFFFFF url(../img/dottedBlock/top.gif) repeat-x 50%;
}

.dottedBlock .dottedTopRhs {
	width			: 2px;
	height			: 2px;
	background		: #FFFFFF url(../img/dottedBlock/topRhs.gif) no-repeat;
}

.dottedBlock .dottedLhs {
	width			: 2px;
	background		: #FFFFFF url(../img/dottedBlock/lhs.gif) repeat-y;
}

.dottedBlock .dottedRhs {
	width			: 2px;
	background		: #FFFFFF url(../img/dottedBlock/rhs.gif) repeat-y;
}

.dottedBlock .dottedBottomLhs {
	width			: 2px;
	height			: 2px;
	background		: #FFFFFF url(../img/dottedBlock/bottomLhs.gif) no-repeat;
}

.dottedBlock .dottedBottom {
	height			: 2px;
	background		: #FFFFFF url(../img/dottedBlock/bottom.gif) repeat-x 50%;
}

.dottedBlock .dottedBottomRhs {
	width			: 2px;
	height			: 2px;
	background		: #FFFFFF url(../img/dottedBlock/bottomRhs.gif) no-repeat;
}

/*

---- DOTTED BLOCK End

---- Generic BLOCKS Start

*/

.commonBlockSmallLhs {
	float			: left;
	width			: 172px;
}

.commonBlockSmallRhs {
	float			: right;
	width			: 172px;
}

.sectionMenuBlock ul {
	padding			: 0px;
	margin			: 0px;
}

.sectionMenuBlock li {
	padding			: 5px 0px 0px 35px;
	margin			: 0px;
	list-style-type	: none;
}

.databankMenuBlock a {
	display			: block;
	font-size		: 11px;
	color			: #000000;
	margin			: 1px 0px 0px 0px;
	height			: 15px;
	padding			: 0px;
	font-weight		: bold;
}

.genericBlock1 {
	width			: 100%;
}

.genericBlock1 a {
	float			: left;
	display			: block;
	margin			: 4px 0px;
	font-size		: 11px;
	color			: #666666;
}

.genericBlock1 span {
	float			: left;
	display			: block;
	cursor			: pointer;
}

.genericBlock1 img {
	float			: right;
	display			: block;
}

.genericBlock2 .genericImage {
	float			: right;
	margin			: 0px;
	padding			: 0px;
}

.genericBlock2 p {
	font-size		: 9px;
	color			: #999999;
	padding			: 0px;
	margin			: 0px;
}

.genericBlockSmall3 {
	width			: 148px;
	padding			: 10px;
}

.genericBlockSmall3 .genericImage {
	float			: right;
	margin			: 0px;
	padding			: 0px;
}

.genericBlockSmall3 p {
	font-size		: 9px;
	color			: #999999;
	padding			: 0px;
	margin			: 0px;
}

.genericBlockSmall3 a {
	display			: block;
	margin			: 5px 0px 5px 0px;
	padding			: 0px 0px 1px 25px;
	font-size		: 9px;
	color			: #666666;
	background		: #FFFFFF url(../img/icons/buttonIcon.gif) no-repeat 0 0px;
}

.grayBlockSmall {
	background		: #f3f3f3;
	width			: 148px;
	padding			: 10px;
	font-size		: 9px;
	color			: #666666;
}

.grayBlockSmall .inputText {
	margin			: 0px 0px 5px 0px;
	padding			: 0px;
	width			: 146px;
	border			: 1px solid #cccccc;
}

.grayBlockSmall .inputCheck {
	margin			: 0px 0px 5px 0px;
	padding			: 0px;
	width			: 15px;
	height			: 15px;
}

.grayBlockSmall a {
	font-size		: 9px;
	color			: #666666;
}

.grayBlockSmall .poweredBy {
	margin			: 30px 0px 0px 0px;
}

.grayBlockSmall .poweredBy .sponsorName {
	float			: left;
	padding			: 6px 0px 0px 5px;
}

.grayBlockSmall .loggedInOptions {
	margin			: 25px 0px 0px 0px;
}

.grayBlockSmall .loggedInOptions a {
	margin			: 2px 0px !important;
}

.grayBlockSmall .loggedInName {
	display			: block;
	margin			: 2px 0px;
	font-weight		: bold;
	color			: #666666;
}

.newsItem .date {
	padding			: 0px 0px 5px 0px;
	font-size		: 9px;
	color			: #666666;
}

.newsItem .source {
	padding			: 10px 0px 15px 0px;
	font-size		: 9px;
	color			: #999999;
}

.newsItem p {
	display			: block;
	margin			: 5px 0px 5px 0px;
	padding			: 0px;
	font-size		: 10px;
	color			: #666666;
}

.newsItem img {
	display			: block;
	margin			: 0px 10px 5px 0px;
	padding			: 0px;
}

.newsItem .source2 {
	padding			: 3px 0px 2px 0px;
	font-size		: 10px;
	color			: #999999;
}

.newsItem .source2 a {
	font-size		: 10px;
	color			: #666666;
}

.newsOverview {
	margin			: 20px 0px 0px 0px;
}

.newsOverview .newsItem a {
	display			: block;
	padding			: 4px 0px;
	color			: #666666;
}

.newsOverview .newsItem span {
	float			: left;
	display			: block;
	cursor			: pointer;
}

.newsOverview .newsItem img {
	float			: right;
	display			: block;
	margin			: 1px 5px 0px 0px;
}

.newsOverview .newsItem  a:hover {
	text-decoration	: none;
}

.relatedNewsItem {
	height			: 28px;
}

.relatedNewsItem a {
	display			: block;
	color			: #666666;
}

.relatedNewsItem span {
	float			: left;
	display			: block;
	margin			: 0px 0px 0px 0px;
}

.relatedNewsItem img {
	float			: left;
	display			: block;
	margin			: 0px 0px 0px 10px;
}

.relatedNewsItem .relatedNewsdate {
	float			: left;
	width			: 90px;
	padding			: 9px 0px 0px 0px;
	font-size		: 10px;
	color			: #999999;
	text-align		: center;
}

.relatedNewsItem .relatedNewsTitle {
	float			: left;
	padding			: 9px 0px 0px 0px;
	font-size		: 10px;
	color			: #666666;
}

.newsReactions .details {
	margin			: 6px 0px 0px 0px;
}

.newsReactions .details img {
	float			: left;
	display			: block;
}

.newsReactions p {
	margin			: 5px 0px 10px 0px;
	padding			: 0px;
}

.newsReactions .details .name {
	float			: left;
	display			: block;
	margin			: 0px 10px;
	font-weight		: bold;
}

.newsReactions .details .date {
	float			: left;
	display			: block;
}

.newsReactions .amountOfReactions {
	float			: left;
	display			: block;
	margin			: 8px 0px 0px 5px
}

.newsReactions .userReaction {
	padding			: 10px;
	height			: 180px;
	background		: #f3f3f3;
}

.newsReactions .userReaction input {
	width			: 123px;
	height			: 15px;
	margin			: 5px 0px 10px 0px;
	font			: 11px verdana, arial;
	border			: #cccccc solid 1px;
	color			: #999999;
}

.newsReactions .userReaction textarea {
	width			: 515px;
	height			: 85px;
	font			: 11px verdana, arial;
	border			: #cccccc solid 1px;
	color			: #999999;
}

.newsReactions .userReaction a {
	float			: right;
	margin			: 12px 0px;
}

.poll {
	font-size		: 10px;
	padding			: 5px 0px 0px 0px;
	color			: #666666;
}

.poll a {
	font-size		: 10px;
	color			: #000000;
}

.poll p {
	padding			: 0px;
	margin			: 0px;
}

.poll .pollNav {
	padding			: 5px 0px 0px 0px;
}

.poll .pollNav .showResults {
	float			: right;
	display			: block;
	margin			: 3px 0px 0px 0px;
	color			: #666666;
}

.agenda a {
	padding			: 0px;
	margin			: 0px 0px 0px 0px;
	font-size		: 10px;
	color			: #666666;
}

.agenda span {
	cursor			: pointer;
}

.agenda .agendaItemDate {
	width			: 68px;
	padding			: 4px 10px 5px 0px;
	background		: url(../img/icons/calendarIcon.gif) no-repeat 0 4px;
}

.agenda .agendaItemDate .calendarItem {
	float			: left;
	padding			: 4px 0px 0px 3px;
	width			: 26px;
	height			: 30px;
}

.agenda .agendaItemDate .calendarItem .day {
	padding			: 0px 0px 0px 3px;
	font-weight		: bold;
}

.agenda .agendaItemDate .calendarItem .month {
	color			: #FF0000;
	font-weight		: bold;
	font-size		: 10px;
	color			: #980001;
}

.agenda .agendaItem table {
	width			: 100%
}

.agenda .agendaItem .agendaItemInfo a span {
	float			: left;
	display			: block;
}

.agenda .agendaItem .agendaItemInfo a img {
	float			: right;
	margin			: 0px 5px 0px 0px;
}

.agenda .agendaNav {
	margin			: 5px 0px 0px 0px;
}

.agenda .agendaNav .showMoreAgenda {
	float			: right;
	display			: block;
	margin			: 2px 0px 0px 0px;
}

/*

-- COMMON End

-- FRAME Start

*/

body {
	padding			: 0px;
	margin			: 0px;
	background		: #FFFFFF;
	text-align		: center;
	margin			: 0px auto;
	font			: 11px verdana, arial;
	color			: #666666;
}

a {
	text-decoration	: none;
}

a:hover {
	text-decoration	: underline;
}

#mainstatic {
    width: 700px;
    margin: 10px auto;
    text-align: left;
}

#container {
	width			: 1004px;
	text-align		: left;
	padding			: 8px 0px 0px 0px;
	margin			: 0px auto;
}

#frame .topLhs {
	width			: 22px;
	height			: 22px;
	background		: #FFFFFF url(../img/frame/topLhs.gif) no-repeat;
}

#frame .top {
	width			: 960px;
	height			: 22px;
	background		: #FFFFFF url(../img/frame/top.gif) repeat-x 50%;
}

#frame .topRhs {
	width			: 22px;
	height			: 22px;
	background		: #FFFFFF url(../img/frame/topRhs.gif) no-repeat;
}

#frame .lhs {
	width			: 22px;
	background		: #FFFFFF url(../img/frame/left.gif) repeat-y 50%;
}

#frame .frameContent {
	width			: 950px;
	background		: #FFFFFF;
	padding			: 0px 10px 0px 0px;
}

#frame .rhs {
	width			: 22px;
	background		: #FFFFFF url(../img/frame/right.gif) repeat-y 50%;
}

#frame .bottomLhs {
	width			: 22px;
	height			: 39px;
	background		: #f5f5f5 url(../img/frame/bottomLhs.gif) no-repeat;
}

#frame .bottom {
	width			: 960px;
	height			: 39px;
	padding			: 0px 0px 8px 0px;
	vertical-align	: top;
	background		: #f5f5f5 url(../img/frame/bottom.gif) repeat-x top left;
}

#frame .bottom .metaNav {
	float			: right;
	margin			: 8px 22px 0px 0px
}

#frame .bottom .metaNav a {
	float			: right;
	color			: #333333;
	padding			: 0px 8px;
	font-size		: 10px;
	border			: #000000 solid 1px;
	border-width	: 0px 1px 0px 0px;
}

#frame .bottomRhs {
	width			: 22px;
	height			: 39px;
	background		: #f5f5f5 url(../img/frame/bottomRhs.gif) no-repeat;
}

/*

-- FRAME End

-- HEADER Start

*/

#header .logo {
	float			: left;
	width			: 209px;
	height			: 74px;
	margin			: 25px 0px 0px 0px;
}

#header .leaderboard {
	float			: right;
	width			: 728px;
	height			: 90px;
	margin			: 8px 0px 0px 0px;
}

#header .crumbleContainer {
	font-size		: 10px;
	float			: right;
	width			: 727px;
	height			: 15px;
	padding			: 3px 0px 3px 0px;
}

.crumbleContainer .crumblePath {
	float			: left;
	color			: #999999;
}

.crumblePath .seperator {
	float			: left;
	width			: 15px;
	height			: 15px;
	display			: block;
	background		: #FFFFFF url(../img/crumbleSeperator.gif) no-repeat;
}

.crumblePath a {
	float			: left;
	font-size		: 10px;
	color			: #666666;
	display			: block;
}

.crumbleContainer .date {
	float			: right;
	font-size		: 10px;
	color			: #666666;
}

/*

---- MENU Start

*/

#header {
	margin			: 0px 7px 0px 0px;
}

#header .sectionWrap {
	float			: left;
	padding			: 0px 0px 0px 35px;
}

#header #sectionId {
	float			: left;
	width			: 181px;
	height			: 33px;
	margin			: 0px 0px 0px 0px;
}

#header .subSectionId {
	float			: left;
	width			: 181px;
	height			: 29px;
	margin			: 0px 0px 0px 0px;
}

#menuContainer {
	float			: right;
	width			: 727px;
	height			: 63px;
}

#mainMenuContainer {
	position		: relative;
	top				: 0px;
	left			: 0px;
	width			: 100%;
	height			: 34px;
}

#mainMenuContainer .mainMenuItem {
	float			: left;
	margin			: 12px 0px 0px 25px;
}

#mainMenuContainer .mainMenuItem a {
	font-size		: 13px;
	font-weight		: bold;
	text-decoration	: none;
	color			: #FFFFFF;
}

#subMenuContainer {
	position		: relative;
	width			: 100%;
	height			: 29px;
	background		: url(../img/subMenuBg.gif) repeat-x 50%;
}

#subMenuContainer .subMenu {
	display			: none;
	position		: absolute;
	top				: 0px;
	left			: 0px;
}

#header #sectionId {
	border			: 1px solid;
	border-width	: 0px 0px 1px 0px;
}

#header .subSectionId {
	background		: url(../img/subMenuBg.gif) repeat-x 50%;
}

#subMenuContainer .selected {
	display			: block;
}

#subMenuContainer .subMenu .subMenuItem {
	float			: left;
	display			: block;
	margin			: 7px 25px 0px 0px;
}

#subMenuContainer .subMenu .subMenuItem a {
	font-size		: 11px;
	color			: #000000;
	text-decoration	: none;
}

#mainMenuContainer #mainButBgContainer {
	position 		: absolute;
	display			: none;
	top				: 11px;
	left			: 0px;
	height			: 25px;
	z-index			: 1;
}

#mainButBgContainer #mainButBgLhs {
	float 			: left;
	width			: 10px;
	height			: 25px;
	background		: url(../img/mainMenuBgLhs.png) no-repeat;
}


#mainButBgContainer #mainButBg {
	float 			: left;
	width			: 1px;
	height			: 25px;
	background		: #FFFFFF url(../img/mainMenuBg.png) repeat-x;
}


#mainButBgContainer #mainButBgRhs {
	float 			: left;
	width			: 10px;
	height			: 25px;
	background		: url(../img/mainMenuBgRhs.png) no-repeat;
}

/*

---- MENU End
-- HEADER End

-- BLOCK LHS Start

*/

#content #blockLhs {
	float			: left;
	width			: 211px;
	margin			: 5px 0px 0px 0px;
}

#blockLhs .blockLhsContainer {
	margin			: 0px 0px 0px 31px;
}

/*

-- BLOCK LHS End

-- BLOCK Middle Start

*/

#content #blockMiddle {
	float			: left;
	margin			: 0px 0px 0px 8px;
	padding			: 0px 4px;
	width			: 352px;
}

#content #blockMiddleBig {
	float			: left;
	margin			: 0px 4px 0px 12px;
	width			: 540px;
}

/*

---- designedTopPage Start

*/

.designedTopPage {
	background		: url(../img/designedTopPageBg.gif) repeat-x bottom center;
}

.designedTopPage p {
	padding			: 10px 0px;
	margin			: 10px 0px 10px 0px;
	font-size		: 10px;
}

.designedTopPage h2 {
	margin			: 0px 0px 5px 10px;
}

.designedTopPage .inputText {
	float			: left;
	width			: 195px;
	height			: 18px;
	padding			: 3px 0px 0px 5px;
	margin			: 0px 0px 2px 10px;
	font			: 11px verdana, arial;
	border			: 1px solid #999999;
	color			: #999999;
}

.designedTopPage a {
	float			: left;
	margin			: 0px 0px 0px 5px;
}

.designedTopPage span {
	float			: left;
	margin			: 0px 0px 0px 10px;
	font-size		: 10px;
	color			: #666666;
}

/*

---- adjustControls Start

*/

.adjustControls {
	height			: 30px;
}

.adjustControls select {
	float			: right;
	width			: 125px;
	margin			: 6px 0px 0px 10px;
	font-size		: 11px;
}

.adjustControls span {
	float			: right;
	display			: block;
	margin			: 9px 0px 0px 30px;
	font-weight		: bold;
}

/*

---- adjustControls End
---- designedBlock Start

*/

.designedBlock {
	float			: left;
	width			: 246px;
	height			: 225px;
	padding			: 10px;
	font-size		: 9px;
	background		: url(../img/designedBlockBg.gif) repeat-x bottom center;
}

.designedBlock p {
	padding			: 0px;
	margin			: 10px 0px;
}

.designedBlock a {
	font-size		: 9px;
	color			: #999999;
}

.designedBlock .inputText {
	margin			: 0px 0px 5px 5px;
	padding			: 0px;
	width			: 155px;
	border			: 1px solid #cccccc;
}

.designedBlock .inputCheck {
	margin			: 0px 0px 5px 5px;
	padding			: 0px;
	width			: 15px;
	height			: 15px;
}

/*

---- designedBlock End

---- registerBlock Start

*/

.registerBlock {
	margin			: 15px 0px 0px 10px;
	font-size		: 9px;
	color			: #666666;
}

.registerBlock table td {
	padding			: 5px 0px;
}

.registerBlock table td input {
	border			: #cdcdcd solid 1px;
}

.registerBlock table td textarea {
	border			: #cdcdcd solid 1px;

}

.registerBlock table  .label {
	padding			: 5px 0px 5px 10px;
}

.registerFooter {
	width			: 365px;
	height			: 22px;
	padding			: 8px 175px 0px 0px;
}

.registerFooter a {
	font-size		: 9px;
	padding			: 0px 10px 0px 5px;
	color			: #999999;
}

/*
---- registerBlock End
-- BLOCK Middle End

-- BLOCK RHS Start

*/

#content #blockRhs {
	float			: left;
	margin			: 5px 0px 0px 8px;
	width			: 360px;
}

#content #blockRhsSmall {
	float			: left;
	margin			: 5px 0px 0px 0px;
	width			: 180px;
}

/*

-- BLOCK RHS End

-- FOOTER Start

*/

#footer {
	margin			: 45px 0px 0px 35px;
	padding			: 0px;
	width			: 915px;
}

#footer .secNavContainer {
	float			: left;
	width			: 907px;
}

#footer .secNavContainer table {
	width			: 100%;
	background		: #f3f3f3;
}

#footer .secNavContainer th {
	padding			: 15px 0px 10px 15px;
	font-size		: 12px;
	color			: #333333;
	font-weight		: normal;
}

#footer .secNavContainer td {
	padding			: 0px 0px 0px 15px;
	height			: 100px;
	vertical-align	: top;
}

#footer .secNavContainer ul {
	padding			: 0px;
	margin			: 0px;
}

#footer .secNavContainer li {
	padding			: 0px;
	margin			: 0px;
	list-style		: none;
}

#footer .secNavContainer a {
	display			: block;
	padding			: 0px 0px 2px 0px;
	font-size		: 9px;
	color			: #999999;
}

#footer .logoVisual {
	float			: right;
	width			: 131px;
	height			: 204px;
	background		: #FFFFFF url(../img/logoBig.jpg) no-repeat;
}

/*

-- FOOTER End

*/