@charset "utf-8";
@import"reset.css";
/* 
		Template Information:
        Name: GN-V3.0
        Designer: Pedram Moradi
        Designer URL: http://www.GraphiceNovin.com
*/

@font-face{
    font-family: "b koodak";
    src: local("b koodak"),
    url('fonts/bkoodakbold.eot?#') format('eot'),
    url('fonts/bkoodakbold.woff') format('woff'),
    url('fonts/bkoodakbold.ttf') format('truetype');
}
@font-face {
    font-family: 'Nassim';
    src:url('fonts/bbc-nassim-regular.eot?#') format('eot'),    
          url('fonts/bbc-nassim-regular.woff') format('woff'),
          url('fonts/bbc-nassim-regular.ttf') format('truetype'); 
}

@font-face {
    font-family: 'Yekan';
    src:url('fonts/BYekan.eot?#') format('eot'),    
          url('fonts/BYekan.woff') format('woff'),
          url('fonts/BYekan.ttf') format('truetype'); 
}

.body {
	font:18px/16px "B Koodak", Tahoma;
	text-decoration: none;
	color: #000;
	background-color: #eaeaea;
	direction: rtl;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	line-height: 16px;
}

#header {
	background-image: url(../images/header.png);
	background-repeat: repeat-x;
	width:900px;
	height:200px;
}

#menu {
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	width:900px;
	height:50px;
}
#menu ul {
	padding:15px;
	text-align:center;
	text-shadow:1px 1px 1px #fff;
	width:800px;
	padding-top: 18px;
}
#menu li {
	display:inline;
	margin:0 10px;
}

.up {
	background-image:url(../images/up.png);
	background-repeat:no-repeat;
	width:900px;
	height:25px;
	margin-top:15px;
}
.center {
	background-image:url(../images/center.png);
	background-repeat:repeat-y;
	width:900px;
	height:auto;
}
.down {
	background-image:url(../images/down.png);
	background-repeat:no-repeat;
	width:900px;
	height:25px;
}

#text-up {
	background-image:url(../images/text-up.png);
	background-repeat:no-repeat;
	width:800px;
	height:45px;
}
#text-center {
	background-image:url(../images/text-center.png);
	background-repeat:repeat-y;
	width:800px;
	height:auto;
    min-height: 470px;
}
#text-down {
	background-image:url(../images/text-down.png);
	background-repeat:no-repeat;
	width:800px;
	height:45px;
}
.left-up {
	background-image:url(../images/left-up.png);
	background-repeat:no-repeat;
	width:490px;
	height:30px;
	float:left;
	margin-left:20px;
}
.left-center1 {
	background-image:url(../images/left-center.png);
	background-repeat:repeat-y;
	width:490px;
	height:200px;
	float:left;
	margin-left:20px;
}
.left-center2 {
	background-image:url(../images/left-center.png);
	background-repeat:repeat-y;
	width:490px;
	height:150px;
	float:left;
	margin-left:20px;
}
.left-down {
	background-image:url(../images/left-down.png);
	background-repeat:no-repeat;
	width:490px;
	height:30px;
	float:left;
	margin-left:20px;
}

.indexContent{
    line-height:22px;
    text-align:justify;
    text-shadow:1px 1px 1px #fff;
    height:150px;
    width:448px;
    font-size:12px;
    font-family: Tahoma;
}

.icon {
	margin-right:20px;
}

.titr {
	float:right;
	margin-right:10px;
}

.banner {
	margin-top:15px;
}

.banner2 {
	margin-right:15px;
}

#footer {
	text-align:center;
	text-shadow:1px 1px 1px #f1f1f1;
	font-size:11px;
	color:#990036;
	line-height:22px;
}

#text-marq {
    background-image:url('../images/client.png');
    background-repeat:no-repeat;
    width: 250px;
    height: 20px;
    padding: 10px;
    margin-right:5px;
    text-align:left;
}
#block1 {
    background-image:url('../images/box1.png');
    background-repeat:no-repeat;
    width:250px;
    height:320px;
    margin-right:25px;
    margin-bottom: 10px;
}
#block2 {
    background-image:url('../images/box2.png');
    background-repeat:no-repeat;
    width:250px;
    height:150px;
    margin-right:25px;
}

.block2Content{
    padding-top: 40px;
    padding-right: 10px;
}

a:link {
    text-decoration: none;
    color: #0066CC;
}
a:visited {
    text-decoration: none;
    color: #0066CC;
}
a:hover {
    text-decoration: none;
    color: #0099FF;
}
a:active {
    text-decoration: none;
}
a {
    font-size: 12px;
}

.style1 {
    color: #0066CC;
    font-size: 12px;
}

.supportTitle
{
    line-height:22px;
    text-align:right;
    text-shadow:1px 1px 1px #fff;
    font-family: Tahoma;
    font-size: 12px;
    padding-top: 45px;
    padding-bottom: 10px;
    text-align: center;
}

