/* CSS Document */

/* COLORS
 * Gray: #ededed
 * Orange: #ed7e13
 * Blue #2d7cbf
 */

/**
 * Full browser height
 */
html, body {
	height: 100%;
}

#center .blue {color:#2d7cbf;}
#center .orange {color:#ed7e13;}
#center .gray {color:#ededed;}
#center .bgBlue {background-color:#2d7cbf;}
#center .bgOrange {background-color:#ed7e13;}
#center .bgGray {background-color:#ededed;}

/**
 * COMMON STYLES
 */

/** TEXT ALIGN */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

 /** FLOATS */
.float-left { float: left; }
.float-right { float: right; }

/** CLEARS */
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

/** CLEARFIX */
.clearfix:after {
    content: " ";
    display: block;
    height: 0.1px;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

.clearfix { display: block; }

/* This would preferable go in an IE specific stylesheet */
/* \*/
* html .clearfix { height: 1%; zoom: 1; }
/**/

/**
 * ROUNDED OUTLINED BOX
 */
 .roundedOutlinedBox div, .roundedFilledBox div {position: relative; margin: 0px; padding: 0px;}
.roundedOutlinedBox {position: relative;}
.roundedOutlinedBox .t {background: url(/img/rounded_box/dot.gif) 0 0 repeat-x; }
.roundedOutlinedBox .b {background: url(/img/rounded_box/dot.gif) 0 100% repeat-x}
.roundedOutlinedBox .l {background: url(/img/rounded_box/dot.gif) 0 0 repeat-y}
.roundedOutlinedBox .r {background: url(/img/rounded_box/dot.gif) 100% 0 repeat-y}
.roundedOutlinedBox .bl {background: url(/img/rounded_box/bl.png) 0 100% no-repeat}
.roundedOutlinedBox .br {background: url(/img/rounded_box/br.png) 100% 100% no-repeat}
.roundedOutlinedBox .tl {background: url(/img/rounded_box/tl.png) 0 0 no-repeat}
.roundedOutlinedBox .tr {background: url(/img/rounded_box/tr.png) 100% 0 no-repeat; padding:10px}

.roundedOutlinedBox h1 { margin-left: 0px; }

/**
 * ROUNDED FILLED BOX
 */
.roundedFilledBox { position: relative; }
.roundedFilledBox .bl {background: url(/img/rounded_box/filled_bl.png) 0 100% no-repeat #2d7cbf; }
.roundedFilledBox .br {background: url(/img/rounded_box/filled_br.png) 100% 100% no-repeat}
.roundedFilledBox .tl {background: url(/img/rounded_box/filled_tl.png) 0 0 no-repeat}
.roundedFilledBox .tr {background: url(/img/rounded_box/filled_tr.png) 100% 0 no-repeat; padding:10px}

/**
 * ROUND CORNERS
 * Use these styles, but specify extra css rules for formatting color
 */
.rtop, .rbottom{display:block;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background-color:#ededed;}
.content_box {
background-color:#ededed;
overflow: hidden;
}
.r1{margin: 0 5px;}
.r2{margin: 0 3px;}
.r3{margin: 0 2px;}
.r4{margin: 0 1px; height: 2px}

/**
 * STANDARD ELEMENTS
 */
a img {
	border:none;
}

#center a.orange {
	color:#ed7e13;
}

#submenu a.twtitle, #submenu a.twtitle:hover {
	color:#ed7e13;
	text-decoration:none;
}

/**#center form font { color:red}**/

#center a.button {
    display: block-inline;
    padding: 2px 4px;
    border: 1px solid #000;
    background-color: #ededed;
    color: #000;
}

#center a.button:hover {
    text-decoration: none;
    background-color: #fff;
}

h1 {
	margin-left:5px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 0px;
	font-size:20px;
	color:#ed7e13; /* TODO */
}

h2 {
	margin:5px;
	font-size:14px;
	color:#813589; /* TODO */
}

h3 {
	margin-left:5px;
	margin-right:5px;
	font-size:11pt;
	color:#813589; /* TODO */
	line-height: 18pt;
}

h4 {
	color:#813589;
	font-style:normal;
	font-size:11px;
	text-decoration:none;
}

p {
	margin:0px 5px 10px 5px;
}

ul, ol {
	padding-left: 25px;
}

input {
	border: 1px solid black;
}

#center input:disabled {
    color:#777;
}

#center input#changeUsername {
    font-size: 12px;
    line-height: 16px;
    color: #2d7cbf;
    width: 160px;
    text-align: center;
    font-weight: normal;
}

#center input#changeUsername:hover {
    background-color: #fff;
    font-weight: bold;
    cursor: pointer;
}

#center #username { background-color: #eee; }

#center .usernameStatus { display: none; }
#center .usernameStatus span { font-style: italic; }
#center .usernameStatusEmpty { line-height: 19px; }
#center #usernameError span, #center #usernameError strong { color: #f00; }
#center #usernameOk span, #center #usernameOk strong { color: #0a0; }


.checkboxes {
    border: 0px solid black;
}
.radios {
   border: 0px solid black;
}

button.styleButtons {
	border: 1px solid black;
}


textarea {
	border: 1px solid black;
}

#login_button {
	border: 0px solid black;
}

#center a, #center table a {
	color:#813589;
	font-style:normal;
	text-decoration:none;
}

#center a:hover {
	text-decoration:underline;
}

#center table {
	margin:5px;
}

#teamwebhome {
	position:relative;
	left:-10px;
	top:-12px;
	width:780px;
}

