/***  YOUR SITES STYLES  ***/
/* Any styles you need to add can be placed here. */  
/* Note: there is a great number of preset styles in the global stylesheet */

#bodyTable {
margin-bottom: -10px;
}

#navBar img {
 display: inline;
}
#mainBody img {
 display: inline;
}
.subtitle {font-family: arial,helvetica;
  font-size: x-small;
  font-weight:bold;
  color: #663300;}  
  
.text{font-family: arial,helvetica; font-size:12px;}  

.text13{font-family: arial,helvetica; font-size:13px; font-weight:normal;}  

.textblue{font-family: arial,helvetica;
  font-size:9px;
  color:#b65922;} 

.textred {font-family: arial,helvetica;
  font-size: x-small; 
  color: #663300;}  

.subsubtitle {font-family: arial,helvetica;
  font-size: x-small;
  font-weight:bold;
  color: #CC9933;}  
  
.btext{font-family: arial,helvetica;
  font-size: x-small;
  font-weight: bold;} 
  
.textbold{font-family: arial,helvetica;
  font-size: 12px;
  font-weight: bold;} 
  
.tdpadding {padding-bottom:5px;}  
  
.centerAlign{text-align:center;} 

.smalltext{font-family: arial,helvetica;
  font-size: xx-small;} 
  
.smallblue{font-family: arial,helvetica;
  font-size: xx-small;
  color:#003399;} 
    
.errormsg {font-family: arial,helvetica;
  font-size: small;
  font-weight: normal;
  color: #CC0000;
  margin-top:7px;
  margin-bottom:7px;}  
  
.req{font-family: arial,helvetica;
  font-size: 14px;
  color:#CC0000;}

.bblue{font-family: arial,helvetica;
  font-size: x-small;
  font-weight: bold;
  color:#336600;} 

.otext{color:#CC6600;}
.assistive{font-size:xx-small;
  color:#ffffff;}
  
  
.footer {color:#8F8F8F;
  font-family: arial,helvetica;
  font-size: xx-small;
  border-top:1px solid #666;
  padding:5px 0 0 0;
  }

#mainbodywrap a:link {
    color: #f08342;      
    text-decoration: none;
}
#mainbodywrap a:visited {
    color:#4188d1;  
    text-decoration: none;
}
#mainbodywrap a:hover {
    color:#4188d1;  
    text-decoration: underline;
}
#mainbodywrap a:active {
    color: #f08342;     
    text-decoration: underline;
}
  
/*Home Page Body CSS*/

h4 {font-size:16px; border:none;}
h2 {font-size:16px; border:none;}
.rostertitle {font-size:18px; font-weight:bold; color:#f08342;}

.orange {color: #f08342 !important; font-family:Arial, Helvetica, sans-serif;}

.title {font-family: arial,helvetica; font-weight:bold; font-size:16px; color: #f08342;} 
.category {font-size:12px; font-weight:bold;}
.description {font-size:12px;}  

#mainbodywrap {background-color:#ffffff;}

/*Sections on Homepage*/
#artrosterlogo {padding-bottom:5px;}
#artlogo {padding-top:10px;}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
	#middlesection {border-left: 0px solid #ccc; border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; border-top: 2px solid #ccc;}
	#rightsection{border-top: 2px solid #ccc;}}
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#middlesection {border-left: 2px solid #ccc; border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; border-top: 0px solid #ccc;}
	#rightsection{border-top: 2px solid #ccc;}}
	
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#middlesection {border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-top: 0px solid #ccc;}
	#rightsection{border-top: 0px solid #ccc;}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#middlesection {border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-top: 0px solid #ccc;}
	#rightsection{border-top: 0px solid #ccc;}}

#spotlight {margin:10px 0 0 20px;}
#featuredartist {margin:5px 0px 0px 20px; padding:0 20px 5px 20px; text-align:left;}

#newartist {background-image:url(../images/arrowpr.jpg); background-repeat:no-repeat; margin-top:15px; padding:0 0 0 25px;}

#accountlogin {margin:10px 0 10px 25px;}
#accountlogin input {display:block; #color:#acacac; line-height:15px; margin-bottom:3px;}
.acountlogintext {font-size:18px; font-weight:bold; color:#f08342; padding-bottom:3px;}
#accountsmalllogin {font-size:9px; margin: 0px 25px 5px 0px; width:190px; line-height:11px; text-align:right;}
.loginsm input {float:left;margin-left:90px;}

form {padding:5px 0 10px 0;}
#searchbyartist {padding:15px 0 40px 0px;}

#quicklinks {margin:15px 0 0 25px;}

#news {margin:5px 0 0 25px;}

#bodyTable ul li {font-size: 15px; line-height: 1.6;}

#rightsection a {color:#f08342;}
#rightsection a:hover {color:#69F;}

#middlesection a {color:#f08342;}
#middlesection a:hover {color:#69F;}

#form {width:200px; font-family:Arial, Helvetica, sans-serif; color:#f08342; padding-top:5px;}
#formbox {line-height:18px; font-size:12px;padding:0px 0 10px 0;}

#submit {float:left; width:60px; }
#reset {float:right; width:130px;}

/*footer CSS*/
.copyright {color:#8F8F8F;font-family: arial,helvetica;font-size: 10px;}

.searchSelect {
    width: 150px;
}

/*Artist Bio Page CSS*/
#interiormainpage { background-color:#ffffff; border-left:1px solid #CCC; }

#interiormainpage a {color:#f08342;}
#interiormainpage a:hover {color:#69F;}

#biotopleft {float:left; width:330px;}
#biotopright {float:right; width:70px; margin-top:10px; font-size:10px; text-align:right;}

#biosubjecttitle { margin:0;}
#biosubjecticon {width:29px; float:left; padding:0 5px 0 0;}
#biosubjecthead {font-size:38px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666; line-height:29px;}

/*Bio Page Media- Category 2*/
#artistcontactMedia {background-color:#e08e0c; background-repeat:repeat-y; padding:15px; color:#FFF; margin:0 0 0 15px; vertical-align:top;}

/*Bio Page Visual-Category 4*/
#artistcontactVisual {background-color:#0978a1; background-repeat:repeat-y; padding:15px; color:#FFF; margin:0 0 0 15px; vertical-align:top;}

/*Bio Page Performance Category 3*/
#artistcontactPerform {background-color:#688e17; background-repeat:repeat-y; padding:15px; color:#FFF; margin:0 0 0 15px; vertical-align:top;}

/*Bio Page Literary -Category 1*/
#artistcontactLiterary {background-color:#8e175d; background-repeat:repeat-y; padding:15px; color:#FFF; margin:0 0 0 15px; vertical-align:top;}

/*Artist Bio Contactbox CSS*/
.artistname {font-size:18px; line-height:22px; font-weight:bold;}
.artistgenre {font-size:14px; margin:10px 0 0 0;}
.artistaddress {margin:10px 0 0 0;}

#emailweb {margin:10px 0 0 0;}
#emailweb a {color:#fff !important; font-size: 14px !important;}
#emailweb a:hover {color:#69F;}

#artistqrcode {margin:10px 0 0 0}

#emailfriend {margin:10px 0 0 0;}
#emailfriend a {color:#fff !important; font-size: 14px !important;}
#emailfriend a:hover {color:#69F;}

/*END Artist Bio Contactbox CSS*/
#biophotowrapper {}
#biophoto { width:186px; padding:5px; background-color:#999; /*height:250px;*/ margin:15px 0 0 0;}

#socialmedia {display:inline; margin:10px 0 0 0;}

#aboutartist {margin:10px 0 0 0; padding:0 5px 5px 0px;}
.biosubtitle {color:#f08342; font-size:16px; font-weight:bold;}

#services { padding: 0 15px; margin:15px 25px 0 0;}
#servicesbox {margin-top:10px;}

#gallery { margin:10px 15px 0 0; border-top:1px solid #999;padding:5px 0 0 0;}
#galleryimages { width:120px; display:inline-block; padding:5px;}

#video { border-top:1px solid #999; margin:10px 15px 0 0; padding:5px 0 0 0;}
#videoembed {width:320px; height:240px; background-color:#999; margin:10px 15px 5px 0; display:inline-block;}

#links { border-top:1px solid #999; margin:10px 15px 0 0;padding:5px 0 0 0;}

#audio {border-top:1px solid #999; margin:10px 15px 0 0;padding:5px 0 0 0;}

#documents { border-top:1px solid #999; margin:10px 15px 0 0;padding:5px 0 0 0;}

#paginationtext {display:inline; font-size:12px;line-height:13px;}

#breadcrumb {font-size: 10px; background-color: #f5f5f5; padding: 15px; border-bottom: 1px solid #CCC;}

#app-text { color:#FFFFFF; background-image:url('../images/app-text.png'); background-repeat:no-repeat; margin:15px 0 0 25px; width:220px; height:180px; }

#app-text a, #app-text a:link, #app-text a:active, #app-text a:visited {
    text-decoration:    underline;
    color:              #ffffff;
    }

#app-text a:hover {
    text-decoration:    none;
    color:              #ffffff;
    }

#app-text p { color:#FFFFFF; padding-top:20px; padding-left:20px; padding-right:20px; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-top: 0px !important;}

/***  Footer  ****/

#footerBar { 
    color: #909090;     
    background-color: transparent; 
    background-color: #fff; 
    text-align: center; 
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 75%;
    }
#footerBar a, #footerBar a:link, #footerBar a:visited {
    color: #f08342;     
    background-color: transparent; 
    text-decoration: none;
    }
#footerBar a:hover, #footerBar a:active  {
    color: #69F;    
    background-color: transparent; 
    text-decoration: underline;
    }