@CHARSET "UTF-8";

body {
	padding: 0;
	margin: 0;
	text-align: center;
	background: #66CBFF url("../design/background.gif") repeat-x top;
	font-family: Verdana, Arial, sans;
	font-size: 80%;
}

#superdiv {
	text-align: left;
	margin: auto;
	padding-top: 10px;
	margin-bottom: 40px;
	width: 988px;
	position: relative;
	z-index: 2;
}

#logo img {
  border: 0;
	position: absolute;
	top: 20px;
	left: 20px;
}

#loginDiv {
	width: 700px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	padding-top: 5px;
}

#loginDiv a {
	text-decoration: none;
	font-weight: bold;
	color: black;
}
#loginDiv a:hover {
	color: #70cde4; /*#008ACF;*/
}

#loginDiv a#newmember {
	background: white url("../design/newmember.jpg") no-repeat;
}
#loginDiv a#newmember:hover {
	background: white url("../design/newmember1.jpg") no-repeat;
}
#loginDiv a#newmember span {
	visibility: hidden;
}

#loginDiv form {
	display: inline;
	font-weight: bold;
}

#loginDiv form img {
	margin-right: 5px;
	margin-left: 10px;
	position: relative;
	top: 5px;
}

#adTop {
	width: 728px; /*650px;*/
	height: 90px; /*85px*/
	position: absolute;
	right: 0;
	top: 50px;
	text-align: right;
	/*background: #BEEBFE;
	padding-top: 50px;*/
}

#mainMenu {
	background: black;
	color: white;
	position: relative;
	top: 155px;
	padding: 0;
	padding-top: 6px;
	height: 24px;
}

#mainMenu ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#mainMenu ul li {
	display: inline;
	list-style-type: none;
	padding: 0px 15px 0 15px;
	border-left: 1px solid #ddd;
}

#mainMenu ul li a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}

#mainMenu ul li a:hover {
	color: #70cde4; /*#A7E9FF;*/
}

#mainMenu ul li a.current {
	color: #70cde4; /*#36B1EC;*/
}

#mainMenu ul li.first {
	border-left: 0;
}

#mainMenu ul li a span {
	visibility: hidden;
}
/* *************************** */
#menu_home {
	background: black url("../design/menu/menu.png") 0px -2px;
}
#menu_home:hover, #menu_home.current {
	background: black url("../design/menu/menu.png") 0px -22px;
}

#menu_who {
	background: black url("../design/menu/menu.png") -100px -2px;
}
#menu_who:hover, #menu_who.current {
	background: black url("../design/menu/menu.png") -100px -22px;
}

#menu_what {
	background: black url("../design/menu/menu.png") -200px -2px;
}
#menu_what:hover, #menu_what.current {
	background: black url("../design/menu/menu.png") -200px -22px;
}

#menu_bte99 {
	background: black url("../design/menu/menu.png") -300px -2px;
}
#menu_bte99:hover, #menu_bte99.current {
	background: black url("../design/menu/menu.png") -300px -22px;
}

#menu_soccer {
	background: black url("../design/menu/menu.png") -400px -2px;
}
#menu_soccer:hover, #menu_soccer.current {
	background: black url("../design/menu/menu.png") -400px -22px;
}

#menu_players {
	background: black url("../design/menu/menu.png") -500px -1px;
}
#menu_players:hover, #menu_players.current {
	background: black url("../design/menu/menu.png") -500px -21px;
}

#menu_photos {
	background: black url("../design/menu/menu.png") -600px -1px;
}
#menu_photos:hover, #menu_photos.current {
	background: black url("../design/menu/menu.png") -600px -21px;
}

#menu_news {
	background: black url("../design/menu/menu.png") -695px 0;
}
#menu_news:hover, #menu_news.current {
	background: black url("../design/menu/menu.png") -695px -20px;
}

#menu_links {
	background: black url("../design/menu/menu.png") -800px -2px;
}
#menu_links:hover, #menu_links.current {
	background: black url("../design/menu/menu.png") -800px -22px;
}

#menu_blogs {
	background: black url("../design/menu/menu.png") -900px -2px;
}
#menu_blogs:hover, #menu_blogs.current {
	background: black url("../design/menu/menu.png") -900px -22px;
}

#menu_contact {
	background: black url("../design/menu/menu.png") -1000px -2px;
}
#menu_contact:hover, #menu_contact.current {
	background: black url("../design/menu/menu.png") -1000px -22px;
}
#languageMenu {
	position: absolute;
	right: 0;
	top: -20px;
}
#languageMenu a img {
	border: 1px solid grey;
}
#languageMenu a:hover img {
	border-color: #70cde4;
}
/* *************************** */
#mainColumn {
	width: 790px;
	left: 0;
	position: relative;
	top: 160px;
	float: left;
}