/**
 * STRUCTURE
 */
* {
	margin:0;
	padding:0;
}

hr {
	background-color: #ededed;
	border: 0px;
	height: 5px;
}

.inverted_hr {
	background-color: #ffffff;
	border: 0px;
	height: 2px;
}

.inverted_hr_dark {
	background-color: #cccccc; /* TODO? */
	border: 0px;
	height: 2px;
}

.grayTableRow {
    background-color: #ededed;
    padding-left: 5px;
    padding-right: 5px;
}

.whiteTableRow {
    background-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}

body {
	background-color:#fff; /* NO CHANGE */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#wrap {
	position:relative;
	text-align: left;
	width: 803px;
	min-height:100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:-125px;
	background-color:#ffffff; /* KEEP? */
	border-right:255px solid #ededed;
	/* preload menu hover image */
	background-image:url(/img/tab_menu_hovered.png);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

#top_bar{
	position:relative;
	width: 953px;
	margin-left: auto;
	margin-right:auto;
	padding: 0px;
	height: 110px;
	border: 0px solid black;
}

#top_bar_grey_border {
	position:relative;
	height: 10px;
	background-color: #ededed;
	margin-left:auto;
	margin-right:auto;
	width: 953px;
}

#top_bar_north_border {
	position:relative;
	height: 3px;
	width: 953px;
	border: 0px solid black;
	margin-left:auto;
	margin-right:auto;
	background-repeat: repeat-x;
}

#top_bar_south_border {
	position:relative;
	width: 953px;
	margin-left:auto;
	margin-right:auto;
	height: 5px;
}


#banner_top {
	position:relative;
	float:right;
	border:0px solid black;
	margin-right: 15px;
	margin-top:10px;
	/*height: 60px;*/

}

#square_banner {
	position:relative;


}

#hockey_nl_logo {
	position:relative;
	float:left;
	border:0px solid black;
	margin-left: 30px;
	top: 10%; // top: 33%;
}

#banner_right {
	position:relative;
	float:right;
	width:200px;
	margin-right:-220px;
	padding-top:10px;/*15*/
	padding-bottom:15px;
	text-align:center;
	background-color:#ededed; /* TODO */
}

#banner_right object {
    margin-left: 15px;
    *margin-left: 0px; /* IE7 and below */
    }

#banner_empty {
	width:120px;
	height:100%;
}

#user_banner {
	background-color:#2d7cbf;
/*	position:relative;*/
/*	left:170px;*/
	width:450px;
	margin-left: auto;
	margin-right: auto;
	height:50px;
	text-align: left;
}

#user_banner_text {
    position: relative;
	top: 0px;
	vertical-align: top;
	font-size: 12px;
	color: #ffffff;
}



#push {
	position:relative;
	float:left;
	width:788px;
	height:125px;
	margin-bottom:-125px;
}

#marquee {
	position:relative;
	width:748px;
	height:25px;
	padding:5px 15px 5px 15px;
	background-color:#ffffff; /* TODO */

}

#marquee marquee {
	color:#ed7e13;
}

#marquee marquee a {
	color:#2d7cbf;
	text-decoration:none;
}

#marquee marquee a:hover {
	text-decoration:underline;
}

#marquee .rtop *, #marquee .rbottom *, #marquee .content_box {
	background-color:#ededed; /* TODO */
}

#banner_bottom {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color:#ffffff; /* TODO */
	color:#000000;
	font-size:9px;
	text-decoration:none;
}

#banner_bottom a {
	color:#000000;
	font-size:9px;
	text-decoration:none;
}

#banner_bottom object {
    margin: 0px auto;
}

#banner_bottom object param {
    cursor: pointer;
}
#menu {
	position:relative;
	left:-15px;
	width:803px;
	height:105px;
	border-bottom:15px solid #ffffff; /* TODO */
	background-color:#ededed; /* TODO */
}

#menu img.logo {
	position:relative;
	float:left;
	margin-top:12px; /* To align img with border-bottom of #menu */
	margin-right:-10px;
}

#menu ul {
	position:relative;
	height:25px;
	width:380px;
	top:30px;
	left:10px;
	float:left;
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}

#menu ul li{
	position:relative;
	display:inline;
}


#menu ul a {
	position:relative;
	float:left;
	width:90px;
	margin-right:5px;
	line-height:25px;
	text-align:center;
	/*background-image:url(http://www.teamwebs.nl/img/tab_menu.php);*/
	background-image:url(/img/tab_menu.png);
	background-repeat:no-repeat;
	font-size:11px;
	text-decoration:none;
	color:black;
}

#menu ul li.activelink a, #menu ul li a:hover, #menu ul li.teamy a:hover{
	color:white; /* TODO */
	/*background-image:url(http://www.teamwebs.nl/img/tab_menu.php?fgc=ed7e13);*/
	background-image:url(/img/tab_menu_hovered.png);
}

#menu ul li.teamy, #menu ul li.teamy a {
	margin-top:-61px;
	height:86px;
	background-position:bottom;
}

#menu ul li.teamy a img {
	position:relative;
	top:4px;
	margin-bottom:-10px;
}

/* COLORS
 * Gray: #ededed
 * Orange: #ed7e13
 * Blue #2d7cbf
 */

.teamies_thumbnail {
	height: 150px;
}

.club_thumbnail {
	height: 100%;
}
.ad_thumbnail {
    height: 100%;
}

.stat_thumbnail {
	height: 100%;
}

