/*************************************
* 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 control 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/2w3qeyr.png');
  background-color: #DED6F7;
  background-position:center center;
  BORDER-TOP: 10px outset #A59CB5 ;
  BORDER-BOTTOM:10px inset #A59CB5;
  BORDER-LEFT: 10px outset #A59CB5;
  BORDER-RIGHT:10px inset #A59CB5;}

/** this is the main container for loading adjust the padding top to control ur button**/
#barCont {
  background:transparent;
  visibility:visible! important;
  border: none; 
  width:400px; 
  text-align:center; 
  padding-top: 200px;
  padding-bottom: 100px;
  background-image: url('http://i41.tinypic.com/23tffya.gif');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: scroll;}

/** this is for counter slide bar **/
#bar {
  background:#BDBDD6; 
  color: #FFFFFF;
  width: 0px;
  height:15px! important; 
  font-weight: bold;
  border-top:1px inset #A59CB5!important; 
  border-bottom:1px inset #A59CB5!important; 
  font-weight: bold; 
  font-size: 10pt;}

/** this is for the button **/

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

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