html { margin: 0; padding: 0; border: 0; height: 100%; }

body { background: #E4E4E4 url(../../images/mta/background.gif) repeat-y center top; min-height: 100%; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #333; margin: 0; padding: 0; }

div, p, a, img, ul, li, ol, table, tr, td, th, form, input, select, textarea, button, address, h1, h2, h3, h4, h5 { margin: 0; padding: 0; border: none; }

h1, h2, h3, h4 { color: #00aeef; line-height: 1em; }

h1 { font-size: 27px; color: #00AEEF; }

h2 { font-size: 17px; padding: 8px 0 6px 0; }

h3 { font-size: 15px; padding: 4px 0 6px 0; }

h4 { font-size: 11px; padding: 4px 0 6px 0; }

h1 span, h2 span, h3 span, h4 span { display: none; }

div#intro h1 { width: 260px; }

p { padding: 0; margin: 0 0 15px; line-height: 15px; }

ul, ol { margin: 0em 0 15px; padding: 0; }

ul li, ol li { margin: 0 0 0 25px; padding: 0 0 5px; list-style-position: outside; }

a:active { outline: none; }
a img { border: 0; }

input { font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #333; }

a, a:link, a:visited, a:hover, a:active { color: #00AEEF; text-decoration: none; }

a:hover { text-decoration: underline; }

div.divider { border-top: 1px solid #ccc; border-bottom: 0 solid #ccc; margin: 10px 0; }

div.clear { clear: both; content: "."; display: block; line-height: 0; margin: 0; visibility: hidden; overflow: hidden; height: 0; padding: 0; }

p.info { font-style: italic; }

table { border-collapse: collapse; margin: 0 0 0.8em 0; width: 100%; }

div.table-wrapper-narrow table { width: auto; }

table tr th, table tr td { padding: 4px 4px 4px 7px; font-size: 1.0em; }

table tr th { background-color: #00AEEF; border-bottom: solid 1px #beccd3; vertical-align: top; font-weight: bold; color: #fff; text-align: left; }

table tr th.subheading { background-color: #999; }

table tr th.delete { background-color: #c33; }

table tr td { border-bottom: solid 1px #beccd3; vertical-align: middle; }

table tr td.number, table tr th.number { padding-right: 10px; text-align: left; }

table tr td a { font-size: 1.0em; }

table tr th a:link, table tr th a:visited, table tr th a:hover, table tr th a:active { color: #fff; }

table caption { font-weight: bold; text-align: left; font-size: 1.1em; padding-bottom: 4px; }

img { margin: 0; padding: 0; border: 0; }

div.float-image-wrapper { float: left; margin: 4px 7px 6px 0; padding: 0 9px 0 0; position: relative; }

div.float-image-wrapper img { border: 0 solid #f00; }

div.float-image-popup-wrapper { position: absolute; top: 35px; left: 20px; padding: 0; width: 300px; display: none; z-index: 100; }

div.float-image-popup-wrapper img { margin-bottom: 5px; }

div.float-image-popup { padding: 20px; background-position: top left; background-image: url(../../images/mta/background-floating.png); background-repeat: repeat-y; width: 260px; text-align: center; }

div.float-image-popup p { text-align: left; }

div.float-image-popup-footer { background-position: bottom left; background-image: url(../../images/mta/background-floating.png); background-repeat: repeat-y; height: 10px; width: 300px; }

div.imageLeft { float: left; margin: 4px 7px 6px 0; padding: 0 9px 0 0; }

div.imageLeftNoBorder { float: left; margin: 4px 12px 6px 0; }

div.imageRight { float: right; margin: 4px 0 6px 7px; padding: 0 0 0 9px; }

div.imageRightNoBorder { float: right; margin: 4px 0 6px 12px; }

div.imageRight div.imageCaption { text-align: right; }

div.imageLeft div.imageCaption, div.imageLeftNoBorder div.imageCaption, div.imageRight div.imageCaption, div.imageRightNoBorder div.imageCaption, div.imageTop div.imageCaption, div.imageTopNoBorder div.imageCaption { display: block; margin: 0 0 0 0; font-style: italic; background-color: #E1E1E1; background-image: url(../../images/mta/shading.gif); background-repeat: no-repeat; padding: 7px 5px 6px; }

div.imageLeft div.imageCaptionNoShadow, div.imageLeftNoBorder div.imageCaptionNoShadow, div.imageRight div.imageCaptionNoShadow, div.imageRightNoBorder div.imageCaptionNoShadow, div.imageTop div.imageCaptionNoShadow, div.imageTopNoBorder div.imageCaptionNoShadow { display: block; margin: 0 0 0 0; font-style: italic; padding: 3px 5px 6px; }

div.docDownload a:hover img { text-decoration: none; }

div.docDownload p { color: #666666; margin-left: 20px; }

div.docDownload img { float: left; }

ul.bookmarkList { }

div.bookmarkListHorizontally { margin-bottom: 15px; color: #ccc; }

/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }

.sIFR-replaced { visibility: visible !important; }

.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

.sIFR-hasFlash h1 { font-size: 12pt; line-height: 1em; }

.sIFR-active h1.sifr, .sIFR-active h2.green, .sIFR-active h2.sifr-blue, .sIFR-active h2.sifr-blue-narrow, .sIFR-active h2.sifr, .sIFR-active h3.sifr { visibility: hidden; }

.sIFR-active h1.sifr { }

.sIFR-active h2.green, .sIFR-active h2.sifr-blue, .sIFR-active h2.sifr-blue-narrow, .sIFR-active h2.sifr { margin: 0; padding: 0; }

.sIFR-active h3.sifr { margin: 0; padding: 0; }

.sIFR-hasFlash h3.sifr { display: none; }

h1.sIFR-replaced { margin: 0 0 2px; overflow: hidden; width: 100%; padding: 0; }

div#intro h1.sIFR-replaced { margin: 0; }

h2.sIFR-replaced { margin: 0; padding: 0; overflow: hidden; width: 100%; }

h3.sIFR-replaced { margin: 0; padding: 0; overflow: hidden; width: auto; }

div.image-left { float: left; margin: 4px 8px 6px 0; padding: 0; }

div.image-right { float: right; margin: 4px 0 6px 8px; padding: 0; }

div.image-wrapper-title { background-color: #E1E1E1; background-image: url(../../images/mta/shading.gif); background-repeat: no-repeat; padding: 9px 5px 6px; }

div#intro p { font-size: 13px; line-height: 18px; }

div#page-wrapper { width: 975px; margin: 0 auto; }

div#page-content { background-image: url(../../images/mta/background-menu.gif); background-repeat: no-repeat; background-color: #fff; width: 100%; }

div#menu-column { width: 203px; float: left; margin-top: 25px; margin-bottom: 35px; position: relative; z-index: 300; }

div#menu-column a#logo { margin-left: 25px; }

div#login-wrapper { position: relative; height: 20px; margin: 10px 30px 15px; margin-bottom: 30px; }

div#login-box { position: absolute; width: 1px; height: 1px; background-image: url(../../images/mta/background-login.png); z-index: 310; left: -10px; top: -10px; display: block; overflow: hidden; font-size: 10px; }

div#login-box form { position: absolute; left: 0; top: 0; width: 280px; }

div#login-box #membership-number-label, div#login-box #password-label, div#login-box #username-label, div#login-box #forgotten, div#login-box #rememberLogin { position: absolute; right: 153px; }

div#login-box #membership-number-label { top: 42px; }

div#login-box #username-label { top: 65px; }

div#login-box #password-label { top: 88px; }

div#login-box #membership-number, div#login-box #username, div#login-box #password, div#login-box #rememberLogin-label { position: absolute; left: 135px; }

div#login-box #membership-number, div#login-box #password, div#login-box #username { width: 125px; border: 1px solid #ccc; padding: 1px; }

div#login-box #membership-number { top: 40px; }

div#login-box #password { top: 86px; }

div#login-box #username { top: 63px; }

div#login-box #forgotten { top: 128px; }

div#login-box #rememberLogin { top: 110px; }

div#login-box #rememberLogin-label { top: 110px; }

div#login-box #no-password { top: 146px; position: absolute; left: 13px; }

div#login-box #login { top: 132px; position: absolute; right: 17px; }

div#login-wrapper a#login-button, div#login-wrapper a#logout-button { background-repeat: no-repeat; background-position: left center; width: 122px; height: 20px; display: block; position: absolute; top: 0; left: 0; z-index: 311; }

div#removeAutoLogin { position: absolute; top: 30px; font-size: 10px; }

div#login-wrapper a#login-button { background-image: url(../../images/mta/button-login.gif); }

div#login-wrapper a#logout-button { background-image: url(../../images/mta/button-logout.gif); }

div#login-wrapper a#login-button span, div#login-wrapper a#logout-button span { display: none; }

div#login-wrapper a#login-button:hover, div#login-wrapper a#logout-button:hover { background-position: right center; }

div#login-wrapper input.login-submit:hover { background-position: left bottom; }

div#login-wrapper input.login-submit { background: transparent url(../../images/mta/login.gif) no-repeat scroll right bottom; border: medium none; color: #fff; cursor: pointer; font-family: verdana,arial,sans-serif; height: 20px; margin: 0; padding: 1px 0; width: 71px; }

div#menu-column ul { margin: 0 0 0 16px; padding: 0; list-style-type: none; width: 173px; }

div#menu-column ul ul { margin: -2px 0 1px 14px; width: 159px; border-bottom: 1px solid #ccc; overflow: hidden; }

div#menu-column ul ul ul { width: 145px; }

div#menu-column ul li { margin: 0; padding: 0; border: none; }

div#menu-column ul li { }

div#menu-column ul li a, div#menu-column ul li a:link, div#menu-column ul li a:visited, div#menu-column ul li a:active { background-image: url(../../images/mta/menumatrix.png); background-repeat: no-repeat; display: block; margin: 0; padding: 0; border: none; text-decoration: none; color: #333; width: 173px; }

div#menu-column ul li a span { display: none; }

div#menu-column ul li a:hover { }
div#menu-column ul li#nav1 a { height: 28px; background-position: 0 0; }
div#menu-column ul li#nav1 a:hover, div#menu-column ul li#nav1 a.active:hover { background-position: -173px -0; }
div#menu-column ul li#nav1 a.active { background-position: -346px -0; }
div#menu-column ul li#nav2 a { height: 61px; background-position: -0 -28px; }
div#menu-column ul li#nav2 a:hover, div#menu-column ul li#nav2 a.active:hover { background-position: -173px -28px; }
div#menu-column ul li#nav2 a.active { background-position: -346px -28px; }
div#menu-column ul li#nav3 a { height: 61px; background-position: -0 -89px; }
div#menu-column ul li#nav3 a:hover, div#menu-column ul li#nav3 a.active:hover { background-position: -173px -89px; }
div#menu-column ul li#nav3 a.active { background-position: -346px -89px; }
div#menu-column ul li#nav4 a { height: 74px; background-position: -0 -150px; }
div#menu-column ul li#nav4 a:hover, div#menu-column ul li#nav4 a.active:hover { background-position: -173px -150px; }
div#menu-column ul li#nav4 a.active { background-position: -346px -150px; }
div#menu-column ul li#nav5 a { height: 61px; background-position: -0 -224px; }
div#menu-column ul li#nav5 a:hover, div#menu-column ul li#nav5 a.active:hover { background-position: -173px -224px; }
div#menu-column ul li#nav5 a.active { background-position: -346px -224px; }
div#menu-column ul li#nav6 a { height: 61px; background-position: -0 -285px; }
div#menu-column ul li#nav6 a:hover, div#menu-column ul li#nav6 a.active:hover { background-position: -173px -285px; }
div#menu-column ul li#nav6 a.active { background-position: -346px -285px; }
div#menu-column ul li#nav7 a { height: 61px; background-position: -0 -346px; }
div#menu-column ul li#nav7 a:hover, div#menu-column ul li#nav7 a.active:hover { background-position: -173px -346px; }
div#menu-column ul li#nav7 a.active { background-position: -346px -346px; }
div#menu-column ul li#nav8 a { height: 61px; background-position: -0 -407px; }
div#menu-column ul li#nav8 a:hover, div#menu-column ul li#nav8 a.active:hover { background-position: -173px -407px; }
div#menu-column ul li#nav8 a.active { background-position: -346px -407px; }
div#menu-column ul li#nav9 a { height: 61px; background-position: -0 -468px; }
div#menu-column ul li#nav9 a:hover, div#menu-column ul li#nav9 a.active:hover { background-position: -173px -468px; }
div#menu-column ul li#nav9 a.active { background-position: -346px -468px; }
div#menu-column ul li#nav10 a { height: 42px; background-position: -0 -529px; }
div#menu-column ul li#nav10 a:hover, div#menu-column ul li#nav10 a.active:hover { background-position: -173px -529px; }
div#menu-column ul li#nav10 a.active { background-position: -346px -529px; }

div#menu-column ul li#nav1 ul li, div#menu-column ul li#nav2 ul li, div#menu-column ul li#nav3 ul li, div#menu-column ul li#nav4 ul li, div#menu-column ul li#nav5 ul li, div#menu-column ul li#nav6 ul li, div#menu-column ul li#nav7 ul li, div#menu-column ul li#nav8 ul li, div#menu-column ul li#nav9 ul li, div#menu-column ul li#nav10 ul li { height: auto; }

div#menu-column ul li#nav1 ul li a, div#menu-column ul li#nav2 ul li a, div#menu-column ul li#nav3 ul li a, div#menu-column ul li#nav4 ul li a, div#menu-column ul li#nav5 ul li a, div#menu-column ul li#nav6 ul li a, div#menu-column ul li#nav7 ul li a, div#menu-column ul li#nav8 ul li a, div#menu-column ul li#nav9 ul li a, div#menu-column ul li#nav10 ul li a { height: auto; padding-left: 17px; background-position: 0 3px; }

div#menu-column ul li#nav1 ul li a:hover, div#menu-column ul li#nav2 ul li a:hover, div#menu-column ul li#nav3 ul li a:hover, div#menu-column ul li#nav4 ul li a:hover, div#menu-column ul li#nav5 ul li a:hover, div#menu-column ul li#nav6 ul li a:hover, div#menu-column ul li#nav7 ul li a:hover, div#menu-column ul li#nav8 ul li a:hover, div#menu-column ul li#nav9 ul li a:hover, div#menu-column ul li#nav10 ul li a:hover, div#menu-column ul li#nav1 ul li a.active:hover, div#menu-column ul li#nav2 ul li a.active:hover, div#menu-column ul li#nav3 ul li a.active:hover, div#menu-column ul li#nav4 ul li a.active:hover, div#menu-column ul li#nav5 ul li a.active:hover, div#menu-column ul li#nav6 ul li a.active:hover, div#menu-column ul li#nav7 ul li a.active:hover, div#menu-column ul li#nav8 ul li a.active:hover, div#menu-column ul li#nav9 ul li a.active:hover, div#menu-column ul li#nav10 ul li a.active:hover { background-position: -159px 3px; }

div#menu-column ul li#nav1 ul li a.active, div#menu-column ul li#nav2 ul li a.active, div#menu-column ul li#nav3 ul li a.active, div#menu-column ul li#nav4 ul li a.active, div#menu-column ul li#nav5 ul li a.active, div#menu-column ul li#nav6 ul li a.active, div#menu-column ul li#nav7 ul li a.active, div#menu-column ul li#nav8 ul li a.active, div#menu-column ul li#nav9 ul li a.active, div#menu-column ul li#nav10 ul li a.active { background-position: -159px 3px; }

div#menu-column ul ul li a, div#menu-column ul ul li a:link, div#menu-column ul ul li a:visited, div#menu-column ul ul li a:active { background-image: url(../../images/mta/background-2nd-menu.gif); background-repeat: repeat-y; display: block; margin: 0; border-bottom: 1px solid #fff; text-decoration: none; color: #333; width: 142px; padding: 6px 0; height: auto; }

div#menu-column ul ul li a:hover { background-position: right top; }

div#menu-column ul ul ul li a, div#menu-column ul ul ul li a:link, div#menu-column ul ul ul li a:visited, div#menu-column ul ul ul li a:active { width: 126px; padding-right: 2px; }

div#content { width: 758px; float: left; z-index: 1; padding-bottom: 15px; background-color: #fff; }

div#member { float: left; margin: 8px 0; color: #999; font-weight: bold; }

div#member span { color: #444; }

.guild div#member, .guild div#member span { color: #cd963b; }

div#search { text-align: right; margin: 5px 0; float: right; }

div#search form *, div#search-input form * { vertical-align: middle; }

div#search form, div#search-input form { margin: 0; padding: 0; display: inline; }

div#search input.textbox { border: 1px solid #ccc; margin-top: 1px; padding: 2px; }

div#search-input input.textbox { width: 200px; }

div#search input.arrow-submit:hover { background-position: right top; }

div#search input.arrow-submit { background-image: url(../../images/mta/bannersearch.gif); background-position: left top; border: medium none; color: #fff; cursor: pointer; font-family: verdana,arial,sans-serif; height: 20px; margin: 0; padding: 1px 0; width: 20px; }

div#banner { position: relative; height: 192px; z-index: 200; }

div#banner-images { position: absolute; height: 192px; width: 758px; z-index: 201; overflow: hidden; }

.home div#banner, .home div#banner-images { height: 284px; }

.home div#banner-images img { position: absolute; top: 0; left: 0; }

div#gift-vouchers { position: absolute; right: 5px; top: 13px; z-index: 202; background-image: url(../../images/mta/voucher.png); background-repeat: no-repeat; width: 190px; height: 113px; }

a#gift-vouchers-buy, a#gift-vouchers-find, a#gift-vouchers-where { position: absolute; left: 12px; height: 20px; display: block; background-position: left top; }

a#gift-vouchers-buy span, a#gift-vouchers-find span, a#gift-vouchers-where span { display: none; }

a#gift-vouchers-buy { top: 31px; width: 80px; background-image: url(../../images/mta/buy-now.png); }

a#gift-vouchers-find { top: 54px; width: 123px; background-image: url(../../images/mta/find-a-stockist.png); }

a#gift-vouchers-where { top: 77px; width: 94px; background-image: url(../../images/mta/where-to-use.png); }

a#gift-vouchers-buy:hover, a#gift-vouchers-find:hover, a#gift-vouchers-where:hover { background-position: right top; }

div#find-member { position: absolute; right: 11px; top: 123px; z-index: 203; width: 184px; }

div#find-member-content { background-image: url(../../images/mta/find-a-member-background.png); background-position: left top; height: 50px; }

div#find-member-content a#find-member-link { background-image: url(../../images/mta/find-a-member-link.png); position: absolute; top: 10px; left: 10px; width: 157px; height: 34px; }

div#find-member-content a#find-member-link:hover { background-position: center top; }


div#find-member-content a#find-member-link span { display: none; }

div#find-member #find-member-form { background-image: url(../../images/mta/find-a-member-background.png); background-position: left bottom; background-repeat: no-repeat; overflow: hidden; height: 15px; width: 177px; position: absolute; top: 50px; }

div#find-member #find-member-form form { background-image: url(../../images/mta/find-a-member-text.png); background-repeat: no-repeat; height: 105px; position: absolute; width: 174px; bottom: 12px; }

div#find-member #find-member-form label span { display: none; }

div#find-member select#member-service, div#find-member input#member-keyword, div#find-member input#member-keyword-utility, div#find-member input#member-search, div#find-member label#member-service-label, div#find-member label#member-keyword-label { position: absolute; left: 8px; }

div#find-member label#member-service-label { top: 0; width: 80px; display: block; height: 15px; }

div#find-member select#member-service { top: 15px; width: 135px; }

div#find-member label#member-keyword-label { top: 42px; width: 132px; display: block; height: 15px; }

div#find-member input#member-keyword, div#find-member input#member-keyword-utility { top: 58px; border: 1px solid #ccc; width: 157px; }

div#find-member input#member-search { left: 92px; top: 80px; }

div#find-member input#member-search:hover { background-position: left bottom; }

div#find-member input#member-search { background: transparent url(../../images/mta/search.gif) no-repeat scroll right bottom; border: medium none; color: #fff; cursor: pointer; font-family: verdana,arial,sans-serif; height: 20px; margin: 0; padding: 1px 0; width: 75px; }

div#main-content { z-index: 1; }

div#main-content-column { width: 540px; float: left; margin: 15px 0 20px; }

body#news-landing div#main-content-column { width: 100%; }

div#news-landing-news-column { }

div#news-landing-middle-column div.news-article-landing { padding: 0 8px; }

div#news-landing-news-column h3.sifr-white { background-color: #00aeef; color: #ffffff; font-size: 12px; padding: 2px 8px 0; }

div#news-landing-news-column h3.sifr-white a { color: #ffffff; }

div#news-landing-news-column h3.sifr-white a:hover { color: #999999; }

div#breadCrumbs { font-size: 9px; color: #999; padding-bottom: 8px; }

div#main-content div.left-column, div#main-content div.right-column { width: 264px; margin-bottom: 10px; }

div#main-content div.left-column { float: left; }

div#main-content div.right-column { float: right; }

div.intro-text, div.intro-text-no-line { margin-bottom: 15px; font-size: 13px; color: #000; }

div.intro-text { border-bottom: 1px solid #ccc; }

div.landing-article, div.landing-article-image { margin-bottom: 10px; }

div.landing-article { padding-bottom: 0; border-bottom: 1px solid #ccc; margin-bottom: 8px; }

div#intro-column { width: 269px; float: left; padding: 0 3px; margin-top: 15px; }

div#news-column { width: 250px; float: left; margin: 15px 16px 0; }

div#news-column h2.news-and-events { margin: 0; padding: 0; background-image: url(../../images/mta/news-and-events.gif); background-repeat: no-repeat; height: 15px; width: 250px; }

.guild div#news-column h2.news-and-events { background-image: url(../../images/mta/news-and-events-guild.gif); }

div#news-column h2.news-and-events a { display: block; height: 15px; width: 250px; }

div#news-items-wrapper { /* background-image: url(../../images/mta/background-news.gif); */ margin-bottom: 10px; }

div#news-column div.news-item-wide, div.news-item-left, div.news-item-right { border-top: 7px solid #fff; }

div.news-item-left, div.news-item-right { width: 122px; overflow: hidden; }

div.news-item-left { float: left; }

div.news-item-right { float: right; }

div#news-column div.news-item-wide h2, div#news-column div.news-item-left h2, div#news-column div.news-item-right h2 { color: #fff; font-size: 13px; padding: 5px; margin: 0; }

div#news-column div.news-item-wide h2, div#news-column div.news-item-left h2 { background-color: #00A890; }

.guild div#news-column div.news-item-wide h2, .guild div#news-column div.news-item-left h2 { background-color: #cd963b; }

div#news-column div.news-item-right h2 { background-color: #00AEEF; }

div.news-item-content { background-image: url(../../images/mta/shading.gif); background-repeat: no-repeat; padding: 7px 5px 1px; background-color: #e1e1e1; }

div.news-item-content h3 { font-size: 15px; margin: 0 0 3px; padding: 3px 0 0; font-size: 11px; }

div.news-item-content p { margin-bottom: 7px; }

div#rss-news { }

div#rss-news div.rss-item { border-bottom: 1px solid #dddddd; margin: 0 0 15px 0; }

div#rss-news div.rss-item h4 { color: #999999; margin: 0 0 3px 0; }

/****************************************/
/**** News and eventsImage Gallery *****/
/**************************************/

div.gallery-wrapper { width: 264px; overflow: hidden; /*height: 217px;*/ /*height: 233px;*/ background-image: url(../../images/mta/gallery-shadow.gif); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 16px; }

div.gallery-navigation-wrapper { /*width: 264px;*/ width: 232px; height: 52px; overflow: hidden; position: relative; padding: 0 16px; background-color: #ffffff; display: none; }

div.gallery-main-image-wrapper { height: 165px; overflow: hidden; }

div.gallery-image-thumbs { position: relative; height: 52px; left: 0; }

div.gallery-thumb-item { float: left; cursor: pointer; width: 58px; height: 52px; overflow: hidden; position: relative; z-index: 1; }

div.gallery-thumb-item a.image-thumb-anchor { display: block; position: absolute; height: 52px; width: 58px; z-index: 2; background-color: #333; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }

div.gallery-thumb-item a.image-thumb-anchor:hover { background-color: #333; filter: alpha(opacity=1); -moz-opacity: .01; opacity: .01; }

div.gallery-image-thumbs img { display: block; z-index: 1; position: absolute; }

div.gallery-wrapper div.gallery-btn-previous, div.gallery-wrapper div.gallery-btn-next { height: 52px; width: 16px; position: absolute; z-index: 300; overflow: hidden; cursor: pointer; background-repeat: no-repeat; }

div.gallery-wrapper div.gallery-btn-previous { left: 0; background-image: url(../../images/mta/gallery-left.gif); }

div.gallery-wrapper div.gallery-btn-next { background-image: url(../../images/mta/gallery-right.gif); right: 0; }

div#additional-column { float: right; width: 200px; margin-top: 15px; }

div#additional-column-links-wrapper h2 { background-image: url(../../images/mta/sponsored-links.gif); height: 16px; width: 102px; padding: 0; margin: 0 0 8px; }

div#additional-column-links { height: 150px; }

div#additional-column-links a { display: block; margin-bottom: 7px; }

div#additional-column-partners { height: 95px; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 10px; }

div#additional-column-partners h2 { background-image: url(../../images/mta/mta-business-partners.gif); height: 16px; width: 145px; padding: 0; margin: 0 0 5px; }

div#additional-column-partners-logos * { vertical-align: middle; }

div#additional-column-partners a { vertical-align: middle; }

div#additional-column-gift-card-validation { position: relative; border: 2px solid #E4E4E4; border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-style: solid; color: #666666; display: block; font-size: 12px; margin: 0 auto 20px; width: 196px; behavior: url(/PIE.htc); }

div#additional-column-gift-card-validation h2 { margin: 5px auto 10px; padding: 0; text-align: center; }

div#additional-column-gift-card-validation label { margin: 5px 15px; }

div#additional-column-gift-card-validation input { position: relative; background: none repeat scroll 0 0 #E3F4FD; border: 1px solid #ADD8E6; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #666666; display: block; behavior: url(/PIE.htc); }

div#additional-column-gift-card-validation input.textbox { height: 20px; margin: 5px auto; padding: 0 5px; width: 80%; }

div#additional-column-gift-card-validation div.buttonContainer { margin: 12px 0; display: block;}

div#additional-column-gift-card-validation input.button { margin: 0 0 0 13px; background-color: transparent; background-repeat: no-repeat; border: 0 none; cursor: pointer; height: 21px; padding: 0; background-image: url(../../images/mta/button-submit.gif); background-position: left top; width: 73px; }

div#additional-column-gift-card-validation input.button:hover { background-position: left bottom; }

div#additional-column-gift-card-validation div#validationResponse { }

div#additional-column-gift-card-validation div#validationResponse p { padding: 0 5px 0px 15px; }

div#additional-column-gift-card-validation div#validationResponse p.success { }

div#additional-column-gift-card-validation div#validationResponse p.error { }

div#page-footer { background-image: url(../../images/mta/background-footer.gif); background-repeat: no-repeat; padding: 20px 10px; position: relative; min-height: 100px; }

div#page-footer h2 { background-image: url(../../images/mta/mta-associated-partners.gif); background-repeat: no-repeat; width: 200px; height: 16px; margin: 0 0 8px; }

div#associates { position: absolute; top: 45px; left: 10px; }

div#associates * { vertical-align: middle; }

div#associates a { margin-right: 20px; }

div#footer-logo { position: absolute; top: 20px; right: 5px; }

/**********************************************/
/* Contact Us / Form Element Template Styling */
/**********************************************/

.formWarning { color: #f00; }

div.form-wrapper { margin: 10px 0; }

div.form-wrapper form div.question { margin: 0 0 18px 0; }

div.form-wrapper form div.question p { margin: 0 0 5px 0; line-height: 1.2em; vertical-align: middle; }

div.form-wrapper form div.question span { vertical-align: middle; }

div.form-wrapper form div.question hr { height: 1px; border: none; border-top: solid 1px #cccccc; }

div.form-wrapper form input, div.form-wrapper form select, div.form-wrapper form input.textbox, div.form-wrapper form input.numberfield, div.form-wrapper form input.fileUpload, div.form-wrapper form textarea { font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 11px; color: #333; margin: 0; padding: 2px; }

div.form-wrapper form input.textbox-readonly { color: #999; }

div.form-wrapper form input { width: auto; border: none; overflow: hidden; padding: 0; vertical-align: middle; }

div.form-wrapper form div.timefield select, div.form-wrapper form div.datefield select { width: 57px; }

div.form-wrapper form select { width: 100%; line-height: 1.2em; height: auto; overflow: hidden; vertical-align: middle; border: solid 1px #999; background-color: #f5f5f5; }

div.form-wrapper form input.textbox, div.form-wrapper form input.numberfield, div.form-wrapper form input.fileUpload { width: 98%; overflow: hidden; border: solid 1px #999; background-color: #f5f5f5; }

div.form-wrapper form textarea { width: 98%; height: 60px; border: solid 1px #999; overflow: auto; background-color: #f5f5f5; }

div.form-wrapper form select.multipleSelect { height: auto; border: inset 2px #dddddd; }

div.form-wrapper form table.radioBlockSubQuestions { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0; padding: 0; }

div.form-wrapper form table.radioBlockSubQuestions tr td.subQuestion { width: 30%; }

div.form-wrapper input.formButton { background-color: transparent; background-repeat: no-repeat; border: 0 none; color: #0088CE; cursor: pointer; height: 21px; margin-right: 5px; padding: 0; background-image: url(../../images/mta/button-submit.gif); background-position: left top; width: 73px; float: right; }

div.form-wrapper input.formButton:hover { background-position: left bottom; }

/*****************************/
/* Site Map Template Styling */
/*****************************/

div#siteMap ul { list-style-type: none; margin: 0; padding: 0; color: #00aeef; }

div#siteMap ul li { font-weight: bold; margin: 0 0 0 0; padding: 8px 0 0 0; line-height: 1.3em; }

div#siteMap ul li ul { list-style-type: none; margin: 0 0 0 1.6em; padding: 0; }

div#siteMap ul li ul li { font-weight: normal; margin: 0 0 0 0; line-height: 1.2em; color: #666666; }

div#siteMap ul li ul li ul { }

div#siteMap ul li ul li ul li { font-style: italic; }

div#siteMap ul li ul.projects { margin: 0.8em 0 1.8em 1em; padding: 0; }

div#siteMap ul li ul.projects li { font-style: normal; font-weight: bold; border-top: solid 1px #cccccc; padding: 0.5em 0 0 0; margin: 0 0 0.5em 0; }

div#siteMap ul li ul.projects li ul li { border: none; font-style: normal; font-weight: normal; padding: 0; }

div#siteMap ul li ul li a:link, div#siteMap ul li ul li a:visited, div#siteMap ul li ul li a:active { color: #666666; }

div#siteMap ul li ul li a:hover { color: #00aeef; }

/*****************************/
/* Pagination */
/*****************************/

div.pagination, div.bulletin-pagination { text-align: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; margin: 5px 0 5px; height: 13px; overflow: hidden; }

div.pagination-compact { border-top: 1px solid #ccc; text-align: right; padding: 4px 0 0; margin: -5px 0 -5px; }

div.bulletin-pagination { height: 16px; padding: 8px 0 4px; }

/*****************************/
/* Vehicle Recall            */
/*****************************/

div.vehicle-recall { border-bottom: 1px solid #CCCCCC; margin: 0 0 7px; padding: 3px 0 10px; }

div.vehicle-recall p.publish-date { margin: -10px 0 0; }

div.vehicle-recall p.publish-date-no-text { margin: 0 0 0; }

/*****************************/
/* News Article              */
/*****************************/

div.news-article, div.news-article-image { border-top: 1px solid #CCCCCC; margin: 10px 0 0 0; padding: 10px 0 7px; }

div.news-article-landing { margin: 0 0 15px; padding: 0; }

div.news-article-landing h3 { font-size: 11px; line-height: 16px; }


div.news-article p.publish-date, div.news-article-image p.publish-date, div.news-article-landing p.publish-date { margin: -10px 0 0; }

div.news-article p.publish-date-no-text, div.news-article-image p.publish-date-no-text, div.news-article-landing p.publish-date-no-text { margin: 0 0 0; }

div.news-article-image img { float: left; }

div.news-article-image div.news-item-content { background-color: Transparent; background-image: none; float: left; width: 400px; padding: 0 0 0 10px; }

div#news-landing-left-column, div#news-landing-middle-column, div#news-landing-right-column { float: left; }

div#news-landing-left-column { width: 240px; }

div#news-landing-middle-column { width: 264px; margin: 0 15px; overflow: hidden; background-color: #e1e1e1; }

div#news-landing-middle-column div.news-article { padding: 0 15px; border: none; margin: 0 0 10px 0; }

div#news-landing-middle-column div.news-article h3 { }

div#news-landing-right-column { /*width: 240px;*/ width: 220px; overflow: hidden; }

div.article-back-link-top { border-bottom: 1px solid #CCCCCC; margin-bottom: 13px; margin-top: -8px; padding-bottom: 7px; }

div.article-back-link { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 6px 0 7px; margin-bottom: 7px; }

div.article-back-link a, div.article-back-link-top a { color: #999; }

div.article-back-link a:hover, div.article-back-link-top a:hover { color: #00AEEF; }

div.event, div.training-course, div.job-position { border-top: 1px solid #CCCCCC; margin: 10px 0 0; padding: 10px 0 0; }

div#training-wrapper { padding-bottom: 10px; }

div#training-wrapper table tbody tr.highlight:hover { background: #ADD8E6; }

div#training-wrapper table tbody tr.highlight { cursor: pointer; }

p.publish-date { margin-bottom: 4px; font-size: 9px; }

ul.formWarning { list-style-type: none; margin-left: 0; padding-left: 0; }

ul.formWarning li, p.formWarning { color: #f00; margin-left: 0; padding-left: 0; }

div.poll-wrapper { background-image: url(../../images/mta/poll-header.gif); background-color: #e1e1e1; background-repeat: no-repeat; width: 200px; padding: 30px 0 5px; margin-bottom: 15px; text-align: right; }

div.poll-wrapper h4 { display: none; }

div.poll-question { padding: 8px 5px 8px; text-align: left; }

ul.poll-options { margin: 0 0 10px; padding: 0; text-align: left; }

ul.poll-options li { list-style: none none outside; margin: 0; border-bottom: 1px solid #ccc; padding: 4px 5px; }

div.poll-result { background-color: #00AEEF; height: 7px; margin: 5px 0; }

.sIFR-active h2.sifr-blue, .sIFR-active h2.sifr-blue-narrow { background: #e1e1e1 url(../../images/mta/background-table-shop.gif) repeat-x left top; padding: 5px 5px 10px; overflow: hidden; width: 530px; }

h2.sifr-blue { width: 530px; }

h2.sifr-blue-narrow { width: 300px; }

h2.sifr-grey, h3.sifr-grey { color: #666; }

#button-vote, #button-result, #button-checkout, #button-new-order, #button-purchase, #button-change, #button-retry, #button-search, #button-submit, #button-add-employee, #button-delete-employee, #button-restore-employee, #button-search-narrow, #button-buy, #button-unsubscribe { border: 0 none; cursor: pointer; height: 21px; margin-right: 5px; padding: 0; }

#button-vote:hover, #button-result:hover, #button-checkout:hover, #button-new-order:hover, #button-purchase:hover, #button-change:hover, #button-retry:hover, #button-search:hover, #button-submit:hover, #button-add-employee:hover, #button-delete-employee:hover, #button-restore-employee:hover, #button-search-narrow:hover, #button-buy:hover, #button-unsubscribe:hover { background-position: right top; }

#button-vote { background: transparent url(../../images/mta/button-vote.gif) no-repeat left top; width: 65px; }

#button-result { background: transparent url(../../images/mta/button-results.gif) no-repeat left top; width: 75px; }

#button-checkout { background: transparent url(../../images/mta/button-checkout.gif) no-repeat left top; width: 82px; }

#button-purchase { background: transparent url(../../images/mta/button-purchase.gif) no-repeat left top; width: 80px; }

#button-change { background: transparent url(../../images/mta/button-change.gif) no-repeat left top; width: 75px; }

#button-new-order { background: transparent url(../../images/mta/button-new-order.gif) no-repeat left top; width: 90px; }

#button-retry { background: transparent url(../../images/mta/button-retry.gif) no-repeat left top; width: 65px; }

#button-search { background: transparent url(../../images/mta/button-search.gif) no-repeat left top; width: 70px; }

#button-submit { background: transparent url(../../images/mta/button-submit2.gif) no-repeat left top; width: 70px; }

#button-add-employee { background: transparent url(../../images/mta/button-add-employee.gif) no-repeat left top; width: 110px; }

#button-delete-employee { background: transparent url(../../images/mta/button-delete-employee.gif) no-repeat left top; width: 125px; }

#button-restore-employee { background: transparent url(../../images/mta/button-restore-employee.gif) no-repeat left top; width: 125px; }

#button-search-narrow { background: transparent url(../../images/mta/bannersearch.gif) no-repeat left top; width: 20px; }

#button-buy { background: transparent url(../../images/mta/button-buy.gif) no-repeat left top; width: 79px; }

#button-unsubscribe { background: transparent url(../../images/mta/button-unsubscribe.gif) no-repeat left top; width: 96px; }

table#store-order, table#store-details, table#store-payment { background-color: #e1e1e1; table-layout: fixed; }

table#store-order th, table#store-details th, table#store-payment th { background-color: Transparent; border-bottom: 0; padding-bottom: 5px; }

table#store-order td, table#store-details td, table#store-payment td { border-bottom: 1px solid #cacaca; }

table#store-order td input.textbox, table#store-details td input.textbox, table#store-details td textarea, table#store-payment td input.textbox, tr.product td textarea { padding: 2px; background-color: #fff; border: 1px solid #999; }

table#store-details td input.textbox, table#store-payment td input.textbox { width: 300px; }

table#store-details td textarea, tr.product td textarea { width: 300px; color: #333; font-size: 11px; font-family: Verdana,Arial,Sans-Serif; }

tr.product td textarea { width: 265px; }

table#store-order th { color: #333; }

table#store-order th.item { width: 150px; }
table#store-order th.cost { width: 70px; }
table#store-order th.quantity { width: 160px; }
table#store-order th.total { width: 117px; }

table#store-details td.store-heading { width: 200px; }
table#store-details td.store-input { width: 318px; }

table#store-payment td.store-heading { width: 200px; }
table#store-payment td.store-input { width: 318px; }
table#store-order td input.product-sum { background-color: #e1e1e1; }

p.error, div.error, span.error, p.loginError, span.required { color:#f00; }

div.gallery-image-holder { float: left; margin: 3px 2px 10px; background-color: #E1E1E1; width: 130px; overflow: hidden; }

div.gallery-image { }

div.gallery-image-label { background-color: #E1E1E1; background-image: url(../../images/mta/shading.gif); background-repeat: no-repeat; padding: 7px 5px 6px; min-height: 12px; }

#lightbox, #lightbox-overlay { position: absolute; top: 0; left: 0; bottom: auto; right: auto; z-index: 600; width: 100%; height: auto; text-align: center; color: #333333; /* stop stupid conflicts */ margin: 0; padding: 0; border: none; outline: none; line-height: 0; /* general conflict stopper */ text-decoration: none; background: none; word-spacing: normal; letter-spacing: normal; float: none; clear: none; display: block; }

#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover { color: #00AEEF; text-decoration: none; }

#lightbox a:hover { text-decoration: underline; }

#lightbox-overlay { z-index: 590; background-color: #000000; height: 100%; position: fixed; }

#lightbox-overlay-text { text-align: right; margin-right: 20px; margin-top: 20px; color: white; font-size: 12px; cursor: default; line-height: normal; display: none; }

#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link { color: white; }

#lightbox-overlay-text span { padding-left: 5px; padding-right: 5px; }

#lightbox img, #lightbox a img, #lightbox a { border: none; outline: none; }

#lightbox-imageBox { position: relative; border: 1px solid black; background-color: white; width: 400px; height: 400px; margin: 0 auto; }

#lightbox-imageContainer { padding: 1px; }

#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; width: 49%; height: 100%; background: transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */ zoom: 1; padding: 0; margin: 0; }

#lightbox-nav-btnPrev { left: 0; right: auto; float: left; }

#lightbox-nav-btnNext { left: auto; right: 0; float: right; }

#lightbox-infoBox { font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; padding: 0; }

#lightbox-infoContainer { padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; color: #666; line-height: normal; }

#lightbox-infoHeader { width: 100%; text-align: center; }

#lightbox-caption { text-align: justify; }

#lightbox-caption-title { font-weight: bold; }

#lightbox-caption-description { font-weight: normal; }

#lightbox-infoFooter { margin-top: 3px; color: #999999; }

#lightbox-currentNumber { display: block; width: 49%; float: left; text-align: left; }

#lightbox-close { display: block; width: 45%; float: right; text-align: right; }

#lightbox-close-button { padding-left: 30%; }

#lightbox-close-button:hover { color: #666666; }

#lightbox-infoContainer-clear { clear: both; visibility: hidden; }

div.member-index-left-column, div.member-index-right-column { width: 265px; overflow: hidden; background-color: #dedede; }

div.member-index-left-column { float: left; }

div.member-index-right-column { float: right; }

div.member-index-left-column div#find-member-wrapper { padding: 0 10px 10px; }

div.member-index-left-column h4, div.member-index-right-column h4 { color: #333; }

div.member-index-right-column table tr td { border: 0; padding: 2px; }

div.member-index-right-column table { margin: 0 10px 10px; width: 245px; }

div.member-index-left-column select, div.member-index-right-column select { font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #333; width: 100%; padding: 2px 0; border: 1px solid #999; }

div.member-index-left-column input.textbox, div.member-index-right-column input.textbox { font-family: verdana, arial, sans-serif; font-weight: normal; font-size: 11px; color: #333; margin: 0; padding: 2px; border: 1px solid #999; width: 98%; }

div.member-index-left-column input#button-search, div.member-index-right-column input#button-search { float: right; margin-right: 0px; clear: both; }


ul.member-search-category, ul.member-search-location { list-style: none none inside; margin: 0 9px 0 0; padding: 0; float: left; width: 170px; }

ul.member-search-category li, ul.member-search-location li { margin: 4px 0; padding: 0; }

div.member-search-result { margin-top: 5px; border-top: 1px solid #ccc; padding-top: 5px; margin-bottom: 10px; }

div.member-search-result-first { margin-top: 0px; border-top: 0px solid #ccc; padding-top: 0px; margin-bottom: 10px; }

div.member-search-refine-location, div.member-search-refine-category { border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 8px; }

div.member-search-result-address, div.member-search-result-telephone, div.member-search-result-email, div.member-search-result-website { margin: 3px 0; }

div#map-description { margin-top: 3px; font-style: italic; }

div.member-search-result-details { margin: 5px 0; }

div#map { margin-top: 5px; height: 300px; border: 1px solid #ccc; }

div.find-a-member-pagination-text { float: left; text-align: left; width: 240px; }

div.find-a-member-pagination-pages { float: right; text-align: right; }

div.find-a-member-pagination-button { float: right; text-align: right; margin: -4px 0 0 10px; }


/***********************/
/* Training Calender   */
/***********************/

div#calendar-wrapper { position: relative; }

div#calendar-wrapper table { border-collapse: collapse; background-color: #e1e1e1; }

div#calendar-wrapper table th { color: #333333; text-align: left; vertical-align: top; padding: 5px; }

div#calendar-wrapper table td { padding: 0; color: #666666; text-align: left; vertical-align: middle; padding: 5px; border-bottom: 1px solid #b4b4b4; }

div#calendar-wrapper table td a { color: #666666; }

div#calendar-wrapper table th#calendar-heading { background-image: url(../../images/mta/calendar-heading-bg.jpg); background-repeat: repeat-x; height: 25px; color: #000000; text-align: center; padding: 0; vertical-align: middle; border: none; background-color: #ffffff; }

div#calendar-wrapper table .leftColumn { width: 45px; }

div#calendar-wrapper table .middleColumn { border-right: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; }



div#calendar-wrapper table th.calendar-highlight { background-color: #c7c7c7; padding: 5px; background-image: url(../../images/mta/calendar-shadow.jpg); background-repeat: repeat-x; background-position: top left; font-size: 12px; border-right: 0px solid #b4b4b4; border-left: 0px solid #b4b4b4; }



div#calendar-wrapper table tr.calenderItem td, div#calendar-wrapper table tr.calenderItem td a { cursor: pointer; font-size: 0.9em; text-decoration: none; }

div#calendar-wrapper table tr.calenderItem.Red { background-color: #FF8C8C; }

div#calendar-wrapper table tr.calenderItem.Green { background-color: #70FF70; }

div#calendar-wrapper table tr.calenderItem.Blue { background-color: #A3A0FF; }

div#calendar-wrapper table tr.calenderItem.Orange { background-color: #FF984F; }

div#calendar-wrapper table tr.calenderItem.Yellow { background-color: #F4FF82; }

div#calendar-wrapper table tr.calenderItem.Grey { }

span.calenderItemStatus { display: block; margin-top: 3px; font-weight: bold; }

a#calender-btn-left, a#calender-btn-right { width: 16px; height: 24px; cursor: pointer; position: absolute; top: 0; background-repeat: no-repeat; display: block; }

a#calender-btn-left { left: 0; background-image: url(../../images/mta/calendar-btn-left.jpg); }

a#calender-btn-right { right: 0; background-image: url(../../images/mta/calendar-btn-right.jpg); }

div#calendar-nav a.previousLink { float: left; display: block; text-align: left; }

div#calendar-nav a.nextLink { float: right; display: block; text-align: right; }

/***********************/
/* MTA Search Page      */
/***********************/

div#search-input { }

form#search-form { margin: 0 0 15px 0; }

form#search-form input.textBox { border: 1px solid #cccccc; width: 350px; padding: 3px; color: #333333; font-size: 11px; }

div.search-header { margin-top: 10px; }

div#search-input h3.search-header { border-bottom: 1px solid #cccccc; padding: 0 0 10px 0; margin: 0 0 10px 0; color: #333333; }

p.search-header { border-bottom: 1px solid #cccccc; padding: 0 0 10px 0; margin: 10px 0; font-weight: bold; }

p.info-search-header { border-bottom: 1px solid #cccccc; padding: 0 0 10px 0; margin: 10px 0; font-style: italic; }

div#searchResults h2 { color: #333333; padding: 0; margin: 0; border-bottom: 1px solid #cccccc; padding: 0; margin: 0 0 6px 0; }

div#refineSearch { border-bottom: 1px solid #cccccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }

div#refineSearch h3 { color: #333333; margin: 0 0 8px 0; padding: 0; }

ul#refineSearch-list { margin: -6px 0 0; padding: 0; list-style-type: none; }

ul#refineSearch-list li.clearLeft { clear: left; }

ul#refineSearch-list li { margin: 0 0 3px 0; padding: 0; width: 130px; float: left; }

div#search-input ul.searchResults { list-style-type: none; margin: 0; padding: 0; }

div#search-input ul.searchResults li { margin: 6px 0 6px 0; padding: 0; border-bottom: 1px solid #cccccc; }

div#search-input ul.searchResults li h4 { margin: 0 0 5px 0; font-size: 14px; }

div#search-input ul.searchResults li p { margin: 0 0 10px 0; }

div#search-input div.pagination { border: none; margin: 0 0 6px; padding: 0 0 6px; border-bottom: 1px solid #cccccc; }

/***********************/
/* Bulletin Board      */
/***********************/


/** general ***/

div.bulletin-articles { margin: 0; }

div.bulletin-article, div.bulletin-article-first { margin: 0 0 5px 0; padding: 5px 0; }

div.bulletin-article { border-top: 1px solid #CCCCCC; }

div.bulletin-article-first h3, div.bulletin-article h3 { margin: 0 0 5px 0; }

h3.bulletin-heading { background: #e1e1e1 url(../../images/mta/background-table-shop.gif) repeat-x left top; padding: 10px 0 20px 10px; overflow: hidden; }

div.bulletin-controlbar, div.bulletin-controlbar-button { padding: 3px 0; color: #666666; margin: 0; position: relative; top: 0; left: 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-bottom: 10px; }

div.bulletin-controlbar-button { padding: 7px 0; }

span.controlbar-button { position: absolute; right: 0; top: 3px; }

/* topic search box */

div#marketplace-box { background-color: #e1e1e1; padding: 10px; }

div#marketplace-box h4 { color: #333333; margin: 0 0 7px; padding: 0; }

form#topic-search-form div#marketplace-box input { width: 242px; border: 1px solid #999999; padding: 2px 3px; float: left; }

form#topic-search-form div#marketplace-box #button-submit { width: 70px; border: 0; float: right; margin: 0; }


form#topic-search-form { margin: 0 0 10px 0; }

div#topic-search { background-color: #e1e1e1; }

div#topic-reply-box h4 { color: #333333; margin: 0; padding: 0; }

div#topic-reply-box td.topic-search-category-select-technical h4 { margin: 0 0 5px 0; }

div#topic-search-category-select { width: 250px; float: left; }

form#topic-search-form div#topic-reply-box select { width: 220px; padding: 2px 0; border: 1px solid #999999; margin-bottom: 10px; }

div#topic-search-keyword { width: 250px; float: right; }

form#topic-search-form div#topic-reply-box input { width: 242px; border: 1px solid #999999; padding: 2px 3px; }

form#topic-search-form select, form#topic-search-form input { font-size: 11px; font-family: Verdana, Arial, Sans-Serif; }

form#topic-search-form div#topic-reply-box #button-submit { width: 70px; border: 0px; float: right; }

div#topic-subscription-box { background-color: #E1E1E1; margin: 0 0 10px; position: relative; }

div#topic-subscription-box table td { border: medium none; vertical-align: top; }

div.topic-subscription-input { padding-bottom: 5px; margin-bottom: 12px; border-bottom: 1px solid #CCCCCC; }

form#topic-subscription-form div#topic-subscription-box #button-submit { width: 70px; border: 0px; float: right; }

form#topic-subscription-form div#topic-subscription-box #button-unsubscribe { border: 0px; float: right; }

a#button-add-new-topic, a#button-post-reply, a#button-add-new-item { display: block; border: 0 none; cursor: pointer; height: 21px; padding: 0; width: 82px; }

a#button-add-new-topic { width: 82px; background: transparent url(../../images/mta/button-add-topic.gif) no-repeat left top; }

a#button-add-new-item { width: 82px; background: transparent url(../../images/mta/button-add-item.gif) no-repeat left top; }

a#button-post-reply { width: 88px; background: transparent url(../../images/mta/button-post-reply.gif) no-repeat left top; }

a#button-add-new-topic:hover, a#button-post-reply:hover, a#button-add-new-item:hover { background-position: right top; }

a#button-add-new-topic span, a#button-post-reply span, a#button-add-new-item span { display: none; }

div.topicInfo h4 { margin: 10px 0; font-size: 16px; color: #888888; }

div.topicInfo { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0; margin: 10px 0 0 0; }

div.topicInfo div.topicInfoText { color: #888888; padding: 0; float: left; }

/*** add new topic page ***/

div.topicInfo div.topicAddNew { color: #888888; display: block; float: right; width: 100px; float: right; text-align: right; }

div.topicInfo div.topicAddNew a { color: #888888; }

div#topic-add input, div#topic-add textarea { border: 1px solid #cccccc; padding: 3px; }

div#topic-add textarea { width: 332px; font-size: 11px; font-family: Verdana, Arial, Sans-Serif; color: #333; }

div#topic-add input.textbox { width: 343px; }

div#topic-add input#button-submit { border: 0; }

div#topic-add table td { vertical-align: top; }

div#formErrors { color: red; margin: 10px 0; }

/*** view Bulletin item page ***/

div#bulletin-item, div.bulletin-item-reply { margin: 0 0 10px 0; }

div#bulletin-item { background-color: #E1E1E1; padding-bottom: 5px; }

div.bulletin-item-reply { background-color: #f2f2f2; }

div#bulletin-item div.noBorder { border: none; }

div.bulletin-item-field, div.bulletin-item-field-content { padding: 3px 5px; border-top: 1px solid #cccccc; }

div.bulletin-item-field span.field-label { font-size: 11px; }

div.bulletin-item-field-content p { margin: 5px 0px; }

div#bulletin-item div.content p, div.bulletin-item-reply div.content p { margin: 0 0 10px 0; }

/* topic reply box */
form#topic-reply-form textarea { border: 1px solid #cccccc; padding: 3px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; }

form#topic-reply-form table tr td { position: relative; }

form#topic-reply-form input#button-submit { position: absolute; left: 345px; }

div#topic-add { background-color: #e1e1e1; }

div#topic-reply-box { background-color: #e1e1e1; margin: 0 0 10px 0; position: relative; }

div#topic-reply-box input.textbox { width: 332px; }

div#topic-reply-box select { width: 340px; border: 1px solid #cccccc; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 11px; color: #333; padding: 2px 0px; }

div#topic-reply-box table td { border: none; vertical-align: top; }

ul#member-edit { list-style: none none inside; margin: 0; padding: 0; }

ul#member-edit li { float: left; margin-left: 15px; margin-right: 15px; text-indent: -17px; width: 230px; }

ul#member-edit li label { cursor: pointer; }

table#member-profile-edit th.second-column { text-align: right; }

table#member-profile-edit td { width: 49%; }

span.business-description { font-style: italic; font-size: 10px; }

ul#used-vehicle-link-list { margin: 10px 10px; }

ul#used-vehicle-link-list li { padding: 3px 0 8px; margin: 0; list-style: none none inside; }

#used-vehicle-link-car, #used-vehicle-link-motorcycle, #used-vehicle-link-heavyvehicle { border: 0 none; cursor: pointer; height: 21px; padding: 0; display: block; }

#used-vehicle-link-car:hover, #used-vehicle-link-motorcycle:hover, #used-vehicle-link-heavyvehicle:hover { background-position: right top; }

#used-vehicle-link-car { background: transparent url(../../images/mta/button-find-a-car.gif) no-repeat left top; width: 142px; }

#used-vehicle-link-motorcycle { background: transparent url(../../images/mta/button-find-a-motorcycle.gif) no-repeat left top; width: 185px; }

#used-vehicle-link-heavyvehicle { background: transparent url(../../images/mta/button-find-a-heavy-vehicle.gif) no-repeat left top; width: 198px; }

#used-vehicle-link-car span, #used-vehicle-link-motorcycle span, #used-vehicle-link-heavyvehicle span { display: none; }

span.sold { color: #f33; }

div#focus ul { margin: 0 0 7px; padding: 0 0 7px; list-style: none none inside; border-bottom: 1px solid #ccc; }

div#focus ul.noborder { padding: 0 0 0px; border-bottom: 0px solid #ccc; }

div#focus ul li { margin: 0; padding: 3px 0 5px; line-height: 14px; }

div#focus ul li a { font-weight: bold; }

div.terms-and-conditions { margin: 0 10px 10px; padding: 10px 0; border-bottom: 1px dotted #999; font-style: italic; }

div#businessDescriptionLabel { margin-top: 7px; }

div.descriptionLabel { margin-top: 7px; }

div.media-player-wrapper { margin-bottom: 15px; }

.jobsearchBox { padding: 10px 20px 10px 10px; width: 510px; height: 350px; background-image: url(../../images/mta/background-seek.png); }
.jobsearchBoxLeft { float: left; }
.jobsearchBoxRight { float: right; }
.jobsearchFieldContainer { padding: 0px 5px 0; }
#jobsearch { font: normal 10px Verdana; margin: 0; }
#jobsearch label { font-weight: bold; display: block; margin-bottom: 3px; }
.jobsearchContent { padding: 5px 0; vertical-align: top; }
.jobsearchContent select, .jobsearchContent input { width: 215px; font: normal 10px Verdana; border: 1px solid #ccc; background-color: #f5f5f5; }
.jobsearchContent input { width: 210px; }
.jobsearchButton { clear: both; padding-top: 5px; margin: 5px; text-align: right; }