/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
/*ol, ul { list-style: none; }*/
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { color: #000; font: 12px/15px Verdana, Arial, sans-serif; }
h1 {}
h2 { padding: 15px 0 10px 0; background: #fff; color: #0071bc; font-size: 14px; font-weight: bold; /*font-weight: normal; text-align: right;*/ }
h2 span { font-size: 16px; font-weight: bold; }
h3 { padding: 10px 0; background: #fff;  color: #0071bc; font-size: 14px; font-weight: normal; }
h4 {}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #0071bc; }
a:hover { color: #000; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 980px; min-height: 580px; margin: 0 auto; background: url(/images/bg_wrapper.jpg) no-repeat; }
#header { position: relative; width: 980px; height: 74px; /*background: url(/images/bg_header.png) no-repeat;*/ }
#navigation { padding: 6px 0 0 218px; }
#content { width: 980px; /*min-height: 450px;*/ margin: 20px 0 0 0; padding: 0; }
#footer { width: 940px; margin: 0 auto; padding: 5px 20px; text-align: right; }

/* header
------------------------------------------------------------------*/
#logo { position: absolute; top: 0; left: 0; width: 980px; height: 74px; }
#logoPrint { display: none; }
#header h1 { text-indent: -9999px; }
#languageinfo { position: absolute; top: 10px; right: 20px; width: auto; color: #fff; }
#languageinfo a { color: #fff; }
#languageinfo a.active { font-weight: bold; text-decoration: none; }

/* navigation
------------------------------------------------------------------*/
#menu { margin: 0; list-style-type: none; }
#menu li { float: left; width: auto; /*width: 90px;*/ margin-right: 2px; font-size:10px}
#menu li a { display: block; padding: 5px; background: #fff; border: #0071bc 1px solid; color: #000; text-align: center; text-decoration: none; }
#menu li a:hover,
#menu li.active a { background: #0071bc; color: #fff; }

/* content
------------------------------------------------------------------*/
#contentWrap { position: relative; width: 980px; padding: 0 0 70px 0; background: url(/images/degrade.png) bottom left no-repeat; }

#plannerInput { margin: 10px 0 20px 220px; }

.statusinfo { position: relative; padding: 10px 0; color: #0071bc; font-size: 14px; line-height: 18px; font-weight: normal; }

.ac_results .ac_over { background: #0071bc; }

.pages { background: #fff; }
.pages h1 { clear: both; margin: 0 0 20px 0; padding: 4px; background: #0071BC; color: #fff; font-size: 14px; line-height: 18px; font-weight: normal; }
.pages #pagesOverview { margin: 0 0 14px 234px; color: #0071bc; }
.pages #pagesOverview li { margin: 0 0 6px 0; }
.pages #pagesOverview li a { font-size: 14px; }
.backToList { float: left; width: auto; margin: 20px 0; }

dl { margin: 0 0 10px 0;padding: 0 2px; }
dt { clear: left; float: left; width: 220px; }
dd { margin-left: 220px; }

/* buttons
---------------------*/
.btn,
.reuse { display: block; width: auto; height: 23px; margin: 10px 0 10px 5px; padding: 0 11px 0 0; border: none; color: #000; text-decoration: none; cursor: pointer; }
/* for mozilla */
.btn::-moz-focus-inner { border: none; padding:0; }
/* */
.btn span,
.reuse span { display: block; width: auto; height: 20px; padding: 3px 8px 0 20px; font-size: 13px; white-space: nowrap; }
.btn:hover { color: #000; }

.actionBtn { float: left; background: url(/images/btn_action.png) top right no-repeat; }
.actionBtn span { background: url(/images/btn_action_span.png) top left no-repeat; }

.subActionBtn,
.reuse { float: right; background: url(/images/btn_subAction.png) top right no-repeat; }
.subActionBtn span,
.reuse span { background: url(/images/btn_subAction_span.png) top left no-repeat; }

#noResultsNewSearch { float: left; }

#reqSelJourney { margin-left: 24px; }

#approve { float: left; background: url(/images/btn_approve.png) top right no-repeat; }
#approve span { float: left; background: url(/images/btn_approve_span.png) top left no-repeat; }

#refuse { float: right; background: url(/images/btn_refuse.png) top right no-repeat; color: #fff; }
#refuse span { float: right; background: url(/images/btn_refuse_span.png) top left no-repeat; }

.actionButtons { background: #fff; }

.sortOrder { padding: 5px 0; }

#printReuseBtns { position: absolute; top: 0; right: 0; }
#print {/* position: absolute; top: 0; right: 0;*/ width: auto; height: 23px; }
.reuse { /*position: absolute; top: 0; right: 100px;*/ cursor: pointer; }

/* forms
---------------------*/
form { margin: 0; background: #fff; }
label { float: left; padding: 0 10px 0 0; font-weight: bold; }
input,
select { font-size: 12px; }
form div,
.passengerPending div { margin: 0 0 5px 0; }

#createSearchForm,
#searchForm { /*margin-bottom: 40px;*/ padding: 0 0 0 220px; }
#createSearchForm label { width: 130px; }
#searchForm label { width: 130px; }
#createSearchForm input { width: 150px; }
#createSearchForm div { clear: both; }
#createSearchForm .dateTime { clear: none; float: left; width: 310px; }
#createSearchForm .dateTime input { width: auto; }
#createSearchForm .dateTime input.date,
.passenger input.date { width: 35px; }
#createSearchForm .dateTime input.year,
.passenger input.year { width: 50px; }
span.separation { padding: 0 2px; }
#time label { width: auto; padding-left: 10px; }
#createSearchForm .actionBtn { margin: 0 0 0 140px; }
#searchForm .actionBtn { margin: 0 0 0 140px; }


#createSearchForm_Manual input { width: 130px; }
#createSearchForm_Manual input.date,
.passenger input.date { width: 35px; }
#createSearchForm_Manual input.trainnr,
.passenger input.trainnr { width: 45px; }
#createSearchForm_Manual input.year { width: 50px; }
/*#createSearchForm_Manual .actionBtn { margin: 0 0 0 100px; }*/


#requestform { background: #fff; }

.passenger,
.intRefNr { clear: both; margin: 0 0 5px 0; padding: 20px 5px 5px 5px; background: #e6f1f8; }
.intRefNr { padding-top: 5px; }
.passengerPending { clear: both; position: relative; margin: 0; padding: 5px; background: #e6f1f8; border-bottom: #fff 2px solid; }
.passenger label,
.intRefNr label { width: 220px; }
.passengerPending dt { clear: left; float: left; width: 180px; margin: 0 0 5px 0; font-weight: bold; }
.passengerPending dd { margin: 0 0 5px 180px; }
.passenger input { width: 250px; }
.passenger input.radio,
.passenger input.checkbox { width: auto; margin: 0; }
.passenger textarea { width: 700px; }
.addPassenger,
.addVoyage button { clear: both; float: left; width: auto; margin: 0 0 5px 0; }
.contactNr { position: absolute; right: 20px; top: 20px; width: 200px; font-size: 16px; font-weight: bold; text-align: right; }

.addVoyage { margin: 20px 0 0 0; padding: 12px 0 10px 5px; border-top: #0071BC 1px solid; border-bottom: #0071BC 1px solid; }

#replyform { padding: 10px 0 0 0; background: #fff; }
#replyform label { width: 250px; }
#replyform textarea { width: 700px; }

.sort { float: left; display: block; width: 10px; height: 15px; margin: 2px 4px 0 4px; text-indent: -9999px; }
.sortAsc { background: url(/images/arrowUp.gif) no-repeat; }
.sortDesc { background: url(/images/arrowDown.gif) no-repeat; }
.sortAscactive,
.sortAsc:hover { background: url(/images/arrowUp_ho.gif) no-repeat; }
.sortDescActive,
.sortDesc:hover { background: url(/images/arrowDown_ho.gif) no-repeat; }

/* tables
---------------------*/
table { width: 980px; margin-top: 20px; background: #fff; }
th,
td { padding: 4px 2px; }
th { background: #0071bc; color: #fff; text-align: left; }
table input { margin: 0; }

table.voyagedetails { background-color:#e7e9eb; }
table.voyage { margin-bottom: 5px; }

.outofttable { width: 20px; }
.traject td { color: #0071bc; }
.traject td.outofttable { border: none; }
.station,
.d_timeStation { width: 290px; }
.timeOnTrain,
.d_train { width: 180px; }
.timeTotal,
.d_specs { width: 180px; }

.traindetailHolder { border-top: #0071bc 1px solid; border-bottom: #0071bc 1px solid; }

.traindetails td { padding: 0; }
.traindetails td .voyagedetails td { padding: 4px 2px; }
.d_timeStation span { font-weight: bold; }
.d_specs { font-style: italic; }
.changes { margin: 5px 0; font-style: italic; }

.h_depArr { text-align: center; }
.h_trainSpecs span { padding: 0 15px 0 0; font-style: italic; color: #828282; }

.uneven td { background: #E7E9EB; }

.cancel { color: #fa1478; }
.cancel:hover { color: #000; }

.status_ok,
.ok { background: #00ff00; }
.uneven td.status_ok { background: #02c502; }

.status_refused,
.refused { background: #ff0000;  }
.uneven td.status_refused { background: #e10303; }

.status_cancelled,
.cancelled { background: url(/images/bg_canceled.gif) repeat; }
.uneven td.status_cancelled { background: url(/images/bg_canceled_uneven.gif) repeat; }

.status_pending,
.pending { background: #a6a6a7; }
.uneven td.status_pending { background: #808181; }

.status_error,
.error { background: #a6a6a7; }
.uneven td.status_error { background: #808181; }

.ok,
.refused,
.pending,
.cancelled,
.error { padding: 0 5px; color: #000; }

h2.createVoyageTitle { padding-left: 24px; }
.voyageOverviewTitle { padding: 0 0 21px 0; background: url(/images/bg_voyageOverview.png) bottom left no-repeat; }
.voyageOverviewTitle span { float: left; display: block; width: auto; margin: 0 0 0 218px; padding:5px 10px; background: #0071BC; border:1px solid #0071BC; color:#fff; text-align:center; text-decoration:none; }

#assistantStatus { width: auto; background: none; }
.reasons { color: #000; font-size: 12px; }

.requesttable td { border-top: #fff 1px solid; }
.requesttable .urg48 .station { background: #f58220; }/*darkorange*/
.requesttable .urg72 .station { background: #fbc112; }/*orange*/
.requesttable .urg96 .station { background: #fcfc97; }/*yellow*/
.requesttable .station a { color: #000; }
.requesttable .station a:hover { text-decoration: none; }

.autoFill { float: left; display: block; width: 16px; height: 16px; background: url(/images/clock.gif) no-repeat; text-decoration: none; text-indent: -9999px; }

#manualInputSearch td { white-space: nowrap; }


.requesttable td.fulljourney {
	font-size:8px;
	color:grey;
}

/* messages
---------------------*/
.msg,
.error { padding: 4px 0; color: #fff; }
.msg p { margin: 0; padding: 4px; background: #379f43; text-align: center; }
.error p { margin: 0; padding: 4px; background: #f73737; text-align: center; }
.msgRequestCreated,
.no_results { margin: 0; padding: 10px 0 14px 220px; background: #fff; color: #0071bc; }
.msgRequestCreated span { font-size: 14px; font-weight: bold; }
.no_results { padding: 0 0 0 220px; }
.no_results p { margin: 0; }

/* footer
------------------------------------------------------------------*/


/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }


div.errormsg { 
	color:red;
	padding-bottom:15px;
}