/*
=general
=headers
=form fields
=page structure
=navigation
=content
=misc
=print
=footer
=hacks
=flash
*/

/*
=general
---------------------------------------------- */

html, body
{
    width: 100%;
    height: 101%;
}

body
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 74%;
    line-height: 1.4em;
    background: #bcbcbc url(/images/page_bg_repeat.gif) repeat-y 50% 0;
    color: #666;
    text-align: center;
}

table, tr, td, input, select, textarea, ol, ul
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    vertical-align: top;
}


textarea
{
}

input
{
    padding: 1px;
}

select
{
margin: 2px 0;
}


a img, img
{
    border: 0;
}

code, pre
{
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

h1, h2, h3, h4
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 1em;
    padding: 0;
    margin: 0;
    color: #1A81B5;

}

h1
{
    font-size: 1.7em;
    line-height: 1.3em;
    margin: 0 0 .5em;
    padding: 0;
}

h1 span
{
    font-size: .9em;
    color: #999;
    font-weight: normal;
}

h2
{
    font-size: 1.3em;
    margin: 1em 0 .5em 0;
    padding: 0;
    line-height: 1.2em;
}

h3
{
    font-weight: bold;
    font-size: 1.1em;
    margin: .2em 0 .3em 0;
    padding: 0;
}

h4
{

}

.hide
{
    position: absolute;
    left: -999em;
}

a {
    color: #3B7CFF;
    text-decoration: none;
}

a:hover {
    color: #3B7CFF;
    text-decoration: underline;
}

p
{
    margin: 1em 0;
}

ul
{

}

li
{

}

/* =notice */
div.notice {
    background: #FEF3C9 url(/images/icon_notice.png) no-repeat 10px 10px;
    padding: 10px 20px 8px 30px;
    margin: -10px 0 30px;
    clear: right;
    color: #D46909;
    border-top: 1px solid #FFDE90;
    border-bottom: 1px solid #FFDE90;
}

div.notice.error {
    background: #FEF0EA url(/images/icon_error.png) no-repeat 10px 10px;
    color: #DD4604;
    border-top: 1px solid #FF1A1A;
    border-bottom: 1px solid #FF1A1A;
}

div.notice.success {
    background: #CCFF99 url(/images/icon_success.png) no-repeat 10px 10px;
    color: #4D9900;
    border-top: 1px solid #99FF33;
    border-bottom: 1px solid #99FF33;
}

/*
=page structure
---------------------------------------------- */

#page_container {
    margin: 0 0 0 17px;
    position: relative;
    background: url(/images/header_bg_repeat.gif) repeat-x 0 0;
   width: 844px;
    margin: 0 auto;
    text-align: left;
}

#header {
    background: url(/images/header_bg_repeat.gif) repeat-x 0 0;
}

#navigation
{
    background: #D3ECFA url(/images/nav_line_bottom) repeat-x bottom;
    padding: 0;
    float: left;
    width: 743px;
    margin: 15px 0 27px 52px;
    display: inline; /* fix ie bug */
}

#content {
    margin: 0 20px 0 52px;
    min-height: 220px;
    height: 220px;
    padding: 0;
    clear: both;
}

*>#content {
    height: auto;
}

#content .character {
    margin-bottom: -120px;
}

#utility
{
    position: absolute;
    right: 51px;
    top: 30px;
    text-align: right;
    font-size: .9em;
}

#loop_viewer {
    width: 580px;
    height: 474px;
    height: 405px;
    background: url(/images/loop_window.gif) no-repeat 0 0;
    margin:  -6px 0 0 171px;
}

#subnav {
    float: left;
    width: 152px;
    height: 300px;
    min-height: 300px;
}

*>#subnav {
    height: auto;
}

#rightcol {
    margin: 0px 28px 20px 162px;
    padding-top: 0;
}

#right_content {
    padding: 0 0 0 11px;
}


