﻿#brows { width: 100%;}

#brows h2 {
  color: #00605b;
  margin: 45px 0 25px 0;
  font-style: italic;
  text-align: center;
}

#brows a {
  ttext-decoration: none;
  color: #00605b;
}

#main_bordered #brows .tabletTD { width: 50%;}

#brows .preview {width: 140px;}

#main_bordered #brows .tabletTD table {
  background: #a0bdc1 url(../img/lighterTablet.png) repeat-x left -150px;
  padding: 10px;
  padding-top: 0;
  width: 100%;
  border-collapse: separate;
}

* html #main_bordered #brows .tabletTD table {
  border-bottom: 10px solid #a0bdc1;
  background: #a0bdc1 url(../img/lighterTablet.gif) repeat-x left -4px;
}
* html #main_bordered #brows .tabletTD .left {border-left: 10px solid #a0bdc1;}
* html #main_bordered #brows .tabletTD .right {border-right: 10px solid #a0bdc1;}

#main_bordered #brows .tabletTD td.borders {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}

#brows .tabletTD td.borderLeft {border-right: none; border-left: 2px solid #fff;}

#brows .tabletTD a {
  display: block;
  padding: 5px 15px 5px 15px;
  line-height: 1.2;
  color: #00605b;
}


#brows .tabletTD .presence {
  height: 30px;
  background: #fff;
}

#brows .tabletTD table .emptyRow {
  background: #fff;
  height: 5px;
  line-height: 5px;
}

* html #brows .tabletTD table .emptyRow {
  border-left: 10px solid #a0bdc1;
  border-right: 10px solid #a0bdc1;
}

#brows .tabletTD .presence td.bordersSilver {
  border-left: 2px solid silver;
  border-right:  2px solid silver;
}

#brows .tabletTD .presence td.borderLeftSilver {
  border-left: 2px solid silver;
}

#brows .tabletTD .presence td span {
  display: block;
  height: 100%;
}

#brows .tabletTD .presence td .ok {
  background: #fff url(../img/ok.gif) no-repeat center center;
  height: 30px;
}
