html, body {
 background-color: url(/style/isa/images/bg.jpg);   
    font-size: 0.9em;
    text-align: left;
    font-family: Verdana;
}

p { padding-bottom: 5px; font-size: 0.9em; }

h1 { font-size: 140%;  font-weight: bold;  }

img { border :0; }

a { color: black; }
a:hover { color: black; }

#doc {
    width: 974px;
    margin: 30px auto;
}

#hd {
    background-color: #343263;
    background-image: url(/style/isa/images/headblue.png);
    height: 70px;
    margin-bottom: 10px;
}

#hd h1 { display: none; }

div.purple-content {
    background-image: url(/style/isa/images/purplegrad.png);
    background-position: top left;
    color: white;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #623651;
}

div.purple-content h1 {
    margin: 0; padding: 0;
}

div.purple-content ul {
    list-style-type: disc;
    margin-left: 28px;
    padding: 0px 0;
}

div.purple-content ul li {
    list-style-type: disc;
    font-size: 12px;
    padding-bottom: 3px;
}

div.purple-content a {
    display: block;
    font-size: 16px;
    padding: 5px 10px;
    color: white;
    text-decoration: none;
     -moz-border-radius: 6px; -webkit-border-radius: 6px;
    text-align: center;
    font-weight: bold;
}

#leftpanel {
  width: 250px;
    margin-right: 10px;
    margin-bottom: 10px;
  float:left;
    
}

#rightpanel {
  width: 700px;
    margin-bottom: 10px;
  float:right;
    
}

ul.albumlist li {
   list-style: none;
 height: 72px;   
    border-top: 1px solid #ccc; 
}

ul.albumlist a {
    height: 72px;
 display: block;
 padding-left: 62px;
 padding-top:1px;
 padding-bottom:1px;
 background-repeat: no-repeat;
 text-decoration: none;
 font-size: 90%;
}

div.albumfeaturelist {
    overflow: auto;
}

.albumfeaturelist ul li {
    display: inline;
}


.albumfeaturelist a {
 display: block;
    float: left;
    height: 160px;
    width: 100px;
    padding: 7px;
 text-decoration: none;
 font-size: 80%;
}

.albumfeaturelist a:hover {
    background-color: #CCCCEE;
 text-decoration: none;   
}

table.tracklisting {
    width: 95%;
}

.tracklisting td {
 border-top: 1px #F6E7F4 solid; 
    padding: 5px;
}

div.usermenu {
 text-align: right;   
 color: white;
 height: 50px;
    padding: 10px;
}

div.usermenu a {
 color: white;
}


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

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

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

div.news { padding-left: 10px; }

.news h3 {
font-size: 110%; font-weight: bold; color: #E600C9; margin-bottom: 1px; margin=top: 5px;    
}

