/*
COLOR LIST:
very light green: #dbffda
light green:  #99FF99
middle green: #99EE99

button color: #FF9933
*/

body,
table,
.jumbotron {
  font-family:Trebuchet MS,Helvetica,sans-serif;
  font-size:11px;
  line-height:12px;
  color:#333333;
  background-color:#FFF;
}
body {
  padding-top: 24px;
  padding-bottom: 20px;
}
footer {
  margin-top:20px;
  border-top:1px solid #CCC;
}


/* template styles */
#header { border-bottom:2px solid #CCC; padding:10px; min-height:40px; }
#content {
	min-height:400px;
	padding: 8px;
}
/*#footer:before { clear:both; }*/


/** NAVIGATION **/
nav .active, #top-navi .active { background-color:#99EE99; } 
.navbar-inverse {
  background-color: #99FF99;
  border: none;
  border-bottom:2px solid #99EE99;
  color:#333;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #333;
  text-decoration:none;
  background-color: transparent;
}
.navbar-nav > li:hover {
  background-color: #dbffda;
}
/** END NAVIGATION **/

/** SUB-NAVIGATION **/
.sub-navigation {
  background-color: #DBFFDA;
  border: 1px solid #DBEEDA;
  padding: 4px 15px;
  margin: 0;
  color: #333;
}
.sub-navigation a {
  color: #66BB66;
  padding: 0 5px;
}
/** END SUB-NAVIGATION **/

#edition { padding:5px 0; font-weight:bold; }



/* general tag styles */
h1,
.jumbotron h1 {
  font-size:30px;
  font-weight:bold;
  padding:0;
  margin: 10px 0;
  color:#66BB66;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 16px;
  margin:20px 0 10px 0;
}

.small_headline { font-weight:bold; margin:5px 0; }

