/*	

PROJECT: HERTZ FREERIDER
AUTHOR: JIM at POOL.SE
MODIFIED: 20051108

Heavily modified by tom at netigrate.se

*/ 


/*
---------------------------------------------------------------------
General layout
---------------------------------------------------------------------
*/

*{
    margin:0;
    padding:0; 
    /*border: solid 1px red;*/
}

body, html
{
    background:#000;/*!!!!!!!!!*/
    color:#666; 
    font:normal 12px/16px arial,verdana,serif;
}

body
{
    margin: 20px 20px 20px 0px;
    min-width:764px;
}

/* Panelen till höger med reklam */
.adpanel
{
	float:left;
	width:250px;
	vertical-align: top;
	padding-top: 20px;
}



/* Den stora behållaren för hemsidans innehåll.
   Reklampanelen ligger utanför */
#wrap
{
    /*margin: 0 10px 0 30px; 0 30px auto;*/
    width: 764px;	
    float: left;
}

#PrintContent
{
    /*background-color: #fff;
    overflow: auto;
    overflow: visible;
    height: auto;
    width: 764px;
    display: inline-block;*/

    width:764px;
    text-align:left;
    /*overflow:hidden;*/
    margin:0 auto;
    background:#ffffff;
    /*overflow-x:scroll;*/
    /*overflow: auto;*/
    overflow-x: auto;
}

.block
{
    padding: 10px 0 10px 0; 
    margin:0 2px 0 0; 
    overflow: auto;
}

.ContentPane1
{
    background: #fff;
}



.ad
{
	padding: 5px 0 5px 0;
}


#branding
{
    width:764px;
    height:275px;
} 

#main_menu
{
    width:764px;
    height:40px;
}


/*.block
{
    padding: 10px 0 10px 0; 
    margin:0 2px 0 0; 
    overflow: auto;
    overflow: visible;
    background-color: #fff;
    height: auto;   
    display: inline-block;
}*/



.shade
{
    background: #fff url('../bilder/body_block_bgr.png') repeat-x bottom left;
}

.round_box {
    background: url(../bilder/corners1/lt.gif) 0 0 no-repeat;
    background-color: #E5E5E5;
    width: 415px; /* the gap on the right edge of the image (not content padding) */
}
.round_box div {
    background: url(../bilder/corners1/rt.gif) 100% 0 no-repeat;
}
.round_box div div {
    background: url(../bilder/corners1/rb.gif) 100% 100% no-repeat;
}
.round_box div div div {
    background: url(../bilder/corners1/lb.gif) 0 100% no-repeat;
    padding: 20px 15px 15px 15px;
    font: 14px arial,verdana,serif;
    font-style: italic;
    color:#797979;
}

#intro
{
    float:left;
    width:415px;/*455px;*/
    margin: 20px 0 10px 20px;
} * html #intro { display:inline; }

#sign_up_now
{
    padding: 30px 0 10px 10px; 
    margin:0 2px 0 0; 
    font: 12px arial,verdana,serif;
    color:#000;
    color: #3C3C3C;
}

#share
{
    padding: 20px 0 10px 10px; 
    margin:0 2px 0 0; 
    font: 12px arial,verdana,serif;
    color:#000;
}

a.shareicon
{
    margin: 0 0 0 15px;
    border: none;
}

a.shareicon img {
    border: 0;
} 

.leftframe
{
    float:left;
    width:360px;
    background: url('../bilder/body_vertical_divider_bgr.png') repeat-y bottom right;
    overflow: auto;
}

.leftframewide
{
    float:left;
    width: 100%;
    background: url('../bilder/body_vertical_divider_bgr.png') repeat-y bottom right;
    overflow: auto;
}

.rightframe
{
    float:right;
    width:360px;
    overflow: auto;
    padding-left: 12px;	
}

#offers
{
    float: right;
    width: 304px; /*309px;*/
    margin: 0 0 20px 0;
}

#filter_offers_width_from_and_to_stationGroup
{
    width: 294px;
    padding: 10px 0 15px 0;
    margin: 10px 0 15px 0;
    font: 11px/22px arial,verdana,serif;
    font-weight: bold;
    background-color: #E5E5E5;
    border-bottom: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
    text-align: center;
}

#offers_list
{
    height: 360px;
}

#leftcolumn, #rightcolumn
{
    width:381px; 
    float:left;
    padding-bottom:20px;
}


#leftcolumn div.block, #rightcolumn div.block
{
	padding: 0px 0px 0px 30px;
}

#leftcolumn
{
    padding-right:2px; 
    background: url('../bilder/body_vertical_divider_bgr.png') repeat-y bottom right;
}

#footer
{
    color: #ccc; 
    background-color: #000;
    margin: 0 30 auto;
    width: 764px;
    clear: both;
    float: left;
	font-size: 12px;
	font-weight: bold;
}


/* MENU */

.menu
{
    background: #ff00ff
}

div.menu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    float: left;
    width: 100%;
    font: bold 12px/40px arial,verdana,serif;
    text-transform: uppercase; 
    background: url('../bilder/menu_bgr.png') no-repeat top left; 
}

