/* ----- creationroadcrew.com - Designed & Coded with Love & Care by Zach Williams - IE is the devil - zach@comealive.com ----- */

body#roadcrew {
background-color: #000000;
}

body#roadcrew #header_rc {background: url(http://www.creationfest.com/images/headers/header_rc_tour.jpg) no-repeat top center;}

body#roadcrew .button_2 {
background: url(http://www.creationfesttour.com/images/button_bg.gif) repeat-x top left #349a9a;
border-top: 1px solid #66cccc;
border-right: 1px solid #66cccc;
border-bottom: 1px solid #349a9a;
border-left: 1px solid #66cccc;
color: #ffffff;
text-shadow: 0 1px 1px #537e7e;
font-weight: bold;
}
body#roadcrew .button_2:hover {background-image: none; background-color: #339999; border: 1px solid #339999;}

/* ----- Footer ----- */

body#roadcrew .footer {border-top: 1px solid #b2cbf1; background-color: #375184;}
body#roadcrew .footer_full {border-top: 1px solid #444444; background-color: #333333;}
body#roadcrew .footer_full .footer_contact_blurb {color: #b7d3e6;}
body#roadcrew .footer_contact_blurb {color: #b7d3e6;}
body#roadcrew .footer_contact_blurb a, .footer_contact_blurb a:link, .footer_contact_blurb a:visited {color: #ffffff;}
body#roadcrew .footer_full .copyright {color: #ffffff;}
body#roadcrew .copyright span {color: #b7d3e6;}

/* ----- Rego ----- */

.roadcrew_rego div.form_wrap.state label,
.roadcrew_rego div.form_wrap.country label,
.roadcrew_rego div.form_wrap.age label,
.roadcrew_rego div.form_wrap.t_shirt_size label,
.roadcrew_rego div.form_wrap.festival label {height: 24px; line-height: 24px;}

.roadcrew_rego div.form_wrap.state,
.roadcrew_rego div.form_wrap.country,
.roadcrew_rego div.form_wrap.age,
.roadcrew_rego div.form_wrap.t_shirt_size,
.roadcrew_rego div.form_wrap.festival {height: 24px;}

.roadcrew_rego div.form_wrap select.styled {width: 234px;}

/* New button */

.awesome, .awesome:visited {
background: #aade58; 
display: inline-block; 
padding: 5px 10px 6px 10px; 
color: #ffffff; 
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
text-align: center;
border: none;
}

