/** 
* VSliga.cz - SQUASH base css 
* css name: main.css
* 
**/

body
{
  font: 11px/15px "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
  margin: 0;
  background: #222;
  behavior: url("http://www.vsliga.cz/data/squash/praha/css/csshover3.htc");
}

.main
{
  width: 790px;
  background: #fff url(main.gif) top center repeat-y;
  margin: 0 auto;
}

div#header
{
  position: relative;
  width: 790px;
  height: 200px;
  margin: 10px auto 0;
  border-top: 1px solid #000;
  border-bottom: 4px solid #000;
  z-index: 999;
}

/* title */
h1 { height: 120px; margin: 0; }
h1 a:link, h1 a:visited
{
  display: block;
  position: absolute;
  top: 7px;
  width: 230px;
  height: 99px;
}

#menu
{
  height: 18px;
  color: #fff;
  padding: 0;
  margin: 0;
}
  #menu li
  {
    position: relative;
    display: block;
    height: 16px;
    float: left;
    padding: 0;
    margin: 0;
  }
  #menu a
  {
    display: block;
    float: left;
    height: 14px;
    font-weight: bold;
    padding: 3px 8px 1px;
    border-right: 1px solid #3d5563;
    margin: 0;
  }
  
  #menu a:link, #menu a:visited
  {
    color: #ccf;
  }
  #menu a:hover, #menu a:active
  {
    color: #fff;
  }
  #menu li ul
  {
    display: none;
    position: absolute;
    top: 18px;
    left: 0;
    padding: 0;
    margin: 0;
  }
  
  #menu li ul li
  {
    clear: both;
    width: 100px;
    height: 18px; 
    background: #2E3C45;
    border: 1px solid #3F5562;
    border-top: none;
    margin: 0;
    padding: 0;
  }

  #menu li:hover ul
  {
    display: block;
  }
  
  #menu li ul li a:link, #menu li ul li a:visited
  {
    padding: 3px 0 0 8px;
    width: 92px;
    height: 15px;
  }

  






form#searchform
{
  margin: 10px 0 0 260px;
}

input#search-field
{
  width: 180px;
}

form#searchform input.submit
{
  background: #2c3337;
  color: #fff;
  margin: 0 4px;
  padding: 2px 4px 1px;
}

form#searchform input.submit:hover
{
  background: #3d5563;
}

div#maincontent
{
  position: relative;
  width: 550px;
  float: left;
  font-size: 12px;
  margin: 0;
  padding: 0 0 100px;
}

div#sidebar 
{
  width: 230px;
  height: 100%;
  float: right;
  display: inline;
  margin: 0;
  padding: 0 0 100px 0;
}

div#sidebar h4
{ 
  margin: 10px 0;
  padding: 10px 0 0px 5px;
  border-bottom: 1px solid #000;
}

/* login */
input#login-field, input#password-field
{
  width: 131px;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 4px;
  border: 1px solid #aaa;
}

#loginform input.submit
{
  background: #2c3337;
  color: #fff;
  margin: 0 4px;
  padding: 2px 4px 1px;
}

#loginform input.submit:hover
{
  background: #3d5563;
}

/* css selector */
select#csssel
{
  width: 141px;
  margin: 0 0 0 5px;
  border: 1px solid #aaa;
}

div#sponsors
{
  color: #eee;
  clear: both;
  margin: 1px 0px 0 5px;
}

div#sponsors a
{
  margin: 0;
  padding: 0;
  background: #fff;
  color: #eee;
}

div#sponsors a img
{
  border: none;
}

div#footer 
{
  width: 790px;
  height: 54px;
  clear: both;
  background: #fff;
  margin: 0 auto 10px;
  border-top: 1px solid #000;
  border-bottom: 4px solid #000;
}

div#footer a:link, div#footer a:visited
{
  color: #000;
}

div#footer a:hover, div#footer a:active
{
  color: #fff;
  background: #f93d00;
}

.right
{
  margin: 0 0 0 420px;
}


/* main typography */