/*
=header
-----------------------------------------------------*/
/*
.stars {
    position: absolute;
    right: -10px;
    top: 40px;
    behavior: url("/includes/pngbehavior.htc");
    width: 234px;
    height: 102px;
}
*/
/*
=navigation
---------------------------------------------- */


ul.mainnav
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.mainnav li
{
    display: inline;
}

.mainnav a
{
    display: block;
    float: left;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #B0D6EB;
    margin: 0;
    padding: 3px 10px;
}

.mainnav a:hover
{
    color: #000;
    text-decoration: none;
    background-color: #97DAFA;
    border-bottom: 1px solid #7CC0E1;
}

.mainnav li.active a, .mainnav li.semi_active a
{
    background-color: #97DAFA;
    border-bottom: 1px solid #7CC0E1;
}

.mainnav .active a
{
    color: #000;
}

.mainnav .semi_active a
{
    color: #000;
}

.mainnav .active a:hover
{
    color: #000;
}

/*
=subnav
-----------------------------------------------------*/

#subnav ul
{
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #F7F7F7;
}

#subnav li {
    border-bottom: 1px solid #ccc;

}

#subnav li:first-child
{
    border-top: none;
}

#subnav li h3
{
    color: #757575;
    font-size: 1.4em;
    margin: 0;
    padding: 4px 5px 6px;
}

#subnav li h4
{
    color: #757575;
    font-size: 1.1em;
    margin: 0;
    padding: 14px 5px 4px;
}

#subnav li h4 span
{
    float: right;
    font-weight: normal;
    font-size: 0.8em;
}

#subnav li h4 span a
{
    display: inline;
}

#subnav a span
{
    font-size: .9em;
    color: #666;
}

#subnav li a {
    display: block;
    padding: 3px 5px;
}

#subnav li a:hover {
    text-decoration: none;
    background-color: #B9E5F9;
    color: #000;
}


#subnav .active {
    background-color: #98DAFA;
}

#subnav .active a {
    color: #000;
}

#subnav .bounced {
    color: red;
}

p.bounce_note {
    margin: 0 5px;
    color: #ccc;
}





/*
=page content
---------------------------------------------- */


#utility ul
{
    margin: 1em 0 0;
    padding: 0;
    list-style: none;
}

#utility li
{
    margin: 0 0 0 1em;
    padding: 0;
    display: inline;
}

/*
=signup
-----------------------------------------------------*/
#signup {
    font-size: .9em;
    width: 218px;
    height: 268px;
    float: right;
    margin: 0 0 1em 0;
    background: url(/images/login.gif) no-repeat 0 0;
}


#signup form {
    padding: 0 0 10px;
    margin: 50px 8px 0 10px;
}

#signup table {
    margin: 0 0 18px 10px;
    width: 190px;
}

#signup table td {
    padding: 3px 0;
}

#signup label {
    margin: 0;
    padding: 0;
}

#signup input {
    margin: 0;
    color: #009DE9;
}

#signup input.text {
    width: 110px;
}

#signup input.signin_button {
    height: 18px;
    width: 47px;
}

#signup ul {
    list-style: none;
    line-height: 1.2em;
    margin: 0 8px 0 10px;
    padding: 0;
}

#signup li {
    margin: 0 0 4px;
    padding: 0;
}


/*
=Join
-----------------------------------------------------*/
#join_form {
    width: 218px;
    float: right;
    font-size: .95em;
    line-height: 1.2em;
    margin: 0 0 1em 1em;
    background: url(/images/join_bg.gif) repeat-y 0 0;
}


#join_form_top {
    width: 218px;
    height: 55px;
    background: url(/images/join_top.gif) no-repeat 0 0;
}

#join_form_bottom {
    padding: 0 0 8px 0;
    width: 218px;
    background: url(/images/join_bottom.gif) no-repeat left bottom;
}

#join_form form {
    padding: 0 0 10px;
    margin: 10px 8px 0 12px;
}

#join_form table {
    margin: 0 8px 0 6px;
}

#join_form td {
    padding: 3px 0;
}

