/* @override http://www.mobilefuture.org/includes/styles/ */ /* -------------------------------------------------- MOBILE FUTURE CSS DOCUMENT Author: Armono Wibowo for XHTMLSlicer Last Update: Feb, 2008 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - STRUCTURE -------------------------------------------------- */ /* 01 - GLOBAL BROWSER RESET */ html, body, div, img, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, label, input, select { margin: 0; padding: 0; } img, a img { border: none; outline: none; } /* 02 - COMMON STYLE */ body, body.interior { background: #7b806d url("/page/-/wrapper/img/bg.gif") top center repeat-x; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 62.5%; /* so I can use ems rather than pixels */ color: /*#535846*/ #000; } body.interior {background: #7b806d url("/page/-/wrapper/img/bg2.gif") top center repeat-x;} a {text-decoration: none; color: #fb3502;} a:hover {text-decoration: underline;} a:visited {text-decoration: none;} body.interior a {text-decoration: underline; color: #fb3502;} body.interior a:hover {text-decoration: none;} /* 03 - STRUCTURE */ #wrapper {margin: 0 auto; width: 940px;} /* TOP */ #topborder {background: url(/page/-/wrapper/img/bgcont_top.png) no-repeat bottom; height: 30px;} #top {background: url(/page/-/wrapper/img/bgcont_top2_fix.png) top repeat-y;} body.interior #top {height: auto;} #top .inner {padding: 0 20px;} #top .masthead {padding: 13px 0 0 18px; background: url(/page/-/wrapper/img/bg_header.jpg) top no-repeat; height: 88px; position: relative;} #top .masthead_ctia {padding: 13px 0 0 18px; background: url(/page/-/wrapper/img/header_ctia.jpg) top no-repeat; height: 88px; position: relative;} #top #logo {position: absolute; width: 320px; height: 80px;} #nav {margin: 0; padding: 0; background: url("/page/-/wrapper/img/navigation.gif") no-repeat; width: 900px; height: 38px;} /* change height to 37px and call these background files 'bgcontent_interior_top.png', 'bgcontent_home_a_top.png' */ /* body.interior #nav {background: url("/page/-/wrapper/img/navigation2.gif") no-repeat; height: 39px;} */ #nav span {display: none;} #nav ul {padding: 0; margin: 0; list-style: none;} #nav a {display: block;} #nav li, #nav a {height: 37px; display: block;} #nav li {float: left; list-style: none; display: inline;} /* Son of Suckerfish dropdowns: http://www.htmldog.com/articles/suckerfish/dropdowns/ */ #nav li ul {position: absolute; width: 10em; left: -9999em;} #nav li:hover ul, #nav li.sfhover ul {left: auto;} #nav li ul li, #nav li ul li a { background-image: none; height: auto; clear: both;} #nav li ul li a { width: 10em; height: auto; padding: .5em 1em; text-indent: 0; font-size: 1.1em; font-weight: bold; background: #969b89; line-height: 1.2em; z-index: 1100; border: 1px solid #fff; border-top: 0px; color: #fff; text-decoration: none; } #nav li ul li a:hover { background: #e0e3d7; color: #18978d; } .nav_home {width: 177px;} .nav_signup {width: 168px;} .nav_media {width: 141px;} .nav_blog {width: 80px;} .nav_mobileu {width: 130px;} .nav_about {width: 194px;} .nav_home a:hover, body.interior .nav_home a:hover {background: url("/page/-/wrapper/img/navigation.gif") 0px -45px no-repeat;} .nav_signup a:hover, body.interior .nav_moments a:hover {background: url("/page/-/wrapper/img/navigation.gif") -177px -45px no-repeat;} .nav_media a:hover, body.interior .nav_media a:hover {background: url("/page/-/wrapper/img/navigation.gif") -345px -45px no-repeat;} .nav_blog a:hover, body.interior .nav_blog a:hover {background: url("/page/-/wrapper/img/navigation.gif") -486px -45px no-repeat;} .nav_mobileu a:hover, body.interior .nav_partners a:hover {background: url("/page/-/wrapper/img/navigation.gif") -566px -45px no-repeat;} .nav_about a:hover, body.interior .nav_about a:hover {background: url("/page/-/wrapper/img/navigation.gif") -696px -45px no-repeat;} /* HOME TOP HALF (FEATURE TECH/MOBILE MOMENT) */ #homeFeature {clear: both; background: url(/page/-/wrapper/img/feature_mobilebkgd.jpg) right bottom no-repeat; margin-bottom: 0;} #homeFeature h3 {margin: 8px 0 0 px; font-size: 1.4em; font-weight: normal; line-height: 1.4em; color: #7b806d;} #homeFeature h3 a {color: #7b806d;} #homeFeature a img.submit {margin-top: 20px; margin-left: 50px; width: 220px;} #homeFeatureTech {float:left; width: 545px;} #homeFeatureTech span {margin: 25px 0 20px 35px; background: url("/page/-/wrapper/img/mobfut_spotlight_title.png") no-repeat; height: 33px; text-indent: -9000px; display: block;} #homeFeatureTech .slide {float: left; background: url("/page/-/wrapper/img/bgmoment.jpg") top center no-repeat; width: 542px; height: auto; overflow: hidden;} #homeFeatureTech .slide h3 {width: 270px; margin: 8px 5px 0 5px;} #homeFeatureTech.featuredbox p {font-size: 1.1em; font-weight: normal; line-height: 1.3em; color: #7b806d; margin-left: 5px; margin-top: 8px;} #homeFeatureTech .slide h2 {font-size: 1.5em;} .slide img.scroll, .slide img.scroll2 {float: left; padding: 85px 8px 0 12px;} .slide img.scroll2 {margin-left: 14px; padding: 85px 0 0 10px;} .slide .featuredlogo {float: left; width: 160px; margin-left: 45px;} .slide .featuredblurb {float: left; width: 280px; height: auto;} .slide .viewall, .viewall a {float: left; margin: 5px 82px; font-size: .9em; color: #007a6f;} #homeLatestTips {float: right; width: 315px; margin: 0px; padding-left: 15px;} #homeLatestTips h2 span {margin: 5px 0 10px -10px; background: url("/page/-/wrapper/img/title-latesttips-index.gif") no-repeat; height: 27px; text-indent: -9000px; display: block;} #homeLatestTips p { color: #454545; } #homeLatestTips p strong{ font-weight: bold; } #homeLatestTips p.dateline { margin: 0;} #homeLatestTips .entry { margin-bottom: 15px;} #homeLatestTips h3 a { color: #007c71;} #homeLatestTips .entry a { text-decoration: none;} #homeLatestTips h4 span {margin: 0 95px 5px 95px; background: url("/page/-/wrapper/img/button-viewmore.gif") no-repeat; height: 27px; width: 150px; text-indent: -9000px; display: block;} /* MIDDLE */ #middle {background: url("/page/-/wrapper/img/bgcont_mid1b_fix.png") top repeat-y;} body.interior #middle {background: url("/page/-/wrapper/img/bgcont_mid2.png") top repeat-y;} #middle .inner {padding: 0 20px; overflow: hidden;} #middle .sidecont {float: left; padding-left: 20px; width: 280px;} #middle .maincont { float: right; padding: 14px 0 0; width: 585px; } body.interior #middle .maincont ul { list-style-type: disc;} body.interior #middle .maincont {float: left; padding: 25px 30px; width: 630px;} body.interior #middle .sidecont {float: right; padding: 5px 0 0 12px; width: 198px;} .maincont .shortcut {margin-top: 6px; overflow: hidden; height: 1%;} .shortcut img {float: left; margin-left: 8px;} .shortcut img.firstrow {float: left; margin-left: 0;} body.interior .shortcut img {margin: 5px 0 0;} body.interior .shortcut img.firstrow {margin: 0;} /* SIDEBAR ----------------------------------------------- */ #sideButtons {margin-top: 5px;} #sideButtons div {margin-bottom: 5px;} /* The Blog Roll */ #sideBlogroll {margin-top: 5px; width: 183px;} #sideBlogroll .top {background: url(/page/-/wrapper/img/featured_blog_top.jpg) no-repeat; height: 43px;} #sideBlogroll .mid {background: url(/page/-/wrapper/img/featured_blog_mid.jpg) repeat-y;} #sideBlogroll .btm {background: url(/page/-/wrapper/img/featured_blog_btm.jpg) no-repeat; height: 16px;} #sideBlogroll ul {font-size: 1.3em; margin: 0 10px 0 15px; padding-top: 5px; padding-bottom: 5px; list-style: none;} #sideBlogroll li {margin-bottom: 7px;} #sideBlogroll li a {color: #FFFFFF; text-decoration: none;} #sideBlogroll li a:hover {text-decoration: underline;} #quick-signup { width: 175px; height: 95px; padding-top: 44px; background: url(/page/-/images/MobileU/bg-signup.png) no-repeat; margin-bottom: 10px; margin-top: 5px; padding-left: 10px; } #quick-signup input.sidebar-text { border: 1px solid #333; margin-left: 65px; padding: 3px; width: 90px; margin-bottom: 6px; } #quick-signup input.image { margin: -2px 40px 0; } #most-popular-tips { width: 193px; height: 203px; background: url(/page/-/images/MobileU/bg-populartips.png) no-repeat; padding: 42px 5px 0; color: #fff; margin-bottom: 6px; } #most-popular-tips ol { list-style-type: none; } #most-popular-tips #categorytabs li { display: inline; font: bold 1.15em 'Trebuchet MS', Verdana, Tahoma; margin: 0 10px 0 8px; } #most-popular-tips #categorytabs li a { text-decoration: none; color: #a7a7a7; font-weight: bold;} #most-popular-tips #categorytabs .selected { color: #fff;} #most-popular-tips .tabcontent ol { margin: 10px 25px 0; } #most-popular-tips .tabcontent li { height: 24px; font-size: 11px; margin-bottom: 9px; padding: 0; line-height: 12px;} #most-popular-tips .tabcontent li a { color: #fff; text-decoration: none;} #most-popular-tips .tabcontent li a:hover { text-decoration: underline;} /* HOME ----------------------------------------------- */ /* Home Blog Box */ #homeBlog {margin: 18px 0 0; padding: 10px 15px; width: 250px; background: #afb5a0; border: 1px solid #cacfbe;} #homeBlog h4.blog span {margin-left: 50px; margin-bottom: 10px; background: url("/page/-/wrapper/img/title_mfblog.gif") no-repeat; height: 21px; text-indent: -9000px; display: block;} /* .sub h4.events span {margin-left: 20px; background: url("/page/-/wrapper/img/title_mfevents.gif") no-repeat;} */ #homeBlog .entry {margin-bottom: 20px; height: auto;} #homeBlog .moreButton {text-align: right; margin-top: -6px; margin-bottom: 0;} #homeBlog p {margin: 0px 0 12px 0; font-size: 1.1em; line-height: 1.5em; color: #494e3e;} #homeBlog h3 {font-size: 1.3em; padding-right: 8px; color: #2e2e2d; margin-bottom: 8px;} #homeBlog h3 a {color: #00796E;} #homeBlog h3 a:hover {color: #00796E;} /* CONTENT ----------------------------------------------- */ .maincont {font-size: 1.2em; line-height: 1.6em;} .maincont h1 {margin: 0 0 12px 0; font-size: 1.8em; text-transform: uppercase; color: #1e9a90;} .maincont h1 a {color: #1e9a90;} .maincont h2 {margin: 4px 0 0; font-size: 1.4em; letter-spacing: 0.05em; text-transform: uppercase;} .maincont h2 a {color: #1e9a90; text-decoration: none;} .maincont h2 a:hover {text-decoration: underline;} .maincont h3 {margin: 2px 0 0; font-size: 1.3em; color: #969b89;} .maincont p {margin: 0 0 14px 0;} .maincont ul {margin: 0 0 0 10px; padding: 0; list-style: disc;} .maincont ul li {font-size: 1em; /*font-family: Arial, Helvetica, sans-serif;*/ padding: 8px 0 0; list-style: disc; margin-bottom: 5px;} .maincont blockquote {margin: 0 15px 15px 15px; padding: 12px 15px 0 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .maincont blockquote {font-size: 1em;} .maincont .mobileu {margin: 10px 0 0; font-size: 1.4em; letter-spacing: 0.05em; text-transform: uppercase; color: #1e9a90;} /* BLOG ----------------------------------------------- */ #blogTitle {position: relative;} #blogTitle h1 {margin-right: 35px; margin-bottom: 30px;} #blogTitle #rssIcon {position: absolute; right: 0px; top: 2px;} .maincont .entry {margin-bottom: 40px; padding-bottom: 1px;} .maincont .entry .title {margin-bottom: 0;} .maincont .entry .dateline {color: #888;} .maincont .entry .dateline span {font-weight: bold;} .maincont .entry .comments {padding: 5px 5px 5px 5px; background: #f8f8f8; font-family: verdana; font-weight: normal; text-transform: uppercase; font-size: .8em; vertical-align: center; margin: 1px -3px; border-bottom: 1px solid #ddd} .maincont .entry .comments p {width: 450px; float: left; margin: 2px 0 0 0; line-height: 16px;} /* comments & permalink */ .maincont .entry .comments p a {font-weight: normal; color: #1e9a90; text-decoration: none;} .maincont .entry .comments p a:hover {text-decoration: underline;} .maincont .entry .comments span {display: block; float: right; margin: 2px 0 0 0; padding-bottom: 0; height: 16px;} /* add this */ #content .blogentry {padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #999;} #content .blogentry h1 {margin-bottom: 0px;} #content .blogentry .socialize {margin-top: 20px;} #content .blogentry .socialize .tags {float: left; width: 300px; margin-top: 0;} #content .blogentry .socialize span.addthis {display: block; float: right; margin: 2px 0 0 0; padding-bottom: 0; height: 16px;} /* add this */ /* PRESS RELEASES ------------------------------ */ .resourceList {border-bottom: 1px solid #999; margin-bottom: 15px;} .resourceList p {margin: 8px 0;} .resourceList h3 {margin-bottom: 8px;} .resourceList h3 a {font-style: normal; text-decoration: none;} .resourceList h3 a:hover {text-decoration: underline;} .resourceListThumb {clear: both;} .resourceListThumb .resourceListThumbnail {float: left; width: 50px;} .resourceListThumb .resourceListText {float: right; width: 470px;} .resourceEvent {clear: both; height: 60px;} .eventDesc {float: right; width: 480px;} .eventDesc p {margin-top: 0;} .eventDate {width: 30px; margin-right: 10px; margin-left: 10px; text-align: center; position: absolute; border: 1px solid #ccc; margin-top: 3px; float: left;} #content .eventDate a {color: #000;} #clips {margin-top: 35px;} table#pressReleases {border-collapse: collapse; margin-bottom: 10px; width:100%;} table#pressReleases th {border-bottom: 1px solid #fff; background: #999; color: #fff; padding: 5px; letter-spacing: 1px; text-align: left;} table#pressReleases td {border-bottom: 1px solid #ccc; padding: 5px; vertical-align: top;} table#pressReleases td.odd {background: #fff;} table#pressReleases td.even {background: #f8f8f8;} table#pressReleases td.title {padding-right: 10px;} table#pressReleases td.date {white-space: nowrap; width: 70px;} /* COMMENTS ----------------------------------------------- */ #comments {margin: 30px 0;} .comment {font-size: 1em; margin: 0 10px 30px 10px; padding: 5px; background: #f8f8f8} .commentOdd {} .commentEven {} .commentNumber {border-bottom: 1px solid #999; padding: 3px; color: #EE2E24; text-align: right; margin-bottom: 0;} .commentNumber a {text-decoration: none;} .commentNumber a:hover {text-decoration: underline;} .commentInfo {border-top: 1px solid #999; padding: 3px; color: #666; margin-top: 0; font-size: .9em;} .commentText {margin-left: 3px; margin-right: 3px;} .commentText p {margin: 6px 0;} #commentPost {border-top: 1px solid #999; padding-top: 30px;} #commentPost td {padding: 0; margin: 0;} #commentPost form p {margin: 1px 0; padding: 3px 0;} #commentPost form em {} #commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; padding-top: 1px;} #commentPost form input.text {width: 420px;} #commentPost form textarea {width: 420px;} /* MOMENTS ----------------------------------------------- */ #momentSubmission form p {margin: 1px 0; padding: 3px 0;} #momentSubmission form em {color: #666;} #momentSubmission form input.text {width: 420px;} #momentSubmission form textarea {width: 420px;} #momentsBlock {margin: 30px 0;} .momentBox {width: 155px; float: left;} .momentBox .frame {margin: 0; padding: 7px; width: 119px; background: url("/page/-/wrapper/img/bgimgmoment.gif") no-repeat;} .momentBox .date {margin: 0px 0 0 6px; line-height: 1.4em; color: #535846;} .momentBox .author {font-size: 1em; color: #007a6f; line-height: 1.2em; margin: 0 0 1px 6px;} .momentBox .author span {font-size: 1.1em; color: #007a6f;} .momentBox .author a {color: #007a6f; text-decoration: none;} .momentBox .thumb {height: 119px; width: 119px;} .momentBox .rate {margin-bottom: 1px;} .momentBox .rate img.stars {float: left; margin-top: 4px;} .momentBox .rate img.rate {float: right; margin-top: 2px;} .momentBox .rate .star-rating {float: left; margin-top: 7px; margin-left: 0; margin-bottom: 15px;} #momentSingle {margin-left: 0;} #momentDetail {width: 310px; float: left;} #momentSingle .momentBox {width: 310px; float: left; margin-bottom: 0;} #momentSingle .momentBox .frame {float: left;} #momentSingle #momentSubmitter {float: right; width: 174px;} #momentSingle .momentBox .rate {margin-bottom: 1px;} #momentSingle .momentBox .rate img.stars {float: left; margin-top: 4px;} #momentSingle .momentBox .rate img.rate {float: right; margin-top: 2px;} #momentSingle .momentBox .rate .star-rating {float: left; margin-top: 7px; margin-left: 0; margin-bottom: 15px;} #momentSummary {margin-top: 0;} #momentRate {width: 300px; float: right; border: 1px solid #007a6f} #momentRate h2 {font-size: 1.1em; text-align: center; background: #007a6f; color: #fff; margin-top: 0; margin-bottom: 5px; border: 1px solid #fff; padding: 2px;} #momentRate form p {margin: 1px 0; padding: 3px 0; font-size: .95em;} #momentRate form em {} #momentRate form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; padding-top: 1px;} #momentRate form input.text {width: 180px; font-size: 11px;} #momentRate form textarea.text {width: 180px; font-size: 11px;} #momentRate form select {width: 180px; font-size: 11px;} #momentRatings {} #momentRatings .rating {margin: 10px 0 10px 0; padding: 5px 0 10px 0; border-bottom: 1px solid #ccc;} #momentRatings .star-rating {float: left; margin-top: 3px;} #momentRatings .ratingText {margin-left: 90px;} #momentRatings .ratingInfo {margin-left: 90px; line-height: 1em; color: #007a6f; font-size: .95em;} #momentRatings .ratingDate {margin-left: 90px; line-height: 1em; color: #535846; font-size: .95em;} .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{background: url(/page/-/wrapper/img/star.gif) left -1000px repeat-x;} .star-rating{ position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating li {display: inline;} .star-rating a, .star-rating .current-rating { position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus{background-position: left bottom;} .star-rating a.one-star {width:20%; z-index:6;} .star-rating a.two-stars {width:40%; z-index:5;} .star-rating a.three-stars {width:60%; z-index:4;} .star-rating a.four-stars {width:80%; z-index:3;} .star-rating a.five-stars {width:100%; z-index:2;} .star-rating .current-rating {z-index:1; background-position: left bottom; margin: 0; padding: 0;} /* smaller star */ .small-star {width:50px; height:10px;} .small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {background-image: url(/page/-/wrapper/img/star_small.gif); line-height: 10px; height: 10px;} /* BIO PROFILES */ #profile {margin: 5px;} #profile h1 {font-size: 2.4em;} #profile #pro_leftcol {width: 180px; float:left;} #profile #pro_rightcol {width: 400px; margin: 0px 10px 10px 30px; float: left;} #pro_leftcol #biophoto_container {height: 170px;} #pro_leftcol .bio_photo { border: 4px solid #FFFFFF; margin-left: 10px;} #pro_leftcol #myMM {height: 125px;} #pro_leftcol .moment {width: 50px; height: 50px; margin: 5px; float: left;} #pro_rightcol h1 {font-size: 1.6em;} #pro_rightcol p {line-height: 1.4em; text-indent: -6px;} #pro_rightcol #bio {margin-bottom: 20px;} /* BOARD SIDEBAR & COALITION LEADERSHIP */ .boardmem {width: 186px; height: 80px; margin-bottom: 5px;} .boardmem .picture {width: 60px; float: left;} .boardmem .title {width: 115px; margin-left: 7px; margin-top: .2em; font-size: 1.2em; line-height: 1.4em; float: left;} .boardmem .white {color: #FFFFFF;} .advisoryboard {width: 632px; margin: 15px auto; margin-bottom: 30px;} .advisoryboard .image {float: left; width: 30%;} .advisoryboard .profile {float: left; width: 70%;} /* COALITION OF THE WILLING*/ #ourcoalition {width: 632px; margin: 15px auto; margin-bottom: 30px;} #ourcoalition a {text-decoration: none;} #ourcoalition .member {margin: 30px 10px; height: 100px;} .member h2 {margin-top: 0px; margin-bottom: 5px;} .member .logo {float: left;} .logo img { border: 1px solid #000000; } .member .description {width: 500px; font-size: 0.95em; line-height: 1.25em; margin-left: 10px; float: left;} #coalition {width: 420px; margin: 0 auto;} #coalition .member {width: 100px; margin-right: 5px; float:left;} #coalitionfoot {width: 420px; float: left; margin: 0 150px; } #coalitionfoot a {color: #1e9a90;} /* MOBILE FUTURE SHOWCASE */ .featuredbox {margin-bottom: 10px;} .featuredlogo {float: left; width: 160px; margin-left: 10px;} .featuredblurb {float: left; width: 455px; margin-left: 5px; height: auto;} .featuredblurb p {font-size: 1em; font-weight: normal; line-height: 1.2em; color: #7b806d; margin-top: 8px;} .movievideo { padding: 0px 55px; } /* SIGNUPS ----------------------------------------------- */ #signup {font-size: 12px; } #signup label.field {margin: 12px 0px 0px 0px; font-weight: normal; font-family: Arial,Helvetica,sans-serif; line-height: 1.4em; } /* FOOTER ----------------------------------------------- */ #footer, body.interior #footer {clear: both; background: url("/page/-/wrapper/img/bgcont_bottom1_fix.png") top no-repeat;} body.interior #footer {background: url("/page/-/wrapper/img/bgcont_bottom2.png") top no-repeat;} #footer p {padding: 40px 30px 0 0; font-size: 1.1em; color: #e2e6da; height: 70px; text-align: right;} #footer p a {color: #e2e6da; text-decoration: underline;} #footer p a:hover {color: #fcfe76; text-decoration: none;} /* UTILS ----------------------------------------------- */ img {border: 0;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .noborder {border: none !important;} .required {color: red;} .editThis {margin: 0; background: transparent !important; text-align: right;} .editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;} p + div.editThis {margin-top: -12px;} div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* FORM ATTRIBUTES ----------------------------------------------- */ input, textarea {font-size: 11px; background: #fff; text-align: left;} .txt, .text {background: #fff; border-color: #666; padding: 2px;} .hasfocus {background: #DEEFFF; color: #001F5C;} select {font-size: 11px; background: #fff; text-align: left;} input.button {cursor: pointer;} input.buttonImg {cursor: pointer; border: none; vertical-align: middle; padding: 0;} input.text {border-color: #666; padding: 2px;} input.button {background: #666; color: #fff; border-color: #000; padding: 1px;}