#buttons {
	position:relative;
	float:left;
	top:13px;
	left:40px;
	width:94px;
}

#buttons a img {
	border:none;
}

#button .content_box a {
	text-decoration: none;
}

#button .content_box a:hover {
	text-decoration: underline;
}

#logged_in {
	position:relative;
	float:left;
	width:230px;
	height: 50px;
	top:17px;
	left:50px;
	font-size:9px;
	color:black;
}

#login {
	position:relative;
	float:left;
	width:230px;
	height: 50px;
	top:10px;
	left:30px;
	font-size:9px;
	color:black;
}

#login a {
	text-decoration:underline;
	color:black; /* TODO */
}

#login input.textfield {
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color:#ededed; /* TODO */
	border:1px solid black;
}

#login input.button {
	position:relative;
	/*float:right;
	top:1px;
	left:-17px;*/
}

#left {
	position:relative;
	top:0px;
	float:left;
	width:788px; /* Wrap width - banner_right width */
	background-color:#ffffff; /* TODO */
	border-left:15px solid #ffffff;
	/* preload submenu hover image */
	background-image:url(/<br />
<b>Notice</b>:  Undefined index: submenu_button_hovered in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>647</b><br />
?879);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

#streamer_banner {
	position:relative;
	float:right;
    text-align:right;
	margin:0px 28px 1px 5px;
}

#submenu {
	position:relative;
    top:-5px;
	width:773px; /* wrap width - padding left */
	padding-left:15px;
	padding-top:5px;
	/*height:85px;*/
	background-color:#ffffff; /* TODO */
}

html>body #submenu {
	height: auto;
	min-height:85px;
    max-height:85px;
}

#submenu h1 {
	display:inline;
	position:relative;
	top:-12px;
}

#submenu ul {
	position:relative;
	height:25px;
	width:750px;
	float:left;
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
	border-bottom: 5px solid #ededed;
}

#submenu ul li{
	position:relative;
	display:inline;
}


#submenu ul a {
    position:relative;
    float:left;
    background-image:url(/<br />
<b>Notice</b>:  Undefined index: submenu_button in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>702</b><br />
?970);
    width: auto;
    margin-right:5px;
    padding-left: 8px;
    line-height:25px;
    text-align:center;
    background-repeat: no-repeat;
    background-position: left top;
    font-size:11px;
    text-decoration:none;
    color: black;
}

#submenu ul a span {
    display: block;
    float: left;
    padding-right: 8px;
    background-image:url(/<br />
<b>Notice</b>:  Undefined index: submenu_button in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>719</b><br />
?898);
    background-repeat: no-repeat;
    background-position: right top;
}

#submenu ul li.activelink a, #submenu ul li a:hover{
	color:white; /* TODO */
	background-image:url(/<br />
<b>Notice</b>:  Undefined index: submenu_button_hovered in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>726</b><br />
?879);
	height:30px;
	background-color:#ed7e13;
}

#submenu ul li.activelink a span, #submenu ul li a:hover span {
	background-image:url(/<br />
<b>Notice</b>:  Undefined index: submenu_button_hovered in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>732</b><br />
?879);
}

#submenu ul li a:hover { cursor: pointer; }

ul#teamawardsMenu {
    position:absolute;
    bottom:0px;
    width:700px;
    height:25px;
    float:left;
    list-style-type:none;
    display:inline;
    margin:0;
    padding:0;
    border-bottom: 5px solid #ededed;
}

ul#teamawardsMenu li {
    position:relative;
    display:inline;
}

ul#teamawardsMenu li a {
    position:relative;
    float:left;
    background-image:url(/img/teamawards/tab_submenu_teamawards_tl.png);
    width: auto;
    margin-right:5px;
    padding-left: 8px;
    line-height:25px;
    text-align:center;
    background-repeat: no-repeat;
    background-position: left top;
    font-size:11px;
    text-decoration:none;
    color: black;
}

ul#teamawardsMenu li a span {
    display: block;
    float: left;
    padding-right: 8px;
    background-image:url(/img/teamawards/tab_submenu_teamawards_tr.png);
    background-repeat: no-repeat;
    background-position: right top;
}

ul#teamawardsMenu li.activelink a, ul#teamawardsMenu li a:hover {
	background-image:url(/img/teamawards/tab_submenu_teamawards_hover_tl.png);
}

ul#teamawardsMenu li a:hover { cursor: pointer; }

ul#teamawardsMenu li.activelink a span, ul#teamawardsMenu li a:hover span {
	background-image:url(/img/teamawards/tab_submenu_teamawards_hover_tr.png);
}

#center {
	position:relative;
	float: left;
    top:5px;
	width:753px; /* wrap width - padding left */
	height:200px;
	padding-left:15px;
	background-color:#ffffff; /* TODO */
	color:#000000; /* TODO */
}

html>body #center {
	height: auto;
	min-height: 200px;
}

#center .cc {
	position:relative;
	float:left;
	margin-right:11px;
}


#center form * {
	color:#000000;
}

#center form a {
	color:#813589;
}


span.errorColor {
	color:#FF0000;
}

#center form span.errorColor {
	color:#FF0000;
}

#welcome {
	position:relative;
	width:250px;
	/*height:100px;*/
}

#welcome .content_box {
	/*margin-top:-5px;*/
	text-align:center;
	background-color:#ededed; /* TODO */
}

#welcome .rtop *, #welcome .rbottom *{
	background-color:#ededed; /* TODO */
}

