﻿/* Site specific styling, like colors and icons. */
/*
    /attribute-name is used for attributes used by IE7 and IE6
    _attribute-name is used for attributes used by IE6
*/

/* Common */


input[type=submit], input[type=button] {
	/*color: #fff;
	border: 0;
	background-image: url(images/btn_bg.gif);
	height: 29px;
	width: 82px;*/
	font-weight: bold;
	cursor:hand;
}

#bt_container #paymentForm a /* Don't use this too generally - it will overwrite the calendar button links */
{ 
    color: #000000 !important;
    font-weight:bold;
}
#bt_container #paymentForm a:hover /* The general version below didn't come thru for this form's link */
{ 
    color: #C8272F !important;
}

#bt_container a:hover
{ 
    color: #C8272F !important;
}

/* Colors */
#bt_container legend,
#bt_container h3,
#bt_container .help-message a,
#bt_container .box-type-1 h3,
#bt_container .box-type-1 h4,
#bt_container .help-message h4,
#bt_container h4.with-help,
#bt_container label.journey-col span,
#bt_container div#traveller h4,
#bt_container .journey-info label { color: #C8272F; }

#bt_container #RoutesForm tfoot a,
#bt_container #JourneyChoices h3,
#bt_container { color: #333333; }

#bt_container #RoutesForm tfoot a
{
	font-weight:bold;
	text-decoration:none;
}
#bt_container #traveller-help, 
#bt_container #discount-help { color: #FFFFFF; }

#bt_container .help-message,
#bt_container .box-type-1,
#bt_container #QuickView .total-sum,
#bt_container #confirmHeader { border-color: #C8272F; }

#bt_container #stepMeter ol, 
#bt_container #stepMeter li { border-color: #444444; } /* earlier C8272F */

#bt_container .confirm-summary .overview,
#bt_container .confirm-summary .detailed { border-color: #dddddd; }

#bt_container #CancelJourney .journey-info,
#bt_container #CancelJourney .journey-info li.not-first,
#bt_container div.routes { border-color: #F2F2F2; }
										  
#bt_container .error-message {  border-color: #C8272F;
								border-bottom-width : 1px;
								float : left;
								clear: both; }
#bt_container .error-message { color: #C8272F; }							   
#bt_container .error-message-alt { color: Black;}

#bt_container #stepMeter .current-step,
#bt_container #stepMeter .completed,
#bt_container #criterions { background-color: #C8272F; }

#bt_container #RoutesForm tr.hover div,
#bt_container div.routes,
#bt_container .confirm-summary { /*background-color: #F2F2F2;*/ }

/*#bt_container #RoutesForm table { background-color: #ADADAD; } too dark gray! */ 
#bt_container #RoutesForm table { background-color: #dadada; }

#bt_container #RoutesForm #current-dayOut { color:#C8272F; }
#bt_container #RoutesForm #new-day { color:#C8272F; }
					   
#bt_container .error-message p,
#bt_container .error-message span,  
#bt_container .error-message li	{ font-size: 1em;}

#bt_container a.help { background-image: url(images/helpicon.gif); font-size: 1.6em; }

#bt_container #RoutesForm legend a.help,
#bt_container #ConfirmForm h3 a.help { background-image:url(images/helpicon_greenbg.gif); }

#bt_container label.journey-col span.field-validation-error,
#bt_container legend span.field-validation-error { color:red; }

/* Grey line to the left of inputs/choices */
.greyLine { border-left: solid 4px #D3D3D3; }

/* Journey */

#bt_container .one-way { background-image: url(images/arrow_oneway.gif); }
#bt_container .two-way { background-image: url(images/arrow_twoway.gif); }

/*Route*/

#bt_container #RoutesForm tr.route-info div { background-position: 0.3em center;
                                              background-repeat: no-repeat; }

#bt_container #RoutesForm tr.opened .first div { background-image: url(images/down-arrow-green.gif); }
#bt_container #RoutesForm tr.closed .first div { background-image: url(images/right-arrow-green.gif); }


