/** CSS Reset v2.9.0 - Provided by Yahoo! Inc. **/
html {
    color: #000000;
    background: #ffffff;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, textarea, th, var {
    font: inherit;
}

del, ins {
    text-decoration: none
}

li {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: baseline
}

sub {
    vertical-align: baseline
}

legend {
    color: #000000
}

strong {
    font-weight: 600;
}

@font-face {
    font-family: 'HelveticaRoundedLTStd-BlkO';
    src: url('fonts/helveticaroundedltstd-blko.eot');
    src: url('fonts/helveticaroundedltstd-blko.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaroundedltstd-blko.woff') format('woff'), url('fonts/helveticaroundedltstd-blko.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/** COLOR SCHEME
Tints & Shades (Light to Dark): A8C3EB, 5489D9, 2457A4, 112A50, 000000

Set: 7EA6E2, 2457A4, 081426, 646464 (Grey) **/

/** COMMON **/
body {
    background: #ffffff;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    min-width: 960px;
}

a {
    text-decoration: none;
    color: #0043bf;
}

/** BUTTONS **/
a.btn250 {
    display: block;
    width: 250px;
    height: 30px;
    line-height: 32px;
    margin: 15px auto 15px auto;
    background: #0043bf;
    border: 1px solid #1d3f7d;
    color: #ffffff;
    text-shadow: 0 -1px #1d3f7d;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #6c98c6;
}

a:hover.btn250 {
    background: #003699;
}

a:active.btn250 {
    box-shadow: inset 0 1px 0 #333333, 0 1px 0 #ffffff;
}

a.btn250_green {
    display: block;
    width: 250px;
    height: 30px;
    line-height: 32px;
    margin: 15px auto 15px auto;
    background: #239928;
    border: 1px solid #1d7d1f;
    color: #ffffff;
    text-shadow: 0 -1px #1d7d1f;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #70c66c;
    font-size: 13px;
}

a:hover.btn250_green {
    background: #36ac39;
}

a:active.btn250_green {
    box-shadow: inset 0 1px 0 #333333, 0 1px 0 #ffffff;
}

input:focus.nofocus {
    outline: 0 none;
}

/** TOP BAR **/
.top_bar_wrapper {
    background: #081426;
    height: 38px;
    width: auto;
}

.top_bar_container {
    display: table;
    width: 960px;
    margin: auto;
}

span.top_bar_links {
    color: #aaaaaa;
    font-size: 12px;
    line-height: 38px;
}

a.top_bar_links {
    color: #cccccc;
}

a:hover.top_bar_links {
    border-bottom: 1px dotted #666666;
}

a.btn_register {
    float: right;
    height: 28px;
    width: auto;
    background: #162e52; /* For Non-CSS3 Browsers */
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
}

a:hover.btn_register {
    background: #3169bf;
}

a:active.btn_register {
    background: #184b9c;
}

a.btn_login {
    float: right;
    height: 28px;
    width: auto;
    background: #162e52; /* For Non-CSS3 Browswers */
    margin-top: 5px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
}

a:hover.btn_login {
    background: #3169bf;
}

a:active.btn_login {
    background: #184b9c;
}

span.btn_login_label {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    line-height: 29px;
}

span.btn_register_label {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    line-height: 29px;
}

/** MENU **/
.menu_wrapper {
    display: table;
    background: #7ea6e2; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb8fb', endColorstr='#7EA6E2'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#8cb8fb), to(#7ea6e2)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #8cb8fb, #7ea6e2); /* for Firefox 3.6+ */
    width: 100%;
    height: 68px;
    margin: auto;
    border-top: 1px solid #a8c3eb;
    border-bottom: 1px solid #a8c3eb;
}

.menu_container {
    background: #7ea6e2; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb8fb', endColorstr='#7EA6E2'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#8cb8fb), to(#7ea6e2)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #8cb8fb, #7ea6e2); /* for Firefox 3.6+ */
    width: 960px;
    margin: auto;
    height: 68px;
}

.logo {
    float: left;
    width: 190px;
    height: 56px;
    background: url('/images/logo.png');
    margin-top: 6px;
}

a.menu_item {
    float: right;
    display: block;
    height: 38px;
    line-height: 40px;
    width: auto;
    background: #1b58b7; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fb2fc', endColorstr='#1b58b7'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3fb2fc), to(#1b58b7)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3fb2fc, #1b58b7); /* for Firefox 3.6+ */
    border: 1px solid #2457a4;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px #2457a4;
    font-size: 18px;
    color: #ffffff;
    margin-top: 14px;
    margin-left: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

a:hover.menu_item {
    border: 1px solid #2457a4;
    background: #3169bf;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52bafc', endColorstr='#3169bf'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#52bafc), to(#3169bf)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #52bafc, #3169bf); /* for Firefox 3.6+ */
}

a:active.menu_item {
    border: 1px solid #184b9c;
    text-shadow: 1px 1px #143261;
    background: #184b9c; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3697d6', endColorstr='#184b9c'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3697d6), to(#184b9c)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3697d6, #184b9c); /* for Firefox 3.6+ */
}

img.mbicons {
    position: relative;
    top: 1px;
    padding-right: 2px;
}

/** TAKEOVER STYLING **/
.takeover_wrapper {
    background: #102241;
}

.takeover_container {
    display: table;
    width: 1020px;
    height: 500px;
    background: url('/images/takeovers/budlight.gif') no-repeat;
    margin: auto;
}

/** DEFAULT STYLING **/
.search_wrapper {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: url('/images/hp_searchbg.jpg') #081426 repeat;
}

.search_container {
    display: table;
    width: 960px;
    margin: auto;
}

.search_box {
    width: 760px;
    height: 320px;
    margin: 20px auto;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #333333;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
}

.search_input {
    float: left;
    display: table;
    width: 760px;
    height: 100px;
    background: #caddf9;
    border: 1px solid #99bcf2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding-top: 20px;
}

.search_keywordinput {
    float: left;
    width: 530px;
    height: 60px;
    margin-left: 20px;
    background: #1b58b7; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fb2fc', endColorstr='#1b58b7'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3fb2fc), to(#1b58b7)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3fb2fc, #1b58b7); /* for Firefox 3.6+ */
    border: 1px solid #2457a4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

input.input_keyword {
    width: 506px;
    height: 48px;
    line-height: 50px;
    margin: 5px auto auto;
    border: 1px solid #2457a4;
    font-size: 24px;
    font-weight: normal;
    color: #cccccc;
    padding-left: 10px;
    background: #ffffff url('/images/search_icon.gif') no-repeat right;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

a.search_quicksearchbtn {
    float: left;
    width: 174px;
    height: 60px;
    margin: auto auto auto 10px;
    background: #33cc00; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ff33', endColorstr='#33cc00'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#66ff33), to(#33cc00)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #66ff33, #339900); /* for Firefox 3.6+ */
    border: 1px solid #339900;
    color: #ffffff;
    line-height: 60px;
    font-size: 24px;
    text-shadow: 1px 1px #339900;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

a:hover.search_quicksearchbtn {
    background: #47d219;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75ff47', endColorstr='#47d219'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#75ff47), to(#47d219)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #75ff47, #47d219); /* for Firefox 3.6+ */
    border: 1px solid #339900;
}

a:active.search_quicksearchbtn {
    background: #30c300; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61f230', endColorstr='#30c300'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#61f230), to(#30c300)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #61f230, #30c300); /* for Firefox 3.6+ */
    border: 1px solid #29a301;
}

p.search_tips {
    clear: both;
    font-size: 11px;
    text-align: left;
    margin-left: 20px;
    padding-top: 3px;
    margin-bottom: 10px;
    color: #2457a4;
}

.search_seperator {
    width: auto;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

span.search_advancedcopy {
    color: #2457a4;
    text-transform: uppercase;
    font-size: 16px;
}

.search_advancedcol_left {
    float: left;
    display: table;
    width: 350px;
    margin-left: 20px;
    text-align: left;
}

.search_advancedcol_right {
    float: right;
    display: table;
    width: 350px;
    height: auto;
    margin-right: 20px;
    text-align: left;
}

input.input_citysearch {
    width: 343px;
    height: 42px;
    line-height: 44px;
    margin: auto;
    border: 1px solid #2457a4;
    font-size: 20px;
    color: #cccccc;
    padding-left: 8px;
    border-radius: 4px;
}

form.form_startdate {
    margin-top: 15px;
}

a.search_submitbtn {
    clear: both;
    display: block;
    width: 300px;
    height: 50px;
    margin: auto;
    background: #1b58b7; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fb2fc', endColorstr='#1b58b7'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3fb2fc), to(#1b58b7)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3fb2fc, #1b58b7); /* for Firefox 3.6+ */
    position: relative;
    top: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #2457a4;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    line-height: 50px;
    text-shadow: 1px 1px #2457a4;
}

a:hover.search_submitbtn {
    background: #3169bf;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52bafc', endColorstr='#3169bf'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#52bafc), to(#3169bf)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #52bafc, #3169bf); /* for Firefox 3.6+ */
    border: 1px solid #333333;
}

a:active.search_submitbtn {
    background: #184b9c; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3697d6', endColorstr='#184b9c'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3697d6), to(#184b9c)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3697d6, #184b9c); /* for Firefox 3.6+ */
    border: 1px solid #2457a4;
}

/** Lower Content Styling **/
.lowercontent_wrapper {
    display: table;
    width: 100%;
    background: #caddf9 url('/images/hp_lowerbg.jpg') repeat;
    border-top: 1px solid #ffffff;
}

.lowercontent_container {
    display: table;
    width: 960px;
    margin: auto;
    padding-top: 15px;
    padding-bottom: 20px;
}

.lowercontent_headers {
    float: left;
    width: 270px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 7px 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-shadow: 1px 1px #000000;
    color: #ffffff;
    background: #081426; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12305c', endColorstr='#081426'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#12305c), to(#081426)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #12305c, #081426); /* for Firefox 3.6+ */
}

.lowercontent_boxes {
    float: left;
    width: 276px;
    margin-left: 10px;
    margin-right: 10px;
    background: #ffffff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    padding: 10px 12px 0;
}

.lowercontent_title {
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    top: 1px;
}

img.lowercontent_image {
    float: left;
    width: 85px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

p.lowercontent_causetitle {
    display: block;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    font-style: italic;
    color: #112a50;
}

p.lowercontent_copy {
    display: block;
    font-size: 12px;
    margin-top: 1px;
    padding-bottom: 10px;
    color: #333333;
}

p.lowercontent_links {
    float: right;
    font-size: 11px;
}

a.lowercontent_link {
    float: right;
    color: #2457a4;
    background: #caddf9;
    padding: 5px 10px;
    margin-bottom: 11px;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid #99bcf2;
}

a:hover.lowercontent_link {
    background: #e0eaf9;
}

a:active.lowercontent_link {
    background: #b4cff6;
}

/** Footer Styling **/
.footer_container {
    float: left;
    display: table;
    width: 960px;
    margin: 20px auto auto;
    background: #e0ebfb url('/images/footerbglogo.png') no-repeat 5px 0;
    padding: 18px 10px 10px;
    border: 1px solid #bcd2f3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
}

.footer_links {
    display: block;
    text-align: center;
    font-size: 11px;
    margin-bottom: 15px;
}

.footer_href {
    background: #caddf9;
    margin-left: 2px;
    margin-right: 2px;
    padding: 5px 8px;
    color: #2457a4;
    text-decoration: none;
    border: 1px solid #99bcf2;
    border-radius: 4px;
}

a:hover.footer_href {
    background: #e0eaf9;
}

a:active.footer_href {
    background: #b4cff6;
}

.footer_copyright {
    text-align: center;
    color: #2457a4;
    font-size: 11px;
    margin-bottom: 0;
    padding-bottom: 0;
}

/** TOP BAR **/
.top_bar_wrapper {
    background: #081426;
    height: 38px;
    width: auto;
}

.top_bar_container {
    display: table;
    width: 960px;
    margin: auto;
}

span.top_bar_links {
    color: #aaaaaa;
    font-size: 12px;
    line-height: 38px;
}

a.top_bar_links {
    color: #cccccc;
}

a:hover.top_bar_links {
    border-bottom: 1px dotted #666666;
}

a.btn_register {
    float: right;
    height: 28px;
    width: auto;
    background: #162e52; /* For Non-CSS3 Browsers */
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
}

a:hover.btn_register {
    background: #3169bf;
}

a:active.btn_register {
    background: #184b9c;
}

a.btn_login {
    float: right;
    height: 28px;
    width: auto;
    background: #162e52; /* For Non-CSS3 Browswers */
    margin-top: 5px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
}

a:hover.btn_login {
    background: #3169bf;
}

a:active.btn_login {
    background: #184b9c;
}

span.btn_login_label {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    line-height: 29px;
}

span.btn_register_label {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    line-height: 29px;
}

/** MENU **/
.menu_wrapper {
    display: table;
    background: #7ea6e2; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb8fb', endColorstr='#7EA6E2'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#8cb8fb), to(#7ea6e2)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #8cb8fb, #7ea6e2); /* for Firefox 3.6+ */
    width: 100%;
    height: 68px;
    margin: auto;
    border-top: 1px solid #a8c3eb;
    border-bottom: 1px solid #a8c3eb;
}

.menu_container {
    background: #7ea6e2; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb8fb', endColorstr='#7EA6E2'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#8cb8fb), to(#7ea6e2)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #8cb8fb, #7ea6e2); /* for Firefox 3.6+ */
    width: 960px;
    margin: auto;
    height: 68px;
}

.logo {
    float: left;
    width: 190px;
    height: 56px;
    background: url('../images/logo.png');
    margin-top: 6px;
}

a.menu_item {
    float: right;
    display: block;
    height: 38px;
    line-height: 40px;
    width: auto;
    background: #1b58b7; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fb2fc', endColorstr='#1b58b7'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3fb2fc), to(#1b58b7)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3fb2fc, #1b58b7); /* for Firefox 3.6+ */
    border: 1px solid #2457a4;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px #2457a4;
    font-size: 18px;
    color: #ffffff;
    margin-top: 14px;
    margin-left: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

a:hover.menu_item {
    border: 1px solid #2457a4;
    background: #3169bf;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52bafc', endColorstr='#3169bf'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#52bafc), to(#3169bf)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #52bafc, #3169bf); /* for Firefox 3.6+ */
}

a:active.menu_item {
    border: 1px solid #184b9c;
    text-shadow: 1px 1px #143261;
    background: #184b9c; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3697d6', endColorstr='#184b9c'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3697d6), to(#184b9c)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3697d6, #184b9c); /* for Firefox 3.6+ */
}

img.mbicons {
    position: relative;
    top: 1px;
    padding-right: 2px;
}

/** TAKEOVER STYLING **/
.takeover_wrapper {
    background: #102241;
}

.takeover_container {
    display: table;
    width: 1020px;
    height: 500px;
    background: url('../images/takeovers/budlight.gif') no-repeat;
    margin: auto;
}

/** DEFAULT STYLING **/
.search_wrapper {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: url('../images/hp_searchbg.jpg') #081426 repeat;
}

.search_container {
    display: table;
    width: 960px;
    margin: auto;
}

.search_box {
    width: 760px;
    height: 320px;
    margin: 20px auto;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #333333;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
}

.search_input {
    float: left;
    display: table;
    width: 760px;
    height: 100px;
    background: #caddf9;
    border: 1px solid #99bcf2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding-top: 20px;
}

.search_keywordinput {
    float: left;
    width: 530px;
    height: 60px;
    margin-left: 20px;
    background: #1b58b7; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fb2fc', endColorstr='#1b58b7'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3fb2fc), to(#1b58b7)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3fb2fc, #1b58b7); /* for Firefox 3.6+ */
    border: 1px solid #2457a4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

input.input_keyword {
    width: 506px;
    height: 48px;
    line-height: 50px;
    margin: 5px auto auto;
    border: 1px solid #2457a4;
    font-size: 24px;
    font-weight: normal;
    color: #cccccc;
    padding-left: 10px;
    background: #ffffff url('../images/search_icon.gif') no-repeat right;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

a.search_quicksearchbtn {
    float: left;
    width: 174px;
    height: 60px;
    margin: auto auto auto 10px;
    background: #33cc00; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ff33', endColorstr='#33cc00'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#66ff33), to(#33cc00)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #66ff33, #339900); /* for Firefox 3.6+ */
    border: 1px solid #339900;
    color: #ffffff;
    line-height: 60px;
    font-size: 24px;
    text-shadow: 1px 1px #339900;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

a:hover.search_quicksearchbtn {
    background: #3169bf;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75ff47', endColorstr='#47d219'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#75ff47), to(#47d219)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #75ff47, #47d219); /* for Firefox 3.6+ */
    border: 1px solid #339900;
}

a:active.search_quicksearchbtn {
    background: #184b9c; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61f230', endColorstr='#30c300'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#61f230), to(#30c300)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #61f230, #30c300); /* for Firefox 3.6+ */
    border: 1px solid #29a301;
}

p.search_tips {
    clear: both;
    font-size: 11px;
    text-align: left;
    margin-left: 20px;
    padding-top: 3px;
    margin-bottom: 10px;
    color: #2457a4;
}

.search_seperator {
    width: auto;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

span.search_advancedcopy {
    color: #2457a4;
    text-transform: uppercase;
    font-size: 16px;
}

.search_advancedcol_left {
    float: left;
    display: table;
    width: 350px;
    margin-left: 20px;
    text-align: left;
}

.search_advancedcol_right {
    float: right;
    display: table;
    width: 350px;
    height: auto;
    margin-right: 20px;
    text-align: left;
}

input.input_citysearch {
    width: 343px;
    height: 42px;
    line-height: 44px;
    margin: auto;
    border: 1px solid #2457a4;
    font-size: 20px;
    color: #cccccc;
    padding-left: 8px;
    border-radius: 4px;
}

form.form_startdate {
    margin-top: 15px;
}

a.search_submitbtn {
    clear: both;
    display: block;
    width: 300px;
    height: 50px;
    margin: auto;
    background: #1b58b7; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fb2fc', endColorstr='#1b58b7'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3fb2fc), to(#1b58b7)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3fb2fc, #1b58b7); /* for Firefox 3.6+ */
    position: relative;
    top: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #2457a4;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    line-height: 50px;
    text-shadow: 1px 1px #2457a4;
}

a:hover.search_submitbtn {
    background: #3169bf;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52bafc', endColorstr='#3169bf'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#52bafc), to(#3169bf)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #52bafc, #3169bf); /* for Firefox 3.6+ */
    border: 1px solid #333333;
}

a:active.search_submitbtn {
    background: #184b9c; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3697d6', endColorstr='#184b9c'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#3697d6), to(#184b9c)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #3697d6, #184b9c); /* for Firefox 3.6+ */
    border: 1px solid #2457a4;
}

/** Lower Content Styling **/
.lowercontent_wrapper {
    display: table;
    width: 100%;
    background: #caddf9 url('../images/hp_lowerbg.jpg') repeat;
    border-top: 1px solid #ffffff;
}

.lowercontent_container {
    display: table;
    width: 960px;
    margin: auto;
    padding-top: 15px;
    padding-bottom: 20px;
}

.lowercontent_headers {
    float: left;
    width: 270px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 7px 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-shadow: 1px 1px #000000;
    color: #ffffff;
    background: #081426; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12305c', endColorstr='#081426'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#12305c), to(#081426)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #12305c, #081426); /* for Firefox 3.6+ */
}

.lowercontent_boxes {
    float: left;
    width: 276px;
    margin-left: 10px;
    margin-right: 10px;
    background: #ffffff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    padding: 10px 12px 0;
}

.lowercontent_title {
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    top: 1px;
}

img.lowercontent_image {
    float: left;
    width: 85px;
    height: 65px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

p.lowercontent_causetitle {
    display: block;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    font-style: italic;
    color: #112a50;
}

p.lowercontent_copy {
    display: block;
    font-size: 12px;
    margin-top: 1px;
    padding-bottom: 10px;
    color: #333333;
}

p.lowercontent_links {
    float: right;
    font-size: 11px;
}

a.lowercontent_link {
    float: right;
    color: #2457a4;
    background: #caddf9;
    padding: 5px 10px;
    margin-bottom: 11px;
    margin-left: 5px;
    border-radius: 3px;
    border: 1px solid #99bcf2;
}

a:hover.lowercontent_link {
    background: #e0eaf9;
}

a:active.lowercontent_link {
    background: #b4cff6;
}

/** Footer Styling **/
.footer_container {
    float: left;
    display: table;
    width: 960px;
    margin: 20px auto auto;
    background: #e0ebfb url(/images/footerbglogo.png) no-repeat 5px 0;
    padding: 18px 10px 10px;
    border: 1px solid #bcd2f3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
}

.footer_links {
    display: block;
    text-align: center;
    font-size: 11px;
    margin-bottom: 15px;
}

.footer_href {
    background: #caddf9;
    margin-left: 2px;
    margin-right: 2px;
    padding: 5px 8px;
    color: #2457a4;
    text-decoration: none;
    border: 1px solid #99bcf2;
    border-radius: 4px;
}

a:hover.footer_href {
    background: #e0eaf9;
}

a:active.footer_href {
    background: #b4cff6;
}

.footer_copyright {
    text-align: center;
    color: #2457a4;
    font-size: 11px;
    margin-bottom: 0;
    padding-bottom: 0;
}

/********************************************
		** 404 ERROR PAGE STYLE **
*********************************************/
.oops_left {
    float: left;
    width: 600px;
}

.oops_right {
    float: left;
    width: 300px;
}

.bonked {
    display: block;
    margin: 50px auto 0 10px;
}

.oops {
    font-family: 'Yellowtail', serif;
    font-size: 65px;
    text-align: center;
    margin-top: 110px;
    margin-bottom: 10px;
    color: #333333;
}

.oops_copy {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
}

.oops_button {
    display: block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    margin: 20px auto auto;
    background: #3f9d00; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fc500', endColorstr='#3f9d00'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#4fc500), to(#3f9d00)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #4fc500, #3f9d00); /* for Firefox 3.6+ */
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #1c4601;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 1px 1px #69bd32;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #296900;
    box-shadow: 0 2px 4px #cccccc;
}

a:hover.oops_button {
    background: #55d201; /* For Non-CSS3 Broswers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55d201', endColorstr='#3b9200'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#55d201), to(#3b9200)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #55d201, #3b9200); /* for Firefox 3.6+ */
}

a:active.oops_button {
    box-shadow: 0 -1px #333333;
}

/** FINISH **/

/********************************************
		** FORGOT PASSWORD STYLE **
*********************************************/
.forgot_title {
    display: block;
    text-align: center;
    margin: 40px 125px 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #333333;
    text-shadow: 1px 1px #ffffff;
}

.forgot_copy {
    margin-top: 10px;
    margin-left: 125px;
    margin-right: 125px;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333333;
}

.forgot_input_div {
    display: table;
    border-collapse: collapse;
    width: 457px;
    margin: 20px auto auto;
}

.forgot_label {
    display: block;
    margin-bottom: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #333333;
    text-shadow: 1px 1px #ffffff;
}

.forgot_input {
    display: block;
    float: left;
    border-collapse: collapse;
    border: 1px solid #999999;
    width: 343px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #787878;
}

.forgot_continue {
    display: block;
    float: left;
    margin: auto auto auto 5px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #30c300; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61f230', endColorstr='#30c300'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#61f230), to(#30c300)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #61f230, #30c300); /* for Firefox 3.6+ */
    border: 1px solid #218500;
    box-shadow: 0 1px #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 1px 1px #218500;
    color: #ffffff;
}

/********************************************
		** RESET PASSWORD STYLE **
*********************************************/
.reset_input_div {
    display: table;
    border-collapse: collapse;
    width: 250px;
    margin: 20px auto auto;
}

.reset_label {
    display: block;
    margin-bottom: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #333333;
    text-shadow: 1px 1px #ffffff;
}

.reset_input {
    display: block;
    float: left;
    border-collapse: collapse;
    border: 1px solid #999999;
    width: 245px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    padding-left: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #787878;
}

.reset_continue {
    display: block;
    float: left;
    margin: 20px auto auto;
    width: 250px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #30c300; /* For Non-CSS3 Browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61f230', endColorstr='#30c300'); /* For IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#61f230), to(#30c300)); /* For Webkit Browsers */
    background: -moz-linear-gradient(top, #61f230, #30c300); /* for Firefox 3.6+ */
    border: 1px solid #218500;
    box-shadow: 0 1px #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 1px 1px #218500;
    color: #ffffff;
}

/********************************************
		** INDEX PAGE V2 **
*********************************************/
#index {
    background: #e0e0e0;
}

.topbar {
    position: sticky;
    width: 100%;
    height: 40px;
    background: #0043bf;
    border-bottom: 1px solid #333333;
    margin: 0;
    text-align: center;
}

.topbar .topbar_container {
    display: block;
    width: 960px;
    margin: auto;
    text-align: left;
}
.topbar .topbar_container img {
    width:170px;
    height:40px;
}

.topbar .topbar_container img.logo_topbar {
    float: left;
    margin: 7px auto auto auto;
}

.topbar .topbar_container img.logoman {
    float: left;
    margin: 5px 5px 0 0;
}

.topbar .topbar_container p.logotype {
    float: left;
    margin: 5px 0 0 0;
    font-family: 'HelveticaRoundedLTStd-BlkO', Arial, sans-serif;
    font-size: 20px;
    color: #f8f8f8;
}

.topbar .topbar_container a.textlink {
    float: right;
    line-height: 40px;
    font-size: 12px;
    color: #f8f8f8;
}

.topbar .topbar_container p.phone {
    float: right;
    line-height: 40px;
    font-size: 12px;
    color: #f8f8f8;
}

.topbar .topbar_container a:hover.textlink {
    text-decoration: underline;
}

.topbar .topbar_container span.inline {
    float: right;
    line-height: 30px;
    font-size: 12px;
    color: #bbbbbb;
    margin: auto 5px;
}

.topbar .topbar_container a.btnlink {
    float: right;
    width: auto;
    height: 21px;
    line-height: 23px;
    margin: 8px 0 0 10px;
    padding: 0 15px;
    font-size: 11px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #f8f8f8;
    color: #0043bf;
    border: 1px solid #333333;
    text-transform: uppercase;
    text-shadow: 0 -1px #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    font-weight: bold;
}

.topbar .topbar_container a:hover.btnlink {
    background: #ffffff;
    text-decoration: none;
}

.topbar .topbar_container a:active.btnlink {
    background: #f4f4f4;
    box-shadow: inset 0 1px 0 #333333, 0 1px 0 #517eae;
    line-height: 25px;
}

.slider_bg {
    display: table;
    border-collapse: collapse;
    position: relative;
    top: -4px;
    clear: both;
    background: url('/images/bg_runners.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 100%;
    margin: 0;
    padding: 0;
}

.slider_bg .slider_container {
    display: block;
    overflow: auto;
    width: 960px;
    margin: 20px auto;
}

.slider_bg .slider_container .slider_big {
    float: left;
    width: 740px;
}

.slider_bg .slider_container .slider_big img {
    display: block;
    width: 740px;
    height: 270px;
}

.slider_bg .slider_container .slider_small {
    float: left;
    width: 220px;
}

.slider_bg .slider_container .slider_small img {
    display: block;
    width: 220px;
    height: 90px;
}

.slider_bg .slider_container .slider_small img.current {
}

/********************************************
		** CREATE RACE PAGE **
*********************************************/
#create_race {
    background: #cccccc;
}

.step {
    clear: both;
    float: left;
    background: #0043bf;
    height: 30px;
    line-height: 30px;
    padding: 0 20px 0 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #1d3f7d;
    border-left: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0 -1px #1d3f7d;
    box-shadow: inset 0 1px 0 #6c98c6;
    margin: 0 0 20px 20px;
}

.clear20 {
    clear: both;
    display: block;
    height: 20px;
}

.clear10 {
    clear: both;
    display: block;
    height: 10px;
}

.create {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 20px 0;
}

.create h1.header {
    float: left;
    line-height: 36px;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    color: #333333;
    margin: 0 20px 20px 0;
    font-family: 'Open Sans', sans-serif;
}

.create hr {

    width: 100%;
    height: 1px;
    border-collapse: collapse;
    border: none;
    margin: 0 0 20px 0;
}

.create label.title {
    display: block;
    clear: both;
    float: left;
    width: 250px;
    text-align: right;
    line-height: 32px;
    margin: 0 10px 20px 0;
    color: #333333;
    font-weight: 600;
}

/*.create span {color:#ff0000; margin:0 0 0 3px; float:left;}*/
.create span.required {
    color: #ff0000;
    margin: 0 0 0 3px;
    float: right;
}

/*.create input {display:block; float:left; border:1px solid #e0e0e0; height:30px; line-height:30px; border-radius:4px 4px 4px 4px; padding:0 10px 0 10px; margin:0 0 15px 0; color:#666; width:400px}*/
.create input.create_textbox {
    display: block;
    float: left;
    border: 1px solid #e0e0e0;
    height: 30px;
    line-height: 30px;
    border-radius: 4px 4px 4px 4px;
    padding: 0 10px 0 10px;
    margin: 0 0 15px 0;
    color: #666666;
    width: 400px
}

.create input.inline_checkbox {
    width: 20px;
    height: 20px;
    line-height: normal;
    margin: auto;
}

.create input.radio_inline {
    width: 20px;
    height: 20px;
    line-height: normal;
    margin: auto;
}

.create input.checkbox {
    float: left;
    display: inline;
    width: 16px;
    height: 16px;
    margin: 5px 2px 0 8px;
}

.create input.checkbox_inline {
    float: left;
    display: inline;
    width: 16px;
    height: 16px;
    line-height: 26px;
    margin: 5px;
}

.create .multi_question {
    float: left;
    line-height: 25px;
    color: #666666;
}

.create label.select {
    display: block;
    clear: both;
}

.create select.select {
    display: inline;
    float: left;
    height: 30px;
    width: auto;
    margin: 0 5px 15px 0;
}

.create option.option {
    font-size: 12px;
    color: #666666;
    text-decoration: none;
}

.create p.inline {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    line-height: 26px;
    color: #666666;
}

.create p.inline_wspace {
    display: inline;
    float: left;
    margin: 0 5px 0 5px;
}

.create textarea {
    float: left;
    border: 1px solid #e0e0e0;
    width: 630px;
    max-width: 630px;
    min-width: 630px;
    height: 200px;
    max-height: 200px;
    min-height: 200px;
    resize: none;
    padding: 5px 10px 5px 10px;
    margin: 0 0 20px 0;
    color: #666666;
}

.create a.button {
    float: left;
    display: block;
    background: #f3f3f3;
    padding: 0 6px 0 6px;
    border-radius: 4px;
    font-size: 12px;
    color: #333333;
    border: 1px solid #cccccc;
}

.create a:hover.button {
    background: #999999;
    border: 1px solid #666666;
    color: #ffffff;
}

.create div.multiday {
    clear: both;
    display: block;
    overflow: auto;
}

#events table {
    width: 920px;
    table-layout: fixed;
}

#events thead {
}

#events thead th {
    height: 45px;
    background: #fafafa;
    border: 1px solid #e0e0e0;

    text-align: center;
    font-weight: 600;
    font-size: 13px;
    margin: auto;
    padding: 5px 5px 5px 5px;
}

#events thead th.event {
    width: 218px;
    max-width: 250px;
    margin: 0;
}

#events thead th.description {
    width: 125px;
    max-width: 150px;
}

#events thead th.pricing {
    width: 85px;
    max-width: 100px;
}

#events thead th.price {
    width: 80px;
    max-width: 80px;
}

#events thead th.currency {
    width: 70px;
    max-width: 70px;
}

#events thead th.fee {
    width: 220px;
    max-width: 220px;
}

#events thead th.date {
    width: 120px;
    max-width: 150px;
}

#events tbody td {
    margin: auto;
    padding: 0;
}

#events tbody td {
    border: 1px solid #e0e0e0;
    text-align: center;
    height: 40px;
    padding: 10px 0 5px 0;
}

#events tbody td a.removeline {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/images/events_removeline.png') 0 0;
    margin: 14px 0 0 5px;
}

#events tbody td a:hover.removeline {
    background-position: 0 -16px;
}