#photo {
	position:relative;
	top:10px;
	width:250px;
	/*height:220px;*/
	text-align:center;
	margin-bottom:25px;
}

#photo_large {
	position:relative;
	top:10px;
	/*width:650px;*/
	/*height:220px;*/
	text-align:center;
	margin-bottom:8px;
}

#photo img, #photo_large img {
	position:relative;
	top:1px;
}

#photo .rtop *, #photo .rbottom *, #photo .content_box,
#photo_large .rtop *, #photo_large .rbottom *, #photo_large .content_box {
	background-color:#ededed; /* TODO */
}

#upcoming_header, .teammember_header, .statthumb_header {
	position:relative;
	width:135px;
	height:45px;
}

.link_header {
	position:relative;
	width:170px;
	height:45px;
}

.teammember {
	position:relative;
	top:-22px;
	width:270px;
}


.advertise_text {
	position:relative;
	top:-22px;
	width:300px;
}


.clubdetails {
        position: relative;
        top: -22px;
	width:270px;

}

#upcoming {
	position:relative;
	top:-22px;
	width:270px;
	height:120px;
}

#upcomingportal {
	position:relative;
	top:-22px;
	width:270px;
	/*height:120px;*/
}

html>body #upcomingportal {
	height: auto;
	/*min-height: 120px;*/
}



#dummy_upcoming {
	position:relative;
	width:270px;
	height:162px;
}

#dummy_news {
	position:relative;
	width:270px;
	height:162px;
	margin-bottom:-162px;
}

.statthumb {
	position:relative;
	top:-22px;
	width:230px;


}
.statthumb_large {
	position:relative;
	top:-22px;
	width:230px;


}

.poll_result_bar {

	margin-bottom: 0px;
	float:left;
	height: 8px;
	background-color: #ed7e13;
	width: 1px;
}

.portal_thumb_holder {
	position:relative;
	width: 95px;
	float:left;
	border: 0px solid black;
	height: 90px;
}

#upcoming_header .rtop *, #upcoming_header .rbottom *, #upcoming_header .content_box  {
	background-color:#ededed; /* TODO */
}

#upcoming .rtop *, #upcoming .rbottom *, #upcoming .content_box  {
	background-color:#ededed; /* TODO */
}

#upcomingportal .rtop *, #upcomingportal .rbottom *, #upcomingportal .content_box  {
	background-color:#ededed; /* TODO */
}

.teammember_header .rtop *, .teammember_header .rbottom *, .teammember_header .content_box, .statthumb_header .rtop *, .statthumb_header .rbottom *, .statthumb_header .content_box,
.link_header .rtop *, .link_header .rbottom *, .link_header .content_box{
	background-color:#ededed; border-radius: 8px; /* TODO */
}

.teammember .rtop *, .teammember .rbottom *, .teammember .content_box,
.gadget_info_box .rtop *, .gadget_info_box .rbottom *, .gadget_info_box .content_box,
.statthumb .rtop *, .statthumb .rbottom *, .statthumb .content_box,
.statthumb_large .rtop *, .statthumb_large .rbottom *, .statthumb_large .content_box
 {
	background-color:#ededed; /* TODO */
}

.event_white, .event_orange {width:260px; margin:0 5px 0 5px; position:relative; top:5px;}
.event_white {margin-top:5px;}

#upcomingportal .content_box .event_white .rtop *, #upcomingportal .content_box .event_white .rbottom *{background-color:#ffffff;}
#upcomingportal .content_box .event_white .content_box {background-color:#ffffff; color:#ed7e13; }
#upcomingportal .content_box .event_white .content_box a{color:#ed7e13; font-weight:bold;}

#upcomingportal .content_box .event_orange .rtop *, #upcomingportal .content_box .event_orange .rbottom *{background-color:#ed7e13;}
#upcomingportal .content_box .event_orange .content_box {background-color:#ed7e13; color:#ffffff;}
#upcomingportal .content_box .event_orange .content_box a{color:#ffffff; font-weight:bold;}


.event_white .content_box p, .event_orange .content_box p {margin:0 5px 0 5px;}

.userinfo {
	font-weight: bold;
	font-style:normal;
	text-decoration: none;
	color: #000000; /* TODO */ /* KEEP? */
}

#teaming {
	position:relative;
	top:-22px;
	width:270px;
	height:120px;
}

#matchreporttab {
	position:relative;
	width:300px;
	height:40px;
}

#matchreporttab .rtop *, #matchreporttab .rbottom *, #matchreporttab .content_box {
	background-color:#ededed; /* TODO */
}

#newsitemtab_large {
	position:relative;
	width:250px;
	height:40px;
}
#newsitemtab {
	position:relative;
	width:140px;
	height:40px;
}

#photo_portal_tab .rtop *, #photo_portal_tab .rbottom *, #photo_portal_tab .content_box,
#mr_portal_tab .rtop *, #mr_portal_tab .rbottom *, #mr_portal_tab .content_box,
#fun_portal_tab .rtop *, #fun_portal_tab .rbottom *, #fun_portal_tab .content_box,
#newsitemtab .rtop *, #newsitemtab .rbottom *, #newsitemtab .content_box,
#newsitemtab_large .rtop *, #newsitemtab_large .rbottom *, #newsitemtab_large .content_box {
	background-color:#ededed; /* TODO */
}

#announcements_header {
	position:relative;
	width:135px;
	height:40px;
}

#announcements_header .rtop *, #announcements_header .rbottom *, #announcements_header .content_box {
	background-color:#ededed; /* TODO */
}

