/* 
    Document   : inlineTable
    Created on : 29.4.2009, 12:00:56
    Author     : Honza
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*TABLE CHANGES BY HENO* load images "redarrowdown.gif", "redarrowup.gif" to images folder*/




#formarea table#row, .tracktable table {
    border:1px solid #A7A8A9;
    width:100%;
}
#formarea table#row tr.even td, .tracktable table tbody tr.odd td {
  background-color:#F0F0F0;
}

#formarea table#row thead, #formarea table#row thead th, .tracktable table thead, .tracktable table thead th {
    font-size:10px;
    font-weight:normal;
    text-align:left;
    background:transparent url(../../images/table_header_strip.gif) repeat-x bottom;
}
#formarea table#row thead th {
    padding:5px;
    height:auto;
    padding-bottom:10px;
}
#formarea table#row thead th.sortable, .tracktable table thead tr th.sortable, #formarea table#row thead th.order1, .tracktable table thead tr th.order1 {
    background: url(../../images/redarrowdown_w_bg.gif) no-repeat bottom left;
    margin:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:14px;
}

#formarea table#row thead th.order2, .tracktable table thead tr th.order2 {
    background: url(../../images/redarrowup_w_bg.gif) no-repeat bottom left;
    text-decoration:underline;
}


#formarea table#row td, .tracktable table td {
    font-size:10px;
    color:#494949;
    padding:4px 1px;
    margin:0px;
    vertical-align:middle;
}
#formarea table#row td input, #formarea table#row td image {
    border:0;
    padding:0px;
    height:auto;
    width:auto;
    float:left;
}
#formarea table#row .price {
    text-align:right;
    padding-right:5px;
}
#atags form	{
	padding:0px;
	margin:0px;
}
#atags .inlineTable-search-panel   {
    width:100%;
    height:auto;
    padding-bottom:10px;
    float:left;
}
#atags .inlineTable-search  {
    float:left;
    margin:0px;
    padding:0px;
}
#atags .inlineTable-search input    {
    margin:0px;
}
#main #atags .inlineTable-search fieldset input.button    {
    margin:0px !important;
    padding:0px !important;
    height:auto !important;
    line-height:10px !important;
}
#atags .inlineTable-search-panel .numberOnPage {
    float:right;
}
#atags .inlineTable-search-panel .numberOnPage select	{
	height:auto;
	width:auto;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
.inlinetable-type-width {
    width:36px;
    font-size:0px;
}
/* IE6 had problems detecting the real icons size, therefore it had to be setted manually here */
* html .icons16x16 img, * html .icons16x16 input {
    width:16px !important;
    height:16px !important;
}
table .inlinetable-type-width img, table .inlinetable-type-width input  {
    float:left !important;
    border:0px !important;
    padding:0px 1px 0px 1px !important;
    margin:0px !important;
    font-size:0px !important;
    line-height:0px !important;
}

/* TRACK LIST */

.tracktable {
	float:left;
	width:100%;
	height:auto;
	padding:10px 0;
}

.tracktable table {
	width:100%;
}

.tracktable table thead {
	vertical-align:middle;
	text-align:left;
	font-size:11px;
	height:30px;
}
.tracktable table thead a {
	text-decoration:none;
        color:#000000;
        font-size:10px;
        font-weight:normal;
        line-height:10px;
}
.tracktable table thead tr th {
        height:30px;
}

.tracktable table thead tr th.sortable {
	padding-left:14px;
}

.tracktable table tbody {
	font-size:10px;
}

.tracktable table tbody tr {
	height:20px;
	vertical-align:middle;
}

.tracktable table tbody tr td img {
	padding:2px;
}


.tracktable table tbody tr td a.buy {
	font-weight:BOLD;
	text-decoration:none;
	padding:0 3px;

}