/*
---------------------------------------------
General style definitions for common elements
---------------------------------------------
*/
body, p, div
{
  color: black;
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 12px;
  border: none;
}

ul
{
  margin-top: 5px;
  margin-bottom: 0px;
}


li
{
  padding-top: 5px;
  padding-left: 0px;
}


table
{
  font-size: 12px;
  border-collapse: collapse;
}

tr
{
  vertical-align: top;
}

td
{
  text-align: left;
  border-spacing: 0px;
  padding: 0px;
}

td.right
{
  text-align: right;
}

.small
{
  font-style: normal;
  font-size : 10px;
}

hr
{
  background-color: #007CBF;
  border-style: none;
  height: 1px;
  margin-top:3px;
  margin-bottom:3px;
}

hr.nospace
{
  height:1px;
  background-color:#007CBF;
  border-style:none;
  margin-top: 1px;
  margin-bottom: 1px;
}

.floatright
{
  float: right;
  margin: 0px;
  border: 0px;
  padding: 0px;
}


/*
----------------
Format for links
----------------
*/

a
{
  color: black;
  text-decoration: none;
}


a:hover
{
  color: #007CBF;
  text-decoration: underline;
}


a.important
{
  font-weight: bold;
}


a.important:hover
{
  color: #007CBF;
  text-decoration: underline;
}

a.warning
{
  color: #007CBF;
  font-weight: bold;
}


a.warning:hover
{
  color: #007CBF;
  text-decoration: underline;
}