#announcements {
	position:relative;
	top:-22px;
	width:270px;
	height:100px;
}

#fun_portal_tab {
	position:relative;
	width:140px;
	height:40px;
}

#fun_portal {
	position:relative;
	top:-22px;
	width:250px;
/*	height:100px;*/
}

.fun_portal_small_heading {
	background-color: #ffffff;
	width: 240px;
}

#mr_portal_tab {
	position:relative;
	width:140px;
	height:40px;
}

#mr_portal {
	position:relative;
	top:-22px;
	width:270px;
/*	height:100px;*/
}

#photo_portal_tab {
	position:relative;
	width:140px;
	height:40px;
}

#photo_portal {
	position:relative;
	top:-22px;
	width:200px;

}

.portal_content {
	position:relative;
	background-color: #fff;
	margin-left: 5px;
	margin-right: 5px;
}

.headlines_entry {
	position:relative;
	border-bottom: 1px solid #ededed;
	margin-left: 5px;
	margin-right: 5px;
}



.headlines_logo {
	margin-left: 5px;
	margin-top: 8px;
}



.headlines_title {
	margin-top: 2px;
}

.headlines_msg {
	margin-bottom: 2px;
}
html>body #announcements {
	height:auto;
	/*min-height:100px;*/
}

#photo_portal .rtop *, #photo_portal .rbottom *, #photo_portal .content_box,
#mr_portal .rtop *, #mr_portal .rbottom *, #mr_portal .content_box,
#fun_portal .rtop *, #fun_portal .rbottom *, #fun_portal .content_box,
#announcements .rtop *, #announcements .rbottom *, #announcements .content_box {
	background-color:#ededed; /* TODO */
}

#announcements_large {
	position:relative;
	top:-22px;
	width:748px;
}

#announcements_large .rtop *, #announcements_large .rbottom *, #announcements_large .content_box {
	background-color:#ededed; /* TODO */
}

#shout_header {
	position:relative;
	width:135px;
	height:40px;
}

#shout_header .rtop *, #shout_header .rbottom *, #shout_header .content_box {
	background-color:#ededed; /* TODO */
}

#shout {
	position:relative;
	top:-22px;
	width:200px;
	height:283px;
}

#shout .rtop *, #shout .rbottom *, #shout .content_box {
	background-color:#ededed; /* TODO */
}

#shout_large {
	position:relative;
	top:-22px;
	width:650px;
}

#shout_large .rtop *, #shout_large .rbottom *, #shout_large .content_box {
	background-color:#ededed; /* TODO */
}

#shout_content {
	position:relative;
	left:5px;
	width:190px;
	height:273px;
	overflow:hidden;
	background-color:#ffffff; /* TODO */
}
#shout_content_large {
	position:relative;
	left:5px;
	width:640px;
/*	height:273px;*/
	overflow:hidden;
	background-color:#ffffff; /* TODO */
}

#shout_content span {
	margin-left:5px;
	margin-right:5px;
}

#shout_content span font {
	color:#813589;
	font-size:11px;
}

#agenda_header {
	position:relative;
	width:135px;
	height:40px;
}

#agenda_header .rtop *, #agenda_header .rbottom *, #agenda_header .content_box {
	background-color:#ededed; /* TODO */
}

#agenda {
	position:relative;
	top:-22px;
	width:745px;
	height:283px;
}

#agenda .rtop *, #agenda .rbottom *, #agenda .content_box {
	background-color:#ededed; /* TODO */
}

#agenda_content {
	position:relative;
	left:5px;
	width:735px;
	height:273px;
	overflow:hidden;
	background-color:#ffffff; /* TODO */
}

#about_img {
	position:relative;
	width:267px;
	height:264px;
	text-align:center;
}

#about_header {
	position:relative;
	top:-7px;
	width:350px;
	height:30px;
	z-index:2;
}

#about_header ul {
	position:relative;
	height:25px;
	width:375px;
	top:1px;
	float:left;
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
	border-bottom:5px solid #ededed;
}

#about_header ul li{
	position:relative;
	display:inline;
}


#about_header ul a {
	position:relative;
	float:left;
	width:120px;
	margin-right:5px;
	line-height:25px;
	text-align:center;
	background-image:url(http://www.teamwebs.nl/img/tab_about.php?fgc=ededed&bgc=ffffff);
	background-repeat:no-repeat;
	font-size:12px;
	text-decoration:none;
	color:black;
}

#about_header ul li.activelink a, #about_header ul li a:hover{
	color:white; /* TODO */
	background-image:url(http://www.teamwebs.nl/img/tab_about.php?fgc=ed7e13&bgc=ffffff);
}

#about {
	position:relative;
	top:-11px;
	width:450px;
}

#about ul {
	margin-left:25px;
}

#about table {
	margin-left:5px;
}

#profile_field {
	width: 125px;
	font-weight: bold;
}

img.userpic {
	width: 250px;
}

#userthumb {
	border: 1px solid #cccccc;
}

td.userpic {
	padding-left: 5px;
	height: 120px;
	width: 120px;
	padding-right: 15px;
}

td.linkbox_left {
	width: 200px;
	vertical-align: top;
}
td.linkbox_right {
	vertical-align: top;
}

div.swatch {
	display:inline;
	width:18px;
	height:18px;
	float:left;
	margin-right:2px;
	border:1px solid black;
}

.error {
	color:#ed7e13;
}

#center .tooltip span {
    color:#813589;
}

