@import url("sportssys_sr.css");
@import url("sportssys_lbase.css");

/**
 DBU - Custom styles for sportsys elements
 Please note:
  * screen.css supplies all the basic styling and look'n'feel of all standard HTML elements.
  * screen.css must not be modified. It is still under development and subject to change.
  * This file must not contain styling directly on tags like: input {border:2px solid red;}
  * Instead the developer should "namespace" his elements with a unique id or class like: #sportsys input {border:2px solid red;} or exclusively use custom classes and ids
  * There are a lot of common helper classes defined in screen.css. Search for the text "helper".
    - Tip: floated elements can be cleared by wrapping them in an element with the class "line". This will clear all floats in a crossbrowser way ensuring that the following elements are positioned correctly.
    - Tip: Firebug (http://getfirebug.com) is your friend when trying to figure out what the different classes do.
  * Javascript files (the following list of files are all included on every page):
	- For general JS development please use the jQuery framework: jQuery (http://docs.jquery.com)
    - For embedding Flash elements use: swfobject (http://code.google.com/p/swfobject/wiki/documentation). Be sure to supply fallback content/download message.
	- Custom styling of form-fields uses Uniform (http://pixelmatrixdesign.com/uniform/index.html)
  * Browser compatability:
	- All elements must be checked in the following browsers and found working and looking alike and following the gx design made by Advice:
	  * IE 7+8
	  * Firefox
	  * Apple Safari/Google Chrome
	  * IE 6 (all functionality must work in IE6, but not necessarily fulfill the exact gx design. Transparent PNG's should be replaced with a plain white background-color. No other hacks are used to support alpha transparency in IE6)
  * XHTML validation
	- all elements must be written in and validate as XHTML 1.0 Transitional
  * Hacks and browserchecking
	- special styles for IE7 and older only use the * (star) hack: selector {*padding:10px;} (IE7 renders properties prefixed with "*" even though it should not)
	- special styles for IE6 and older must use the _ (underscore) hack: selector {_padding:5px;} (IE6 renders properties prefixed with "_" even though it should not)
*/

/* table */
.dbustandard th {padding:5px 10px;}
.textCenter {text-align:center;}
.textLeft {text-align:left;}
.topSpacer { padding-top: 15px; }
.bottomSpacer { padding-bottom: 15px; }
.vAlignBottom { vertical-align: bottom; }
.sup { color: Red; font-weight: bold; }
.smallFont{font-size:10px;white-space:nowrap;}

