@charset "UTF-8";
/* CSS Document */

/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
  
  
html {
height: 100%;
min-height:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	background:#fff url(../../images/bgleft.jpg) repeat-y left;
	}

a:link, a:visited ,a:hover, a:active {
color:#444444;
text-decoration:none;
}



#hd, .yui-layout-unit-top {
    background-color: #2c2c2c;
    color: white;
	height:100px;
}
#bd, .yui-layout-unit-center {
    background:#fff url(../../images/bgleft.jpg) repeat-y left;
}
#ft, .yui-layout-unit-bottom {
    background-color: red;
    color: #fff;
}
#nav, .yui-layout-unit-left {
    background:#eee;
}

p {
padding: 10px;
margin: 0;
line-height:16px;
}

img {
padding: 0px;
margin: 0px;
}

#inputString2 {
padding: 5px 0 3px 5px;
height: 16px;
font-size: 14px;
border: 1px solid #999;
width: 100%;
}

.inputString1 {
padding: 5px 0 4px 5px;
height: 21px;
font-size: 14px;
border: 1px solid #999;
width: 100%;
}


.inputString2 {
padding: 5px 0 3px 5px;
height: 16px;
font-size: 14px;
border: 1px solid #999;
width: 100%;
}

#pagetitle {
margin-left: 20px;
float: left;
margin-top: 10px;
width: 90%;
}

#pagetitlehome {
margin-left: 20px;
float: left;
margin-top: 10px;
width: 25%;
}

h1 {
font-size: 16px;
color: #387aa2;
padding-left:20px;
}

#nav {
width: 180px;
border-right: 1px solid #aaa;
height: auto;
text-align:left;
float:left;
position:relative;
}

#nav ul {
width: 100%;
background-color: #d6d6d2;
padding: 0px;
margin:0px;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #b3b2ae;
}

#nav ul a {
line-height: 47px;
padding: 0 0 0 25px;
color: #333;
font-weight: bold;
font-size:18px;
text-decoration:none;
height: 47px;
display:block;
cursor:pointer;
}


#nav ul a:link {
height: 47px;
width: 155px;
display: block;

}

#nav ul a:hover {
background: url(../../images/navhover.jpg);
height: 47px;
width: 155px;
display: block;
}

#nav ul a#active {
background: url(../../images/navhover.jpg);
height: 47px;
width: 155px;
display: block;
}

#nav ul li {
height: 100%;
vertical-align: middle;
margin-top: 15px;
margin-bottom:10px;
}

#nav ul li a{
width: 155px;
display:block;
font-size:13px;
font-weight:lighter;
height: 28px;
line-height:28px;
}

#nav ul li a:link{
width: 155px;
display:block;
font-size: 13px;
font-weight:lighter;
height: 28px;
line-height:28px;
color: #eee;
}

#nav ul li a:hover{
width: 155px;
display:block;
background: #444;
height: 28px;
line-height:28px;
color:white;
}

#nav ul li a:active{
width: 155px;
display:block;
background: #444;
height: 28px;
line-height:28px;
color:white;
}

#nav ul li a:visited{
width: 155px;
display:block;
font-size: 13px;
height: 28px;
line-height:28px;
color:white;
}



ul#dashboard {
background:#5593BB url(../../images/topli.png) no-repeat top center;
display: none;
}

ul#vendor {
background:#5593BB url(../../images/topli.png) no-repeat top center;
display: none;

}

ul#artist {
background:#5593BB url(../../images/topli.png) no-repeat top center;
display: none;

}

ul#venues {
background:#5593BB url(../../images/topli.png) no-repeat top center;
display: none;

}

ul#events {
background:#5593BB url(../../images/topli.png) no-repeat top center;
display: none;
}

ul#genres {
background:#5593BB url(../../images/topli.png) no-repeat top center;
display: none;
}

ul#users {
background:#5593BB url(../../images/topli.png) no-repeat top center;
display: none;
}

li {
display: block;

}

    #tabs {
      float:left;
      width:100%;
      line-height:normal;
	  min-width:400px;
      }
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../../images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  border-bottom:1px solid #898989;
	
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../../images/tabright.gif") no-repeat right top;
      padding:5px 13px 4px 6px;
      color:#666;
	  font-size:12px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#fff;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
	  
	 #tabs a.active span {
      color:#000;
	
      }
    #tabs a.active, #tabs a.active:hover {
	  background-position:left top; 
	  float:left;
	  border-bottom:1px solid #fff;
	  border-top: 1px solid #bdbcb8;
	  border-left: 1px solid #bdbcb8;
	  border-right:1px solid #bdbcb8;
      }

    #tabs a.active span, #tabs a.active:hover span  {
      background-position:100% -84px;
	  color:#000000
      }

/*
#tabs{
width: 100%;
overflow: hidden; 
margin-top: 17px;
}

#tabs ul{
margin:0;
padding: 0;
padding-left: 10px; 
list-style-type: none;
}

#tabs li{
}

#tabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0 3px;
padding: 7px 12px; 
border-top: 1px solid #898989;
border-right: 1px solid #898989;
border-left: 1px solid #898989; 
color: #000;
background: #f1f1ef; 
font-size:13px;

}

#tabs li a:visited{
color: #000;
}

#tabs li a:hover, .tabs li.selected a{
background: #eee; 
}

#tabs a#active {
background:white;
border-bottom:1px solid white;
}

*/

#textbox {
height: 33px;
background: url(../../images/textbox.jpg);
margin-top: 19px;
display:block;
overflow:hidden;
font-size:13px;
font-weight:bold;
padding: 0 0 0 12px;
color:white;
line-height:32px;
margin-right: 8px;
width:98%;
}

#breadcrumbs {
margin-left: 181px;
padding-top:5px;
}

#dashboardbc {
background: url(../../images/dashboardbc.png) no-repeat center center;
display:block;
width: 78px;
font-size:12px;
height: 19px;
color: white; 
padding-left: 12px;
margin: 0px;
text-decoration: none;
line-height: 18px;
float:left;
}

#additionalbc {
background: url(../../images/bcback.png) no-repeat left center;
display:block;
font-size:12px;
height: 19px;
color: white; 
padding-left: 14px;
padding-right: 6px;
margin-left: -8px;
text-decoration: none;
line-height: 18px;
float:left;
}

span#bc {
background: url(../../images/bcfront.png) no-repeat right center;
display:block;
height: 19px;
float: left;
padding: 0 13px 0 0;
}

.defaultSimpleSkin {
display:block;
float:left;
width:100%;
}

.remove {
background:url(../../images/remove.jpg) no-repeat 0 0;
width:75px;
height:28px;
display:block;
border: none;
margin-right:14px;
}

a.save {
display: block;
color: green;
font-size:14px;
text-decoration:underline;
}

a.save:hover {
color: #333;
}