/* CSS for Cosmopolitan Survey */

/* Default Spec */
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; background: #9A0D80; }
img { border: 0; margin: 0; padding: 0; }
form { margin: 0; padding: 0; }

/* Body Spec */
.stlBody { color: #FFFFFF; }
.stlBodyHeading { font-size: 36px; color: #FFB7E7; }
.stlSectionHeading { font-size: 18px; color: #E30F92; line-height:20px; }
.stlPageHeading { font-size: 16px; color: #FFFFFF; }
.stlContentHeading { font-size: 14px; color: #FFFFFF; }
.stlBodyHighlight { color: #FFFFFF; }
.stlFooterHeading { font-size: 18px; color: #000000; }
.stlFooterHighlight { color: #E30D93; }
.stlLink { font-size: 14px; color: #FFB7E7; }
.stlBodyLink { color: #FFFFFF; }

/* Form Spec */
.frm_input { width: 232px; height: 16px; color: #7A7A7A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 6px; border: 1px solid #989898; }
.frm_inputSurvey { width: 400px; height: 16px; color: #7A7A7A; font-family: Arial, Helvetica, sans-serif; font-size: 11px;  border: 1px solid #989898; }
.frm_multi { width: 232px; height: 40px; color: #7A7A7A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 6px; border: 1px solid #989898; }
.frm_multi_box { width: 420px; height: 40px; color: #7A7A7A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 6px; border: 1px solid #989898; }

/* Grey Box */
.gb_container { color: #555555; }
.gb_container h5 { color: #FFFFFF; font-size: 11px; margin: 0 0 0 5px; padding: 6px; }
.gb_container td { color: #666666; }
.gbcontent { height: 340px; width: 586px; overflow: auto; margin-top: 10px; padding-left: 20px; padding-right: 15px; border: 0; }
.gbcontent_head { color: #666666; font-weight: 100; padding-left: 0; }
.gb_button { padding-top: 6px; padding-left: 76px; }