@charset "UTF-8";
/* Surfmark Inc. http://www.surfmark.com */
/* // Contents
: F3 minified
: Fonts.css minified
:: Global styles
:: Button sets
:: Summary
:: Modals
:: Signup/login
:: Unread notifications
:: Media queries
*/
/* foundation.min.css */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}body{background:#FFF;font-family:'Proxima',"Proxima Nova","Helvetica Neue", HelveticaNeue, Helvetica, Arial,"Lucida Grande",sans-serif;font-size:1.6rem;line-height:1;color:#333;position:relative;-webkit-font-smoothing:antialiased}a{color:#1D89E2;text-decoration:none;line-height:inherit;cursor:pointer;}a:hover{color:#2795b6}a:focus{color:#2ba6cb;outline:none}p a,p a:visited{line-height:inherit}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{font-size:1.4rem;margin:0;padding:0}p{line-height:1.6;margin-bottom:17px}p.lead{font-size:17.5px;line-height:1.6;margin-bottom:17px}p img.left,p img{margin:17px 17px 17px 0}p img.right{margin:17px 0 17px 17px}aside p{font-size:13px;line-height:1.35;font-style:italic}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;line-height:1.1}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;color:#888;line-height:0}h1{font-size:22px;font-weight:400;margin-bottom:15px}h2{font-size:19px;font-weight:400}h3{font-size:14px;font-family:"Helvetica Neue",sans-serif;margin:7px 0}h4{font-size:23px}h5{font-size:14px;font-weight:600;color:#555;margin-bottom:10px}h6{font-size:14px}hr{border:solid #ddd;clear:both;height:0;border-width:1px 0 0;margin:22px 0 21px}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:700;line-height:inherit}small{font-size:80%;line-height:inherit}.subheader{line-height:1.3;color:#777;font-weight:300;margin-bottom:17px}blockquote{font:18px "Goudy Old Style",Garamond,"Big Caslon","Times New Roman",serif;margin:0 0 17px;padding:9px 20px 0 10px}blockquote,blockquote p{line-height:1.5;color:#777}blockquote:before{content:";";font:40px/0 Entypo, san-serif;color:#bbb;vertical-align:top;margin-right:10px}ul,ol{font-size:14px;line-height:1.6;margin-bottom:5px;list-style-position:inside}ul{list-style:none}ul.square,ul.circle,ul.disc{margin-left:17px}ul.square{list-style-type:square}ul.circle{list-style-type:circle}ul.disc{list-style-type:disc}ul.large li{line-height:21px}.row{width:1000px;max-width:100%;min-width:768px;zoom:1;margin:0 auto}.row .row{width:auto;max-width:none;min-width:0;margin:0 -15px}.column,.columns{float:left;min-height:1px;position:relative;padding:0}.column.centered,.columns.centered{float:none;margin:0 auto}.row .one{width:8.333%}.row .two{width:16.667%}.row .four{width:33.333%}.row .five{width:41.667%}.row .seven{width:58.333%}.row .eight{width:66.667%}.row .nine{width:75%}.row .ten{width:83.333%}.row .eleven{width:91.667%}.row .offset-by-one{margin-left:8.333%}.row .offset-by-two{margin-left:16.667%}.row .offset-by-three{margin-left:25%}.row .offset-by-four{margin-left:33.333%}.row .offset-by-five{margin-left:41.667%}.row .offset-by-six{margin-left:50%}.row .offset-by-seven{margin-left:58.333%}.row .offset-by-eight{margin-left:66.667%}.row .offset-by-nine{margin-left:75%}.row .offset-by-ten{margin-left:83.333%}.push-two{left:16.667%}.pull-two{right:16.667%}.push-three{left:25%}.pull-three{right:25%}.push-four{left:33.333%}.pull-four{right:33.333%}.push-five{left:41.667%}.pull-five{right:41.667%}.push-six{left:50%}.pull-six{right:50%}.push-seven{left:58.333%}.pull-seven{right:58.333%}.push-eight{left:66.667%}.pull-eight{right:66.667%}.push-nine{left:75%}.pull-nine{right:75%}.push-ten{left:83.333%}.pull-ten{right:83.333%}img,object,embed{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}#map_canvas img,.map_canvas img{max-width:none!important}.row:before,.row:after{content:"";display:table}.row:after{clear:both}.block-grid{display:block;overflow:hidden;padding:0}.block-grid > li{display:block;height:auto;float:left}.block-grid.two-up{margin:0 -15px}.block-grid.two-up > li{width:50%;padding:0 15px 15px}.block-grid.three-up{margin:0 -12px}.block-grid.three-up > li{width:33.33%;padding:0 12px 12px}.block-grid.four-up{margin:0 -10px}.block-grid.four-up > li{width:25%;padding:0 10px 10px}.block-grid.five-up{margin:0 -8px}.block-grid.five-up > li{width:20%;padding:0 8px 8px}table.show-for-xlarge,table.show-for-large,table.hide-for-small,table.hide-for-medium{display:table!important}.label{font-size:12px;font-weight:700;text-align:center;text-decoration:none;line-height:1;white-space:nowrap;display:inline;position:relative;bottom:1px;color:#fff;background:#2ba6cb;padding:1px 4px 2px}.has-tip{border-bottom:dotted 1px #ccc;cursor:help;font-weight:700;color:#333}.tooltip{display:none;background:rgba(0,0,0,0.8);position:absolute;color:#fff;font-size:1.2rem;z-index:999;border-radius:4px;line-height:normal;padding:5px}.tooltip > .nub{display:block;width:0;height:0;border:solid 5px;position:absolute;top:-10px;left:10px;border-color:transparent transparent rgba(0,0,0,0.8)}.tooltip.tip-override > .nub{top:-10px!important;border-color:transparent transparent rgba(0,0,0,0.8)!important}.tooltip.tip-top > .nub{top:auto;bottom:-10px;border-color:rgba(0,0,0,0.8) transparent transparent}.tooltip.tip-left > .nub{right:-10px;left:auto;border-color:transparent transparent transparent rgba(0,0,0,0.8)}.tooltip.tip-right > .nub{right:auto;left:-10px;border-color:transparent rgba(0,0,0,0.8) transparent transparent}.tooltip.noradius{border-radius:0}.tooltip.opened{color:#0192DD!important;border-bottom:dotted 1px #0593DC!important}.tap-to-close{display:block;font-size:1rem;color:#888;font-weight:400}div.panel{position:relative;background:#eee;border:1px solid #ddd;font-size:14px;line-height:1.4;margin:0 0 22px;padding:20px}ul.pagination{display:block;height:24px;margin-left:-5px}ul.pagination li{float:left;display:block;height:24px;color:#999;font-size:14px;margin-left:5px}ul.pagination li a{display:block;color:#555;padding:1px 7px}ul.pagination li:hover a,ul.pagination li a:focus{background:#e6e6e6}ul.pagination li.unavailable a{cursor:default;color:#999}ul.pagination li.unavailable:hover a,ul.pagination li.unavailable a:focus{background:transparent}ul.pagination li.current a{background:#2ba6cb;color:#FFF;font-weight:700;cursor:default}ul.pagination li.current a:hover{background:#2ba6cb}.keystroke,kbd{font-family:Consolas, Menlo, Courier, monospace;font-size:13px;background:#ededed;border:solid 1px #dbdbdb;border-radius:3px;margin:0;padding:2px 4px 0}.flex-video{position:relative;padding-top:25px;padding-bottom:67.5%;height:0;margin-bottom:16px;overflow:hidden}.flex-video.widescreen{padding-bottom:57.25%}.flex-video.vimeo{padding-top:0}.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}table{background:#fff;border-radius:3px;border:1px solid #ddd;margin:0 0 18px}table thead,table tfoot{background:#f5f5f5}table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{font-size:1.2rem;line-height:18px;text-align:left}table thead tr th,table tfoot tr td{font-size:1.4rem;font-weight:700;color:#222;padding:8px 10px 9px}table thead tr th:first-child,table tfoot tr td:first-child{border-left:none}table thead tr th:last-child,table tfoot tr td:last-child{border-right:none}table tbody tr td{color:#333;vertical-align:top;border:none;padding:9px 10px}ul.vcard{display:inline-block;border:1px solid #ddd;margin:0 0 12px;padding:10px}ul.vcard li{display:block;margin:0}ul.vcard li.fn{font-weight:700;font-size:1.5rem}p.vevent span.summary{font-weight:700}p.vevent abbr{cursor:default;text-decoration:none;font-weight:700;border:none;padding:0 1px}.button{width:auto;background:#2ba6cb;border:1px solid #1e728c;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;color:#FFF;cursor:pointer;display:inline-block;font-family:"Helvetica Neue",HelveticaNeue,Helvetica,Arial,"Lucida Grande",sans-serif;font-size:14px;font-weight:700;line-height:1;outline:none;position:relative;text-align:center;text-decoration:none;-webkit-transition:background-color .15s ease-in-out;-moz-transition:background-color .15s ease-in-out;-o-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out;margin:0;padding:10px 20px 11px}.button:hover{color:#FFF;background-color:#2284a1}.button:active{box-shadow:0 1px 0 rgba(0,0,0,.2) inset}.button:focus{box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255,255,255,.5) inset;color:#FFF}input[type=submit].button,button.button{-webkit-appearance:none}dl.tabs{border-bottom:solid 1px #e6e6e6;display:block;height:40px;margin-bottom:20px;padding:0}dl.tabs dt{color:#b3b3b3;cursor:default;display:block;float:left;font-size:12px;height:40px;line-height:40px;width:auto;text-transform:uppercase;padding:0 9px 0 20px}dl.tabs dt:first-child{padding:0 9px 0 0}dl.tabs dd{display:block;float:left;margin:0;padding:0}dl.tabs dd a{color:#6f6f6f;display:block;font-size:14px;height:40px;line-height:40px;padding:0 23.8px}dl.tabs dd:first-child{margin-left:0}dl.tabs.vertical{height:auto;border-bottom:1px solid #e6e6e6}dl.tabs.vertical dt,dl.tabs.vertical dd{float:none;height:auto}dl.tabs.vertical dd{border-left:3px solid #ccc}dl.tabs.two-up dt a,dl.tabs.two-up dd a,dl.tabs.three-up dt a,dl.tabs.three-up dd a,dl.tabs.four-up dt a,dl.tabs.four-up dd a,dl.tabs.five-up dt a,dl.tabs.five-up dd a{text-align:center;overflow:hidden;padding:0 17px}dl.tabs.three-up dt,dl.tabs.three-up dd{width:33.33%}dl.tabs.five-up dt,dl.tabs.five-up dd{width:20%}ul.tabs-content{display:block;margin:0 0 20px;padding:0}ul.tabs-content.contained > li{border:solid 0 #e6e6e6;border-width:0 1px 1px;padding:20px}ul.tabs-content.contained.vertical > li{border-width:1px}.flyout{background:#f2f2f2;border:1px solid #d9d9d9;position:absolute;top:39px;left:-1px;width:250px;z-index:40;box-shadow:0 1px 5px rgba(0,0,0,.1);margin:0;padding:20px}.flyout p{line-height:1.2;font-size:13px}.flyout.small{width:166.667px}.flyout.large{width:437.5px}.flyout.right{left:auto;right:-2px}.flyout.up{top:auto;bottom:39px}ul.flyout,.nav-bar li ul{list-style:none;padding:0}ul.flyout li,.nav-bar li ul li{border-left:solid 3px #CCC}ul.flyout li a:hover,.nav-bar li ul li a:hover{background:#ebebeb;color:#333}form{margin:0 0 19.416px}.row form .row{margin:0 -6px}.row form .row .column,.row form .row .columns{padding:0 6px}label{font-size:14px;color:#4d4d4d;cursor:pointer;display:block;font-weight:500;margin-bottom:3px}label.right{float:none;text-align:right}label.inline{line-height:32px;margin:0 0 12px}.prefix,.postfix{display:block;position:relative;z-index:2;text-align:center;width:100%;padding-top:0;padding-bottom:0;height:32px;line-height:31px}a.button.prefix,a.button.postfix{padding-left:0;padding-right:0;text-align:center}span.prefix,span.postfix{background:#f2f2f2;border:1px solid #ccc}.prefix{left:2px;border-top-left-radius:2px;border-bottom-left-radius:2px}.postfix{right:2px;border-top-right-radius:2px;border-bottom-right-radius:2px}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],textarea{border:1px solid #ccc;border-radius:2px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:rgba(0,0,0,.75);display:block;font-size:14px;height:32px;width:100%;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;margin:0 0 12px;padding:6px}input[type=text].oversize,input[type=password].oversize,input[type=date].oversize,input[type=datetime].oversize,input[type=email].oversize,input[type=number].oversize,input[type=search].oversize,input[type=tel].oversize,input[type=time].oversize,input[type=url].oversize,textarea.oversize{font-size:1.8rem!important}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,textarea:focus{background:#fafafa;outline:none!important;border-color:#b3b3b3}input[type=text][disabled],input[type=password][disabled],input[type=date][disabled],input[type=datetime][disabled],input[type=email][disabled],input[type=number][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=time][disabled],input[type=url][disabled],textarea[disabled]{background-color:#ddd}textarea{height:auto}fieldset{border:solid 1px #ddd;border-radius:3px;margin:18px 0;padding:12px 12px 0}fieldset legend{font-weight:700;background:#FFF;margin:0 0 0 -3px;padding:0 3px}.error input,input.error{background-color:rgba(198,15,19,0.1);border-color:#c60f13}.error label,label.error{color:#c60f13}.error small,small.error{display:block;margin-top:-13px;margin-bottom:12px;background:#c60f13;color:#fff;font-size:1.2rem;font-weight:700;border-bottom-left-radius:2px;border-bottom-right-radius:2px;padding:6px 4px}.lt-ie9 form.custom div.custom.dropdown a.selector{height:30px}div.orbit-wrapper{width:1px;height:1px;position:relative}div.orbit{width:1px;height:1px;position:relative;overflow:hidden;margin-bottom:17px}div.orbit.with-bullets{margin-bottom:40px}div.orbit .orbit-slide{max-width:100%;position:absolute;top:0;left:0}div.orbit a.orbit-slide{border:none;line-height:0;display:none}div.orbit div.orbit-slide{width:100%;height:100%}div.orbit-wrapper div.timer{display:none;width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:31}div.orbit-wrapper span.rotator{display:none;width:40px;height:40px;position:absolute;top:0;left:-20px;z-index:3}div.orbit-wrapper span.mask{display:none;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden}div.orbit-wrapper span.rotator.move{left:0}div.orbit-wrapper span.mask.move{width:40px;left:0;background:url(../img/orbit/timer-black.png?1341958611) repeat 0 0}div.orbit-wrapper span.pause{display:none;width:40px;height:40px;position:absolute;top:0;left:0;background:url(../img/orbit/pause-black.png?1341958611) no-repeat;z-index:4;opacity:0}div.orbit-wrapper span.pause.active{background:url(../img/orbit/pause-black.png?1341958611) no-repeat 0 -40px}div.orbit-wrapper div.timer:hover span.pause,div.orbit-wrapper span.pause.active{opacity:1}.orbit-caption{display:none;font-family:HelveticaNeue, Helvetica-Neue, Helvetica, Arial, sans-serif}.orbit-wrapper .orbit-caption{background:rgba(0,0,0,0.6);z-index:30;color:#fff;text-align:center;font-size:1.3rem;position:absolute;right:0;bottom:0;width:100%;padding:7px 0}div.orbit-wrapper div.slider-nav span{width:38px;height:50px;background:url(/assets/f3/img/orbit/arrows.png?1341958611);text-indent:-9999px;position:absolute;z-index:30;top:50%;margin-top:-25px;cursor:pointer;opacity:0;-webkit-transition:opacity 400ms;-moz-transition:opacity 400ms;-o-transition:opacity 400ms;transition:opacity 400ms}div.orbit-wrapper div.slider-nav span:hover{opacity:.85}div.orbit-wrapper div.slider-nav span.right{background-position:-39px 0;right:0}div.orbit-wrapper div.slider-nav span.left{background-position:0 0;left:0}.lt-ie9 div.orbit-wrapper div.slider-nav span.right{background:url(../img/orbit/right-arrow-blue.png?1341958611)}.lt-ie9 div.orbit-wrapper div.slider-nav span.left{background:url(../img/orbit/left-arrow-blue.png?1341958611)}div.orbit-wrapper:hover div.slider-nav span{opacity:.7}ul.orbit-bullets{position:absolute;z-index:30;list-style:none;bottom:-50px;left:50%;margin-left:-50px;padding:0}ul.orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;background:url(../img/orbit/bullets.jpg?1341958611) no-repeat 4px 0;width:13px;height:12px;overflow:hidden}ul.orbit-bullets li.active{color:#222;background-position:-8px 0}ul.orbit-bullets li.has-thumb{background:none;width:100px;height:75px}ul.orbit-bullets li.active.has-thumb{background-position:0 0;border-top:2px solid #000}div.orbit img.fluid-placeholder{visibility:hidden;position:static;display:block;width:100%}div.orbit,div.orbit-wrapper{width:100%!important}.lt-ie9 div.caption{background:transparent;}.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;z-index:1111111;display:none;top:0;left:0}.reveal-modal{background:#fff;visibility:hidden;display:none;top:40px;left:50%;margin-left:-260px;width:520px;position:absolute;z-index:11111121111;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.4);padding:30px}.reveal-modal .close-reveal-modal{cursor:pointer}.reveal-modal .close-reveal-modal.fix-tr{position:absolute;top:8px;right:11px}.reveal-modal.small{width:30%;margin-left:-10%}.reveal-modal.medium{width:40%;margin-left:-20%}.reveal-modal.large{width:60%;margin-left:-30%}.reveal-modal.expand{width:90%;margin-left:-45%}.reveal-modal .row{min-width:0}.left,[class*=column] + [class*=column].end{float:left}.right,[class*=column] + [class*=column]:last-child{float:right}.hide,ul.tabs-content > li{display:none}#googlemap img,object,embed,#map_canvas embed,#map_canvas img,#map_canvas object{max-width:none}.print-only.show-for-touch,.touch .hide-for-touch,.lt-ie9 .timer{display:none!important}.row.collapse .column,.row.collapse .columns,ul.tabs-content.contained,.row form .row.collapse .column,.row form .row.collapse .columns{padding:0}.row .row.collapse,dl.tabs.vertical dd:first-child a.active,.row form .row.collapse{margin:0}.row .three,dl.tabs.four-up dt,dl.tabs.four-up dd{width:25%}.row .six,dl.tabs.two-up dt,dl.tabs.two-up dd{width:50%}.row .twelve,select{width:100%}.has-tip.tip-left,.has-tip.tip-right,.tooltip.tip-left,.tooltip.tip-right{float:none!important}div.panel :first-child,.flyout :first-child,.reveal-modal :first-child{margin-top:0}table tbody tr.even,table tbody tr.alt,table tbody tr:nth-child(even){background:#f9f9f9}dl.tabs.contained,.flyout :last-child,.reveal-modal :last-child{margin-bottom:0}dl.tabs.vertical dd a,ul.flyout li a,.nav-bar li ul li a{background:#f2f2f2;border:1px solid #e6e6e6;color:#555;display:block;font-size:14px;height:auto;line-height:1;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;border-width:1px 1px 0 0;padding:15px 20px}dl.tabs.vertical dd.active,ul.flyout li.active,.nav-bar li ul li.active{margin-top:0;border-top:1px solid #4d4d4d;border-left:4px solid #1a1a1a}dl.tabs.vertical dd.active a,ul.flyout li.active a,.nav-bar li ul li.active a{background:#4d4d4d;border:none;color:#fff;height:auto;position:static;top:0;box-shadow:0 0 0;margin:0}ul.tabs-content > li.active,.no-js ul.tabs-content > li,div.orbit-wrapper div.slider-nav{display:block}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-on-print{display:none!important}.print-only{display:block!important}}@media only screen and (max-width: 767px){body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.row{width:auto;min-width:0;margin-left:0;margin-right:0}.column,.columns{width:auto!important;float:none}.column:before,.columns:before,.column:after,.columns:after{content:"";display:table}.column:after,.columns:after{clear:both}.no-left-margin,.offset-by-one,.offset-by-two,.offset-by-three,.offset-by-four,.offset-by-five,.offset-by-six,.offset-by-seven,.offset-by-eight,.offset-by-nine,.offset-by-ten{margin-left:0!important}.left-auto,.push-two,.push-three,.push-four,.push-five,.push-six,.push-seven,.push-eight,.push-nine,.push-ten{left:auto}.right-auto,.pull-two,.pull-three,.pull-four,.pull-five,.pull-six,.pull-seven,.pull-eight,.pull-nine,.pull-ten{right:auto}.row .mobile-one{width:25%!important;float:left;padding:0 15px}.row .mobile-two{width:50%!important;float:left;padding:0 15px}.row .mobile-three{width:75%!important;float:left;padding:0 15px}.row .mobile-four{width:100%!important;float:left;padding:0 15px}.push-one-mobile{left:25%}.pull-one-mobile{right:25%}.push-two-mobile{left:50%}.pull-two-mobile{right:50%}.push-three-mobile{left:75%}.pull-three-mobile{right:75%}.block-grid.mobile{margin-left:0}.block-grid.mobile > li{float:none;width:100%;margin-left:0}table.hide-for-xlarge,table.hide-for-large,table.hide-for-medium,table.show-for-small{display:table!important}.tooltip{font-size:1.4rem;line-height:1.4;padding:7px 10px 9px}.tooltip > .nub,.tooltip.top > .nub,.tooltip.left > .nub,.tooltip.right > .nub{top:-12px;left:10px;border-color:transparent transparent rgba(0,0,0,0.85)}.button{display:block}button.button,input[type=submit].button{width:100%;padding-left:0;padding-right:0}dl.tabs.mobile,dl.nice.tabs.mobile{width:auto;height:auto;margin:20px -20px 40px}dl.tabs.mobile dt,dl.tabs.mobile dd,dl.nice.tabs.mobile dt,dl.nice.tabs.mobile dd{float:none;height:auto}dl.tabs.mobile dd a{display:block;width:auto;height:auto;line-height:1;border:solid 0 #ccc;color:#555;background:#eee;font-size:1.5rem;border-width:1px 0 0;margin:0;padding:18px 20px}dl.tabs.mobile dd a.active{height:auto;border-width:1px 0 0;margin:0}.tabs.mobile{border-bottom:solid 1px #ccc;height:auto}.tabs.mobile dd a{border:none;border-left:none;border-right:none;border-top:1px solid #ccc;background:#fff;padding:18px 20px}.tabs.mobile dd a.active{border:none;background:#2ba6cb;color:#fff;position:static;top:0;height:auto;margin:0}.tabs.mobile dd:first-child a.active{margin:0}dl.contained.mobile,dl.nice.contained.mobile{margin-bottom:0}dl.contained.tabs.mobile dd a{padding:18px 20px}dl.tabs.mobile + ul.contained{margin-left:-20px;margin-right:-20px;border-width:0 0 1px}.flyout{position:relative;width:100%!important;top:auto;margin-right:-2px;border-width:1px 1px 0}.flyout.right{float:none;right:auto;left:-1px}.flyout p:last-child{margin-bottom:18px}label.right{text-align:left}.reveal-modal-bg{position:absolute}.reveal-modal,.reveal-modal.small,.reveal-modal.medium,.reveal-modal.large,.reveal-modal.xlarge{width:80%;top:15px;left:50%;margin-left:-40%;height:auto;padding:20px}.column:last-child,.columns:last-child,[class*=column] + [class*=column]:last-child{float:none}.row .mobile-one:last-child,.row .mobile-two:last-child,.row .mobile-three:last-child,.row .mobile-four:last-child{float:right}.row.collapse .mobile-one,.row.collapse .mobile-two,.row.collapse .mobile-three,.row.collapse .mobile-four{padding:0}.flyout.small,.flyout.large{width:100%!important}}

/* Visibility Classes ---------------------- */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print { display: none !important; }
.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print { display: inherit !important; }
/* Small display targeting */
@media only screen and (max-width: 767px) { 
	.show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
	.hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } 
}
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) { 
	.hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
	.show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } 
}
/* Very large display targeting */
@media only screen and (min-width: 1441px) { 
	.hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: inherit !important; }
	.show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } 
}
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: inherit !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; }
@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; }
  .hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; }
  .hide-for-portrait, .show-for-landscape { display: none !important; } }

