/* == -------------------------WEBFONTS ------------------------- == */ @font-face { font-family: 'GnuolaneRgRegular'; src: url('../webfonts/gnuolane_rg-webfont.eot'); src: local('☺'), url('../webfonts/gnuolane_rg-webfont.woff') format('woff'), url('../webfonts/gnuolane_rg-webfont.ttf') format('truetype'), url('../webfonts/gnuolane_rg-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LithoAntiqueMedium'; src: url('../webfonts/LithoAntique-Medium-webfont.eot'); src: local('☺'), url('../webfonts/LithoAntique-Medium-webfont.woff') format('woff'), url('../webfonts/LithoAntique-Medium-webfont.ttf') format('truetype'), url('../webfonts/LithoAntique-Medium-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LithoAntiqueDemiBold'; src: url('../webfonts/LithoAntique-DemiBold-webfont.eot'); src: local('☺'), url('../webfonts/LithoAntique-DemiBold-webfont.woff') format('woff'), url('../webfonts/LithoAntique-DemiBold-webfont.ttf') format('truetype'), url('../webfonts/LithoAntique-DemiBold-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } /* == -------------------------GENERAL DEFAULTS ------------------------- == */ body {padding:0px; margin:0px; font:12px Arial,sans-serif; color:#333; background:url(../images/main/wood_bg.jpg) repeat #FCFCFC; background-attachment:fixed;} img {border:0px;} form {margin:0px;} .right {float:right;} .left {float:left;} .cfl {clear:left; height:0px; overflow:hidden;} .cfr {clear:right; height:0px; overflow:hidden;} .cfb {clear:both; height:0px; overflow:hidden;} a{outline:none;} a image {border:0px;} h1 {font:48px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; color:#000; font-weight:regular; padding-bottom:20px;} h2 {font:34px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; color:#5A5A5A; font-weight:regular; padding-bottom:20px; padding-top:20px;} h3 {font:28px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; color:#5A5A5A; font-weight:regular; padding-bottom:20px; padding-top:20px;} h4 {font:24px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; color:#000; font-weight:regular; padding-bottom:20px; padding-top:20px;} p {font-size:1.1em;line-height:1.4em;padding-bottom:18px;} div {font-size:1.1em;line-height:1.4em;} li {font-size:1.1em;line-height:1.4em;} ul {padding-top:15px;padding-bottom:10px;margin-left:22px;} /* == -------------------------STICKY FOOTER------------------------- == */ *{margin:0; padding:0;} html, body {height: 100%;} #pagewrapper {min-height: 100%;} #main {overflow:auto; padding-bottom:150px;} /* same height as footer */ #footer {position: relative; height: 150px; clear:both; margin-top: -150px; /* negative value of footer height */ } #membersmain {overflow:auto; padding-bottom:58px;} /* same height as footer */ #membersfooter {position: relative; height: 58px; clear:both; margin-top: -58px; /* negative value of footer height */ } /*Opera Fix*/ body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px;} /* == -------------------------TOP NAVIGATION BAR------------------------- == */ #topbar {background:url(../images/main/herokutop-bar.png) repeat-x transparent; color:#FFFFFF; height:65px; position:fixed; width:100%; z-index:10000;} #topnavs {width:900px; margin:0px auto; position:relative;} #topnavs ul.topnav {margin:0px; padding:0px; position:absolute;} #topnavs ul.tnleft {margin:0px; padding:0px; top:0px; left:0px;} #topnavs ul.tnright {margin:0px; padding:0px; top:0px; right:0px;} #topnavs ul li {display:block;} #topnavs ul.tnleft li{float:left;} #topnavs ul.tnleft li a, #topnavs ul.tnleft li a:link, #topnavs ul.tnleft li a:visited {text-decoration:none;padding:9px 14px;font:22px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; font-weight:normal; color:#F90064;} #topnavs ul.tnleft li a:hover, #topnavs ul.tnleft li a:active {color:#fc4c93; text-decoration:none;} #topnavs ul.tnright li{float:right;} #topnavs ul li a {display:block; padding:12px 14px; font:18px GnuolaneRgRegular, Arial, sans-serif; letter-spacing:1px;} #topnavs ul li a:link, #topnavs ul li a:visited {color:#CACACA; text-decoration:none;} #topnavs ul li a:hover, #topnavs ul li a:active {color:#F90064; text-decoration:none;} #topnavs ul.tnright li a.navhighlight:link, #topnavs ul.tnright li a.navhighlight:visited {color:#FFF; text-decoration:none;} #topnavs ul.tnright li a.navhighlight:hover, #topnavs ul.tnright li a.navhighlight:active {color:#F90064; text-decoration:none;} #topnavs ul li a.current {background:url(../images/main/topnav_current.gif) no-repeat transparent top center;color:#F90064;} /* == -------------------------CONTENT AREA ------------------------- == */ #maincontent {width:900px; margin:0px auto; position:relative;} #maincontent a {color:#F90064; text-decoration:none;} #maincontent a:link, #maincontent a:visited {color:#F90064; text-decoration:none;} #maincontent a:hover, #maincontent a:active {color:#FB5296; text-decoration:underline;} #shadow_down {width:900px; height:35px; overflow:hidden; background:url(../images/main/shadow_down.png) no-repeat transparent;} #shadow_up {width:900px; height:55px; overflow:hidden; background:url(../images/main/shadow_up.png) left center no-repeat transparent;} #threecolcopy {width:900px; background:url(../images/main/threecolcopy.png) repeat-y transparent;} #threecolcopy div.col {float:left; width:280px; padding:10px 0px 40px 0px;border:1px none green;} #threecolcopy div.col3 {float:left; width:310px; padding:10px 0px 40px 0px;border:1px none orange;} #threecolcopy h1 {font:20px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; color:#F90064; font-weight:regular; padding-bottom:20px;} #threecolcopy p {font:17px GnuolaneRgRegular, Arial, sans-serif; line-height:22px; color:#5A5A5A;} #threecolcopy h1, #threecolcopy p {padding-left:60px;} /* == -------------------------LOGO TAGLINE HEADERS------------------------- == */ /*Large*/ #logo_header {width:863px; height:320px; margin:0px auto; position:relative;} #logo_header2 {width:803px; height:220px; margin:0px auto; position:relative;} #logo {float:left;} #name_tagline {float:right;} /*Smaller*/ #logo_header2 {width:803px; height:230px; margin:0px auto; position:relative;} #logo_header2 #name_tagline {float:right; padding-top:15px;} #logo_header2 #logo {float:left; padding-left:20px;} #chucktalks {position:absolute; top:-55px; left:-60px; width:120px; height:99px; background:url(../images/main/talkbubble.png) no-repeat transparent; z-index:2000;} #chucktalks .text {text-align:center; color:#333; font:Bold 11px arial; position:absolute; top:18px; left:10px; width:100px; height:60px; overflow:hidden;} /* == -------------------------TESTIMONIAL------------------------- == */ .testimonial {font:28px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; color:#000; text-align:center; margin:0px auto; width:640px; padding:30px 0px; font-style:italic;} .testimonial .attribution {font:20px GnuolaneRgRegular, Arial, sans-serif; color:#595959; padding-top:20px;} .testimonial3 {font:26px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; color:#000; text-align:center; margin:0px auto; font-style:italic; padding-left:35px;padding-top:0px;} .testimonial3 .attribution3 {font:16px GnuolaneRgRegular, Arial, sans-serif; color:#595959; padding-top:20px;} /* == -------------------------FOOTER------------------------- == */ #footer {background:url(../images/main/foot.png) repeat-x transparent; color:#DDD; font:14px GnuolaneRgRegular, Arial, sans-serif; } #footer #langselect {padding:0px 0px 6px 20px;} #footer #langselect select{padding:0px; margin:0px; color:#fff; border:1px solid #F90064; background-color:#F90064; font:14px GnuolaneRgRegular, Arial, sans-serif; width:180px;} #footer #langselect select option {color:#fff; border:0px; font:14px GnuolaneRgRegular;} #footerlinks {width:900px; margin:0px auto; padding:30px 0px 0px 0px; } #footerlinks div.links {float:left; border-left:1px dotted #666; width:220px; height:70px;} #footerlinks div.first {border-width:0px;} #footerlinks a {font:14px GnuolaneRgRegular, Arial, sans-serif; display:block; padding:0px 0px 6px 20px;} #footerlinks a:link, #footerlinks a:visited {color:#CCC; text-decoration:none;} #footerlinks a:hover, #footerlinks a:active {color:#FFF; text-decoration:underline;} #footer div.copyright {clear:left; text-align:center; color:#FFF; font:10px Arial, sans-serif; padding:20px 0px 0px 0px;} #membersfooter {background:url(../images/main/members_footer.png) repeat-x transparent; color:#DDD; font:14px GnuolaneRgRegular, Arial, sans-serif; } #membersfooterlinks {width:900px;margin:auto;padding-left:0px;padding-bottom:0px;padding-top:20px;text-align:right;padding-right:30px;} #membersfooter a.memberlink {clear:left; text-align:right; color:#766d6b; font:12px LithoAntiqueMedium, Arial, sans-serif; padding-left:30px;text-decoration:none;} #membersfooter a.memberlink:hover {color:#CCC;} /* == ++++++++++++++++++++++++PAGE-SPECIFIC++++++++++++++++++++++++ == */ /* == -------------------------PRIVATE BETA HOMEPAGE------------------------- == */ #email_signup {width:630px; margin:0px auto 0px 256px;} #email_signup .text1 {font:50px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; color:#F90064; font-weight:regular;} #email_signup .text2 {font:34px GnuolaneRgRegular, Arial, sans-serif; color:#333; font-weight:regular; padding-bottom:10px;} #email_signup .text3 {font:20px GnuolaneRgRegular, Arial, sans-serif; color:#333; font-weight:regular; padding-bottom:10px;} #email_signup input.field {border:1px solid #F90064; font:34px GnuolaneRgRegular, Arial, sans-serif; width:440px; background-color:#FFCEE1; padding:2px 4px; color:#333;} #email_signup input.formbutton {text-transform:uppercase; color:#FFF; font:36px GnuolaneRgRegular, Arial, sans-serif; border-width:0px; background-color:#F90064; padding:2px 6px;} #email_signup input.formbutton:hover {background-color:#000;} /* == -------------------------PUBLIC WELCOME------------------------- == */ a#hp_signup {position:absolute; top:195px; left:236px; display:block; width:623px; height:70px; overflow:hidden; background:url(../images/main/hp_signup.png) no-repeat transparent; z-index:5000; text-decoration:none;} a#hp_signup:link, a#hp_signup:visited {background-position:0px 0px; text-decoration:none;} a#hp_signup:hover, a#hp_signup:active {background-position:0px -80px; text-decoration:none;} a#hp_signup span.linktext1 {cursor:hand; font:32px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; color:#FFF; display:block; float:left; padding:15px 0px 0px 80px;} a#hp_signup span.linktext2 {cursor:hand; font:32px GnuolaneRgRegular, Arial, sans-serif; color:#FFF; display:block; float:right; padding:16px 60px 0px 0px; letter-spacing:1px;} a#hp_signup span.linktext2_sm {cursor:hand; font:28px GnuolaneRgRegular, Arial, sans-serif; color:#FFF; display:block; float:right; padding:18px 30px 0px 0px; letter-spacing:1px;} a#btn_signup {display:block; width:623px; height:70px; margin-top:60px; margin-bottom:100px; overflow:hidden; background:url(../images/main/hp_signup.png) no-repeat transparent; z-index:5000; text-decoration:none;} a#btn_signup:link, a#btn_signup:visited {background-position:0px 0px; text-decoration:none;} a#btn_signup:hover, a#btn_signup:active {background-position:0px -80px; text-decoration:none;} a#btn_signup span.linktext1 {cursor:hand; font:32px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; color:#FFF; display:block; float:left; padding:15px 0px 0px 80px;} a#btn_signup span.linktext2 {cursor:hand; font:32px GnuolaneRgRegular, Arial, sans-serif; color:#FFF; display:block; float:right; padding:16px 60px 0px 0px; letter-spacing:1px;} a#btn_signup span.linktext2_sm {cursor:hand; font:28px GnuolaneRgRegular, Arial, sans-serif; color:#FFF; display:block; float:right; padding:18px 30px 0px 0px; letter-spacing:1px;} /* == -------------------------PUBLIC SIGNUP------------------------- == */ #header_copy {position:absolute; top:195px; left:235px; display:block; width:630px; height:70px; font:17px GnuolaneRgRegular, Arial, sans-serif; color:#333; } #header_copy h1 {font:40px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; color:#F90064; font-weight:regular; } #header_copy h2 {font:30px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; color:#F90064; font-weight:regular; } #header_copy p {margin-top:-20px;font-size:17px;} table#signupform {width:630px; margin:0px auto 0px 260px;} table#signupform td {padding:5px; font:16px GnuolaneRgRegular, Arial, sans-serif; } table#signupform td.label {font:16px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; text-align:right; width:150px;} table#signupform td.field, table#signupform td.select {width:220px;} table#signupform td.field input{border:1px solid #F90064; font:16px GnuolaneRgRegular, Arial, sans-serif; width:200px; background-color:#FFCEE1; padding:3px;} table#signupform td.select select {border:1px solid #F90064; font:16px GnuolaneRgRegular, Arial, sans-serif; width:206px; background-color:#FFCEE1; padding:3px;} table#signupform td.inst {font-size:14px;} table#signupform input.formbutton {text-transform:uppercase; color:#FFF; font:24px GnuolaneRgRegular, Arial, sans-serif; border-width:0px; background-color:#F90064; padding:6px 0px; text-align:center; width:210px;} table#signupform input.formbutton:hover {background-color:#000;cursor:hand;} table#signupform div#errors {font-size:14px;color:#F90064;padding-right:10px;} /* == -------------------------PUBLIC PASSWORD RESET------------------------- == */ table#pwdform td {padding:5px; font:16px GnuolaneRgRegular, Arial, sans-serif; } table#pwdform td.label {font:16px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; text-align:right; width:190px;} table#pwdform td.field, table#pwdform td.select {width:220px;} table#pwdform td.field input{border:1px solid #F90064; font:16px GnuolaneRgRegular, Arial, sans-serif; width:200px; background-color:#FFCEE1; padding:3px;} table#pwdform td.select select {border:1px solid #F90064; font:16px GnuolaneRgRegular, Arial, sans-serif; width:206px; background-color:#FFCEE1; padding:3px;} table#pwdform td.inst {font-size:14px;} table#pwdform input.formbutton {text-transform:uppercase; color:#FFF; font:24px GnuolaneRgRegular, Arial, sans-serif; border-width:0px; background-color:#F90064; padding:6px 0px; text-align:center; width:210px;} table#pwdform input.formbutton:hover {background-color:#000;cursor:hand;} table#pwdform div#errors {font-size:14px;color:#F90064;padding-right:10px;} /* == -------------------------PUBLIC PLANS------------------------- == */ table#plans {width:100%; border-collapse:collapse;} table#plans th {padding:8px 12px; background-color:#F90064; background-color:#FF8FBE; font:26px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; color:#FFF; text-align:left; border:1px solid #FFEFF5;} table#plans th.free {background-color:#FB5296;text-align:center; } table#plans th.vip {font:26px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; background-color:#F90064;text-align:center;} table#plans td {text-align:center;padding:8px 12px; color:#555; font:18px GnuolaneRgRegular, Arial, sans-serif; border:1px solid #FFEFF5;background-color:#FFFFFF;} table#plans td.vip {color:#222;} table#plans tr.zd td {background-color:#FFDFEC;} table#plans tr.zd td.free {background-color:#FFCEE1;} table#plans tr.zd td.vip {background-color:#FFAFCE;} table#plans tfoot td {text-align:center;border-width:0px; background-color:transparent; padding:1px;} table#plans tfoot td a {width:100%; text-transform:uppercase; color:#FFF!important; font:32px GnuolaneRgRegular, Arial, sans-serif; border-width:0px; text-align:center; display:block; padding:6px 0px;} table#plans tfoot td a:link, table#plans tfoot td a:visited {text-decoration:none; background-color:#FB5296;} table#plans tfoot td a:hover, table#plans tfoot td a:active {text-decoration:none; background-color:#444;} table#plans tfoot td.vip a {width:100%; text-transform:uppercase; color:#FFF!important; font:32px GnuolaneRgRegular, Arial, sans-serif; border-width:0px; text-align:center; display:block;} table#plans tfoot td.vip a:link, table#plans tfoot td.vip a:visited {text-decoration:none; background-color:#F90064;} table#plans tfoot td.vip a:hover, table#plans tfoot td.vip a:active {text-decoration:none; background-color:#000;} /* == -------------------------PUBLIC LEARN MORE------------------------- == */ table#learmore {width:894px; margin:0px auto;} table#learmore td {padding:15px; font:32px GnuolaneRgRegular, Arial, sans-serif;} table#learmore td p {font:16px GnuolaneRgRegular, Arial, sans-serif; line-height:20px; color:#5A5A5A;} table#learmore h1 {font:24px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; color:#F90064; margin:0px; padding:0px; padding-top:10px;} table#learmore_details {width:800px; margin:0px auto;} table#learmore_details td {padding:10px; width:400px; font:16px LithoAntiqueMedium, Georgia, Courier New; color:#5A5A5A; background-color:#FFF;} table#learmore_details tr.header td {background-color:#F90064; color:#FFF; font:24px GnuolaneRgRegular, Arial, sans-serif;} table#learmore_details tr.header2 td {background-color:#5b5a5a; color:#FFF; font:24px GnuolaneRgRegular, Arial, sans-serif;} table#learmore_details tr.zd td {background-color:#FFDFEC;} a#lm_signup {margin:40px auto 0px auto; display:block; width:623px; height:70px; overflow:hidden; background:url(../images/main/hp_signup.png) no-repeat transparent; z-index:5000; text-decoration:none;} a#lm_signup:link, a#lm_signup:visited {background-position:0px 0px; text-decoration:none;} a#lm_signup:hover, a#lm_signup:active {background-position:0px -80px; text-decoration:none;} a#lm_signup span.linktext1 {cursor:hand; font:32px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; color:#FFF; display:block; float:left; padding:15px 0px 0px 80px;} a#lm_signup span.linktext2 {cursor:hand; font:32px GnuolaneRgRegular, Arial, sans-serif; color:#FFF; display:block; float:right; padding:16px 60px 0px 0px; letter-spacing:1px;} #lm_title {font:18px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; color:#F90064; font-weight:regular; } /* == --------2 COLUMN BLOG LAYOUT--------- == */ #twocol_public {background:url(../images/main/2col_vdiv.gif) 0px 0px repeat-y transparent;width:900px;} #sidecol_public {float:left; width:235px; min-height:350px;} #maincol_public {float:right; width:646px;} #maincol_public h2 {font:32px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; padding:10px 0px; color:#333; font-weight:normal;border-top:4px dotted #BBB;border-bottom:1px none #BBB;padding-top:10px;padding-bottom:10px;margin-top:20px;margin-bottom:5px;} #maincol_public h4 {font:16px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; padding:5px 5px; color:#333; font-weight:normal; border:dotted #BBB; border-width:1px 0px;} #maincol_public h3 {font:14px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; padding:15px 0px; color:#333; font-weight:bold;} #maincol_public h5 {font:14px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; padding:0px 0px; color:#333; font-weight:bold;margin:0px;} #maincol_public div, p, ul, li {font-size:14px;line-height:1.4em;padding-bottom:18px;} div {font-size:1.1em;line-height:1.4em;} li {font-size:1.1em;line-height:1.4em;} ul {padding-top:15px;padding-bottom:10px;margin-left:22px;} #raquo {padding-top:10px; padding-left:10px; font:18px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; } /* == ++++++++++++++++++++++++MEMBER AREA++++++++++++++++++++++++ == */ /* == ------------TOP NAVIGATION BAR (uses same general styles as public top bar with some additions/overrides)------------- == */ #membertopbar {background:url(../images/main/membertopbar.png) repeat-x transparent; color:#FFFFFF; height:109px; position:fixed; width:100%; z-index:10000;} #membertopbar #logo {position:absolute; top:6px; left:0px;} #membertopbar #project {position:absolute; top:64px; left:0px;} #membertopbar #project select {width:245px; font:16px arial, sans-serif;} #topnavs ul.accountnav {margin:0px; padding:0px; top:0px; right:7px;} #topnavs ul.projectnav {margin:0px; padding:0px; top:50px; right:0px;} #topnavs ul.accountnav li, #topnavs ul.projectnav li {float:right;} #topnavs ul.accountnav li a {font:12px LithoAntiqueMedium, Georgia, Courier New, Arial;padding:15px 8px;} #topnavs ul.accountnav li a:hover, a:active {color:#F90064;} #topnavs ul.projectnav li a{font-size:18px; padding:12px 15px;} #topnavs ul li a.current {background:url(../images/main/topnav_current.gif) no-repeat transparent top center; } /* == ------------TOP NAVIGATION BAR FOR HEROKU (uses same general styles as public top bar with some additions/overrides)------------- == */ #herokutopbar {background:url(../images/main/herokutop-bar.png) repeat-x transparent; color:#FFFFFF; height:57px; width:100%; z-index:10000;} #herokutopbar #logo {position:absolute; top:-2px; left:0px;} #herokutopbar #heroku {position:absolute; top:10px; left:0px;} #herokutopbar #heroku select {width:245px; font:16px arial, sans-serif;} #topnavs ul.herokunav {margin:0px; padding:0px; top:0px; right:7px;} #topnavs ul.herokunav li {float:right;} #topnavs ul.herokunav li a{font-size:22px; padding:9px 15px;} #topnavs ul li a.current {background:url(../images/main/topnav_current.gif) no-repeat transparent top center; } /* == --------2 COLUMN MEMBER LAYOUT--------- == */ #twocol {background:url(../images/main/2col_vdiv.gif) 0px 0px repeat-y transparent;width:900px;} #sidecol {float:left; width:245px; min-height:350px;} #maincol {float:right; width:605px;} #maincol h1 {font:18px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; padding:10px 0px; color:#333; font-weight:normal;} #maincol h2 {font:16px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; padding:5px 0px; color:#333; font-weight:normal; border:dotted #BBB; border-width:1px 0px;} #maincol h3 {font:14px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; padding:15px 0px; color:#333; font-weight:bold;} /* == --------1 COLUMN MEMBER LAYOUT--------- == */ #onecol {background:transparent;width:900px;} #onecol h1 {font:18px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; padding:10px 0px; color:#333; font-weight:normal;} #onecol h2 {font:16px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; padding:5px 0px; color:#333; font-weight:normal; border:dotted #BBB; border-width:1px 0px;} #onecol h3 {font:14px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; padding:15px 0px; color:#333; font-weight:bold;} /* == --------2 50% WIDTH COLUMN MEMBER LAYOUT--------- == */ #two50col {background:url(../images/main/2col_vdiv50.gif) 0px 0px repeat-y transparent;width:900px;} #leftcol {float:left; width:425px; min-height:350px;} #rightcol {float:right; width:425px;} #two50col h1 {font:18px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; padding:10px 0px; color:#333; font-weight:normal;} #two50col h2 {font:16px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; padding:5px 0px; color:#333; font-weight:normal; border:dotted #BBB; border-width:1px 0px;} #two50col h3 {font:14px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; padding:15px 0px; color:#333; font-weight:bold;} /* == --------GENERAL STYLES FOR DATA TABLES IN MEMBER AREA--------- == */ #maincol div.tablewrapper {padding: 5px 0px 20px 0px;} table.datatable1 {border-collapse:collapse; background-color:#FFF; width:100%; border:1px solid #E5E5E5;} table.datatable1 th {color:#000; text-align:left; font:15px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; padding:8px 5px; background-color:#E5E5E5;} table.datatable1 td {text-align:left; font:12px Arial, sans-serif; padding:10px 5px; border-bottom:1px solid #E5E5E5;} table.datatable1 td.short {padding:6px 5px;} table.datatable1 td.buttons, table.datatable1 th.buttons {text-align:right; white-space:nowrap;} .text_small {font-size:10px;} table.datatable1 tr.userhover td {background-color:#FFE8F1;} /* == --------HREFS + BUTTONS--------- == */ a.sublink {font:Bold 14px Arial, sans-serif; text-decoration:none!important;} a.sublink:link, a.sublink:visited {text-decoration:none:!important;} a.sublink:hover, a.sublink:active {color:#F90064!important; text-decoration:underline!important;} a.button_tiny {-moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 5px; margin-left:5px; background:url(../images/main/button_tiny.gif) repeat-x transparent; font:10px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; letter-spacing:1px;} a:link.button_tiny, a:visited.button_tiny {background-position:0px 0px; background-color:#929292; color:#FFF!important; text-decoration:none!important;} a:hover.button_tiny, a:active.button_tiny {background-position:0px -40px; background-color:#777; color:#FFF!important; text-decoration:none!important;} a.button_small {-moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 6px; margin-left:5px; background:url(../images/main/button_small.gif) repeat-x transparent; font:14px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; letter-spacing:1px;} a:link.button_small, a:visited.button_small {background-position:0px 0px; background-color:#F90064; color:#FFF!important; text-decoration:none!important;} a:hover.button_small, a:active.button_small {background-position:0px -40px; background-color:#AA0044; color:#FFF!important; text-decoration:none!important;} /* == -------------------------MEMBER FORM------------------------- == */ table#memberform {margin:0px auto 0px 0px;} table#memberform td {padding:5px; font:16px GnuolaneRgRegular, Arial, sans-serif; } table#memberform td.text1 {font:16px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; text-align:right;} table#memberform td div#snippet {font:16px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; text-align:right;padding-right:5px;} table#memberform td a.cancel {padding-left:10px;} table#memberform td.label {font:16px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; text-align:left; padding:0px;} table#memberform td.field, table#memberform td.select {width:220px;} table#memberform td.select select {border:1px solid #F90064; font:16px GnuolaneRgRegular, Arial, sans-serif; width:206px; background-color:#FFCEE1; padding:3px;} table#memberform td.inst {font:16px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; text-align:left; padding:0px;} table#memberform td.errors div.error_box {font-size: 14px;width:160px;border-right:1px dotted #F90064;border-top:1px dotted #F90064;border-bottom:1px dotted #F90064;background:#FFCEE1;margin-left:-3px;padding-left:8px;padding-right:8px;padding-top:1px;padding-bottom:0px;} table#memberform td.errors_wide div.error_box_wide {border-right:1px dotted #F90064;border-top:1px dotted #F90064;border-bottom:1px dotted #F90064;background:#FFCEE1;margin-left:-3px;padding-left:8px;padding-right:8px;padding-top:1px;padding-bottom:0px;} table#memberform div#errors {font-size:14px;color:#F90064;padding-right:10px;} table#memberform td.field input.big {border:1px solid #E5E5E5; font:22px GnuolaneRgRegular, Arial, sans-serif; background-color:#FFF; padding:2px 4px; color:#333;} table#memberform td.field input.big.errors {border:1px solid #F90064; font:22px GnuolaneRgRegular, Arial, sans-serif; background-color:#FFF; padding:2px 4px; color:#333;} table#memberform td.field input {border:1px solid #E5E5E5; font:16px GnuolaneRgRegular, Arial, sans-serif; background-color:#FFF; padding:2px 4px; color:#333;} table#memberform td.field input.errors {border:1px solid #F90064; font:16px GnuolaneRgRegular, Arial, sans-serif; background-color:#FFF; padding:2px 4px; color:#333;} table#memberform td.field textarea {border:1px solid #E5E5E5; font:16px GnuolaneRgRegular, Arial, sans-serif; background-color:#FFF; padding:2px 4px; color:#333;} table#memberform td.field textarea.errors {border:1px solid #F90064; font:16px GnuolaneRgRegular, Arial, sans-serif; background-color:#FFF; padding:2px 4px; color:#333;} table#memberform input.formbutton {text-transform:uppercase; color:#FFF; font:20px GnuolaneRgRegular, Arial, sans-serif; border-width:0px; background-color:#F90064; padding:2px 6px;} table#memberform input.formbutton:hover {background-color:#000;} /* == -------------------------MEMBER STYLING------------------------- == */ #instructions {border:1px dotted #F90064;background:#FFCEE1;font:18px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; padding:14px;text-align:center;} #instructions_small {font-size:15px;padding-top:8px;} #sidecol #instructions {border:1px dotted #BBB;background:#E5E5E5;color:#666;font:15px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; padding:14px;text-align:center;} #sidecol_public #instructions {border:1px dotted #BBB;background:#E5E5E5;color:#666;font:15px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; padding:14px;text-align:center;} #inst_small {font:12px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif;} #inst_med {font:14px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif;} .peoplebox {display:inline;float:left;width:249px;height:94px;margin-right:10px;margin-left:10px;margin-bottom:20px;border:1px solid #F90064;background:#FFE8F1;font:14px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; padding:14px;} .peoplebox:hover {background-color:#FFC1DA;} .peoplebox a.link {padding-left:10px;color:#F90064;font:16px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; text-align:right;} #flash {color:#F90064;font:16px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif;} #note {border:1px dotted #BBB;background:#E5E5E5;color:#666;font:16px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; padding:14px;} #tips {border:1px dotted #BBB;background:#E5E5E5;color:#666;font:14px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; padding:14px;} #tips ul {padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;} #tips ul li {padding-top:4px;padding-bottom:5px;margin-top:0px;margin-bottom:0px;} #tips ul li ul {padding-top:0px;padding-bottom:0px;margin-top:6px;margin-bottom:0px;} #tips ul li ul li {padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;} #bread {border-top:1px none #BBB;border-bottom:1px dotted #BBB;background:transparent;color:#666;font:15px GnuolaneRgRegular, Georgia, Courier New, Arial, sans-serif; padding-left:5px;padding-top:3px;padding-bottom:5px;margin-bottom:20px;margin-top:-5px;} .balance {font-size:16px;} #code_snippet { font-family: 'Courier New', 'Terminal', monospace; padding: 5px 5px 5px 8px; color: white; background-color: #544e4f; font-size: 12px; border: 1px solid black; } /* == --------GENERAL STYLES FOR DATA TABLES IN MEMBER AREA--------- == */ #maincol div.tablewrapper {padding: 5px 0px 20px 0px;} table.datatable1 {border-collapse:collapse; background-color:#FFF; width:100%; border:1px solid #E5E5E5;} table.datatable1 th {color:#000; text-align:left; font:15px LithoAntiqueMedium, Georgia, Courier New, Arial, sans-serif; padding:10px 5px; background-color:#E5E5E5;} table.datatable1 td {text-align:left; font:12px Arial, sans-serif; padding:10px 5px; border-bottom:1px solid #E5E5E5;} table.datatable1 td.buttons, table.datatable1 th.buttons {text-align:right; white-space:nowrap;} .text_small {font-size:10px;} table.datatable1 tr:hover td {background-color:#FFE8F1;} /* == --------GENERAL STYLES FOR SIDEBAR LIST TABLES IN MEMBER AREA--------- == */ table.listtable1 {border-collapse:collapse; width:249px; border:0px;} table.listtable1 th {color:#333; text-align:left; font:18px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; padding:10px 5px; } table.listtable1 tbody tr td {text-align:left; font:12px Arial, sans-serif; padding:10px 5px; border-bottom:1px dotted #BBB;} table.listtable1 td {text-align:left; font:12px Arial, sans-serif; padding:10px 5px;} table.listtable1 td.buttons, table.listtable1 th.buttons {text-align:right; white-space:nowrap;} select#section_id {width:100%;} table.listtable1 td.title {font:18px LithoAntiqueDemiBold, Georgia, Courier New, Arial, sans-serif; padding:10px 5px; color:#333; font-weight:normal;} select#section_id {width:100%;} table.listtable1 tr:hover td {background-color:#FFE8F1;} table.listtable1 tr.userselect td {background-color:#FFE8F1;}