body {background: #f0f0f0 url("../img/bg.png") center top repeat-y; font-family: sans-serif;}

/* GLOBAL */
div#content {padding: 20px 10px;}
h1 {font-size: 1.6em; margin: 0 0 20px 0; color: #999999;}
h1 strong {font-weight: normal; color: #8FAF41;}
table.results {border-collapse: collapse; width: auto;}
table.results tr th {vertical-align: top; background-color: #e5e5e5; border: 1px solid #ffffff; padding: 5px 5px; font-weight: bold; color: #333333;}
table.results tr th.no {width: 20px;}
table.results tr th em {color: #000000; font-size: 0.9em;}
table.results tr td {background-color: #ffffff; border: 1px solid #ffffff; padding: 4px 5px;}
table.results tr.even td {background-color: #f5f5f5;}

/* TOP : logo + main menu */
.trenheader {background: #fff url("../img/tren-header.jpg") 230px 45px no-repeat;}
h1.pagetitle {margin: 10px 0 10px 30px;}
h1.pagetitle a {width: 159px; height: 97px; background: #fff url("../img/mersul-trenurilor-logo.png") center top no-repeat; display: block;}
h1.pagetitle a span {display: none;}
ul.mainmenu {list-style-type: none; padding: 0; margin: 15px 0 0 0; float: right;}
ul.mainmenu li {font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; margin: 0 20px 0 0; padding: 0; display: block; float: left; font-size: 1.1em;}
ul.mainmenu li a {color: #808080; text-decoration: none;}
ul.mainmenu li a:hover {color: #303030; text-decoration: underline;}

/* SEARCH BAR */
div.headerbar {background: #D3EAA6 url("../img/headbg.png") left top repeat-x; height: 60px; margin: 0 1px;}
form.search {padding: 15px 0 0 15px;}
form.search input.txt {border: 1px solid #A7C06C; font-size: 1.3em; padding: 3px; margin-right: 10px; float: left; width: 170px; color: #000;}
form.search input.empty {color: #ccc;}
form.search input.withfocus {border: 1px solid #7C9F27; background-color: #FFFCDF; color: #262F12;}
form.search input.button {background-color: #ddd; border: 2px solid #999; border-top-color: #eee; border-left-color: #eee; padding: 2px 10px; font-size: 1.2em; cursor: pointer;}

/* SEARCH - sidebar */
div#sidebar {padding: 20px 0 0 10px;}
div#sidebar h3 {background-color: #dddddd; padding: 5px 10px; font-size: 1em; font-weight: bold; margin: 0 0 5px 0;}
div#sidebar ul {margin: 0 0 15px 0; padding: 0; list-style-type: none;}
div#sidebar ul li {margin: 0; padding: 0 0 0 10px;}

/* SEARCH - results */
table.results tr th.train {width: 50px;}
table.results tr th.hour {width: 135px;}
table.results tr th.duration {width: 50px;}
table.results tr th.changes {width: 65px;}
table.results tr th.services {width: 120px;}
table.results tr th.misc {width: 55px;}
table.results tr td a.type {padding: 2px 0 0 22px; background-position: top left; background-repeat: no-repeat;}
table.results tr td a.personal {background-image: url("../img/tren_personal.gif");}
table.results tr td a.accelerat {background-image: url("../img/tren_accelerat.gif");}
table.results tr td a.intercity {background-image: url("../img/tren_intercity.gif");}
table.results tr td a.rapid {background-image: url("../img/tren_rapid.gif");}
table.results tr td.services img {margin-right: 1px;}
table.results tr td a.restrictions {color: #ff0000; font-size: 0.9em;}
table.results tr td a.restrictions:hover {color: #000000;}

/* TRAIN - route */
table.results tr th.km {width: 40px;}
table.results tr th.station {width: 200px;}
table.results tr th.arrival {width: 50px;}
table.results tr th.departure {width: 50px;}
table.results tr th.stay {width: 100px;}