/***** button control css
Luu y: co 2 loai button
1- button kieu submit (chua submit input, khong lien quan den form) 
2- button link thuan tuy (khong chua submit input trong form)

button form khac voi button link o cac diem sau:
- height and width
- text align
- text font
Reference: http://designshack.net/tutorialexamples/buttonanimations/index.html
******/




/************** henry note: dieu chinh button CHUA submit input form*****************/

.submitButton .submitButton{
  color: white;
  border: 0px solid #eee;
  height: 22px;									/* HEIGHT OF BUTTON */
/*  width: 125px; */
   min-width:125px;								/* chieu dai thoi thieu cua button */
margin: 10px 0px;
  overflow: hidden;
  display: inline-block;
   padding-left: 10px;
   padding-right: 10px;	

  text-align: center;
  line-height: 19px;							/* HEIGHT OF BUTTON */
 /*  font: 13px/1.5 Arial, sans-serif; 	*/		/* dac thu cua submit form */

  
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  /*Rounded Corners*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background: -webkit-linear-gradient(bottom, #4C4E4F, #313131 30%); /*IT Service Zone: adjustment for safari browser*/
  background-repeat: repeat; /*IT Service Zone: adjustment for safari browser*/
  background-attachment: scroll; /*IT Service Zone: adjustment for safari browser*/
  
background: linear-gradient(to bottom, #4C4E4F, #313131 30%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  
}



.submitButton .submitButton:hover{
  background-color: #4C4E4F;

}


/************** henry note: dieu chinh button CHUA submit input form EOF *****************/



/************** henry note: dieu chinh button CHUA submit input form (BIG SIZE) *****************/

.submitButton3 .submitButton3{
  color: white;
  border: 0px solid #eee;
  height: 35px;									/* HEIGHT OF BUTTON 1 */
/*  width: 125px; */
   min-width:150px;								/* chieu dai thoi thieu cua button */

  overflow: hidden;
  display: inline-block;
   padding-left: 10px;
   padding-right: 10px;	
   font-size: 20px ;

  text-align: center;
  line-height: 26px;							/* HEIGHT OF BUTTON 2 */

  
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  /*Rounded Corners*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background: -webkit-linear-gradient(bottom, #4C4E4F, #313131 30%); /*IT Service Zone: adjustment for safari browser*/
  background-repeat: repeat; /*IT Service Zone: adjustment for safari browser*/
  background-attachment: scroll; /*IT Service Zone: adjustment for safari browser*/

  background: linear-gradient(to bottom, #4C4E4F, #313131 30%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  
  /*Shadow*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}



.submitButton3 .submitButton3:hover{
  /*background-color: #4C4E4F;*/
  background: -webkit-linear-gradient(bottom, #313131, #4C4E4F 30%);
  background: linear-gradient(to bottom, #313131, #4C4E4F 30%);

}


/************** henry note: dieu chinh button CHUA submit input form EOF *****************/




/********************* henry note: dieu chinh button KHONG chua submit input form******************/

.buttonText {
/* font: 12px/1.5 Arial, sans-serif; */
}

a.buttonText {
  color: white;
  text-decoration: none;
}

a.buttonText:hover {
  text-decoration: none;
}



.template-button-middle {
  color: white;
  border: 0px solid #eee;
  height: 23px;									/* HEIGHT OF BUTTON */
/*  width: 125px; */
/*   width:auto ; */
   min-width:120px;								/* chieu dai thoi thieu cua button */
   padding-left: 10px;
   padding-right: 10px;	

  overflow: hidden;

  display: inline-block;						
  text-align: center;
  line-height: 23px;							/* HEIGHT OF BUTTON */

 /* font-size: 12px; */

  
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  /*Rounded Corners*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  background: linear-gradient(to bottom, #4C4E4F, #313131 30%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.template-button-middle:hover {
  background-color: #4C4E4F;
}
/************** henry note: dieu chinh button KHONG chua submit input form -EOF *************/




/************** Button more detail (for BLOG page) *************/

.moredetail {
  font-weight: bold;
/*  text-transform: uppercase; */
  border: 0px solid #eee;
  height: 20px;									/* HEIGHT OF BUTTON */
/*  width:50px;	*/							/* chieu dai thoi thieu cua button */
   padding: 0px 0px;

  overflow: hidden;

  display: inline-block;						
  text-align: center;

color: #c91d23;
  text-decoration: underline; 

  /* background: linear-gradient(to bottom, #6d7070, #2e2e2e 80%) repeat scroll 0 0 rgba(0, 0, 0, 0); */
 
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  

  
}
.moredetail:hover {
 /*  background: linear-gradient(to bottom, #6d7070, #2e2e2e 95%) repeat scroll 0 0 rgba(0, 0, 0, 0); */

}

/************** Button more detail EOF *************/



/* button for top heading page */
.button2 {
  background: #4c4e4f;
  color: white;
  border: 0px solid #eee;

/*  width: 125px; */
/*   width:auto ; */
   min-width:70px;								/* chieu dai thoi thieu cua button */
   padding: 5px 10px;
  margin: 10px 0;
  

  display: inline-block;						
  text-align: center;
/*  line-height: 23px;	*/						/* HEIGHT OF BUTTON */

  font-size: 18px;
 /* text-transform: uppercase; */
  
  /*Transition*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  /*Rounded Corners*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
  /*Gradient*/
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0));
  
  /*Shadow*/
/*  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
*/
}
.button2:hover {
  background-color: #d7a50b;
}