#center .tooltip, #center .tooltip:hover {
	position:relative;
	font-size:14px;
	font-weight:bold;
	color:#813589;
	text-decoration:none;
	cursor: default;
}

/** For albums overview page */
.thumbnail {
	width:90px;
	height:90px;
	margin:0 5px 0 5px;
	position:relative;
	top:5px;
}



#announcements_large .content_box .thumbnail .rtop *, #announcements_large .content_box .thumbnail .rbottom *{
	background-color:#ffffff;
}

#announcements_large .content_box .thumbnail .content_box {
	background-color:#ffffff;
	color:#ed7e13;
	text-align:center;
}

.thumbnail .content_box p {
	margin:0 5px 0 5px;
}

/** For thumbnail overview */
#thumb {
	position:relative;
	width:105px;
	margin-right:23px;
	margin-bottom:20px;
}

#thumb_portal {
	position:relative;
/*	width:105px;*/
	margin-right:5px;
	margin-bottom:5px;
}

#thumb.edit {
	width:115px;
	margin-right:5px;
	margin-bottom:5px;
}

#thumb.edit .content_box .thumbnail {
	width:95px;
}

#thumb .rtop *, #thumb .rbottom *, #thumb .content_box {
	background-color:#ededed; /* TODO */
}

#thumb .content_box .thumbnail {
	margin-right:auto;
	margin-left:auto;
}

#thumb .content_box .thumbnail .rtop *, #thumb .content_box .thumbnail .rbottom *{
	background-color:#ffffff;
}

#thumb .content_box .thumbnail .content_box {
	background-color:#ffffff;
	color:#ed7e13;
	text-align:center;
}

div.person img {
	float:left;
	margin:5px;
}

#anim {
	position:relative;
	width:112px;
	text-align:center;
}

#anim .rtop *, #anim .rbottom *, #anim .content_box {
	background-color:#ededed; /* TODO */
}

#announcements_portal {
	position: relative;
	width:100%;
	margin-bottom:0px;
	top: 10px;
}


#announcements_portal .rtop *, #announcements_portal .rbottom *, #announcements_portal .content_box ,
#facts_portal .rtop *, #facts_portal .rbottom *, #facts_portal .content_box ,
#headlines_portal .rtop *, #headlines_portal .rbottom *, #headlines_portal .content_box ,
#photos_portal .rtop *, #photos_portal .rbottom *
{
	background-color:#ededed; /* TODO */
}


#announcements_portal img {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 5px;
}


#headlines_portal {
	position:relative;
	top:10px;
	width:95%;
	margin-bottom:20px;
}


#facts_portal {
	position:relative;
	top:10px;
	width:100%;
	margin-bottom:0px;

}


#photos_portal {
	position:relative;
	top:10px;
	width:100%;
	margin-bottom:20px;
}

#portal_left_column {
	width: 272px;
	border: 0px solid black;
	margin-right: 10px;
}

.portal_photo_float {
	position: relative;
	float:left;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 7px;
	background-color: #fff;
}
#portal_right_column {
	width: 440px;
	border: 0px solid black;

}

#portal_text {
	position:relative;
	width:610px;
	top: 10px;
}


.portal_text, portal_text ul li, .portal_text p {
	line-height: 19px !important;
	font-size: 10pt !important;
}

#portal_text ul {
	margin-left:25px;
}
#portal_text ul li{
	line-height: 19px;
	font-size: 10pt !important;

	
}

.facts_column{
	width: 130px;
}

.facts_column_right {
	text-align: right;
	margin-right:0px;
}

#about_logo {
	margin-bottom: 2px;
/*	margin-left: 5px;
	margin-right: 0px;

	margin-top: 1px;*/
}
#portal_photo_container {
	background-color: #fff;
	margin-left: 10px;
	margin-right: 0px;
}

#portal_announcements_content_box {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 14px;
	background-color: #fff;
}


.announcement_bullet {
	margin-top: 0px;
	padding-right: 5px;
	padding-top: 0px;
	vertical-align:top;
	width: 16px;
	text-align: left;
}

/** For form box*/
.formbox {
	position:relative;
	width:600px;
	margin-right:17px;
	margin-bottom:17px;
}

.formbox .content_box {
	position:relative;
	padding:5px 10px 5px 10px;
}

.formbox h1 {
	margin-top:0px;
	margin-bottom:5px;
	font-size:16px;
    color:#ed7e13; /* TODO */
}

.formbox .rtop *, .formbox .rbottom *, .formbox .content_box {
	position:relative;
	background-color:#ededed; /* TODO */
}

.formbox .content_box .formbox_content {
	position:relative;
	margin-right:auto;
	margin-left:auto;
}

.formbox .content_box .formbox_content .rtop *, .formbox .content_box .formbox_content .rbottom *{
	position:relative;
	background-color:#ffffff;
}

.formbox .content_box .formbox_content .content_box {
	position:relative;
	background-color:#ffffff;
	color:#000000;
}

/** Button */
#button {margin:0px 10px 0px 0px; position:relative; top:5px; float:left;}
#button .rtop *, #button .rbottom *{background-color:#ed7e13;}
#button .content_box {background-color:#ed7e13; text-align:center;}
#button .content_box a{color:#ffffff; font-size:11px; display:block;}

/** Up button */
a#up {
	position:relative;
	width:50px;
	top:5px;
	background-image:url(/<br />
<b>Notice</b>:  Undefined index: button_up in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>1644</b><br />
?141);
	background-repeat:no-repeat;
	background-color:#ededed;
	display:block;
	color:#ed7e13;
	text-indent:20px;
	height:15px;
	font-size:11px;
}

