@charset "UTF-8";

/* =GENERAL - the general styles */
    html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, textarea, ul, ol, li, dl, dt, dd, blockquote, th, td {
margin:0;
padding:0;
}
    body{
		font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4942;
		background: #fff;
		direction:rtl;
		background:#152942 url(images/body.jpg) repeat-y center center;
	}
    a img
    {
     border:0;
    }
    #wrapper
    {
        background:transparent url(images/back.jpg) no-repeat top center;
        overflow:visible;
    }
	a{text-decoration: none;color: #5599a7;}
	a:hover{color: #bb800f;}
	hr{display: none;}
	strong{font-weight: bold;}
	ul.borderedlist li{
		border-bottom: 1px dashed #d1cfcd;
	}
	

/* =LAYOUT - the main layout styles */
	.container{
		width:913px;
        	background: #EFEFEF;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
	/* header layout */
	#header{
		
		/*background: transparent url(images/header.jpg) top center no-repeat;*/
		width:913px;
		margin:40px auto 0;
		
	}
	#navigation{
		right: 0;
		top:0;
        height:30px;
	}
	/* main area layout */
	#main{/* padding:0px 0 20px 0; */ min-height:400px;}
	#leftcolumn{float:left;width:195px;}
	#centercolumn{margin-left:200px;margin-right:200px;width:500px;}
	#center2Column{float: left;width:690px;padding: 0 20px 0 0;}
        #center2Column .main_wrapper{width:690px;}
	#rightcolumn{float:right;width:195px;}
	/* bottom layout */
	#bottominfo{
        height:122px;
        background: transparent url(images/bottominfo.jpg) top center no-repeat;
		width: 925px;
		margin:0 auto;
		overflow: hidden;
        display:block;
	}
	.bottomcolumn{
		float: left;
		width:280px;
		margin:0 18px;
	}
	
/* =HEADER - the header styles */
	#header .container{height: 210px;}
	/* logo */
	h1{
		position: absolute;
		height: 71px;
		top: 15px;
	}
    #banner
    {
        background: url(images/header.jpg) top center no-repeat;
        width:913px;
        margin:0 auto;
        height:180px;
    }
    #banner a.logo
    {
     float:left;
     height:150px;
     width:200px;
    }

	h1 a{
		font: 24px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 9px 25px 20px;
		display: block;
		color: #fff;
		background: url(images/logo_bg.gif) left top no-repeat;
	}
	h1 a:hover{color: #fff;}
	h1 a span{
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(images/logo_right.gif) right top no-repeat;
	}
	
	
/* =CONTENT - the content styles */
	
	/* center column */
	.main_wrapper h2{
		color: #5699A7;
		font-size:2em;
		margin:10px 10px;
		border-bottom:#999999 thin dashed;
		padding:5px 40px 10px;
		background:url(images/mashhad-logo.png) no-repeat #FFFFFF right;
	}
	.main_wrapper
	{
		 width:500px;
         border:#ddd thin dotted;
		 margin-bottom:10px;
		 padding:5px;
		 background:#FFF;
		 overflow:auto;
	}
	.main_wrapper p{
		padding-bottom:10px;
	}	
	/* right column */
	.rightbox_wrapper{
		background: #eeeded;
		padding:5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	
/* =BOTTOM */
	#bottominfo .container{
		margin:0 auto;
	}
	.bottomcolumn h3{
		border-bottom: 1px dotted #2d2a45;
		color: #5699A7; font-size:18px;padding:15px 0 5px 5px;
	}
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
	}
	
	
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #659AA6;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
	.box
	{
		width:190px;
		margin-bottom:10px;
	}
	.box-container
	{
		
		background:#FFFFFF;
		overflow:auto;
		border:#BECAD6 2px solid;
	}
	.box-right
	{
		width:180px;
		background:#FFFFFF url(images/box-bg.png) repeat-x;
		overflow:auto;
		border:#999999 thin solid;
		padding: 0 5px;
		margin-bottom:5px;
	}
	.box-header
	{
		font-size:12px;
		padding:0px 10px 0 5px;
		font-weight:bold;
		background:transparent url(images/header_block.png) repeat-x;
	}
	
/* =FOOTER */
	#footer{
		height: 37px;
		background: #4a4841 url(images/footer-bg.jpg) 0 0 repeat-x;
		font-size: 1.2em;
		width:965px;
		margin:0 auto;
	}
	#footer a{color: #A39D97;}
	#designby{
		background: url(images/logo.gif) 0 0 no-repeat;
		float: left;
		height: 23px;
		padding:2px 0 0 30px;
		margin-top: 5px;
	}
	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left;padding-left:18px;}
	#footer_navigation li a{text-transform:uppercase;}
	#footer_navigation li a:hover{color: #5699A7;}
	
        #tps_login_form
        {
         width:184px;
         background:#eee;
         border:1px #999 solid;
         margin:0 auto;
        }
        #tps_login_form input
        {
           background:#fff;
        }
/*===================BottomInfo=====================*/
#bottominfo ul{
  list-style: none;
  margin: 6px;
  padding: 0;
}

#bottominfo ul li{
  float: right;
  padding-left: 10px;
  display: block;
}

#bottominfo ul li a{
  display: block;
  padding:5px;
  overflow: hidden;
  height: 92px;
  width: 133px;
  background:#2B3F58;
  border:1px #152942 solid;
}

#bottominfo .a1{
  width: 240px;
}

#bottominfo ul li img{
  position: absolute;
  border: #777 1px solid;
  padding:4px;

}

#bottominfo ul li p{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-right: 140px;
}