/* CSS - IF Södernissarna v.1.0 */


/*
COLORS: #8093aa #99acc3 #b3c6dd
GREEN: 80b285
*/

/* --------------------

		GENERAL

   -------------------- */

html, body {
	margin: 0;
	padding: 0;
	color: #333;
  	font-family: Arial, Verdana, Helvetica, sans-serif;
  	font-size: 12px;
}

html {
	background: #7f868c url('images/bg.gif') repeat-x top;
}



/* DVI som täcker hela sidan och centrerar allt innehåll */
#pagediv {
	width: 710px;
	margin: 50px auto;
}

/* --------------------

		  MENYN

   -------------------- */

#menu {
	margin: 3px 0 3px 0;
}

#menu ul {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

#menu ul li {
	font-size: 13px;
	font-weight: bold;
	display: inline;

	padding-left: 30px;
}

#top .active {
/*	font-size: 15px;
	color: #80b285;*/
	border-bottom: 2px solid #b3c6dd;

}

/* --------------------
	  	INLOGGAD
   -------------------- */

#playerOnline {
	font-size: 13px;
	font-weight: bold;

	position: absolute;
	top: 0;
	right: 0;

	margin-right: 16px;
}

#playerOnline strong {
	/*color: #b23e2b;*/
	color: #80b285;
}


/* --------------------

	   NÄSTA MATCH

   -------------------- */
#nextGame {
	font-size: 11px;

	margin: 10px 0 4px 0;
	padding: 3px 0 3px 0;

	background: #fff url('images/squares.gif') no-repeat 5px 3px;
	border-bottom: 3px solid #b3c6dd;
}

#nextGame span {
	padding-right: 2.7em;
	padding-bottom: 3px;
	padding-left: 2.7em;
	border-bottom: 3px solid #000;
}

#nextGame #ng {
	padding-left: 55px;
	font-weight: bold;
}

#nextGame #datetime {
	border-bottom-color: #8093aa;
}

#nextGame #versus {
	border-bottom-color: #99acc3;
}

#nextGame #location {
	border-bottom-color: #b3c6dd;
}

/* --------------------

	  	 GRATTIS

   -------------------- */

#congrats {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;

	margin: 8px 0 5px 0;
	padding: 3px 0 3px 0;

	background-color: #80b285;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;

}


/* --------------------

	     CONTENT

   -------------------- */
/* Menyn och Inloggad */
#top {
	position: relative;
}

/* Huvuvddelen, exklusive meny, inkl vita kanter	*/
#content {
	border-color: #fff;
	border-style: solid;
	border-width: 2px 6px 6px 6px;
	background-color: #efeff0;


}

/* --------------------
	     COLUMNS
   -------------------- */
#leftCol, #middleCol, #rightCol {
	float: left;
}

.cls {
	clear: both;
}

#content div.cls {
	margin: 0;
	padding: 0;
	height: 40px;
}

/* --------------------

	  	 BOXES

   -------------------- */

/* --------------------
	     SETTINGS
   -------------------- */

.box-S, .box-M, .box-L, .box-XL {
	width: 200px;
	background: #fff url('images/corner.gif') no-repeat 0 0;
	margin: 8px 2px 15px 9px;
	padding-bottom: 6px;
}

.box-M {
	width: 260px;
}

.box-L {
	width: 276px;
}

.box-XL {
	width: 392px;
}

.boxContent {
	background: #fff url('images/separator.gif') repeat-x 0 0;
	margin: 2px 5px 0 7px;
	padding: 9px 0 5px 5px;
}


/* --------------------
	  BLUE BORDER
   -------------------- */
div.hr {
	height: 3px;
	width: 98%;
	background-color: #dee4e6;
}

div.hr hr {
  display: none;
}

/* --------------------

      UPCOMING GAMES

   -------------------- */

#upcomingGames p {
	margin-bottom: 2px;
}

#upcomingGames small {
	text-transform: none;
	margin-bottom: 10px;
}



/* --------------------
	  MATCHSTATISTIK
	   SPELARREKORD
	   	  TOP 3
   -------------------- */

#participation h4, #gameStats h4, #playerRecords h4, #playerAvg h4, #gameAvg h4, #playerRecords2 h4, #topThree h4 {
	text-decoration: underline;
}


#participation h5, #gameStats h5, #playerRecords h5, #playerAvg h5, #gameAvg h5, #playerRecords2 h5 {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0;
}

#topThree small {
	margin-bottom: 8px;
}



/* --------------------
	  	GAME INFO
   -------------------- */

p.gameResult {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}


/* KOMMENTARER */
.commentsFront {
	margin-top: 6px;
	font-size: 11px;
}

.commentsFront p {
	margin-right: 12px;
	margin-bottom: 1px;
}

/* Ej inloggad */
#notLoggedIn p {
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	margin: 1.1em 0em 1.3em 0em;
}


#latestGame .commentsFront small {
	text-transform: none;
	margin-bottom: 8px;

}

