/** -------------------------------------
 * Taco. By Joe Critchley (@joecritchley)
 */
* {
	margin: 0;
	padding: 0;
} 

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	height: 100%;
	background: #2B3951 url(../images/background.gif) repeat-x;
}

fieldset {
	padding: 5px;
	border: 1px solid #DDD;
}

legend {
	background: #5C7AAD;
	border: 1px solid #2B3951;
	padding: 2px 6px;
	margin-left: 10px;
	color: white;
}

label {
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

input.colored {
	background: #5C7AAD;
	border: 1px solid #2B3951;
	padding: 5px 10px;
	color: white;
}

img {
	border-width: 0;
}

.postBackground {
	width: 100%;
	padding-top: 10px;
	background: url(../images/postBackground.png) no-repeat top right;
	overflow: hidden;
		min-height: 560px;
}

#container {
	background-color: white;
	overflow: hidden;
	min-height: 1000px;
}

#header {
	width: 1110px;
	height: 90px;
	margin: 0 auto;
}

#header img {
	position: absolute;
}

#header h1 {
	margin-left: 120px;
	padding-top: 45px;
	color: rgb(49,65,91);
	font-weight: bold;
	font-size: 3em;
}

h3 {
	margin: 10px 0;
}

.menu {
	background-color: #333;
}

.menu ul {
	margin-left: 40px;
	list-style-type: none;
	width: 100%;
}
 
.menu ul li{
    display: inline;
}
 
.menu ul li a{
    float: left; 
	text-decoration: none;
    color: white;
    padding: 10.5px 11px;
    background-color: #333; 
	font-weight: bold;
}
 
.menu ul li a:visited{
    color: white;
}
 
.menu ul li a:hover, .menu ul li .leftMenuSelected{
    color: #fff;
    background-color:#0b75b2;
}

.box h2 {
	padding-left: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.3em;
	display: inline;
	border: 1px solid red;
	background-color: red;
	border-bottom: 0;
	color: white;
	padding: 5px 10px;
	margin-left: 10px;
}

.contentBox {
	border: 1px solid red; 
	overflow: hidden;
	margin-top: 4px;
}

.separator {
	height: 50px;
}

.social iframe {
	margin-right: 25px;
}

#picturesBox h2, #aLaUneBox h2, #addCommentBox h2, #commentsBox h2 {
	border-color: #0B75B2;
	background-color: #0B75B2;
}

.picturesContent, .aLaUneContent, .addCommentContent, .commentsContent {
	border-color: #0B75B2; 
}

.aLaUneContent {
	padding: 15px;
}

.aLaUneContent p, .aLaUneContent li {
	line-height: 1.5em;
	margin: 5px 0;
}

.aLaUneContent li {
	margin-left: 15px;
}

.picturesContent img {
	float: left;
	margin: 12px;
}

.bornTodayBox {
	border: 2px solid rgb(255,132,9);
	padding: 10px;
}

.newsContent, .birthdaysContent  { 
	border-color: rgb(255,132,9);
}

.newsContent {
	border-bottom-width: 0;
}

#newsBox h2, #birthdaysBox h2 {
	border-color: rgb(255,132,9);
	background-color: rgb(255,132,9);
}

.newsLine {
	margin: 5px;
	border-bottom: 1px solid rgb(255,132,9);
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.newsTitle {
	font-weight: bold;
}

.newsInfos{
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	margin: 5px;
}

.newsFollow, .aLaUneContent .comments {
	text-align: right;
	margin-top: 10px;
}

.aLaUneContent .comments a {
	color: rgb(255,132,9);
	text-decoration: none;
}

.newsFollow a {
	color: rgb(255,132,9);
	text-decoration: none;
	background: url(../images/plus.png) no-repeat left center;
	padding-left: 25px;
}

.newsFollow img {
	margin-left: 10px;
}

.lastResultsContent, .nextMatchesContent {
	border-color: gray;
}

#lastResultsBox h2, #nextMatchesBox h2 {
	border-color: gray;
	background-color: gray;
}

#lastResultsBox p, #nextMatchesBox p {
	margin: 0;
	background-color: gray;
	border: 1px solid #AAA;
	border-width: 1px 0;
	font-weight: bold;
	padding: 5px;
}

#lastResultsBox ul, #nextMatchesBox  ul {
	list-style-type: none;
	margin-top: 5px;
}