#join_form label {
}

#join_form input {
    color: #009DE9;
    margin: 0;
}

#join_form input.button {
    height: 18px;
    width: 31px;
    clear: both;
}

#join_error
{
    font-weight: bold;
    margin: 10px 14px 0;
    color: #DD4604;
}

#join_success
{
    margin: 10px 20px;
}

a.top
{
    /* background: url(/images/nav_bullet.gif) no-repeat right; */
    /* padding-right: 10px; */
}

/*
=loop manager styles
-----------------------------------------------------*/


.your_loops
{
    float: left;
}


.joined_loops
{
    float: left;
    margin-left: 23px;
    display: inline;
}

.joined_loops h2
{
    margin: 0 0 .6em;
}

ul.manage_list
{
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #F7F7F7;
    width: 270px;
}


.manage_list li {
    border-top: 1px solid #ccc;
    padding: 3px 6px;
}

.manage_list li:first-child
{
    border-top: none;
}

.manage_list li em
{
    color: #A70000;
}

.manage_list li h3
{
    color: #757575;
    font-size: 1.4em;
    margin: 4px 0 4px ;
}

.manage_list li h3 span
{
    font-size: .85em;
    font-weight: normal;
}

#create_form
{
    border: 1px solid #ccc;
    position: absolute;
    top: 0px;
    left: 20px;
    background: #CCEBFB;
    padding: 2em;
    width: 300px;
}

#create_form label
{
    display: block;
    margin-bottom: 5px;
}


.your_loop
{
    float: left;
}


.loop_members
{
    float: left;
    margin-left:20px;
}


/*
=list loops
-----------------------------------------------------*/
.loop_manager_help
{
    position: absolute;
    width: 38px;
    text-align:right;
    top: .4em;
    right: 1em;
}



/*
=loop viewer structure
-----------------------------------------------------*/

#loop_viewer.plus {
    width: 580px;
    height: 474px;
    background: url(/images/loop_window_plus.gif) no-repeat 0 0;
}

#loop_viewer #scrollbox
{
    height: 353px;
    width: 555px;
    overflow: auto;
    margin: 0 0 0 11px;
}

#loop_viewer_plus #scrollbox
{
    height: 340px;
}




/*
=message input box
-----------------------------------------------------*/
#inputbox
{
    padding: 10px 0 16px 0;
}

#inputbox div.tellyell
{
    float: right;
    font-family: helvetica, arial;
    font-weight: bold;
    font-size: 1.3em;
    display: inline;
    margin: 20px 24px 0 0;
}

#inputbox div.tellyell a
{
    padding: 3px;
}

#inputbox div.tellyell a:hover
{
    text-decoration: none;
    background-color: #98DAFA;
    color: #000;
}

#inputbox div#tellyell_loading {
    float: right;
    display: inline;
    margin: 20px 50px 0 0;
}

#inputbox textarea#msg {
    color: #999;
    font-size: 1.3em;
    width: 442px;
    height: 30px;
    padding: 4px;
    margin: 10px 0 0 18px;
    font-family: helvetica, arial;
    font-weight: bold;
}

#inputbox .hint
{
    margin: 0;
}


/*
=loop viewer content styles
-----------------------------------------------------*/


#loop_viewer h2
{
    color: #000;
    padding: 12px 0 0 20px;
    height: 25px;
    margin: 0;
    width: 460px;
    font-size: 1.5em;
}

#loop_viewer h3
{
    padding: 0;
    height: 25px;
    margin: 20px 0 0 4px;
    width: 460px;
    font-size: 1.3em;
    color: #666;
}

#loop_viewer h2 span {
    color: #5F5F5F;
    font-size: .8em;
}

.conversation_wrapper {
   padding: 5px 0 5px 6px;
   margin: 7px 0 0 0;
   border-top: 1px solid #E5F5FF;
   border-bottom: 1px solid #E5F5FF;
}