.awesome.shadow {
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.awesome:hover {background-color: #99c74f;}
.awesome:active {top: 1px;}

.awesome.fixed {width: 120px; height: 28px; padding: 0; line-height: 28px!important;}
.awesome.full {width: 100%; padding: 5px 0 6px 0;}
.large.awesome.full {padding: 8px 0 9px 0;}

.small.awesome,
.small.awesome:visited {font-size: 11px;}

.awesome,
.awesome:visited,
.medium.awesome,
.medium.awesome:visited {font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
.large.awesome,
.large.awesome:visited {font-size: 14px; padding: 8px 14px 9px;}

.blue.awesome,
.blue.awesome:visited {background-color: #2daebf;}
.blue.awesome:hover {background-color: #007d9a;}

.red.awesome,
.red.awesome:visited {background-color: #e33100;}
.red.awesome:hover {background-color: #872300;}

.purple.awesome,
.purple.awesome:visited {background-color: #d77adc;}
.purple.awesome:hover {background-color: #b15cb6;}

/* Else */

.roadcrew_login {
margin: 30px 0 30px 0;
background: url(http://www.creationfest.com/images/roadcrew/login_bar.jpg) no-repeat 0 0;
width: 960px;
height: 48px;
position: relative;
}

.roadcrew_login.form_error {background-position-y: -48px;}

.roadcrew_login #roadcrew_username {position: absolute; top: 9px; right: 330px;}
.roadcrew_login #roadcrew_password {position: absolute; top: 9px; right: 140px;}
.roadcrew_login #roadcrew_login_button {position: absolute; top: 10px; right: 10px;}

#roadcrew_logged_in {
margin: 0 0 30px 0;
width: 960px;
position: relative;
}

#roadcrew_logged_in .nav {float: left; margin: 0 10px 0 0;}

#roadcrew_logged_in .admin {position: absolute; top: 0; right: 130px;}
#roadcrew_logged_in .logout {position: absolute; top: 0; right: 0;}

.contacts_top .button_2 {margin-left: 10px;}

/* Classes - Buttons */

textarea.roadcrew_email {
width: 640px;
padding: 10px;
height: 200px;
margin: 10px;
border: 1px solid #bbc9ed;
}

.button {border: none; text-indent: -9999px; overflow: hidden; width: 120px; height: 28px; cursor: pointer; font-size: 0px; display:block; line-height: 0px;}
.button_small {border: none; text-indent: -9999px; overflow: hidden; cursor: pointer; font-size: 0px; display:block; line-height: 0px;}
.button_290 {margin-bottom: 10px; border: none; text-indent: -9999px; overflow: hidden; width: 290px; height: 28px; cursor: pointer; font-size: 0px; display:block; line-height: 0px;}

.login_button {background: url(http://www.creationfest.com/images3/forms/input_button_login.png) no-repeat 0 0;}
.login_button:hover {background-position: 0 -28px;}

.account_button {background: url(http://www.creationfest.com/images3/forms/input_button_account.png) no-repeat 0 0;}
.account_button:hover {background-position: 0 -28px;}
.edit_button {background: url(http://www.creationfest.com/images3/forms/input_button_edit.png) no-repeat 0 0;}
.edit_button:hover {background-position: 0 -28px;}

.email_button {background: url(http://www.creationfest.com/images3/forms/input_button_email.png) no-repeat 0 0;}
.email_button:hover {background-position: 0 -28px;}

.admin_button {background: url(http://www.creationfest.com/images3/forms/input_button_admin.png) no-repeat 0 0;}
.admin_button:hover {background-position: 0 -28px;}

.logout_button {background: url(http://www.creationfest.com/images3/forms/input_button_logout.png) no-repeat 0 0;}
.logout_button:hover {background-position: 0 -28px;}

.submit_button {background: url(http://www.creationfest.com/images3/forms/input_button_submit.png) no-repeat 0 0;}
.submit_button:hover {background-position: 0 -28px;}

.contacts_button {background: url(http://www.creationfest.com/images3/forms/input_button_contacts.png) no-repeat 0 0; }
.contacts_button:hover {background-position: 0 -28px;}

.home_button {background: url(http://www.creationfest.com/images3/forms/input_button_home.png) no-repeat 0 0; }
.home_button:hover {background-position: 0 -28px;}

.add_contact_button {background: url(http://www.creationfest.com/images3/forms/input_button_add_contact.png) no-repeat 0 0; }
.add_contact_button:hover {background-position: 0 -28px;}

.user_roadcrew_info_button {background: url(http://www.creationfest.com/images3/forms/input_button_roadcrew_info.gif) no-repeat 0 0;}
.user_roadcrew_info_button:hover {background-position: 0 -28px;}

.user_promo_button {background: url(http://www.creationfest.com/images3/forms/input_button_order_promo.gif) no-repeat 0 0; }
.user_promo_button:hover {background-position: 0 -28px;}

.user_media_button {background: url(http://www.creationfest.com/images3/forms/input_button_media_site.gif) no-repeat 0 0; }
.user_media_button:hover {background-position: 0 -28px;}

.user_contact_button {background: url(http://www.creationfest.com/images3/forms/input_button_contact_cf.gif) no-repeat 0 0; }
.user_contact_button:hover {background-position: 0 -28px;}

.edit_contact_button {background: url(http://www.creationfest.com/images3/forms/input_button_edit_delete.png) no-repeat 0 0; width: 60px; height: 20px;}
.edit_contact_button:hover {background-position: 0 -20px;}

.delete_contact_button {background: url(http://www.creationfest.com/images3/forms/input_button_edit_delete.png) no-repeat -60px 0; width: 60px; height: 20px; }
.delete_contact_button:hover {background-position: -60px -20px;}

/* Classes - Containers */

.roadcrew_container {
background: #ffffff;
padding: 10px;
position: relative;
margin: 0 0 20px 0;
color: #000000;
border: 1px solid #bbcff8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.roadcrew_container .inner {
background: #e2effa;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px;
position: relative;
margin: 10px 0 0 0;
}

/* Container 1 */

.roadcrew_container_1 {
background: #ffffff;
width: 558px;
padding: 10px;
position: relative;
margin: 0 0 20px 0;
color: #000000;
border: 1px solid #bbcff8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.roadcrew_container_1 .inner {
background: #e2effa;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 540px;
padding: 10px;
position: relative;
margin: 10px 0 0 0;
}

.roadcrew_container_1 .yellowbox {
background: #fffee9;
border: 1px solid #edebbc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 538px;
padding: 10px;
position: relative;
margin: 10px 0 0 0;
color: #666666;
text-align: left;
font-weight: normal;
line-height: 16px;
}

.roadcrew_container_1 .yellowbox h2 {color: #333333;}
.roadcrew_container_1 a {color: #000000;}
.roadcrew_container_1 a.button_2 {color: #ffffff;}
* html .roadcrew_container_1 a {color: #333333;}

/* Container 2 */

.roadcrew_container_2 {
background: #ffffff;
width: 698px;
padding: 10px;
position: relative;
margin: 0 0 20px 0;
color: #000000;
border: 1px solid #bbcff8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.roadcrew_container_2 .inner {
background: #e2effa;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 680px;
padding: 10px;
position: relative;
margin: 10px 0 0 0;
}

.roadcrew_container_2 .yellowbox {
background: #fffee9;
border: 1px solid #edebbc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 678px;
padding: 10px;
position: relative;
margin: 10px 0 0 0;
color: #666666;
text-align: left;
font-weight: bold;
font-size: 14px;
line-height: 22px;
}

.yellowbox .emails_sent {position: absolute; top: 10px; right: 10px; text-align: right;}

/* Container 3 */

.roadcrew_container_3 {
background-color: #ffffff;
width: 413px;
padding: 10px;
position: relative;
margin: 0 auto 0;
color: #000000;
border: 1px solid #bbcff8;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.roadcrew_container_3 .inner {
background: #e2effa;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 393px;
padding: 10px;
position: relative;
margin: 10px 0 0 0;
}

.roadcrew_container_3 a {color: #000000;}
.roadcrew_container_3 a.button_2 {color: #ffffff;}

/* Road manager message */

.roadcrew_message {
background: #fffee9;
border: 1px solid #edebbc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px;
position: relative;
margin: 0 auto 30px;
color: #666666;
}

.roadcrew_message p {margin: 0; line-height: normal;}
.roadcrew_message a {color: #000000;}
.roadcrew_message h2 {color: #333333;}
.roadcrew_message h3 {color: #333333;}

/* Classes - Columns */

/* Rego */

.col_reg_left {
display: inline; /* IE 6 fix */
float: left;
width: 430px;
margin: 30px 0 30px 0;
padding: 0 49px 0 0;
border-right: 1px solid #c5cded;
}

.col_reg_right {
display: inline; /* IE 6 fix */
float: left;
width: 430px;
margin: 30px 0 30px 50px;
}

/* Account Home */

.col_account_left {
display: inline; /* IE 6 fix */
float: left;
width: 580px;
margin: 0 30px 0 0;
padding: 0;
}

.col_account_right {
display: inline; /* IE 6 fix */
float: left;
width: 350px;
margin: 0;
}

/* Rego Details */

.roadcrew_container_3 .rego_socie_button, .roadcrew_container_3 .rego_socie_rewards_button, .roadcrew_container_3 .rego_roadie_button, .roadcrew_container_3 .rego_roadie_rewards_button, .roadcrew_container_3 .rego_header {margin-bottom: 10px;}

#rego_socie, #rego_socie_rewards, #rego_roadie, #rego_roadie_rewards {display: none; margin: 0 0 10px 0; width: 360px; text-align: left; padding: 10px;}

.roadcrew_container_1 h2, .roadcrew_container_2 h2, .roadcrew_container_3 h2, .roadcrew_container_1 h3, .roadcrew_container_2 h3, .roadcrew_container_3 h3 {color: #333333;}
h2.contacts {font-size: 16px; color: #ffffff; text-transform: none;}

.red {color: #cc0000;}

table.roadcrew_table {
margin: 0 auto 0;
color: #555555;
font-size: 12px;
font-weight: normal;
width: 100%;
text-align: left;
}

table.roadcrew_table_user {
margin: 0 auto 0;
color: #555555;
font-size: 12px;
font-weight: bold;
width: 50%;
text-align: left;
float: left;
}

/* ----- Checklist ----- */

textarea.checklist_note {
height: 50px;
width: 433px;
padding: 5px;
margin: 0;
border: 1px solid #bbc9ed;
}

/* ----- Blue Box ----- */

.blue_box {background-color: #e2effa; margin-bottom: 10px; padding: 8px 10px 10px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #333333; position: relative;}
.blue_box p {margin: 0; line-height: normal;}
.blue_box .inner a, .blue_box .inner a:visited {color: #333333;}
.blue_box h2, .blue_box h4 {color: #333333; margin: 0 0 10px 0;}
.blue_box .button_2 {float: right; margin-left: 10px;}

.blue_box.contact_list {
max-height: 600px;
height: auto !important;
height: expression( document.body.clientHeight > 600 ? "600px" : "auto" );
overflow: auto;
}

/* ----- Sent Emails ----- */

.sent_emails .form_wrap input.text {width: 200px;}
ul.sent_emails {list-style: none; margin: 0; padding: 0;}
ul.sent_emails li {margin: 0; padding: 0;}

/* ----- Message Archive ----- */

ul.message_list {list-style: none; margin: 0 0 30px 0; padding: 0; border-top: 1px solid #435273;}
ul.message_list li {border-bottom: 1px solid #435273;}
ul.message_list li a {display: block; padding: 10px; text-decoration: none;}
ul.message_list li a:hover {background-color: #2f4362;}
ul.message_list li a span.message_date {color: #ffffff; font-size: 14px; font-weight: bold; padding-right: 10px;}
ul.message_list li a span.message_text {color: #ffffff; padding-right: 10px;}
ul.message_list li a span.message_read_more {text-decoration: underline;}

/* ----- jGrowl ----- */

div.jGrowl {
padding: 10px;
z-index: 9999;
color: #000000;
font-size: 12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {position: absolute;}

div.ie6.top-right {
right: auto;
bottom: auto;
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
width: 100%;
}

/** Normal Style Positions **/
body > div.jGrowl {position: fixed;}

body > div.jGrowl.top-left {
left: 0px;
top: 45px;
}

body > div.jGrowl.top-right {
right: 0px;
top: 45px;
}

body > div.jGrowl.bottom-left {
left: 0px;
bottom: 0px;
}

body > div.jGrowl.bottom-right {
right: 0px;
bottom: 0px;
}

body > div.jGrowl.center {
top: 0px;
width: 50%;
left: 25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
margin-left: auto;
margin-right: auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
background-color:  #fffee9;
border: 1px solid #edebbc;
border-radius: 3px;
xopacity: .85;
x-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
xfilter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
zoom: 1;
width: 235px;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: left;
display: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div.jGrowl div.jGrowl-notification {xmin-height: 40px;}

div.jGrowl div.jGrowl-notification div.header {
font-weight: bold;
font-size: .85em;
height: auto;
width: auto;
min-width: 0;
height: auto;
position: relative;
}

div.jGrowl div.jGrowl-notification div.close {
z-index: 99;
float: right;
font-weight: bold;
font-size: 1em;
cursor: pointer;
}

div.jGrowl div.jGrowl-closer {
padding-top: 4px;
padding-bottom: 4px;
cursor: pointer;
font-size: .9em;
font-weight: bold;
text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {display: none;}
}