﻿body
{
  font-family: Segoe UI, Arial;
  background-color: #fff;
  outline: none;
  margin: 0px;
  padding: 0px;
}
a img
{
  border: none;
}
.topMenu
{
  width: 100%;
  height: auto;
  list-style-type: none;
  float: left;
  margin: 10px 0px 0px 10px;
  padding: 0px;
}
.topMenuActive
{
  background-image: url('/Content/Images/menuBgHover.png');
}
.topMenu li
{
  background-image: url('/Content/Images/menuBg.png');
  width: 81px;
  height: 24px;
  float: left;
  margin-left: 5px;
  text-align: center;
  outline: none;
  cursor: pointer;
}
.topMenu .active
{
  background-image: url('/Content/Images/menuBgHover.png');
}

.topMenu li:hover
{
  background-image: url('/Content/Images/menuBgHover.png');
}

.topMenu span
{
  margin-top: 5px;
  font-family: Segoe UI, Arial;
  color: #3673a2;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
.mainPanel
{
  width: 970px;
  height: auto;
  margin: 0px auto;
  border:solid 1px #fff;
  background-color: white;
}
.headerPanelLeft, .headerPanelRight, .headerPanelMiddle
{
  float: left;
  min-height:100px;
  height: auto;
}
.headerPanelRight
{
}
.headerPanelMiddle
{
  width: 965px;
}
.headerMenu
{
  float: left;
  width: 971px;
  height: 10px;
  margin-bottom: 10px;
}

.headerMenu ul
{
  list-style-type: none;
  width: auto;
  float: right;
  height: 20px;
  margin: 0px;
  margin-right:5px;
  margin-top: 5px;
  padding: 0px 0px 0px 3px;
}
.headerMenu ul li
{
  width: auto;
  height: 27px;
  float: left;
  margin-left: 5px;
}
.headerMenu ul li a
{
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}
.headerMenu ul li span
{
  font-size: 12px;
}

.headerMenuMiddle
{
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 971px;
position: fixed;
top: 0;
height: 30px;
z-index: 100;
box-shadow: 3px 3px 6px -2px #ccc;
}
.logo
{
  display: block;
  float: left;
  margin-left: 10px;
  margin-top: 20px;
}
.headerSearchPanel
{
  float: left;
  background-image: url('/Content/Images/search_bar.gif');
  background-repeat: repeat-x;
  height: 33px;
  width: 952px;
  border: solid 1px #82b4d2;
  padding-left: 10px;
  padding-top: 5px;
  margin-top: 9px;
  margin-left: 3px;
}
.TextBoxSearch
{
  border: solid 1px #98c2dc;
  height: 20px;
  width: 437px;
  padding: 5px 5px 0px 5px;
}
.footer
{
  width: auto;
height: 112px;
background-image: url('/Content/Images/footer.png');
color: #FFF;
font-size: 12px;
text-align: center;
padding-top: 30px;
margin: 0px auto;
margin-bottom: 5px;
}
.footerLink
{
  color: #fff;
  text-decoration: none;
}

/* ============================== PRODUCT ====================================== */

.contentWrapper, .topBand, .listHeader, .tableHeader, .tableContent, .tableFooter
{
  width: 715px;
  float: left;
}
.topBand, .listHeader, .tableHeader, .tableContent, .tableContent, .tableFooter
{
  height: 30px;
  background-color: #ebebeb;
  margin-top: 5px;
  margin-left: 2px;
}
.listHeader
{
  height: 48px;
  background-color: #ccebee;
}
.listHeader .listContent
{
  margin: 13px 10px 0px 5px;
  font-size: 10px;
  float: left;
  height: 13px;
  width: 700px;
}
.listHeader .listContent a
{
  color: #000;
  text-decoration: none;
  margin-left: 3px;
  display: inline-block;
}
.listHeader .listContent span
{
  display: inline-block;
  float: left;
  margin-left: 3px;
}

.listPaging ul, .tableHeader ul, .tableContent ul
{
  float: left;
  display: inline-block;
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: 3px;
}

.listPaging ul li, .tableHeader ul li, .tableContent ul li
{
  float: left;
  display: inline-block;
  margin: 0 2px 0 2px;
}

.tableHeader, .tableContent
{
  font-size: 11px;
  height: 45px;
}
 
.tableHeader ul li, .tableContent ul li
{
  font-weight: 700;
  color: #003366;
  height: 18px;
  padding-top: 2px;
  text-align: center;
  margin: 0px;
}

.tableHeader ul li.sep, .tableContent ul li.sep
{
  width: 1px;
  background-color: #FFF;
  padding-top: 0px;
}

.tableContent
{
  margin-top: 0px;
  width: 713px;
  height: auto;
  background-color: #FFF;
  border: 1px solid #d9e7f1;
}

.tableContent ul, .tableContent ul.alternate
{
  height: auto;
  width: 713px;
}
.tableContent ul.alternate
{
  background-color: #f8f8f8;
  border-bottom:solid 1px #bababa;
  border-top:solid 1px #bababa;
}

.tableContent ul li.sep
{
  background-color: #cbdeeb;
  padding-left: 0px;
  height: 60px;
}

.tableContent ul li
{
  font-weight: normal;
  text-align: left;
  height: auto;
}
.tableContent span
{
  display: inline-block;
  margin-left: 3px;
}
.tableFooter
{
  background-color: #b1cee0;
  font-size: 11px;
}
.tableFooter div.text
{
  display: inline-block;
  margin: 7px;
  height: 19px;
}
.leftArrow, .rightArrow
{
  background-image: url('/content/images/leftArrow.png');
  background-repeat: no-repeat;
  height: 20px;
  width: 9px;
  float: left;
  cursor: pointer;
  margin-left: 2px;
}
.rightArrow
{
  background-image: url('/content/images/rightArrow.png');
}
.goPage
{
  border: none;
  background-image: url('/content/images/goPage.png');
  background-repeat: no-repeat;
  height: 17px;
  float: right;
  width: 21px;
}

.gotext
{
  width: 23px;
  height: 14px;
  border: 1px solid #dbe9ef;
  font-size: 11px;
}
.detayliarama
{
  font-size: 11px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.detayliarama:visited
{
  color: #000;
}
.detayliarama:hover
{
  color: #616161;
}