#latestGame .commentsFront small.moreComments {
	margin-bottom: 0;
	width: 96%;
	text-align: right;
	text-transform: uppercase;
}


/* --------------------
	   PLAYER INFO
   -------------------- */
#ajax {
	margin: 0;
	padding: 0;
}

.playerpic, .loadingpic {
	border: 2px solid #80b285;
	margin: 10px auto 12px auto;
	padding: 2px;
	display: block;
	text-align: center;
}

.loadingpic {
	border: none;
	margin-top: 14px;
	margin-bottom: 18px;
}

#playerInfo table {
	margin-bottom: 6px;
}

#playerInfo th {
	width: 47%;
	vertical-align: text-top;
}


/* --------------------
   	   TEXTSTYCKEN:
	      NEWS
	  	COMMENTS
   -------------------- */

/* Texter */
#news p, #comments p, #presentation p, #guestbookMessages p, #help p, #welcome p {
	width: 95%;
	margin-bottom: 12px;
	line-height: 1.4;
}

#news p {
	margin-bottom: 4px;
}

#comments p {
	margin-bottom: 1px;
}


/* Fot */
#news small, #comments small {
	margin-bottom: 12px;
}

/*#comments small {
	text-transform: none;
}*/

/* Se mer */
#news .moreNews, #comments .nrOfComments, #upcomingGames small.last {
	margin: 0;
	text-align: left;
	text-transform: none;
}

#comments .nrOfComments {
	text-transform: uppercase;
}




/* --------------------

	  	GUESTBOOK

   -------------------- */

#paging  {
	margin-top: 20px;
	border-top: 3px solid #dee4e6;
	background: #fff url('images/corner-bl.gif') no-repeat 0 bottom;
}

/* Sida 4 av 15 */
#paging h3.pageNr {
	background: #fff url('images/squares.gif') no-repeat 6px 8px;
	float: left;
	padding-left: 55px;
}

/* Föregående - Nästa */
#paging h3.pageLinks {
	color: #bababa;
	background-image: none;
	float: right;
	padding-right: 20px;
}

/* Inläggssiffra */
#guestbookMessages .box-XL {
	position: relative;
}

#guestbookMessages .gbNr {
	color: #dee4e6;
	font-size: 45px;
	font-weight: bold;
	font-style: italic;

	position: absolute;
	right: 20px;
	bottom: 2px;
}

#guestbookMessages p {
	margin-bottom: 1.7em;
}

/* Inlägg av spelare */
#guestbookMessages small.byPlayer {
	background: #fff url('images/globe.gif') no-repeat 0 0;
	display: inline;
	padding-left: 25px;
	margin-left: 5px;
}



/* --------------------

	  FORMS & INPUTS

   -------------------- */

form {
	margin: 0;
	padding: 0;
}

label, input, textarea, select {
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

input, textarea, select {
	border: 1px solid #ccc;
	margin-bottom: 0.5em;
	background-color: #f8f8f8;
}

	input[type="hidden"] {
		display: none;
	}

textarea {
	font-size: 12px;
	width: 230px;
	height: 100px;
	padding: 2px;
	line-height: 1.4;
}

	#addMessage textarea {
		width: 248px;
		height: 130px;
	}


.button {

	background-color: #efeff0;
	border: 2px ridge;
/*	outline: #ccc solid 1px;*/
	width: 66%;
	color: #333;
	font-weight: bold;
	font-size: 12px;
}


/* --------------------
   		  ADMIN
   -------------------- */

#editPicture input {
	width: 177px;
}

#editPresentation textarea {
/*	width: 250px;*/
	height:	180px;
}


.box-S input {
	width: 80%;
}

#editPicture #submitPic, #editPicture #removePíc {
/*	width: 60%;*/

}
#radioGroup {
	margin-bottom: 6px;
}

#radioGroup input, #radioGroup label {
	display: inline;
	background: none;
	width: auto;
	border: none;
	vertical-align: middle;
}

fieldset {
	margin: 0 6px 6px 0;
	border: 1px solid #dee4e6;
	padding-left: 0;
	border-width: 1px 0 0 0;
}


legend {
	margin: 0 3px 0 3px;
	padding: 0 4px 0 4px;

	font-weight: bold;
}




.smallInput input {
	width: 40px;
}

/* --------------------
   LOGGA IN - FORMULÄR
   -------------------- */

/* INPUTS */
#logIn label, #logIn input, #logIn select {
	display: inline;
	font-size: 11px;
}

#logIn select, #logIn input {
	font-size: 11px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: text-bottom;
}

/* ALL */
#logIn {
	background-color: #fff;
	border-bottom: 3px solid #b3c6dd;

	margin: 0 0 16px 0;
	padding: 1px 0 3px 0;
}

/* Varje ruta */
#logIn span {
	border-bottom: 3px solid #000;
	padding-right: 1.6em;
	padding-left: 1.6em;
	padding-bottom: 3px;

}

/* Logga in » */
#logIn #loggaIn {
	font-size: 12px;
	font-weight: bold;
	padding-left: 25px;
}