#lastResultsBox li, #nextMatchesBox  li {
	height: 2em;
}

#lastResultsBox li {
	padding-left: 25px;
}

#lastResultsBox li.loose { background: url(../images/looseGame.png) no-repeat; }
#lastResultsBox li.win { background: url(../images/wonGame.png) no-repeat; }
#lastResultsBox li.even { background-color: #DDD; }
#nextMatchesBox li.even { background-color: #DDD; }
#nextMatchesBox li img { padding-top: 3px; margin: 0 3px; }

#sponsorBox {
	text-align: center;
}

#sponsorBox .contentBox {
	border-width: 0;
}

#sponsorBox h2 {
	background-color: white;
	color: gray;
	border-width: 0;
	text-align: center;
}

.teamsBox h2 {
	color: #5C7AAD;
	border-bottom: 1px solid #5C7AAD;
}

.teamsContent {
	border-color: rgb(255,106,0); 
}

.teamBox {
	margin-bottom: 5px;
	margin-right: 5px;
	line-height: 2.3em;
}

.teamBox a {
	display: block;
	padding: 5px;
}

.teamIconsContent div {
	margin: 10px 5px;
}

.teamName {
	margin-bottom: 20px;
}

.teamName h2 {
	color : #5C7AAD;
	text-transform: uppercase;
}

.teamInfos p {
	margin-bottom: 10px;
}

.teamInfos ul {
	list-style-type: none;
	line-height: 1.5em;
}

.teamInfos {
	margin-bottom: 20px;
}

 .teamsInfoContent, .teamIconsContent, .teamCalendarContent, .teamDispensationsContent {
	border-color: gray;
 }
 
 .teamsInfoContent {
	padding: 10px;
}
 
 .graphes .box h2 {
	background-color: gray;
	border-color: gray;
 }
 
 .resultsBox h2 {
	background-color: #FF8409;
	border: 1px solid #FF8409;
 }
 
 .teamInfos h2, #teamIconsBox h2, #teamCalendarBox h2, #dispensationsBox h2 {
	background-color: #0B75B2;
	border: 1px solid #0B75B2;
 }
 
 .prevDate {
	text-align: left;
}

 .currDate {
	text-align: center;
	font-weight: bold;
}

 .nextDate {
	text-align: right;
}

.currDate h2 {
	color : #5C7AAD;
	text-transform: uppercase;
}

.calendarsContent thead {
	text-align: center;
	color : #5C7AAD;
	border-top: 1px solid black;
}

.calendarsContent  { margin-top: 30px; }
.calendarsContent p { display: inline; border: 1px solid black; border-bottom-color: #5C7AAD; padding: 5px 10px; background-color: #5C7AAD; color: white; font-weight: bold; margin-left: 1px; }

table.teamTable { border: 1px solid black; border-top-width: 0; margin: 6px auto 20px; border-collapse: collapse; }
table.teamTable tr { line-height: 3em; padding: 5px 10px;}
table.teamTable tr.rowDate { border-bottom: 1px solid black; }
table.teamTable tr.rowDate  td{ border: 1px solid black; text-align: center; background-color: #5C7AAD; color: white; font-weight: bold; }
table.teamTable tr.even { background-color: #C0C0C0; }
table.teamTable tr.win { background: url(../images/calendarWinBackground.png) repeat-x; }
table.teamTable tr.loose { background: url(../images/calendarLooseBackground.png) repeat-x; }
table.teamTable td{ border-top: 1px dashed black; }
table.teamTable tr.firstRow td{ border-top: 1px solid black; }
table.teamTable td.team { width: 235px; }
table.teamTable td.score { width: 30px; text-align: center; }
table.teamTable td.date { width: 90px; text-align: center; }
table.teamTable td.hour { width: 90px; text-align: center; }
table.teamTable td.map { width: 50px; text-align: center; }

.calendarFilterHeader p { line-height: 1.5em; margin: 5px 0; }

.submitBox  input{ margin: 15px 30px; }

#downloadButton { margin: 30px 0; text-align: center; }

.submitForm { text-align: center; margin-top: 20px; }

.letterTable span {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    padding: 0 5px;
    width: 20px;
}

.letterTable .itemSelected {
    background-color: #FFC600;
    font-weight: bold;
    color: black;
    text-decoration: none;
}

.letterTable span:hover {
    color: #FFC600;
}

.letterTable .itemSelected:hover{
    color: black;
}

.membersFilter p { margin: 5px 0; }

#goToList {
	width: 85px;
}

#goToList ul li {
	list-style-type: none;
	line-height: 25px;
	text-align: center;
}

#goToList a {
	text-decoration: none;
	display: block;
	width: 75px;
}

