/* utilities.css */

 html,body,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,table,tr,td,img,form,input,textarea,pre,blockquote { margin: 0; padding: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { *display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } 
/* page.css */

body { } #page { width: 960px; margin: 0 auto 0 auto; } #main { } .logo { display: block; width: 459px; margin: 0 auto 0 auto; }
/* content.css */

body { font-family: "Trebuchet MS", san-serif; font-size: 0.9em; color: #BCBBA6; background: #EAE8D6; } img { border: 0; } h3 { font-size: 1.5em; color: #FFFFFF; } a, a:link, a:visited { color: #808080; text-decoration: none; } a:hover { color: #E0E0E0; } h3 + p { margin-top: 20px; } p + * { margin-top: 10px; } .biglink { font-size: 1.3em; }
/* layout.css */

.columns { } .columns-one-quarter { width: 240px; float: left; min-height: 5px; } .columns-one-half { width: 480px; float: left; min-height: 5px; } .margin-small { margin-top: 5px; } .margin-medium { margin-top: 10px; } .margin-large { margin-top: 20px; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; }
/* bookmarklet.css */

.bookmarklet-diagram { position: relative; width: 450px; height: 115px; background: url(/static/bookmarklet_diagram.png) 40px 0px no-repeat; } .bookmarklet { display: block; position: absolute; top: 40px; left: 40px; overflow: hidden; background: url(/static/bookmarklet.png) 0px 0px no-repeat; width: 77px; height: 24px; text-indent: -9000px; }
/* buttons.css */

.button-tubricate { height: 70px; width: 480px; overflow: hidden; cursor: pointer; } .button-tubricate input { height: 140px; width: 960px; } .button-tubricate:hover input { margin-top: -70px; } .button-startover { display: block; height: 70px; overflow: hidden; background: url(/static/button_sprite.png) -480px 0px no-repeat; text-indent: -9000px; } .button-startover:hover { background-position: -480px -70px; } #footer .button { display: block; width: 95px; height: 30px; overflow: hidden; float: left; margin-left: 33px; background: url(/static/footer_sprite.png) 0px 0px no-repeat; text-indent: -9000px; cursor: pointer; } #footer .button-zamtools { margin-left: 0; background-position: 0px 0px; } #footer .button-zamtools:hover { background-position: -100px 0px; } #footer .button-blog { background-position: 0px -90px; } #footer .button-blog:hover { background-position: -100px -90px; } #footer .button-django { background-position: 0px -30px; } #footer .button-django:hover { background-position: -100px -30px; } #footer .button-mongo { background-position: 0px -60px; } #footer .button-mongo:hover { background-position: -100px -60px; }
/* errors.css */

.error { } .error ul { list-style: none inside; margin-top: 10px; } .error li { padding: 5px 0px 5px 35px; background: url(/static/error.png) center left no-repeat; } .warning { padding: 5px 0px 5px 50px; background: url(/static/warning.png) 15px 10px no-repeat; }
/* expansion.css */

.expansion { display: none; background: #9DB4BF url(/static/darkblue_bottom.png) bottom center no-repeat; color: #D9E2E7; } .expansion ul { list-style: none inside; } .expansion li a { display: block; padding: 10px 15px; border-top: solid 1px #AABDC6; font-size: 1.1em; color: #5A7B8B; } .expansion li a:hover { color: #D9E2E7; } .expand .expansion { display: block; }
/* form.css */

.big-field { width: 450px; background: url(/static/textbox.png) center center no-repeat; } .big-field input[type='text'] { width: 430px; padding: 0.4em 10px; background: none; border: 0; font-family: "Trebuchet MS", san-serif; font-size: 1.3em; font-weight: normal; color: #7F7F7F; }
/* loader.css */

.loader { background-position: center center; background-repeat: no-repeat; }
/* panels.css */

.panel { color: #FFFFFF; } .panel-padder { padding: 10px 15px; } .panel-title { float: left; width: 130px; height: 33px; overflow: hidden; text-indent: -9000px; } #step1 .panel-title { background: url(/static/title_sprite.png) 0px 0px no-repeat; } #step2 .panel-title { background: url(/static/title_sprite.png) 0px -40px no-repeat; } #step2.expand .panel-bottom { background: url(/static/corner_sprite.png) -1920px bottom no-repeat; } #done .panel-title { background: url(/static/title_sprite.png) 0px -120px no-repeat; } .panel-title-whatistubricator { width: 300px; height: 26px; overflow: hidden; background: url(/static/title_sprite.png) 0px -80px no-repeat; text-indent: -9000px; } .panel-title-easytouse { width: 300px; height: 26px; overflow: hidden; background: url(/static/title_sprite.png) 0px -160px no-repeat; text-indent: -9000px; } .panel-description { float: left; width: 320px; } .panel-orange { background: #FBB03B; } .panel-orange .panel-top { background: url(/static/corner_sprite.png) 0px top no-repeat; } .panel-orange .panel-bottom { background: url(/static/corner_sprite.png) -480px bottom no-repeat; } .panel-blue { background: #BDCCD4; } .panel-blue .panel-top { background: url(/static/corner_sprite.png) -960px top no-repeat; } .panel-blue .panel-bottom { background: url(/static/corner_sprite.png) -1440px bottom no-repeat; } .panel-brown { background: #BCBBA6; } .panel-brown .panel-top { background: url(/static/corner_sprite.png) -2880px top no-repeat; } .panel-brown .panel-bottom { background: url(/static/corner_sprite.png) -3360px bottom no-repeat; }