.conversation_wrapper:hover {
    background-color: #fff;
    border-top: 1px solid #C5DFEC;
    border-bottom: 1px solid #C5DFEC;
}

.conversation_wrapper:hover .link_right{
    text-decoration: underline;
}


#loop_viewer .divider {
    width: 506px;
    height: 14px;
    background: transparent url(/images/divider.gif) no-repeat 0 0;
    font-size: 9px;
    padding: 3px 10px;
    margin: 3px 0 3px 0;
}

.divider a {
    font-weight: bold;
    color: #2064FE;
}

.divider .link_right {
    float: right;
    font-weight: normal;
}


#loop_viewer .conversation_reply {
    padding: 4px;
    margin:  0 0 4px;
    width: 208px;
}

#loop_viewer .conversation_reply p {
    font-size: .9em;
}

#loop_viewer .conversation_reply input {
    background: #eee;
    width: 200px;
    font-size: 1.2em;
    font-family: arial, helvetica;
}

.initial {
    color: #554E01;
    font-size:  1.4em;
    font-weight: bold;
    font-family: helvetica, arial;
    color: #005BA9;
    margin: 0 0 0 5px;
    padding: 0 0 2px;
    border-bottom: 1px solid #C2E3F3;
    width: 515px;
    line-height: 1.3em;
}

#loop_viewer ul {
    list-style: none;
    margin: 0 0 0 6px;
    padding: 0;
    width: 515px;
}

#loop_viewer li {
    list-style: none;
    margin: 0 0 0 6px;
    padding: 2px 0 4px 8px;
    border-bottom: 1px solid #C2E3F3;
    color: #646464;
    font-size: 10px;
    background: url(/images/chev.gif) no-repeat 0 8px;
}

#loop_viewer li span {
    color: #999;
}




.buttons {
    position: relative;
    margin: 0;
}

.buttons a {
    margin-right: 7px;
}


#status
{
    position: absolute;
    right: 40px;
    top: 4px;
    font-size: .9em;
}

#status span
{
    color: #666;
}

#auto_refresh
{
    position: absolute;
    width: 13em;
    text-align: right;
    top: 4em;
    right: 1em;
}

#auto_refresh:hover
{
    text-decoration: underline;
}


#view_all
{
    position: absolute;
    text-align: left;
    top: 10px;
    right: 245px;
}

#view_all img
{
    position: relative;
    top: 3px;
    margin-right: 3px;
}

#view_all a:hover
{
    text-decoration: underline;
}

input.button
{
    width: auto;
    font-weight: bold;
}


#select_loop
{
    padding-bottom: 10px;
}

#select_loop h3
{
    margin: 0;
    font-size: 1.3em;
    line-height: 1.1em;
}

#select_loop ul
{
    list-style: none;
    margin: 0 0 1em;
    padding: 0 0 10px;
    background: url(/images/h_dots.gif) repeat-x bottom;
}

#select_loop li
{
    margin: 0;
    padding: 0;
}

#select_loop li.active a
{
    color: #000;
}

#select_loop a
{
}

#select_loop input
{
    margin: .6em 0;
}


.show_example
{
    margin: 1em 0 .7em;
}

.show_example p
{
    color: #fff;
    margin: 0;
}

#afid_virtual_sms
{

}

#afid_virtual_sms h3
{
    font-size: 1.1em;
    color: #000;
    margin: .5em 0 0em;
}

.loop_max_joiners
{
    color: #f00;
    font-weight: bold;
}



/*
=conversation
-----------------------------------------------------*/


.conversation
{
    color: #444;
    background: url(/images/dots_top.gif) repeat-x bottom;
    padding: 4px 0 4px 8px;
    margin: 0;
    /* Firefox PC needs this */
    width: 430px;
}

.conversation input {
    margin: 3px 0 0 16px;
}

.conversation input#msg {
    background: #FDFADB;
    color: #554E01;
}


p.message_head
{
    font-size: .9em;
    margin: .3em;
    padding: 0;
    color: #7594A7;;
}