div.menu li
{
    display: inline;
}

div.menu ul li a
{
    float: right; 
    padding: 0 10px; 
    color:#000; 
    text-decoration:none; 
    background: url('../bilder/menu_off.png') no-repeat;
}

div.menu ul li a:hover
{
    color:#fff;
}

div.menu ul li a.active
{
    color:#333; 
    background: url('../bilder/menu_on.png') no-repeat;
}


/*
---------------------------------------------------------------------
Offerlist
---------------------------------------------------------------------
*/

#offers_list table
{
    /*border-bottom: 5px solid #fc0; */
    border-collapse: collapse; 
    width:100%;
} 

#offers_list table tr td
{
    padding:2px 2px 2px 2px;
    font:normal 12px/16px arial,verdana,serif;
    color: #797979;
}

#offers_list table td + td
{
    padding:2px 15px 2px 2px; /*2px 30px 2px 2px;*/
    text-align:right;
}

#offers_list table tr.highlight td
{
	border-top: 1px solid #D5D5D5; 
	color: #0D161F;
}

#offers_list table tr.highlight td
{
	font-weight: bold;	
}

#offers_list table a.book
{
    float:right;
    display:block; 
    height: 25px;
    width: 57px;
    /*padding-top:3px; */
    text-align:center;
    color:#000; 
    font:bold 11px/25px arial,verdana,serif;
    text-transform:uppercase; 
    background: url(../bilder/boka-trans.gif) no-repeat top left; 
    cursor: pointer;
}

#offers_list table a.book:hover
{
    color:#fff;
}

a.book
{
    float:right;
    display:block; 
    /*padding-top:3px; */
    text-align:center;
    color:#000; 
    font:bold 11px/25px arial,verdana,serif;
    text-transform:uppercase; 
    background: url(../bilder/boka-trans.png) no-repeat top left; 
    cursor: pointer;
}

a.book:hover
{
    color:#fff;
}

img.heading
{
	padding: 0 10px 0 30px;
}


/*
---------------------------------------------------------------------
Topography
---------------------------------------------------------------------
*/

h1
{
    font: 28px/32px times,sans-serif;
    margin:0 0 12px 0; 
    padding:0; 
    color:#000; 
}

h2
{
    font: 28px/32px times,sans-serif;
    margin:0 0 12px 0; 
    padding:0; 
    color:#000; 
}

h3
{
    font: 24px/28px times,sans-serif;
    margin:0 0 12px 0; 
    padding:0; 
    color:#000;
}

#intro h2, #intro h3, #intro p
{
    margin: 0; 
    padding: 0 24px 15px 0px;
}

#intro p
{
    padding-bottom:14px;
}

#offers_list h2, #offers_list h3, #offers_list p
{
    margin:0; 
    padding:0 10px 0 30px;
}

#offers_list p
{
    margin: 0; 
    padding: 0 10px 14px 30px;
}

#offers h2, #offers h3, #offers p
{
    margin:0; 
    padding:0 0 0 0;
}

#offerHeader a
{
    color:#000;
}

#offerHeader a:hover
{
    color:#999;
}

form table td
{
    color:#000; 
}

#footer p
{
    padding:5px;
    margin:0;
}

/*
hr
{
    visibility:hidden; 
    clear:both;
}
*/

em
{
    font-style:normal; 
    color:#666; 
}


/*
---------------------------------------------------------------------
Links
---------------------------------------------------------------------
*/

a
{
    text-decoration:none;
    color:#666;
    font-weight:bold;
    border: none;
}

a img
{
    border: 0;
}

a:hover
{
    text-decoration:none;
    color:#333;
}

#footer a
{
    text-decoration:none;
    color:#ccc;
    font-weight:bold;
}

#footer a:hover
{
    text-decoration:none;
    color:#999;
}

a.continue:after
{
    content:url('../bilder/link-trans.png');
}

#offers_list a.showall
{
    border-top: 5px solid #fc0; 
    color: #0D161F;
    background-color: #ccc;
    text-align:right; 
    padding:6px 30px 6px 0;
    display:block; 
    clear:both; 
}

#offers_list a.showall
{
    text-decoration:none;
    color:#666;
    font-weight:bold;
}

#offers_list a.showall:hover
{
    text-decoration:none;
    color:#333;
}

#offers_list a.showall:after
{
    content:url('../bilder/link-trans.png');
}

a.lnkRegister
{
    background: url(../bilder/button_big.gif);
    font: 12px/45px arial,verdana,serif;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}


/*
---------------------------------------------------------------------
Forms
---------------------------------------------------------------------
*/

#leftcolumn h2, #rightcolumn h2
{ 
    background: url('../bilder/form_top.png') repeat-x bottom left;
}

#leftcolumn input[type=text], #rightcolumn input[type=text]
{
    width:100%; 
}

form, #leftcolumn input, #rightcolumn input
{
    margin:0;
    padding:0;  
}

/*
form table
{
    border-collapse: collapse; 
    width:100%; 
}
*/

form table label
{ 
    display:block; 
} 