/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }
.hide-for-touch { display: inherit !important; }
.touch .show-for-touch { display: inherit !important; }
.touch .hide-for-touch { display: none !important; }

@media only screen and (min-width: 768px) and (max-width: 899px) {
	.hide-for-medium-down{display:none!important;}
	.show-for-medium-down{display:block!important;}
}

@media only screen and (max-width: 767px) { /* Global Misc --- */
  .left, .right { float: none; }
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  /* The Grid --- */
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
  .row .mobile-one:last-child { float: right; }
  .row .mobile-one.end { float: left; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
  .row .mobile-two:last-child { float: right; }
  .row .mobile-two.end { float: left; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
  .row .mobile-three:last-child { float: right; }
  .row .mobile-three.end { float: left; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
  .row .mobile-four:last-child { float: right; }
  .row .mobile-four.end { float: left; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; }
}

/* fonts.css */
@font-face{font-family:'Proxima';font-weight:normal;font-style:normal;src:url('/assets/f3/font/proximanova.eot');src:url('/assets/f3/font/proximanova.eot?#iefix') format('embedded-opentype'),url('/assets/f3/font/proximanova.woff') format('woff'),url('/assets/f3/font/proximanova.ttf') format('truetype'),url('/assets/f3/font/proximanova.svg#Proxima') format('svg')}
@font-face{font-family:'Helvetica Neue';font-weight:normal;font-style:normal;src:url('/assets/f3/font/helveticaneue.eot');src:url('/assets/f3/font/helveticaneue.eot?#iefix') format('embedded-opentype'),url('/assets/f3/font/helveticaneue.woff') format('woff'),url('/assets/f3/font/helveticaneue.ttf') format('truetype'),url('/assets/f3/font/helveticaneue.svg#HelveticaNeue') format('svg')}
@font-face{font-family:'Entypo';font-weight:normal;font-style:normal;src:url('/assets/f3/font/entypo.eot');src:url('/assets/f3/font/entypo.eot?#iefix') format('embedded-opentype'),url('/assets/f3/font/entypo.woff') format('woff'),url('/assets/f3/font/entypo.ttf') format('truetype'),url('/assets/f3/font/entypo.svg#Entypo') format('svg')}

/* Body, nav, footer */
html, body { height: 101%; margin: 0 0 1px; padding: 0; }
nav { display: block; position: relative; width: 100%; height: 38px; border-bottom: 1px solid #333; background: #476E8E; box-shadow: 0 0 3px rgba(32,32,32,.6);
	background-image: -webkit-linear-gradient(top, #6087A8, #386386);
	background-image:    -moz-linear-gradient(top, #6087A8, #386386);
	background-image:     -ms-linear-gradient(top, #6087A8, #386386);
	background-image:         linear-gradient(to bottom, #6087A8, #386386);
}
nav select { display: none; }
.logo { position: relative; display: inline-block; float: left; width: 232px; height: 58px; margin-top: 5px; z-index: 11; }
.logo:before { content: ""; position: absolute; top: -13px; left: -11px; width: 228px; height: 70px; background: rgba(6,24,48,.4); z-index: -1; opacity: .6; 
	-webkit-transform: skew(20deg); -moz-transform: skew(20deg); transform: skew(20deg);
}
.logo:after { content: "BETA"; position: absolute; top: 40px; left: 239px; font: 10px "Proxima", Arial, san-serif; color: #000; letter-spacing: 2px; }
.logo a { display: block; width: 100%; height: 100%; padding: 0; text-indent: -9999px; background: transparent url('/assets/f3/img/sm/surfmarklogo.png') no-repeat; border-radius: 4px; }
.logo.compact { width: 155px; height: 41px; margin-top: 0; }
.logo.compact:before, .logo.compact:after { display: none; }
.logo.compact a { background: url('/assets/f3/img/sm/surfmark-logo-sm.jpg') no-repeat; }
nav ul { margin: 0 5px; float: right; }
nav li { display: inline-block; padding-bottom: 5px; }
nav a { position: relative; font: 12px/36px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; padding: 13px 15px; text-decoration: none; text-shadow: -1px -1px 1px rgba(32,32,32,.4); }
nav a:hover { color: #CAECF9; }
nav a.login { border-left: 1px solid #7593AA; margin-left: 11px; padding: 11px 20px 11px 35px; z-index: 10; box-shadow: -1px 0 1px #39454E; }
nav a.login:before { content: ""; position: absolute; top: 6px; left: 27px; width: 50px; height: 25px; background: rgba(34,70,117,.3);
    z-index: -1; box-shadow: inset 0 1px 3px #111; border-radius: 4px;
}
nav a.login:hover { color: #fff; }
nav a.login:hover:before,
nav a.login.open:before { background: rgba(77,178,235,.3); }
nav a.login.plain:before { display: none; }
nav a.userin { cursor: default; }
nav a.userin:after { content: ""; width: 0; height: 0; margin: 16px 0 0 4px; display: inline-block; vertical-align: top; border: 4px solid transparent; border-top-color: #ddd; border-bottom: 0; }
nav a.signup { display: none; font: 12px "Helvetica Neue", sans-serif; width: auto; height: 25px; padding: 0 10px; margin: 6px 0 0 0; line-height: 22px; box-shadow: none; border-radius: 4px; border-color: #333; }
nav a.signup.on { display: inline-block; }
nav a.signup:hover { color: #000; border-color: #666; box-shadow: 0 0 7px #ccc; }
nav a.signup:active { border-color: #000; box-shadow: inset 0 1px 1px #333; }
.flyout { display: none; position: absolute; top: 38px; left: 0; width: auto; min-width: 103px; z-index: 11111; margin: 0; padding: 7px 0 7px 10px; text-align: left; 
    border: 2px solid #eaeaea; border-top: 0; background: #222; background: rgba(32,32,32,.9); 
}
.flyout a { display: block; line-height: 22px; padding: 0; }
.flyout > a:before { display: inline-block; width: 16px; margin-right: 4px; font: 27px/14px "Entypo"; color: #fff; vertical-align: top; text-align: center; }
.flyout > a.top_messages:before { content: "%"; }
.flyout > a.top_settings:before { content: "@"; }
.flyout > a.top_logout:before { content: "/"; }
.flyout > a:hover, .flyout > a:hover:before { color: #FFED8C; }
.has-flyout { position: relative; }
.has-flyout:hover .flyout { display: block; }

footer.content { display: block; width: 100%; height: auto; min-height: 200px; padding-top: 25px; border-top: 1px solid #55718D; background: #476E8F; 
	background-image: -webkit-linear-gradient(top, #6087A8, #4B7597);
	background-image:    -moz-linear-gradient(top, #6087A8, #4B7597);
	background-image:     -ms-linear-gradient(top, #6087A8, #4B7597);
	background-image:         linear-gradient(to bottom, #6087A8, #4B7597);
}
footer > div { vertical-align: top; }
footer a, footer p { font: 12px/16px "Proxima", Helvetica, Arial, sans-serif; color: #fff; text-decoration: none; }
footer a:hover { color: #BDD0D6; text-decoration: underline; }
footer ul li { margin-bottom: 0; }
#allSmLinks { color: #fff !important; }

/* Login panel */
.loginp { height: 0; }
.loginp > div { position: relative; }
html.appview .loginp > div { width: 100%; }
.login-panel { display: none; position: absolute; top: 0; right: 4px; width: 275px; height: 218px; padding: 15px 20px; background: #476E8F; background: rgba(71,110,143,.97); z-index: 11111; }
.login-panel:hover { display: block; }
.login-panel a { font: italic 11px/27px "Trebuchet MS", Arial, sans-serif; color: #E4E4E4; margin-left: 5px; cursor: pointer; }
.login-panel a:hover { color: #CAECF9; text-decoration: underline; }
.login-panel a:focus { color: #fff; text-decoration: underline; }
.login-panel hr { border-top: 1px solid rgba(32,32,32,.6); border-bottom: 1px solid rgba(255,255,255,.3); height: 1px; margin: 5px 0; }
.login-panel span { font: 11px/27px "Trebuchet MS", Arial, sans-serif; color: #E4E4E4; }
.login-panel button.social { width: 20px; height: 19px; margin: 0 0 0 5px; }
.login-panel button.social:focus { box-shadow: 0 0 3px #fff; }
.login-panel.gspg { height: 180px; }
.login-panel hr.gstxt, .login-panel span.gstxt { display: none; }
.login-panel button.gold,
.login-panel button.grey { width: 63px; height: 27px; margin-bottom: 5px; border: 0; border-radius: 3px; box-shadow: none; font-weight: normal; font-size: 14px; white-space: nowrap; }
.login-panel button.grey:hover { color: #000; }
.login-panel button.gold:focus, 
.login-panel button.grey:focus { box-shadow: inset 0 0 0 1px #333; }
.login-panel input { border: 1px solid #245280; border-radius: 3px; }
.login-panel input:focus { background-color: #fff; border-color: #369 !important; box-shadow: 0 0 3px #fff; }

/* Global */
.logo, nav, nav span.show-on-small, nav a.signup, 
.usecase p, button, .smui, .arrowbtn, .grey, .gold, .brass,
.start .four button.brass ~ span, div.orbit-wrapper .slider-nav span,
nav .nav-bar li.notifs strong, 
.sumnav input[type=checkbox] + label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
::selection { background: #C2D4D9; color: #000; }
::-moz-selection { background: #C2D4D9; color: #000; }
::-webkit-input-placeholder { font: italic 11px/15px "Trebuchet MS", Arial, sans-serif; color: #777; padding-left: 2px; }
::-moz-placeholder { font: italic 11px/15px "Trebuchet MS", Arial, sans-serif; color: #777; padding-left: 2px; }
.content { margin: 0; padding: 0; }
.content.sub { margin-top: 50px; line-height: 26px; min-height: 600px; }
.content.sub.mini { min-height: 400px; }
.content.sub .columns { padding: 0 20px; }
.content.sub .columns:first-child { padding-left: 0; }
.on { display: block !important; }
.vert { padding: 7px 0 !important; }
iframe { border: none; }
input[type="radio"]:focus { box-shadow: none !important; }

#alertMsgDiv { display: none; position: fixed; top: 4px; width: 100%; z-index: 22222; }
#alertMsg.alert-box { width: 45%; margin: 0 auto; background: #21C2D8; border: 1px solid #216083; font: bold 14px/2 "Helvetica Neue", Arial, sans-serif; color: #fff; text-align: center; }
#alertMsg.alert-box.warning { background: #EBE553; color: #333; border-color: #8D671B; }
#alertMsg.alert-box.error { background: #F16868; border-color: #9B4747; }
#alertMsg.alert-box a { color: #ff0; text-decoration: underline; }
#alertMsg.alert-box a:hover { text-decoration: none; }

/* Sprites */
span.close:after, .share-opts li:before, .social, .cursor,
.sumbox dd p span, .close-reveal-modal, #signup p.signin-1clk a:before { background: transparent url('/assets/f3/img/sm/icons.png?v=3') no-repeat; }

label.search { position: relative; margin: 0; }
label.search:before { position: absolute; top: 10px; right: 7px; content: "\00F4"; font: 40px/0 "Entypo"; color: rgba(32,32,32,.4); }
label.search input { font: 16px/11px "Proxima", Helvetica, Arial, sans-serif; height: 30px; margin: 0; padding-top: 5px; }
label.search input::-webkit-input-placeholder { font: italic 11px/20px "Trebuchet MS", Arial, sans-serif; color: #888; padding-left: 2px; }
label.search input::-moz-placeholder { font: italic 11px/20px "Trebuchet MS", Arial, sans-serif; color: #888; padding-left: 2px; }
input:focus { border-color: rgba(82,168,236,.6) !important; box-shadow: 0 0 5px rgba(82,168,236,.4); }
span.close { font: 12px/12px "Proxima", Trebuchet MS, Arial, sans-serif; color: #333; cursor: pointer; z-index: 1111; }
span.close:hover { opacity: .7; }
span.close:after { content: ""; display: inline-block; width: 18px; height: 18px; background-position: 0 -2124px; margin-left: 7px; vertical-align: top; }

.closy { font-size: 12px; color: #999; float: right; margin-right: 40px; cursor: pointer; }
.closy:hover { color: #666; }
.closy:before { content: "\2191"; color: #777; margin-right: 9px; }
.panel.bluenote { background: #F1F1F1; border: 1px solid #E2E2E2; }
.panel.bluenote:before { content: ""; position: absolute; top: -1px; right: -1px; border-width: 0 16px 16px 0; border-style: solid; border-color: #E2E2E2 #F7F7F7; box-shadow:0 1px 0 rgba(0,0,0,.3), -1px 1px 1px rgba(0,0,0,.2); }
.fly { border-radius: 0 0 4px 4px; box-shadow: 0 2px 5px rgba(0,0,0,.2); }
.board { position: relative; padding: 15px 20px; background-color: #F5F5F5; border-top: 1px solid #aaa; border-bottom: 1px solid #777; }
.board span.close { position: absolute; top: 10px; right: 5px; }

ul.info,
ul.point { margin: 15px 0; }
ul.info li:before,
ul.point li:before { content: "`"; display: inline-block; font: 30px/12px "Entypo"; color: #666; vertical-align: top; margin-right: 10px; }
ul.point li:before { content: "{"; }

.featbtn { padding-right: 20px; }
.featbtn a { display: block; width: 30%; margin: 15px auto 10px; padding: 15px; border-radius: 30px; text-align: center; color: #444; }
.loadspin { display: none; }

/* Button sets */
button { cursor: pointer; }
button:focus { outline: none; }
.gold, .brass, .grey { padding: 4px 10px; font: bold 12px "Proxima", sans-serif; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,.3);
	box-shadow: inset 0 -1px 1px rgba(32,32,32,.4); border-radius: 3px; 
}
.gold { background-color: #FCD63A; border: 1px solid #797979; 
	background-image: -webkit-linear-gradient(top, rgba(255,217,61,.7), rgba(214,173,10,.7));
	background-image:    -moz-linear-gradient(top, rgba(255,217,61,.7), rgba(214,173,10,.7));
	background-image:     -ms-linear-gradient(top, rgba(255,217,61,.7), rgba(214,173,10,.7));
	background-image:         linear-gradient(to bottom, rgba(255,217,61,.7), rgba(214,173,10,.7));
}
.brass { background-color: #FFB83A; color: #111; border: 1px solid #C1711B; box-shadow: inset 0 1px 1px rgba(255,255,0,.6); 
	background-image: -webkit-linear-gradient(top, rgba(255,207,92,.7), rgba(223,156,38,.8));
	background-image:    -moz-linear-gradient(top, rgba(255,207,92,.7), rgba(223,156,38,.8));
	background-image:     -ms-linear-gradient(top, rgba(255,207,92,.7), rgba(223,156,38,.8));
	background-image:         linear-gradient(to bottom, rgba(255,207,92,.7), rgba(223,156,38,.8));
}
.grey { background-color: #ccc; color: #333; border: 1px solid #797979; border-bottom-color: #444; 
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.7), rgba(204,204,204,.8));
	background-image:    -moz-linear-gradient(top, rgba(255,255,255,.7), rgba(204,204,204,.8));
	background-image:     -ms-linear-gradient(top, rgba(255,255,255,.7), rgba(204,204,204,.8));
	background-image:         linear-gradient(to bottom, rgba(255,255,255,.7), rgba(204,204,204,.8));
}
.gold:hover, 
.brass:hover, 
.grey:hover { box-shadow: 0 0 3px rgba(32,32,32,.4); }
.gold:active, 
.brass:active, 
.grey:active { color: #000; border-bottom-color: #A36017; box-shadow: inset 0 1px 3px rgba(32,32,32,.6); }
.gold:hover { background-color: #ff0; }
.brass:hover { background-color: #F5FF00; }
.grey:hover { background-color: #fff; }
.grey:active { border-bottom-color: #444; }
.med { padding: 5px 15px; font: bold 16px/22px Trebuchet MS, "Proxima", Arial, sans-serif; }
.big { padding: 10px 35px; font-size: 16px; letter-spacing: 1px; }

.social { background-color: #F8F8F8; text-indent: 15px; padding: 3px 6px; margin-bottom: 10px;
	display: inline-block; zoom: 1; border: 1px solid #535353; color: #333; font: bold 11px/11px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	box-shadow: inset 0 -1px 1px rgba(32,32,32,.7); border-radius: 4px;
}
.social:hover { border-color: #888; box-shadow: 0 0 3px #fff; }
.social:active { border-color: #444; box-shadow: inset 0 1px 3px rgba(32,32,32,.4); }
.btn-fb { background-position: 3px -1006px; }
.btn-tw { background-position: 2px -962px; }
.btn-go { background-position: 1px -303px; }
.plus:before { content: "Z"; font: 27px/9px "Entypo"; color: #666; vertical-align: top; margin-right: 5px; display: inline-block; }

/* --- Effects --- */
.inset { box-shadow: inset 0 1px 5px rgba(32,32,32,.4); }
.radius { border-radius: 3px; }
.round { border-radius: 50px; }
.shade { box-shadow: 0 1px 6px rgba(32,32,32,.5); }
.glow { box-shadow: 0 1px 11px rgba(255,255,255,.7); }
.cursor { display: inline-block; width: 20px; height: 25px; background-position: 0 -2158px; }

/* --- Gradients --- */
.ltgry { background-color: #F5F5F5; 
	background-image: -webkit-linear-gradient(top, #F5F5F5, #E4E6E9);
	background-image:    -moz-linear-gradient(top, #F5F5F5, #E4E6E9);
	background-image:     -ms-linear-gradient(top, #F5F5F5, #E4E6E9);
	background-image:         linear-gradient(to bottom, #F5F5F5, #E4E6E9);
}
.ltblu { background: #ABC6EF; 
	background-image: -webkit-linear-gradient(top, #D6DFEE, #ABC6EF);
	background-image:    -moz-linear-gradient(top, #D6DFEE, #ABC6EF);
	background-image:     -ms-linear-gradient(top, #D6DFEE, #ABC6EF);
	background-image:         linear-gradient(to bottom, #D6DFEE, #ABC6EF);
}

/* Standard form */
.stand fieldset { width: 100%; padding: 20px; margin: 20px 0; border: 1px solid #ddd; background: #fff; }
.stand label { float: left; clear: left; width: 150px; text-align: right; font: 14px/28px "Trebuchet MS", Arial, san-serif; color: #444; margin: 0 10px 10px 0; }
.stand label.lead { font: 16px/20px "Trebuchet MS", Arial, san-serif; color: #397BB8; }
.stand input,
.stand textarea { float: left; width: 300px; padding-left: 5px; margin: 0; font: 16px "Proxima", Helvetica, Arial, san-serif; color: #444; border: 1px solid #ccc; background-color: #f5f5f5; }
.stand input.cvv { width: 50px; height: 26px; }
.stand input[type=radio],
.stand input[type=checkbox] { display: inline-block; width: 15px; height: 15px; margin: 2px 5px 0 0; float: none; border: none; padding: 0; vertical-align: top; }
.stand input[type=radio] + span { font-size: 13px; text-indent: -3px; margin-right: 20px; }
.stand input[type=radio]:focus ,
.stand input[type=checkbox]:focus { box-shadow: none; }
.stand input[type=radio] + span,
.stand input[type=checkbox] + span { display: inline-block; font: 13px "Trebuchet MS", Arial, sans-serif; color: #000; vertical-align: top; }
.stand select { float: left; display: inline; width: auto; height: 26px; padding: 0 0 0 5px; border: 1px solid #ccc; font: 13px Trebuchet MS, Arial, san-serif; color: #444;
	border-radius: 4px; vertical-align: top; margin: 0; margin-right: 10px;
}
.stand .group { clear: both; margin: 20px 20px 10px 160px; font-size: 13px; }
.stand .group p { line-height: 35px; margin: 0; font-size: 13px; }
.stand .group.ply { clear: none; margin-left: 24px; }
.stand label.error { clear: right; font-size: 9px; color: red; }

ul.pay { margin: 0 0 20px 0; }
ul.pay li { display: inline-block; width: 42px; height: 25px; text-indent: -9999px; background: url('/assets/f3/img/sm/icons-pay.png') no-repeat; }
ul.pay li.visa { background-position: 0 0; }
ul.pay li.mc { background-position: 0 -44px; }
ul.pay li.amex { background-position: 0 -88px; }
ul.pay li.disc { background-position: 0 -131px; }

/* Summary */
.sumbox { width: 1000px; font-family: "Proxima", "Helvetica", Trebuchet MS, Arial, san-serif; color: #333; }
.sumbox h4 { margin-bottom: 0; font-size: 16px; font-weight: normal; }
.sumbox a { color: #1D89E2; }
.sumbox a:hover { color: #CB852B; }
.sumbox h4 span { font: 35px/18px "Entypo"; color: #999; margin-right: 7px; vertical-align: top; }
.sumbox h4 + p { font: italic 13px/22px "Trebuchet MS", Helvetica, Arial, san-serif; margin-bottom: 15px; }
.sumbox dl { max-width: 1100px; width: 70%; background-color: #fff; border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; }
.sumbox dt { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.sumbox dt span { font: 27px/12px "Entypo"; color: #789B6E; float: right; margin-right: 3px; vertical-align: top; cursor: pointer; }
.sumbox dt strong { font-size: 12px; color: #789B6E; float: right; cursor: pointer; margin-right: 10px; }
.sumbox dd, .sumbox dd p { font-size: 12px; line-height: 20px; }
.sumbox dd p { margin-bottom: 9px; }
.sumbox dd textarea { display: none; width: 100%; max-width: 700px; height: 50px; background-color: #FAFAD6; border: 1px solid #ddd; padding: 5px 8px; 
	font: 12px "Proxima", Helvetica, Arial, san-serif; color: #111; border-radius: 2px; }
.sumbox dd p em { color: #777; margin-left: 11px; }
.sumbox dd a { font: italic 12px/22px "Trebuchet MS", Helvetica, Arial, san-serif; }
.sumbox hr { max-width: 1100px; width: 72%; border-top: 3px solid #599AD0; margin: 15px 0; }
.sumbox dd p span { display: inline-block; width: 15px; height: 15px; }
.sumbox dd p span.note-red { background-position: -1px -1749px; }
.sumbox dd p span.note-ylw { background-position: -1px -1774px; }
.sumbox dd p span.note-blu { background-position: -1px -1801px; }
.sumbox dd p span.note-grn { background-position: -1px -1830px; }
.sumbox dd p span.texty { background-position: -1px -517px; }
.sumbox dd p span.hilit { background-position: -1px -477px; }
.sumbox dd p span.drawr { background-position: -1px -491px; }

.sumnav { width: 180px; position: fixed; text-align: left; padding: 15px; margin-left: 760px; background-color: #eee; border: 1px solid #ddd; }
.sumnav h6 { font: normal 13px "Proxima", san-serif; text-transform: uppercase; margin-bottom: 8px; }
.sumnav input[type=checkbox] { display: none; }
.sumnav input[type=checkbox] + label { height: 16px; width: 16px; display: inline-block; font: 32px/6px "Entypo"; color: #999; background: #ddd; border: 1px solid #bbb; cursor: pointer; margin-right: 5px; vertical-align: top; }
.sumnav input[type=checkbox]:checked + label { background: #0080FF; color: #fff; border-color: #0080FF; }
.sumnav label + span { font: normal 12px/18px "Proxima", Helvetica, Arial, san-serif; color: #111; }
.sumnav a.close { font: 12px/22px "Proxima", Helvetica, Arial, san-serif; color: #4D4D4D; display: block; margin-top: 7px; text-indent: 3px; position: relative; top: 0; right: 0; }
.sumnav a.close span { font: 38px/12px "Entypo"; color: #333; margin-right: 7px; vertical-align: top; }

/* --- Reveal overlays: summary, video, tour --- */
.close-reveal-modal { position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; cursor: pointer; text-indent: -9999px; background-position: 0 -1669px; }
.close-reveal-modal:hover { background-position: 0 -1578px; }

#vidwin { width: 542px; background-color: #222; }
#tourwin { width: 1010px; height: 730px; overflow: hidden; padding: 0; margin-left: -510px; }
#notificationsModalDiv li { margin-bottom: 5px; }
#onBoardingModal.reveal-modal { position: fixed; top: 20px !important; background: none; }
.onboard-close { top: 5px; right: 5px; background-position: 0 -1578px; z-index: 11; }
.onboard-close:hover { background-position: 0 -1669px; }

#messagesModal.reveal-modal { padding: 10px 20px 20px; background-color: #F7F7F7; }
#messagesModal dl.tabs { margin-bottom: 0; border-bottom: solid 3px #57ADD6; }
#messagesModal dl.tabs dd a { padding: 0 30px; }
#messagesModal ul.tabs-content { padding-top: 10px; }
#messagesModal dd.active { background-color: #DFE9EE; height: 37px; }
#messagesModal dd.active a { color: #111; }
#messagesModal dl.tabs dd a { margin: 0; }
#messagesModal span.timeago,
#notificationsModal span.timeago { font: italic 12px/14px Trebuchet MS; color: #888; margin-left: 5px; }
ul#messagesOuterDiv li { position: relative; cursor: pointer; padding: 0 0 0 44px; border-bottom: 1px solid #E5E5E5; }
ul#messagesOuterDiv li:last-child { border-bottom: 0; }
ul#messagesOuterDiv li:hover { background-color: #fff; }

.sm_summary_text, .sm_summary_bib, 
.sm_summary_creator, .sm_summary_creator a { font-size: 12px; }
.sm_summary_text_behind { font: italic 12px "Trebuchet MS"; color: #333 !important; }

/* Sign-up modal */
#signup span.close { font-size: 12px; line-height: 12px; font-weight: normal; color: #555; top: 10px; right: 12px; }
#signup.reveal-modal { position: fixed; padding: 0 10px 10px 10px; margin-left: -225px; width: 450px; background-color: #CBE0E0; }
#signup dl.tabs { padding: 10px 10px 0 0; margin-bottom: 0; border-bottom: none; height: 38px; }
#signup dl.tabs dd { margin-right: 10px; background-color: #86BBBB; border-radius: 4px 4px 0 0; }
#signup dl.tabs dd.active { line-height: 32px; background-color: #fff; }
#signup dl.tabs dd.active a { color: #444; }
#signup dl.tabs dd.active a:hover { color: #444; cursor: default; }
#signup dl.tabs dd a { padding: 0 10px; font: bold 14px/28px "Helvetica Neue"; color: #fff; letter-spacing: 1px; text-decoration: none; height: 28px; }
#signup dl.tabs dd a:hover { color: #ff0; }
#signup ul.tabs-content { padding: 0 25px 25px; margin: 0; background-color: #fff; }
#signup ul.tabs-content > li { padding-top: 10px; }
#signup ul.tabs-content h2 { color: #137292; margin: 0; line-height: 45px; font-size: 17px; }
#signup ul.tabs-content span { font-size: 12px; margin: 0 0 0 15px; }
#signup ul.tabs-content p small { margin: 10px 0 10px 2px; display: block; width: 80%; }
#signup ul.tabs-content label { position: relative; margin-bottom: 12px; }
#signup ul.tabs-content input { background-color: #eee; height: 37px; }
#signup a { color: #137292; text-decoration: underline; }
#signup a:hover { color: #f60; text-decoration: none; }
#signup p.signin-1clk { margin: 0; padding: 0 0 0 20px; background-color: #e9e9e9; border-left: 2px solid #ccc; font-size: 12px; }
#signup p.signin-1clk a { display: inline-block; font-size: 12px; line-height: 18px; text-decoration: none; margin: 10px; padding-right: 8px; border: 1px solid #ccc; background: #f0f0f0; }
#signup p.signin-1clk a:hover { color: #222; background: #fff; border: 1px solid #ccc; }
#signup p.signin-1clk a:before { content: ""; display: inline-block; margin-right: 7px; vertical-align: top; width: 18px; height: 18px; }
#signup p.signin-1clk a.fb:before { background-position: 0 -18px; }
#signup p.signin-1clk a.gp:before { background-position: 0 0; }

/* Errors */
.signinErrLabel,
.signupErrLabel { display: none; color: #f00; font-size: 12px; }
.signupErrLabel:before { content: "c"; font: 38px/12px "Entypo"; color: #D83501; margin-right: 5px; vertical-align: top; }
.errmsg { font-weight: normal; font-size: 14px !important; line-height: 30px; color: #f00; display: block; margin: 0 0 10px 0 !important; }
h2.error { width: 100%; height: 36px; margin: 0 0 12px 0; background: #FFD7D7; border: 1px solid #F2C0C0; 
	font: bold 14px/33px "Helvetica Neue", "Helvetica", Arial, san-serif; color: #DF3B3B; text-align: center; }
.fielderror { position: absolute; top: 1px; right: 1px; display: block; width: 180px; height: 35px; padding: 0 0 0 15px; }
.fielderror p { font: bold 12px/36px "Helvetica Neue", "Helvetica", Arial, san-serif; }
.fielderror:before { content: ""; width: 0; height: 0; display: block; position: absolute; left: -7px; top: 11px;
	border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid; }
.fielderror.checking { background: #D5D5D5; color: #333; }
.fielderror.checking:before { border-right: 7px solid #D5D5D5; }
.fielderror.available { background: #CBDCA8; color: #1A6310; }
.fielderror.available:before { border-right: 7px solid #CBDCA8; }
.fielderror.unavailable { background: #FFD7D7; color: #DF3B3B; }
.fielderror.unavailable:before { border-right: 7px solid #FFD7D7; }

#loginframediv { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin-top: -5px; z-index: 200 !important; }
#loginframehidediv { position: absolute; width: 100%; height: 100%; z-index: 100; background-color: grey; filter: alpha(opacity=20); opacity: .2; }
#loginframeborder { position: absolute; width: 450px; height: 333px; border-radius: 15px; z-index: 100; margin: -165px 0 0 -225px; padding: 10px; background-color: #fff; border: 1px solid #638ab0; }
#closeLoginIframe { position: absolute; right: -14px; top: -14px; width: 24px; height: 24px; cursor: pointer; border-radius: 15px; border: 2px solid #638AB0; background: transparent url("/images/delete_black_24.png") no-repeat; }
iframe#loginframe { position: absolute; width: 450px; height: 333px; margin: 0 auto; background-color: #fff; z-index: 100; }

/* Unread notifications */
.notifs strong { display: inline-block; min-width: 20px; height: 20px; padding: 3px; background: #EEE620; border: 1px solid #386694; border-radius: 3px; font-size: 12px; line-height: 13px; color: #333; text-align: center; text-shadow: 1px 1px 1px rgba(255,255,255,.6); cursor: pointer; 
	background-image: -webkit-linear-gradient(top, #FFD600 0%, #FEA70C 100%);
	background-image:    -moz-linear-gradient(top, #FFD600 0%, #FEA70C 100%);
	background-image:     -ms-linear-gradient(top, #FFD600 0%, #FEA70C 100%);
	background-image:         linear-gradient(to bottom, #FFD600 0%, #FEA70C 100%);
}
.notifs strong:hover { box-shadow: 0 0 4px rgba(255,255,255,.8); }

/* Misc */
.fixedunverified{position:fixed;bottom:0px;height:40px;background-color:orange;width:100%;padding:5px;z-index:10000}
.fixedunverified .unverifiedcontent{font-size:17px;padding-top:10px;margin:0 auto;width:800px}
.unverifiedcontent span{display:none; color:green; font-size:12px;font-weight:bold;float:left}
.unverifiedcontent a { float: left; margin-left: 20px; font-size: 14px; color: #0800CC; text-decoration: underline; }
.unverifiedcontent a:hover { color: #c00; text-decoration: none; }
/*.unverifiedcontent a{background-color:#476E8E;border-radius:5px;padding:5px;color:white}*/

.searchboxdate { font-size: 10px; color: #888; }
nav li.prof a { padding: 0 15px; }
nav li.palm { display: none; }

/* --- Media queries --- */
@media only screen and (max-width: 767px) {
	nav span.show-for-small { display: none !important; }
}
@media only screen and (max-width: 610px) {
	nav li:nth-child(4) { display: none !important; }
}
@media only screen and (max-width: 568px) {
	nav span.show-for-small { display: inline-block !important; float: right; width: 100px; height: 27px; margin: 11px 10px 0; text-align: right; font: 57px/0 "Entypo"; color: #fff; cursor: pointer; }
	nav ul { display: none; position: absolute; top: 38px; right: 2px; min-width: 130px; background: #1E2B3A; border-radius: 0 0 3px 3px; z-index: 9999; }
	nav span.show-for-small:hover { color: #CAECF9; }
	nav span.show-for-small:active { color: #ff0; }
	nav span.show-for-small:hover + ul.nav-bar,
	nav span.show-for-small:active + ul.nav-bar,
	nav li, ul.nav-bar:hover { display: block; }
	nav li:first-child { margin-top: 8px; }
	nav li.has-flyout,
	nav .flyout { display: none !important; }
	nav li.palm { display: block; }
    nav li.norm.prof { display: none; }
	nav li.prof a { max-width: 125px; padding: 13px 15px; overflow: hidden; white-space: nowrap; }
	nav li.palm a:before { display: inline-block; font: 27px/0 "Entypo"; color: #fff; vertical-align: top; margin: -1px 5px 0 0; }
	nav li.palm.prof a:before { content: "+"; }
	nav li.palm.setts a:before { content: "@"; }
	nav li.palm.logout a:before { content: "/"; }
	nav li.palm.setts a:hover:before,
	nav li.palm.logout a:hover:before { color: #ff0; }
	nav a { display: block; width: 100%; font-size: 14px; line-height: .5 !important; }
	nav a:hover { color: #ff0; background: #486A8A; }
	nav a.login { border: 0; margin: 0; padding: 13px 15px; box-shadow: none; }
	nav a.login:before { content: none; }
	nav a.signup.on { width: 90%; margin: 5px auto; }
	nav a.userin:after { margin: 0 0 0 50px; }
	nav .flyout { top: 30px; left: 6px; border: 0; background: #21313F !important; border-radius: 0 0 3px 3px; }
	nav .flyout a:hover { background: none; }
	nav .notifs { margin-left: 9px !important; }
	nav .nav-bar li.notifs strong { border: 0; box-shadow: none; }
	nav .notifs strong:after,
	nav a.userin:after { content: none !important; }
}