/* ---------------
*
* Override of tags
*
----------------- */

body {
	padding: 0px;
	margin: 0px;
	font-family: verdana;
	font-size: 11px;
	height: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #4B9CCF;
}

h1 {
	font-family: verdana;
	color: #777777;
	padding: 5px;
}

h1 a {
	color: #777777;
}

h2 {
	font-family: verdana;
	color: #444444;
}

h3 {
	font-family: verdana;
	color: #444444;
}

p {
	clear: both;
	padding-top: 5px;
}

th {
	text-align: right;
}

td {
	border-color: #000000;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	margin: 0px 0px 0px 0px;
	padding: 4px;
}

form td {
	border-width: 0px;
}


tr {
	margin: 0px;
}

table.normal{
	border-collapse: collapse;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	margin: 0px;
	padding: 0px;
	background: white;

}

td.normal {
	border-color: #000000;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	margin: 0px;
}

tr.normal {
	padding: 0px;
	margin: 0px;
}


img {

	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: -3px;
	margin-bottom: -3px;
}

/* ---------------
*
* Often used classes
*
----------------- */

.bold {
	font-weight: bold;
}

/* ---------------
*
* Header and footer
*
----------------- */

#headerleft {
	position: relative;
	float: left;
	width: 60%;
}

#subheader {
	font-family: arial;
	color: #777777;
	padding-left: 8px;
	font-size: 12px;
	letter-spacing:1px;
	font-weight: normal;
}

#headerright {
	position: relative;
	float: left;
	width: 35%;
	text-align: right;
}

#searchright {
	position: relative;
	float: right;
	text-align: right;
	padding: 0px;
	padding-right: 0px;
	margin: 0px;
	margin-top: -1px;
	overflow: hidden;
	height: 20px;
}

#footer {
	padding-left: 25px;
	clear: both;
	color: #444444;
}

/* ---------------
*
* Autocomplete
*
----------------- */

div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0;
	padding:0;
	z-index: 1;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.autocomplete ul li.selected { background-color: #79C2F1;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:32px;
	cursor:pointer;
}

/* ---------------
*
* Line with search result
*
----------------- */

.searchline {
	border: 1px solid #FFFFFF;
}


/* ---------------
*
* Colors for table timeline heatmap
*
----------------- */

.tabletimeline1{
	background: #D5D9F5;
	width: 20px;
}
.tabletimeline2{
	background: #C6C7F1;
	width: 20px;
}
.tabletimeline3{
	background: #B7B5EE;
	width: 20px;
}
.tabletimeline4{
	background: #A8A4EB;
	width: 20px;
}
.tabletimeline5{
	background: #9992E8;
	width: 20px;
}
.tabletimeline6{
	background: #8B81E5;
	width: 20px;
}
.tabletimeline7{
	background: #7C6FE2;
	width: 20px;
}
.tabletimeline8{
	background: #6D5EDF;
	width: 20px;
}
.tabletimeline9{
	background: #5E4CDC;
	width: 20px;
}
.tabletimeline10{
	background: #503BD9;
	width: 20px;
}

/* ---------------
*
* News
*
----------------- */
.newsitem {
	border: 1px solid #CCCCCC;
	width: 80%;
	padding: 6px;
	margin-bottom: 20px;
	background: #D5D5FF;
	overflow:auto;
}

.newsitemtext {
	width: 90%;
	position: relative;
	float: left;
	text-align: justify;
}

.newsitemdate {
	position: relative;
	float: right;
	text-align: right;

}

/* ---------------
*
* Friendfeed
*
----------------- */
#feedselect_a,#feedselect_f,#feedselect_m{
	padding: 4px;
}

.feedbutton_selected{
	background-color: #D5D5FF;
	font-weight: bold;
}

.feeditem {
	border-bottom: 1px solid #CCCCCC;
	width: 550px;
	padding: 6px;
	background: #D5D5FF;
	overflow:auto;
}

.feeditemtext {
	width: 450px;
	position: relative;
	float: left;
	text-align: left;

}


.feeditemcurrentuser {
	border-bottom: 1px solid #CCCCCC;
	width: 550px;
	padding: 6px;
	color: #888888;
	background: #EEEEEE;
	overflow:auto;
}