#content {
	border: 1px solid black;
	background: url("../design/content_background.gif") repeat-x top ;
	min-height: 725px;
	width: 749px;
	padding: 20px;
	background-color: #B4E6FF;
	text-align: justify;
	position: relative;
}

div.editorColumn {
	margin-top: 5px;
	width: 392px;
	height: 275px;
	float: left;
}
div.secondColumn {
	margin-left: 6px;
}

div.editorHeading img {
	border: 1px solid black;
}

div.editor {
	width: 390px;
	height: 210px;
	border: 1px solid black;
	position: relative;
}

div.bloggerText {
	position: absolute;
	left: 185px;
	width: 202px;
	height: 105px;
	overflow: hidden;
	padding: 15px 0 0 0;
	margin: 0;
}
div.bloggerText p {
	margin: 0;
}

.editorBlogLink img {
	border: 0;
}

#rightColumn {
	position: relative;
	top: 160px;
	width: 192px;
	float: right;
	padding-top: 0;
}

#calendar img {
	border: 0px solid black;
}

#blogsHeading img {
	border: 1px solid black;
	margin-top: 7px;
}

#adBottom {
	clear: both;
	width: 986px;
	height: 90px;
	position: relative;
	top: 169px;
	background: #A7E9FF;
	border: 1px solid black;
	text-align: center;
}

#blogLinks {
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 6px;
  border : 1px solid black;
	text-align: center;
	border: 1px solid black;
}

#blogLinks img {
	margin-top: 10px;
}

#footer {
	position: relative;
	top: 169px;
	height: 35px;
	background: black;
	color: white;
	text-align: center;
	margin-top: 7px;
	margin-bottom: 330px;
	padding-top: 15px;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	color: #A7E9FF;
}

#grass { /*background: #3AC1FF url("/cwf/design/grass.jpg") repeat-x;
	width: 1390px;
	height: 200px;*/
	position: fixed;
	bottom: 0;
	overflow: hidden;
	z-index: 1;
	margin: 0;
	padding: 0;
}

#grassSuperdiv {
	height: 100%;
	/*background: url("../design/grass.jpg") repeat-x bottom;*/
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 1;
	position: relative;
}

img.pageTitle {
	margin: 15px 0 30px 0;
}
#content a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	color: #2F2F2F; /*#A7E9FF;*/
	/*text-decoration: underline;*/
}

ul.errors li {
	color: red;
}

span.myError {
	color: red;
	background: white;
}

#imsg {
	padding: 2px 5px;
	margin: 0;
	background: #A7E9FF;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 779px;
	border-bottom: 1px solid gray;
}

div.errorImsg {
	background: red;
}

#personalMenu {
	margin: 0;
	margin-bottom: 8px;
	padding: 8px;
	background: black;
}

#personalMenu ul {
	padding-left: 20px;
	margin: 0;
	color: white;
}
#personalMenu ul a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-family: "Comic Sans MS";
	font-style: italic;
}
#personalMenu ul a:hover {
	color: #A7E9FF;
}

h1.header {
	color: #BEECFF;
	font-weight: bold;
	font-size: 540%;
	margin: 0 0 30px 0;
}

#calendarEvent {
	position: absolute;
	display: none;
	z-index: 10;
	background: #F2FBFF;
	border: 1px solid #67CCFF;
	width: 250px;
	text-align: left;
	padding: 3px;
}

div.clear {
	clear: both;
}
/* **************************
 * INDEX *
 * ************************** */
#content blockquote {
	margin-top: 20px;
	font-style: italic;
}
#content q {
	font-style: italic;
}
#content .blockquoteAuthor {
	text-align: right;
	font-style: italic;
	padding-right: 100px;
	padding-top: 10px;
}
#content #photoSlide {
	margin-left: 45px;
	text-align: center;
	margin-bottom: 40px;
	visibility: hidden;
}

#blogLinks div {
	margin: 0;
	padding: 0;
}
#blogLinks .blogLink {
	width: 177px;
	margin-left: 5px;
}
#blogLinks a.bloggerName {
	display: block;
	background: white url("../design/btn_background.png") repeat-x bottom;
	border: 1px solid #70cde4;	
	padding: 8px 0;
	color: black;
	text-decoration: none;
	position: relative;
	top: -3px;
}
#blogLinks a.bloggerName:hover {
	border-color: gray;
}
#blogLinks .blogLink a img {
	border: 0;
}