.conversation h4 a
{
    text-decoration: none;
}


.conversation h4 span
{
    padding: 0 4px 0 2px;
    font-weight: normal;
    color: #000;
    font-family: verdana;
    font-size: .9em;
}

.conversation ul
{
    margin: 0 0 0 16px;
    padding: 0;
    list-style: none;
}

.conversation li
{
    margin: 0 .3em;
    padding: 2px 0;
    color: #000;
    color: #554E01;
}




.conversation strong
{
    font-weight: normal;
}

.conversation .date
{
    font-size: 0.85em;
    color: #888;
}

.conversation em
{
    font-style: normal;
    color: #33ADFF;
}

.message_read
{
    color: #aa0;
    font-size: 0.85em;
}


.message_options {
    font-size: 9px;
    margin: .6em 0 .6em 10px;
    color: #8398C9;
}

.message_options a {
    color: #999;
}

.message_options span {
    color: #646464;
}

.conversation_extend, .conversation_limit
{
    background-color: #C3E7FB;
    background-color: #fff;
    width: 510px;
    font-size: 1.1em;
    color: #666;
    border: 1px solid #ccc;
}

.conversation_extend .note, .conversation_limit .note
{
    width: auto;
}

.conversation_extend input, .conversation_limit input
{
    background-color: #eee;
}

.conversation_extend form, .conversation_limit form
{
    margin: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}




p.message
{
    color: #009DE9;
    margin: .3em 0 .5em;
}

p.feedback
{
    color: #009DE9;
    margin: 0;
}


.message
{
    background-color: #eee;
    font-weight: bold;
    color: #009DE9;
    padding: 10px;
    margin-top: 5px;
}


.key-code
{

    font-size: 1.1em;
    font-weight: bold;
}


.conversation-details
{
    font-size: 0.9em;
    color: #666;
    margin: 0;
    padding: 0;
}

.private_message
{
    background: #00ccee;
    padding: .5em;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


.system_feedback
{
    background: #eee;
    padding: .5em;
    color: #333;
    border-top: 1px solid #ccc;
    border-bottom: 2px solid #fff;
}

.system_feedback strong
{
    color: #000;
    font-weight: bold;
}


.system_feedback_site
{
    background: #eee;
    padding: .5em;
    color: #009DE9;
    border-top: 1px solid #009DE9;
    border-bottom: 1px solid #009DE9;
    margin-top: .6em;
}

.system_feedback_site strong
{
    color: #000;
    font-weight: bold;
}


/*
=loop editor content styles
-----------------------------------------------------*/



.loop_welcome
{
    margin-top:5em;
}
.loop_welcome h2
{
    margin: 0 0 .5em 0;
}
.loop_welcome ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.loop_welcome div
{
    margin-top:1em;
}

/*
=misc
---------------------------------------------- */

.hint
{
    font-size: 0.9em;
    margin: 0 0 0 184px;
    width: 400px;
}

form
{
    margin: 0;
    padding: 0;
}
/*
Listing styles
-------------------------------------------------------------*/

#listing
{
    width: 600px;
    padding: 10px 0;
    border: 1px solid #fff;
    background-color: #fff;
    /* by also floating this element left we force it to wrap the other floated
    elements and the background color follows the content height.
    You wouldn't need to do this if you did not have any bg color or border */
    float: left;
}

#listing dl
{
    background-color: #fff;
    margin: 10px 20px 10px 0;
    padding: 0;
    width: 560px; /* Required for IE/Mac to constrain width of the float inside the container. = 600px-(2x20px) */
    float: left; /* Must be floated or they won't clear properly */
    display: inline; /* Fixes the IE/win double margin bug */
}

#listing dt
{
    font-family: Helvetica, sans-serif;
    font-size: 1.3em;
    color: #999;
    text-transform: none;
    font-weight: bold;
    margin: 0;
    padding: 0 0 .5em 0;
    float: right;
    width: 420px;
}

#listing dd
{
    margin: 0 0 0 135px; /* Controls text wrap. 0 = full wrap. */
    padding: 0 1em 0 0;
}

#listing dd.image
{
    margin: 0;
}

#listing dd.image img
{
    float: left;
    margin: 0 14px 0px 0;
    padding: 1px;
    border: 1px solid #ccc;
    width: 121px;
    height: 91px;
}

#listing dd.info
{
    margin: 1em 0 0 0;
    color: #666;
    font-size: .9em;
    padding: 0 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    clear: left;
}


/*
view list item
---------------------------------------------------------*/

dl#listing_view
{
    width: 600px;
    background: #fff;
    float: left; /* allows bg color to span floted contents */
    margin: 0 0 20px;
    padding: 0;
}

#listing_view dt
{
    font-family: Helvetica, sans-serif;
    font-size: 1.6em;
    letter-spacing: 1px;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 0 20px;
    padding: .5em 0;
}

#listing_view dd
{
    margin: 0 1em 0 20px;
}

#listing_view dd.image
{
    float: left;
    margin: 0 1em 1em 20px;
}

#listing_view dd.info
{
    margin: 1em 0;
    color: #666;
    font-size: .9em;
    padding: 0 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/*
=account page
---------------------------------------------- */

#user_account {
    margin-top: 10px;
}

#user_account h2 {
    margin: 0 0 1em;
    background: #009DE9;
    color: #fff;
    font-size: 1.25em;
    padding: 3px;
}