/* traffic type icons 16x11 px */
/* SJ */
#bt_container ul.route-type li.bus,                              
#bt_container ol.route li.bus { background-image: url(images/traintypes/busicon_yellow.gif) !important; }
/* SJ */
#bt_container ul.route-type li.sj,                              
#bt_container ol.route li.sj { background-image: url(images/traintypes/trainicon_black.gif) !important; }
/* Öresundståg*/
#bt_container ul.route-type li.oresundstag,                              
#bt_container ol.route li.oresundstag { background-image: url(images/traintypes/oresundstag2.gif) !important; }
/* Pågatåg */
#bt_container ul.route-type li.pagatag,                              
#bt_container ol.route li.pagatag { background-image: url(images/traintypes/trainicon_purple.gif) !important; }
/* Unknown */
#bt_container ul.route-type li.unknown,                              
#bt_container ol.route li.unknown { background-image: url(images/traintypes/trainicon_black.gif) !important; }

/* Route features icons 16x16 px */
#bt_container .route-features li.unknown { background-image: url(images/icons/unknown.png); }
#bt_container .route-features li.internet { background-image: url(images/icons/internet_icon.png); font-size: 1.35em; }
#bt_container .route-features li.restaurant { background-image: url(images/icons/forkandknife_icon.png); }
#bt_container .route-features li.noanimals { background-image: url(images/icons/noanimals_icon.png); }
/*#bt_container .route-features li.wheelchair { background-image: url(images/icons/disability_icon.png); }*/
#bt_container .route-features li.PreOrderByPhone { background-image: url(images/icons/phone_icon.png); }
#bt_container .route-features li a { background-image: url(images/icons/disability_icon.png); border-bottom: solid 2px #C8272F;}
#bt_container .route-features li a:hover {border-bottom: solid 2px black;}


/* accessibility-information Popup */
#colorbox div.AccessibiltyPopup ul li {background-repeat: no-repeat; list-style:none; background-position:2%; border: 1px solid black;}
#colorbox div.AccessibiltyPopup ul li.TA {background-image: url(images/icons/TA.gif);}
#colorbox div.AccessibiltyPopup ul li.TB {background-image: url(images/icons/TB.gif);}
#colorbox div.AccessibiltyPopup ul li.TC {background-image: url(images/icons/TC.gif);}
#colorbox div.AccessibiltyPopup ul li.TD {background-image: url(images/icons/TD.gif);}
#colorbox div.AccessibiltyPopup ul li.TE {background-image: url(images/icons/TE.gif);}
#colorbox div.AccessibiltyPopup ul li.TF {background-image: url(images/icons/TF.gif);}
#colorbox div.AccessibiltyPopup ul li.TG {background-image: url(images/icons/TG.gif);}
#colorbox div.AccessibiltyPopup ul li.TH {background-image: url(images/icons/TH.gif);}

#colorbox div.AccessibiltyPopup h3,
#colorbox div.AccessibiltyPopup h4
{
	color: #C8272F;
}

/* End of accessibility-information Popup */

/*Confirm*/      				  

/*Payment*/


/*   Cancellation   */      
#bt_container .CancelledOk					{ background: url(images/icons/tick.png) top left no-repeat; }
#bt_container .CancelledOkButProvideTicket	{ background: url(images/icons/exclamation.png) top left no-repeat; }
#bt_container .CancelledOk,
#bt_container .CancelledOkButProvideTicket	{ /*background: url(images/icons/tick.png) top left no-repeat;*/
                                      		  margin-right:1.5em;
                                      		  margin-left:1em;
                                      		  height:1.5em;
                                      		  width:1.5em;
                                      		  margin-top:0.5em;}
#bt_container .journey-info .OkMessage		{ margin:1em 0em 1em 0em;
                                      		  width: 37.5em; }
#bt_container #CancelJourney .journey-info li.not-first .OkMessage em,
#bt_container #CancelJourney .journey-info li.first .OkMessage em	{margin-left: 0;
                                                                 	 margin-bottom: 0.5em;}
                                                                 	 
/*
*	Reporting skin
*/

#bt_container #reporting thead
{
	background-color:#C8272F;
	color:#fff;
}


#bt_container #reporting td
{
	
	border-top:solid 1px white;
	border-bottom:solid 1px white;
}

#bt_container #reporting tr.odd
{
	background-color:#cccccc;
}
#bt_container #reporting tr.even
{
	background-color:#eeeeee;
}

/*
*   Tablesorter skin
*/

table.tablesorter {
	margin:1em 0pt 1.5em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #C8272F;
	border: 1px solid #FFF;
	padding: 0.4em;
}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 0.4em;
	background-color: #EEE;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#CCC;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #C8272F;
}

/*
*  End Tablesorter skin
*/
