/* GLOBAL STYLES AD(12:59 7/11) */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; ; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } html { %; } body { %; font-family: Verdana, Tahoma, Lucida Grande, Sans-Serif; .5%; color: #333333; } strong { font-weight: bold; } em { font-style: italic; } code, pre { font-family:Courier,"Courier New",Monaco,Tahoma,monospace; } a:link, a { color: #0099FF; cursor:pointer; } a:visited { color: #6B6B6B; } a:hover, a:active { background-color: #0099FF; color: #FFFFFF; text-decoration: none; } q:before, q:after { content: ""; } .half { .5%; } del { text-decoration: line-through;} .bigbutton { px; px; text-indent: -9000px; cursor: pointer; } em.required { font-style: normal; .7em; color: #969696; } span.command, input.command { font-weight: bold; display: inline; margin: 5px; padding: 5px 10px; color: #e8e8e8; background-color: #6b6b6b; cursor: pointer; border: none; } span.command:hover, input.command:hover, a.command:hover { background-color: #969696; } #confirmResetPasswordPanel { px; } div.siteError { margin:0 0 10px 0; px; text-align:center; border:solid 3px #B43333; } .error { background-color: #B43333; color: #FFFFFF; font-weight: bold; } .success { background-color: #0099ff; color: #FFFFFF; font-weight: bold; } #need_help { "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#FFFFFF)"; /* IE8 */ } body.signup #faq-2col .question_expand .view_more { cursor: pointer; float: left; "OLD" SIGN-UP/CONTACT PAGE STUFF */ body.contact div#visual { px; px; margin: 0 auto; padding: 35px 0 0 0; } body.contact div#visual div#signup_form_w { text-align: left; px; margin: 0 auto; } body.contact div#visual div#signup_form_w h2 { text-align: center; .2em; font-weight: bold;} body.contact div#visual div#signup_form_w h3 { .4em; margin: 0 0 15px 0px; } body.contact div#visual h4 { margin-bottom: 25px; } body.contact div#visual form label { display: block; .4em; color: #ff6600; } body.contact div#visual form input { color: #333; margin: 5px 0px 30px 0px; border: 1px solid #b4b4b4; padding: 3px; .0em; %; } body.contact div#visual form input#sign_up { border: none; ; px; float: right; margin-right: -10px; } body.contact div#visual form div#submit_w { margin-top: -20px; } body.contact div#visual form input.required { background-color:#FFF6AD; color:#cc4444; font-weight:bold; } body.contact div#visual form textarea { color: #333; margin: 5px 0px 30px 0px; border: 1px solid #b4b4b4; padding: 3px; .0em; %; } body.contact div#request_complete { background: #46B446; padding: 10px; text-align: center; margin-bottom: 10px; } body.contact div#request_complete h4 { color: #FFFFFF; } #contact_phone { padding: 3px 4px; font-weight: normal; background: #FF6600; color: #FFF;} .contactside { padding: 0; margin: 2px 13px 0 0; background: transparent; border: 0 none;} .contact-details p { px; margin-bottom: 4px; } .contact-details p:last-child { margin-bottom: 0px; } .contact-form-w { background: #fff url(hudl-content.s3.amazonaws.com/cms/img/contact/ajax-loader.gif) no-repeat center 200px;} p#promo { padding: 7px 10px; .8em; color: #FFFFFF; background: #46B446; text-align: center;} a#youth { px; text-decoration: underline; margin-right: 22px; display: text-align: right; padding: 3px 4px; display: inline-block; margin: 5px 0;} a#youth:hover { background: #0099FF; color: #FFF; } body.lists ol { list-style-type:decimal; list-style-position:outside; list-style-image:inherit; } body.lists ol li { margin:12px 0; list-style-type:decimal; } /* PARTNERS PAGE(S) */ div.partner { text-align: left; float: left; clear: left; display: inline; margin: 10px 0 20px 0; px; } div.partner .fl-r { display: inline; px; margin-left: 17px } div.partner div.fl-l, div.visual_inner .fl-l, div.article div.fl-l { display: inline; position: relative; margin-left: 15px; px;} div.partner .fl-r h3, div.article h3 { .7em; margin: 5px 0px 5px 0px; letter-spacing: normal; } #about .article h3 { .5em; margin-top: 0; } #about .jobs-cta { padding: 15px 20px 1px 20px; margin: 20px 0; background: #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.partner .fl-r p, div.visual_inner .fl-r p, #content-sec ul.buzz p, div.article p, div.entry p { .5em; color: #6b6b6b; line-.4em; margin-bottom: 1.2em; } div.entry h3 + ul, div.entry h3 + ol { margin-top: 10px;} div.article { text-align: left; padding: 0 15px;} div.article .fl-l {margin: 0 15px 15px 0;} div.article span.date { color: #969696; display:block;} .article h1, #about h1, #support h1 { line-em; letter-spacing: -0.05em; margin-bottom: 0.25em;} .article h2 { margin-bottom: 0.25em;} .solutions { border-top: 1px dotted #D8D8D8; margin-top: 2em; padding-top: 1em; } .solution { background: url(hudl-content.s3.amazonaws.com/cms/img/help/Help_32x32.png) no-repeat left top; padding-left: 48px; margin: 1.5em 0 2em 0; } .solution h3.title { background: #ff8e33; border: 1px solid #f60; padding: 5px 10px; color: #fff; margin-bottom: 1em;} .help-block { margin: 0 15px 15px 0; text-decoration: none; position: relative; display: block; padding: 15px; border: 1px solid #b4b4b4; float: left; background: #e8e8e8 url(hudl-content.s3.amazonaws.com/cms/img/help/helpbg2.png) repeat-x left top; px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; px; } .help-block img { padding: 0; border: none; background: transparent; position: absolute; left: 15px; top: 15px; } .help-block p { padding-left: 40px; line-px;} .support .help-block h3 { text-shadow: 0 1px 0 #fff; px; color: #333; padding-left: 40px; margin-bottom: 10px; letter-spacing: -1px; line-em; } #mercury.help-block .hooky { position: absolute; right: 0; top: 0; background: url(hudl-content.s3.amazonaws.com/cms/img/help/new_clip_badge.png) no-repeat right top; px; px; } #mercury.help-block h3 { color: #f60; } #mercury.help-block:hover h3 { color: #fff; } .help-block:hover { border-color: #09f; background: #09f url(hudl-content.s3.amazonaws.com/cms/img/help/helpblockgradh.png) repeat-x left top;} .help-block:hover h3 { color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.4);} .help-block:hover p { color: #fff; } #search_big_w a { color: #ff8e33; padding: 2px; } #search_big_w a:hover { color: #fff; background: #f60; } #search_big_w { padding: 15px; margin-bottom: 20px; background: #333; border: 1px solid #000; } #search_big_w p { color: #969696; margin-top:7px; px;} #search_big_w #q2 { padding: 7px 7px 7px 37px; px; border: 2px solid #000; px; margin-right: 5px; background: #fff url(hudl-content.s3.amazonaws.com/cms/img/help/search_24x24.png) no-repeat 7px center;} #search_big_w #s2 { px; padding: 4px; font-weight: bold; } #search_big_w #q2:focus { border: 2px solid #ff8e33; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8); box-shadow: 0 0 10px rgba(0,0,0,0.8); } #search_big_w .watermark { color: #969696; } div#visual .fl-r a, #content-sec ul.buzz a { text-align: right; display: inline; float: left; clear: left; padding: 3px; auto; auto; position: relative; left: -3px; px;} div#visual .fl-r a:hover, #content-sec ul.buzz a:hover { background: #0099FF; } div#visual div.partner .caption_overlay, div#visual div.article .caption_overlay { text-align: left; left: 11px; px; position: absolute; bottom: 11px; margin: 0; padding: 7px 10px; color: #FFF; background: transparent url(/images/ui/overlay_bg80.png) repeat; } div.partner span.date { display: block; font-weight: normal; color: #969696; } div.caption_overlay span.teamname { font-weight: bold; color: #FF8E33;} .entry td, .entry th { padding: 0.5em 1em; .4em; color: #6b6b6b; } .entry th { font-weight: bold; color: #333; border-bottom: 1px dotted #6b6b6b; } .entry table { margin-bottom: 2em; } #blog .entry .caption .caption-overlay { text-align: left; left: 11px; %; position: absolute; bottom: 11px; margin: 0; padding: 7px 10px; color: #FFF; background: transparent url(/images/ui/overlay_bg80.png) repeat; } #blog .entry .caption { position: relative; margin-bottom: 16px;} #blog .entry .fl-l.caption { margin-right: 16px; } #blog .entry .fl-r.caption { margin-left: 16px; } body.partners div#pitch #info, body.buzz div#pitch #info { display: inline; margin-right: 15px; px; .4em; line-.4em; color: #6B6B6B; } body.where div#pitch #info { .0em; } /* MEGA QUOTE LIST */ ul.quotelist { px; float: right; display: inline; margin-right: 15px; } ul.quotelist img { padding: 5px; } ul.quotelist li { margin: 25px 0px; float: left; display: inline; } ul.quotelist .about { position: relative; float: left; px; display: inline; } ul.quotelist .about div { float: left; display: inline; text-align: right; px; } ul.quotelist .about img { float: right; } ul.quotelist .quote { display: inline; position: relative; bottom: 10px; left: 25px; color: #FFF; padding: 15px; float: right; px; margin-right: 15px; background: #333; -moz-border-radius: 7px; -webkit-border-radius: 7px; } ul.quotelist blockquote { .4em; line-.4em;} ul.quotelist .quotehead { color: #FF8E33; margin-bottom: 15px; .7em; } ul.quotelist h6 { color: #FF6600; .7em; margin-top: 3px; } ul.quotelist .quote span { background: url(/images/ui/___callout_right.gif) no-repeat 0 -32px; px; px; position: absolute; left: -13px; top: 20px; } ul.quotelist .role { margin-top: 3px; color: #6B6B6B; .2em; } ul.quotelist .partner { margin-top: 20px; color: #969696; .2em;} ul.quotelist .location { color: #969696; .2em;} ul.quotelist .achieve { position: absolute; bottom: 0px; right: 161px; px; .0em; color: #969696;} ul.quotelist .bl { background-position: -24px -8px; } ul.quotelist .br { background-position: -16px -8px; } body.quotes ul.quotelist { px; margin-right: 0;} body.quotes ul.quotelist li { margin: 0 0 25px 0;} body.quotes ul.quotelist .quote { px; bottom: auto; margin-right: 0; } body.quotes ul.quotelist .about { px;} body.quotes ul.quotelist .about div { text-align: left; auto;} body.quotes ul.quotelist .achieve { position: static; margin-top: 7px; auto; color: #b4b4b4; } body.quotes ul.quotelist .partner { margin-top: 10px;} body.quotes ul.quotelist .paginate { px;} .paginate { margin-top: 25px;} /* BUZZ */ #press-releases .article, #about .article { padding: 0;} div#visual div.visual_inner p.caption { margin-right: 5px; } div.visual_inner { float: left; display: inline; text-align: left; px; margin-top: 10px;} ul.buzz { float: right; display: inline; px; } ul.buzz li { margin: 0 0 15px 0; float: left; display: inline;} ul.buzz li h2 span { white-space: nowrap; px; display: inline; color: #FFF; background: #FF6600; padding: 1px 3px; vertical-align: middle; } div.visual_inner h4 { color: #969696; font-weight: normal; px;} #content-sec ul.buzz { margin: 20px 15px 0 35px; auto;} #content-sec ul.buzz li { margin-bottom: 30px;} #content-sec ul.buzz li.odd { clear: left; margin-right: 28px; px;} #content-sec ul.buzz li.even { px;} #content-sec li.c2a { margin-top: 30px; clear: left; display: block; float: none; text-align: center;} #content-sec li.c2a a { float: none; px; position: static; } div#visual .table_w { background: #FFF; border: 1px solid #b4b4b4; padding: 10px; } div#visual table { %; color: #333;} div#visual table td, div#visual table th {padding: 0.6em;} div#visual table thead th { .0em; font-weight: bold; text-align: center; letter-spacing: -0.075em; padding: 0 0 0.25em 0;} div#visual table thead th a { text-decoration: none; padding: 0.2em; } div#visual table thead th a:visited { color: #0099FF;} div#visual table thead th a:hover { color: #FFF; } div#visual table tbody th { .2em; %;} div#visual table tr.alt td, div#visual table tr.alt th { background: #F4F4F4; } div#visual table tbody td { text-align: center; vertical-align: middle; font-weight: bold;} div#visual table tbody th { vertical-align: middle;} div#visual table tbody td.yes { text-indent: -9999px; background-image: url(/images/ui/check.png); background-repeat: no-repeat; background-position: center center; } div#visual table tbody td.no { text-indent: -9999px;} div#visual table tbody td.pricecompare { color: #FF6600; px;} div#visual table.entry { margin-bottom: 20px; } div#visual table.entry caption { .4em; font-weight: bold; margin-bottom: 5px; } div#visual table.entry th { %; .2em; font-weight; bold; } div#visual table.entry th em { color: #6B6B6B; font-style: normal; font-weight: normal; margin-left: 3px; .8em;} div#visual table.entry td { text-align: left; font-weight: normal; color: #6b6b6b; line-.4em; .1em;} #quickcta { left: 260px; position: absolute; top: 16px;} #quickcta a {px; } #quickcta p { color: #969696; } #quickcta p span { color: #F60; display: block; margin: 4px 0 8px 0; .6em; } #accessibility { position: absolute; left: -9999px; top: -9999px;} #sidebar { .4em; } #sidebar .side-section { padding: 20px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #fff;} .press-contact p { .75em; color: #6b6b6b; } .press-contact .email { margin-top: 5px;} .press-contact h4 { color:#333; font-weight: bold; margin-top: 10px; } #sidebar .recent li { margin: 0.75em 0;} #sidebar ul li a { text-decoration: none; display: block; margin-left: -4px; padding: 3px 4px; border: 1px solid transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #sidebar li a .available-num { px; background: #333; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 4px; font-style:normal; float: right; display: inline; position: absolute; left:5px; top: 4px; font-weight: bold; text-align:right: } #sidebar li a.job-listing { position: relative; padding-left: 28px;} #sidebar ul li a:hover { border: 1px solid #09f; background: #09f url(/images/ui/catsel.gif) repeat-x left top;} .author_avatar { float: left; display: inline; margin-right: 10px; margin-bottom: 9px; px;} .author_avatar img { padding: 4px;} .entry { clear: both; border-top: 1px dotted #d8d8d8; padding-top: 20px; position: relative; } .entry.first { padding-top: 0; border-top: none;} .entry_meat { padding-bottom: 20px; } .entry_meat h3 { .6em; margin-bottom: 0.25em;} .entry_meat p { line-.4em; .5em; margin-bottom: 20px;} .entry_meat h3.entry_meta { color: #969696; font-weight: normal; px; px; margin: 3px 0 15px 0;} .entry_meta .date, .entry_meta .author { color: #f60; font-weight: bold;} .entry_title { px;} .entry_title a { text-decoration: none; color: #333; } .entry_title a:hover { text-decoration: underline; background: transparent; color: #09f;} .jump-to-comments {text-decoration: none; top: 17px; right: 10px; color: #09f; position: absolute; display: block; text-align: left; px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; px; border: 1px solid #d8d8d8; padding: 6px 9px; background: #f2f2f2 url(/images/ui/catbghover.gif) repeat-x left center;} .first .jump-to-comments { top: 0px; } .jump-to-comments:hover { color: #fff; border: 1px solid #09f; background: #09f url(/images/ui/catsel.gif) repeat-x left center;} .entry_footer { color: #969696; .1em;} .entry_footer img {background: none; border: none; padding: 0; vertical-align: middle;} .entry_social { margin-top: 18px; } .entry_meat .extended p { color: #969696; font-style: italic; px; margin-bottom: 18px; } .entry_meat img.fl-l, .article img.fl-l { margin: 0px 15px 10px 0;} .article img.fl-r, .entry_meat img.fl-r { margin: 0px 0px 10px 15px;} .cta { text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; px; border: 1px solid #d8d8d8; padding: 6px 9px; background: #f2f2f2 url(/images/ui/catbghover.gif) repeat-x left center;} .cta:hover { color: #fff; border: 1px solid #09f; background: #09f url(/images/ui/catsel.gif) repeat-x left center;} /* COMMENTS */ .comment_w { clear: both; margin-bottom: 2.5em; float: left; px; } .comment { px; color: #fff; float: right; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #333; padding: 15px 15px 0 15px; position: relative; display: inline; .0em;} h3.comment-rel{ font-weight: normal; color: #6b6b6b; margin-bottom: 15px;} .comment p { .2em; line-.3em; margin-bottom: 15px;} .comment .posted { color: #969696; margin-bottom: 1.0em; } .comment .author { .2em; font-weight: bold; color: #ff8e33;} .comment .arrow { background:transparent url(/images/ui/___callout_right.gif) no-repeat 0 -32px; px; left:-13px; position:absolute; top:20px; px;} .comment .posted a { color: #ff8e33; text-decoration: none;} .comment .posted a:hover { background: transparent; text-decoration: underline; color: #ff8e33; } .comment p a { color: #33c1ff; } .comment p a:hover { color: #fff; } .comment blockquote { background: #000; border-left: 4px solid #f60; padding: 10px; margin-bottom: 1.5em;} .comment blockquote p { margin-bottom: 0px; color: #d8d8d8; } h2.comment-rel { padding: 25px 0 10px 0; border-top: 4px solid #f60; clear: both; } .comment pre, .comment code { background:#000; padding: 10px; border-left: 4px solid #f60; color:#d8d8d8; display:block; px; margin-bottom: 1.5em; overflow:auto; 1em; } #comment_form { px; } #comment_form label { color: #969696; .0em; display: block; } #comment_form .required { color: #f60; font-weight: normal; } #comment_form .text { display: block; margin: 3px 0 10px 0px; border: 1px solid #b4b4b4; .5em; padding: 3px;} #comment_form textarea {border: 1px solid #b4b4b4; padding: 3px; margin-top: 3px; } #comment_form .warnya { .4em; color: #969696; margin: 10px 0;} /* CAROUSELS */ #carousel-outer { px; px;} #carousel-wrapper { px; overflow: hidden; float: left; } #carousel-content { px; } #carousel-content a { float: left; display: inline; px; px; opacity: 0.4; text-indent: -9999px; px; line-px; } #carousel-content a:hover { background-color: #fff; opacity: 1.0;} #carousel-content a img { border: none; float: left; display: inline;} a.carousel-control { text-align: center; background-color: #fff; color: #09f; px; px; float: right; line-px; font-weight: bold; text-decoration: none; px;} a.carousel-control:hover { background-color: #fff; text-decoration: underline;} #carousel-outer a.prev { float: left; } #logo-carousel, #buzz-carousel { float: right; display: inline; margin: 25px 10px 0 0; px;} #logo-carousel.wider, #buzz-carousel.wider { px; margin-right: 20px;} .wider #carousel-outer { px; px;} .wider #carousel-wrapper { px; } #buzz-carousel ul.logos { float: left; margin-left: 0px; } p.minor { color: #969696; px; } #subscribe img, #sidebar img { border: 0 none; padding: 0; background: transparent; } #subscribe:hover { background: transparent; } #sidebar .social img { margin-right: 4px; vertical-align: middle; } #sidebar .social a { padding: 4px 3px; } #sidebar .social li { margin: 0.4em 0; } #sidebar .social .last { margin-bottom: 0;} #content-sec .recent { margin: 25px 0 0 25px; float: left; px;} #content-sec .recent ul { margin: 10px 0 25px 0; } #content-sec .recent li { margin: 6px 0; background: url(/images/ui/orangeball.gif) no-repeat 0 7px; .4em; padding-left:18px; } #content-sec .recent h3 span { px; color: #b4b4b4; font-weight: normal; } #content-sec .recent h3 a { color: #f60; text-decoration: none;} #content-sec .recent h3 a:hover { background: none;} #content-sec .recent h3 {clear: both; px; color: #f60; margin: 0 0 3px 0;} #content-sec .tweet {clear: both; margin: 0 0 15px 0; } #content-sec .tweet.first { margin-top: 0px;} #content-sec .tweet img { border: 0px none; padding: 0; float: left; margin: 0 8px 5px 0;} #content-sec .tweet p { color: #6b6b6b; .2em; line-.3em; } /*input#s { background: url(/images/ui/silk/magnifier.png) no-repeat center center; text-indent: -9999px; px; px; border: 0px none; cursor: pointer;}*/ input#s { px; px; } input#q { px; } #cse-search-results br { px; } body.search #content_main, body.ask #content_main { background: none;} body.support #sidebar { .2em;} body.support #sidebar .sidetitle { em; } body.support .entry h2 { .6em; color: #333; margin-bottom: 0.5em;} body.support #sidebar .side-section { padding: 14px 20px; } body.support #sidebar .support-cat .first a { color: #333; font-weight: bold; } body.support #sidebar .support-cat .first a:hover { color: #fff; } #sidebar h3 { margin-bottom: 0.25em; } .subtitle { color: #ff8e33; font-weight: normal; margin-bottom: 0.75em;} .subtitle a { color: #ff8e33; } .subtitle a:visited { color: #ff8e33; } .subtitle a:hover { color: #fff; } .person-title { display: block; color: #f60; px; } body.support .intro { margin-bottom: 1.5em; .2em; color: #969696; padding: 0.5em 0 1.5em 0; border-bottom: 1px dotted #d8d8d8; } .half ol, .half ul { margin: 0 0 2.2em 0; list-style-type: decimal; color: #969696; padding: 0.3em 0 0 2em;} .half ul { list-style-type: disc; padding-left: 1.5em; } .half li { .2em; margin: 0 0 0.8em 0; } .half li a { text-decoration: none;} .half h3 { .6em; } .half.wide { %; } body.support h3 { margin-bottom: 0.25em; } body.support h3 a { text-decoration: none; color: #333; } body.support h3 a:hover { text-decoration: underline; color: #09f; background: none; } body.support .entry_meat { padding-bottom: 0;} #last-update strong { background: #ff8e33; color: #fff; padding: 4px; } #last-update span { color: #6b6b6b; padding: 4px; } #support-request {margin-bottom: 20px; text-decoration: none; float: left; display: inline; display: none; .2em; font-weight: bold; background: #09f url(/images/ui/catsel.gif) repeat-x left top; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #09f; padding: 10px 14px; color: #fff; } #support-request:hover { color: #fff; background: #09f url(/images/ui/catsel.gif) repeat-x left top; } #support-request-form { clear: both; } .hide { display: none !important;} body.ask .intro { padding-bottom: 0.8em; .8em; color: #333; } body.ask .intro select { px; padding: 4px;} body.ask #content { display: block; } body.ask br { px; } div.the-basics #support-request, div.capturing-video #support-request, div.dvd #support-request, div.working-with-video #support-request, div.manage-team #support-request, div.reports-data #support-request, div.sharing #support-request { display: block; } div.the-basics, div.capturing-video, div.dvd, div.working-with-video, div.manage-team, div.reports-data, div.sharing { display: none; } div.the-basics .the-basics, div.capturing-video .capturing-video, div.dvd .dvd, div.working-with-video .working-with-video, div.manage-team .manage-team, div.reports-data .reports-data, div.sharing .sharing { display: block; } #signup_matrix2 a {color: #33c1ff; } #signup_matrix2 a:visited { color: #969696; } #signup_matrix2 a:hover { color: #fff; } #signup_matrix2 { text-align: left; } #signup_matrix2 .boxt { background: #333; } #signup_matrix2 .tl { background-position: 0 -16px; } #signup_matrix2 .tr { background-position: -8px -16px; } #signup_matrix2 .packagebox { float: left; display: inline; px; color: #e8e8e8; margin: 0 15px 15px 0; } #signup_matrix2 .packagebox.last { margin-right: 0; } #signup_matrix2 .packagebox div.desc { min-px; float: left; background-color: #333; position: relative; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #signup_matrix2 .packagebox .desc p {padding: 0 15px; margin: 10px 0;} #signup_matrix2 .packagebox .desc img { border: 0 none; padding: 0; background: transparent;} #signup_matrix2 .packagebox div.price { text-align: center; padding: 0px 15px 10px 15px; background-color: #333; clear: both; } #signup_matrix2 .packagebox .multisport { px; padding: 5px; text-align: center; color: #969696; background: #222;} #signup_matrix2 .packagebox .multisport strong { color: #fff; px;} #signup_matrix2 a.choose { display: block; cursor: pointer; px; px; text-indent: -9999px; background: url(hudl-content.s3.amazonaws.com/cms/img/ui/start-the-trial-2.png) no-repeat; } #signup_matrix2 a.xos { background-image: url(hudl-content.s3.amazonaws.com/cms/img/ui/contact-xos-digital.png); } #signup_matrix2 h3 { font-weight: normal; px; right: 15px; top: 18px; position: absolute; padding: 6px 8px; color: #FFFFFF; background: #FF8E33; border: 1px solid #f60; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); } #signup_matrix2 h2 { text-indent: -9999px; margin: 10px 0px 10px 15px;} #signup_matrix2 .silver h2 { px; px; background: url(hudl-content.s3.amazonaws.com/cms/img/ui/__silver_med.gif) no-repeat; } #signup_matrix2 .youth h2 { px; px; background: url(hudl-content.s3.amazonaws.com/cms/img/ui/__youth_med.gif) no-repeat; } #signup_matrix2 .gold h2 { px; px; background: url(hudl-content.s3.amazonaws.com/cms/img/ui/__gold_med.gif) no-repeat; } #signup_matrix2 .platinum h2 { px; px; background: url(hudl-content.s3.amazonaws.com/cms/img/ui/__platinum_med.gif) no-repeat; } #signup_matrix2 .pro h2 { px; px; background: url(hudl-content.s3.amazonaws.com/cms/img/ui/__pro_med.gif) no-repeat; } #signup_matrix2 ul {background: #333; padding: 0 15px;} #signup_matrix2 ul li { display: block; .1em; margin: 5px 0px; padding-left: 14px; background: url(hudl-content.s3.amazonaws.com/cms/img/ui/__lightorangeball.gif) no-repeat left 5%; } #signup_matrix2 hr { px; margin: 0; %; color: #969696; background: #969696; border: 0 none; } #signup_matrix2 div.price span.currency { vertical-align: top; text-align: right; font-weight: bold; .4em; position: relative; } #signup_matrix2 div.price span.price_w { display: inline-block; text-align: right} #signup_matrix2 div.price span.bigmoney { position: relative; font-weight: bold; .5em; color: #FF8E33; } span.bigmoney em { .75em; font-weight: normal; font-style: normal;} #signup_matrix2 div.price span.andchange { vertical-align: top; .4em; } #signup_matrix2 div.price span.period { display: block; .9em; position: relative; text-align: right; top: -3px; right: 3px;} #signup_matrix2 div.price p { color: #e8e8e8;} #signup_matrix2 div.price p#saving { padding: 3px; background: #6b6b6b; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 auto; px;} .ourTeamMemberImageWrapper { float:left; margin-right: 15px; display: inline; } .ourTeamBioWrapper { padding-top: 6px; } .ourTeamMember { margin-bottom: 20px; } .ourTeamMember h2 { margin-bottom: 0.25em; } .ourTeamMember p { color: #6B6B6B; .5em; line-.4em; margin-bottom: 1.2em;} .ourTeamMember p:last-child { margin-bottom: 0; } .ourTeamMember .secondary { display: none;} .ourTeamMember:hover .main { display: none; } .ourTeamMember:hover .secondary { display: inline; }
Related searches:
margin padding display bottom content
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.