#calendar {
	border: 1px solid black;
	background: #67CCFF url("../design/calendar_background.png") repeat-x;
	margin-top: 7px;
	margin-bottom: 8px;
	padding-top: 10px;
}
#calendar table {
	border-spacing: 5px 2px;
	border-collapse: separate;
}
#calendar table td {
	width: 20px;	
	height: 20px;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
}
#calendar td.currentDay {
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	font-size: 100%;
}
#calendar span.currentDay {
	font-size: 300%;
}
#calendar td.month {
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	border-bottom: 1px dashed black;
}
#calendar th {
	font-size: 80%;
	text-align: center;
}
#calendar td.bottom {
	border-top: 1px dashed black;
}
#calendar td.bold {
	background: black;
	color: white;
}
#calendar td.event {
	background: #66CBFF;
}
#calendar td.eventBold {
	background: #234B5F;
	color: white;
}

#newsFeed {
	margin: auto;
	width: 520px;
}
#newsFeed .newsContent {
	height: 45px;
	overflow: hidden;
	border-bottom: 1px solid #66CBFF;
	padding: 0 5px 2px 5px;
	font-size: 90%;
}
#newsFeed .newsTitleBar {
	height: 15px;
	border-top: 0px solid #66CBFF;
	border-bottom: 0;
	padding: 0;
	position: relative;
	font-size: 80%;
	font-weight: bold;
	margin-top: 0px;
}
#newsFeed div p {
	margin: 0;
	padding: 0;
}
#newsFeed .newsLink {
	position: absolute;
	right: 0;
	top: 0;
}
.newsTitle {
	background: #66CBFF;
	color: white;
	font-family: "Comic Sans MS", Verdana, Arial;
	font-weight: bold;
	padding: 0 0 2px 4px;
	margin: auto;
	width: 590px;
	margin-top: 30px;
	margin-bottom: 2px;
}

/* **************************
 * admin userlist *
 * ************************** */
#content #admin_userList {
	width: 150px;
	float: left;
}
#content #admin_userInfo {
	width: 400px;
	float: right;
}

.userWaiting {
	background: #5BCF5A;
}
.userDisable {
	background: transparent;
}
#content .userDisabled {
	color: gray;
}
.userEnable {
	background: #9ECF8E;
}

/* ***************************
 * players/index
 * *************************** */
ul.playersList {
	list-style-type: none;
	padding: 0;
}
ul.playersList li {
	display: block;
	width: 300px;
	height: 100px;
	margin-bottom: 30px;
	margin-left: 20px;
	float: left;
	line-height: 85%;
	font-size: 90%;
}
span.fieldName {
}
span.fieldValue {
	font-weight: bold;
}
ul.playersList a img {
	border: 1px solid #69CDFF;
	margin-left: 0px;
}
ul.playersList a:hover img {
	border-color: black;
}

/* ***************************
 * players/player
 * *************************** */
div.userRightColumn {
	float: right;
	width: 300px;
	text-align: center;
}
div.userLeftColumn {
	float: left;
	width: 400px;
	text-align: left;
}
img.profilePhoto {
	border: 1px solid #69CDFF;
}
table.profileTable {
}
table.profileTable td.fieldValue {
	font-weight: bold;
}
table.profileTable td.experience {
	padding-left: 30px;
}
table.profileTable td.experience pre {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, sans; 
}
div.editLink {
	padding-bottom: 5px;
}
div.userGalleryLink, div.blogLink {
	width: 100px;
	text-align: center;
	margin: auto;
	margin-top: 40px;
}
#content div.userGalleryLink a, #content div.blogLink a {
	color: #1FBFFF;
}
#content div.userGalleryLink a:hover, #content div.blogLink a:hover {
	color: #2F2F2F;
}
div.userGalleryLink a img {
	border: 1px solid #69CDFF;
}
div.userGalleryLink a:hover img {
	border-color: black;
}
/* *************************
 * photos/myphotos
 * ************************* */

