@import url(reset.css);
@import url(grid.css);



p
{
    font-size:16px;
    direction:rtl;
    text-align:right;
    font-family:Arial;
    color:#333;
    width:250px;
    line-height:10px;
    margin-bottom:15px;
    margin-top:15px; 
    padding-right:10px;   
    text-shadow:0 1px 0 #fff; 
    
}

/*Form*/

#stylingCall input, #advancedCall input,select
{
    width:350px;
    height:35px;
    margin-bottom:3px;
    margin-left:0px;
    font-size:18px;
    font-weight:bold;
   
    padding-left:10px;
    padding-bottom:5px;
    padding-right:10px;
     

}
  #advancedCall textarea
{
    width:750px;
    height:90px;
    margin-bottom:3px;
    margin-left:0px;
    font-size:18px;
    font-weight:bold;
    color:#4e4e4e;
    padding-left:0px;
    padding-bottom:0px;
    padding-top:8px;
    padding-right:10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
     font-family:Arial;
     

}
 #advancedCall select
{
    width:370px;
    height:45px;
    margin-bottom:3px;
    margin-left:0px;
    font-size:18px;
    font-weight:bold;
    color:#4e4e4e;
    padding-left:0px;
    padding-bottom:0px;
    padding-right:10px;
     

}
 .filecss
{
    width:750px;
    height:15px;
    margin-bottom:3px;
    margin-left:0px;
    font-size:18px;
    font-weight:bold;
    color:#4e4e4e;
    padding-left:0px;
    padding-bottom:0px;
    padding-top:8px;
    padding-right:10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
     font-family:Arial;
     opacity:90;
    -moz-opacity:90;
    filter:alpha(opacity:0);
     

}
input.theFileInput{
    
    top:0px;
    left: 156px;    
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity:0);
    z-index:2;
    width:80px;
    font-size: 1em;
} 

.iconPassword
{
   background: #f1f1f1 url('http://www.red-team-design.com/wp-content/uploads/2011/09/login-sprite.png') no-repeat  right top; 
   background-position: 5px -55px !important;
   -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
}
.iconUsername
{
    
   background-position: 5px -5px !important; 
   -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family:Arial;
 }
.demoFocus
{
    color:#dddddd;
    border:1px solid #01618f;
}


.demoBlur
{
    color:#e5e5e5;
    border:1px solid #7f7e7e;
}

.demoNotEqualToDefault
{
    color:#535353;
    border:1px solid #535353;
}

.demoKeydown
{
    color:#535353;
    border:1px solid #c31515;
}
.div_titlesale
{
    padding-top:25px;
    padding-bottom:0px;
    padding-right:20px;
    padding-left:0px;
    font-size:28px;
    direction:rtl;
    text-align:right;
    font-family:Arial;
    color:#fff;
    font-weight:bold;
    border :1px solid #a8a8a8;
    border-bottom:2px solid #a8a8a8;
    background:#2a4f98;
    width:910px;
    height:30px;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align:middle;
    
    }
.div_titleservice
{
    padding-top:25px;
    padding-bottom:0px;
    padding-right:20px;
    padding-left:0px;
    font-size:28px;
    direction:rtl;
    text-align:right;
    font-family:Arial;
    color:#fff;
    font-weight:bold;
    border :1px solid #a8a8a8;
    border-bottom:2px solid #a8a8a8;
    background:#008c00;
    width:910px;
    height:30px;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align:middle;
    
    }
    .div_fildes
{
    padding-top:0px;
    padding-bottom:10px;
    padding-right:20px;
    padding-left:0px;
    font-size:25px;
    text-align:right;
    font-family:Arial;
    color:#333;
    font-weight:normal;
    border :1px solid #a8a8a8;
    border-bottom:2px solid #a8a8a8;
    background:#EFECEA;
    width:910px;
    height:100%;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    
    }
    
.cellspace
{
    padding-right:15px;
    }
     
     .req
     {
          font-family:Arial;
          color:#333;
           font-size:14px;
         }
 #logout image:hover 
{
    
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
 
  -moz-opacity: 1;  

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;
  -webkit-opacity:1;

	 -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;  
    text-decoration:none;cursor:pointer;cursor:hand;border:0px; 
}
#logout image
{
   
    text-decoration:none;
    border:0px; 
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
 
  -moz-opacity: .5;  

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
  -webkit-opacity:.5;
}



.myButton {
	background: rgb(69,94,144); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NTVlOTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMzNTA4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjMzU1NDkwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjMzQ1MzhmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjMmY0ODdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjMmQ0NDc2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMzA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-radial-gradient(center, ellipse cover,  rgba(69,94,144,1) 0%, rgba(51,80,137,1) 1%, rgba(53,84,144,1) 2%, rgba(52,83,143,1) 15%, rgba(47,72,125,1) 98%, rgba(45,68,118,1) 99%, rgba(26,48,96,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(69,94,144,1)), color-stop(1%,rgba(51,80,137,1)), color-stop(2%,rgba(53,84,144,1)), color-stop(15%,rgba(52,83,143,1)), color-stop(98%,rgba(47,72,125,1)), color-stop(99%,rgba(45,68,118,1)), color-stop(100%,rgba(26,48,96,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(69,94,144,1) 0%,rgba(51,80,137,1) 1%,rgba(53,84,144,1) 2%,rgba(52,83,143,1) 15%,rgba(47,72,125,1) 98%,rgba(45,68,118,1) 99%,rgba(26,48,96,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(69,94,144,1) 0%,rgba(51,80,137,1) 1%,rgba(53,84,144,1) 2%,rgba(52,83,143,1) 15%,rgba(47,72,125,1) 98%,rgba(45,68,118,1) 99%,rgba(26,48,96,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(69,94,144,1) 0%,rgba(51,80,137,1) 1%,rgba(53,84,144,1) 2%,rgba(52,83,143,1) 15%,rgba(47,72,125,1) 98%,rgba(45,68,118,1) 99%,rgba(26,48,96,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(69,94,144,1) 0%,rgba(51,80,137,1) 1%,rgba(53,84,144,1) 2%,rgba(52,83,143,1) 15%,rgba(47,72,125,1) 98%,rgba(45,68,118,1) 99%,rgba(26,48,96,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#455e90', endColorstr='#1a3060',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:42px;
	font-weight:bold;
	padding:  55px  62px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #1570cd;
	width:300px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.myButton:active {
	position:relative;
	top:1px;
}


.myButton2 {
	background: rgb(41,154,11); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(41,154,11,1)), color-stop(100%,rgba(41,154,11,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:42px;
	font-weight:bold;
	padding:  55px  62px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #aade7c;
	width:300px;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}
.myButton2:active {
	position:relative;
	top:1px;
}

        