a#up:hover {
	text-decoration:none;
}

/** Next previous block */
#nextprev {
	position:relative;
	margin-bottom:10px;
	background-color:#ffffff; /* TODO */
}

#nextprev center {
	position:relative;
	background-color:#ededed; /* TODO */
}

#nextprev.photodetail {
	position:relative;
	top:10px;
	margin:0px;
	background-color:#ededed;
}

#center #nextprev.comments {
	position:relative;
	margin:0px;
	background-color:#ededed;
}

#nextprev.comments center {
	background-color:#ededed;
}

#nextprev .rtop *, #nextprev .rbottom *, #nextprev .content_box {
	background-color:#ededed; /* TODO */
}

div#prev {
	position:relative;
    top:-1px;
	float:left;
	width:115px;
	z-index:1;
}
a#prev {
	position:relative;
	background-image:url(/<br />
<b>Notice</b>:  Undefined index: button_prev in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>1700</b><br />
?751);
	background-repeat:no-repeat;
    background-position:center left;
	display:block;
	color:#ed7e13;
	text-indent:27px;
	height:25px;
    line-height:25px;
	margin-left:10px;
	font-size:11px;
	text-align:left;
}

div#next {
	position:relative;
    top:-1px;
	float:right;
	width:115px;
	z-index:1;
}

a#next {
	position:relative;
	background-image:url(/<br />
<b>Notice</b>:  Undefined index: button_next in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>1723</b><br />
?232);
	background-repeat:no-repeat;
	background-position:center right;
	display:block;
	color:#ed7e13;
	height:25px;
    line-height:25px;
	padding-right:25px;
	margin-right:10px;
	font-size:11px;
	text-align:right;
}

a#prev:hover, a#next:hover {
	text-decoration:none;
}

#nextprev a.nr {
	position:relative;
	padding:3px;
	margin-top:2px;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
	background-color:#ededed;
}

#nextprev a.sel {
	/* background-image:url(/<br />
<b>Notice</b>:  Undefined index: button_circle in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>1751</b><br />
?768); */
	color:#ed7e13;
	font-size:16px;
}

#nextprev a.nr:hover {
	text-decoration:none;
}

/** Comments next and previous buttons */
#center .comment_next {
	position:relative;
	background-image:url(/<br />
<b>Notice</b>:  Undefined index: button_next in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>1763</b><br />
?997);
	background-repeat:no-repeat;
	background-color:#ededed;
	background-position:center right;
	display:block;
	color:#ed7e13;
	height:15px;
	margin-right:10px;
	padding-right:20px;
	font-size:11px;
}

#center .comment_prev {
	position:relative;
	background-image:url(/<br />
<b>Notice</b>:  Undefined index: button_prev in <b>/home/tws/domains/teamwebs.nl/public_html/css/style.php</b> on line <b>1777</b><br />
?916);
	background-repeat:no-repeat;
	background-color:#ededed;
	display:block;
	color:#ed7e13;
	text-indent:20px;
	height:15px;
	margin-left:10px;
	font-size:11px;
}

#center .comment_next:hover, #center .comment_prev:hover {
	text-decoration:none;
}

/** Bar */
#bar {
	position:relative;
	margin-bottom:10px;
	background-color:#ffffff; /* TODO */
}

#bar .rtop *, #bar .rbottom *, #bar .content_box {
	background-color:#ededed; /* TODO */
}

#bar .content_box center h1{
	margin-bottom:0px;
}

#bar .content_box div#left {
	position:relative;
    top:0px;
	float:left;
	display:inline;
	border:none;
	margin-left:10px;
	background-color:#ededed; /* TODO */
}

#bar .content_box div#right {
	position:relative;
    top:0px;
	float:right;
	display:inline;
	border:none;
	margin-right:10px;
	background-color:#ededed; /* TODO */
	text-align:right;
}

/** Buttons inside bar */
#bar .content_box div#left #button .rtop *, #bar .content_box div#left .rbottom * {background-color:#ed7e13;}
#bar .content_box div#left #button .content_box {background-color:#ed7e13; text-align:center;}
#bar .content_box div#right #button .rtop *, #bar .content_box div#right .rbottom * {background-color:#ed7e13;}
#bar .content_box div#right #button .content_box {background-color:#ed7e13; text-align:center;}
#bar .content_box div#left #button { top:0px; }
#bar .content_box div#right #button { top:0px; left:0px;}

/** My profile user thumbnail */
.user_thumb {
	position:relative;
	float:left;
}

.user_profile, .teamweb_profile {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.teamweb_profile {
	margin-bottom:10px;
}

.user_thumb .rtop *, .user_thumb .rbottom *, .user_profile .rtop *, .user_profile .rbottom *, .teamweb_profile .rtop *, .teamweb_profile .rbottom * {
	background-color:#ffffff;
}

.user_thumb .content_box, .user_profile .content_box, .teamweb_profile .content_box {
	position:relative;
	background-color:#ffffff;
	padding:10px;
}

.teamweb_profile .content_box {
	background-color:#ffffff;
	padding:5px;
	padding-bottom: 10px;
}

.user_thumb .content_box {
	padding:5px;
	padding-bottom: 10px;
}

h3.orange {
	color:#ed7e13;
	margin-left:-10px;
}

#center .tooltip_orange, #center  .tooltip_orange:hover {
	position:relative;
	font-size:14px;
	font-weight:bold;
	color:#ed7e13;
	text-decoration:none;
	cursor: default;
}