/* my style */

hr{
    width: 100%;
    height: 2px;
    color: #ff3b69;
}

.registerPage > table td{
    height: 40px;
    color: #644e53;
}

#outerDiv{
    width: 1000px;
    height: auto;
    margin: 0 auto;
    direction: rtl;
}

#innerDiv{
    width: 800px;
    height: auto;
    margin: 0 auto;
    direction: rtl;
    padding: 10px;
    text-align: center;
    border: black 2px solid;
    border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 20px 0px 20px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.formHead{
    font-size: 20px;
    color: #2169a6;
}

.pageContent{
    font-size: 14px;
    color: #3d3d3d;
    line-height: 30px;
    text-shadow:1px 1px 1px #f1d5d5;
    font-family: Tahoma;
    text-align: justify;
}

.pageContent ul{
    list-style: disc;
}

.formSub{
    font-size: 14px;
    color: #af0c33;
    padding-right: 20px;
    height: 20px;
}

.txtInput{
    width: 300px;
    height: 30px;
    font:15px/16px "B Koodak", Tahoma;
    text-align: justify;
    padding-right: 3px;
    padding-left: 3px;
    color: #87400c;
    border: #926e19 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.txtInputOk{
    width: 300px;
    height: 30px;
    font:15px/16px "B Koodak", Tahoma;
    text-align: justify;
    padding-right: 3px;
    padding-left: 3px;
    color: #87400c;
    background: #eafce4;
    border: green 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.txtInputErr{
    width: 300px;
    height: 30px;
    font:15px/16px "B Koodak", Tahoma;
    text-align: justify;
    padding-right: 3px;
    padding-left: 3px;
    color: #87400c;
    background: #fce2e2;
    border: red 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.inputWidth{
    width: 310px;
}

.txtInputLogin{
    width: 160px;
    height: 20px;
    font-family: Tahoma;
    text-align: left;
    padding-right: 3px;
    padding-left: 3px;
    color: #3D3D3D;
    border: #00487B 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.taInput{
    width: 296px;
    height: 200px;
    font:15px/16px "B Koodak", Tahoma;
    text-align: justify;
    padding: 3px;
    line-height: 25px;
    color: #87400c;
    overflow-x: hidden;
    overflow-y: auto;
    border: #926e19 1px solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.inputWidthMini{
    width: 66px;
}

.radioInput{
    margin: 0px 5px 0px 5px;
}

.star{
    color: red;
    padding-right: 10px;
    font-size: 15px;
}

.plus{
    color: green;
    padding-right: 10px;
    font-size: 15px;
}

.note{
    color: #869de6;
    padding-right: 10px;
    font-size: 12px;
}

.btnRegister{
    width: 80px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    color: #412e32;
    background: #cfcfcf;
    padding-top: 10px;
    cursor: pointer;
    border: #464646 1px dashed;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    float: left;
}

.btnRegister:hover{
    width: 80px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    color: #412e32;
    background: #d59c9c;
    padding-top: 10px;
    cursor: pointer;
    border: #464646 1px dashed;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.btnRegister2{
    width: 80px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    color: #412e32;
    background: #cfcfcf;
    padding-top: 10px;
    cursor: pointer;
    border: #464646 1px dashed;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    float: left;
}

.btnRegister2:hover{
    width: 80px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    color: #412e32;
    background: #82d17c;
    padding-top: 10px;
    cursor: pointer;
    border: #464646 1px dashed;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.final{
    padding-top: 15px;
    padding-left: 100px;
}

.imgDisplay{
    display: none;
}

.subLink{
    font-size: 16px;
}

.btn{
    width: 80px;
    height: 25px;
    background: #8ED0DB;
    direction: rtl;
    float: left;
    margin-left: 5px;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    color: #000000;
    text-decoration: none;
    font-family: Tahoma;
}

.btn:hover{
    background: #09A4BB;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.time{
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    padding-left: 20px;
    padding-top: 185px;
}
#container {
  margin: 0 auto;
  width: 460px;
  padding: 2em;
  
  background: #DCDDDF;
  
  -webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 1px 0px 1px,
                      rgba(0, 0, 0, 0.046875) 1px -1px 0px,
                      rgba(0, 0, 0, 0.0976562) 0px 1px 0px,
                      rgba(0, 0, 0, 0.0976562) -1px 0px 1px,
                      rgba(0, 0, 0, 0.046875) -1px -1px 0px,
                      rgba(0, 0, 0, 0.148438) 0px 3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.0976562) 1px 0px 1px,
                   rgba(0, 0, 0, 0.046875) 1px -1px 0px,
                   rgba(0, 0, 0, 0.0976562) 0px 1px 0px,
                   rgba(0, 0, 0, 0.0976562) -1px 0px 1px,
                   rgba(0, 0, 0, 0.046875) -1px -1px 0px,
                   rgba(0, 0, 0, 0.148438) 0px 3px 3px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.65, rgba(255,255,255,0.558)), color-stop(1, rgba(255,255,255,1)));
  background: -moz-linear-gradient(rgba(255,255,255,0.558) 65%, rgba(255,255,255,1) 100%);
}