/* Namnlista */
#logIn select {
	height: 17px;
	width: 170px;
}

#logIn select optgroup {
	font-style: normal;
}

#logIn #name {
	border-bottom-color: #8093aa;
}

/* Lösenord */
#logIn #password {
	width: 125px;
	height: 16px;
}

#logIn #pass {
	border-bottom-color: #99acc3;
}

/* Logga in-knapp */
#logIn #logInButton {
	color: #333;
	background-color: #efeff0;

	margin-top: 1px;
	height: 19px;
	width: 100px;
}

#logIn #bttn {
	border-bottom-color: #b3c6dd;
	padding-right: 0;
}


/* --------------------

   RUBRIKER, TEXT, ETC...

   -------------------- */

/* Förkortningar */
abbr, acronym {
	color: #80b285;
	font-weight: bold;
	font-style: italic;

	cursor: help;
	margin-left: 0.2em;
	border: none;
}

/* Kontakt */
address {
	font-style: normal;
	margin-bottom: 6px;
}

/* Stora gröna siffror */
big {
	color: #80b285;
	display: block;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

	#topThree big, #playerRecords big, #playerAvg big, #gameAvg big, #playerRecords2 big, #gameStats big, #participation big {
		font-size: 22px;
		font-weight: normal;
		margin-top: 7px;
	}


/* Rubriker överst i varje BOX, ex: Spelare, Nyheter, Topp 5 o.s.v... */
h3 {
	background: url('images/dots.gif') no-repeat 5px 10px;

	color: #5b5f64;
	font-size: 15px;
	font-weight: bold;

	margin: 0;
	margin-left: 6px;
	padding-top: 6px;
	padding-left: 44px;
}

/* h4 - Fetstilade normalstora rubriker */
h4 {
	font-size: 12px;
	margin: 0 0 2px 0;
}

/* h5 - Mindre rubriker vid kommentarer */
h5 {
	font-size: 11px;
	margin: 2px 0 1px 0;
}

/* Stycken */
p {
	margin: 0 0 8px 0;
}

/* Fotnötter */
small {
	color: #bababa;
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;

	display: block;
	margin: 0;
	padding: 0;
	width: 98%;
 }

/* Stora fotnötter */
#latestGame small, #gameInfo small, #topFive small, #news small {
	text-transform: uppercase;
}

/* --------------------
		 LISTOR
   -------------------- */
/*	Playerlist, Gamelist */
ul {
	list-style: none;
	margin: 0;
	padding: 0 0 6px 0;
	width: 98%;
}

li {
	margin-bottom: 5px;
}

/* Lista med matcher */
.gamelist {
	color: #99acc3;
	list-style: disc inside;
}


/* --------------------
   		TABELLER
   -------------------- */
table {
	width: 98%;
	margin-bottom: 0.8em;
}

caption {
	font-weight: bold;
	text-align: left;
	padding: 0;
}

	#rightNow caption {
		padding-bottom: 3px;
	}


td  {
	margin: 0;
	padding: 0;
}

	#rightNow td, #playerStats td, #playerFive td {
		text-align: center;
		background-color: #eee;
	}

	#topFive td {
		padding-bottom: 2px;
	}


th {
	text-align: center;
	background-color: #8093aa;
	color: #fff;
	padding-left: 4px;
	padding-right: 4px;
	cursor: help;
}

	#playerInfo th, th.left, .moreStats th  {
		text-align: left;
		background-color: transparent;
		color: #333;
		cursor: auto;
	}

	th.left {
		padding-left: 0;
		padding-right: 0;
	}

	.moreStats td {
		text-align: right;
		padding-right: 0.2em;
	}


/* Tabelldata, ex mål, assister etc... */
.data {
	text-align: right;
}

.data acronym {
	color: #333;
	cursor: auto;
	font-weight: normal;
	font-style: normal;
	margin: 0;
}


/* --------------------

	  	  LINKS

   -------------------- */

a:link {
	color: #8093aa;
	text-decoration: none;
}

a:visited {
	color: #8093aa;
	text-decoration: none;
}

a:hover{
	color: #99acc3;
	text-decoration: none;
}

a:active {
	color: #80b285;
	text-decoration: none;
}

 /* Undantag - Länkar i svart */

#top a:link, #top a:visited, #nextGame a:link, #nextGame a:visited, #playerlist a:link, #playerlist a:visited, .gamelist a:link, .gamelist a:visited {
	color: #333;
}

#top a:hover, #nextGame a:hover, #playerlist a:hover, .gamelist a:hover {
	color: #8093aa;
}

#top a:active, #nextGame a:active, #playerlist a:active, .gamelist a:active {
	color: #80b285;

}


/* DEBUG */

/*
#playerInfo {
	display: none;
}
#latestGame {
	display: none;
}
.commentsFront {
 	display: none;
}*/

/* The Creator */
#addMessage {
	margin-bottom: 300px;
}

#oscarb {
	float: right;
	margin: 10px 6px 0 0;
	padding-bottom: 50px;
	border: none;
}