/* top level elements */
*                   {
                    margin:0; 
                    padding:0;
                    }
body                {
                    font-family: helvetica, arial;
                    font-size: 100%;
                    margin:0;
                    padding:0 0 30px 0; 
                    margin-top:13px;
                    }
a                   {
                    text-decoration:underline; 
                    color:#000000;
                    }
a:hover             {
                    text-decoration:underline; 
                    color:#000000;
                    }
p                   {
                    margin-bottom:15px;
                    }
                    
/* top branding */
#artcards           {
                    width:950px;
                    margin: 0;
                    }
#artcards #logo     {
                    float:left;
                    margin: 2px 0 0 0;
                    }
#artcards #title    {
                    float:left; 
                    margin: 2px 0px 5px 5px;
                    }
#artcards #jingle   {
                    float:left;
                    text-align: left;
                    font: bold 12px Arial, serif;
                    margin-left:10px;
                    }

/* main content */  
#main_content       {
                    border: 1px solid #c6bcbc; 
                    width:900px; 
                    padding:20px; 
                    margin: 5px 0 0 0px;
                    text-align:left;
                    }
#main_content h1    {
                    font-family: helvetica, arial;
                    font-size: 110%;
                    line-height: 1.5em;
                    font-weight: normal;
                    }
#main_content h2    {
                    font-family: helvetica, arial;
                    font-size: 100%;
                    line-height: 1.5em;
                    font-weight: normal;
                    }
#main_content h3    {
                    font-family: helvetica, arial;
                    font-size: 90%;
                    line-height: 1.5em;
                    margin: 15px 0 0 0;
                    }
.help, .help a, .help a:hover {
                    text-align:right;
                    color:#333333;
                    }
#main_content h1.submit_title {
                    float:left;
                    width:auto;
                    }
#main_content h1.help {
                    float:right;
                    width:auto;
                    }


/* steps */
#submit_steps div.selected, #submit_steps div.not_selected, #submit_steps div.done, #submit_steps div.prev_not_selected {
                    margin: 10px 0px 10px 0px;
                    }

#submit_steps div.selected {
                    background: url('../../../cms_4.0/images/submit_step_active.gif') no-repeat #efefef;
                    width: 147px;
                    height: 33px;
                    font: bold 18px/33px arial;
                    color: #000000;
                    float:left;
                    }
                    
#submit_steps div.not_selected {
                    background: url('../../../cms_4.0/images/submit_step_inactive.gif') no-repeat #eceff0;
                    width: 124px;
                    height: 33px;
                    font: 16px/33px arial;
                    color: #1a1a1a;
                    float:left;
                    }
                    
#submit_steps div.prev_not_selected {
                    background: url('../../../cms_4.0/images/submit_step_inactive_prev.gif') no-repeat #eceff0;
                    width: 107px;
                    height: 33px;
                    font: 16px/33px arial;
                    color: #1a1a1a;
                    float:left;
                    }
                    
#submit_steps div.done {
                    background: url('../../../cms_4.0/images/submit_step_done_inactive.gif') no-repeat #eceff0;
                    width: 125px;
                    }
                    
/* form elements */
label               {
                    display: block;
                    margin: 15px 0 0 0;
                    font-family: helvetica, arial;
                    font-weight: bold;
                    font-size: 100%;
                    line-height: 1.5em;
                    }
input               {
                    border:1px solid #b1b1b1;
                    font-family: helvetica, arial;
                    font-size: 100%;
                    }
input:focus         {
                    border:1px solid #000000;
                    }
.big_button         {
                    border:0;
                    border-top:2px solid #b1b1b1;
                    border-right:2px solid #000000;
                    border-bottom:2px solid #000000;
                    border-left:2px solid #d1d1d1;
                    background-color:#f1f1f1;
                    font-family: helvetica, arial;
                    font-size: 125%;
                    margin-top:15px;
                    padding:5px;
                    display:block;
                    }
.small_button       {
                    border:0;
                    border-top:1px solid #b1b1b1;
                    border-right:1px solid #555555;
                    border-bottom:1px solid #555555;
                    border-left:1px solid #d1d1d1;
                    background-color:#f1f1f1;
                    font-family: helvetica, arial;
                    font-size: 100%;
                    }
#enter_details input{
                    width:300px;
                    }
#enter_details .time{
                    width:100px;
                    }
#enter_details .remove{
                    width:auto;
                    }
td.search_result label {
                    font-weight:normal;
                    }
div.info_group      {
                    border: 1px solid #dddddd;
                    width: 395px;
                    padding: 0px 15px 15px 15px;
                    }
div.info_group p    {
                    margin: 15px 0px 0px 0px;
                    }
label.show_field, label.event_field {
                    font-weight:normal;
                    }
label.group_label   {
                    font-weight:bold;
                    }
                    
/* form highlighting */

#main_content tr:hover, #pick_gallery td:hover {
                    background-color:#eeeeee;
                    }
#main_content td input.radio {
                    margin:3px 0px 4px 0px;
                    }
#main_content td label {
                    margin:3px 0px 4px 0px;
                    }
#please_wait{
margin-top: 10px;
display: none;
}
                    
/* general use */
.no_border          {
                    border:0;
                    }
.inline             {
                    display:inline;
                    }
.selected           {
                    color:#000000;
                    }
.not_selected       {
                    color:#d1d1d1;
                    }
.small              {
                    font-size: 90%;
                    }               

/* styles to match cards on website */
.card			{float:left; border: 1px solid #c6bcbc; width:434px; padding-right:2px; margin-top:7px; }
.card P			{margin:0px;padding:0px 0px 15px 2px;}
.date			{float:left; font:bold 12px serif, Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; color:#000000; letter-spacing:3px; padding-bottom:18px; }
.show			{float:left; display:block; margin-bottom: 15px; padding-left:11px; }
.info			{float:left; width:399px;}
.info_premo {float:left; width:305px;}
.info,.info_premo,.show	{font: 12px serif, times, arial;}
.premo_image{float:left;text-align:center; width:94px;}
.h				{float:right; width:17px; height:34px; background-color:#c6bcbc; background-image: url(http://artcards.cc/_img/h.gif);}
A.gallery		{color:#000000; text-decoration:underline; font-weight:normal;}
A.gallery:hover {color:#ffffff; background-color:#272727; text-decoration:none;}
A.map			{color:#000000; text-decoration:none;}
A.map:hover		{color:#ffffff; background-color:#272727; text-decoration:none;}
.brand			{clear:both; margin: 0px 0px 0px 0px; text-align:right; text-transform:uppercase; font: 11px serif; color:#c6bcbc; }