/*  global.css file for Arriva corporate website  */

* {margin:0;padding:0;}
body {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif; background-color:#b6afa1;text-align:center;}
body div {text-align:left;}
img {border:0;}
form {padding:0; font-size:1em; margin:0;}
select {font-size:0.8em;}
input {font-size:0.8em;}
p.note {font-size:0.9em;}
li {list-style-type: square;}
select.travel {width:133px;}
input.arrow {padding-left:5px;}

/* content wrapper styles */
#wrapper {width:972px; margin:0 auto; text-align:left; background-color:#fff; font-size:0.75em;color:#333333;}
#clearme, #clearme_2 {clear:both;}
#gradient {float:left; position:relative; width:797px; background: url(/arriva/images/gradient.jpg) repeat-x top; background-color:#d9d9d9;}
#gradient_2 {float:left; position:relative; width:615px; background: url(/arriva/images/gradient.jpg) repeat-x top; background-color:#d9d9d9;}
#gradient_3 {float:left; position:relative; width:618px; background: url(/arriva/images/gradient.jpg) repeat-x top; background-color:#d9d9d9;}
#content_wrap_2 {float:left; position:relative; width:972px; background: url(/arriva/images/right_bg_2.gif) repeat-y bottom;}
#left_nav {float:left; position:relative; width:206px; margin-left:41px; display:inline;}
#content_2 {float:right; position:relative; width:356px; padding-bottom:88px; background:transparent; margin-right:10px; display:inline;}
#content {float:right; position:relative; width:535px; padding-bottom:88px; background:transparent; margin-right:10px; display:inline;}
#content_flash {float:right; position:relative; width:545px; padding-bottom:88px; background:transparent;position:relative;}
#content_news {float:right; position:relative; width:546px; padding-bottom:88px; background:transparent;}
#intro_box {float:left; position:relative; width:450px; padding-bottom:22px; background:transparent;}
#related {float:left; position:relative; width:183px; background-color:#c4d9da;}
#related_2 {float:left; position:relative; width:179px;}
#related ul, #right_col ul {padding:3px 0 5px 0; margin:0;}
#right_col ul.countries {padding:3px 0 0 0; margin:0;}
#related ul li {background: url(/arriva/images/list_arrow.gif) no-repeat 8px 4px; list-style-type:none; padding: 0 0 0 20px;}
#investis {float:left; position:relative; padding:28px 0 0 30px; background-color:#B6AFA1; width:942px;}
#cont {float:left; position:relative; width:175px;}
#info_box {padding:0 7px;}

/* accessibility */
#access_keys  {/*position: absolute; height: 1px; width: 1px; left: -1000px;*/ float: left;}
#access_keys ul, #access_keys li {margin: 0; padding: 0; list-style: none;}

.hide {position: absolute; left: -40000px; width: 0; height: 0; overflow:hidden;}
.hide_tab {position: absolute; left: -40000px; overflow:hidden; width: 100px;}
.hide_tab:active, .hide_tab:focus {text-decoration: none; text-align: center; background-color:#008b98; color: #FFF; font-weight: bold; border-left: 1px solid #FFF; padding: 4px; margin-left: 1px; position: absolute; left: 0px; top: 0px;}

/* search */
#search {float:right; position:relative; width:175px; height:57px; background-color:#f7f7f7;}
#search_txt {float:left; position:relative; padding:15px 5px 0 13px; font-weight:bold; font-size:0.9em; color:#008b99; }
#searchfield {float:left; position:relative; width:80px; padding:12px 5px 0 5px;}
#searchbutton {float:left; position:relative; width:10px; padding:15px 0 0 3px;}

/* search 404 */
.search {float:left; position:relative; width:400px; height:57px; background-color:#f7f7f7;}
.search_txt {float:left; position:relative; padding:15px 5px 0 0; font-weight:bold; font-size:0.9em; color:#008b99;}
.searchfield {float:left; position:relative; padding:12px 5px 0 5px;}
.searchbutton {float:left; position:relative; width:10px; padding:15px 0 0 3px;}


/* right column */
#right_col ul li {background: url(/arriva/images/list2_arrow.gif) no-repeat 8px 4px; list-style-type:none; padding: 0 0 0 20px;}
#right_col ul.countries li {background: url(/arriva/images/arrow_transport.gif) no-repeat 8px 4px; list-style-type:none; padding: 0 0 0 20px;}

#related ul li a, #right_col ul li a, #related ul li a:visited, #right_col ul li a:visited {font-size:0.9em; color:#000000; text-decoration:none;}
#related ul li a:hover, #right_col ul li a:hover {border-bottom:1px dotted;}
#related ul li a:focus, #right_col ul li a:focus, #related ul li a:active, #right_col ul li a:active {background-color:#008b98; color:#ffffff; text-decoration:none;}

#right_col ul.countries li a, #right_col ul.countries li a:visited {font-size:1.3em; color:#000000; text-decoration:none; font-weight:bold;}
#right_col ul.countries li a:hover {border:none;}
#right_col ul.countries li a:focus, #right_col ul.countries li a:active {background-color:#008b98; color:#ffffff; border:none;}

#right_col {float:right; position:relative; width:175px;}

/* footer & sitetools */
#footer {clear:both; height:108px; color:#ffffff; background:url(/arriva/images/footer.jpg) repeat-x; background-color:#938e82; padding:7px 0;}
#sitetools_1 {float:left; position:relative; margin:8px 0 0 30px; width:80px; display:inline;}
#sitetools_2 {float:left; position:relative; margin:8px 0 0 30px; width:110px; display:inline;}
#sitetools_3 {float:left; position:relative; width:200px; margin:84px 0 0 20px; display:inline;}
#sitetools_1 ul, #sitetools_2 ul {padding:0; margin:0;}
#sitetools_1 ul li, #sitetools_2 ul li {list-style-type:none; padding:0; margin:0; display:block;}
#sitetools_1 ul li a, #sitetools_2 ul li a, #sitetools_3 a, #sitetools_1 ul li a:visited, #sitetools_2 ul li a:visited, #sitetools_3 a:visited {text-decoration:none; color:#d4d2cd; font-size:0.9em}
#sitetools_1 ul li a:hover, #sitetools_2 ul li a:hover, #sitetools_3 a:hover {color:#ffffff; border:0;}
#sitetools_1 ul li a:focus, #sitetools_2 ul li a:focus, #sitetools_3 a:focus, #sitetools_1 ul li a:active, #sitetools_2 ul li a:active, #sitetools_3 a:active {color:#ffffff; border:0; background-color:#008b98;}

#resize {float:left; position:relative; margin-top:78px;}
#choose {padding:5px 15px 0 10px;}

#flagcontainer {float:left; position:relative; width:144px; padding:2px 0 0 10px;}
#flagcontainer ul {padding:10px 0 0 0; margin:0;}
#flagcontainer ul li {list-style-type:none; padding:0; margin:0 15px 0 0; display:inline;}
#flagcontainer ul li a:hover {background: url(/arriva/images/flag_shaddow.gif) no-repeat top; padding-top:10px;}

#arriva {float:right; position:relative; width:65px; padding:81px 0 13px 0; color:#000000; font-weight:bold; font-size:0.9em; background: url(/arriva/images/up_arrow.gif) no-repeat left bottom;}

#bottom_flags {float:right; position:relative; width:173px; text-align:right;}
#bottom_flags ul {padding:80px 8px 9px 0; margin:0;}
#bottom_flags ul li {list-style-type:none; padding:0; margin:0; display:inline;}

/* Headers */
h1 {font-size:1.3em; color:#333333; font-weight:bold; padding:0; margin:28px 0 30px 0;}
h1.box {font-size:1.3em; color:#ffffff; font-weight:bold; padding:15px 0 0 10px; margin:0;}
h1.box a, h1.box a:visited, h1.box a:hover {color:#ffffff; text-decoration:none;}
h1.box a:focus, h1.box a:active {color:#ffffff; text-decoration:none; background-color:#008b98;}
h1.greenbox {font-size:1.3em; color:#008b98; font-weight:bold; padding:15px 0 0 10px; margin:0;}

h2 {font-size:1.2em; color:#333; font-weight:bold; padding:9px 0 0 0; margin-bottom:5px;}
h2.box {font-size:1.3em; color:#ffffff; font-weight:bold; padding:15px 0 0 10px; margin:0;}
h2.box a, h2.box a:visited, h2.box a:hover {color:#ffffff; text-decoration:none;}
h2.box a:focus, h2.box a:active {color:#ffffff; text-decoration:none; background-color:#008b98;}

h3 {font-size:1em; color:#333; font-weight:bold; padding:9px 0 0 0; margin:0;}
#right_col h2  {font-size:1.3em; color:#ffffff; font-weight:bold; padding:9px 0 10px 10px; margin:0;}


/* Text links */
#content a, #content_2 a  {color:#666666; text-decoration:none;}
#content a:hover, #content_2 a:hover  {color:#666666; text-decoration:none; border-bottom:1px dotted;}


/* exclude icons */
#content a.icon:hover {border:none; padding:0; margin:0;}

/* map */
#flash {position:absolute; left:0; top:75px; width:537px; height:521px; z-index:1;}
#gradient_flash {float:left; width:798px; height:530px; background: url(/arriva/images/gradient.jpg) repeat-x top; background-color:#d9d9d9;}

#cont-germ-rc {padding:12px 10px 0 10px; background-image: url(/arriva/images/grad-germ-rc.jpg);background-repeat: no-repeat; height:73px;margin:18px 0 -10px 0;}
#cont-germ-rc a, #cont-germ-rc a:hover {color:#185256;font-size: 1.4em;font-weight: bold; text-decoration:none;}

a.arrow {text-decoration:none; color:#000; }

#content p, #content_2 p {padding:0 15px 0 0; line-height:normal; margin-bottom:10px;}
#content ul, #content_2 ul, #info_box ul {margin:10px 0; padding-left:16px;}
#content ul li, #content_2 ul li {margin-bottom:5px;}

p.info {font-weight:bold; color:#333333;}
p.box {padding:5px 15px 10px 10px; font-size:0.9em; margin:0;}
.box {padding-left:10px;}

p.intro a:hover {color:#9a9a9a; text-decoration:none;}

.shim {float:left;}
.black {color:#000000;}
.white {color:#ffffff;}

.green_bold {color:#008b99; font-weight:bold;}
.green_br {color:#008b99; padding-left:3px;}
.green_bold_nl {color:#008b99; font-weight:bold; text-decoration:none}

.hr {clear:both; height:1px; background: url(/arriva/images/dot.gif) repeat-x; margin:10px 10px 0 10px; padding:0;}
.hr hr {display: none;}

.hr_grey {clear:both; height:1px; background: url(/arriva/images/dot_grey.gif) repeat-x; margin:0; padding:0;}
.hr_grey hr {display: none;}

ul.factsheetlist, ul.know_more {margin:0; padding:0; list-stype:none;}

li.link {background: url(/arriva/images/know_1.gif) no-repeat 0 2px; list-style-type:none; padding:0 0 2px 30px; margin-bottom:2px; position:relative;}
li.pdf {background: url(/arriva/images/know_2.gif) no-repeat 0 2px; list-style-type:none; padding:0 0 2px 30px; margin-bottom:2px; position:relative;}

ul.know_more li.link a, ul.know_more li.pdf a {font-weight:bold;}
ul.factsheetlist li.pdf a {color:#000000; text-decoration:none;}
ul.factsheetlist li.pdf a:hover {text-decoration:none; border-bottom:1px dotted;}


/* tables */

#content table{
 margin-bottom:15px;
}

/* rounded tabs */

#content .rounded_tabs{
 width:100%;
 background: url("http://production.investis.com/arriva/images/tab_bottom.gif") repeat-x left bottom;
 height:20px;
 margin:20px 0px;
}

#content .rounded_tabs ul{
 margin:0px;
 padding:0px;
 list-style:none;
}

#content .rounded_tabs li{
 margin:0px;
 padding:0px;
 float:left; position:relative;
 display:block;
 overflow:hidden;
 width:auto;
 text-align:center;
 margin-right:10px;
 height:20px;
}

#content .rounded_tabs a{
 text-decoration:none;
 display:block;
 float:left; position:relative;
 height:20px;
 font-weight:bold;
}

#content .rounded_tabs a:hover{
 text-decoration:none;
 border:none;
}

#content .rounded_tabs .year_2011 .branch_2011 a,
#content .rounded_tabs .year_2010 .branch_2010 a,
#content .rounded_tabs .year_2009 .branch_2009 a,
#content .rounded_tabs .year_2008 .branch_2008 a,
#content .rounded_tabs .year_2007 .branch_2007 a,
#content .rounded_tabs .year_2006 .branch_2006 a,
#content .rounded_tabs .year_2005 .branch_2005 a,
#content .rounded_tabs .year_2004 .branch_2004 a,
#content .rounded_tabs .year_2003 .branch_2003 a,
#content .rounded_tabs .on a{
 background: url("/arriva/images/tab_left.gif") no-repeat left bottom;
}


#content .rounded_tabs .year_2011 .branch_2011 a.first,
#content .rounded_tabs .year_2010 .branch_2010 a.first,
#content .rounded_tabs .year_2009 .branch_2009 a.first,
#content .rounded_tabs .year_2008 .branch_2008 a.first,
#content .rounded_tabs .year_2007 .branch_2007 a.first,
#content .rounded_tabs .year_2006 .branch_2006 a.first,
#content .rounded_tabs .year_2005 .branch_2005 a.first,
#content .rounded_tabs .year_2004 .branch_2004 a.first,
#content .rounded_tabs .year_2003 .branch_2003 a.first,
#content .rounded_tabs .first_active a.first,
#content .rounded_tabs .on a.first{
 background: url("/arriva/images/tab_first.gif") no-repeat left bottom;
}

#content .rounded_tabs a span{
 padding:0px 20px;
 height:20px;
 display:block;
 float:left;
 cursor:pointer;
}

#content .rounded_tabs .year_2011 .branch_2011 a span,
#content .rounded_tabs .year_2010 .branch_2010 a span,
#content .rounded_tabs .year_2009 .branch_2009 a span,
#content .rounded_tabs .year_2008 .branch_2008 a span,
#content .rounded_tabs .year_2007 .branch_2007 a span,
#content .rounded_tabs .year_2006 .branch_2006 a span,
#content .rounded_tabs .year_2005 .branch_2005 a span,
#content .rounded_tabs .year_2004 .branch_2004 a span,
#content .rounded_tabs .year_2003 .branch_2003 a span,
#content .rounded_tabs .first_active a.first span,
#content .rounded_tabs .on a span{
 background: url("/arriva/images/tab_right.gif") no-repeat right bottom;
}

#content .rounded_tabs .year_2011 .branch_2011 a span span.push,
#content .rounded_tabs .year_2010 .branch_2010 a span span.push,
#content .rounded_tabs .year_2009 .branch_2009 a span span.push,
#content .rounded_tabs .year_2008 .branch_2008 a span span.push,
#content .rounded_tabs .year_2007 .branch_2007 a span span.push,
#content .rounded_tabs .year_2006 .branch_2006 a span span.push,
#content .rounded_tabs .year_2005 .branch_2005 a span span.push,
#content .rounded_tabs .year_2004 .branch_2004 a span span.push,
#content .rounded_tabs .year_2003 .branch_2003 a span span.push,
#content .rounded_tabs .first_active a span span.push,
#content .rounded_tabs a span span.push{
 padding:5px 0px 0px;
 display:block; 
 float:none;
 height:auto;
 background:none;
}


/* right col includes */

#right_col .rc_row{
 margin-bottom:5px;
}


.press_releases,
.rns_filter{
 padding:10px;
}


/* NEED TO MAKE THIS GLOBAL SOMEHOW TO NOT REPEAT FOR EVERYSINGLE THING */

.acrobat_link{
margin-top:25px;
padding:0;
}
.acrobat_link img{
border:0;
float:left;
margin:0 12px 60px 0;
}

.press_releases input,
.press_releases select,
.rns_filter input,
.rns_filter select{
 width:85%;
}

.press_releases label,
.rns_filter label{
 color:#fff;
 font-weight:bold;
}

.press_releases input.btn_arrow,
.rns_filter input.btn_arrow{
 width:auto;
 border:0px;
 overflow:hidden;
 background-color:transparent;
 color:#fff;
 font-weight:bold;
 /* color needs to be dumped in section css ... as class should be globally used.. */
}

#right_col .press_releases h2,
#right_col .rns_filter h2{
 padding:0px;
 margin:0px;
 margin-bottom:10px;
}

.rss_feed, .alert_service, .factsheet{
 padding:8px 15px 0 50px;
 background-repeat:no-repeat;
 background-position:10px 12px;
 font-size:0.9em;
}




/* calendars */

.w100{ width:100%; }
.w89{ width:89%; }
.w88{ width:88%; }
.w85{ width:85%; }
.w80{ width:80%; }
.w79{ width:79%; }
.w78{ width:78%; }
.w75{ width:75%; }
.w74{ width:74%; }
.w70{ width:70%; }
.w67{ width:67%; }
.w65{ width:65%; }
.w64{ width:64%; }
.w60{ width:60%; }
.w50{ width:50%; }
.w49{ width:49%; }
.w39{ width:39%; }
.w34{ width:34%; }
.w32{ width:32%; }
.w31{ width:31%; }
.w30{ width:30%; }
.w29{ width:29%; }
.w25{ width:25%; }
.w24{ width:24%; }
.w20{ width:20%; }
.w10{ width:10%; }

.center{ text-align:center; }

.white_font{
 color:#fff;
}

td .cal_input{
 width:20%;
 display:block;
 padding-top:6px;
 float:left; position:relative;
}

td .cal_input input{
 width:70%;
 height:150%;
 vertical-align:middle;
 text-align:center;
 font-size:1.2em;
}

td .cal_check{
 width:79%;
 display:block;
  float:left; position:relative;
}

.bg_alert_calendar{
 background-repeat:repeat-y;
 background-position:left top;
}

.bg_alert_calendar label{
 font-weight:bold;
}

.bg_alert_calendar_inner{
 border-right:1px solid #ccc;
}

table.fin_calendar {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}

.fin_calendar tbody th{
 padding-left:20px; 
 font-weight:normal;
}

.frm_row{
 margin-bottom:5px;
}

.padd_round{
 padding:10px 15px;
}

/*Board of directors */
#directors {float:right; width:545px; margin-top:30px; background-color:#f7f7f7;}
.bio {float:left; width:505px; margin:17px 18px; display:inline; padding-bottom:17px;}
.bio .textbox {float:left; padding-top:22px; width:411px;}
.bio img {padding:24px 19px 10px 0; float:left;}
.bio h2 {font-size:1.2em; font-weight:bold; color:#8f7975; padding:0; margin:0;}
.bio h3 {font-size:1.2em; font-weight:bold; color:#333333; padding:0; margin:0 0 12px 0;}
.bio p {margin:0 0 8px 0;}
.dir {float:left; width:272px; padding:12px 0 8px 0;}
.dir img {padding:0 12px 0 18px; float:left;}
.dir .text {float:left; width:179px;}
.dir .text p {font-size:0.9em; vertical-align:bottom;}
.dir .text p a {font-weight:bold; text-decoration:none; color:#333333;}

li.popupflash {background: url(/arriva/images/popup_arrow.gif) no-repeat 0 2px; list-style-type:none; padding:0 0 2px 20px; font-size:1.2em; color:#008b99; font-weight:bold; margin-bottom:5px; position:relative;}
li.popupflash2 {background: url(/arriva/images/know_1.gif) no-repeat 0 2px; list-style-type:none; padding:0 0 2px 20px; font-size:1.2em; color:#008b99; font-weight:bold; margin-bottom:5px; position:relative;}