﻿
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); 
/*
font-family: 'Droid Arabic Kufi', serif;
@font-face 	
{
    font-family: 'Droid Arabic Naskh', serif; 
	src: url('../css/font/DroidNaskh-Regular.ttf');
	src: url('../css/font/DroidNaskh-Bold.ttf');
	src: url('../css/font/Droid Arabic Kufi.TTF');
	src: url('../css/font/Droid Arabic Kufi Bold.TTF');
}
منبع: Irfont.ir
src: url('css/font/riesling.eot');
*/
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css); 


body {
}





/*********************   START STYLE 1    *************************/
.btn_style_1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn_style_1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.btn_style_1:active {
	position:relative;
	top:1px;
}
/*********************   END STYLE 1    *************************/

/*********************   END STYLE 2    *************************/
.button_orange {
   border-top: 1px solid #ffffff;
   background: #de8950;
   background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#de8950));
   background: -webkit-linear-gradient(top, #ff6600, #de8950);
   background: -moz-linear-gradient(top, #ff6600, #de8950);
   background: -ms-linear-gradient(top, #ff6600, #de8950);
   background: -o-linear-gradient(top, #ff6600, #de8950);
   padding: 6px 12px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   width:100px;
   }
.button_orange:hover {
   border-top-color: #ffd9bf;
   background: #ffd9bf;
   color: #000000;
   }
.button_orange:active {
   border-top-color: #fff766;
   background: #fff766;
   }
   

.button_blue {

   padding: 6px 12px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;

   color:#038ac9;
   font-size: 16px;
   font-weight:bold;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   width:100px;
   }
.button_blue:hover {
   background: #131a22;
   color: #ffffff;
   }
.button_blue:active {
   border-top-color: #fff766;
   background: #fff766;
   }   

.btn_line
{
    text-align:center;
    width:200px;
    border-top-left-radius : 10px 10px;
    border-top-right-radius : 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
    border:2px solid #d9d9d9;
    color:#232f3e;
    padding:6px;
    font-weight:bold;
    font-size:12px;
	text-shadow:0px 1px 0px #ffffff;
    
	/* font-family: 'Droid Arabic Naskh', serif; */
}
.btn_line:hover
{   
    border:2px solid #232f3e; 
    cursor:pointer;
}
.btn_line:focus
{
    outline:0;
}
.btn_line:active
{
    border:2px solid #ff9d2d;
}

@media only screen and (max-width: 499px) {
.btn_line
{
    text-align:center;
    width:180px;
    border-top-left-radius : 10px 10px;
    border-top-right-radius : 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
    border:2px solid #d9d9d9;
    color:#232f3e;
    padding:6px;
    font-weight:bold;
    font-size:12px;
	text-shadow:0px 1px 0px #ffffff;
    
	/* font-family: 'Droid Arabic Naskh', serif; */
}
.btn_line:hover
{   
    border:2px solid #232f3e; 
    cursor:pointer;
}
.btn_line:focus
{
    outline:0;
}
.btn_line:active
{
    border:2px solid #ff9d2d;
}
}

.no_line:focus
{
    outline:0;
}


.btn_line_disable
{
    width:200px;
    border-top-left-radius : 10px 10px;
    border-top-right-radius : 10px 10px;
    border-bottom-left-radius : 10px 10px;
    border-bottom-right-radius : 10px 10px;
    border:2px solid #d9d9d9;
    color:#232f3e;
    padding:6px;
    font-weight:bold;
    font-size:12px;
	text-shadow:0px 1px 0px #ffffff;
	font-family: 'Droid Arabic Naskh', serif;
}


.btn_style_3 
{
    text-align:center;
    cursor: pointer;
    color:#0094ff;
}
.btn_style_3:hover
{
    text-align:center;
    cursor: pointer;
    color:#03317a;
    
}