#events tbody td a:active.removeline {
    background-position: 0 16px;
}

#events tbody td input.name {
    float: right;
    width: 181px;
    padding: 0 5px 0 5px;
    margin: 5px;
    color: #333333;
    background: #f9f9fd;
}

#events tbody td input.description {
    float: right;
    width: 120px;
    padding: 0 5px 0 5px;
    margin: 5px;
    color: #333333;
    background: #f9f9fd;
}

#events tbody td input.price {
    float: left;
    width: 58px;
    padding: 0 5px 0 5px;
    margin: 0 0 0 5px;
    background: #f9f9fd;
    text-align: center;
    color: #333333;
}

#events tbody td input.radio {
    clear: left;
    float: left;
    width: auto;
    height: auto;
    line-height: normal;
    margin: auto 5px auto 10px;
    position: relative;
    top: 1px;
}

#events tbody td label.pricing_label {
    float: left;
    clear: none;
    text-align: left;
    width: auto;
    height: auto;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    line-height: normal;
}

#events tbody select.currency {
    text-align: center;
    margin: 0 0 0 5px;
    width: 60px;
    max-width: 60px;
    min-width: 60px;
}

#events tbody td a.manage {
    display: block;
    width: 100px;
    height: 24px;
    line-height: 26px;
    margin: auto;
    background: #0043bf;
    border: 1px solid #1d3f7d;
    color: #ffffff;
    text-shadow: 0 -1px #1d3f7d;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #6c98c6;
}