.feeditemincomplete {
	background: #D9F8A8;
}

div.feeditemcurrentuser span {
	color: #888888;
}

.feeditembuttons {
	position: relative;
	float: right;
	text-align: right;

}

/* ---------------
*
* Comments
*
----------------- */
.tablecomment {
	padding: 6px;
	background: #D5D5FF;
	overflow:auto;
}

.feeditemcomment {
	border-bottom: 1px solid #CCCCCC;
	width: 520px;
	padding: 6px;
	background: #D5D5FF;
	overflow:auto;
	margin-left: 30px;
}

.feeditemcommentcurrentuser {
	border-bottom: 1px solid #CCCCCC;
	width: 520px;
	padding: 6px;
	color: #888888;
	background: #EEEEEE;
	overflow:auto;
	margin-left: 30px;
}
div.feeditemcommentcurrentuser span {
	color: #888888;
}

/* start and stop of activities text */
.nowbutton {
	font-size: 150%;
	font-weight: bold;
}

/* encompasses all content */
.globalcontent {
	padding: 25px 15px 25px 15px;
	clear: both;
}

.content {
	padding: 25px;
	padding-top: 2px;
	clear: both;
}

/* ---------------
*
* Unfinished activities
*
----------------- */
#sub_unfinished {
	width: 95%;
	margin: 0px 25px 0px 25px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	border: 0px solid #FFFFFF;
	border-collapse: collapse;
}

.message {
	padding: 3px;
	border: 1px solid #000000;
	background: #9EE2FF;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
}

/* class of active counters */
.hasCountdown {
	border: 0px solid #000;
	font-size: 150%;
	font-weight: bold;
}

/* ---------------
*
* Suggestions
*
----------------- */
#suggestions {
	clear: both;
}

.suggestiontableeven {
	background: #9BCE4A;
}

.suggestiontableodd {
	background: #B7F259;
}

