/* HTML5 Boilerplate style.css contains a reset, font normalization and some base styles. credit is left where credit is due. much inspiration was taken from these projects: yui.yahooapis.com/2.8.1/build/base/base.css camendesign.com/design/ praegnanz.de/weblog/htmlcssjs-kickstart */ /* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* END RESET CSS */ /* fonts.css from the YUI Library: developer.yahoo.com/yui/ Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages There are three custom edits: * remove arial, helvetica from explicit font stack * we normalize monospace styles ourselves * table font-size is reset in the HTML5 reset above so there is no need to repeat */ body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */ select, input, textarea, button { font:99% sans-serif; } /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* * minimal base styles */ body, select, input, textarea { /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ color: #444; /* set your base font here, to apply evenly */ /* font-family: Georgia, serif; */ } /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ h1,h2,h3,h4,h5,h6 { font-weight: bold; } /* always force a scrollbar in non-IE */ html { overflow-y: scroll; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } a, a:active, a:visited { color: #607890; } a:hover { color: #036; } ul, ol { margin-left: 1.8em; } ol { list-style-type: decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ .ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */ /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink. */ ::-moz-selection{ background: #5faaf1; color:#fff; text-shadow: none; } ::selection { background:#5faaf1; color:#fff; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #5faaf1; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /* * Non-semantic helper classes */ /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } /* Primary Styles Author: */ /* * Media queries for responsive design * These follow after primary styles so they will successfully override. */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } /* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } @font-face { font-family: 'ExpresswayRegular'; src: local('�'), url('https://goodcloud1.s3.amazonaws.com/fonts/expressway_rg-webfont.eot?') format('eot'), url('https://goodcloud1.s3.amazonaws.com/fonts/expressway_rg-webfont.woff?edfd036ecc9c') format('woff'), url('https://goodcloud1.s3.amazonaws.com/fonts/expressway_rg-webfont.ttf?edfd036ecc9c') format('truetype'), url('https://goodcloud1.s3.amazonaws.com/fonts/expressway_rg-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bevan'; src: local('�'), url('https://goodcloud1.s3.amazonaws.com/fonts/Bevan-webfont.eot?') format('eot'), url('https://goodcloud1.s3.amazonaws.com/fonts/Bevan-webfont.woff?ad42d212d884') format('woff'), url('https://goodcloud1.s3.amazonaws.com/fonts/Bevan-webfont.ttf?ad42d212d884') format('truetype'), url('https://goodcloud1.s3.amazonaws.com/fonts/Bevan-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } @-moz-document url-prefix(http://) { button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { padding: 0 !important; border: 0 none !important; } } html { -webkit-font-smoothing: antialiased; } body { border: 0px; padding: 0px; margin: 0px; font-family: "Droid Sans", "Lucida Grande", "DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; } table { border-collapse: collapse; padding: 0px; margin: 0px; } .plain_text { font-family: "Droid Sans", Helvetica, "Lucida Grande", "DejaVu Sans","Bitstream Vera Sans",Verdana, Arial, sans-serif; } .goodcloud_typeface { font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; } a, a:active, a:visited { color: #004486; } a:hover { color: #0044A8; } input { /*font-family: 'ExpresswayRegular', Arial, sans-serif;*/ font-family: "Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; } input, textarea { font-size: 1.4em; } img, a img { border: 0px; } /*input, textarea {outline-style:none;}*/ p { margin: 1em 0px; } ::-moz-selection{ background: #3AA5FF; color:#fff; text-shadow: none; } ::selection { background:#3AA5FF; color:#fff; text-shadow: none; } html { overflow-y: auto; } .hidden { display: none; } input.prefilled.tv-focused, input.prefilled.tv-changed { color: #222; } input.prefilled { color: #AAA; } input.hovered.prefilled { color: #666; } input.prefilled.tv-focused { border: 2px solid #0355aa; } #test_badge { position: fixed; bottom: 0px; left: 0px; background: url('https://goodcloud1.s3.amazonaws.com/images/test-badge-bottom-right.png?776df1375aef'); width: 150px; height: 150px; z-index: 5000; } input[type="search"] { -webkit-appearance: textfield; } /* * jQuery UI CSS Framework 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } /*.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }*/ .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=ExpresswayRegular,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=70&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: ExpresswayRegular, Arial, sans-serif; font-size: 0.9em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: ExpresswayRegular, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-bg_inset-hard_100_fcfdfd_1x100.png?0476f44770b2') 50% bottom repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png?461fe26ae714') 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-bg_glass_85_dfeffc_1x400.png?461fe26ae714') 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-bg_glass_75_d0e5f5_1x400.png?461fe26ae714') 50% 50% repeat-x; font-weight: bold; color: #1d5987; } .ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #79b7e7; background: #f5f8f9 url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-bg_inset-hard_100_f5f8f9_1x100.png?461fe26ae714') 50% 50% repeat-x; font-weight: bold; color: #e17009; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #fad42e; background: #fbec88 url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-bg_flat_55_fbec88_40x100.png?a18710d75e88') 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-bg_glass_95_fef1ec_1x400.png?461fe26ae714') 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-icons_469bdd_256x240.png?d2c099123687'); } .ui-widget-content .ui-icon {background-image: url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-icons_469bdd_256x240.png?d2c099123687'); } .ui-widget-header .ui-icon {background-image: url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-icons_d8e7f3_256x240.png?d2c099123687'); } .ui-state-default .ui-icon { background-image: url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-icons_6da8d5_256x240.png?d2c099123687'); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-icons_217bc0_256x240.png?30db322a1693'); } .ui-state-active .ui-icon {background-image: url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-icons_f9bd01_256x240.png?d2c099123687'); } .ui-state-highlight .ui-icon {background-image: url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-icons_2e83ff_256x240.png?d2c099123687'); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-icons_cd0a0a_256x240.png?d2c099123687'); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-bg_flat_0_aaaaaa_40x100.png?a18710d75e88') 50% 50% repeat-x; opacity: .70;filter:Alpha(Opacity=70); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url('https://goodcloud1.s3.amazonaws.com/css/contrib/images/ui-bg_flat_0_aaaaaa_40x100.png?a18710d75e88') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.10 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.10 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* Colors: Blue: #000486 Light Blue: #006bcf; Grad: 0073de to ; Green: ; Orange: #ff6600; */ body { /* background: url('https://goodcloud1.s3.amazonaws.com/images/background-pattern-green.png?92d7fedf196e'); background: url('https://goodcloud1.s3.amazonaws.com/images/background-noise-green.png?92d7fedf196e'); background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-text-back-background.jpg?043c6c68454f');*/ background: #FFF; } main_nav { display: block; position: fixed; top: 0px; right: 0%; width: 100%; height: 80px; overflow: hidden; background-color: #0060b9; box-shadow: 0px 1px 2px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.35); -khtml-box-shadow: 0px 1px 2px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.35); z-index: 250; border: 1px solid #000; border-width: 0px 0px 1px 0px; /*background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-menubar.png?daecafa059f5'); */ /*background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-nav-bar-2.png?daecafa059f5'); */ /*background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-page-header.jpg?daecafa059f5');*/ font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; } a { text-decoration: none; } a:hover { text-decoration: underline; } input, textarea { font-size: 1.0em; } main_nav a.logo { width: 180px; float: left; border: 0px; height: 80px; padding: 0px; line-height: 1em; text-decoration: none; font-family: "News Cycle", 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; font-size: 20px; color: #2887df; display: table-cell; vertical-align: middle; position: relative; } main_nav a.logo .account_name { position: absolute; left: 0px; top: 0px; width: 170px; padding: 0px 5px; height: 80px; display: table; } main_nav a.logo .account_name p { display: table-cell; vertical-align: middle; text-align: center; } main_nav .username_and_logout { float: right; display: block; /*width: 140px;*/ text-align: center; color: #cee0f1; margin: 32px 20px 0px 0px; padding: 0px; } main_nav .username_and_logout .username { margin-right: 10px; } main_nav .username_and_logout a.logout_btn, main_nav .username_and_logout a.my_account_btn { color: #cee0f1; font-size: 14px; text-decoration: none; } main_nav .username_and_logout a.my_account_btn { margin-right: 15px; } main_nav .username_and_logout a.logout_btn:hover, main_nav .username_and_logout a.my_account_btn:hover { color: #FFF; } main_nav .username_and_logout a.admin_btn { padding: 0px 4px 1px 18px; margin-right: 16px; font-size: 13px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-settings-grey-12.png?992a2302f6a5'); background-position: 2px 2px; background-repeat: no-repeat; color: #888; background-color: #EEE; } main_nav .username_and_logout a.admin_btn:hover { background-color: #DDD; color: #777; } side_nav { display: block; position: fixed; left: 0px; top: 0px; padding: 110px 0px 0px 0px; margin: 0px; height: 100%; width: 170px; font-size: 16px; font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; background: #FAFAFA; border: 1px solid #EEE; border-width: 0px 1px 0px 0px; z-index: 200; } side_nav .nav_title { width: 100%; display: block; } side_nav a.nav_btn { display: block; padding: 10px 10px 10px 45px; text-decoration: none; color: #888; margin: 5px 0px 0px 10px; background-repeat: no-repeat; background-position: 13px 9px; } side_nav a.nav_btn.current { border-color: #AAA; border-bottom-color: #C2C2C2; color: #2887df; } side_nav a.nav_btn:hover { color: #707070; } side_nav a.nav_btn.current { color: #167ad6; } side_nav .username { display: block; padding: 10px; color: #888; } side_nav a.nav_btn.people { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-person-grey-inset-20.png?9d62d4a0ddc2'); } side_nav a.nav_btn.people.current { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-person-blue-inset-20.png?7aec26ca82df'); } side_nav a.nav_btn.dashboard { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-dashboard-grey-inset-20.png?350c53128c2a'); } side_nav a.nav_btn.dashboard.current { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-dashboard-blue-inset-20.png?350c53128c2a'); } side_nav a.nav_btn.organizations { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-organizations-grey-inset-20.png?7aec26ca82df'); } side_nav a.nav_btn.organizations.current { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-organizations-blue-inset-20.png?54528c5abe24'); } side_nav a.nav_btn.groups { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-groups-grey-inset-20.png?cbe4bee735a9'); } side_nav a.nav_btn.groups.current { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-groups-blue-inset-20.png?cbe4bee735a9'); } side_nav a.nav_btn.spreadsheets { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-spreadsheets-grey-inset-20.png?5508398f9e8b'); } side_nav a.nav_btn.spreadsheets.current { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-spreadsheets-blue-inset-20.png?5508398f9e8b'); } side_nav a.nav_btn.admin { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-admin-grey-inset-20.png?1804b41ee5c8'); } side_nav a.nav_btn.admin.current { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-admin-blue-inset-20.png?eb8e50317349'); } side_nav a.nav_btn.help { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-help-grey-inset-20.png?25da78e8a5e1'); } side_nav a.nav_btn.help.current { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-help-blue-inset-20.png?25da78e8a5e1'); } side_nav a.nav_btn.groups { background-position: 7px 9px; } side_nav a.nav_btn.people { background-position: 12px 9px; } side_nav #expired_side_bar { color: #FFF; width: 100%; background-color: red; text-align: center; padding: 4px 0px; } side_nav .side_account_expired_link:hover { text-decoration: none; } main_content { clear: none; display: block; margin: 0px ; padding: 80px 3% 0px 190px; height: 100%; left: 0px; width: 100%; position: absolute; z-index: 100; -moz-box-sizing: border-box; -opera-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box; border: 0px solid #AAA; color: #333; background: url('https://goodcloud1.s3.amazonaws.com/images/white-text-back.jpg?2dda83546cec'); background: #FFF; } #page { position: relative; padding: 20px; display: block; } footer { position: fixed; bottom: 6px; left: 0px; width: 170px; } footer img { } footer a, footer a:active, footer a:visited { display: block; width: 100%; color: #CCC; text-align: center; text-decoration: none; font-size: 13px; } footer a:hover { color: #999; text-decoration: none; } footer footer_icon { display: inline-block; width: 44px; height: 25px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/goodcloud-transparent-lightgrey-30.png?68a3c5e0dac4'); background-repeat: no-repeat; background-position: 0px 0px; vertical-align: middle; margin: 0px 3px; padding: 0px 0px 6px 0px; } footer:hover footer_icon { background-image: url('https://goodcloud1.s3.amazonaws.com/images/goodcloud-transparent-darkergrey-30.png?68a3c5e0dac4'); } footer footer_icon span { display:none; } #global_search { position: absolute; left: 30%; top: 22px; padding: 8px 0px 4px 32px; border: 0px solid #BBB; width: 40%; font-size: 20px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/search-24.png?c4838bbc4fdb'); background-position: 10px 6px; background-repeat: no-repeat; outline-style:none; background-color: #F8F8F8; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; outline: none; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.55); -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.55); -khtml-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.55); z-index: 400; } #global_search:focus { background-color:#FFF; } #global_search_results { position: fixed; top: 59px; left: 30%; display: block; overflow: auto; min-width: 40%; z-index: 10001; margin-top: 0px; padding: 0px 0px 3px 20px; z-index: 300; } #global_search_results tr.odd { background-color: #FFF; } #global_search_results .no_people_found.global_results_table { background-color: #FFF; } #global_search_results td { white-space: nowrap; padding: 6px 8px; } #global_search_results .hide_in_global { display: none; } #global_search_results .global_results_table { margin: 0px; border: 1px solid #999; border-top-color: #CCC; box-shadow: 0px 1px 2px rgba(0,0,0,0.55); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.55); -khtml-box-shadow: 0px 1px 2px rgba(0,0,0,0.55); font-size: 16px; } #global_search_results .global_results_table .name span { display: block; float: left; } #global_search_results .global_results_table .organization_row .name span { margin-top: 4px; } page_title { display: block; font-size: 30px; margin-bottom: 8px; font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; /*font-size: 34px; margin: -40px 0px 20px 0px; position: relative; left: 20%; width: 60%; text-align: center; color: #DDD;*/ } page_title img { vertical-align: text-top; margin-right: 8px; } record_list { padding: 20px 10px; } form_actions { display: block; clear: both; width: 96%; padding: 20px 10px 0px 10px; } add_another { display: block; clear: both; width: 100%; padding-top: 20px; } .hidden { display: none; } .breadcrumb_container { width: 100%; clear: both; height: 30px; } breadcrumb { height: 30px; /* width: 380px;*/ position: relative; float: left; padding: 0px 6px 0px 6px; z-index: 100; } breadcrumb a, breadcrumb a:active, breadcrumb a:hover, breadcrumb a:visited { display: block; text-decoration: none; color: #454545; padding: 6px; text-align: center; z-index: 100; background-color: #FDFDFD; border: 1px solid #EEE; } breadcrumb a:hover { border: 1px solid #DDD; } new_object_buttons { display: block; padding: 10px 10px 10px 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /* background-color: #e1f4fe; width: 96%; margin: 0px auto; */ } new_object_buttons .new_label { display: block; float: left; position: relative; margin: -3px 10px 0px 0px; font-size: 24px; } .mycelium_btn, input.mycelium_btn, a.mycelium_btn { border: 1px solid #004486; background-color: #004486; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); white-space: nowrap; font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; } .mycelium_btn, input.mycelium_btn { font-size: 18px; padding: 5px 11px; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; /* box-shadow: 1px 1px 2px #454545; -moz-box-shadow: 1px 1px 2px #454545; -webkit-box-shadow: 1px 1px 2px #454545; */ } .mycelium_btn:hover, input.mycelium_btn:hover { background-color: #0044A8; color: #FFF; text-decoration: none; } .mycelium_btn.disabled, .mycelium_btn.disabled:hover { color: #FFF; background-color: #CCC; border-color: #DDD; text-shadow: 0px 0px 0px; } .mycelium_small_btn, input.mycelium_small_btn { font-size: 12px; padding: 3px 6px; } .mycelium_small_btn:hover, input.mycelium_small_btn:hover { text-decoration: none; } .mycelium_gray, .mycelium_grey, input.mycelium_gray, input.mycelium_grey, a.mycelium_gray, a.mycelium_grey { border-color: #EEE; background-color: #EEE; color: #999; text-shadow: 1px 1px 2px rgba(240,240,240,0.2); } .mycelium_gray:hover, .mycelium_grey:hover, input.mycelium_gray:hover, input.mycelium_grey:hover, a.mycelium_gray:hover, a.mycelium_grey:hover { border-color: #EEE; background-color: #EEE; color: #999; } .mycelium_active_gray, .mycelium_active_grey, input.mycelium_active_gray, input.mycelium_active_grey, a.mycelium_active_gray, a.mycelium_active_grey { border-color: #EEE; background-color: #DDD; color: #454545; text-shadow: 1px 1px 2px rgba(240,240,240,0.2); } .mycelium_active_gray:hover, .mycelium_active_grey:hover, input.mycelium_active_gray:hover, input.mycelium_active_grey:hover, a.mycelium_active_gray:hover, a.mycelium_active_grey:hover { border-color: #DDD; background-color: #CCC; color: #454545; } .mycelium_red_btn, input.mycelium_red_btn, a.mycelium_red_btn { border-color: red; background-color: #d91a00 !important; color: #FFF; } .mycelium_red_btn:hover, input.mycelium_red_btn:hover, a.mycelium_red_btn:hover { border-color: red; background-color: #FE1E00 !important; color: #FFF !important; } .mycelium_left_arrow_btn, .mycelium_left_arrow_btn:hover { padding: 5px 12px 5px 25px ; background-color: transparent; background-image: url('https://goodcloud1.s3.amazonaws.com/images/mycelium-left-button-grey-28.png?ec0f81ea8b53'); background-position: 0px 50%; background-repeat: no-repeat; color: #284E72; border: 1px solid #d8d8d8; border-width: 0px 1px 0px 0px; text-decoration: none; } .mycelium_left_arrow_btn:hover { color: #0044A8; } .mycelium_delete_btn { padding: 5px 12px 5px 29px ; background-color: #DDD; background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-delete-grey-18.png?fbfa2b356131'); background-position: 5px 6px; background-repeat: no-repeat; } .mycelium_delete_btn:hover { background-color: #E2E2E2 !important; color: #FE1E00 !important; background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-delete-red-18.png?5bacc02f4378'); } .mycelium_delete_btn.mycelium_small_btn { padding: 2px 5px 2px 19px; background-position: 4px 3px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-delete-grey-12.png?fbfa2b356131'); } .mycelium_tool_btn { padding: 5px 12px 5px 29px ; background-color: #DDD; background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-tool-grey-18.png?7dd71a3af992'); background-position: 7px 6px; background-repeat: no-repeat; } .mycelium_tool_btn.mycelium_small_btn { padding: 2px 5px 2px 19px; background-position: 4px 3px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-tool-grey-12.png?fe0a199c587f'); } .mycelium_new_btn { /* background-repeat: no-repeat; padding: 2px 5px 2px 19px; background-position: 4px 7px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-new-12.png?7d5ee93304d2');*/ } table.record_table { width: 100%; margin-top: 10px; } table.record_table th { text-align: left; background-color: #DDD; padding: 3px 5px 2px 5px; border: 1px solid #999; border-width: 0px 0px 1px 0px; } table.record_table td { padding: 2px; } .striped .striped_row.even { background-color: #F6F6F6; } save_status_and_button { position: absolute; right: 20px; top: 20px; } fragment { position: relative; } tabbed_box { display: block; position: relative; overflow: visible; } tabbed_box tab_title_container { display: block; width: 100%; margin: 0px; height: 34px; position: relative; } tabbed_box tab_title { display: block; float: left; border: 1px solid #999; border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; background-color: #F8F8F8; color: #0355aa; border-bottom: 1px solid #FFF; font-size: 18px; margin: 0px; padding: 5px 11px 3px 11px; cursor: pointer; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); position: absolute; bottom: -1px; } tabbed_box.open tab_title { border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; } tabbed_box.with_button tab_title { border: 1px solid #004486; background-color: #004486; color: #FFF; padding: 5px 11px; cursor: pointer; } tabbed_box.with_button.open tab_title { background-color: #3E9CFD; border-color: #3E9CFD; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } tabbed_box tab_title icon { display: block; float: left; background-position: 0px 0px; background-repeat: no-repeat; width: 24px; height: 22px; margin-right: 3px; } tabbed_box tab_title icon.home { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-home-22h.png?25da78e8a5e1'); background-position: 0px 2px; } tabbed_box tab_title icon.company { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-business-grey-22h.png?41a97954051d'); background-position: 3px 2px; } tabbed_box tab_title text { float:right; padding-top: 2px; } tabbed_box box_content { display: block; width: 96%; margin: 0px; border: 1px solid #DDD; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; background-color: #EEE; padding: 10px 2%; min-height: 60px; overflow: auto; } tabbed_box.with_button.closed box_content { display: none; } tabbed_box.with_button.open box_content { display: block; border-color: #3E9CFD; } tabbed_box box_close { position: absolute; bottom: 20px; right: 20px; z-index: 200; } delete_object_block { display: block; padding: 10px; } tags { display: block; width: 96%; overflow: auto; padding: 20px; } tag { display: block; float: left; background-image: url('https://goodcloud1.s3.amazonaws.com/images/tag-24h.png?8a6073016cdd'); background-position: 0px 0px; background-repeat: no-repeat; color: #FFF; padding: 2px 0px 5px 15px; margin: 0px 4px; } tag .remove_tag_link { display: block; float: right; width: 18px; height: 18px; color: #95ADC0; margin: 2px 3px 2px 0px; text-decoration: none; background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-delete-lightblue-15.png?fbfa2b356131'); background-repeat: no-repeat; } tag .remove_tag_link:hover { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-delete-lightblue-hover-15.png?5bacc02f4378'); } tags label { display: block; float: left; font-size: 16px; } tag name { margin-right: 5px; white-space: nowrap; } tag.new_tag { background-image: url('https://goodcloud1.s3.amazonaws.com/images/tag-new-24.png?8a6073016cdd'); text-decoration: none; padding-top: 0px; } tag.new_tag name { margin: 0px 10px 0px 5px; } tag.new_tag input[type=text] { margin: 0px 4px 0px 0px ; padding: 0px 2px; font-size: 14px; color: #FFF; background-color: #535FB0; background-color: rgba(255,255,255,0.3); border: 1px solid #000486; border-width: 0px 0px 1px 0px; /* min-width: 30px;*/ } tag.new_tag input::-webkit-input-placeholder { color: #DDD; } tag.new_tag input:-moz-placeholder { color: #DDD; } tag.new_tag input:focus { color: #FFF; outline-style:none; background-color: #535FB0; background-color: rgba(255,255,255,0.2); } tag.new_tag .tag_add_btn { display: none; padding: 1px 5px; margin: 0px 5px 0px 0px; background-color: #035DCD; border: 0px; } tag.new_tag .tag_add_btn:hover { background-color: #2669FE; } tags form#new_tag_form { position: relative; } tags search_results { position: fixed; display: block; width: auto; } tags search_results .new_tag_list { margin-top: 10px; width: auto; display: block; z-index: 60; background-color: #EEE; background-color: rgba(255,255,255,0.85); border: 1px solid #535FB0; border-width: 0px 1px 1px 1px; padding: 5px; display: none; box-shadow: 0px 1px 2px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.35); -khtml-box-shadow: 0px 1px 2px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.35); } tags search_results .tag_suggestion_link { display: block; } tags search_results .new_tag_list list_title { color: #888; font-size: 15px; } tags search_results .new_tag_list .similar_tags { padding: 0px 5px 5px 5px; } tags search_results .new_tag_list .similar_tags a { font-size: 15px; padding: 2px 0px; } .pre_delete { opacity: 0.6; text-decoration: line-through; } .pre_delete .mycelium_delete_btn { opacity: 1; text-decoration: none; } table.two_column_70_30 { width: 100%; margin: 0px; padding: 0px; } .two_column_70_30 .column_1 { width: 70% } .two_column_70_30 .column_2 { width: 30% } tag.checkbox { position: relative; } tag.checkbox, tag.new_checkbox_tag { display: block; background: transparent; color: #454545; padding: 0px; width: 100%; margin: 2px 0px; } tag.checkbox label { margin-left: 16px; display: block; } tag.checkbox .checkbox_input { margin: 0px 4px 2px 0px; position: absolute; left: 0px; top: 4px; } tags.checkboxes { padding: 0px 0px 0px 16px; } tags.checkboxes .new_checkbox_tag input.checkbox_input { margin-bottom: 4px; } tags.checkboxes .new_checkbox_tag input.new_tag_name_input { border: 1px solid #BBB; padding: 0px; margin: 0px 0px 0px 4px; border-width: 0px 0px 1px 0px; font-size: 16px; width: 90px; } tags.checkboxes .new_checkbox_tag input.new_tag_name_input:focus { outline-style:none; border: 1px solid #3E9CFD; border-width: 0px 0px 1px 0px; } column { display: block; float: left; } feedback_button { background-image: url('https://goodcloud1.s3.amazonaws.com/images/feedback-and-help.png?9c25d3775c76'); width: 40px; height: 196px; position: fixed; left: 0px; top: 35%; } tab_contents actions { display: block; width: 100%; text-align: right; padding: 4px 0px 0px 0px; } .result_row { padding: 10px; } .result_row.even { background-color: #F8F8F8; } .results_table { width: 98%; border-collapse: collapse; padding: 0px; margin: 3px 1%; font-size: 18px; } .results_table th { text-align: left; /* background-color: #0355aa; color: #FFF;*/ } .results_table td { padding: 5px; } search_results .results_table .name { width: 50%; white-space: nowrap; } search_results .results_table .email { width: 30%; white-space: nowrap; } search_results .results_table .email a, search_results .results_table .email a:visited, search_results .results_table .email a:active { color: #333; } search_results .results_table .phone_number { width: 20%; white-space: nowrap; } search_results .results_table .best_contact { /* color: #004486;*/ /* padding-left: 24px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-primary-contact-20.png?65aa369dbed1'); background-position: 0px 7px; background-repeat: no-repeat; */ } .result_row icon { display: block; float: left; background-position: 6px 0px; background-repeat: no-repeat; width: 34px; height: 20px; margin: 0px 5px 0px -3px ; padding-left: 0px; } .result_row icon.person { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-person-grey-inset-20.png?9d62d4a0ddc2'); } .result_row icon.organization { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-organizations-grey-inset-20.png?7aec26ca82df'); background-position: 8px 0px; } .result_row icon.group { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-groups-grey-inset-20.png?cbe4bee735a9'); background-position: 0px 0px; } .result_row icon.spreadsheet { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-spreadsheets-grey-inset-20.png?5508398f9e8b'); } save_status_and_button { padding-top: 8px; z-index: 1000; } save_status_and_button a, save_status_and_button .save_info { display: block; float: right; margin-left: 10px; } save_status_and_button .save_and_status_btn { display: none; width: 70px; text-align: center; } .manage_tags save_status_and_button .save_and_status_btn { display: block; } save_status_and_button .edit_done_btn { display: none; } save_status_and_button .edit_contact_done_btn { display: none; } save_status_and_button .save_info { padding-top: 10px; margin-right: 10px; } #basic_info_form save_status_and_button a.mycelium_active_grey { font-size: 17px; padding: 7px 11px 5px 11px; } tabbed_box tab_title icon.home { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-home-blue-20h.png?25da78e8a5e1'); } tabbed_box tab_title icon.company { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-business-blue-20h.png?41a97954051d'); } tabbed_box tab_title_container { margin-top: 10px; } tabbed_box tab_title { color: #004486; text-shadow: 1px 1px 0px rgba(0,0,0,0); background-color: #FAFAFA; border: 1px solid #DDD; border-bottom-color: #FAFAFA; cursor: default; font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; } tabbed_box box_content { border: 1px solid #DDD; background-color: #FAFAFA; width: 100%; } coming_soon { display: block; width: 100%; padding: 30px 0px 50px 0px; text-align: center; color: #999; font-size: 24px; } .detail_header { font-size: 24px; color: #454545; border: 1px solid #BBB; border-width: 0px 0px 1px 0px; padding-top: 4px; clear: both; font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; } #help_popup { display: block; position: fixed; left: 130px; width: 70%; background: url('https://goodcloud1.s3.amazonaws.com/images/left-arrow-light-grey.png?9943d83f1176'); background-repeat: no-repeat; background-position: left 50%; margin-top: 20px; display: none; } #help_popup_content { display: block; margin-left: 40px; border: 4px solid #DDD; background-color: #F2F2F2; padding: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #help_popup .help_header { font-size: 40px; color: #888; display: block; margin: 0px 0px 20px 0px; text-align: center; } #help_popup .help_subheader { text-align: center; font-size: 18px; } #help_popup .more_button { margin-bottom: 20px; display: block; background-repeat: no-repeat; background-position: 18px 20px; width: 90%; margin-left: 5%; } #help_popup .more_button .button_title { padding: 10px 10px 0px 100px; font-size: 30px; text-align: left; } #help_popup .more_button .details { padding: 10px 20px 14px 20px; text-align: center; } #help_popup .more_button .button_description { padding-left: 100px; white-space: normal; font-size: 15px; padding: 0px 10px 15px 100px; color: #92C2FC; } #help_popup .more_button.phone { background-image: url('https://goodcloud1.s3.amazonaws.com/images/contact-phone-48.png?9c25d3775c76');} #help_popup .more_button.online { background-image: url('https://goodcloud1.s3.amazonaws.com/images/contact-online-48.png?7afb5e90f375');} #help_popup .more_button.email { background-image: url('https://goodcloud1.s3.amazonaws.com/images/contact-email-48.png?7afb5e90f375');} #help_popup a.close_help_popup_btn, #help_popup a.close_help_popup_btn:hover { position: absolute; right: 20px; top: 5px; font-size: 30px; color: #AAA; text-decoration: none; } .gist_and_remainder .remainder, .gist_and_remainder .hide_remainder_link { display: none; } body { background: #0a5ab9; background-repeat: no-repeat; background-position: 50% 0px; } body.home_page { background-color: #0a5ab9; background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-background-stripes-6.jpg?fdee01cb0aa8'); background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-background-stripes-7.jpg?fdee01cb0aa8'); background-repeat: no-repeat; background-position: 50% 0px; position: relative; } .page_content_body { position: relative; display: block; background-color: #dbefff; background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-text-back-background.jpg?043c6c68454f'); min-height: 800px; padding: 20px 0px 150px 0px; } body.home_page .page_content_body { background: transparent; } body.home_page .page_header { display: none; } .page_header { font-size: 35px; display: block; margin: 0px; height: 100px; width: 95%; padding: 60px 0px 0px 5%; font-family: 'Bevan', Arial, sans-serif; color: #FFF; text-shadow: 1px 1px 2px #000486; -moz-text-shadow: 1px 1px 2px #000486; -webkit-text-shadow: 1px 1px 2px #000486; text-align: left; border: 1px solid #000; border-width: 0px 0px 1px 0px; background-color: #0060b9; background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-page-header-background.jpg?daecafa059f5'); background-repeat: no-repeat; } .page_header .subheading { display: block; font-size: 18px; padding: 4px; } #nav_and_logo_container { width: 100%; display: block; height: 80px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-menubar.png?daecafa059f5'); /*background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-nav-bar-2.png?daecafa059f5'); */ /*background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-page-header.jpg?daecafa059f5');*/ /*background: #0864d1; border: 1px solid #004089;*/ background-repeat: repeat-x; background-position: 0px 0px; border: 1px solid #0a2a89; border-width: 0px 0px 1px 0px; clear: both; margin-top: 0px; } #section .tab_content { width: 66%; margin-left: 22%; background: rgba(255,255,255,0.8); background: transparent; border: 0px solid #CCC; /*border-width: 0px 1px;*/ border-radius: 0px; font-size: 18px; color: #4e585e; display: block; } .tab_subheading { font-size: 30px; color: #0085d1; /*color: #6eb3d6;*/ margin: 30px 0px 6px 0px; } .tab_title { font-size: 30px; font-weight: bold; } .page_top_hook { font-size: 25px; text-align: center; width: 92%; margin: 10px 0px 40px 2%; } .page_top_hook.full { width: 100%; margin: 10px 0px 40px 0px; } .page_content_body a { color: #2c8bbd; } #main_nav { display: block; float: right; height: 60px; padding: 24px 4px 0px 0px; overflow: hidden; } #main_nav a { text-decoration: none; /* border-right: 1px solid #EEE; border-bottom: 4px solid #BBB; border-top-width: 0px; */ font-size: 17px; padding: 4px 17px 4px 17px; margin: 0px; display: block; float: left; color: #cee0f1; font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; } #main_nav a.first { /* border-left: 1px solid #EEE; */ /* border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; */} #main_nav a.last { border-right: 0px solid #EEE; /* border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; */ } #main_nav a.current { color: #FFF; background-color: #002dab; border-radius: 4px; -moz-border-radius: 4px; /*border-bottom: 4px solid #3E9CFD;*/ } #main_nav a:hover { color: #FFF; } #logo { display: block; float: left; margin-top: 4px; margin-left: 10px; font-size: 50px; width: 320px; color: #FFF; height: 70px; padding-top: 3px; background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-full-logo-55h.png?e052e844f0a1'); background-position: 5px 3px; background-repeat: no-repeat; text-decoration: none; z-index: 100; } #home_layout_block { padding-top: 100px; width: 100%; clear: both; } #home_layout_columns { /* position: absolute;*/ width: 100%; clear: both; } #goodcloud_hearts_nonprofits { font-size: 100px; color: #000; width: 47%; text-align: left; padding: 80px 0px 0px 5%; vertical-align: top; position: relative; } #home_right_content { color: #222; font-size: 30px; font-family: 'ExpresswayRegular', Arial, sans-serif; width: 53%; padding-right: 3%; vertical-align: top; } #goodcloud_hearts_nonprofits .goodcloud { } #goodcloud_hearts_nonprofits .we { padding-right: 0.2em; } #goodcloud_hearts_nonprofits .verbs { position: relative; width: 300px; top: 0px; } #goodcloud_hearts_nonprofits .verbs .verb { position: absolute; top: 0px; left: 0px; } #goodcloud_hearts_nonprofits .heart { color: #E10001; font-size: 1.4em; line-height: 0.9em; font-family: Helvetica; } #goodcloud_hearts_nonprofits .verb_2, #goodcloud_hearts_nonprofits .verb_3, #goodcloud_hearts_nonprofits .verb_4 { display: none; } #goodcloud_hearts_nonprofits .serve { display: none; } #goodcloud_hearts_nonprofits .hearts .heart_s { display: none; font-size: 80px; color: #000; } .welcome_text { padding: 20px 0px 0px 0px; width: 100%; text-align: center; font-size: 100px; color: #999; } .email_terms { margin-top: 6px; color: #454545; font-size: 16px; } input { font-size: 20px; padding: 6px; } #id_submit { border: 0px solid #EEE; background-color: #EEE; padding: 6px 20px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-sizing: border-box; -opera-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space:nowrap; background-color: #004486; background-repeat: repeat-x; color: #EEE; text-shadow: 1px 1px -1px #0355aa; -moz-text-shadow: 1px 1px -1px #0355aa; -webkit-text-shadow: 1px 1px -1px #0355aa; cursor: pointer; } #id_submit.hovered { background-color: #0040C2; color: #FFF; } .thanks_message { color: #004486; /* font-size: 30px;*/ } .more_info { /* padding: 30px 0px 20px 0px;*/ margin-top: 0px; color: #454545; font-size: 25px; } #page_content { padding: 100px 10%; font-size: 20px; color: #333; } #page_content h1, #page_content h2 { font-weight: normal; } #page_content h1 { margin: 20px 0px 30px 0px; text-align: center; color: #000; font-size: 40px; } #page_content h2 { margin-top: 10px; margin-bottom: 0px; color: #004486; font-size: 30px; } #page_content p { margin-top: 0px; } .employee { display: block; padding: 40px 10%; padding-top: 0px; position: relative; width: 80%; z-index: 999; } social_links { padding: 10px; margin-top: 20px; text-align: center; display: block; } #home_boxes { display: block; /*position: absolute;*/ overflow: visible; padding: 0px; margin: 0px; padding-top: 366px; width: 100%; background: url('https://goodcloud1.s3.amazonaws.com/images/superpowers-text.png?9c5ae8b36341'); background-position: 50% 70px; background-repeat: no-repeat; font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; font-size: 15px; } #home_boxes .home_box { /*display: block;*/ /*width: 29%;*/ /*margin: 0px 2% 0px 2%;*/ /*float: left;*/ /*height: 140px;*/ /*padding: 0px; margin: 0px;*/ background-color: #006bcf; border-radius: 6px; -moz-border-radius: 6px; box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -khtml-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); background-color: #EEE; margin-bottom: 20px; } #home_boxes .home_box.loved_by { /* width: 30%;*/ } #home_boxes .home_box .title { background-color: #000486; color: #FFF; padding: 6px 6px 6px 10px; border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; font-size: 18px; box-shadow: 0px 1px 1px rgba(0,0,0,0.35); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.35); -khtml-box-shadow: 0px 1px 1px rgba(0,0,0,0.35); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.35); font-family: 'ExpresswayRegular',"Droid Sans", "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; /* border: #222 1px solid; border-width: 0px 0px 1px 0px; */ } #home_boxes .home_box .description { padding: 10px 10px 0px 10px; } #home_boxes .home_box .action { text-align: right; padding: 10px; } #home_boxes .home_box.built_for_nonprofits .description { background: url('https://goodcloud1.s3.amazonaws.com/images/chat-48.png?38e4c4a71a0c'); background-repeat: no-repeat; background-position: 10px 12px; padding-left: 70px; } #home_boxes .home_box.loved_by .description { background: url('https://goodcloud1.s3.amazonaws.com/images/heart-48.png?eb8e50317349'); background-repeat: no-repeat; background-position: 10px 12px; padding-left: 70px; } #home_boxes .home_box.ready_to_go .description { background: url('https://goodcloud1.s3.amazonaws.com/images/magic-48.png?c49455da5b9d'); background-repeat: no-repeat; background-position: 10px 12px; padding-left: 70px; } .features { } .features .feature { display: block; width: 93%; margin: 0px 3%; float: left; border-radius: 4px; -moz-border-radius: 4px; /*box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -khtml-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); background-color: #EEE;*/ padding-bottom: 20px; } .features .feature:hover { /*background-color: #006bcf;*/ } .features .feature .title { color: #0085d1; font-size: 20px; padding: 10px 10px 0px 0px; margin-left: 0px; border: 1px solid #88abbe; border-width: 0px 0px 1px 0px; } .features .feature .description { background-repeat: no-repeat; background-position: 0px 6px; padding: 5px 10px 10px 60px; color: #454545; } .features .feature.no_icon .description { padding: 5px 10px 10px 0px; } .features .feature.find_fast .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Zoom.png?5fe6fd410825'); } .features .feature.full_contact .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Contacts2.png?93187c44fff3'); } .features .feature.groups .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/magic.png?e9e6b1331021'); } .features .feature.volunteer .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Clipboard b.png?93187c44fff3'); } .features .feature.donations .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Cash.png?93187c44fff3'); } .features .feature.thank_you_letters .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Mail.png?5fe6fd410825'); } .features .feature.custom_tags .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Tag.png?5fe6fd410825'); } .features .feature.spreadsheet .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Calculator full.png?2dda83546cec'); } .features .feature.data_import .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Box.png?2dda83546cec'); } .features .feature.support .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/float.png?93187c44fff3'); } .features .feature.cloud .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Cloud.png?93187c44fff3'); } .features .feature.more_to_come .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Lightbulb.png?e9e6b1331021'); } .features .feature.keychain .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Keychain.png?e9e6b1331021'); } .features .feature.shield .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Shield.png?5fe6fd410825'); } .features .feature.glasses .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Glasses.png?165bade79c16'); } .features .feature.export .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/CrateDownload.png?93187c44fff3'); } .features .feature.map .description { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icons/Map.png?5fe6fd410825'); } .page_action, a.page_action { display: block; text-decoration: none; background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-action-ribbon.png?c49455da5b9d'); background-repeat: no-repeat; background-position: 0px 0px; float: right; right: 0px; height: 80px; padding: 18px 30px 18px 60px; text-align: center; color: #FFF; font-size: 24px; text-shadow: 1px 1px 1px rgba(0,0,0,0.35); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.35); -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.35); cursor: pointer; } .page_action:hover, a.page_action:hover { background-image: url('https://goodcloud1.s3.amazonaws.com/images/action-ribbon-hover.png?edfd036ecc9c'); color: #FFF; } .tour_video { display: block; margin: 0px auto; width: 90%; text-align: center; padding-bottom: 20px; } .page_header .the_cloud { vertical-align: middle; padding: 0px 0px 0px 4px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/goodcloud-logo-60-with-shadow.png?82bbc82663fb'); width: 91px; height: 56px; background-repeat: no-repeat; display: inline-block; } .contact_us .page_subheader { display: block; width: 100%; text-align: center; font-size: 30px; padding: 15px 0px; } .contact_us .contact_methods { display: block; width: 90%; margin: 20px auto; } .contact_us .contact_methods .contact_button, .contact_us .contact_methods a.contact_button { display: block; margin-bottom: 20px; background-color: #000486; color: #EEE; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -khtml-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); } .contact_us .contact_methods .contact_button:hover, .contact_us .contact_methods a.contact_button:hover { color: #FFF; background-color: #0005ac; cursor: pointer; } .contact_us .contact_methods .contact_button .type { padding: 25px 10px 10px 10px; font-size: 40px; text-align: center; background-repeat: no-repeat; background-position: 25% 23px; padding-left: 30%; height: 48px; } .contact_us .contact_methods .contact_button .details { padding: 10px 20px 14px 20px; text-align: center; } .contact_us .contact_button.phone .type { background-image: url('https://goodcloud1.s3.amazonaws.com/images/contact-phone-48.png?9c25d3775c76');} .contact_us .contact_button.online .type { background-image: url('https://goodcloud1.s3.amazonaws.com/images/contact-online-48.png?7afb5e90f375');} .contact_us .contact_button.email .type { background-image: url('https://goodcloud1.s3.amazonaws.com/images/contact-email-48.png?7afb5e90f375');} #section { padding: 0px; } .tabs { border: 0px; } #section ul.nav_links { display: block; float: left; width: 18%; background: transparent; border: 0px; padding: 10px 2% 10px 0px; margin: 10px 0px 0px 0px; } #section ul.nav_links li { display: block; width: 100%; background: transparent; border: 0px; margin: 0px; padding: 0px; } #section ul.nav_links li a { height: 30px; display: block; float: left; width: 100%; background: transparent; border: 0px; padding: 0px; padding: 14px 3px 8px 20px; font-size: 18px; border: 0px solid #DDD; font-weight: normal; margin: 4px 0px; text-decoration: none; } #section ul.nav_links li a:hover { /* background-color: #002dab;*/ } #section ul.nav_links li.ui-tabs-selected a { background-color: transparent; background-repeat: no-repeat; background-image: url('https://goodcloud1.s3.amazonaws.com/images/sidenav-selected.jpg?b141fb446b1b'); background-position: right 0px; color: #0085d1; } .tab_content ul { padding: 5px 0px 5px 3em; } .tab_content p { display: block; padding: 3px 0px 0.6em 0px; } .legal .tab_content h3 { font-size: 16px; margin: 10px 0px 0px 0px; padding: 0px; } .legal .tab_title { margin: 10px 0px; } .ui-widget-content { background: transparent; border: 0px; } .nonprofits_deserve { font-size: 30px; text-align: center; margin-bottom: 20px; } .team_description { margin-bottom: 10px; } .tab_content .person { display: block; padding-top: 348px; background-repeat: no-repeat; background-position: 50% 6px; margin: 20px 5% 30px 5%; width: 40%; float: left; text-align: center; } #the_team .people_pics_and_bios { display: block; width: 76%; padding: 0px 12%; overflow: auto; } .person.tom { background-image: url('https://goodcloud1.s3.amazonaws.com/images/tom-picture-3.png?b216b6e11a4a'); } .person.steven { background-image: url('https://goodcloud1.s3.amazonaws.com/images/steven-picture-3.png?9c5ae8b36341'); } .person .title { font-style: italic; color: #777; font-size: 14px; } .person .person_name { font-size: 30px; padding-top: 20px; } .person .location { margin-top: 6px; color: #888; font-size: 14px; } .person_description p { display: block; margin-bottom: 1em; } .person .bio_text { display: none; } .person .contact_info a { font-size: 14px; color: #888; } #the_team .team_description { display: block; width: 76%; margin: 0px auto; } .contrast_content_block { /*background: #FFF;*/ border-radius: 4px; -moz-border-radius: 4px; font-size: 16px; color: #FFF; display: block; width: 60%; margin: 5px auto 30px auto; padding: 20px; /* box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); */ } .blog_post { background: #FFF; border-radius: 4px; -moz-border-radius: 4px; font-size: 15px; color: #333; display: block; width: 80%; margin: 5px auto 30px auto; padding: 20px; box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); } .pricing .the_price { font-size: 30px; margin: 20px 0px 6px 0px; text-align: center; } .pricing .the_details { font-size: 20px; margin-bottom: 50px; text-align: center; color: #bfe1ff; } .pricing { } .pricing .subheading { margin: 30px 0px 4px 0px; font-size: 18px; border: 1px solid #0952a8; border-width: 0px 0px 1px 0px; } .video_box { border: 1px solid #57a3ff; } .heart_red { color: red; } .home_page #footer { background: none; background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-footer-home.png?b7bdfa492dbe'); color: #006bce; display: none; } .home_page #footer a { color: #006bce; } .home_page #footer a:hover { color: #EEE; } .home_page #footer .footer_table a.top_link { color: #006bce; border: 1px solid #006bce; border-width: 0px 0px 1px 0px; } #footer { position: absolute; bottom: 0px; display: block; clear:both; padding: 10px 0px 10px 0px; width: 100%; display: block; text-align: center; font-size: 14px; color: #8fa1aa; border: 1px solid #88abbe; border-width: 1px 0px 0px 0px; background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-footer-back.jpg?b7bdfa492dbe') } #footer a { text-decoration: none; display: block; color: #8fa1aa; white-space: nowrap; } #footer a:hover { color: #566478; } .footer_table { width: 80%; margin: 0px auto; } .footer_table td { padding: 0px 5%; width: 20%; } #footer .footer_table a.top_link { color: #7b8f99; border: 1px solid #aab6c7; border-width: 0px 0px 1px 0px; } #footer .footer_table a.top_link:hover { color: #566478; } .right_image { float: right; margin: 20px 0px 20px 30px; } .center_image { text-align: center; margin: 20px auto; } .centered_block { text-align: center; margin: 0px auto 20px auto; } #example_people { display: block; background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-text-back-contrast-background.jpg?043c6c68454f'); border-radius: 8px; -moz-border-radius: 8px; box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); padding: 0px; margin: 10px 0px 20px 0px; } #example_people .example_people_navigation { display: block; position: relative; overflow: hidden; border: 1px solid #b8ab7e; border-width: 0px 0px 1px 0px; background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-text-back-contrast-highlight-background.jpg?043c6c68454f'); border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; padding: 5px 0px 0px 0px; } #example_people .ui-widget-header, #example_people .person_detail { background: none; border: 0px; padding: 0px; margin: 0px; } #example_people .example_people_navigation li { width: 30%; display: block; margin: 0px 0px 0px 2%; background: none; border: 0px; padding: 0px; border-radius: 0px; -moz-border-radius: 0px; font-weight: normal; color: #454545; text-align: center; position: relative; } #example_people .example_people_navigation li .link_wrapper { display: block; width: 100%; text-align: center; } #example_people .example_people_navigation li.ui-state-active { background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-text-back-contrast-background.jpg?043c6c68454f'); } #example_people .example_person_link { background: none; background-repeat: no-repeat; background-position: 5px 50%; padding: 0px 10px 0px 0px; height: 80px; font-size: 40px; text-align: left; display: block; width: auto; color: #524a2e; } #example_people .example_person_link .name { padding: 10px 0px 0px 0px; line-height: 40px; } #example_people .example_person_link .role, #example_people .example_person_link .name { margin-left: 90px; } #example_people .example_person_link .role { font-size: 16px; padding-left: 2px; color: #766b43; } #example_people .person_detail { width: 100%; overflow: auto; } #example_people .name_and_role { background-repeat: no-repeat; padding-top: 130px; width: 120px; float: left; margin: 20px 40px 20px 20px; text-align: center; } #example_people .name_and_role .name { font-size: 28px; } #example_people .name_and_role .role { line-height: 18px; } #example_people .person_detail .details { padding: 20px 15px 0px 0px; } #example_people .example_person_link.john { background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-john-70.png?daecafa059f5'); } #example_people .example_person_link.cindy { background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-cindy-70.png?b7bdfa492dbe'); } #example_people .example_person_link.will { background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-will-70.png?7a8fbc7b16b7'); } #example_people #john .name_and_role { background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-john-120.png?e052e844f0a1'); } #example_people #cindy .name_and_role { background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-cindy-120.png?b7bdfa492dbe'); } #example_people #will .name_and_role { background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-will-120.png?043c6c68454f'); } #screenshot_gallery { margin-bottom: 60px; height: 600px; width: 100%; } #screenshot_gallery .tn3-gallery { width: 100% !important; padding: 20px; background-color: transparent; background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-text-back-contrast-highlight-background.jpg?043c6c68454f'); border-radius: 8px; -moz-border-radius: 8px; box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -khtml-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35); } #screenshot_gallery .tn3-image { display: block !important; width: 90%; margin: 0px; background: transparent; } .galleria-info { display: block; width: 100%; padding: 0px; } .galleria-info-link { display: none !important; } #screenshot_gallery .tn3-full-image { position: relative !important; width: 90% !important; height: auto !important; top: 0px !important; margin: 0px auto; left: 0px !important; } #screenshot_gallery .tn3-full-image img { top: 0px !important; width: auto !important; height: auto !important; border: 1px solid #766b43; box-shadow: 2px 2px 2px rgba(0,0,0,0.35); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.35); -khtml-box-shadow: 2px 2px 2px rgba(0,0,0,0.35); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.35); } .galleria-thumbnails-list { background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-text-back-contrast-background.jpg?043c6c68454f'); } #screenshot_gallery .tn3-text-bg { top: 0px; } #screenshot_gallery .tn3-image { width: 100% !important; height: 620px !important; } #screenshot_gallery .tn3-in-image { top: 0px !important; padding-top: 90px; width: 100% !important; height: 510px !important; } #screenshot_gallery .tn3-image-in { margin: 90px auto 0px auto; width: 98% !important; left: 0px; } #screenshot_gallery .tn3-text-bg { background: none; padding: 0px; } #screenshot_gallery .tn3-in-image .tn3-image-title { padding: 0px 5px; font-size: 18px; font-family: inherit; color: #524a2e; font-weight: normal; line-height: 1.4em; } #screenshot_gallery .tn3-in-image .tn3-image-description { font-size: 16px; font-weight: normal; font-style: normal; font-family: inherit; color: #766b43; padding: 5px 0px 0px 5px; line-height: 1.4em; } .t3n-show-albums { display: none; } #screenshot_gallery .tn3-controls-bg { background: none; display: none; } #screenshot_gallery .tn3-thumbs { background: none; width: 100% !important; left: 0px; height: 50px; display: none; } #screenshot_gallery .tn3-fullscreen, #screenshot_gallery .tn3-play, #screenshot_gallery .tn3-count, #screenshot_gallery .tn3-prev-page, #screenshot_gallery .tn3-next-page { display: none; } #screenshot_gallery ul { width: 100% !important; left: 0px !important; height: 40px; } #screenshot_gallery .tn3_v { top: 40% !important; background-position: 0 0; background-repeat: no-repeat; } #screenshot_gallery .tn3-prev { left: 0px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-gallery-left-arrow.png?e052e844f0a1'); height: 50px; } #screenshot_gallery .tn3-next { background-image: url('https://goodcloud1.s3.amazonaws.com/images/marketing-gallery-right-arrow.png?e052e844f0a1'); height: 50px; } #screenshot_gallery li { list-style-type: none; padding: 20px; } .newsletter .issue { display: block; margin-top: 20px; padding: 10px 20px 20px 10px; background-color: #FFF; box-shadow: 2px 2px 2px rgba(0,0,0,0.35); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.35); -khtml-box-shadow: 2px 2px 2px rgba(0,0,0,0.35); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.35); color: #454545; } .newsletter a.issue:hover { text-decoration: none; background-color: #F2F2F2; } .newsletter .issue .cover_image { float: left; padding: 10px 20px 10px 10px ; width: 100px; height: 100px; } .newsletter .title_and_date { font-size: 20px; padding: 10px 0px 5px 0px; } .newsletter .title_and_date .date { } .newsletter .issue .issue_title { font-family: 'Droid Serif', 'Bevan', Arial, sans-serif; font-weight: bold; } .the_good_times { font-family: 'Droid Serif', Georgia, "Times New Roman", serif; font-weight: bold; font-size: 0.91em; } .features .newsletter .feature { margin: 0px; width: 100%; } .subscription_block { padding: 20px; } .newsletter #id_email { border: 1px solid #CCC; border-radius: 4px; -moz-border-radius: 4px; width: 250px; } .not_me_link { margin-left: 10px; font-size: 15px; } .headache_vs_simple { display: block; background: url('https://goodcloud1.s3.amazonaws.com/images/marketing-headache_vs_simple.png?e052e844f0a1'); width: 500px; height: 238px; } /* CSS Resets */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%} /* ==================================================================================================================== */ /* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com */ /* ==================================================================================================================== */ .container { padding-left: 20px; padding-right: 20px; } .row { width: 100%; max-width: 1140px; min-width: 755px; margin: 0 auto; overflow: hidden; } .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 2%; float: left; min-height: 1px; } .row .onecol { width: 4.85%; } .row .twocol { width: 13.45%; } .row .threecol { width: 22.05%; } .row .fourcol { width: 30.75%; } .row .fivecol { width: 39.45%; } .row .sixcol { width: 48%; } .row .sevencol { width: 56.75%; } .row .eightcol { width: 65.4%; } .row .ninecol { width: 74.05%; } .row .tencol { width: 82.7%; } .row .elevencol { width: 91.35%; } .row .twelvecol { width: 100%; float: left; } .last { margin-right: 0px; } img, object, embed { max-width: 100%; } img { height: auto; } /* Smaller screens */ @media only screen and (max-width: 900px) { body { font-size: 0.8em; line-height: 1.5em; } } /* Mobile */ @media handheld, only screen and (max-width: 767px) { body { font-size: 16px; -webkit-text-size-adjust: none; } .row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin: 0px 20px; padding-left: 0px; padding-right: 0px; } } body { background-color: #0060b9; } .single_dialog { display: block; margin: 0% auto; width: 45%; border: 0px solid #DDD; box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -khtml-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.35); background-color: #FDFDFD; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; min-width: 400px; padding: 0px; text-align: center; } .organization_and_domain { display: block; margin: 10% auto 6% auto; width: 100%; } .organization_and_domain .organization_name { display: block; width: 100%; text-align: center; font-size: 60px; color: #74bcff; } .organization_and_domain .domain { display: block; width: 100%; text-align: center; font-size: 18px; color: #3392ea; } .single_dialog .welcome_message { padding: 25px 0px 15px 0px; font-size: 30px; } .single_dialog form { display: block; margin: 10px auto; } .single_dialog .field { display: block; padding: 5px; width: 330px; margin: 0px auto; overflow: auto; } .field label { display: block; float: left; width: 100px; font-size: 18px; color: #555; margin: 4px 10px 0px 0px; text-align: right; clear: left; } .field input { font-size: 20px; border: 1px solid #BBB; padding: 4px; width: 200px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; outline: none; background-color: #F6F6F6; } .field input:focus { border-color: #3E9CFD; } .single_dialog .actions { display: block; padding: 20px 0px; } .log_out_message { font-size: 20px; color: #555; width: 80%; display: block; margin: 15px auto; } .log_back_in { display: block; padding: 10px; font-size: 20px; margin-bottom: 10px; } .login_error { color: red; padding: 5px 0px; } .unsupported_browser { display: block; width: 100%; margin: 10px 0px 5px 0px; background-color: #fc6606; color: #FFF; display: none; } .unsupported_browser .warning_title { font-size: 40px; padding: 3px 0px 2px 0px; } .unsupported_browser .warning_body { width: 80%; text-align: left; margin: 0px auto 10px auto; } .unsupported_browser .browser_options { background-color: #656565; overflow: auto; width: 100%; padding: 10px 0px; background-image: url('https://goodcloud1.s3.amazonaws.com/images/unsupported-browser-background.png?b216b6e11a4a'); background-repeat: repeat-x; } .unsupported_browser .browser_option { display: block; width: 19%; margin: 0px 2%; float: left; text-align: center; color: #FFF; text-decoration: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-sizing: border-box; -opera-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box; border: 1px solid #777; padding: 75px 0px 5px 0px; font-size: 14px; background-repeat: no-repeat; background-position: 50% 5px; } .unsupported_browser .browser_option.first { margin-left: 6%; } .unsupported_browser .browser_option:hover { background-color: #333; border: 1px solid #606060; color: #FFF; } .unsupported_browser .browser_option.chrome { background-image: url('https://goodcloud1.s3.amazonaws.com/images/logo-chrome-64.png?9943d83f1176'); } .unsupported_browser .browser_option.firefox { background-image: url('https://goodcloud1.s3.amazonaws.com/images/logo-firefox-64.png?9943d83f1176'); } .unsupported_browser .browser_option.safari { background-image: url('https://goodcloud1.s3.amazonaws.com/images/logo-safari-64.png?c49455da5b9d'); } .unsupported_browser .browser_option.ie { background-image: url('https://goodcloud1.s3.amazonaws.com/images/logo-ie-64.png?9943d83f1176'); } .unsupported_browser .browser_name { white-space: nowrap; } .signup_page .welcome_message { margin: 0px; padding: 10px 0px 10px 20px; line-height: 1.1em; text-align: left; font-size: 20; color: #AAA; } .signup_page.single_dialog { width: 60%; margin-left: 20%; padding: 10px 10px; /*background-color: transparent; box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; -webkit-box-shadow: none;*/ } .signup_page .organization_and_domain { display: block; margin: 5% auto 2% auto; width: 100%; font-family: 'Bevan', Arial, sans-serif; } .signup_page .organization_and_domain .organization_name { color: #FFF; text-shadow: 1px 2px 2px #222; -moz-text-shadow: 1px 2px 2px #222; -webkit-text-shadow: 1px 2px 2px #222; background-color: transparent; } #signup_form { } #signup_form input { } #signup_form label { width: 180px; padding-left: 10px; text-align: left; float: left; padding-right: 0px; min-height: 20px; } .editable_field { display: block; overflow: auto; width: 100%; padding: 8px 0px 2px 0px; } #signup_form .form_section { padding: 10px; margin: 10px 10px 0px 10px; position: relative; display: block; } #signup_form .section_title { display: block; width: 100%; border: 1px solid #DDD; border-width: 0px 0px 1px 0px; font-size: 24px; text-align: left; padding-bottom: 0px; } #signup_form #submit_button { margin: 10px 0px 4px 0px; font-size: 24px; } #signup_form #submit_button.disabled { border-color: #DDD; text-shadow: 0px 0px 0px; } .signup_page .editable_field { font-size: 18px; } .signup_page .edit_field span, .signup_page .edit_field input { float: left; } .signup_page .edit_field input { width: 200px; } .signup_page .edit_field input { border: 1px solid #DDD; padding: 0px; margin: 0px; border-width: 0px 0px 1px 0px; border-bottom-color: #999; padding-bottom: 0px; } .signup_page .edit_field input:focus { outline-style:none; border: 1px solid #3E9CFD; border-width: 0px 0px 1px 0px; } #container_id_subdomain { padding-bottom: 0px; } #container_id_subdomain input { width: 160px; font-size: 18px; } #container_id_subdomain .edit_field { display: block; padding-top: 22px; } .signup_page .address_boilerplate { display: block; padding-top: 0px; color: #777; } #subdomain_verification { font-size: 16px; } #subdomain_verification .subdomain_response { text-align: left; display: block; margin-left: 180px; padding-left: 20px; } #subdomain_verification .generic_field_label { height: 32px; } #container_id_subdomain .generic_field_label { height: 60px; } #subdomain_verification .subdomain_response.pending { background-image: url('https://goodcloud1.s3.amazonaws.com/images/spinner-grey-16.gif?b141fb446b1b'); background-position: 0px 2px; background-repeat: no-repeat; } #subdomain_verification .subdomain_response.verified { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-check-16.png?c666f9ea73db'); background-position: 0px 2px; background-repeat: no-repeat; } #subdomain_verification .subdomain_response.trouble { background-image: url('https://goodcloud1.s3.amazonaws.com/images/icon-exclam-16.png?42ef39f3de9c'); background-position: 0px 2px; background-repeat: no-repeat; } #subdomain_verification { display: none; padding: 0px; } #subdomain_verification .subdomain_response .domain { /*color: #000;*/ font-weight: bold; } #signup_form .form_section.terms { display: block; overflow: auto; text-align: center; } #signup_form .checkbox_and_label { display: block; margin: 0px auto; overflow: visible; width: 250px; text-align: center; margin: 0px auto; } #signup_form .terms label, #signup_form .terms .agree_checkbox { display: block; float: left; } #signup_form .terms label { padding-top: 2px; width: auto; }