#user_account label span.form-error {
    color: #DD4604;
}

#profile, #account_details, #account_settings {
    float: left;
    width: 200px;
    margin: 0 20px 20px 0;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #F7F7F7;
}

#account_details {
    clear: right;
}

#profile p, #account_settings p, #profile h3, #account_settings h3 {
    
    margin: 10px;
    
}

#profile h2, #account_details h2, #account_settings h2 {
    color: #757575;
    font-size: 1.4em;
    margin: 0px 0 4px;
    border-bottom: 1px solid #ccc;
    background-color: #F7F7F7;
    padding-left: 10px;
}

#profile label, #account_details label, #account_settings label {
    margin: 10px;
}

#user_account input.button {
    width: auto;
}

#account_details input.text {
    width: 140px;
}

#account_details p {
    margin-left: 10px;
}

#account_details label {
    margin-left: 0;
}

#statistics {
    float: left;
    width: 200px;
    padding: 10px;
    background: #eee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.terms {
    clear:both;
    margin:20px 0 0;
    font-size: .9em;
}

table.account_type_table {
    border-collapse: collapse;
    text-align: center;
    border: 1px solid #cccccc;
    padding: 0;
    margin: 0;
}

table.account_type_table thead {
    background-color: #D3ECFA;
}

table.account_type_table th {
    padding: 6px 12px;
    margin: 0;
}

table.account_type_table td {
    padding: 6px 12px;
    margin: 0;
}

table.account_type_table th {
    width: 150px;
}

table.account_type_table td.account_line_title {
    text-align: left;
    background-color: #e0e0e0;
}

table.account_type_table tbody tr {
    border-bottom: 1px solid #e0e0e0;
}

/*
=misc
-----------------------------------------------------*/



.sms_command_guide
{
    background: #DEDEDF url(/images/page_bg.gif) repeat-x top;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

#help_container {
    width: 500px;
    padding: 20px;
    margin: 0 auto;
    background: #fff;
}

#help_content {
position: relative;
    z-index: 100;
}

.loop_limit_options_body
{
    background: #DEDEDF url(/images/page_bg.gif) repeat-x top;
}

#loop_limit_options_container {
    width: 500px;
    padding: 20px;
    margin: 0 auto;
    background: #fff;
}

#loop_limit_options_content {
    text-align: left;
    position: relative;
    z-index: 100;
}


.sms_command_guide span
{
    color: #029CE7;
}


.print_only
{
    display: none;
}

#homepage {
    width: 752px;
}

