/*
 * Windows 8 CSS Buttons
 *
 * @author: Francisco Neves
 */

/** Reset */
.w8-button, .w8-icon { color: white; margin: 0; padding: 0; outline: 0; text-decoration: none; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; }

/**
 *  ==== Windows 8 Buttons Style ====
 */
 	/** (Comment if you don't like transition) Transition */
 	.w8-button, .w8-icon { transition: 0.2s all ease; -moz-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; -ms-transition: 0.2s all ease; }

 	/** Fonts */
 	@font-face {
	    font-family: 'open_sans_lightregular';
	    src: url('../Desgin/fonts/opensans-light-webfont.eot');
	    src: url('../Desgin/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../Desgin/fonts/opensans-light-webfont.woff') format('woff'),
	         url('../Desgin/fonts/opensans-light-webfont.ttf') format('truetype'),
	         url('../ar/Desgin/fonts/opensans-light-webfont.svg#open_sans_lightregular') format('svg');
	    font-weight: 800;
	    font-style: normal;
	}
     @font-face {
	    font-family: 'W8FontBold';	    
	    src: url('../fonts/segoeuib.ttf?#iefix') format('embedded-opentype'),
	         url('../fonts/segoeuib.ttf') format('woff'),
            url('../fonts/segoeuib.ttf') format('truetype');	        
	     src: url('../fonts/segoeuib.ttf');
        /*font-weight: 800;
	    font-style: normal;*/
	}
      @font-face {
	    font-family: 'W8Font';	    
	    src: url('../fonts/segoeui.ttf') format('truetype');	        
	    /*font-weight: 800;
	    font-style: normal;*/
	}

 	/** Buttons */
 	.w8-button { display: table; padding: 7px 15px 8px 15px; border: none; font-family: W8Font; font-size: 13px;  cursor: pointer; opacity: 0.9; }
 	.w8-icon { display: table; padding: 7px 7px 7px 7px; border: none; background: url(../en/Design/images/win.png) no-repeat center; cursor: pointer; opacity: 0.9; width: 48px; height: 48px; }
 	.w8-button:hover, .w8-icon:hover { opacity: 1; }	
 	.w8-button:active, .w8-icon:active { color: white !important; background-color: #191919 !important; }

.w8-button.iconize
{
    padding-left: 35px !important;
   
    background: url('../Desgin/ajax-loader (1).gif') no-repeat 3px   center;

}
	.w8-button.red, .w8-icon.red { background-color: #d9522c; border-left: solid 2px #d9522c; }
	.w8-button.green, .w8-icon.green { background-color: #009900; border-left: solid 2px #009900; }
	.w8-button.pink, .w8-icon.pink { background-color: #ae193e; border-left: solid 2px #ae193e; }
	.w8-button.d-blue, .w8-icon.d-blue { background-color: #0099ab; border-left: solid 2px #0099ab; }
	.w8-button.yellow, .w8-icon.yellow { background-color: #fba919; border-left: solid 2px #fba919; }
	.w8-button.l-blue, .w8-icon.l-blue { background-color: #2d87ef; border-left: solid 2px #2d87ef; }
	.w8-button.violet, .w8-icon.violet { background-color: #5b39b6; border-left: solid 2px #5b39b6; }
	.w8-button.grey, .w8-icon.grey { background-color: #474747; border-left: solid 2px #474747; }
.w8_button.disable{background-color: #474747; border-left: solid 2px #d9522c; display: table; padding: 7px 15px 8px 15px; border: none; font-family:W8Font; font-size: 13px; font-weight: bold; cursor: not-allowed; opacity: 0.9; }
	/** (UnComment if you don't like border) */
	/*.w8-button, .w8-icon { border: solid 2px red; }*/

	/** (Comment if you don't like border on hover) */
	.w8-button:hover { border-left: solid 2px gray; }

/**
 *	==== Other Styles ====
 */
 	/*body { background: url(../images/bg.png) #1d1d1d no-repeat top right; }*/
 	ul.buttons { display: table; padding-right: 20px; margin: 20px auto; list-style: none; }
 	ul.buttons:last-child { padding-right: 0; }
 	ul.buttons li { float: none; margin-right: 12px; }
 	ul.buttons li:last-child { margin-right: 0; }

 	ul.buttons-icon { display: table; list-style: none; margin: 0px auto; }
 	ul.buttons-icon li { float: left; margin-right: 10px; }
 	ul.buttons-icon li:last-child { margin-right: 0; }

 	div#text { text-align: center; font-family:W8Font; font-size: 52px; width: 600px; margin: 0 auto; margin-top: 50px; }
 	div#smalltext { text-align: right; font-family: W8Font; font-size: 15px; width: 520px; margin: 0 auto; }
 	div#content { display: table; margin: 0 auto; padding: 30px; }