#goToList a:hover {
    background-color: #FFC600;
    color: black;
}

#goToList a:visited {
    color: blue;
}

.membersBox ul {
	list-style-type: none;
}

.membersBox .letter {
	border: 1px solid black;
	height: 1.2em;
	font-weight: bold;
	background: #779EE2 url(../images/backgroundMemberLetter.gif) repeat-y;
	color: white;
	padding: 5px;
}

.membersBox .letter a {
	color: white;
}

.membersBox .letter img {
	float: right;
}

.membersOfLetterBox {
	clear: left;
}

.membersOfLetterBox ul li a {
	border: 1px solid #DDD;
	display: block;
	text-decoration: none;
	padding: 3px;
	cursor: pointer;
}

.membersOfLetterBox ul li {
	list-style: none;
	margin: 5px;
	font-size: 0.9em;
	width: 150px;
	float: left;
}

.membersOfLetterBox ul li a {
	border: 1px solid #DDD;
	display: block;
	text-decoration: none;
	padding: 3px;
	cursor: pointer;
}

.membersOfLetterBox ul li a:hover {
    background-color: #FFC600;
    /* color: black; */
    border: 1px solid black;;
}

.newsDetails h2 {
	color: #5C7AAD;
}

.newsDetails .newsInfos {
	text-align: left;
	margin-bottom: 25px;
}

.newsDetails p {
	margin-bottom: 10px;
}

.social {
	margin-top: 25px;
}

.downloadCalendarsBox h2 {
	border-color: #0B75B2;
	background-color: #0B75B2;
}

.downloadCalendarsContent {
	border-color: #0B75B2; 
}

.downloadCalendarsContent p {
	margin: 5px 0;
}

.downloadCalendarsContent input {
	margin: 0 10px;
}

.downloadCalendarsContent h3 input {
	display: inline;
	width: 75px;
}

.downloadCalendarsContent input.colored {
	margin: 10px 10px;
}

.downloadCalendarsH1 {
	margin-bottom: 20px;
	color: #5C7AAD;
}

.comiteeBox h2 {
	border-color: #0B75B2;
	background-color: #0B75B2;
}

.comiteeContent {
	border-color: #0B75B2; 
	padding: 10px;
}

.comiteeContent .members {
	font-weight: bold;
	margin: 5px 0;
}

.graph {
	height: 400px;
}

.trainingHeader h2 {
	color: #0B75B2;
	margin-bottom: 10px;
}

.trainingTable {
	margin-bottom: 20px;
}

table.trainingTable td { border: 1px solid black; font-size: 0.9em; padding: 5px 2px; text-align: center; }
table.trainingTable td.dayCol { width: 25px; background-color: #333; color: white; font-weight: bold; }

table.trainingTable td a { display: block; text-decoration: none;	color: black; }
table.trainingTable td a:hover { background-color: #ffc600; }

.sportsHallName { border: 1px solid black; background-color: gray; color: white; padding: 5px; margin: 5px 0; font-size: 1.2em; font-weight: bold; font-variant: small-caps; }

.teamDispensationsContent p { line-height: 2em; margin: 10px; }
.teamDispensationsContent span.date { margin-right: 20px; font-weight: bold; }

#recaptcha_widget_div {
	margin-left: 120px;
}

.addCommentContent {
	padding: 10px;
}

.addCommentContent label {
	font-weight: bold;
}

.addCommentContent input.submit {
	padding: 20px;
}

.addCommentContent p {
	margin-bottom: 10px;
}

.postCommentMessage {
	margin: 30px;
	font-weight: bold;
	color: red;
}

.commentsContent {
	padding: 10px;
}

.commentLine {
	margin-bottom: 20px;
}

.commentMessage {
	margin: 10px 0;
}

.commentSeparator {
	margin: 0 auto;
	width: 150px;
	border-bottom: 1px solid #0B75B2;
}

.birthdaysContent {
	padding: 10px;
}

.birthdaysContent p {
	line-height: 2em;
}

.sponsorImage {
	
}