.feature_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.feature_list li {
    margin: 0 0 5px;
    padding: 3px 10px 3px 11px;
    background: transparent url(/images/bullet.gif) no-repeat 0 7px;
    border-bottom: 1px solid #C5DFEC;
}

/*
=our-product character pages
---------------------------------------------- */

.business-loops {
    background: transparent url(/images/character_business.gif) no-repeat 0% 0%;
    padding-top: 187px !important;
}

.event-loops {
    background: transparent url(/images/character_event.jpg) no-repeat 0% 0%;
    padding-top: 187px !important;
}

.team-loops {
    background: transparent url(/images/character_team.jpg) no-repeat 0% 0%;
    padding-top: 187px !important;
}

.fan-loops {
    background: transparent url(/images/character_fan.jpg) no-repeat 0% 0%;
    padding-top: 187px !important;
}

.your-loops {
    background: transparent url(/images/character_your.jpg) no-repeat 0% 0%;
    padding-top: 187px !important;
}

.local-loops {
    background: transparent url(/images/character_local.jpg) no-repeat 0% 0%;
    padding-top: 187px !important;
}

.our-products {
    background: transparent url(/images/character_products.jpg) no-repeat 0% 0%;
    padding-top: 187px !important;
}



/*
=footer
---------------------------------------------- */

#footer
{
    clear: both;
    margin: 1em;

}




/*
=form fields
---------------------------------------------- */

.form-error
{
    font-weight: bold;
    color: #DD4604;
}

input.text
{
    padding: 2px;
}

input.text-error
{
    padding: 2px;
    background-color: #FEF0EA;
}

textarea.textarea-content
{
    padding: 2px;
}

textarea.textarea-content-error
{
    padding: 2px;
    background-color: #FEF0EA;
}

input.submit
{
    margin-top: 20px;
    padding: 4px;
    cursor: pointer;
}

input.radio
{

}

span.label-note {
    font-size: 0.8em;
    font-weight: normal;
    color: #888;
}


/*
=Message classes
--------------------------------------------*/

.msg-info
{
    background: #fff url(/images/icons/check.gif) 5px 5px no-repeat;
    color: #693;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
}

.msg-info span
{
    color: #693;
    font-weight: bold;
}


.msg-error
{
    background: #fff url(/images/icons/error-sml.gif) 5px 5px no-repeat;
    padding: 5px 5px 5px 25px;
    border:1px solid black;
    font-weight: bold;
    color: #DD4604;
    background-color: #FEF0EA;
    margin: 10px 0;
}

.msg-error span
{
    color: #DD4604;
    font-weight: bold;
}

/*
=flash
---------------------------------------------- */

#flash {
    margin-top: 1px;
    margin-bottom: 30px;
    width: 515px;
}

/*
=local_loop_form
---------------------------------------------- */
#local_loops_success {
    margin: 1em 0 1em 182px;
    width: 535px;
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #F7F7F7;
}

#local_loop_form_container {
    margin: 1em 0 1em 182px;
    width: 555px;
    border: 1px solid #ccc;
    background: #F7F7F7;
}

#local_loop_form_container h2 {
    margin: 0 0 .5em;
    padding: .5em 0 0 10px;
    height: auto;
    width: auto;
}

#local_loop_form_container p {
    padding: 0 10px;
}

#local_loop_form {
    padding: 0;
    margin: 0 0 2em;
}

#local_loop_form ul {
    background: none;
    padding: 0;
    margin: 0;
    width: 100%;
    border-top: 1px solid #ccc;
}

#local_loop_form li {
    background: none;
    padding: 1.25em 10px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    list-style: none;
}

#local_loop_form textarea {
    width: 524px;
    height: 130px;
    color: #999;
    font-size: 1.3em;
    padding: 4px;
    margin: 0;
    font-family: helvetica, arial;
    font-weight: bold;
}

#local_loop_form input {
    margin: 0;
    color: #009DE9;

}

#local_loop_form select { }

#local_loop_form input.text { width: 110px; }