#events tbody td a:hover.manage {
    background: #003699;
}

#events tbody td a:active.manage {
    box-shadow: inset 0 1px 0 #333333, 0 1px 0 #ffffff;
}

#events tbody td img.sort {
    margin: 0 0 0 7px;
    position: relative;
    top: -2px;
}

#events tbody td p.defaultdate {

    margin: 0 5px 0 5px;
    color: #666666;
    font-style: italic;

}

#events tbody td.managecell {
    padding: 15px 15px 0 15px;
}

#events tbody td.managecell label {
    width: 230px;
}

#events tbody td.managecell label.inline {
    line-height: 26px;
    font-weight: normal;
}

#events tbody td.managecell p.startdate_fixed {
    float: left;
    line-height: 26px;
    font-weight: normal;
    margin: 0 0 15px 0;
    color: #666666;
}

#events tbody td.managecell label.inlinebold {
    line-height: 26px;
    font-weight: 600;
}

#events tbody td.managecell label.pricepoint {
    line-height: 26px;
    font-weight: 600;
}

#events tbody td.managecell input.pricepoint {
    float: left;
    width: 100px;
    height: 24px;
    line-height: 26px;
    color: #333333;
    margin: 0 0 15px 0;
    padding: 0 5px 0 5px;
}

a.addevent {
    display: block;
    width: 250px;
    height: 30px;
    line-height: 30px;
    margin: 15px auto 15px auto;
    background: #0043bf;
    border: 1px solid #1d3f7d;
    color: #ffffff;
    text-shadow: 0 -1px #1d3f7d;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #6c98c6;
}