.hidden{display:none;}
.info{color:#c81420;}

#flashVideo {text-align:center;background-color:#fff;}

/* Form elements */
.form input[type=text].xlarge  {width:350px;}
.form input[type=text].large  {width:190px;}
.form input[type=text].medium  {width:120px;}
.form input[type=text].xmedium  {width:105px;}
.form input[type=text].xxmedium  {width:90px;}
.form input[type=text].small  {width:70px;} /* used for date and phone */
.form input[type=text].xsmall {width:40px;} /* used for year */
.form input[type=text].xxsmall {width:20px;}

textarea.xlarge { width: 350px; height: 50px; }
textarea.large { width: 200px; height: 100px; }

/* SELECT */
.largeSelect div.selector {width:290px;}
.largeSelect div.selector select {width:290px;}
.largeSelect div.selector span {width:258px;}
input[type=text].large {width:280px;}

.mediumSelect div.selector {width:150px;}
.mediumSelect div.selector select {width:150px;}
.mediumSelect div.selector span {width:108px;}
input[type=text].medium {width:140px;}

.smallSelect div.selector {width:120px;}
.smallSelect div.selector select {width:120px;}
.smallSelect div.selector span {width:78px;}
input[type=text].small {width:110px;}

.xsmallSelect div.selector {width:60px;}
.xsmallSelect div.selector select {width:60px;}
.xsmallSelect div.selector span {width:18px;}
input[type=text].xsmall {width:50px;}

/* PAGETOP */
div.pageTop { }

/* GRID */
.colArticleFull {width:580px;margin-left:20px;padding-right:20px;}

/* EXERCISE */
table.exerciseInfo td{vertical-align:top;}
table.exerciseInfo td.col1 {width:40px;}
table.exerciseInfo td.col2 {width:300px;}

table.exerciseVideo td.col1 {width:20px;}
table.exerciseVideo td.col2 {width:300px;}
table.exerciseVideo td.col3 {width:100px;}

table.exerciseFiles td.col1 {width:20px;}
table.exerciseFiles td.col2 {width:400px;}

table.createExercise td.col1 {width:100px;}
table.createExercise td.col2 {width:150px;}
table.createExercise td.col3 {width:100px;}

table.SearchExercise td{padding-left:4px;padding-right:4px;}

table.lines tr {border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc;}

.rating_bar {width: 55px;background: url('../../images/icon_rating_off.png') 0 0 repeat-x;}
.rating_bar div {height: 12px;background: url('../../images/icon_rating_on.png') 0 0 repeat-x;}

.comments{width:15px;}

/* EXERCISE */


/* CUP */
table.cup { }
table.cup td { padding-left: 4px; padding-right: 4px; }
table.cup td.col1 { }
table.cup td.col2 { white-space: nowrap;  }

table.cupSearch { }
table.cupSearch th { padding-left: 3px; padding-right: 3px; text-align: left; }
table.cupSearch td { padding-left: 3px; padding-right: 3px; }
table.cupSearch td.col1 { width: 65px; white-space: nowrap; }
table.cupSearch td.col2 { width: 40px; white-space: nowrap; }
table.cupSearch td.col3 { }
table.cupSearch td.col4 { }

table.cupInfo { }
table.cupInfo td.col1 { width: 100px; }
table.cupInfo td.col2 { }

table.stadiumInfo { }
table.stadiumInfo td { padding: 0px; }
table.stadiumInfo td.col1 { width: 200px; }
table.stadiumInfo td.col2 { width: 200px; }

/* COACH */
table.coach { }
table.coach td.col1 { }
table.coach td.col2 { white-space: nowrap; }

table.coachSearch { }
table.coachSearch th { text-align:left; } 
table.coachSearch td.col1 { width: 80px; white-space: nowrap; }
table.coachSearch td.col2 { width: 50px; white-space: nowrap; }
table.coachSearch td.col3 { width: 200px; }
table.coachSearch td.col4 { width: 300px; }

table.coachInfo { }
table.coachInfo td.col1 { width: 100px; }
table.coachInfo td.col2 { }

/* PRACTICEMATCH */
table.practiceMatch { }
table.practiceMatch td.col1 { }
table.practiceMatch td.col2 { white-space: nowrap;  }

table.practiceMatchSearch { }
table.practiceMatchSearch th { padding-left: 3px; padding-right: 3px; text-align: left; }
table.practiceMatchSearch td { padding-left: 3px; padding-right: 3px; }
table.practiceMatchSearch td.col1 { width: 65px; white-space: nowrap; }
table.practiceMatchSearch td.col2 { width: 40px; white-space: nowrap; }
table.practiceMatchSearch td.col3 { }
table.practiceMatchSearch td.col4 { }

table.praticeMatchInfo { }
table.praticeMatchInfo td.col1 { width: 120px; }
table.praticeMatchInfo td.col2 {  }

/* ROUND */
table.round { }
table.round td.col1 { }
table.round td.col2 { white-space: nowrap; }

table.roundSearch { }
table.roundSearch th { padding-left: 3px; padding-right: 3px; text-align:left; } 
table.roundSearch td { padding-left: 3px; padding-right: 3px; } 
table.roundSearch td.col1 { width: 50px; white-space: nowrap; }
table.roundSearch td.col2 { width: 125px; white-space: nowrap; }
table.roundSearch td.col3 { }

table.roundInfo { }
table.roundInfo td.col1 { width: 100px; }
table.roundInfo td.col2 { }

table.roundPoolInfo { }
table.roundPoolInfo td.col1 { width: 50px; }
table.roundPoolInfo td.col2 { width: 80px; }
table.roundPoolInfo td.col3 { width: 240px; }
table.roundPoolInfo td.col4 { width: 240px; }

table.roundTeamInfo { }
table.roundTeamInfo td.col1 { width: 33%; }
table.roundTeamInfo td.col2 { width: 33%; }
table.roundTeamInfo td.col3 { width: 33%; }

/* COACHLICENCE */
table.coachLicence { }
table.coachLicence td.col1 { }
table.coachLicence td.col2 { white-space: nowrap; }

table.coachLicenceSearch { }
table.coachLicenceSearch th { text-align: left; padding-left: 2px; padding-right: 2px; }
table.coachLicenceSearch td { padding-left: 2px; padding-right: 2px; }
table.coachLicenceSearch td.col1 { width: 120px; white-space: nowrap; }
table.coachLicenceSearch td.col2 { width: 150px; }
table.coachLicenceSearch td.col3 { width: 150px; }
table.coachLicenceSearch td.col4 { width: 45px; white-space: nowrap; }
table.coachLicenceSearch td.col5 { width: 100px; white-space: nowrap; }
table.coachLicenceSearch td.wideCol1 { width: 150px; }

table.coachLicenceInfo { }
table.coachLicenceInfo td.col1 { width: 275px; padding-left: 0px; padding-right: 3px; }
table.coachLicenceInfo td.col2 { width: 5px; padding-left: 4px; padding-right: 4px;  }
table.coachLicenceInfo td.col3 { width: 150px;padding-left: 0px; padding-right: 0px;   }
table.coachLicenceInfo td.col3 img.coach { width: 150px; }

table.coachLicenceInfoInner { width: 275px; }
table.coachLicenceInfoInner td.col1 { width: 85px; padding-left: 10px;  }
table.coachLicenceInfoInner td.col2 { width: 190px; white-space:nowrap; padding-left: 10px; }

/* REFEREE */
table.referee { }
table.referee td.col1 { }
table.referee td.col2 { }

table.refereeSearch { }
table.refereeSearch th { text-align: left; }
table.refereeSearch td.col1 { width: 80px; white-space: nowrap; }
table.refereeSearch td.col2 { }

table.refereeInfo {  }
table.refereeInfo td.col1 { width: 400px; }
table.refereeInfo td.col2 { width: 150px; }
table.refereeInfo td.col2 img.referee { width: 150px; }

table.refereeCareer { padding-top: 12px; }
table.refereeCareer th { text-align:left; }
table.refereeCareer td.col1 { }

table.refereeMatchStatistics { padding: 0px; }
table.refereeMatchStatistics td.col1 { width:100%;  }

table.refereeMatchStatisticsInner { width: 100%; padding-top: 10px; }
table.refereeMatchStatisticsInner td.col1 { width: 235px; }
table.refereeMatchStatisticsInner td.col2 { width: 65px;  }
table.refereeMatchStatisticsInner td.col3 { width: 65px;  }
table.refereeMatchStatisticsInner td.col4 { width: 80px;  }

/* COURSE */
table.course { }
table.course td.col1 { }
table.course td.col2 { white-space: nowrap; }

table.courseTypeSearch { }
table.courseTypeSearch th { text-align:left; }
table.courseTypeSearch td.col1 { width: 60px; white-space: nowrap; }
table.courseTypeSearch td.col2 { width: 50px; white-space: nowrap; }
table.courseTypeSearch td.col3 { width: 300px;}

table.courseSearch { }
table.courseSearch th { text-align:left; padding-left: 2px; padding-right: 2px; }
table.courseSearch td { padding-left: 2px; padding-right: 2px; }
table.courseSearch td.col1 { width: 200px;  }
table.courseSearch td.col2 { width: 50px; white-space: nowrap; }
table.courseSearch td.col3 { width: 100px; white-space: nowrap; }
table.courseSearch td.col4 { width: 65px; white-space: nowrap; }
table.courseSearch td.col5 { width: 65px; white-space: nowrap; }

div#map_canvas { width: 419px; height: 390px; }

table.courseInfo { }
table.courseInfo tr.courseDescription { padding-top: 10px; }
table.courseInfo td.col1 { }
table.courseInfo td.col2 { }

div.courceOrderInfo { font-weight: bold; font-style:italic; }

table.courseOrder { }
table.courseOrder td.col1 { text-align:right; padding-left: 0px; padding-right: 4px; }
table.courseOrder td.col2 { text-align:left; padding-left: 2px; padding-right: 2px; }

table.courceOrder td.subHeadline { padding-top: 15px; }

table.courseListByType { width: 260px; }
table.courseListByType th { text-align:left; padding-left: 2px; padding-right: 2px; }
table.courseListByType td { padding-left: 2px; padding-right: 2px; }
table.courseListByType td.col1 { width: 85px; overflow:hidden; }
table.courseListByType td.col2 { width: 85px; overflow:hidden; }
table.courseListByType td.col3 { width: 65px; overflow:hidden; }

table.courseList { }
table.courseList th { text-align:left; padding-left: 3px; padding-right: 3px; }
table.courseList td { padding-left: 3px; padding-right: 3px; }
table.courseList td.col1 { width: 100px; overflow: hidden; vertical-align: top; }
table.courseList td.col2 { width: 100px; overflow: hidden; vertical-align: top; }
table.courseList td.col3 { width: 60px; overflow: hidden; white-space:nowrap; vertical-align: top; }

/* ACCREDITATIONORDER */
table.accreditationOrder { }
table.accreditationOrder td.col1 { }
table.accreditationOrder td.col2 { }

table.accreditationOrderMatchList { }
table.accreditationOrderMatchList td.col1 { padding-right: 20px; }
table.accreditationOrderMatchList td.footer { padding-top: 7px; }

table.accreditationOrderPersonList { }
table.accreditationOrderPersonList th { padding-left: 2px; padding-right: 2px; }
table.accreditationOrderPersonList th { padding-left: 2px; padding-right: 2px; }
table.accreditationOrderPersonList th.hcol1 { }
table.accreditationOrderPersonList th.hcol2 { }
table.accreditationOrderPersonList th.hcol3 { width: 85px; }
table.accreditationOrderPersonList th.hcol4 { width: 85px; }
table.accreditationOrderPersonList th.hcol5 { width: 90px; }
table.accreditationOrderPersonList td.col1 { }
table.accreditationOrderPersonList td.col2 { }
table.accreditationOrderPersonList td.col3 { padding-left:30px; }
table.accreditationOrderPersonList td.col4 { padding-left:30px; }
table.accreditationOrderPersonList td.col5 { padding-left:30px; }

/* HOMEGROUNDREGISTRATION */
table.homeGroundRegistration { }
table.homeGroundRegistration td.col1 { }
table.homeGroundRegistration td.col2 { }
table.homeGroundRegistration .obligatoryZipSpacer { padding-left: 1px; padding-right:4px; }

table.homeGroundInfo { }
table.homeGroundInfo td.homeGroundInfoCoach { padding-top: 15px; padding-bottom: 15px; }
table.homeGroundInfo td.homeGroundInfoMail { padding-top: 15px; padding-bottom: 15px; }

table.homeGroundQuestion { width: 400px; }

/* TOURNAMENT ALL */
table.tournamentAll { }
table.tournamentAll td.col1 { }
table.tournamentAll td.col2 { }

#tournamentAllPlacement input[type=text] { width: 85px; }
#tournamentAllPlacement #trPlacement input[type=text] { width: 30px; }
#tournamentAllPlacement #trPool input[type=text] { width: 95px; }
#tournamentAllPlacement #trRow input[type=text] { width: 95px; }
table.tournamentAllPlacement { }
table.tournamentAllPlacement td { padding-left:4px; padding-right: 4px; }
table.tournamentAllPlacement td.col1 { }
table.tournamentAllPlacement td.col2 { }
table.tournamentAllPlacement td.col3 { }
table.tournamentAllPlacement td.col4 { }
table.tournamentAllPlacement td.col5 { }
table.tournamentAllPlacement td.col6 { }
table.tournamentAllPlacement td.col7 { }
table.tournamentAllPlacement td.col8 { }

table.tournamentAllPlayers { white-space: nowrap; }
table.tournamentAllPlayers td.col2 { } 
table.tournamentAllPlayers td.col1 { }
table.tournamentAllPlayers td.col2 { }

#tournamentAllPlayerInfo input[type=text] { width: 90px; }
#tournamentAllPlayerInfo input[type=text].required { width: 90px; }
#tournamentAllPlayerInfo input[type=text].requiredDate { width: 70px; }
#tournamentAllPlayerInfo input[type=text].optionalInt { width: 15px; }
#tournamentAllPlayerInfo input[type=text].comment { width: 125px }

table.tournamentAllPlayerInfo { }
table.tournamentAllPlayerInfo { } td.row { white-space: nowrap; }
table.tournamentAllPlayerInfo td { padding: 1px; }
table.tournamentAllPlayerInfo td.smalltext { font-size: 10px; }
table.tournamentAllPlayerInfo td.goalKeeper { width:20px; padding-left: 8px; }
table.tournamentAllPlayerInfo td.playerTeam { width:45px; white-space: nowrap; }

/* TECHNICALSKILLSEARCH */
table.technicalSkill { }
table.technicalSkill td.col1 { }
table.technicalSkill td.col2 { }

table.technicalSkillSearch { }
table.technicalSkillSearch th { text-align: left; }
table.technicalSkillSearch td.col1 { width: 55px; white-space: nowrap; }
table.technicalSkillSearch td.col2 { width: 70px; white-space: nowrap; }
table.technicalSkillSearch td.col3 { width: 70px; white-space: nowrap; }
table.technicalSkillSearch td.col4 { width: 185px; white-space: nowrap; }
table.technicalSkillSearch td.col5 { width: 185px; }

/* TECHNICALSKILLORDERING */ 
table.technicalSkillOrdering { width:580px; }
table.technicalSkillOrdering td.col1 { }
table.technicalSkillOrdering td.col2 { }
table.technicalSkillOrdering input[type=text].medium { width: 134px;}

table.TechnicalSkillOrderingSearchClub {  }
table.TechnicalSkillOrderingSearchClub th { text-align: left; }
table.TechnicalSkillOrderingSearchClub td.col1 { width: 400px; }
table.TechnicalSkillOrderingSearchClub td.col2 { width: 60px; }

table.technicalSkillOrderingExercise { white-space:nowrap; width:450px; }
table.technicalSkillOrderingExercise th { text-align:left;  padding: 2px; }
table.technicalSkillOrderingExercise input[type=text].dateExercise { width: 75px;}
table.technicalSkillOrderingExercise input[type=text].pointExercise { width: 50px;}
table.technicalSkillOrderingExercise input[type=text].pointExerciseSmall { width: 40px;}
table.technicalSkillOrderingExercise input[type=text].orderId { width: 35px;}
table.technicalSkillOrderingExercise input[type=text].date { width: 40px;}

table.technicalExercise { text-align: left; }
table.technicalExercise td { padding-left: 5px; padding-right: 5px; }

/* CLUBCMSORDERFORM */
table.clubCMSOrderFormClub { }
table.clubCMSOrderFormClub td.col1 { }
table.clubCMSOrderFormClub td.col2 { }

table.clubCMSOrderFormDomain { }
table.clubCMSOrderFormDomain td.col1 { }
table.clubCMSOrderFormDomain td.col2 { white-space: nowrap; }

table.clubCMSOrderFormDomain { width:100%; padding-left:0px; padding-right: 0px; }
table.clubCMSOrderFormDomain td.col1 { }
table.clubCMSOrderFormDomain td.col2 { }

table.clubCMSOrderFormDomainInner { }
table.clubCMSOrderFormDomainInner td.tabSpacer { padding-left: 25px; }

table.clubCMSOrderFormContact { }
table.clubCMSOrderFormContact td.col1 { }
table.clubCMSOrderFormContact td.col2 { }
table.clubCMSOrderFormContact td.col2 span { padding-left: 1px; padding-right: 1px; }

/* FIND CLUB ON MAP */
div.searchClubDiv { background-color: White; padding: 10px; }
table.searchClub { width: 530px; text-align:left; }
table.searchClub td.col1 { width: 430px; }
table.searchClub td.col2 { width: 100px; }

.wpLargeMap input[type=text] {background:url(../../images/bg_map_search.png) repeat-x;font-size:12px;height:29px;line-height:29px;padding:0;padding-left:5px;width:188px;vertical-align:top;border:1px solid #c5c5c5;font-weight:bold;color:#8b8b8b;}
.wpLargeMap input[type=submit] {background:url(../../images/bg_btn.png) top right repeat-x;font-size:12px;color:#fff;border:0;padding:6px 0 7px 0;margin:0;line-height:19px;font-weight:bold;width:50px;}
.wpLargeMap a:link,.wpMap a:visited {display:block;}

div.NearestClubs {float:left;width:160px;margin:10px;overflow:hidden;background-color:Transparent;}
div.NearestClubs ul{margin:0;padding:0;list-style-type:none;display:block;}
div.NearestClubs li{margin-bottom:10px;}
div.dgs {float:right;}

/* /FIND CLUB ON MAP */


/* COMMITTEE */
table.committee { }
table.committee td.col1 { }

table.committeeInfo { }
table.committeeInfo td.col1 { }

table.committeeInfoInner { }
table.committeeInfoInner td { padding: 2px; }
table.committeeInfoInner td.col1 { width: 100px; }
table.committeeInfoInner td.col2 { }

DIV.poolData, DIV.teamData { border-top: #db2b36 2px solid; }

/* EMPLOYEES */
table.employees { }
table.employees td.col1 { }
table.employees td.col2 { }

table.employeesInfo { }
table.employeesInfo td.col1 { }

table.employeesInfoInner { width:90%; }
table.employeesInfoInner td { padding: 2px; }
table.employeesInfoInner td.col1 { width:100px; }
table.employeesInfoInner td.col2 { }
table.employeesInfoInner td.col3 { text-align: right;}

/* ChildTribune */
span.childTribuneNoMatches { color: #A30001; font-size: 12pt; font-weight: bold; }
table.childTribuneTicket { }
table.childTribuneTicket td.col1 { white-space: nowrap; }
table.childTribuneTicket td.col2 { }

table.childTribunePersons { }
table.childTribunePersons td { padding-left: 3px; padding-right: 3px; }
table.childTribunePersons td.col1 { }
table.childTribunePersons td.col1 div.div1 { padding-right: 10px; }
table.childTribunePersons td.col1 div.div2 { }
table.childTribunePersons td.col1 div.div3 { clear:both; }
table.childTribunePersons td.col2 { }
table.childTribunePersons td.col3 { }
table.childTribunePersons td.col4 { }
table.childTribunePersons td.col5 { }
table.childTribunePersons td.col6 { }

table.childTribuneAddress { }
table.childTribuneAddress td.col1 { }
table.childTribuneAddress td.col2 { }

/* NOTIFICATIONS */
.notification {position: relative;margin: 0 0 15px 0;padding: 0;border: 1px solid;background-position: 10px 11px !important;background-repeat: no-repeat !important;font-size: 13px;width: 99.8%;}
.information {background: #dbe3ff url('../images/icons/information.png');border-color: #a2b4ee;color: #585b66;}
.success {background: #d5ffce url('../images/icons/accept.png');border-color: #9adf8f;color: #556652;}
.error {background: #ffcece url('../images/icons/exclamation.png');border-color: #df8f8f;color: #665252;}
.notification div {display:block;font-style:normal;padding: 10px 10px 10px 36px;line-height: 1.5em;}
/* /NOTIFICATIONS */

table.pigeRakettenTourPlan { }
table.pigeRakettenTourPlan td { padding-left: 2px; padding-right: 2px; }
table.pigeRakettenTourPlan td.header { }
table.pigeRakettenTourPlan td.subHeader { font-weight: bold; }
table.pigeRakettenTourPlan td.col1 { width:75px; }
table.pigeRakettenTourPlan td.col2 { width:60px; }
table.pigeRakettenTourPlan td.col3 { width:65px; }
table.pigeRakettenTourPlan td.col4 { width:65px; }
table.pigeRakettenTourPlan td.col5 { width:70px; }
table.pigeRakettenTourPlan td.col6 { width:65px; }

table.pigeRakettenClub { }
table.pigeRakettenClub td.col1 { width:120px; }
table.pigeRakettenClub td.col2 { }

table.pigeRakettenWishHeader { padding-top: 20px; }
table.pigeRakettenWishHeader td.col1 { }

table.pigeRakettenWish { }
table.pigeRakettenWish td.col1 { width:120px; }
table.pigeRakettenWish td.col2 { }

/* EVENTS */
table.events { }
table.events td.col1 { }
table.events td.col2 { white-space: nowrap; }

table.eventsInfo { }
table.eventsInfo td.head { color:#C81420; font-weight:bold; padding-top:20px; }