.messagesuggestion {
	padding: 5px;
	position: relative;
	float: left;
    border: 1px solid #000000;
	background: #9BCE4A;
	margin: 5px;
	padding: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* ---------------
*
* TV-Series
*
----------------- */
table.serie{
	border-color: #000000;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	margin: 0px;
	border-spacing: 0px;
	padding: 0px;
	background: white;
}

.growl {

	margin: 0px;
	padding-left: 10px;
	border-right: 0px;
}
.growr {

	margin: 0px;
	padding-left: 10px;
	border-left: 0px;
}

.toprow {
	background: #4B9CCF;
}

.color0 {
	background: #00FF00;
}
.color1 {
	background: #5CCC00;
}
.color2 {
	background: #73AF00;
}
.color3 {
	background: #8B9200;
}
.color4 {
	background: #A27500;
}
.color5 {
	background: #B95700;
}
.color6 {
	background: #D03A00;
}
.color7 {
	background: #a91212;
}

.notall {
	background: #73AF00;
}

.all {
	background: #FFFFFF;
}

.moreall {
	background: #BE3EA1;
}

a {
	color: black;
}

ul {
	padding-left: 15px;
}

ul.errorlist {
	margin: 0px;
}

h3.breaker {
	margin: 2px;
}

.breaker {
	background: #ADD8E6;
}

.seriehiddenleft {
	background: #D3D3D3;
	border-width: 1px 0px 1px 2px;
	border-color: black gray gray gray;
	vertical-align: top;
}

.seriehiddenmiddle {
	background: #D3D3D3;
	border-width: 1px 0px 1px 0px;
	border-color: black gray gray gray;
	vertical-align: top;
}


.seriehiddenright {
	background: #D3D3D3;
	border-width: 1px 2px 1px 0px;
	border-color: black gray gray gray;
	vertical-align: top;
}

.serieanotherhiddenleft {
	background: #D3D3D3;
	border-width: 1px 0px 2px 2px;
	border-color: black gray gray gray;
	vertical-align: top;
}

.serieanotherhiddenmiddle {
	background: #D3D3D3;
	border-width: 1px 0px 2px 0px;
	border-color: black gray gray gray;
	vertical-align: top;
}


.serieanotherhiddenright {
	background: #D3D3D3;
	border-width: 1px 2px 2px 0px;
	border-color: black gray gray gray;
	vertical-align: top;
}

/* ---------------
*
* Input and forms
*
----------------- */
input[type="text"],input[type="password"], select {
	margin-bottom: 2px;
	display: block;
	padding: 2px;
	border: solid 1px #85b1de;
}

form.messageform input[type="text"]{
	clear: both;
    margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 2px;
	padding: 2px;
	border: solid 1px #85b1de;
}

input[type="submit"]{
	margin-bottom: 2px;
	display: block;
	padding: 4px;
	background: #85b1de;
	border: solid 1px;
	margin-left: 5px;
}

input[type="submit"].submit-post{
	margin-bottom: 2px;
	display: inline;
	padding: 3px;
	margin-left: 1px;
	background: #85b1de;
	border: solid 1px;
}

form.messageform input[type="submit"]{
	clear: both;
    margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 3px 10px;
	text-align: center;
}

p.inmessage form input{
	margin-bottom: 2px;
	display: inline;
	padding: 2px;
	border: solid 1px #85b1de;
}

p.inmessage form input[type="hidden"]{
	display: none;
}

/* ---------------
*
* Mood colors
*
----------------- */
.scale1 {
	color: #FF0000;
}
.scale2 {
	color: #EE1C00;
}
.scale3 {
	color: #DD3900;
}
.scale4 {
	color: #CC5500;
}
.scale5 {
	color: #BB7100;
}
.scale6 {
	color: #AA8E00;
}
.scale7 {
	color: #99AA00;
}
.scale8 {
	color: #88C600;
}
.scale9 {
	color: #77E300;
}
.scale10 {
	color: #66FF00;
}

/* ---------------
*
* Rating colors
*
----------------- */
.votebackground0 {
	background-color: #989898;
	padding: 4px;
	width: 400px;
}
.votebackground1 {
	background-color:#C9B171;
	padding: 4px;
	width: 400px;
}
.votebackground2 {
	background-color:#C6799A;
	padding: 4px;
	width: 400px;
}
.votebackground3 {
	background-color:#FAE133;
	padding: 4px;
	width: 400px;
}
.votebackground4 {
	background-color:#99CCFF;
	padding: 4px;
	width: 400px;
}
.votebackground5 {
	background-color:#88DD88;
	padding: 4px;
	width: 400px;
}

.votebackground_recent {
	background-color: #CCCCCC;
	padding: 4px;
}
.votebackground0_recent {
	background-color: red;
	padding: 4px;
}
.votebackground1_recent {
	background-color:#C9B171;
	padding: 4px;
}
.votebackground2_recent {
	background-color:#C6799A;
	padding: 4px;
}
.votebackground3_recent {
	background-color:#FAE133;
	padding: 4px;
}
.votebackground4_recent {
	background-color:#99CCFF;
	padding: 4px;
}
.votebackground5_recent {
	background-color:#88DD88;
	padding: 4px;
}

/* ---------------
*
* Menu
*
----------------- */
.contentlinks {
	position: relative;
	float: left;
	padding: 0px 25px 5px 25px;
}

.menucontainer {
	float: left;
	width: 95%;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

a.menuitem, a.menuitem_s, a.menuitem2, a.menuitem2_s, a.menuitem3, a.menuitem3_s,a.menuitem_cross,a.menuitem_cross_s {
	text-decoration: none;
}
.menuitem_separator {
	background-image: url(/site_media/img/menuseparator.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #9BCE4A;
	width: 1px;
	padding-bottom: 2px;
	padding-top: 7px;
	position: relative;
	float: left;
}

.menuitem_separator2 {
	background-image: url(/site_media/img/menuseparator2.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #4B9CCF;
	width: 1px;
	padding-bottom: 5px;
	padding-top: 2px;
	margin-bottom: 1px;
	position: relative;
	float: left;
}

.menuitem_separator3 {
	background-image: url(/site_media/img/menuseparator3.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #256b9d;
	width: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
	float: left;
}
.menuitem_separator_cross {
	background-image: url(/site_media/img/menuseparator.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #EF7B00;
	width: 1px;
	padding-bottom: 2px;
	padding-top: 7px;
	position: relative;
	float: left;
}

.menuitem {
	font-size: 15px;
	background-color: #9BCE4A;
	position: relative;
	float: left;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	color: #434343;
}

.menuitem_s {
	font-size: 15px;
	background-color: #4B9CCF;
	position: relative;
	float: left;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	color: white;
}

.menuitem2 {
	background-image: url(/site_media/img/menuunderline2.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #4B9CCF;
	float: left;
	font-size:13px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	color: white;
}

.menuitem2_s {
	background-image: url(/site_media/img/menuunderline2_s.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #4B9CCF;
	position: relative;
	font-size:13px;
	float: left;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	color: white;
}

.menuitem3 {
	font-size: 11px;
	background-color: #256b9d;
	float: left;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	color: white;
}
.menuitem3_s {
	background-image: url(/site_media/img/menuunderline3_s.png);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 11px;
	background-color: #256b9d;
	float: left;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	color: white;
}

.menuitem_cross {
	font-size: 15px;
	background-color: #EF7B00;
	position: relative;
	float: left;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	color: #434343;
}
.menuitem_cross_s {
	font-size: 15px;
	background-color: #EF7B00;
	position: relative;
	float: left;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 6px;
	padding-left: 6px;
	font-weight: bold;
	color: white;
}

.menuextension {
	position: relative;
	float: left;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	width: 50%;
	border: 1px solid #000000;
}

/* ---------------
*
* User Menu/Navigation
*
----------------- */
#usernav, #usernav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#usernav a {
	display: block;
}

#usernav li {
	float: left;
	color: #434343;
}

#usernav li ul {
	position: absolute;
	width: 5em;
	left: -999em;
	color: #434343;
	z-index: 2;
}

#usernav li ul li:hover,#usernav li ul li.sfhover {
	background-color: #FFD9B0;
}

#usernav li ul li a {
	color: #434343;
}

#usernav li:hover ul {
	left: auto;
}

#usernav li:hover ul, #usernav li.sfhover ul {
	left: auto;
}

/* ---------------
*
* Progress navigation
*
----------------- */
.navprogress {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	z-index: 500;
}

.navprogress ul {
	position: absolute;
	left: 0px;
	display: none;
	margin: -15px 0 0 -1px;
	padding: 5px;
	list-style: none;
	border: 1px solid #4B9CCF;
	background-color: #FFF;
}

.navprogress ul li {
	float: left;
	background-color: #FFF;
}
.navprogress ul a {
	display: block;
}

.navprogress ul li.selected {
	background-color: #4B9CCF;
}

.navprogress ul li.month {
	width: 110px;
}

/* ---------------
*
* Horisontal bar
*
----------------- */
.bar {
	background-image: url(/site_media/img/barmiddle.png);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	height: 5px;
	width: 95%;
	clear: both;
	margin: 6px 0 6px 0;
	margin-left: auto;
	margin-right: auto;
}

/* ---------------
*
* Progress bar
*
----------------- */
.barcontainer {
	display: block;
	width: 200px;
	border: 1px solid #CCCCCC;
	margin: 2px;
	padding: 1px;
	float: left;
	height: 20px;
}

.barprogress {
	background-color: #4B9CCF;
	display:block;
	float: left;
	height: 16px;
	overflow: visible;
	padding: 2px;
	font-weight: bold;
}

.barprogressnow {
	background-color: #06dc0b;
	display:block;
	float: left;
	height: 16px;
	overflow: visible;
	padding: 2px;
}

/* ---------------
*
* Random leftovers
*
----------------- */
.daygrid{
	overflow: hidden;
	width: 4px;
	height: 4px;
	float: left;
	padding: 0px;
	margin: 0px;
}


#message_dropdown{
	position:absolute;
	top: auto;
	left: auto;
	width:300px;
	border:2px solid #CCCCCC;
	background-color:#FFFFFF;
	padding: 10px;
	z-index:1000;
	text-align: left;
}

/*
* Border with rounded corners
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width: 80%;
	background-color: #FFFFFF;
}


#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(/site_media/img/tlc.png);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(/site_media/img/trc.png);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(/site_media/img/blc.png);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(/site_media/img/brc.png);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(/site_media/img/tb.png);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(/site_media/img/bb.png);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(/site_media/img/r.png);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(/site_media/img/l.png);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}