a:hover.addevent {
    background: #003699;
}

a:active.addevent {
    box-shadow: inset 0 1px 0 #333333, 0 1px 0 #ffffff;
}

.create input.charity {
    float: left;
    clear: none;
    width: auto;
    margin: 0 5px 0 2px;
}

.create .inline_tax {
    display: inline;
    float: left;
    margin: 0 10px 0 0;
    line-height: 32px;
}

/* Merchandise & Swag Style*/
.item_details {
    display: block;
    clear: both;
    overflow: auto;
    width: auto;
    margin: 10px 0;
    padding: 10px 0;
    background: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.item_number {
    display: block;
    background: #fdfdfd;
    padding: 5px 10px;
    margin: 0 0 10px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-weight: 600;
    text-transform: uppercase;
}

.item_details .namedesc_container {
    float: left;
    width: auto;
}

.item_details .namedesc_container label {
    display: block;
    clear: both;
    float: left;
    width: 200px;
    text-align: right;
    line-height: 32px;
    margin: 0 10px 0 0;
    color: #333333;
    font-weight: 600;
}

.item_details .namedesc_container input {
    display: block;
    float: left;
    width: 480px;
    border: 1px solid #e0e0e0;
    height: 30px;
    line-height: 30px;
    border-radius: 4px 4px 4px 4px;
    padding: 0 10px 0 10px;
    margin: 0 0 15px 0;
    color: #666666;
}

.item_details .namedesc_container textarea {
    float: left;
    border: 1px solid #e0e0e0;
    width: 480px;
    max-width: 480px;
    min-width: 480px;
    height: 100px;
    max-height: 100px;
    min-height: 100px;
    resize: none;
    padding: 5px 10px 5px 10px;
    margin: 0;
    color: #666666;
}

.item_details .photo_container {
    float: left;
    width: 206px;
}

.item_details .photo_container img {
    display: block;
    width: 160px;
    height: 100px;
    margin: auto;
    background: #ffffff;
    padding: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.item_details .photo_container p {
    display: block;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}

.item_details .photo_container a.btn_swagphotoupload {
    display: block;
    width: 148px;
    height: 20px;
    line-height: 22px;
    margin: auto;
    text-align: center;
    border-radius: 4px;
    background: #0043bf;
    border: 1px solid #1d3f7d;
    color: #ffffff;
    text-shadow: 0 -1px #1d3f7d;
    text-transform: uppercase;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #6c98c6;
    font-size: 11px;
    font-weight: 600;
}

.item_details .additional_options {
    clear: both;
    display: block;
    margin: 15px 0 0 0;
}

.item_details .additional_options label {
    display: block;
    clear: both;
    float: left;
    width: 200px;
    text-align: right;
    line-height: 32px;
    margin: 0 10px 0 0;
    color: #333333;
    font-weight: 600;
}

.item_details .additional_options input.sale_quantity {
    float: left;
    width: 100px;
}

.item_details .additional_options label.inline {
    float: left;
    clear: none;
    width: auto;
    text-align: left;
    margin: 0 10px;
}

.item_details .additional_options input.sale_price {
    float: left;
    width: 100px;
}

.item_details .additional_options input.free_quantity {
    float: left;
    width: 100px;
}

.item_details .additional_options span.free_explanation {
    float: left;
    line-height: 32px;
    color: #999999;
    margin: 0 10px;
    font-style: italic;
}

.item_details .additional_options input.option_input {
    float: left;
    width: 140px;
    margin: 0 5px 0 0;
}

.item_details .additional_options a.add_option_input {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin: 7px 0 5px 5px;
}

.item_details .additional_options input.option_input_newrow {
    float: left;
    width: 140px;
    margin: 5px 5px 0 0;
}

.item_details .additional_options a.add_option_input_newrow {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin: 12px 0 5px 5px;
}

.item_details .additional_options span.semicolon {
    float: left;
    line-height: 32px;
    color: #333333;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.item_details .additional_options input.additional_option_name {
    clear: both;
    float: left;
    width: 165px;
    margin: 0 0 0 10px;
    text-align: right;
    background: #fdfdfd;
    font-weight: 600;
}

.item_details .additional_options input.additional_option_name_newrow {
    float: left;
    width: 165px;
    margin: 5px 0 0 10px;
    text-align: right;
    background: #fdfdfd;
    font-weight: 600;
}

.item_details .additional_options span.semicolon_newrow {
    float: left;
    line-height: 32px;
    color: #333333;
    font-weight: bold;
    margin: 5px 10px 0 0;
}

.btnwrapper {
    display: table;
    margin: auto;
    border-collapse: collapse;
}

a.save {
    float: left;
    width: 200px;
    height: 30px;
    line-height: 31px;
    margin: 15px 5px 15px 5px;
    background: #0043bf;
    border: 1px solid #1d3f7d;
    color: #ffffff;
    text-shadow: 0 -1px #1d3f7d;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #6c98c6;
    font-size: 13px;
}

a:hover.save {
    background: #003699;
}

a:active.save {
    box-shadow: inset 0 1px 0 #333333, 0 1px 0 #ffffff;
}

a.btn_saved {
    float: left;
    width: 200px;
    height: 30px;
    line-height: 31px;
    margin: 15px 5px 15px 5px;
    background: #239928;
    border: 1px solid #1d7d1f;
    color: #ffffff;
    text-shadow: 0 -1px #1d3f7d;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #6c98c6;
    font-size: 13px;
}

a.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.remove_btn {
    font-weight: 600;
    float: right;
    margin-right: 20px;
}

a.preview {
    float: left;
    width: 200px;
    height: 30px;
    line-height: 31px;
    margin: 15px 5px 15px 5px;
    background: #6643b4;
    border: 1px solid #3b1d7d;
    color: #ffffff;
    text-shadow: 0 -1px #3b1d7d;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #9872ea;
    font-size: 13px;
}

a:hover.preview {
    background: #7a52d5;
}

a:active.preview {
    box-shadow: inset 0 1px 0 #333333, 0 1px 0 #ffffff;
}

a.publish {
    float: left;
    width: 200px;
    height: 30px;
    line-height: 31px;
    margin: 15px 5px 15px 5px;
    background: #239928;
    border: 1px solid #1d7d1f;
    color: #ffffff;
    text-shadow: 0 -1px #1d7d1f;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #70c66c;
    font-size: 13px;
}

a:hover.publish {
    background: #36ac39;
}

a:active.publish {
    box-shadow: inset 0 1px 0 #333333, 0 1px 0 #ffffff;
}

.style_container {
    clear: both;
    display: table;
    border-collapse: collapse;
    margin: auto;
}

.style_col {
    float: left;
    width: 184px;
    height: auto;
}

.style_col img {
    display: block;
    margin: auto;
}

.style_col .label_container {
    display: table;
    border-collapse: collapse;
    margin: auto;
}

.style_col input.radio_theme {
    float: left;
    display: inline;
    width: 20px;
    height: 20px;
    line-height: normal;
    margin: auto;
}

.style_col p {
    float: left;
    line-height: normal;
    margin: 10px 0 0 0;
    color: #666666;
}

.style_col label {
    float: left;
    line-height: normal;
    margin: 10px 0 0 0;
    color: #666666;
}

p.custom_title {
    clear: both;
    display: block;
    float: left;
    margin: 30px 0 20px 0;
    font-size: 18px;
    line-height: normal;
}

input.custom_check {
    float: left;
    margin: 27px 0 20px 10px;
    line-height: normal;
}

.userstyle input.color {
    float: left;
    display: inline;
    width: 200px;
}

.userstyle .style_select {
    clear: both;
    float: left;
}

.userstyle .style_preview {
    float: left;
    width: 438px;
}

.userstyle .preview_label {
    display: block;
    text-align: center;
    margin: 10px 0 2px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.userstyle .preview_container {
    display: table;
    width: auto;
    margin: 0 auto 0 auto;
    padding: 10px;
    border: 1px solid #e0e0e0;
}

.userstyle .preview_bg {
    display: block;
    width: 174px;
    height: 108px;
    background: #007ab3;
}

.userstyle .preview_sidebar {
    float: left;
    display: block;
    width: 41px;
    height: 88px;
    background: #ff6d0e;
    margin: 10px 0 0 10px;
}

.userstyle .preview_mainbg {
    float: left;
    display: block;
    width: 112px;
    height: 88px;
    background: #ffffff;
    margin: 10px 0 0 0;
}

.userstyle .preview_title_spacer {
    display: block;
    width: auto;
    height: 8px;
}

.userstyle .preview_titlefont {
    display: block;
    width: 95%;
    height: 3px;
    background: #997f7f;
    margin: 2px auto 0 auto;
}

.userstyle .preview_highlight {
    display: block;
    width: 96px;
    height: 14px;
    background: #ff6d0e;
    margin: 0 auto 0 auto;
}

.userstyle .preview_copy_spacer {
    display: block;
    width: auto;
    height: 2px;
}

.userstyle .preview_copyfont {
    display: block;
    width: 96px;
    height: 1px;
    background: #e5dfdf;
    margin: 3px auto 0 auto;
}
.userstyle .preview_button {
    display: block;
    width: 20px;
    height: 10px;
    background: #0043bf;
    margin: 7px 17px 0 0;
    float:right;
}

/**********************************************
DASHBOARD LOGIN PAGE
**********************************************/
#dashboard_login {
    background: #1c437e;
}

.login_container {
    display: table;
    border-collapse: collapse;
    width: auto;
    height: auto;
    margin: 50px auto;
    padding: 20px;
    border-radius: 6px;
}

.login_logo {
    display: block;
    width: 250px;
    margin: auto;
}

.logo_undercopy {
    display: block;
    text-align: center;
    margin: 10px auto;
    font-size: 16px;
    text-transform: uppercase;
    color: #a8c3eb;
    text-shadow: 0 1px #0b1f3e;
}

.login_field_box_top {
    display: table;
    width: auto;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    margin: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

.login_field_box_bottom {
    display: table;
    width: auto;
    height: 40px;
    line-height: 40px;
    background: #f1f1f1;
    margin: auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-top: 1px solid #dddddd;
}

.login_label {
    float: left;
    width: 100px;
    text-align: right;
    color: #666666;
    font-size: 13px;
}

input.login_field_top {
    float: left;
    width: 190px;
    height: 30px;
    margin: 5px 10px 5px 5px;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 30px;
    font-size: 12px;
    color: #999999;
}

input.login_field_bottom {
    float: left;
    width: 190px;
    height: 30px;
    margin: 5px 10px 5px 5px;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 30px;
    font-size: 12px;
    color: #999999;
}

/** To remove the onfocus border **/
input:focus.login_label {
    outline: none;
    border: none;
}

.login_remember {
    float: left;
    font-size: 12px;
    color: #eeeeee;
    margin-top: 5px;
}

a.login_lostpw {
    float: right;
    font-size: 12px;
    color: #eeeeee;
    margin-top: 5px;
    margin-right: 3px;
}

a:hover.login_lostpw {
    text-decoration: underline;
}

a.login_reg {
    display: table;
    width: auto;
    margin: auto;
    text-align: center;
    color: #eeeeee;
    font-size: 12px;
}

a:hover.login_reg {
    text-decoration: underline;
}

.clear {
    clear: both;
    display: block;
}

input.login_btn, a.login_btn {
    clear: both;
    display: block;
    margin: 10px auto;
    width: 200px;
    height: 30px;
    line-height: 32px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0 -1px #1d3f7d;
    font-size: 12px;
    background: #0043bf;
    border: 1px solid #1d3f7d;
    box-shadow: 0 1px #000000, inset 0 1px 0 #6c98c6;
}

input:hover.login_btn {
    background: #003699;
}

input:active.login_btn {
    background: #0043bf;
    box-shadow: inset 0 1px 0 #333333, 0 1px 0 #426c98;
    line-height: 34px;
}

.footer_divider {
    float: left;
    display: block;
    width: 1px;
    height: 20px;
    margin: 7px 10px 0 10px;
    background: #cccccc;
}

.footer_divider_right {
    float: right;
    display: block;
    width: 1px;
    height: 20px;
    margin: 7px 0 0 10px;
    background: #cccccc;
}

.twtr-ft span a {
    font-size: 10px;
    margin-top: 8px;
}

.twtr-ft span a:hover {
    background: inherit;
}

.twtr-ft a:hover {
    background: inherit;
}

.twtr-widget {
    z-index: 0 !important;
}

/*******************************************
SELECT HEADER STYLE
*******************************************/
div.header_style table {
    display: table;
    border-collapse: collapse;
    padding: 10px;
}

div.header_style table thead tr td {
    padding: 10px 20px;
    border: none;
}

div.header_style table thead tr td input {
    float: left;
    margin: 14px 20px auto 0;
}

div.header_style table thead tr td img {
    float: left;
    width: 170px;
    height: 40px;
}

div.info {
    clear: both;
    display: table;
    width: auto;
    text-align: center;
    color: #569745;
    font-size: 16px;
    margin: 20px auto;
    padding: 10px 40px;
    background: #dbf6d3;
    border: 1px solid #aed4a5;
    font-family: 'Open Sans', sans-serif;
}

#resetDiv {
    text-align: center;
    float: right;
    margin-right: 25px;
    line-height: 36px;
    font-size: 0.7em;
    font-weight: 100;
}

div.tab_alternative p, div.tab_alternative label {
    float: left;
    font-size: 12px;
    line-height: 28px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 1px #333333;
    margin: 0 0 10px 10px;
}

.tab_container .active {
    background: white !important;
}

.active_f1 {
    background: #f1f1f1;
}

/*******************************************
SHOW/HIDE FUNCTIONALITY
*******************************************/
.showhide {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin: 20px auto;
    background: #fafafa;
    font-family: 'Open Sans', sans-serif;
}

.showhide tbody tr td {
    border: 1px solid #e0e0e0;
}

.showhide tbody tr td.header {
    text-align: left; /*line-height:35px;*/
    height: 35px;
}

.showhide tbody tr td p.title {
    float: left;
    font-weight: bold;
    color: #666666;
    margin: 9px 0 0 10px;
    text-transform: uppercase;
}

.showhide tbody tr td input.title {
    width: 200px;
    height: 21px;
    border: 1px solid #cccccc;
    margin: 6px 0 auto 10px;
    padding: 0 3px;
    color: #666666;
}

.showhide tbody tr td a.hide {
    display: block;
    float: right;
    width: auto;
    height: 23px;
    line-height: 24px;
    background: #cccccc;
    margin: 5px 5px 5px 0;
    border-radius: 4px;
    text-align: left;
    font-weight: 600;
    color: #333333;
    border: 1px solid #999999;
    padding: 0 10px;
    text-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
}

.showhide tbody tr td a.moveLink {
    display: block;
    float: right;
    width: auto;
    height: 23px;
    line-height: 24px;
    background: #cccccc;
    margin: 5px 5px 5px 0;
    border-radius: 4px;
    text-align: left;
    font-weight: 600;
    color: #333333;
    border: 1px solid #999999;
    padding: 0 10px;
    text-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
}

.showhide tbody tr td a.moveLink img {
    float: left;
    margin: 0 5px 0 0;
}

.showhide tbody tr td a:hover.hide {
    background: #d6d6d6;
}

.showhide tbody tr td a:active.hide {
    background: #c4c4c4;
    border: 1px solid #888888;
}

.showhide tbody tr td a.hide img {
    float: left;
    margin: 5px 5px 0 0;
}

.showhide tbody tr td a.remove {
    display: block;
    float: right;
    width: auto;
    height: 23px;
    line-height: 23px;
    background: #c4483c;
    margin: 5px 10px 5px 0;
    border-radius: 4px;
    text-align: left;
    font-weight: 600;
    color: #ffffff;
    border: 1px solid #780000;
    padding: 0 10px;
    text-shadow: 0 1px 0 #cc0000;
    box-shadow: 0 1px 0 #ffffff;
}

.showhide tbody tr td a:hover.remove {
    background: #c3594f;
}

.showhide tbody tr td a:active.remove {
    background: #c03e32;
    border: 1px solid #660000;
}

.showhide tbody tr td a.remove img {
    float: left;
    margin: 5px 5px 0 0;
}

.showhide tbody tr td.move {
    text-align: center;
    padding: 5px 0 5px 0;
    background: #f8f8f8;
}

.showhide tbody tr td.move img {
    margin: 5px 0 0 0;
}

.showhide tfoot tr td {
    border: 1px solid #e0e0e0;
    padding: 10px;
    background: #ffffff;
}

.showhide tbody tr td a.moveLink {
    display: block;
    float: right;
    width: auto;
    height: 23px;
    line-height: 24px;
    background: #cccccc;
    margin: 5px 5px 5px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: left;
    font-weight: 600;
    color: #333333;
    border: 1px solid #999999;
    padding: 0 10px;
    text-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
}

.showhide tbody tr td a:hover.moveLink {
    background: #d6d6d6;
}

.showhide tbody tr td a:active.moveLink {
    background: #c4c4c4;
    border: 1px solid #888888;
}

.showhide tbody tr td a.moveLink img {
    float: left;
    margin: 5px 5px 0 0;
}

.login_modal {
    top: 10%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 9001;
    height: 540px;
    width: 355px;
}

.notification {
    top: 50%; /** The notification needs to be shown in the middle of the page */
    position: fixed;
    margin: 0 auto;
    padding: 5px; /** Keep a little space on the sides of the text */
    width: 350px;

    z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
    text-align: center;
    display: inline;
    left: 15.5%;
    right: 0;
    border: 1px solid #1d3f7d;
    background: #0043bf;
    opacity: .75;
    color: white;
    text-shadow: 0 -1px #1d3f7d;
    border-radius: 4px;
}

#thankyou {
    display: block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 62px;
    margin: 10px 0;
    padding: 0;
    color: #000000;
}

#thankyou_sub {
    display: block;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 12px;
    margin: 0 20px 20px 20px;
    color: #666666;
}

