/* ----- Inputs ----- */

input.styled {
background-color: #ffffff;
border: 1px solid #b2cbf1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px 4px 2px 4px;
color: #666666;
}
input.styled:hover {background-color: #eeffff;}
input.styled:focus {background-color: #ccffff; color: #339999;}

span.checkbox {
width: 30px;
height: 30px;
padding: 0 5px 0 0;
background: url(http://www.creationfest.com/images/form/checkbox.png) no-repeat;
display: block;
margin: -5px 0 5px 0;
clear: left;
float: left;
}

span.radio {
width: 30px;
height: 30px;
padding: 0 5px 0 0;
background: url(http://www.creationfest.com/images/form/checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}

span.select {
position: absolute;
width: 207px; /* With the padding included, the width is 190 pixels: the actual width of the image.*/
height: 22px;
padding: 0 20px 0 8px;
color: #333333;
font: 12px/22px Arial, sans-serif;
background: url(http://www.creationfest.com/images/form/down_arrow_2.gif) no-repeat 214px 0 #ffffff;
border: 1px solid #abc9e1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
text-align: left;
}

textarea.text {width: 100%; border: none; outline: none;}

.textarea_wrapper {
background-color: #ffffff;
border: 1px solid #b2cbf1;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
}

/* ----- Label Overlay ----- */

div.form_wrap_overlay {position: relative;}
div.form_wrap_overlay label.overlay {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 173px; height: 28px; line-height: 28px; background-color: #ffffff; z-index: 1; font-size: 12px; font-weight: normal; color: #666666; padding-left: 5px; border: 1px solid #abc9e1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; zoom: 1; /* IE 6 fix */}
div.form_wrap_overlay label.overlay span {position: relative; top: 0; left: 0; cursor: text;}
div.form_wrap_overlay input.text {margin: 0; padding: 6px 5px 2px 5px; font-size: 14px; border: none; width: 170px; height: 22px; background: none!important; z-index: 10; color: #333333; position: relative; outline: none;}

div.form_wrap_overlay label.overlay_textarea {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 488px; height: 290px; line-height: 18px; background-color: #ffffff; z-index: 1; font-size: 12px; font-weight: normal; color: #777777; padding: 5px; border: 1px solid #999999; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
div.form_wrap_overlay label.overlay_textarea span {position: relative; top: 0; left: 0; cursor: text;}
div.form_wrap_overlay textarea.text {width: 488px; height: 290px; font-size: 14px; padding: 5px; background: none!important; z-index: 10; border: none; position: relative; outline: none;}

/* ----- Label "To The Left, To The Left" ----- */

div.form_wrap {position: relative; margin: 0 0 2px; padding: 2px 0 2px 0; overflow: hidden; zoom: 1; /* IE 6 fix */}
div.form_wrap label.to_the_left {float: left; margin: 0; padding: 0 15px 0 5px; width: 93px; height: 30px; line-height: 30px; z-index: 1; font-size: 12px; font-weight: normal; color: #000000; text-align: right; display: block;}
div.form_wrap label.to_the_left span {position: relative; cursor: text;}
div.form_wrap input.text {margin: 0; padding: 6px 5px 2px 5px; font-size: 14px; width: 225px; height: 20px; background-color: #ffffff; z-index: 10; color: #333333; position: relative; border: 1px solid #abc9e1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; outline: none;}

/* Errors */

div.form_wrap_overlay.error {padding: 0;}

div.form_wrap_overlay.error label.overlay {border: 1px solid #993333; background-color: #cc6666; color: #ffffff;}
div.form_wrap_overlay.error input.text {color: #ffffff;}

div.form_wrap.error input.text,
div.form_wrap.error span.select {border: 1px solid #993333; background-color: #cc6666; color: #ffffff;}
div.form_wrap.error span.select {background-position: 214px -24px;}
div.form_wrap.error_message {color: #cc6666; text-align: center;}

/* Error Box */

.error_box {background-color: #cc6666; color: #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center;}
.error_box span {padding: 10px; display: block;}

/* ----- Buttons ----- */

.button_2 {
background: url(http://www.creationfest.com/images/buttons/button_bg_large.gif) repeat-x 0 -150px #b3e169;
border-top: 1px solid #b3e169;
border-right: 1px solid #b3e169;
border-bottom: 1px solid #99c74f;
border-left: 1px solid #b3e169;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
cursor: pointer;
color: #ffffff;
text-shadow: 0 1px 1px #555555;
font-weight: bold;
position: relative;
}
.button_2:hover {background-image: none; background-color: #99c74f; border: 1px solid #99c74f;}
.button_2:active {top: 1px;}

.button_2.small {font-size: 11px; height: 18px; line-height: 18px;}
.button_2.medium {font-size: 14px; height: 28px; line-height: 28px;}
.button_2.large {font-size: 18px; height: 50px; line-height: 50px;}

.button_2.fixed {width: 120px;}
.button_2.full {width: 100%;}
.button_2.auto {padding: 0 8px 0 8px;}

.button_2.blue,
a.button_2.blue,
a:visited.button_2.blue {
background: url(http://www.creationfest.com/images/buttons/button_bg_large.gif) repeat-x 0 0 #4c63ae;
border-top: 1px solid #7692e5;
border-right: 1px solid #7692e5;
border-bottom: 1px solid #4c63ae;
border-left: 1px solid #7692e5;
}
a:hover.button_2.blue, .button_2:hover.blue {background-image: none; background-color: #4c63ae;}

.button_2.red,
a.button_2.red,
a:visited.button_2.red {
background: url(http://www.creationfest.com/images/buttons/button_bg_large.gif) repeat-x 0 -50px #e33100;
border-top: 1px solid #e16969;
border-right: 1px solid #e16969;
border-bottom: 1px solid #bd4646;
border-left: 1px solid #e16969;
}
a:hover.button_2.red, .button_2:hover.red {background-image: none; background-color: #bd4746;} 

.button_2.purple,
a.button_2.purple,
a:visited.button_2.purple {
background: url(http://www.creationfest.com/images/buttons/button_bg_large.gif) repeat-x 0 -100px #d77adc;
border-top: 1px solid #dc69e1;
border-right: 1px solid #dc69e1;
border-bottom: 1px solid #c150c8;
border-left: 1px solid #dc69e1;
}
a:hover.button_2.purple, .button_2:hover.purple {background-image: none; background-color: #c150c8;}

a.button_2, a:visited.button_2 {
text-align: center;
text-decoration: none;
border-top: 1px solid #b3e169;
border-right: 1px solid #b3e169;
border-bottom: 1px solid #99c74f;
border-left: 1px solid #b3e169;
cursor: pointer;
color: #ffffff;
display: block;
}
a:hover.button_2 {text-decoration: none;}
a:active.button_2 {top: 1px;}

a.button_arrow_left {
height: 30px;
line-height: 30px;
display: block;
position: absolute;
left: 10px;
top: 10px;
z-index: 100;
background: url(http://www.creationfest.com/images/buttons/button_top_left.png) right 0;
border: none;
padding: 0 10px 0 5px;
margin-left: 19px;
font-size: 14px;
color: #ffffff;
text-shadow: 0 1px 1px #555555;
font-weight: bold;
text-decoration: none;
}

a.button_arrow_left span {
background: url(http://www.creationfest.com/images/buttons/button_top_left.png) 0 0;
width: 19px;
height: 30px;
position: absolute;
left: -19px;
top: 0;
}

.button_arrow_left_bg {
position: absolute;
left: -300px;
top: 10px;
z-index: 100;
background-color: #4c63ae;
height: 30px;
line-height: 30px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #ffffff;
padding: 0 10px 0 10px;
}

/* ----- Icons ----- */

.button_2 span.print {width: 16px; height: 16px; display: block; background: url(http://www.creationfest.com/images/icons/printer.png) no-repeat 0 0; float: left; margin: 6px 10px 0 0;}