@CHARSET "UTF-8";
@import url("jquery.tooltip.css");

/*
    Document   : ubertable.css
    Created on : 16/09/2009, 11:43:26 AM
    Author     : martinm
    Description:
        Styles for the ubertable.
*/



/*----------------------------------------------------------------------------*
 * Content 
 *----------------------------------------------------------------------------*/

h1
{
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 45px;
	float: none;
	width: auto;
	clear: none;
	text-align: left;
}

div#copy
{
	margin-bottom: 30px;
	margin-left: 45px;
}

div#content 
{
	margin: 20px 15px 30px;
	width: 912px;
}


div#content div.table_box
{
	border: 1px solid #dddddd;
	padding: 0px 15px 0px 15px;
	width: 880px;	
}

/*----------------------------------------------------------------------------*
 * General table styles
 *----------------------------------------------------------------------------*/

table.uber
{
	width: 880px;
	margin-top: -2px;
}


table.uber tr td
{
	padding: 5px 10px;
}

table.uber tr td.center
{
	text-align: center;
}

table.uber tr td span.right
{
	float: right;
}

table.uber tr td span.left
{
	float: left;
}


/*----------------------------------------------------------------------------*
 * General table head styles
 *----------------------------------------------------------------------------*/
table.uber tr.head td
{
	background-color: #efefef;
	color: #3e4545;
	font-weight: bold;
	vertical-align: top;
}

table.uber tr.head td.top_left
{
	background-color: #d8d8d8;
}

table.uber tr.head td.top_left div.sifr
{
	
	color: #30588f;
	font-weight: bold;
	font-style: italic;
	width: 175px;
}

table.uber tr.head td.top_left span.sub
{
	color: #E6B237;
	font-size: 0.8em;
	margin-top: 5px;
	padding-right: 10px;
	background: url("/Images/table/arrow_right_dgrey.gif") right 50% no-repeat;
	cursor: pointer;
}

table.uber thead tr.control td
{
	background-color: #ffffff;
	color: #e6b237;
	padding: 0px;
}

table.uber thead tr.control td span
{
	padding-right: 10px;
	background: url("/Images/table/icon_arrow_hide.gif") right 50% no-repeat;
	font-size: 0.8em;
	float: right;
	cursor: pointer;
}

table.uber thead tr.control td.action
{
	background: url("/Images/table/table_vert_divider.gif") right top no-repeat;
	padding: 5px;
}

table.uber thead tr.control td a
{
	color: #e6b237;
}


div.conditions
{
	margin: 5px;
	display: block;
}

div.conditions a
{
	text-decoration: none;
}
/*----------------------------------------------------------------------------*
 * General table footer styles
 *----------------------------------------------------------------------------*/

table.uber tfoot tr td
{
	background-color: #d8d8d8;
}

/*----------------------------------------------------------------------------*
 * General table body styles
 *----------------------------------------------------------------------------*/

table.uber tbody tr td
{
	background-color: #fafafa;
}

table.uber tbody tr.odd td
{
	background-color: #f6f6f6;
}


/*----------------------------------------------------------------------------*
 * Styles for the buy overlay
 *----------------------------------------------------------------------------*/

.buy_overlay {
	/* must be initially hidden */
    display:none; 

    /* place overlay on top of other elements */
    z-index:3500 !important;

    /* styling */
    background:#ffffff url("/Images/table/table_hover_bg.gif") top left repeat-x;

    width:190px;
	border:1px solid #e5e5e5;
	padding: 15px;
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.buy_overlay .close {
    background: url("/Images/table/table_hover_close.gif") top left no-repeat;
    position:absolute;
    right:15px;
    top:17px;
    cursor:pointer;
    height:16px;
    width: 16px;
}


.buy_overlay h2 {
   margin-top: 0px;
}

.buy_overlay img.calendar
{
	vertical-align: middle;
	padding-bottom: 3px;
	border: 0px none;
}

.buy_overlay input.text
{
	color: #717f81;
	font-family: 'Trebuchet MS';
	border: 1px solid #dddddd;
	width: 155px;
}

.buy_overlay select
{
	margin-bottom: 1px;
}

.buy_overlay input.button
{
	margin-top: 15px;
}

div.tooltip
{
	display: none;
}