/* 
    Document   : styleSwitcher
    Created on : 11.08.2012., 16:41:51
    Author     : Pixel Industry
    Description:
        Purpose of the stylesheet follows.
*/

#style-switcher{
    position: fixed;
    right: -230px;
    top: 0;
    background: #fff;
    width: 230px;   
    -border-top-right-radius: 5px;
    -border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 2px #777;
    z-index: 999;
	height: 100%; /** Add scrollbar **/
}

#style-switcher #styles-container{
    padding: 12px;
	overflow: auto; /** Add scrollbar **/
	height: 100%; /** Add scrollbar **/
	box-shadow: -2px 0px 5px 0px #959595;
	-webkit-box-shadow: -2px 0px 5px 0px #959595;
	-moz-box-shadow:    -2px 0px 5px 0px #959595;
}

#style-switcher #styles-container section{
    margin-bottom: 10px;
    position: relative;
}


#style-switcher #styles-button{
    width: 45px;
    height: 180px;
    position: absolute;
    top: 150px;
    right: 230px;

    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -padding: 8px;
    box-shadow: -1px 0px 4px 0px #8E8E8E;
	-webkit-box-shadow: -1px 0px 4px 0px #8E8E8E;
	-moz-box-shadow:    -1px 0px 4px 0px #8E8E8E;

    background: none; /* Old browsers */

}

#style-switcher #styles-button #switcher-logo{
    background: url(../images/toggler-bg-new.png) center center no-repeat;
    width: 45px;
    height: 180px;
}





.styles-list {
	margin-top: -13px;
	list-style: none;
	padding: 0;
}
.styles-list .list-group-item{
      margin-top: -1px;
	  position: relative;
	  display: block;
	  padding: 10px 15px;
	  margin-bottom: -1px;
	  background-color: #fff;
	  border: 1px solid #DDD;
	  border-left: 0px;
	  border-right: 0px;
}
a.list-group-item {
  color: #555;
  font-size: 14px;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.industry-subtitle {
	display: block;
	font-size: 12px;
	color: #999;
}