/* Standard Styles */
/* Photo Styles */

.photo_198 {
	padding: 0px;
}

.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.photo-frame
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}

.photo-frame TD {
	margin: 0px;
	padding: 0px;
}

.photo-frame .topx-- 
{
	background-repeat: no-repeat;
	background-image: url(images/borders/frame-topx--.gif);
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-repeat: repeat-x;
	background-image: url(images/borders/frame-top-x-.gif);
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-repeat: no-repeat;
	background-image: url(images/borders/frame-top--x.gif);
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-repeat: repeat-y;
	background-image: url(images/borders/frame-midx--.gif);
	width: 4px;
	height: auto;
}

.photo-frame .mid--x {
	background-repeat: repeat-y;
	background-image: url(images/borders/frame-mid--x.gif);
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-repeat: no-repeat;
	background-image: url(images/borders/frame-botx--.gif);
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-repeat: repeat-x;
	background-image: url(images/borders/frame-bot-x-.gif);
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-repeat: no-repeat;
	background-image: url(images/borders/frame-bot--x.gif);
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Lightbox */


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
	
#loading #loadingLink{ width: 32px; height: 32px; background: url(images/lightbox/loading.gif) no-repeat;	}		

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; height: 22px; float: right;  padding-bottom: 0.7em; background: url(images/lightbox/closelabel.gif) no-repeat;	}			
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

/* Type Module Styles */
.TypeHeader {background: url(images/MenuSectionHead.png) 100% 50% no-repeat; vertical-align:middle; font-weight:bold; padding:5px 20px 0 0; height:20px;  color:#006666;  min-width:216px;}
.TypeModule{ background: url(images/MenuItem.png) 100% 50% no-repeat; vertical-align:middle; padding:5px 5px 0 0; height:20px; cursor: pointer;  color:#006666;  min-width:216px;}
.TypeModule:hover { background:url(images/MenuItemOver.png) 100% 50% no-repeat; vertical-align:middle; padding:5px 5px 0 0; height:20px; color:#006666;}

----------------------------------

/* Repository style by M.Kermani */

/************ Defaults ***********************************************************************************/
.ayat .floatr                                                    {float:right;}
.ayat .floatl                                                    {float:left;}
.ayat a:link, .ayat a:active, .ayat a:hover, .ayat a:visited        {text-decoration:none;}


/************ Style **************************************************************************************/
.ayat                                                            {border:1px solid #CCCCCC;border-top:2px solid #1487bd;background-color:#ffffff;margin-bottom:12px;direction:rtl;}
.ayat .top-pane                                                  {border-bottom:1px solid #d1d1d1;min-height:22px;padding:5px 15px;}
.ayat .top-pane .top-right-pane                                  {width:65%;text-align:right;}
.ayat .top-pane .top-right-pane .SubHead                         {color:#0b9c9f;font:bold 13px tahoma, arial;}
.ayat .top-pane .top-left-pane                                   {width:30%;text-align:left;padding:3px 0 0 0;}

.ayat .middle-pane                                               {min-height:120px;padding:10px;}
.ayat .middle-pane .middle-right-pane                            {}
.ayat .middle-pane .middle-right-pane .thumbnail                 {text-align:right;}
.ayat .middle-pane .middle-right-pane .thumbnail img             {padding:5px;background-color:#ffffff;border:1px solid #d0d0d0;}
.ayat .middle-pane .middle-left-pane                             {width:100%}
.ayat .middle-pane .middle-left-pane .info ul li .key            {font:bold 12px tahoma;color:#343434;min-width:80px;padding-right:4px;}
.ayat .middle-pane .middle-left-pane .summary                    {margin:10px 5px;text-align:justify;}
.ayat .middle-pane .middle-left-pane .summary span.normal        {font:normal 12px tahoma;color:#252525;line-height:1.6em;}
.ayat .middle-pane .middle-left-pane .description                {display:none;margin:0 5px;text-align:justify;}
.ayat .middle-pane .middle-left-pane .description span.normal    {font:normal 12px tahoma;color:#252525;line-height:1.6em;}

.ayat .bottom-pane                                               {border-top:1px solid #d1d1d1;background-color:#f8f8f8;min-height:22px;padding:5px 10px;clear:both;}
.ayat .bottom-pane .description-button                           {float:right;}
.ayat .bottom-pane .description-button .description-image        {background: url('images/button-Description-down.png') 0 0;width:114px;height:30px;display:block;cursor:pointer;}
.ayat .bottom-pane .description-button .up                       {background: url('images/button-Description-up.png') 0 0;cursor:pointer;}
.ayat .bottom-pane .download-button                              {float:right;margin-right:10px;}
.ayat .bottom-pane .download-button a.SubHead                    {background: url('images/button-download.png') 0 0;width:102px;height:30px;display:block;text-indent:999px;overflow:hidden;}
.ayat .bottom-pane .filesize                                     {float:left;height:30px;line-height:30px;padding-left:10px;}
.ayat .bottom-pane .clear                                        {clear:both;}


.pager                                                          {float:right;padding-left:5px;}
.pager span, .pager a                                           {color:#000000;padding:6px;border:1px solid #d4d4d4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}


/************ Gradient Background Color *******************************************************************/
.ayat .top-pane {
                background: #ffffff; /* Old browsers */
                background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 96%, #ffffff 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(96%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 96%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 96%,#ffffff 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 96%,#ffffff 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 96%,#ffffff 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.ayat .middle-pane {
                background: #ffffff; /* Old browsers */
                background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 6%, #ffffff 41%, #ffffff 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(6%,#f0f0f0), color-stop(41%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 6%,#ffffff 41%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 6%,#ffffff 41%,#ffffff 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 6%,#ffffff 41%,#ffffff 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 6%,#ffffff 41%,#ffffff 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


@media handheld, only screen and (max-width: 760px) {
.ayat .floatl, .ayat .floatr {
        float: none;
    }
.ayat .middle-pane .middle-left-pane                             {width:100%}
.ayat .middle-pane .middle-left-pane .info ul li .floatr         {float:right;}
}