.emphasis {
    font-weight: 700;
    color: #2457a4;
}

.horzline {
    display: block;
    width: 100%;
    height: 1px;
    background: #eeeeee;
}

#share_container {
    display: block;
    background: #ffffff;
    margin: 20px;
    font-family: 'Open Sans', sans-serif;
}

#share_title {
    background: #d0d0d0;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    color: #333333;
    margin: 0;
    border-bottom: 1px solid #cccccc;
}

#share_commerce_on {
    display: block;
    padding: 0;
    margin: 10px;
    font-size: 12px;
    color: #666666;
}

#share_content {
    display: table;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-top: 0;
}

#share_options {
    display: table;
    width: auto;
    margin: auto;
}

textarea#share_copy {
    display: block;
    width: 590px;
    height: 80px;
    padding: 10px;
    margin: 10px 10px 0 10px;
    border: 1px solid #e0e0e0;

    resize: none;
    font-size: 12px;

    background: #fcfcfc;
}

textarea:focus#share_copy {
    outline: none;
}

.content a.share_option {
    float: left;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    margin: 10px 0;
    padding: 0 15px;
}

.content a.share_option.sh_facebook {
    background: #3b5998;
    border-right: 1px solid #19336c;
}

.content a:hover.share_option.sh_facebook {
    background: #476ab5;
}

