/*************************************
* LOADER CSS                         *
* CREDITS DO NOT REMOVE              *
* base from original codes           *
* By: Archer- friendsterforum.com    *
* Modified by: Switpotato            *
* http://kamoteworks.com             *
* Exclusive for kamote laymaker only *
**************************************/

/** adjust the padding to conrol the middle-main loading image **/
#loaderContainer {
  background:#DBF9F9; 
  height:100%; 
  width:100%;  
  padding-top:70!important; 
  text-align:center;
  text-color:#FF8FD8;
  z-index:10; 
  background-image: url('http://i39.tinypic.com/250j8qv.gif');
  background-color: #7FFFFF;
  background-position:center center;
  border: 3px solid #FFB1E2;}

/** this is the main container for loading adjust the padding top to control ur button**/
#barCont {
  background:#CFFFFF;
  visibility:visible! important;
  border: 4px double #D06E98; 
  width:450px; 
  text-align:center; 
  padding-top: 270px;
  padding-bottom: 10px;
  background-image: url('http://i42.tinypic.com/osyg5y.gif');
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;}

/** this is for counter slide bar **/
#bar {
  background:#FFB1E2; 
  color: #FFFFFF;
  width: 0px;
  margin-left: 5px;
  margin-right: 5px;
  height:15px! important; 
  font-weight: bold;
  border-top:1px solid #8F8F8F!important; 
  border-bottom:1px solid #FFFFFF!important; 
  font-weight: bold; 
  font-size: 10pt;}

/** this is for the button **/

#barCont a{
  background-color: #FF8FD8; 
  margin-top:25px ! important;
  border: 1px outset #BDCBD4;
  color:  #FFFFFF! important; 
  padding: 2px 5px 2px 5px;}

#barCont a:hover{
  background-color: #CFFFFF; 
  margin-top:25px;
  border: 1px inset #BDCBD4;
  color:  #FF8FD8! important; 
  padding: 2px 5px 2px 5px ;
  text-decoration: none;}