/*
THEME NAME: Ticket Machine
THEME URI: http://masochismtango.com/
DESCRIPTION: Masabi ticket-focussed rebrand.
VERSION: 0.1
AUTHOR: <a href="http://masochismtango.com/">Tom Godber</a>
AUTHOR URI: http://masochismtango.com/
*/

@import "reset.css";


/** DON'T CHANGE! **/
hr { clear:both; height:0; border-width:0; padding:0; margin:0; visibility:hidden; }


/** HTML **/
body { background:#fff url(images/body_bg.jpg) top left repeat-x; font-family:Arial, Geneva, Helvetica, Tahoma, sans-serif; font-size:14px; color:#707070; position:relative;padding:23px 0 23px 0;margin: 0; }

strong { font-weight:700; }
/* hr {	border:none 0; border-bottom:1px solid #E0E0E0; height:1px; margin:10px 0; } */
blockquote { font-style:italic; background:#f1f1f1 url(images/quotesX.gif) no-repeat top left;	background-position:12px 12px; color:#595959; margin:5px 0; padding:8px 15px;}

input, textarea { background-color:#fafafa; border:1px solid #aaa; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; -webkit-border-radius:11px; padding:4px; }
textarea { font-family:Helvetica, Arial, sans-serif; padding:8px; }
input[type="submit"] { background-color:#eee; -moz-user-select:none; user-select:none; }
input[type="submit"]:hover { background-color:#ddf }
input[type="submit"]:active { background-color:#cce }

h1 { font-size:160%; margin-bottom:10px; border-bottom:1px solid #EFEFEF; padding:10px 0 5px; clear:left; }
h2 { font-size:140%; margin-bottom:10px; border-bottom:1px solid #EFEFEF; padding:10px 0 5px; clear:left; }
h3 { font-size:110%; font-weight:700; margin-bottom:5px; border-bottom:1px solid #EFEFEF; padding:10px 0 5px; clear:left; }
h2 a { text-decoration:none; color:#0000D3; }
h2 a:hover { text-decoration:underline; }

a:link, a:visited {color:#0000D3;text-decoration:none;font-weight: normal;}
a:hover, a:active {text-decoration:underline;}



#content p, #content dd, #content li { line-height:1.3; }
#content p { line-height:1.3; margin-bottom:10px; }
#content ul, #content ol { margin-left:30px; margin-bottom:20px; }
#content ul { list-style:outside; }
#content ol { list-style:decimal; }
#content ul li, #content ol li { margin-bottom:5px; }
/*#content ul li { list-style-image:url(images/li.gif); }
#content ul li li { list-style-image:url(images/lili.gif); }*/
#content small { font-size:80%; color:#999 }

p.left { float:left; margin:0 10px 5px 0; }
p.right { float:right; margin:0 0 5px 10px; }


/** PAGE STRUCTURE **/
#wrapper { width:1000px; position:relative; margin:0 auto; padding: 0; }

#header {background: url(images/menu_bg.png) no-repeat; height:70px; padding:9px 16px 18px 16px;position: relative;margin:0 0 13px 0;z-index:120;}

#tumblrbar {background: url(images/menu_bg_880.png) no-repeat; height:70px; padding:9px 16px 18px 16px;position: relative;margin:0 0 13px 0;z-index:120;}

#navigation { position: absolute; bottom: 0px; right: 15px; z-index:5; text-transform:lowercase; font-weight:bold;height:30px; width: 700px; }
#navigation li { list-style:none; position:relative; margin-left: 25px; font-size: 16px;letter-spacing:-0.5px;}
#navigation .mticket {text-transform:none;}
#navigation > ul { margin:0; padding:0; float: right; }
#navigation > ul > li {float:left;}
#navigation > ul > li > a { display:block; float:left; text-decoration:none; color:#565656; background: url(images/menu_icon.png) 0 -29px no-repeat; padding-left: 20px;height: 30px; font-weight: bold;}
#navigation > ul > li > a:hover { color:#0000D3; background: url(images/menu_icon.png) 0 -29px no-repeat;}
#navigation > ul > li:last-child > a { }
#navigation > ul > li.current_page_item > a { color:#0000D3; background: url(images/menu_icon.png) 0 -29px no-repeat; } 
/** #navigation > ul > li.current_page_item > a:hover { background-image:url(images/nav_sel.gif); } **/
#navigation > ul > li.page-item-2 a { }
body.notblog #navigation > ul > li.current_page_parent > a, body.notblog #navigation > ul > li.current_page_ancestor > a { color:#0000D3; background: url(images/menu_icon.png) 0 -29px no-repeat; font-weight: bold;}
body.newsoverride #navigation > ul > li.page-item-10 > a { background-image:none; }
body.newsoverride #navigation > ul > li.page-item-12 > a { background-image:url(images/nav.gif);}

#navigation ul li ul {display:none; width:154px; padding:0 0 7px 0; background: url(images/submenu_bottom.png) bottom left no-repeat; margin:0; margin-top:0; }
#navigation ul li:hover ul, #navigation ul li:focus ul, #navigation ul li:active ul  { display:block; position:absolute; top:30px; left:0; z-index:120; }
#navigation ul li ul li { padding:0; margin:0; background:none; }
#navigation ul li ul li a { display:block; padding:11px 8px 3px 8px; margin:0; border:0; text-decoration:none; color:#565656; background:#fff;border-left: 1px solid #dadada;border-right: 1px solid #dadada; font-size:80%; font-weight: bold; }
#navigation ul li ul li a:hover { color:#0000D3; }
#navigation ul li ul li:last-child a { }


#navigation .menu-top-menu-container { position: absolute; bottom: 0; right: 15px; z-index:5; text-transform:lowercase; font-weight:bold;height:30px; width: 700px; }
#navigation .menu-top-menu-container li { list-style:none; position:relative; margin-right: 20px;}
#navigation .menu-top-menu-container > ul { margin:0; padding:0; float: right; }
#navigation .menu-top-menu-container > ul > li {float:left;}
#navigation .menu-top-menu-container > ul > li > a { display:block; float:left; text-decoration:none; color:#565656; background: url(images/menu_icon.png) no-repeat; padding-left: 20px;height: 30px; font-weight: bold;}
#navigation .menu-top-menu-container > ul > li > a:hover { color:#0000D3; background: url(images/menu_icon.png) 0 -29px no-repeat;}
#navigation .menu-top-menu-container > ul > li:last-child > a { }
#navigation .menu-top-menu-container > ul > li.current_page_item > a { color:#0000D3; background: url(images/menu_icon.png) 0 -29px no-repeat; font-weight: bold; } 
/** #navigation .menu-top-menu-container > ul > li.current_page_item > a:hover { background-image:url(images/nav_sel.gif); } **/
#navigation .menu-top-menu-container > ul > li.page-item-2 a { }
body.notblog #navigation .menu-top-menu-container > ul > li.current_page_parent > a, body.notblog #navigation .menu-top-menu-container > ul > li.current_page_ancestor > a { color:#0000D3; background: url(images/menu_icon.png) 0 -29px no-repeat; }
body.newsoverride #navigation .menu-top-menu-container > ul > li.page-item-10 > a { background-image:none; }
body.newsoverride #navigation .menu-top-menu-container > ul > li.page-item-12 > a { background-image:url(images/nav.gif);}

#navigation .menu-top-menu-container ul li ul {display:none; width:154px; padding:0 0 7px 0; background: url(images/submenu_bottom.png) bottom left no-repeat; margin:0; margin-top:0; }
#navigation .menu-top-menu-container ul li:hover ul, #navigation .menu-top-menu-container ul li:focus ul, #navigation .menu-top-menu-container ul li:active ul  { display:block; position:absolute; top:30px; left:0; z-index:120; }
#navigation .menu-top-menu-container ul li ul li { padding:0; margin:0; background:none; }
#navigation .menu-top-menu-container ul li ul li a { display:block; padding:11px 8px 3px 8px; margin:0; border:0; text-decoration:none; color:#565656; background:#fff;border-left: 1px solid #dadada;border-right: 1px solid #dadada; font-size:80%; font-weight: bold; }
#navigation .menu-top-menu-container ul li ul li a:hover { color:#0000D3; }
#navigation .menu-top-menu-container ul li ul li:last-child a { }

#breadcrumbs { position:absolute; background:url(images/breadcrumbs_bg.png) top left no-repeat; font-size:180%; color:#fff; z-index:100; margin:1px 0 0 10px; padding:10px; height: 38px;}
#breadcrumbs a { text-decoration:none; color:#ddd; background:url(images/rightarrow.png) top right no-repeat; padding-right:30px;}
#breadcrumbs a:hover { text-decoration:underline; color:#fff }
#breadcrumbs strong { font-size:150%; font-weight:normal; line-height: 120%;}

#searchform { text-align:right; position:absolute; z-index:90; top:20px; right:16px; width: 300px; }
#searchform label { display:none; }
#searchform input { background:url(images/search_bg.png) no-repeat;background-color: none; width:173px;height: 23px;border: none; padding: 2px 4px; margin: 0;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -webkit-border-radius:0; }
#searchform #searchsubmit {float: right; width:18px; height: 27px;background:url(images/search_btn.png) no-repeat;text-indent: -9999px;cursor: pointer;margin-left: 5px; display: inline; }

#footer { font-size:85%; margin: 0; padding: 0; width: 1000px;}

#footerdownload {background:url(images/menu_bg.png) no-repeat; width:1000px; height:97px;margin-bottom: 16px;}
#footerdlbg {float: left;}
#oplogos {float: left;}
#oplogos img {padding: 22px 13px;padding-bottom: 0;}
#oplogos {float: none;margin: 0 10px;}
#the_marquee {float: left;}


.passengers #footerdownload {background:url(images/menu_bg.png) -60px 0 no-repeat; width:940px; height:97px;margin: 30px 0 16px 0;}
.passengers #oplogos img {padding: 22px 40px;padding-bottom: 0;}

#footermiddletop {background:url(images/footermiddletop.png) no-repeat; height:14px;}
#footermiddle {background:url(images/footermiddlebg.png) repeat-y;}
#footermiddlebottom {background:url(images/footermiddlebottom.png) repeat-y; height:16px;}

#footermiddle .right { float:right; width: 240px; text-align: right;margin-right: 16px;}
#footermiddle .right p { float: left; color:#999; padding-top: 10px;}
#footermiddle .right a { height: 23px; width: 23px; display: inline-block; text-indent:9999px; background: url(images/sm_icons.png) no-repeat;	overflow: hidden;}

a#tumblr:link, a#tumblr:visited {background-position: 0px 0px;}
a#tumblr:hover, a#tumblr:active {background-position: 0px -23px;}
a#twitter:link, a#twitter:visited {background-position: -27px 0px;}
a#twitter:hover, a#twitter:active {background-position: -27px -23px;}
a#flickr:link, a#flickr:visited {background-position: -55px 0px;}
a#flickr:hover, a#flickr:active {background-position: -55px -23px;}
a#youtube:link, a#youtube:visited {background-position: -82px 0px;}
a#youtube:hover, a#youtube:active {background-position: -82px -23px;}
a#slideshare:link, a#slideshare:visited {background-position: -110px 0px;}
a#slideshare:hover, a#slideshare:active {background-position: -110px -23px;}
a#rss:link, a#rss:visited {background-position: -137px 0px;}
a#rss:hover, a#rss:active {background-position: -137px -23px;}

#footer a { color:#707070; font-weight: normal; }
#footer a:hover { color:#0000D3; }

#footernav { text-transform: lowercase; }
#footernav .mticket { text-transform: none; }
#footernav > ul { position:relative; margin-right:-95px; float: right; }
#footernav > ul > li { display:block; float:left; width:160px; padding:10px 0;margin-bottom: 10px; }
#footernav > ul > li.page-item-2 { display:none; }
#footernav > ul > li > a { color:#707070; font-weight:bold;margin-bottom: 5px;display: block; }
#footernav ul li ul { margin-left: 12px; }
#footernav ul li ul li a { margin-bottom: 5px;display: block; }


#footernav .menu-top-menu-container > ul { position:relative; margin-right:-95px; float: right; }
#footernav .menu-top-menu-container > ul > li { display:block; float:left; width:160px; padding:10px 0;margin-bottom: 10px; }
#footernav .menu-top-menu-container > ul > li.page-item-2 { display:none; }
#footernav .menu-top-menu-container > ul > li > a { color:#707070; font-weight:bold;margin-bottom: 5px;display: block; }
#footernav .menu-top-menu-container ul li ul { margin-left: 12px; }
#footernav .menu-top-menu-container ul li ul li a { margin-bottom: 5px;display: block; }



#footersmallmenu { clear:both; margin:0; padding:12px 0 0 0; }
#footersmallmenu p { margin:0; padding:0 16px 12px 0; text-align:right; }
#footersmallmenu p.left { float:left; margin-left: 16px; }
#footersmallmenu p.left a { }

#footer { margin:0 auto 0 auto; width:1000px; padding:0 0 0 0; }

#mediafooter { margin:30px 14px; color:#999; padding-bottom:20px; }
#mediafooter img { vertical-align:middle; }
#mediafooter .left, #mediafooter .right { float:right; margin-left:40px; }
#mediafooter a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; }

#container { clear:both; position:relative; background:#fff url(images/container_top.png) no-repeat; min-height:310px; margin: 0 8px 16px 8px; padding: 120px 20px 20px 20px; }

#containerbottom { background: url(images/container_bottom.png) no-repeat; height:13px; margin: 0; font-size: 0.1px; line-height: 0.1px; }

.col4 { position:relative; margin:0 -12px 0 0; padding:0; }
.col4 > .col { float:left; width:24%; margin-right:1%; padding:100px 0 0 0; background:#eee url(images/col4.png) top left repeat-x; min-height:180px; }
.col4 .col h2 { font-size:16px; font-weight:bold; background-color:#ddd; padding:5px 3px 5px 8px; border-width:0; }
.col4 .col h3 { font-size:14px; font-weight:normal; border-width:0; text-transform:uppercase; margin:0; padding:0 3px 0 8px; }
.col4 .col p { padding:0 3px 0 8px; }

.quotes { background:url(images/quoteBack.png) bottom left repeat-x; min-height:120px; margin:5px -20px 10px -20px }
.quotes p { width:15%; margin-left:2.5%; padding:24px 7% 1.5em 8%; float:left; background:url(images/quotes.gif) top center no-repeat; }

/* SECTION STYLES */
h1 { display:none; }
.home h2 { border-width:0; padding:0; margin:0 0 10px 0; }
.home h2 a { color:#fff; font-size:26px; overflow:hidden;text-transform: uppercase; font-weight: bold;padding:0; margin:0;line-height: 20px; }
#container.home { padding:0; border: none; background: none;}
.home .col2 {padding-bottom:10px;}
.home .col2 a.leftcol, .home .col2 a.rightcol { margin:0; width:490px; height:492px; overflow:hidden;display:block;padding:0;color:#fff;}
.home .col2 a.leftcol { background:url(images/homepassengers.jpg) no-repeat; margin: 0 4px 0 0; padding: 0; }
.home .col2 a.leftcol span { margin:253px 0 0 36px; width: 268px; text-align: left;background:url(images/leftarrow.png) 0 0px no-repeat;padding: 1px 0 0 32px;display:block;color:#fff;font-size:26px;font-weight: bold;line-height: 21px;}
.home .col2 a.leftcol span.note { margin:-1px 0 0 36px; width: 268px; text-align: left;background:none;padding: 0 0 0 32px;display:block;color:#fff;font-size:14px;font-weight:normal;line-height: 18px;}
.home .col2 a.rightcol { background:url(images/homeoperators.jpg) no-repeat; margin: 0; padding: 0; }
.home .col2 a.rightcol span { margin:128px 0 0 156px; width: 268px; text-align: right; background:url(images/rightarrow.png) top right no-repeat;padding: 0px 32px 0 0;display:block;color:#fff;font-size:26px;font-weight: bold;line-height: 24px;}
.home .col2 a.rightcol span.note { margin:-2px 0 0 130px; width: 260px; text-align: right;background:none;padding: 0 0 0 32px;display:block;color:#fff;font-size:14px;font-weight:normal;line-height: 18px;}


#vidcols .leftcol { float:left; width:580px; }
#vidcols .rightcol { float:left; width:329px; text-align:right; }
#vidcols .rightcol a { display:block; width:322px; height:0; padding:158px 0 0 0; margin:3px 0 3px 5px; background:#fff url(extras/front.gif) top left no-repeat; overflow:hidden; }
#vidcols  a.tourp:hover { background-position:0 -163px; }
#vidcols  a.touro { background-position:0 -327px; }
#vidcols  a.touro:hover { background-position:0 -491px; }

#content h1.overlap { margin-top:-60px; padding-bottom:5px; color:#fff; border-width:0; }

#wrapper .findus { background:#fff url(extras/findus.jpg) top left no-repeat; }
#wrapper .findusns { background:#fff url(extras/findus_ns.jpg) top left no-repeat; }
.findus #banner { padding-left:350px; margin-bottom:10px; }
.findus iframe { border:1px solid #999; }

/* WRAPPER IMAGES */

#wrapper .about { background:#fff url(extras/ukrail.jpg) top left no-repeat; }
#wrapper .future { background:#fff url(extras/barcodes.jpg) top left no-repeat; }
#wrapper .resources { background:#fff url(extras/selfservice2.jpg) top left no-repeat; }
#wrapper .queues { background:#fff url(extras/ticket_counter.jpg) top left no-repeat; }
#wrapper .cutcost { background:#fff url(extras/evelin.jpg) top left no-repeat; }
#wrapper .barcode { background:#fff url(extras/mobile_scanner.jpg) top left no-repeat; }
#wrapper .passengers { background:#fff url(extras/passengers.jpg) top left no-repeat; }
#wrapper .media { background:#fff url(extras/news_article_unstepped.jpg) top left no-repeat; }
#wrapper .steppedmedia { background:#fff url(extras/news_article_stepped.jpg) top left no-repeat; }
#wrapper .steppedaboutmix { background:#fff url(extras/about_mix_stepped.jpg) top left no-repeat; }
#wrapper .aboutmix { background:#fff url(extras/about_mix.jpg) top left no-repeat; }
#wrapper .blog { background:#fff url(extras/blog_ns_dark.jpg) top left no-repeat; }
#wrapper .usingapps { background:#fff url(extras/using-apps.jpg) top left no-repeat; }
#wrapper .mobileapp { background:#fff url(extras/mobileapp.jpg) top left no-repeat; }
#wrapper .multiplatform { background:#fff url(extras/multiplatform.jpg) top left no-repeat; }
#wrapper .securityheader { background:#fff url(extras/securityheader.jpg) top left no-repeat; }
#wrapper .gate { background:#fff url(extras/gate.jpg) top left no-repeat; }
#wrapper .busystation { background:#fff url(extras/busy-station.jpg) top left no-repeat; }
#wrapper .stationtrains { background:#fff url(extras/station-trains.jpg) top left no-repeat; }
#wrapper .office { background:#fff url(extras/office.jpg) top left no-repeat; }
#wrapper .crosssell { background:#fff url(extras/cross-sell.jpg) top left no-repeat; }

#wrapper .passengers #content { margin:0; }
#wrapper .blog #content { margin:0; }



ul.goodpoints { margin:4px 0 38px 0; padding:0 0 0 60px; }
ul.goodpoints  li { list-style:none; display:block; width:250px; margin:0 30px; float:left; padding:20px 35px 10px 40px; background:#fff url(extras/download.png) 0 22px no-repeat; min-height:32px; text-align:left;}
ul.goodpoints  li.buy { background-image:url(extras/buy.png) }
ul.goodpoints  li.lookup { background-image:url(extras/lookup.png) }
ul.goodpoints  li.usephone { background-image:url(extras/usephone.png) }
ul.goodpoints  li.browse { background-image:url(extras/browse.png) }
ul.goodpoints  li.security { background-image:url(extras/security.png) }

ul.appstores  li { display:block; float:right; width:140px; max-height:110px; background:#fff url(extras/browse.png) center top no-repeat; position:relative; }
ul.appstores  li a, ul.appstores  li span { padding:36px 5px 10px 5px; text-align:center; display:block; margin:0; }
ul.appstores  li.bbappworld { background-image:url(extras/bb.png) }
ul.appstores  li.ovi { background-image:url(extras/ovi.png) }
ul.appstores  li.androidmarket { background-image:url(extras/android-market.png) }
ul.appstores  li.getjar { background-image:url(extras/getjar.png) }
p.appstore-caption { text-align:right; }

.logos { text-align:center; padding-top:0 !important; }
.logos img { border:0; vertical-align:middle; padding:8px 18px 16px 18px; }

.getTtl { background:#fff url(extras/qr.png) center bottom no-repeat; padding:0 0 120px 0; font-size:240%; text-align:center; margin:10px; color:#08335e; }
.passengers .getTtl { background-position:right center; padding:25px 250px 40px 40px; margin:5px 90px 10px 0; }
.se .getTtl { background-image:none; padding-bottom:10px; }

#wrapper .jobs { background:#fff url(extras/jobs.jpg) top left no-repeat; }

/* #wrapper .contactus { background:#fff url(extras/contact.jpg) top left no-repeat; } */
.contactus h1 { color:#fff; border-width:0; position:absolute; top:290px; left:20px; }
.contactus .ddfmwrap { min-height:330px; float:right; margin:0 20px 0 0; }
.contactus .vcard { float:left; padding-top:65px; }
.contactus .vcard h2 { display:none; }
.contactus .vcard p, .resources .vcard p { margin:2px 0; }
.resources .vcard { margin-left:20px }

.email, .tel, .fax, .adr, .company { padding-left:20px; background:#fff url(images/contact.png) left 2px no-repeat; }
.email { background-position:0 -77px; }
.tel { background-position:0 -56px; }
.fax { background-position:0 -28px; }

/* #wrapper .news { background:#fff url(extras/news.jpg) top left no-repeat; padding-top:320px;} */
.news h1 { display:none; }
.news h2 { font-size:160%; }
/*.news h2.overlap { border-width:0 !important; }
.news h2 a.overlap { color:#fff; }*/

.newsfeed dt { width:120px; float:left; clear:left; margin:9px 10px 0 0; }
.newsfeed dd { width:750px; float:left; margin-top:11px; padding-bottom:8px;}
.news .newsfeed dt { width:82px; margin-top:5px; }
.news .newsfeed dd { width:186px; margin-top:5px; }
.news .newsfeed dt.date .day { padding-right:2px; }
.news .newsfeed dt.date .month { padding-left:0; }
.newsfeed dt.date .day, .newsfeed dt.date .month, .newsfeed dt.date .year { color:#bbb }
.home .newsfeed dt { width:100px; margin-top:5px; }
.home .newsfeed dd { width:290px; margin-top:5px; }

.newssub  p.page-subtitle { position:absolute; top:38px; right:26px; border-width:0; }
.newssub h2 { padding-top:0; }

.calendar a.rss { background:#fff url(images/rss.png) 1px -144px no-repeat; padding:3px 0 3px 44px; margin-left:10px; }
.calendar .ical { background:#fff url(images/ical.png) top left no-repeat; padding:3px 0 3px 44px; margin-left:10px; }
.calendar .ics-calendar-table td div.date-holder, .calendar .ics-calendar-table td div.old-date-holder { padding:3px 2px 1px 2px; width:auto; }
.calendar div.ics-calendar-header { padding:4px 0 8px 0; }
.calendar div.ics-calendar-header small { float:left; }
.calendar div.ics-calendar-header p { float:right; }
.calendar td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.calendar table { border-left:1px solid #ccc; }

#wrapper .notfound { background:#fff url(extras/404.jpg) top left no-repeat; padding-top:286px; }
.notfound h1 { display:none; }
.notfound h2 { border-bottom-color:#bbb }
.notfound .top { text-align:center; margin:30px 0 50px}
.notfound #error404-s { background:#fff url(images/search.gif) 3px 2px no-repeat; padding-left:23px; }
.notfound .post-content { float:left; width:360px; }
.notfound .post-title { font-size:140%; }

#wrapper .operators { background:#fff url(extras/trains.jpg) no-repeat; }
.operators h1 { display:none; }
.operators h2 a { padding-top:310px; display:block; }
.operators .video { text-align:right; padding-top:20px; clear:both; background:#fff url(extras/no_n8.jpg) no-repeat 70px 80px; }

#wrapper div.nokia { background:#fff url(extras/nokia.jpg) 0 14px no-repeat; padding-top:545px; margin-top:0; min-height:60px; }
#wrapper div.se { background:#fff url(extras/se.jpg) 0 6px no-repeat; padding-top:560px; margin-top:0; min-height:60px; }
#wrapper div.samsung { background:#fff url(extras/samsung.jpg) 0 20px no-repeat; padding-top:540px; margin-top:0; min-height:60px; text-align:center; }
#wrapper div.bb { background:#fff url(extras/bb.jpg) 0 20px no-repeat; padding-top:585px; margin-top:0; min-height:60px; }
#wrapper div.android { background:#fff url(extras/android.jpg) 0 20px no-repeat; padding-top:550px; margin-top:0; text-align:center; min-height:60px; }
#wrapper div.iphone { background:#fff url(extras/iphone.jpg) 0 40px no-repeat; padding-top:560px; margin-top:0; min-height:60px; text-align:center; }
.nokia h1, .se h1, .samsung h1, .bb h1, .android h1, .iphone h1 { display:none; }
.nokia p, .se p, .samsung p, .bb p, .android p, .iphone p { padding-top:40px }



/* CONTENT LAYOUT */
.col1 #content { margin:0 20px 0 360px; }
/*.col1 #content { margin-left:354px; margin-top:90px; }*/
.col1 #sidebox { position:absolute; top:360px; left:20px; font-size:80%; width:280px; text-align:center; }
.col1 object { text-align:center }

#content .img { font-size:0; overflow:hidden; color:#fff; background-color:transparent; background-position:top left; background-repeat:no-repeat; height:0; border-width:0;  }


#eodarkheader {
background: url(images/op_dia_dark_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

.eocolumn {
width: 210px; float: left; margin: 0 8px 0 0; padding: 7px 10px 0 10px;}

.eocolumnlast {
width: 210px; float: left; margin: 0; padding: 7px 10px 0 10px;}

.eocolumn h2, .eocolumnlast h2 {
border-bottom: none; color: #000; font-weight: bold; font-size: 100%; margin: 0; padding: 0 0 7px 0;}

.eocolumn p, .eocolumnlast p {
font-size: 90%; margin: 0; padding: 0;}

.eocolumn a, .eocolumnlast a {
font-size: 90%; margin: 0; padding: 0 17px 0 0; color: #A40D0E; font-weight: normal; display: block; text-align: right; background: url(images/red_link_arrow.png) top right no-repeat; width: 70px; float: right;}

#eolightheader {
background: url(images/op_dia_lighter_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

#eolighterlinkbar {
background: url(images/op_dia_lighter_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

#eolightlinkbar {
background: url(images/op_dia_light_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

#eolighterlinkbar .eocolumn, #eolightlinkbar .eocolumn {
padding: 0 10px 10px 10px;}

#eolighterlinkbar .eocolumnlast, #eolightlinkbar .eocolumnlast {
padding: 0 10px 10px 10px;}

#opdiagram {
background: url(images/ecosystem_operators_middle.jpg) no-repeat; width: 944px; height:341px; margin: 0 auto;}

img#esdiagram {
border: none; width: 944px; height:341px; margin: 0 auto; padding: 0;}

#content p.nospacing {
margin: 0; padding: 0;}


#eodarkfooter {
background: url(images/op_dia_dark_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

#eolightfooter {
background: url(images/op_dia_light_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

.col3, .col2 { margin-top:10px; }

.col3 .leftcol, .col3 .midcol, .col3 .rightcol { width:31%; float:left; }
.col3 .leftcol, .col3 .midcol { margin-right:3%; }
.col3 .leftcol { margin-left:1%; }

.col2 .leftcol, .col2 .rightcol { width:45%; }
.col2 .leftcol { float:left; margin-left:2%}
.col2 .rightcol { float:right; margin-right:2%}
.leftskew .leftcol, .rightskew .rightcol { width:60%; }
.leftskew .rightcol, .rightskew .leftcol { width:30%; }

.col1 .col2 .leftcol { margin-left:0; margin-right:2%; }

.newscol, .releasecol { width:46%; background: #eee; padding: 5px 15px;min-height: 400px; border: 1px solid #999; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px; }
.newscol { float:right; margin:0}
.releasecol { float:left; margin:0}
.newscol .newsfeed dd, .releasecol .newsfeed dd  { width:270px;}

#timeline { background:#fff url(images/timeline.png) top center repeat-y; }
#timeline .timeslot { width:275px; float:left; margin:0 0 10px; padding:10px 140px 0 0; border-top:3px solid #999; position: relative; }
#timeline .timeslot img { right:-135px; margin-top:-12px; position:absolute; width:64px; }
#timeline .timeslot span { position:absolute; right:0; top:8px; font-size:3em; color:#999; }
#timeline .timeslot p { text-align:right; }
#timeline .even { float:right; padding:10px 0 0 140px; border-color:#666; }
#timeline .even span { left:0; right:250px; color:#666; }
#timeline .even img { float:left; margin-right:50px; left:-135px; }
#timeline div.even p { text-align:left; }


#pdarkheader {
background: url(images/op_dia_dark_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

.pcolumn {
width: 210px; float: left; margin: 0 8px 0 0; padding: 7px 10px 0 10px;}

.pcolumnlast {
width: 210px; float: left; margin: 0; padding: 7px 10px 0 10px;}

.pcolumn h2, .pcolumnlast h2 {
border-bottom: none; color: #000; font-weight: bold; font-size: 100%; margin: 0; padding: 0 0 7px 0;}

.pcolumn p, .pcolumnlast p {
font-size: 90%; margin: 0; padding: 0;}

.pcolumn a, .pcolumnlast a {
}

#plightheader {
background: url(images/op_dia_lighter_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

#plighterlinkbar {
background: url(images/op_dia_lighter_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

#plightlinkbar {
background: url(images/op_dia_light_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

#plighterlinkbar .eocolumn, #plightlinkbar .eocolumn {
padding: 0 10px 10px 10px;}

#plighterlinkbar .pcolumnlast, #plightlinkbar .pcolumnlast {
padding: 0 10px 10px 10px;}

#pdiagram {
background: url(images/ecosystem_operators_middle.jpg) no-repeat; width: 944px; height:341px; margin: 0 auto;}

#pdarkfooter {
background: url(images/op_dia_dark_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}

#plightfooter {
background: url(images/op_dia_light_grey_bg.gif) repeat-y; width: 944px; margin: 0 auto;}




#content .panel-wrapper p {
font-size: 0.9em; }

.panel-wrapper {
position: relative; }

#pw1p1 {
position: absolute; width: 150px; top: 368px; left: 75px;}

#pw1p2 {
position: absolute; width: 220px; top: 353px; left: 352px; }

#pw1p2a {
position: absolute; width: 300px; top: 372px; left: 277px; }

#pw1p3 {
position: absolute; width: 150px; top: 444px; left: 704px; }

#pw1p4 {
position: absolute; width: 250px; top: 704px; left: 30px; }

#pw1p5 {
position: absolute; width: 170px; top: 771px; left: 364px; }

#pw1p6 {
position: absolute; width: 120px; top: 746px; left: 598px; }

#pw1p7 {
position: absolute; width: 150px; top: 694px; left: 768px; }

#pw2p1 {
position: absolute; width: 140px; top: 366px; left: 54px;}

#pw2p2 {
position: absolute; width: 200px; top: 307px; left: 304px; }

#pw2p3 {
position: absolute; width: 280px; top: 469px; left: 616px; }

#pw2p4 {
position: absolute; width: 160px; top: 758px; left: 41px; }

#pw2p5 {
position: absolute; width: 140px; top: 801px; left: 278px; }

#pw2p6 {
position: absolute; width: 170px; top: 813px; left: 503px; }

#pw2p7 {
position: absolute; width: 110px; top: 778px; left: 770px; }

#pw3p1 {
position: absolute; width: 140px; top: 358px; left: 62px;}

#pw3p2 {
position: absolute; width: 140px; top: 317px; left: 327px; }

#pw3p3 {
position: absolute; width: 150px; top: 348px; left: 537px; }

#pw3p4 {
position: absolute; width: 140px; top: 435px; left: 768px; }

#pw3p5 {
position: absolute; width: 160px; top: 762px; left: 40px; }

#pw3p6 {
position: absolute; width: 170px; top: 800px; left: 340px; }

#pw3p7 {
position: absolute; width: 190px; top: 762px; left: 659px; }

#getintouch {
width: 540px;
margin-left: 370px;
}

/* SOCIABLE */
.sociable .sociable_tagline { margin-top:50px; }
.sociable ul { margin-left:60px; }
.sociable li { list-style:none; float:left; padding:2px; }
.sociable li a { padding:0px }
.sociable #LinkedIn_Counter { margin-right: 16px; }
.sociable #Facebook_Counter { margin-right: 19px; }


/* YARPP */
.related { margin-top:20px }
.related abbr { font-size:70%; color:#aaa }


/* DDFM */
.ddfmwrap, .ddfmwrap form { width:560px !important; }
.ddfmwrap .credits { display:none; }
#content form label { width:15%; }
#content form.ddfm select.fmselect, #content form.ddfm textarea, #content form.ddfm input.fmtext, #content form.ddfm input.fmverify { width:80% }

.signup .ddfmwrap, .signup .ddfmwrap form { width:400px !important; }
.signup form { margin-top:0; }

/* WORDPRESS */
.page-subtitle a.rss, h1 a.rss, h2 a.rss { display:block; float:right; overflow:hidden; height:0; width:38px; padding:21px 0 0 0; margin:0 4px 0 8px; background:#fff url(images/rss.png) top left no-repeat; }
.author a.rss { background-position:0 -24px; }
.category a.rss { background-position:0 -48px; }
.flickr a.rss { background-position:0 -96px; }
.tag a.rss { background-position:0 -120px; }
.event a.rss { background-position:0 -144px; }
h2 a.ical { display:block; float:right; overflow:hidden; height:0; width:40px; padding:21px 0 0 0; margin:0 0 0 3px; background:#fff url(images/ical.png) top left no-repeat; }

.sidepanel li.cat-item { padding-left:18px; background:#fff url(images/category.png) left center no-repeat; }

.blog .post { margin:0 0 30px 0; clear:left; border-top:1px dotted #aaa; }
.single .post, #content .first { border-top-width:0; }

/*
.bloglist #content { width:640px; float:left; margin-right:20px; }
.bloglist #sidebar { width:220px; float:right; margin-top:50px;}*/

.bloglist #content { width:640px; float:right; margin-right:50px; }
.bloglist #sidebar { width:220px; float:left; margin-top:20px; margin-top:50px;}



.index .navtop { display:none; }

.post-meta { float:left; width:130px; margin-right:40px; text-align:right; }
.date { padding:3px 0; margin:14px 0 5px 0; height:32px; font-weight:normal; border-bottom-width:0; }
.date .day { display:block; float:right; line-height:28px; font-size:35px; border-right:#CBCBCB 1px solid; padding-right:5px;	color:#8D8D8D; }
.date .month, .date .year { color: #666666; width:40px; }
.date .month { display:block; float:right; font-size:16px; line-height:14px; padding-left:4px; text-align:center; text-transform:uppercase; }
.date .year { font-size: 14px; display:block; }
#content .post-meta p { clear:right; text-align:right; margin:1px 0; }
.post-meta .comments a { padding-left:18px; background:#fff url(images/comment.png) left center no-repeat; }
.post-meta .author a { padding-left:18px; background:#fff url(images/author.png) left center no-repeat; }
#content .post-meta .aga a { background-image:url(images/authorY.png); }
#content .post-meta .bjdw a { background-image:url(images/authorB.png); }
.post-meta .tags a { padding-left:18px; background:#fff url(images/tag.png) left center no-repeat; }
.post-meta .category a { padding-left:18px; background:#fff url(images/category.png) left center no-repeat; }
.post-meta .releases a { padding-left:18px; background:#fff url(images/news.png) top left no-repeat; }
.post-meta .inthenews a { padding-left:18px; background:#fff url(images/news.png) bottom left no-repeat; }
.post-meta .tags { margin-top:20px; }
.post-meta p a { color:#999; text-decoration:none; }
.post-meta p a:hover { color:#00f; text-decoration:underline; }

.blog .post-content { float:left; }
.single .post-content { width:710px; }
.bloglist .post-content { width:460px; }
.bloglist div.page-excerpt { width:610px; margin-left:20px;}

.post-content img.alignleft, .post-content a.alignleft{ float:left; /*border:1px solid #EFEFEF;*/ margin:0 25px 15px 0; padding:0px; }
.post-content img.alignright, .post-content a.alignright { float:right; /*border:1px solid #EFEFEF;*/ margin:0 0 15px 25px; padding:0px; }
.resources .post-content a.alignright { border-width:0; }

.post-title { font-size:35px; line-height:1.1; font-weight:normal; margin-top:0; }
.post-title a { color:#333333; text-decoration:none; }
.post-title a:hover { text-decoration:underline; }

.more { font-size:80%; color:#999; text-align:right; margin:0 10px 0 0; }

table.appstores a { text-decoration:none; }
table.appstores tr { vertical-align:middle; }

#respond textarea { width:680px; }

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content img.alignnone {
	background: #FFF;
	/*border: 1px solid #EFEFEF;*/
	padding: 0px;
}

.passengers .post-content img.alignnone {
	border: none;
	margin: 20px;
}

.steppedaboutmix .post-content img.alignnone {
	border: none;
	margin: 20px;
}



.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}


.sidepanel { margin-bottom:30px; }

.sidepanel h3 {
	text-transform: uppercase;
	border-bottom: 1px solid #EFEFEF;
	padding: 0 0 5px 0;
	color: #333333;
	font-weight: bold;
	font-size: 90%;
}

.sidepanel ul li {
	border-bottom: 1px solid #EFEFEF;
	padding: 5px 0;
	line-height: 1.2;
}

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}


.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

.post-content img.alignnone {
    background: none;
}