a:active.share_option.sh_facebook {
    background: #3b5998;
    box-shadow: inset 0 1px 0 #333333;
}

.content a.share_option.sh_twitter {
    background: #00aced;
    border-left: 1px solid #35b7e7;
}

.content a:hover.share_option.sh_twitter {
    background: #00b4f6;
}

.content a:active.share_option.sh_twitter {
    background: #00aced;
    box-shadow: inset 0 1px 0 #007ba8;
}

.content a.share_option.sh_google {
    background: #d74937;
    border-left: 1px solid #8b2518;
}

a.content :hover.share_option.sh_google {
    background: #e8503c;
}

.content a:active.share_option.sh_google {
    background: #d74937;
    box-shadow: inset 0 1px 0 #a03021;
}

.content a.share_option.sh_email {
    background: #7db31b;
    border-left: 1px solid #87bb24;
}

.content a:hover.share_option.sh_email {
    background: #85bd1d;
}

.content a:active.share_option.sh_email {
    background: #7db31b;
    box-shadow: inset 0 1px 0 #648e12;
}

.content a.share_option.leftbtn {
    border-left: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.content a.share_option.rightbtn {
    border-right: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topright: 4px;
}

img.share_icon {
    float: left;
    width: 16px;
    height: 16px;
    margin: 7px 7px auto 0;
}

/* Onsite Settings */
.onsite__header {
    height: 40px !important;
    line-height: 40px !important;
}

.onsite__sign-in {
    text-indent: 0;
    float: right;
    font-size: 14px;
    margin: 0 10px;
    color: #999;
    text-align: left;
}

.onsite__sign-in-btn {
    text-indent: 0;
    background-color: #0043bf;
    color: #ffffff;
    width: auto;
    display: inline-block;
    height: 30px;
    line-height: 32px;
    margin: 0 auto 0 10px;
    text-shadow: 0 -1px #1d3f7d;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    padding: 0 5px;
    border-radius: 4px;
    box-shadow: 0 1px 0 #333333, inset 0 1px 0 #6c98c6;
}