div.usermenu {
    color: #ccccd2;
    font-size: 90%;
    height: 66px;
}


#hd div.search {  
    float:right;
 height: 65px;
}

p { color: #50505d; padding-bottom: 5px; }
h1 { color: #20202d; font-size: 140%; font-weight: bold; padding-bottom: 5px; }



h1 { font-size: 200%;
    font-weight: normal;
    color: #5F6899;
}

h1.profile { font-size: 150%;
    font-weight: bold;
    border-bottom:solid 1px #a0a0ad; 
    margin-bottom: 5px;
}

h2 { font-size: 120%;
    font-weight: bold;
    border-bottom:solid 1px #a0a0ad; 
    margin-bottom: 5px;
    margin-top: 5px;
}


h3.profile { font-size: 110%;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 3px;
}

img.profileimage { float: right; }

a { 
    color:  #70707d; 
    text-decoration: none;
}
a:hover {
    color:  #40404d; 
    text-decoration: underline;
}

.usermenu a { 
    color: #ccccd2;
    font-size: 90%;
}

h2.contentwindow  {font-size: 120%;
    font-weight: bold;
    font-style: italic;
    color:  #ccccd2;
    padding: 3px;
    background-color: #5F6899; 
    border:solid 1px #5F6899; 
    border-bottom: 0px;
    margin-bottom: 0px;
}

div.contentcanvas { 
    padding: 5px;
    border:solid 1px #a0a0ad; 
    border-top: 0px;

}


div.content { 
    padding: 5px;


}

div.statusmessage {
    padding: 5px;
    border:solid 1px #ada0a0; 
    background-color: #ede0e0; 
}

.formdata tr.sectionbreak {
    border-top:solid 1px #d0d0dd; 
}

.formdata td {
    padding: 5px;
    vertical-align: top;
}

.formdata td.label {
    color: #70707d;
    font-size: 90%;
    text-align: right;
    padding-left:10px;
    padding-top:8px;
}

.formdata .label {
    color: #70707d;
    font-size: 90%;
    
}

.formdata td.fields {
 padding-right: 10px;   
}

.formdata input.textfield {
    font-size: 95%;
    padding: 3px;
    background-color: #f3f3fd; 
    border:solid 1px #a0a0ad; 
}

.formdata select {
    font-size: 95%;
    padding: 1px;
    background-color: #f3f3fd; 
    border:solid 1px #a0a0ad; 
    
}


table.datagrid {
            border: 1px solid #aFaFaF;
    
}

.datagrid th {
    
    background:url(/yui/assets/skins/sam/sprite.png) repeat-x 0 0; /* header gradient */ 
    border:  1px solid #aFaFaF;
    padding : 3px;
}

.datagrid td {
    padding : 3px;
}

.datagrid td.odd {
    background-color: #eff3ff;
}


.datagrid td.event {
    background-color: #f9fbfF;
}

div.eventsummary {
    width: 200px;
    float: left;
    border-right: 1px  #aaaaaf dashed;
    padding-right: 0px;
    margin-right: 10px;
    background-color: #fafaff;
}

.eventsummary .month {
    font-size: 140%;
    font-weight: bold;
    font-family: Verdana;
    padding-top: 4px;
    padding-bottom: 6px;
    color: #ccccd2;
}


.eventsummary .day {
    font-size: 100%;
    font-family: Verdana;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    color: #777782;
    border-top: 1px #e4e4e4 solid;
}

.eventsummary a {
    display: block;
    font-size: 85%;
    padding: 1px;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px #fafaff solid;
}


.eventsummary a:hover {
    text-decoration: none;
    background-color: #eeeef5;
    border: 1px #99999f solid;
}

.eventsummary a em {
    color: #111112;
}

a.nounderline:hover { text-decoration: none; }

table.tracklisting {
 padding-right: 20px;   
 margin-right: 20px;   
    border-top: 1px #eeeeef solid;
}

.tracklisting td {
    padding: 2px;
    padding-right: 10px;
    border-bottom: 1px #eeeeef solid;
}

div.slidingwindow {
    ooverflow: auto;
 background-color: #eeeeef;
    
}

div.slidingwindow div {
    width: 472px; 
    overflow: hidden;
    float: left;
 background-color: #eeeeef;
}

div.slidingwindow ul {
 background-color: #eeeeef;
    width: 1000px;
}

div.slidingwindow  li {
 background-color: #eeeeef;
    font-size: 80%;
    padding: 5px 14px;
    float: left;
}

div.slidingwindow a.control { 
    float: left;
    height: 133px; 
    width: 16px;
    padding: 0px 1px;
 background-color: #eeeeef;
    text-decoration: none;
}

div.slidingwindow a.control:hover {
 background-color: #dddddf;
    
}

div.slidingwindow img {  margin: 0; padding: 0; }

div.slidingwindow a.inactive img { opacity: 0.2; }


div.slidingwindow a.inactive:hover { 
 background-color: #eeeeef;
}

div.searchbox {
    padding: 5px;
    border-bottom: 1px solid #5F6899;
}

div.searchresult {
 padding: 3px;
}

div.searchresult a.title {
    font-weight: bold;
    color: #5F6899;
}


table.orderitems td { padding: 3px; }
table.orderitems th { padding: 3px; }