a { color:#DD6600; } /*66BB66*/
a:visited { color:#DD6600; }
a:active { color:#DD6600; }
a:hover { color:#DD6600; }
a img { border:0; }

a.blockLink {
  color: #333333;
}
a.blockLink:hover {
  text-decoration: none;
}

/*
ul { padding:5px; margin:0 10px; }
ul li { padding:5px; }
ul li a { color:#DD6600; }
ul li ul { list-style-type:none; }
*/

.jumbotron p {
  font-size: 12px;
  font-weight:normal;
}


/* helper styles */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.multi_select { width:400px; height:120px; }
.multi_select_big { width:400px; height:120px; }
.multi_select option, .multi_select_big option {
	/*padding:1px 2px; border-bottom:1px solid #EEE; font-size:10px;*/
	padding:5px; border-bottom:1px solid #EEE; font-size:12px;
}
.multi_select option.selected, .multi_select_big option.selected { background-color:#99FF99; }
.navi_controls { margin:5px 0; width:400px; }


/** INPUT STYLES **/
input {
  padding: 10px;
  font-size: 12px;
  color: #666;
  border: 1px solid #CCC;
  min-width: 100px;
}
textarea {
  padding: 10px;
  color: #666;
  border: 1px solid #CCC;
  width: 100%;
  min-height: 300px;
  font-family: Trebuchet MS,Helvetica,sans-serif;
  font-size: 12px;
  line-height: 150%;
}
label {
  display: block;
  font-weight:bold;
  vertical-align: top;
  padding: 5px;
}
/** END INPUT STYLES **/






/** BUTTON STYLES **/
input[type="button"], input[type="submit"] {
	background-color: #FF9933;
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}
/** END BUTTON STYLES **/


/** DROP-DOWN STYLES **/
select {
  width: 250px;
  font-size: 12px;
  color: #666;
  border: 1px solid #CCC;
  min-width: 200px;
}
select option {
  padding: 10px;
}
/** END DROP-DOWN STYLES **/




/** TABLE **/
.leaguetable {
  border: 1px solid #999;
  padding: 10px;
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
.leaguetable:after {
  clear: both;
}
.leaguetable-col {
  float: left;
  padding: 2px 5px;
  min-height: 30px;
  vertical-align: middle;
}
.leaguetable .borderNormal {
  border-top: 1px solid #CCC;
}
.leaguetable .borderSpecial {
  border-top: 2px solid #999;
}
/** END TABLE **/


/** RESULTS **/
.result-list {
  border: 1px solid #999;
  padding: 10px;
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
.result-block {
	
}
.result-match {
	border-bottom: 1px solid #999;
	padding: 2px;
}
.result-team {
	width: 150px;
	float: left;
}
.result_goals {
	padding-left: 20px;
	float:left;
}
.result_space {
	padding:0 5px; float:left;
}
.result-scorers {
	padding-left: 20px; float:left;
}

.scorer-block {
	padding:20px 10px;
}
.scorer-list {
	padding:10px;
}

.scorer-big {
	float:left;
	width: 10%;
}
.scorer-short {
	float:left;
	width: 2%;
}

/** END RESULTS **/


/** MATCHDAYS **/
.matchdayList {
  border: 1px solid #999;
}
.matchdayList .active {
  background-color: #dbffda;
}
.matchdayIcon {
  float: left;
}
.matchdayIcon > a {
  padding: 12px;
  display: block;
}
.matchdayIcon > a:hover {
  background-color: #EEEEEE;
  text-decoration: none;
}
/** END MATCHDAYS **/



/** PLAYERS **/
.playerList {
	padding: 10px 0;
}
.playerList:after {
  clear:both;
}
.playerList .playerInfo {
  min-width: 20%;
  min-height: 90px;
  padding: 10px 2px;
  float: left;
  border: 1px solid #CCC;
  margin:-1px 0 0 -1px;
  display: block;
}
.playerList .playerInfo a {
  color: #333;
  text-decoration:none;
}
.playerList .playerInfo > span {
  padding:2px;
}
.playerList .playerInfo img.playerImage {
  width: 100px;
  padding: 10px 0;
}
/** END PLAYERS **/


/** PAGE **/
.pageContentHeadline,
.pageEditContent,
.pageContent {
  margin: 5px;
  padding: 5px;
  border: 1px solid #99ff99;
}
.pageContent {
  border-color:#999;
}
.pageEditContent {
  border-color:#99ee99;
}
/** END PAGE **/


/** CONTENT LIST **/
div.contentList .active {
	background-color: #dbffda;
}
div.contentList .highlighted {
	background-color: #f9f9f9;
}
div.contentList div.contentListBlock {
	width: 50%;
	padding:2px 2px;
	border-bottom: 1px solid #CCC;
}
div.contentList div.contentListBlock:hover {
	background-color: #EEEEEE;
}
div.contentList div.contentListBlock div.contentListTools {
	float: right;
}
div.contentList div.contentListBlock div.contentListDesc {
	float:left;
	display: block;
	/*border-right: 1px solid #999;*/
	padding: 5px 5px;
}
div.contentList div.contentListBlock div.contentListDesc label {
	color: #999;
	display: inline;
	font-weight: bold;
}
/** END CONTENT LIST **/

input.editPageTextField {
	width: 500px;
}


.spieltage { border-bottom:1px solid #99EE99; height:20px; padding:5px; margin:0; background-color:#99FF99; list-style-type:none; }
.spieltage li { float:left; padding-left:10px; margin:0; }
.spieltage a { color:#000; text-decoration:none; }
.spieltage a.heimspiel { color:#66BB66; font-weight:bold; }


.todo { background-color:#F00; width:15px; display:inline; }
.done { background-color:#0F0; width:15px; display:inline; }

form { margin:0; }
.small { width:50px; }
.very_small { width:20px; }
input.transparent { border:none !important; background-color:none; }
.medium { width:200px; }
.long { width:300px; }
.very_long { width:600px; }
.ddl_small { width:100px; }

.th { background-color:#99FF99; color:#333; font-weight:bold; }
.th_middle td { color:#333333; font-weight:bold; border-bottom:1px solid #CCCCCC; text-align:center; }
.td_br { border-right:1px solid #CCC; }

.kicker_table { border:1px solid #333333; margin-bottom:10px; padding:2px; }
.kicker_table td { padding:5px; border-bottom:1px solid #EEEEEE; border-collapse:collapse; }
.even { background-color:#FFFFFF; }
.odd { background-color:#CCFFCC; }
.even_inactive { background-color:#DDDDDD; }
.odd_inactive { background-color:#CCCCCC; }
.bb { border-bottom:1px solid #333 !important; }
.bt { border-top:1px solid #333 !important; }

.wide_table tr td { padding:10px; font-size:11px; }

#notizen {  position:absolute; right:20px; top:120px;
			border:1px solid #999; background-color:#FFC; padding:10px; width:350px; }
#notizen h2 { margin:0; padding-bottom:20px; }



/* ISSUES */

.listIssues {
	width: 50%;
}
.listIssues .issueList {
	width: 70%;
	padding:10px 2px;
	border-bottom: 2px solid #CCC;
}
.listIssues .issueList:hover {
	background-color:#EEEEEE;
}
.listIssues .issueList label {
	color: #999;
	display: inline;
	font-weight: bold;
}
.listIssues .active {
	background-color:#dbffda;
} 

.edit form { display:inline; }
.edit input {
	width:200px;
}


#slide_preview {
	position:absolute; right:0; width:25px; height:22px; padding:10px 15px; text-align:left; background-color:#FF9933; border:1px solid #CCC; overflow:hidden;
}
#slide_preview_text {
	display:none; font-size:16px; color:#333; padding-left:10px; font-weight:bold; line-height:22px;
}


/**/
.list_containers  { line-height:14px; margin:10px 0; }




/* RESPONSIVE STYLES */

@media (max-width: 767px) {

  textarea {
    width: 100%;
  }

  label {
    display: inline-block;
  }

  .leaguetable {
    float: left;
	margin: 0;
  }
  
  .listIssues {
	width: 100%;
  }
  .listIssues .issueList {
	width: 100%;
  }
  
  input.editPageTextField {
	width: 100%;
  }
  
  div.contentList div.contentListBlock {
	width: 100%;
  }
  
  div.contentList div.contentListBlock div.contentListDesc {
	clear:both;
  }
  
  .playerList .playerInfo {
	min-width: 50%;
  }
  
  .result-team {
	width: 47%;
	padding: 5px 0;
  }
  .result-team input {
	width: 100%;
	padding: 10px 2px;
  }
  .result_space {
	width: 6%;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
  }
  .result-block {
	width: 100%;
	float: left;
  }
  
  .scorer-big {
	width: 40%;
  }
  .scorer-short {
	width: 10%;
  }

}