#uploadPhotoForm {
	text-align: center;
	border: 1px solid gray;
}
#loadingDiv {
}
#loadingDiv table {
  text-align: left;
  margin: auto;
}
#uploadPhotoForm div {
	/* you can't use it like this, because IE doesn't work with it well
	 * it stops the animation, once user hits submit
	 * there is a JS workaround, though
	 * background: url("../design/loading.gif") no-repeat center center;
	 */
}
#uploadPhotoForm form {
	background: #A7E9FF;
	margin: 0;
	padding: 10px 0;
}
div.photoDiv {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
div.photoDiv a img {
	border: 1px solid #69CDFF;
}
div.photoDiv a:hover img {
	border-color: black;
}
div.photoDiv a.deleteLink, div.photoDiv a.profileLink {
	font-size: 80%;
}

/* ***************************
 * photos/index
 * *************************** */
ul.galleriesList {
	list-style-type: none;
	padding: 0;
}
ul.galleriesList li {
	display: block;
	width: 150px;
	height: 100px;
	margin-bottom: 30px;
	margin-left: 20px;
	float: left;
	text-align: center;
}
a.galleryLink {
}
ul.galleriesList a img {
	border: 1px solid #69CDFF;
	margin-left: 2px;
}
ul.galleriesList a:hover img {
	border-color: black;
}

/* ***************************
 * photos/gallery
 * *************************** */
h2.galleryName {
	text-align: center;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	color: #2F2F2F;
}

/* ***************************
 * blog
 * *************************** */
#bloggerName {
	position: absolute;
	top: 80px;
	left: 255px;
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
}
div.blogLeftColumn {
	float: left;
	width: 200px;
}
div.blogRightColumn {
	float: right;
	width: 520px;
}
div.blogLeftColumn h2, div.blogRightColumn h2 {
	text-align: center;
	background: white url("../design/btn_background.png") repeat-x bottom;
	border: 1px solid #70cde4;
	font-family: "Comic Sans MS";
	font-size: 15px;
	font-weight: bold;
}

div.blogDate {
	border-top: 2px solid #70cde4;	
	position: relative;
}
div.blogDate span {
	font-style: italic;
	font-weight: bold;
}
div.blogDate div {
	position: absolute;
	right: 0;
	top: 0;
}
div.blogPost {
	margin-bottom: 30px;
}

#blogEditor {
	display: none;
}
div.cke_skin_default {
	z-index: 10;
}

div.blogRightColumn #uploadVideoHelpToggle {
  text-align: right;
  position: relative;
  top: -5px;
}

div.blogRightColumn #uploadVideoHelpToggle a {
  color: grey;
  font-size: smaller;
}

#helpDiv {
  display: none;
  background: white;
  border: 2px solid black;
  padding: 10px;
}

div.blogSpaceForPagination {
  height: 30px;
}

div.blogPagination {
  position: absolute;
  bottom: 0;
  height: 30px;
  width: 520px;
  padding-top: 5px;
  border-top: 2px solid #70cde4;
  text-align: center;
}

/* ***************************
 * blogs list
 * *************************** */
ul.blogList {
	list-style-type: none;
	padding: 0;
}
ul.blogList li {
	display: block;
	width: 180px;

	margin-bottom: 30px;
	margin-left: 40px;
	float: left;
	text-align: center;
}
ul.blogList a {
	display: block;
	margin: 0;
	border: 0;
}
ul.blogList a.bloggerName {
	background: white url("../design/btn_background.png") repeat-x bottom;
	border: 1px solid #70cde4;
	height: 20px;
	position: relative;
	top: -3px;
}
ul.blogList a.bloggerName:hover {
	border-color: gray;
}
ul.blogList a img {
	border: 1px solid #70cde4;
	border-bottom: 0;
	margin: 0;
	padding: 0 14px;
	background: rgb(190,236,255);
}
ul.blogList a:hover img {
	border-color: gray;
}


/* links page */
#linksWrapper div.links_wrapper {
        margin-top: 1em;
        margin-left: 10px;
        width: 180px;
        float: left;
        text-align: left;
        overflow: hidden;
      }
#linksWrapper a {
        font-weight: bold;
      }
#linksWrapper a:hover {
      }
#linksWrapper fieldset {
        padding: 5px;
        border: 1px solid gray;

        text-align: left;
      }
#linksWrapper legend {
		color: white;
}
#linksWrapper a.remove {
        color: red;
        font-size: 80%;
        font-weight: normal;
      }
#linksWrapper a.remove:hover {
        color: yellow;
      }
#linksWrapper li {
        padding-top: 0.5em;
        margin-left: 0;
      }
#linksWrapper ul {
        padding-top: 0;
        margin-top: 0;
        margin-left: 0;
        padding-left: 20px;
      }
#linksWrapper strong {
	color: #1FBFFF;
}


/* soccer luv page */
#soccerLuvWrapper a.logo {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	border: 0;
}
#soccerLuvWrapper a.logo img {
	border: 0;
}

/* calendar admin page */
table.calendarEvents {
	border-collapse: collapse;
}
table.calendarEvents td {
	border: 1px solid gray;
	padding: 5px;
}

/* AddThis button bar */
.addthis_toolbox {
  width: 190px;
  height: 20px;
  padding-top: 2px;
  text-align: center;
  border: 1px solid black;
  margin-bottom: 7px; 
}