.content {
  margin-top: 1em;
  margin-bottom: 1em;
}

::selection {
  background: #9bdd62;
  color: rgba(255, 255, 255, 0.847656);
}

::-moz-selection {
  color: #fff;
  color: rgba(255, 255, 255, 0.847656);
  background: #9bdd62;
}

.content p{
  color: #555;
  font-size: 1.4em;
  line-height: 1.3em;
}

.content p.small {
  font-size: 1.1em;
}

.content h1 {
  font-size: 2.5em;
  color: rgba(0,0,0,0.6);
  text-shadow: rgba(255,255,255, 0.9) 0 1px 0px;
  font-weight: bold;
  
}

.content a, .content a:visited {
  color: #4083A9;
  text-decoration: none;
}

.content a:hover {
  color: #234E6C;
}

.ui-progress-bar {
  margin-top: 3em;
  margin-bottom: 3em;
}
@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0;
  }
  
  to {
   background-position: 44px 0;
  }
}

/* Bar which is placed behind the progress */
.ui-progress-bar {
  /* Usual setup stuff */
  position: relative;
  height: 20px;
  
  /* Pad right so we don't cover the borders when fully progressed */
  padding-right: 2px;
  
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #abb2bc;
  
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress */
  border-radius: 35px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  
  /* Webkit background gradient */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b6bcc6), color-stop(1, #9da5b0));
  /* Mozilla background gradient */
  background: -moz-linear-gradient(#9da5b0 0%, #b6bcc6 100%);
  
  /* Give it the inset look by adding some shadows and highlights */
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
}

/* Progress part of the progress bar */
.ui-progress {
  /* Usual setup stuff */
  position: relative;
  display: block;
  overflow: hidden;
  
  /* Height should be 2px less than .ui-progress-bar so as to not cover borders and give it a look of being inset */
  height: 18px;
  
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress-bar */
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  
  /* Set the background size so the stripes work correctly */
  -webkit-background-size: 44px 44px; /* Webkit */
  
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #74d04c;
  
  /* Webkit background stripes and gradient */
  background: -webkit-gradient(linear, 0 0, 44 44,
    color-stop(0.00, rgba(255,255,255,0.17)),
    color-stop(0.25, rgba(255,255,255,0.17)),
    color-stop(0.26, rgba(255,255,255,0)),
    color-stop(0.50, rgba(255,255,255,0)),
    color-stop(0.51, rgba(255,255,255,0.17)),
    color-stop(0.75, rgba(255,255,255,0.17)),
    color-stop(0.76, rgba(255,255,255,0)),
    color-stop(1.00, rgba(255,255,255,0))
  ), -webkit-gradient(linear, left bottom, left top, color-stop(0, #74d04c), color-stop(1, #9bdd62));
  
  /* Mozilla (Firefox etc) background stripes */
  /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. */
  background: -moz-repeating-linear-gradient(top left -30deg, 
    rgba(255,255,255,0.17), 
    rgba(255,255,255,0.17) 15px, 
    rgba(255,255,255,0) 15px, 
    rgba(255,255,255,0) 30px
  ), -moz-linear-gradient(#9bdd62 0%, #74d04c 100%);
  
  /* Webkit embossing */
  -webkit-box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
  /* Mozilla embossing */
  -moz-box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
  /* IE9 and Opera embossing */
  box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
  
  /* Give it a higher contrast outline */
  border: 1px solid #4c8932;
  
  /* Webkit magic */
  -webkit-animation: animate-stripes 2s linear infinite;
  
  /* TODO: Wait for Mozilla to support animation, then implement */
}

/* Progress indicator text */
.ui-label {
  font-size: 1.2em;
  position: absolute;
  right: 0;
  line-height: 33px;
  padding-right: 12px;
  color: rgba(0,0,0,0.6);
  text-shadow: rgba(255,255,255, 0.45) 0 1px 0px;
  white-space: nowrap;
  z-index: 100;
  margin-right: 95px;
}
.thumbGallery{
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 5px solid #9DC514;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
}
.thumbGallery:hover{
    border: 5px solid #FFD265;
}

.galleryObject{
    width: 190px; 
    height: 150px; 
    background: #F1CD42; 
    border-radius: 5px; 
    text-align: center; 
    cursor: pointer;
    float: right;
    margin-left: 10px;
    margin-top: 10px;
}

.galleryObject:hover{
    background: #F1E3A7;
}