.lifecycleButton {
   text-align: left; 
   margin-top: 25px;   
   padding-top:17px;
   padding-left:15px;
   width:190px;
   height:33px;
   background: url('Lifecycle.png') 0 0 no-repeat;
}

.PrivateButton {
   width:50px;
   height:5px;
   padding-bottom:10px;
   display:inline-block;   
}

.PublicButton {
   width:50px;
   height:5px;
   padding-bottom:10px;
   display:inline-block;
}

.lifecycleStage {
    width:190px;
    height:100px;
    text-align: center;    
    display: none;         
}
        
.lifecycleStage label {
    font: 10px Georgia, serif;
    display: inline-block;
    margin: 1px 0px;
    width: 80px;            
    cursor: pointer;
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    padding: 5px; 
    background: #4F4F4F; 
    color: white;  
    text-align: center; 
    border: 0;
}

.lifecycleStage label:hover {
    background-color: #111;
}
        
.lifecycleStage input {
    position: absolute;
    left: -9999px;
}

input#preliminary:checked + label       { background: #FFC506;  }
input#prelist:checked + label           { background: #FFC506;  }
input#retired:checked + label           { background: #000;     }
input#referenceNOP:checked + label      { background: #000;     }
input#internalProduct:checked + label   { background: #808080;  }

.tip {
   font-family: "Cooper Black", fantasy; 
   font-size:14px; 
   width:175px;
   height:30px;
}

.switch {
	position: relative;
	margin-top: 0px;
	display: inline-block;
	width: 60px;
	height: 17px;
	cursor: pointer;
	background: url('slickSwitch.png') 0 0 no-repeat;
}

.switch .ss-on {
	position: absolute;
	display: block;
	width: 62px;
	height: 17px;
	background: url('slickSwitch.png') -60px 0 no-repeat;
}

.switch .ss-slider {
	position: absolute;
	left: 0px;
	width: 15px;
	height: 16px;
	margin: 0 -2px;
	background: url('slickSwitch.png') -122px 0 no-repeat;
}