.news .date { font-size: 90%; color: #999; }


a.morelink {
    font-face: verdana;
    font-weight: bold;
    font-size: 14px;
    color: rgb(40,0,30);
    text-decoration: none;
}


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

.loginform td {
    color: rgb(40,0,30);
    padding: 2px;
    font-size: 11px;
}
    
.loginform input {
    font-size: 10px;
    color: rgb(40,0,30);
    border: 1px solid rgb(40,0,30);
}


.featureprice {
    font-face: verdana; font-weight: bold;
    color: #343263;
    font-size: 18px;
}

.featurepricelabel {
    font-face: verdana; font-weight: bold;
    color: #343263;
    font-size: 14px;
}

div.useroptions {
    padding-right: 10px;
    color: rgb(110,110,110);
}
div.useroptions a {
    color: rgb(110,110,110);
}



.ui-accordion div.navmenu {
    height: 200px;
    overflow:auto;
    margin-right: 0;
    padding-right: 0;
}

.navmenu p {
 margin-right: 20px; 
    font-size: 0.8em;
}


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

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


.navmenu li a {
    display: block;
    font-size: 0.8em;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    margin-top: 2px;
    padding: 2px;
    padding-left: 2.2em;
 background-color: #b4b2d3;
    color: #343263;
}

.navmenu li a:hover {
 background-color: #343263;
    color: white;
}

.navmenu li a.selected {
 background-color: #343263;
    color: white;
}


div.lightbox {
    padding: 10px 20px;
    
}

.lightbox ul {
    padding: 10px 20px;
    
}
.lightbox h1 {
     font-size: 24px; color:  #343263; font-weight: normal; border-bottom: 1px solid #343263;  padding: 0; margin: 0;
}
.lightbox h2 {
     font-size: 18px; color:  #343263; font-weight: normal; border-bottom: 1px solid #343263;  padding: 0; margin: 0;
}
.lightbox h3 {
     font-size: 14px; color:  #343263; font-weight: normal; border-bottom: 1px dotted #343263; padding: 0; margin: 0;
}

.lightbox p {
    color: black; 
}


.lightbox h4 {
    margin: 0;
    
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 15px;   
}

.lightbox li {
    color: rgb(40,0,30);
    list-style: square;
    margin-left: 20px;
    padding-bottom: 3px;
    
}


div.darkbox {
    padding: 10px 20px;
    background-color: #343263;
    background-image: url(/style/isa/images/bluegrad.png);
    background-position: top left;
    color: white;
    margin-bottom: 5px;
}

.darkbox ul {
    padding: 10px 20px;
    
}
.darkbox h1 {
     font-size: 24px; color:  white; font-weight: normal; border-bottom: 1px solid white;  padding: 0; margin: 0;
}
.darkbox h2 {
     font-size: 18px; color:  white; font-weight: normal; border-bottom: 1px solid white;  padding: 0; margin: 0;
}
.darkbox h3 {
     font-size: 14px; color:  white; font-weight: normal; border-bottom: 1px dotted white; padding: 0; margin: 0;
}

.darkbox p {
    color: white; 
}


.darkbox h4 {
    margin: 0;
    
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 15px;   
}

.darkbox li {
    color: rgb(40,0,30);
    list-style: square;
    margin-left: 20px;
    padding-bottom: 3px;
    
}


div.purplebox {
    padding: 10px 20px;
    background-color: #343263;
    background-image: url(/style/isa/images/purplegrad.png);
    background-position: top left;
    color: white;
    margin-bottom: 5px;
}

.purplebox ul {
    padding: 10px 20px;
}

.purplebox a {
 color: white;    
}

div.redbox {
    padding: 10px 20px;
    background-color: #990000;
    background-image: url(/style/isa/images/redgrad.png);
    background-position: top left;
    color: white;
    margin-bottom: 5px;
}

.redbox ul {
    padding: 10px 20px;
}

.redbox a {
 color: white;    
}

ul.threecol {
   list-style: none;
    float: left;
    display: block;
    width: 150px;
}

ul.threecol li {
   list-style: none;
}


ul.threecol li a {
    text-decoration: none;
}

ul.breadcrumb {
    background-color: #343263;
    background-image: url(/style/isa/images/bluegrad.png);
    background-position: top left;
    color: white;
    margin: 0; padding: 2px 20px;
    margin-top: 1px;
    margin-bottom: 5px;
   list-style: none;
}

ul.breadcrumb li {
   list-style: none;
    display: inline;
}



ul.breadcrumb li a {
    text-decoration: none;
    color: #ccc;
}

ul.breadcrumb li a.selected, ul.breadcrumb li a:hover {
    text-decoration: none;
    color: #fff;
}


ul.menubar {
    background-color: #343263;
    background-image: url(/style/isa/images/bluegrad.png);
    background-position: top left;
    color: white;
    margin: 0; padding: 0px 20px;
    margin-top: 1px;
    margin-bottom: 5px;
   list-style: none;
}

ul.menubar li {
   list-style: none;
    display: block;
    float: left;
}



ul.menubar li a {
    text-decoration: none;
    display: block;
    padding: 5px 20px;
    border-right: 1px solid #545283;
    border-left: 1px solid #141243;
    color: #ccc;
}

ul.menubar li a.selected, ul.menubar li a:hover {
    background-color: #444273;
    text-decoration: none;
    color: #fff;
}



	.ui-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; color: white; font-size: 12px;}
	a.ui-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; right: auto; left: .2em; margin-left: 0; }
        button .ui-icon1 { position: absolute; top: 50%; margin-top: -8px; right: auto; left: .2em; margin-left: 0; }

	button.ui-button { 
          width:100px; overflow:visible; white-space:nowrap;
        }

	a.ui-button-icon-left { padding-left: 2.1em;}
	button.ui-button-icon-left { padding-left: .2em; }
	.ui-button-icon-right { padding-right: 2.1em; }
	a.ui-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	button .ui-icon { display: block; width: 20px; height: 16px; float: left; }
	.ui-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	

	a.ui-button { text-decoration: none; color: white;  }
        a.ui-button:hover { text-decoration: none; }


.twitterfeed ul {
    margin: 0;
    padding: 0;
}

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



.twitterfeed div.text {
background-color:    #eeeeff; 
    border-top: 1px solid #bbbbff; 
    border-bottom: 1px dotted #bbbbff; 
}

.twitterfeed .text a {
text-decoration: none;    
}


.twitterfeed div.date {
    text-align: right;
    margin-bottom: 5px;
}

.twitterfeed .date a {
text-decoration: none; 
    font-size: 80%;
}


.twitterfeed div.follow {
    margin-top: 5px;
background-color:    #eeeeff; 
    text-align: center;
}

.twitterfeed .follow a {
text-decoration: none;
    font-weight: bold;
    font-size: 80%;
}