* {
margin: 0;
padding: 0;
}
html {
font-size: 100.01%;
}
body {
margin: 7px 0 15px 0;
text-align: center;
background: #F8E088 url(stripe2.png);
font-size: small;
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
}
#container {
text-align: left;
}
#nav {
position: relative;
background: #bc3c1f url(bghome.png) repeat-y;
height: 3.0em;
}
#nav[id] {
height: auto;
}
#stage {
background: #fff;
border-right: 1px solid #DFC97D;
border-left: 1px solid #f7da77;
border-bottom: 1px solid #DFC97D;
}
#container, #top, #bottom, #footer {
margin: 0 auto;
width: 900px;
}
#top, #bottom {
height: 10px;
display: block;
}
#header {
margin: 20px 28px 0 28px;
}
#header li {
list-style: none;
font-weight: bold;
color: #fff;
}
#header li a {
color: #facd64;
text-decoration: none;
}
* html #header li a {
padding: 2px 0 3px 0;
}
#header li.right a {
display: inline-block;
padding-left: 68px;
background: url(/images/loginosaur.gif) no-repeat bottom left;
}
#header[id] li.right a {
display: block;
padding-bottom: 5px;
}
#header li a:hover {
text-decoration: underline;
}
#header li a:active {
color: #f9e5bd;
}
#header a b {
color: #f9e5bd;
}
.footer {
width: auto;
margin: 0 28px 0 28px;
clear: left;
line-height: 1.3em;
padding: 15px 0 15px 0;
}
.footer h1 {
float: right;
margin: -4px 0px 0 0;
}
.footer p {
margin: 0 5px;
font-weight: bold;
color: #facd64;
}
.footer p a {
font-size: 85%;
color: #f9e5bd;
text-decoration: none;
}
.footer p a:hover {
color: #fff;
text-decoration: underline;
}
#footer {
text-align: left;
padding: 7px 0 10px 0;
}
#footer h1 {
float: right;
margin: -3px 5px 0 0;
}
#footer p {
margin: 0 10px;
font-weight: bold;
color: #B6381F;
}
#footer a, #footer span {
font-size: 85%;
color: #333;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#menu {
position: absolute;
bottom: 0;
right: 0;
list-style: none;
margin: 0 5px 0 0;
}
#menu li {
float: left;
margin: 0 2px;
color: #FFFFCC;
}
#menu li a {
font-size: 95%;
display: block;
text-decoration: none;
color: #FFCC66;
background: #AF2100;
border-right: 1px solid #9F1E00;
border-bottom: none !important;
padding: 0 8px 1px 30px;
line-height: 25px;
font-weight: bold;
background-repeat: no-repeat;
background-position: 8px center;
}
#menu li a img {
margin: 0px 2px -4px 0;
}
#menu li a:hover {
background-color: #9F1E00;
color: #FFFFCC;
}
#menu li.thm {
margin-right: 15px;
}
#menu li.act a, #menu li.lgo a {
color: #FFFFCC;
padding: 0 10px 1px 10px;
}
#menu li.act a:hover, #menu li.lgo a:hover {
color: #fff;
}
#menu li.bug a, #menu li.inf a {
background: none !important;
padding: 3px 5px 6px 5px;
border: none;
}
#menu li.frm a {
background-image: url(/images/icons/application_form.png);
}
#menu li.rpt a {
background-image: url(/images/icons/report.png);
}
#menu li.thm a {
background-image: url(/images/icons/palette.png);
}
#account .act a, #build .bld a, #forms .frm a, #reports .rpt a {
border-right: 1px solid #ccc;
background-color: #fff !important;
color: #AF290A !important;
}
#themes #menu .thm a {
color: #fff;
background-color: #222;
border-right: 1px solid #000;
}
#status {
position: absolute;
bottom: 0px;
z-index: 5000;
width: 800px;
margin: 0 0 0 -400px;
left: 50%;
border-bottom: none;
color: #FFFFCC;
}
#status[id] {
position: fixed !important;
}
#status #y {
position: relative;
text-align: center;
border: 1px solid #9F1E00;
background: #BF3717;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
}
#statusText {
line-height: 32px;
font-weight: bold;
}
#info {
cursor: pointer;
position: absolute;
left: 50%;
margin: 0 0 0 -385px;
z-index: 10000;
text-align: left;
}
#infoX {
width: 770px;
}
#infoContent {
background: #FFF3D2;
padding: 25px 25px 15px 25px;
}
#infoSide {
float: right;
width: 250px;
padding: 0 0 0 20px;
font-size: 85%;
margin: 0;
}
#infoFooter {
background: url(/images/bottom.png) no-repeat top center;
width: 770px;
margin: 0px auto;
height: 10px;
}
* html #infoFooter {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bottom.png");
}
#info h2 {
margin: 0 0 3px 0;
color: #51739C;
font-weight: bold;
}
#infoContent p {
font-size: 120%;
margin: 0 0 1em 0;
text-align: justify;
}
#infoSide h3 {
font-size: 120%;
color: #BF3717;
font-weight: bold;
}
#info li {
margin: 0;
padding: 0;
list-style: inside;
margin: 5px 10px;
color: #333;
}
.notice {
margin: 10px 10px 0 10px;
padding: 10px 0px 10px 0;
background-color: #FBFFCF;
border-top: 1px solid #EBEFC2;
border-left: 1px solid #EBEFC2;
border-bottom: 1px solid #D9DF99;
border-right: 1px solid #D9DF99;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.notice h2 {
display: block;
font-size: 150%;
color: #cd4224 !important;
}
.notice b {
color: #BD3D20;
}
.tooltip {
font-size: 11px;
font-family: Arial;
font-weight: bold;
color: #CF9919 !important;
text-decoration: none;
cursor: help !important;
}
#tooltip {
position: absolute;
z-index: 10000;
margin: 7px 0 0 7px;
padding: 10px 12px 12px 12px;
width: 250px;
border: 6px solid #333;
background: #222 url(/images/ttclose.png) no-repeat 95% 9px;
font-size: 11px;
line-height: 16px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
#tipFrame {
position: absolute;
z-index: 9999;
margin: 7px 0 0 7px;
border: none;
}
#tooltip b {
display: block;
padding-bottom: 5px;
margin: 0 0 10px 0;
color: #FFE27F !important;
font-size: 13px;
border-bottom: 1px dotted #555;
cursor: pointer;
}
#tooltip em {
display: block;
font-weight: normal;
font-style: normal;
letter-spacing: .02em;
margin: 0 0 7px 0;
color: #fff;
}
.promo {
line-height: 140%;
font-size: 85%;
color: #333;
margin: 15px auto 5px auto;
background: #fff;
width: 457px;
text-align: center;
padding: 10px 20px 12px 20px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 4px solid #ccc;
}
.promo img {
margin: 0 4px -4px 0;
}
.promo b {
color: #BD3D20;
}
.promo a {
font-weight: bold;
}
h1, h2, h3 {
font-weight: normal;
}
p {
color: #222;
}
.inline {
display: inline !important;
}
.center {
text-align: center !important;
}
.left {
float: left;
}
.right {
float: right;
}
.hide {
display: none !important;
}
.hideGraphs .graph {
visibility: hidden;
}
.clearfix, #stage {
display: inline-block;
}
.clearfix[class], #stage[id] {
display: block;
}
* html .clearfix, #stage:after {
height: 1%;
overflow: visible;
}
*+html .clearfix, *+html #stage {
min-height: 1%;
}
.clearfix:after, #stage:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
h1 {
font-size: 100%;
text-indent: -9000px;
text-decoration: none;
}
h1 a {
height: 3em;
display: block;
background: url(/images/wflogo.png) no-repeat left top;
overflow: hidden;
}
* html h1 a {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wflogo.png", sizingMethod="crop");
}
#footer h1 a, .footer h1 a {
height: 40px;
width: 90px;
}
a {
color: blue;
outline: none;
}
a:hover {
cursor: pointer;
color: green;
}
a img {
border: 0;
}
img {
behavior: url(/images/iepngfix.htc);
border: none;
}
.icon {
width: 16px;
height: 16px;
}
.buttons a, .buttons button, a.button {
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
float: left;
margin: 0 .7em 0 0;
text-decoration: none;
background-color: #f5f5f5;
border: 1px solid #dedede;
border-right: 1px solid #bbb;
border-bottom: 1px solid #BFBFBF;
padding: 5px 10px 6px 10px;
display: block;
cursor: pointer;
font-size: 100%;
line-height: 130%;
color: #333;
font-weight: bold;
-webkit-border-radius: 12px;
}
a.button {
float: none;
display: inline;
display: inline-block;
}
.buttons button {
width: auto;
overflow: visible;
font-weight: bold;
padding: 4px 10px 3px 7px;
}
.buttons button[type] {
width: auto;
padding: 5px 10px 5px 7px;
line-height: 17px;
}
*:first-child+html .buttons button[type] {
padding: 4px 10px 3px 7px;
}
.buttons button img, .buttons a img, a.button img {
margin: 0 3px -3px 0 !important;
}
.buttons button:hover, .buttons a:hover, a.button:hover {
background-color: #dff4ff;
border: 1px solid #A7CEDF;
color: #336699;
}
.buttons a:active, a.button:active {
background-color: #6299c5;
border: 1px solid #6299c5;
color: #fff;
}
button.positive, a.positive {
color: #529214;
}
a.positive:hover, button.positive:hover {
background-color: #E9EFD1;
border: 1px solid #AACF81;
color: #529214;
}
a.positive:active {
background-color: #529214;
border: 1px solid #529214;
color: #fff;
}
a.negative, button.negative {
color: #d12f19;
}
a.negative:hover, button.negative:hover {
background: #fbe3e4;
border: 1px solid #EF959B;
color: #d12f19;
}
a.negative:active {
background-color: #d12f19;
border: 1px solid #d12f19;
color: #fff;
}
.buttons a em, .buttons button em, a.button em {
font-weight: normal;
font-style: normal;
}
.info .buttons {
float: right;
margin: 6px 0 0 0;
padding: 0;
}
.info .buttons a, .info .buttons button {
margin: 0 0 0 .7em;
}
* html.prepIE {
overflow-y: hidden;
}
* html.prepIE body {
height: 100%;
}
* html.prepIE select {
visibility: hidden;
}
* html.prepIE #lightbox select {
visibility: visible;
}
#overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5000;
background: #000;
opacity: .90;
filter: alpha(opacity=90);
}
#overlay[id] {
position: fixed;
}
.lbOff {
cursor: pointer;
}
#lightbox {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
width: 750px;
height: 380px;
margin: -190px 0 0 -375px;
background-color: #222;
border: 1px solid #ccc;
text-align: left;
}
#lightbox[id] {
position: fixed;
height: auto;
min-height: 380px;
}
#lightbox.done {
background-color: #FFE27F;
border: 1px solid #FFE27F;
border-right: 1px solid #DFB937;
border-bottom: 1px solid #DFB937;
}
#lbContent {
position: relative;
padding: 25px;
margin: 25px;
border: 1px solid #EFCA4A;
background: #fff;
height: 278px;
}
#lbContent[id] {
height: auto;
min-height: 278px;
}
#lbLoadMessage p {
color: #fff;
text-align: center;
font-size: 150%;
line-height: 380px;
}
#lightbox.done #lbLoadMessage, #lightbox.loading #lbContent {
display: none;
}
#lightbox.done #lbContent, #lightbox.loading #lbLoadMessage {
display: block;
}
.blue #lightbox {
background-color: #61A9DF ;
border-color: #61A9DF ;
}
.blue #lbContent {
border-color: #338DCF;
}
#lightbox h2 {
font-size: 160%;
margin: 0 0 2px 0;
}
#lightbox h3 {
font-size: 100%;
color: #333;
margin: 0 0 1.2em 0;
}
#lightbox p {
margin: 0 0 1em 0;
}
#lightbox form ul {
margin: 10px 0 10px 0;
}
#lightbox form li {
padding-left: 0;
}
#lightbox form li.error {
padding: 4px 5px 2px 9px;
}
#lightbox div.buttons {
margin: 0 0 1.2em 0;
}
#lightbox p.error {
display: none;
}
#lightbox li.error p.error {
display: block;
}
.prompt {
text-align: center;
}
.prompt h2 {
padding-top: 75px;
margin-bottom: 12px !important;
}
.prompt h3 {
font-size: 120% !important;
padding: 0 20px 40px 20px 40px !important;
}
.prompt input.text {
font-size: 180%;
color: #333;
width: 75%;
margin: 0 auto;
text-align: center;
}
.prompt li {
margin-bottom: 5px;
}
.prompt label.desc {
font-size: 140%;
font-weight: normal;
padding: 20px 0 0 0;
}
.prompt button {
float: none;
display: inline;
display: inline-block;
}
#lbContent ol.decide {
width: 100%;
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
#lbContent ol.decide li {
font-size: 130%;
margin: 0 0 10px 0;
padding: 0;
width: 100%;
}
#lbContent ol.rss li {
font-size: 100%;
margin-bottom: 20px;
}
#lbContent ol.decide li a {
height: 100%;
display: block;
line-height: 40px;
text-decoration: none;
border: 1px solid #FFE9AF;
background-color: #FFF2CF;
padding: 0 0 0 15px;
color: #EF512C;
}
#lbContent ol.decide li a span {
color: #000;
}
#lbContent ol.decide li a:hover {
border: 1px solid #FFBF0F;
background-color: #FFE9AF;
font-weight: bold;
color: #DF401B;
}
#lbContent ol.decide li a:hover b {
text-decoration: underline;
}
.wufoo {
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
font-size: small;
}
.wufoo li {
width: 62%;
}
form ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
font-size: 100%;
}
form li {
margin: 0;
padding: 4px 5px 2px 9px;
position: relative;
clear: both;
}
form li:after, .buttons:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
form li, .buttons {
display: inline-block;
}
* html form li, * html .buttons {
height: 1%;
}
form li, .buttons {
display: block;
}
* html form li div {
display: inline-block;
}
form li div, form li span {
margin: 0 4px 0 0;
padding: 0 0 8px 0;
color: #444;
}
form li span {
float: left;
}
form li div.address {
padding-bottom: 0;
}
form li div.left {
display: inline;
float: left;
width: 47%;
}
form li div.right {
display: inline;
float: right;
width: 47%;
}
.clear {
clear: both !important;
}
.info {
display: inline-block;
clear: both;
border-bottom: 1px dotted #ccc;
margin: 0 0 1em 0;
}
.info[class] {
display: block;
}
.info h2 {
font-weight: normal;
font-size: 160%;
margin: 0 0 3px 0;
clear: left;
}
.info p {
font-size: 95%;
line-height: 135%;
margin: 0 0 12px 0;
}
form hr {
display: none;
}
form li.section {
border-top: 1px dotted #ccc;
margin-top: 9px;
padding-top: 13px;
padding-bottom: 0px;
padding-left: 9px;
width: 97% !important;
}
form ul li.first {
border-top: none !important;
margin-top: 0px !important;
padding-top: 0px !important;
}
form .section h3 {
font-weight: normal;
font-size: 110%;
line-height: 135%;
margin: 0 0 2px 0;
}
form .section p {
font-size: 85%;
margin: 0 0 10px 0;
}
label.desc {
line-height: 150%;
padding: 0 0 1px 0;
border: none;
color: #222;
display: block;
font-size: 95%;
font-weight: bold;
}
label.choice {
font-size: 100%;
display: block;
line-height: 1.4em;
margin: -1.55em 0 0 25px;
padding: 4px 0 5px 0;
color: #222;
width: 90%;
}
form li div label, form li span label {
margin: 0;
padding-top: 3px;
clear: both;
font-size: 9px;
line-height: 9px;
color: #444;
display: block;
}
input.text, input.file, textarea.textarea, select.select {
margin: 0;
font-size: 100%;
color: #333;
}
input.text, textarea.textarea, .firefox select.select {
border-top: 1px solid #7c7c7c;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
border-bottom: 1px solid #ddd;
background: #fff url(/images/fieldbg.gif) repeat-x top;
}
input.text, input.file {
padding: 2px 0 2px 0;
}
input.currency {
text-align: right;
}
input.checkbox, input.radio {
display: block;
line-height: 1.4em;
margin: 6px 0 0 3px;
width: 13px;
height: 13px;
}
textarea.textarea {
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select {
font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
margin: 1px 0;
padding: 1px 0 0 0;
}
select.select[class] {
margin: 0;
padding: 1px 0 1px 0;
}
*:first-child+html select.select[class] {
margin: 1px 0;
}
.safari select.select {
margin-bottom: 1px;
font-size: 120% !important;
}
span.symbol {
font-size: 115%;
line-height: 130%;
}
form li .datepicker {
float: left;
margin: .1em 5px 0 0;
padding: 0;
width: 16px;
height: 16px;
cursor: pointer !important;
}
input.btTxt {
padding: 0 7px;
width: auto;
overflow: visible;
}
.buttons {
clear: both;
margin-top: 10px;
}
.buttons input {
font-size: 120%;
margin-right: 5px;
}
.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section p, .rtl input.btTxt {
direction: rtl;
}
.third {
width: 32% !important;
}
.half {
width: 48% !important;
}
.full {
width: 100% !important;
}
input.small, select.small {
width: 25%;
}
input.medium, select.medium {
width: 50%;
}
input.large, select.large, textarea.textarea {
width: 100%;
}
textarea.small {
height: 5.5em;
}
textarea.medium {
height: 10em;
}
textarea.large {
height: 20em;
}
#errorLi {
width: 99%;
margin: 0 auto;
background: #fff;
border: 1px dotted red;
margin-bottom: 1em;
text-align: center;
padding-top: 4px;
padding-left: 0px;
padding-right: 0px;
}
#errorMsgLbl {
margin: 7px 0 5px 0;
padding: 0;
font-size: 125%;
color: #DF0000;
}
#errorMsg {
margin: 0 0 .8em 0;
color: #000;
font-size: 100%;
}
#errorMsg strong {
background-color: #FFDFDF;
padding: 2px 3px;
color: red;
}
form li.error {
display: block !important;
background-color: #FFDFDF !important;
margin: 3px 0;
}
form li.error label {
color: #DF0000 !important;
}
form p.error {
color: red;
font-weight: bold;
font-size: 10px;
margin: -2px 0 5px 0;
clear: both;
}
.leftLabel p.error, .rightLabel p.error {
margin-left: 30%;
padding-left: 15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error {
margin-left: 35%;
padding-left: 15px;
}
form .req {
float: none;
color: red !important;
font-weight: bold;
margin: 0;
}
form li.focused {
background-color: #fff7c0;
}
form .instruct {
position: absolute;
top: 0;
left: 100%;
z-index: 1000;
width: 42%;
margin: 0 0 0 8px;
padding: 8px 10px 9px 10px;
border: 1px solid #e6e6e6;
background: #f5f5f5;
line-height: 130%;
font-size: 80%;
color: #444;
visibility: hidden;
}
form .instruct small {
font-size: 105%;
}
form li.focused .instruct, form li:hover .instruct {
visibility: visible;
}
li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {
visibility: visible;
position: static;
margin: -2px 0 0 0;
padding: 0 0 7px 0;
background: none;
border: none;
width: 100%;
font-size: 9px;
clear: left;
}
.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel {
width: 74% !important;
padding-top: 9px;
}
.leftLabel .small, .rightLabel .small {
width: 17%;
}
.leftLabel .medium, .rightLabel .medium {
width: 35%;
}
.leftLabel .large, .leftLabel textarea.textarea,.rightLabel .large, .rightLabel textarea.textarea,.leftLabel .address, .rightLabel .address {
width: 64%;
}
* html .leftLabel .small, * html .rightLabel .small {
width: 23%;
}
* html .leftLabel .medium, * html .rightLabel .medium {
width: 55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,* html .rightLabel .large, * html .rightLabel textarea.textarea {
width: 97%;
}
.leftLabel label.desc, .rightLabel label.desc {
float: left;
width: 30%;
margin: 2px 15px 0 0;
}
.rightLabel label.desc {
text-align: right;
}
.leftLabel .address, .rightLabel .address {
float: left;
}
.leftLabel p.instruct, .rightLabel p.instruct {
width: 27%;
margin-left: 5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {
margin-left: 30% !important;
padding-left: 15px;
width: 65%;
}
.leftLabel .buttons, .rightLabel .buttons {
margin-left: 15px;
}
.leftLabel .buttons input, .rightLabel .buttons input {
margin-left: 30%;
}
.noI .instruct {
display: none !important;
}
.noI form li, .noI form li.buttons {
width: 97% !important;
}
.noI form li.section {
padding-left: 9px !important;
}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea,.noI .rightLabel .large, .noI .rightLabel textarea.textarea,.noI .leftLabel .address, .noI .rightLabel .address {
width: 60%;
}
* html .noI .leftLabel .small, * html .noI .rightLabel .small {
width: 23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium {
width: 55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea {
width: 97%;
}
.noI .leftLabel label.desc, .noI .rightLabel label.desc {
width: 35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input {
margin-left: 35%;
}
form li.leftHalf, form li.rightHalf {
width: 46% !important;
}
li.leftHalf {
clear: left;
float: left;
}
li.rightHalf {
clear: none;
float: right;
}
li.leftHalf .medium, li.rightHalf .medium,li.leftHalf .small, li.rightHalf .small {
width: 100%;
}
@media print {#public, h2 {
margin: 0;
}
#container {
border: none !important;
width: 100%;
}
#top, #bottom, h1, form .buttons, #printPage, .icon {
display: none !important;
}
form.wufoo {
margin: 0;
padding: 0;
page-break-inside: auto;
}
form.wufoo .instruct {
display: block;
}

}