form #leftcolumn h2, form #leftcolumn p
{
    padding:6px 16px 10px 30px; 
}

form #rightcolumn h2, form #rightcolumn p
{
    padding:6px 16px 10px 30px; 
}

/*
form #rightcolumn table td
{
    padding:6px 16px 10px 24px; 
}

form table tr td + td, form #rightcolumn h2, form #rightcolumn p
{
    padding:6px 36px 10px 22px; 
}
*/

form #leftcolumn h2, form #rightcolumn h2
{
    padding-bottom:30px; 
}

/*
form table tr.highlight
{
    background-color: #ccc; 
}
*/


/*
---------------------------------------------------------------------
Other
---------------------------------------------------------------------
*/

form, table, tr, td
{
    margin:0; 
    padding:0; 
}

.left
{
    float:left; margin-right:16px;
}

.right
{
    float:right; margin-left:16px;
}


/*
---------------------------------------------------------------------
Netigrate special
---------------------------------------------------------------------
*/

fieldset table td
{
    padding-left:6px; 
}

fieldset
{
    padding-left:6px; 
    padding-bottom: 6px;
}

.Validator
{
	color: red;
	font-size: 14px;
	font-weight: bold;
}

.ErrorMessage
{
	font-size: 14px;
	color: red;
}

.FilterPane
{
	background-color:  #B9C5CC; 
}

.ngFilterPaneExpanded
{
	z-index: 1000;
	border-style: outset;
	padding: 5px 5px 5px 5px;
	background-color:  #B9C5CC; 
	position: absolute;
	top: 340px;
	left: 190px;
	visibility: hidden;
}
 
.ngFilterPaneCollapsed
{
	position: absolute;
	top: 340px;
	left: 190px;
	width: 100px;
	visibility: visible;
	text-decoration: underline;
	font-size: 14px;
	position: absolute;
	font-weight: bold;
	cursor: pointer;	
}

.label
{ 
	font-size:12px;
}


/*
---------------------------------------------------------------------
Form styles / Input fields
---------------------------------------------------------------------
*/

.FormText
{
	color:#333333;
}

.FormInputText
{
	font-family: Arial,verdana,serif;
	
	color:#000000; 
	padding-left: 3px;
}

.FormInputTextArea
{
	font-family: Arial,verdana,serif;
	color:#000000; 
	padding-left: 3px;
}

.FormCheckbox
{
	color:#000000; 
}

.FormRadio
{
	color:#000000; 
}

.FormSelect
{
	color:#000000; 
}

.FormButton{
	font:normal 11px/14px arial,verdana,serif;
	color: black;
	font-weight: bold;
	background: #FFDE56;
	cursor: hand;
}


/*
---------------------------------------------------------------------
Contact
---------------------------------------------------------------------
*/

.contactInfoHeader
{
	font-weight: bold;
	font-size:14px;
}

.contactInfo
{
	font-size:12px;
	font-weight: bold;
}

.contactInfoData
{
	font-size:12px;
}


/*
---------------------------------------------------------------------
display_stations
---------------------------------------------------------------------
*/

.stationName
{
	font-weight: bold;
	font-size:14px;
}

.stationLabel
{
	font-size:12px;
	font-weight: bold;
}

.stationDataLabel
{
	font-size:12px;
}

table.displayDriverData
{
	width: 100%;
	border-bottom: 5px solid #fc0; 
}

table.displayDriverData tr td
{
	padding: 0px 0px 0px 30px;
}

table.displayTable
{
	background-color: White;
}

tr.displayTableHeader 
{
	color: black;
	background: #FFDE56;
	padding: 2px 5px 2px 5px;

}

tr.displayTableHeader a
{
	color: black;
	text-decoration: underline;
}

tr.displayTableCell td
{
	font-size:11px;
	padding: 2px 5px 2px 5px;
	white-space: nowrap;
}

tr.displayTableHover
{
	background-color: silver;
}

tr.displayTableHover td
{
	color: black;
	font-size:11px;
	background: #FFDE56;
	padding: 2px 5px 2px 5px;
	white-space: nowrap;
}

tr.displayTableHover td a:hover
{
	color: Black;
	text-decoration: underline;
}

table.ngTable tr td
{
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
}

tr.c1 td 	
{
	background-color: Silver;
}

.ContentPane
{
	padding: 12px 12px 20px 12px;
}

.StandardMenu
{
	border: solid 1px black;
	background-color: Lime;
	font:bold 11px/18px arial,verdana,serif;
	text-transform:uppercase; 
}

.StandardMenu tr td
{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	background-color: #FFDE56; 
	color: black;
}

.StandardMenuHover
{
	background-color: silver; 
}

.StandardMenuSelected
{
	background-color: Fuchsia;
}

.placeholder
{
	background-color: White; 
	padding: 15px 10px 10px 30px;
}

ul
{
	list-style-position: outside;
	vertical-align: top;
}

ol
{
	list-style-position: outside;
}

#first_td
{
	vertical-align: top;
	padding-left: 20px;
}

#second_td
{
	vertical-align: top;
	padding-left: 10px;
}