#center .tooltip_white, #center  .tooltip_white:hover {
	position:relative;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	cursor: default;
}

#poll_portal_table {

}

#add_form_ad {
	float:left;
	width: 120px;
	height: 240px;
	border: 0px solid black;
	margin-right: 5px;
}



.gadget_info_table table tr td {
	vertical-align: baseline;
}

.gadget_info_box {
	position:relative;
	top:-22px;
	width:220px;
}

#gadgetbox {
	position:relative;
	max-width:500px;
	margin-right:0px;
	margin-bottom:0px;

}

/** Seasonbar */
#seasonbar {
	clear:right;
    float:right;
	position:relative;
	background-color:#ffffff; /* TODO */
    width:440px;
    margin-right:6px;
}

#seasonbar .rtop *, #seasonbar .rbottom *, #seasonbar .content_box {
	background-color:#ed7e13; /* TODO */
}

/** TeamAwards */
div.prices {
	position:relative;
    float:left;
    width:32%;
}

div.prices_large {
	position:relative;
    width:100%;
}

div.prices table, div.prices_large table {
	width:100%;
}

div.prices table td, div.prices_large table td {
	vertical-align:top;
}

div.prices table td.heading, div.prices_large table td.heading {
	padding:5px;
}

div.prices table td.count, div.prices_large table td.count {
	padding-left:5px;
}

div.planningContainer {
	position:relative;
    height:125px;
}

div.nominatedCount {
	position:relative;
    float:left;
    background-color:#fff;
    width:150px;
    height:100px;
    margin-right:37px;
    overflow:hidden;
}

div.nominatedCount h2 {
	font-size:12px;
}

div.nominatedCount table {
	margin:0px;
}

div.nominatedCount a.vote {
	float:right;
    font-size:12px;
    margin:5px;
    margin-top:-7px;
}

div.planning {
	position:relative;
    float:left;
    height:100%;
    border-left:2px solid #fff;
}

div.planningActive {
	position:relative;
    float:left;
    height:100%;
    border-left:2px solid #2d7cbf;
}

div.planningWinners {
	position:relative;
    float:left;
    height:100%;
    border:none;
    border-left:2px solid #2d7cbf;
    margin-left:20px;
}

div.planning h2, div.planningActive h2, div.planningWinners h2 {
	position:absolute;
    bottom:0px;
    left:0px;
	margin-bottom:0px;
    white-space:nowrap;
}

div.center_banner {
	text-align:center;
    margin-bottom:-15px;
}

#partners {
	width:100%;
    text-align:center;
}

#partners tr td {
	width:33%;
    padding:10px;
}

.nominated_list {
	width:100%;
	margin:10px 0 0 0;
}

.nominated_list tr {
	height:110px;
}

#no_final.nominated_list tr {
	height:50px;
}

.nominated_list tr td {
	background-color:#ededed;
    vertical-align:top;
    padding:5px;
}

.nominated_list tr td.img {
	width:120px;
    height:120px;
	background-color:#ffffff;
    padding:0px;
}

#no_final.nominated_list tr td.img {
	width:60px;
    height:60px;
}

.nominated_list tr td.content h2 {
	margin-left:0px;
}

.nominated_list tr td.content img {
	position:relative;
    top:5px;
}

.nominated_list tr td.content a.youtube {
	text-decoration:none;
}

td.content, td.edit { background-color:#ededed; }

.nominated_list tr td.edit {
	width:100px;
    padding:5px 0px;
}

#no_final.nominated_list tr td.edit {
	width:200px;
    padding:5px;
}

.nominated_list tr td.rank {
	width:55px;
    padding:5px;
}

.nominated_list tr td img {
	margin:0px;
}

.nominated_list table td, .nominated_list table tr {
	height:auto;
    padding:0px;
    vertical-align:middle;
}

.nominated_list table strong {
	font-size:14px;
}

/* FC UPDATE STYLES
div.rss_box
div.rss_box p.rss_title
div.rss_box p.rss_title a.rss_title
div.rss_box p.rss_title span.rss_item
div.rss_box ul.rss_items
div.rss_box ul.rss_items li.rss_item
div.rss_box ul.rss_items li.rss_item a.rss_item
*/

a.rss_item {
	color:#2d7cbf;
	font-style:normal;
	text-decoration:none;
}

a.rss_title {
	color:#ed7e13;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}

div.rss_box{
background-color:#ffffff;
}

.grayTableRow div.eventPresent {
    width: 60px;
    overflow: hidden;
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
}

.whiteTableRow div.eventPresent {
    width: 60px;
    overflow: hidden;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}

div.eventPresent a {
    display: block;
    float: right;
    text-align: center;
    width: 20px;
    height: 20px;
    background-color: inherit;
}

div.eventPresent a img {
    width: 16px;
    height: 16px;
    position: relative;
    margin-top: 2px;
}

div.eventPresent a:hover {
    cursor: pointer;
}

/* twitter settings, icons etc. */
span.via_msgboard {
	float: right;
}

div#twitter_icon_profile_page {

	border: 0px solid black;
	margin-top: 5px;
}


.rtop {display:none !important;}
.rbottom {display:none !important;}
#button .content_box {padding: 8px 8px !important; border-radius: 8px; width: 100px;}
#button .content_box b {float: left !important;}
.content-box {padding-bottom: 10px !important;}