a.lnk_language
{
  text-decoration: none;
	color: White;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

a.lnk_language:hover
{
  text-decoration: none;
	color: White;
}


/*
--------------
General titles
--------------
*/

h1, .h1
{
  font-family: Arial,Verdana,Helv,Sans-Serif;
  color: #003876;
  font-size: 24px;
  font-weight: Bold;
  margin-top: 0px;
  margin-bottom: 8px;
}

h2, .h2
{
  font-family: Arial,Verdana,Helv,Sans-Serif;
  color: #003876;
  font-size: 20px;
  font-weight: Bold;
  margin-top: 0px;
  margin-bottom: 6px;
}

h3, .h3
{
  font-size : 16px;
  color : #003876;
  font-family : Arial,Verdana,Helv,Sans-Serif;
  font-weight : Bold;
  margin-top: 0px;
  margin-bottom: 5px;
}

h4, .h4
{
  color : #003876;
  font-family : Arial,Verdana,Helv,Sans-Serif;
  font-size : 14px;
  font-weight : Bold;
  margin-top: 0px;
  margin-bottom: 4px;
}

/*
-----------------------
Format for text marking
-----------------------
*/

span.highlight1
{
  color: red;
}

span.highlight2
{
  color: #FF7F00;
}

span.disabled
{
  color: #B8B8B8;
}


/*
----------------
Format for menus
----------------
*/


.menu1:link        {color: white; font-size: 12px; font-weight: bold; text-decoration: none;}
.menu1:visited     {color: white; font-size: 12px; font-weight: bold; text-decoration: none;}
.menu1:hover       {color: white; text-decoration: none;}

/*
------------------------
Format for edit controls
------------------------
*/
form, p
{
  margin:0px
}

input, textarea
{
  color:#000000;
  font-size:12px;
  background-color:#FFF;
  border:1px solid #000;
}

select {
  color: #000000;
  font-size:12px;
  background-color:#FFFFFF;
}

.selectLarge, .inputLarge { width:300px; }
.selectMedium, .inputMedium { width:150px; }
.selectSmall, .inputSmall { width:50px; }

/*
--------------------------------------------
Specific formats for different content pages
--------------------------------------------
*/


table.athleteSearch, table.athleteBest, table.athleteRanking,
table.clubSearch,
table.meetSearch, table.placeInfo,
table.rankingList,
table.splitInfo
{
  font-size: 11px;
}

table.athleteResult, table.athleteRecord, table.athleteMeet,
table.meetResult, table.meetRecord
{
  font-size: 11px;
  margin-top: 10px;
}

table.navigation
{
  margin-top: 5px;
  margin-bottom: 10px;
  width: 750px;
}

tr.athleteSearch1, tr.athleteBest1, tr.athleteRanking1, tr.athleteResult1, tr.athleteRecord1, tr.athleteMeet1,
tr.clubSearch1,
tr.meetSearch1, tr.meetResult1, tr.meetRecord1,
tr.placeInfo1,
tr.rankingList1,
tr.splitInfo1
{
  background-color: #E8E8E8;
}

tr.athleteSearch0, tr.athleteBest0, tr.athleteRanking0, tr.athleteResult0, tr.athleteRecord0, tr.athleteMeet0,
tr.clubSearch0,
tr.meetSearch0, tr.meetResult0, tr.meetRecord0,
tr.placeInfo0,
tr.rankingList0,
tr.splitInfo0
{
  background-color: #FEFEFE;
}

td.titleLeft
{
  font-family: Arial,Verdana,Helv,Sans-Serif;
  color: #003876;
  font-size: 16px;
  font-weight: Bold;
  padding: 0px 5px 0px 5px;
}

td.titleLeftNormal
{
  text-align: left;
  padding: 0px 5px 0px 5px;
  font-size: 11px;
}

td.titleCenter
{
  font-family: Arial,Verdana,Helv,Sans-Serif;
  color: #003876;
  font-size: 16px;
  font-weight: Bold;
  text-align: center;
  padding: 0px 5px 0px 5px;
}

td.titleRight
{
  font-family: Arial,Verdana,Helv,Sans-Serif;
  color: #003876;
  font-size: 16px;
  font-weight: Bold;
  text-align: right;
  padding: 0px 5px 0px 5px;
}

td.titleRightNormal
{
  text-align: right;
  padding: 0px 5px 0px 5px;
  font-size: 11px;
}


td.icon
{
  padding: 1px 2px 1px 0px;
  width: 16px;
  height: 18px;
}


.navigation:link,
.navigation:visited,
.navigation:hover
{
  text-decoration: none;
  color: white;
}

.navigation:hover
{
  text-decoration: underline;
  color: #295DB5
}


td.navigation
{
  padding: 1px 5px 1px 5px;
  vertical-align: middle;
  text-align: center;
  background-color: #007CBF;
  color: white;
}


td.navigationSwitch
{
  padding: 1px;
  vertical-align: middle;
  text-align: center;
  background-color: #007CBF;
  color: white;
  width: 22px;
}


td.navigationLeft
{
  padding: 1px 5px 1px 5px;
  vertical-align: middle;
  text-align: left;
  background-color: #007CBF;
  color: white;
}


td.navigationRight
{
  padding: 1px 5px 1px 5px;
  vertical-align: middle;
  text-align: right;
  background-color: #007CBF;
  color: white;
}


th.valueTblCaption {
  padding:1px 5px 1px 5px;
  text-align: left;
}


td.valueTblCaption {
  padding:1px 5px 1px 5px;
  text-align: left;
  width: 200px;
}


td.valueTblValue {
  padding:1px 5px 1px 5px;
  text-align: left;
}


td.searchCaption {
  height: 22px;
  width: 150px;
}


td.spacer
{
  width: 1px;
  background-color: white;
}

td.spacerGray
{
  width: 1px;
  background-color: #007CBF;
}

td.separator
{
  padding:0px;
  height: 1px;
  background-color: #007CBF;
}


th
{
  padding:1px 5px 1px 5px;
  background-color: #75C3EB;
  color: #003876;
  font-weight: Bold;
}

.rankingPlace
{
  padding:1px 1px 1px 1px;
  text-align: center;
}

.placeInfoName
{
  text-align: left;
  vertical-align: middle;
  padding: 2px;
}

.placeInfoAge
{
  text-align: center;
  vertical-align: middle;
  padding: 0px;
}


.placeInfoPlace
{
  color: #003876;
  font-size: 14px;
  font-weight: Bold;
  padding: 2px 0px;
  text-align: center;
}


.code, .course
{
  padding:1px 5px 1px 5px;
  text-align: center;
}

.meetPlace, .splitDistance, .splitTime
{
  padding:1px 5px 1px 5px;
  text-align: right;
}

.city, .fullname, .swimstyle
{
  padding:1px 5px 1px 5px;
  text-align: left;
  white-space: nowrap;
}

.name, .club, .event
{
  padding:1px 5px 1px 5px;
  text-align: left;
}

.nameImportant
{
  color: #003876;
  padding:1px 5px 1px 5px;
  text-align: left;
  font-weight: Bold;
}

.relayNames
{
  padding:0px 5px 1px 5px;
  text-align: left;
}

.date
{
  padding:1px 5px 1px 5px;
  text-align: right;
  white-space: nowrap;
}

.yob
{
  padding:1px 5px 1px 5px;
  text-align: center;
}

.swimtime
{
  color: #003876;
  padding:1px 5px 1px 5px;
  font-weight:bold;
  text-align: center;
}

td.swimtimeImportant
{
  color: #003876;
  padding:1px 5px 1px 5px;
  font-weight:bold;
  background-color: #75C3EB;
  text-align: center;
}

td.swimtimeLarge
{
  color: #003876;
  font-size: 20px;
  font-weight:bold;
  text-align: right;
  vertical-align: middle;
}


th.swimtime
{
  padding:1px 5px 1px 5px;
  background-color: #75C3EB;
  color: #003876;
  font-weight: Bold;
  text-align: center;
}


.splits
{
  padding:0px 5px 1px 5px;
  font-style:normal;
  color: gray;
  font-size : 11px;
}

/*
--------------------------
Elements for split tooltip
--------------------------
*/


table.split
{
  font-size: 10px;
}

td.split0
{
  text-align: right;
  width: 35px;
  padding: 0px 0px 0px 0px;
}

td.split1
{
  text-align: right;
  width:50px;
  padding: 0px 0px 0px 0px;
}

td.split2
{
  text-align: right;
  width:45px;
  padding: 0px 0px 0px 0px;
}

td.splitsep
{
  padding:0px;
  height: 1px;
  background-color: #007CBF;
}