strong { font-weight: bold; }
p { margin: 10px 1px 10px 10px; }

span.red { color: #f00; }
blockquote
{
  margin: 0;
  padding: 0;
}

a:link, a:visited 
{
  font-weight: bold;
  text-decoration: none;
  color: #f93d00;
  outline: none;
}

a:hover, a:active
{
  background: #f93d00;
  color: #fff;
}

h2, h3, h4, h5 
{
  font-weight: bold;
  margin: 0;
}

h2 
{
  font-size: 18px;
  margin: 12px 0 4px 0;
  padding: 0 0 8px 10px;
  border-bottom: 1px solid #000;
  
    color: #3d5563;
}

h3
{
  font-size: 22px;
  margin: 40px 0 0 0;
  padding: 0 0 8px 10px;
  border-bottom: 1px solid #000;
}

h4 
{
  font-size: 12px;
  margin: 10px 0 8px 0px;
  padding: 0 0 0 10px;
}

h4.important
{
  font-size: 22px;
  color: #333;
  line-height: 28px;
}

dl { margin: 6px 10px 10px 10px; }

dt { font-weight: bold; }

dd 
{ 
  margin: 0 0 4px 0;
}

ul 
{
  list-style: none;
  margin: 10px 0 10px 0;
  padding: 0 0 0 25px;
}

ol 
{ 
  margin: 10px 0 10px 0px;
  padding: 0 0 0 35px;
}

li
{
  margin: 5px 0;
}
/* table */
table
{
  margin: 0 80px;
  padding: 20px 0;
  border-collapse: collapse;
}

table tr
{
  padding: 2px 4px;
}

table tr td
{
  text-align: center;
  padding: 4px 8px;
}

table tr.t_row
{
  border-top: 1px solid #eee;
}

table tr.t_label
{
  font-weight: bold;
  border-bottom: 1px solid #000;
}

table tr.t_label td
{
  padding: 4px 8px;
}

/* inputs */
input, textarea
{
        font: 11px/15px "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
}

input.submit
{
  cursor: pointer;
  outline: none;
  border: none;
}

/* helpers */
.hidden { display: none; }

.toggler { cursor: pointer; }

.nobold { font-weight: normal; }

.floatright 
{
  float: right;
  margin: 0 0 0 5px;
}

.floatleft
{
  float: left;
  margin: 5px 15px 10px 10px;
  display: inline;
}

.cleaner
{
  clear: both;
}

/* page specific */

/* rules */
div#rules_menu
{
  top: 0;
  height: 300px;
}

div#rules_menu img
{
  margin: 0;
}

div#rules_menu ul
{
  list-style: none;
  width: 380px;
  padding: 20px 0 0 0;
}

div#rules_menu ul li
{
  margin: 0 0 0 15px;
  padding: 2px 0 0 5px;
  border-bottom: 1px solid #eee;
}



/* results */

div.results
{
  padding: 0;
  margin: 0 0 30px;
}

a.results_toggler:link, a.results_toggler:visited
{
  position: relative;
  display: block;
  
  height: 30px;
  color: #000;
  padding: 10px 0 12px 5px;
  /*border-top: 1px solid #000;*/
  border-bottom: 1px solid #000;
}

a.results_toggler:hover
{
  background: #f93d00;
  color: #fff;
}

a.results_toggler:active
{
  background: #fff;
}

div.results_element
{
  position: relative;
  margin: 0;
  padding: 0;
}

/* results - player initials */

.in1, .in2, .in3, .in4, .in5, .in6, .in7, .in8, .in9 
{
  position: absolute;
  padding: 0 0 0 5px;
  top: 6px;
  font-weight: bold;
}

.in1 { left: 160px; width: 25px; }
.in2 { left: 200px; width: 25px; } 
.in3 { left: 240px; width: 25px; }
.in4 { left: 280px; width: 25px; }
.in5 { left: 320px; width: 25px; }
.in6 { left: 360px; width: 25px; }
.in7 { left: 400px; width: 25px; }
.in8 { left: 440px; width: 25px; }
.in9 { left: 480px; width: 25px; }

div.results_element ul
{
  margin: 0;
  padding: 35px 0 0;
  border-top: 3px solid #000;
  border-bottom: 4px solid #000;
}

div.results_element ul li
{
  margin: 0;
  cursor: pointer;
}

a.results_name:link, a.results_name:visited
{
  display: block;
  margin: 0;
  padding: 5px 0 5px 5px;
}

a.results_name:hover, a.results_name:active
{
  color: #333;
  background: transparent;
}


.rleague, .rpointslabel, .rpoints, .rfirstlabel, .rfirst, .rplayerslabel, .rplayers
{
  position: absolute;
  cursor: pointer;
  height: 30px;
}

.rleague
{
  font-size: 11px;
  margin-left: 5px;
}

.rpointslabel
{
  left: 165px;
  font-weight: normal;
  padding-left: 5px;
  border-left: 1px solid;
}

.rpoints
{
  left: 245px;
  font-size: 16px;
}

.rfirstlabel
{
  left: 325px;
  font-weight: normal;
}

.rfirst
{
  left: 405px;
}

.rplayerslabel
{
  top: 28px;
  left: 192px;
  font-size: 11px;
  font-weight: normal;
  /*color: #93ad6f;*/
}

.rplayers
{
  top: 25px;
  left: 245px;
  width: 305px;
  font-size: 10px;
  line-height: 10px;
  padding-top: 2px;
  border-top: 1px solid;
}

.rscore1, .rscore2, .rscore3, .rscore4, .rscore5, .rscore6, .rscore7, .rscore8,
.rscore9
{
  position: absolute;
  width: 25px;
  padding: 0 0 0 8px;
}

.rscore1 { left: 160px; }
.rscore2 { left: 200px; }
.rscore3 { left: 240px; }
.rscore4 { left: 280px; }
.rscore5 { left: 320px; }
.rscore6 { left: 360px; }
.rscore7 { left: 400px; }
.rscore8 { left: 440px; }
.rscore9 { left: 480px; }


/* charts */
div#chart ul
{
  margin: 0;
  padding: 0;
}

div#chart ul li
{
  position: relative;
  height: 30px;
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 0;
} 

div#chart ul li a:link, div#chart ul li a:visited
{
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  color: #000;
} 

.chart_pos, .chart_name, .chart_lpoints, .chart_tpoints, .chart_points, .chart_postotal
{
  position: absolute;
  padding: 0 0 0 5px;
} 

.chart_pos { left: 0; width: 65px; }
.chart_name { left: 80px; width: 145px; } 
.chart_lpoints { left: 240px; width: 65px; font-weight: normal; }
.chart_tpoints { left: 320px; width: 65px; }
.chart_points { left: 400px; width: 65px; }
.chart_postotal { left: 480px; width: 65px; }

.chartv_pos, .chartv_name, .chartv_lpoints, .chartv_tpoints, .chartv_points,
.chartv_postotal
{
  position: absolute;
  padding: 0 0 0 5px;
} 

.chartv_pos { left: 10px; width: 65px; }
.chartv_name { left: 82px; width: 145px; } 
.chartv_lpoints { left: 255px; width: 65px; font-weight: normal; }
.chartv_tpoints { left: 350px; width: 65px; }
.chartv_points { left: 425px; width: 65px; }
.chartv_postotal { left: 500px; width: 65px; }

/* squash centers map */
div#scmap
{
  height: 400px; 
  background: #fcfcfc;
}

dl#scmaplist dt
{
  cursor: pointer;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  margin-top: 10px;
  border-top: 1px solid #eee;
}

div#scmap_buttons
{
  margin-left: 10px;
}


/* registration */



form#reg em
{
  color: #f00;
}

form#reg h3
{
  font-size: 18px;
  padding: 10px 0 4px 5px;
  color: #000;
}

form#reg label 
{
  width: 120px;
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
}
form#reg ul 
{
  margin: 0;
  padding: 0;
}
form#reg li 
{
  position: relative;
  list-style: none;
  background: #f5fffd;
  padding: 5px;
  margin: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eee;
}

form#reg ul.rsub li
{
  border: none;
}

form#reg input, form#reg select, form#reg textarea
{
  position: absolute;
  left: 160px;
}

form#reg input.rsubmit
{
  left: 470px;
  width: 80px;
}

.regtextarea
{
  height: 150px;
}

form#reg textarea
{ 
  width: 230px;
  height: 145px;
}

.longsel
{
  width: 234px;
}

div#p_photo
{
  width: 230px;
  height: 200px;
  background: #f2f2f2;
}

p.reglink
{
  margin: -10px 0 0 5px;
  padding: 0;
}

/* profile results */

table#res
{
  width: 550px;
  margin: 10px 0 50px 0;
}

table#res tr
{ 
  margin: 10px 0 0 0;
  padding: 10px 0;
}

table#res tr td
{
  text-align: left;
  margin: 0;
  padding: 10px 0 0 5px;
}

table#res tr.t_label
{
  height: 40px;
  margin-bottom: 40px;
}

.o1 { width: 155px; }
.o2 { width: 155px; }
.o3 { width: 155px; }
.o4 { width: 65px; }

table#res2
{
  width: 550px;
  margin: 0;
}

table#res2 tr
{ 
  border-bottom: 1px solid #000;
}

table#res2 tr td
{
  text-align: left;
  margin: 0;
  padding: 0 0 0 5px;
}

.p1 { width: 140px; }
.p2 { width: 140px; }
.p3 { width: 125px; }
.p4 { width: 125px; }



form#zapis select
{
  width: 140px;
  margin: 10px 0 0 0;
}

form#zapis input.submit
{
  margin: 0;
  padding: 2px;
}

/* profile */

div#profile
{
  position: relative;
  width: 550px;
  height:230px;  
  padding: 10px 0;
  border-bottom: 2px solid #000;
}

#profile #photo
{
  width: 229px;
  height: 200px;
  float: left;
  margin: 0;
}

div#photo a img
{
  margin-left:auto;
  margin-right:auto;
  text-align: center;
  padding-left: 28px;
    color: #fff;
  background: transparent;
    border: 0px;
}

div#photo a:hover
{
  color: #fff;
  background: transparent;
}

#profile dl
{
  width: 310px;
  float: right;
  margin: 0;
  padding: 0;
}

#profile dl dt
{
  font-weight: normal;
  font-size: 11px;
  border-bottom: 1px solid #000;
  padding: 0 0 0 5px;
  margin: 0 0 1px 0;
}

#profile dl dd
{ 
  font-weight: bold;
  margin: 0 0 4px 0;
  padding: 0 0 0 5px;
}

#profile dd#id
{
  font-size: 13px;
}

#profile dd#rating
{ 
  line-height: 60px;
  font-size: 60px;
}

#profile dd#league {}

#profile dd#points
{
  line-height: 24px;
  font-size: 28px;
}

#profile dd.pos
{ 
  margin-top: 4px;
  font-size: 12px;
}

span.stats
{
  font-weight: bold;
  font-size: 18px;
}

div#intro
{
  background: #e9ead5;
  padding: 10px 0;
  margin: 0 0 30px 0;
}

img.zav { vertical-align: bottom; }

.partner
{
  float: left;
  margin: 5px 15px 10px 10px;
  display: inline;
  border: none;
}

.partner_small
{
  float: right;
  margin: 0px;
  display: inline;
  border: none;
}

#forum
{
  
  width: 540px;
  float: left;
  margin: 10px;
  display: inline;
  padding: 0px;
}

#forum .category_name
{
  border-left: 1px solid white;
  border-right: 1px solid white;
  width: 70px;
}

#forum .category_label
{
  border-right: 1px solid white;
  width: 160px;
}

#forum .topic_count
{
  border-right: 1px solid white;
  width: 85px;
}

#forum .last_post
{
  border-right: 1px solid white;
    text-align: left;
}

#forum .category_row
{
  border: 1px solid white;
  background: #E9EAD5;
}

#forum .category_row_color
{
  border: 1px solid white;
}

#forum .last_post_label
{
  border: 1px solid white;
  background: #E9EAD5;
}

#forum .topic
{
  width: 160px;
  text-align: left; 
  border-right: 1px solid white;
}

#forum .topic_founder_name
{
  width: 100px;
  text-align: left; 
  border-right: 1px solid white;
}

#forum .posts
{
  width: 40px;
  text-align: right; 
  border-right: 1px solid white;
}

.post_header
{
  background: #E9EAD5;
  border: 0px solid red;
}

.post_body
{
  border: 0px solid red;
  padding: 5px;
  margin-bottom: 12px;
}

.reaction
{
  float:right;
}


table.schedule
{
  font-size: 11px;
  color: #333;
}

table.schedule tr.odd
{
  background: #dde;
}

table.schedule tr.even
{
  background: #ccd;
}

table.schedule tr td
{
  border: 1px solid;
  padding: 2px 5px;

}

table.schedule td.day
{
  font-weight: bold;
  color: #fff;
  background: #333;
  border-color: #000;
}

.schedule
{
   
    width: 400px;
    padding-top:30px;
    margin: 0px;
    border: 0px solid red;
    font-size:8px;

}

.day
{
    text-align:left;

}

.schedule tr td
{
   /* width:6px;*/
    border:0px solid green;
}


/*/////<style>*/
.actions
{
  width: 500px;
  margin: 10px;
  display: inline;
  padding: 0px;
}


.actions .action_date
{
  border-left: 1px solid white;
  border-right: 1px solid white;
  width: 70px;
}

.actions .action_name
{
  text-align: left;
  border-right: 1px solid white;
  width: 260px;
}

.actions .action_label
{
  border-right: 1px solid white;
  width: 160px;
}

.actions .action_normal
{
  border-right: 1px solid white;
  width: 60px;
}

.actions .action_registration
{
  border-right: 1px solid white;
  width: 150px;
}

.actions .action_registration_start
{
  border-right: 1px solid white;
  width: 70px;
}

.actions .action_registration_end
{
  border-right: 1px solid white;
  width: 70px;
}


.actions .action_row_color
{
  border: 1px solid white;
  background: #E9EAD5;
}

.forum .action_row
{
  border: 1px solid white;
}

/* SCHOOL LADDER */
#school_ladder
{
  
  width: 540px;
  float: left;
  margin: 10px;
  display: inline;
  padding: 0px;
  text-align: left;
  border: 1px solid #E9EAD5;
}

#school_ladder .rank
{
  border-right: 1px solid white;
  width: 10px;
}

#school_ladder .school
{
  border-right: 1px solid white;
  width: 80px;
  text-align: left;
}

#school_ladder .top_player
{
  border-right: 1px solid white;
  width: 370px;
  text-align: left;
} 
#school_ladder .points
{
  width: 80px;
  text-align: right;
} 
#school_ladder .faculty
{
  border-right: 1px solid white;
  width: 220px;
  text-align: left;
}
#school_ladder .faculty_player
{
  border-right: 1px solid white;
  width: 162px;
  text-align: left;
}


#school_ladder .odd
{
  background: #E9EAD5;
} 



#home { position: absolute; top: 66px; left: 300px; text-indent: -9999px; }
 #home a:link, #home a:visited {
  display: block;
  width: 18px;
  height: 18px;
  background: url(home.jpg) top;
 }
 #home a:hover, #home a:active {
    background: url(home.jpg) bottom;
 }

a#firstbtn {
 display: block; 
 text-indent: -9999px; 
 width: 140px; 
 height: 27px; 
 margin: 9px 10px;
}
a#firstbtn:link,  a#firstbtn:visited  {
 background: url(firstbtn.jpg) top;
}
a#firstbtn:hover,  a#firstbtn:active {
 background: url(firstbtn.jpg) bottom;
}