﻿body {
}

/*********************************************************/
.SG_Block, .SLR_Block
{
    font-weight: 800;
    font-family: "Simplified Arabic";
    border-top: solid 5px #9CADAD;
    border-bottom: solid 1px #9CADAD;
    padding-right: 4px;
    margin-top:0px;
    margin-bottom:0px;
    background-image : url(Images/main/grad.gif);
    overflow:hidden;
}

.SG_Header
{
    margin-top:-2px;
    margin-bottom:-2px;
    text-indent:4px;
    border-bottom: solid 1px #9CADAD;
}
.SG_Header a:link, .SG_Header a:visited
{
    color: #CC0000;
    text-decoration: none;
}
.SG_Header a:hover, .SG_Header a:active 
{
    color: #668B8B;
}

.SG_Image
{
    max-width:140px;
    width: expression(this.width > 140 ? 140: true);
    max-height:105px;
    height: expression(this.height > 105 ? 105: true);
    
    vertical-align:middle;
    
    border:solid 1px Silver;
    margin: 4px;
}

/*********************************************************/
.SLR_Block
{
    border-top-width:0;
    background-image : url(Images/main/udgrad.gif);
}
.SLR_Header , .SLR_Header a:link, .SLR_Header a:visited
{
    font-weight: 800;
    font-family: "Simplified Arabic";
    padding-right: 4px;
    color: #ffffff;
    text-decoration: none;
    border-bottom: solid 1px #9CADAD;
    margin-bottom:-2px;
    margin-top:0px;
}
.SLR_Header a:hover, .SLR_Header a:active 
{
    color: #668B8B;
}

.SLR_Image
{
    max-width:120px;
    width: expression(this.width > 120 ? 120: true);
    max-height:90px;
    height: expression(this.height > 90 ? 90: true);
    
    vertical-align:middle;
    
    border:solid 1px Silver;
    margin: 4px;
}

.SLR_Title
{
    text-align:justify;
    max-height:40px; 
    height: expression(this.height > 40 ? 40: true); 
    overflow:hidden;
}

a.SLRTitleLink:link, a.SLRTitleLink:visited 
{
    line-height:20px;

    text-align:justify;
    font-weight: 800;
    font-family: Arabic Transparent;
    font-size:12pt;

    
    color: White;
    text-decoration: none;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}
a.SLRTitleLink:hover, a.SLRTitleLink:active
{
    color: #FFFF99;
}

.SLR_Summary
{
    text-align:justify;
    margin-top: 4px; 
    margin-bottom: 4px; 
    max-height:60px; 
    height: expression(this.height > 60 ? 60: true); 
}
/*********************************************************/

.SUD_Block
{
    font-weight: 800;
    font-family: "Simplified Arabic";
    border-top: solid 5px #9CADAD;
    border-bottom: solid 1px #9CADAD;
        border-left: solid 1px #9CADAD;
    border-right: solid 1px #9CADAD;
    padding-right: 4px;
    margin-top:0px;
    margin-bottom:0px;
    overflow:hidden;
    text-align:center;
}
.SUD_Block_Black
{
    border-top-width:0;
    text-align:center;
}

.SUD_Image
{
    max-width:160px;
    width: expression(this.width > 160 ? 160: true);
    max-height:120px;
    height: expression(this.height > 120 ? 120: true);
    
    vertical-align:middle;
    
    border:solid 1px Silver;
    margin: 4px;
}
.SUD_Header , .SUD_Header a:link, .SUD_Header a:visited
{
    font-family: "Arial";
    font-size:12pt;
    margin:0px 2px 0px 2px;
    color: #008080;
    text-decoration: none;
    border-bottom: solid 1px #9CADAD;

    margin-bottom:-2px;
    margin-top:0px;
    height:25px;
}
.SUD_Header a:hover, .SUD_Header a:active 
{
    color: #668B8B;
}
/********************************************************/
a.Title:link, a.Title:visited 
{
    line-height:18px;

    text-align:justify;
	font-weight: normal;
    font-family: Tahoma;
    font-size:13px;

    
    color: DarkSlateGray;
    text-decoration: none;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}
a.Title:hover, a.Title:active 
{
    color: #668B8B;
}



.Summary
{
    width:98%;
    height:60px;
    text-align:right;
    direction:rtl;
    vertical-align: top;
    display:inline-block;
}




.h3HeaderNText
{
    font-weight: 800;
    font-family: "Simplified Arabic";
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #647878;
    background-color: #B0BFBF;
    color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #647878;
    padding-right:4px;
}





h4
{    
    text-align:right;
    direction:rtl;
    
    overflow:hidden; 
    margin-top:-4px;
    margin-bottom:0px;
    margin-right:4px;
    vertical-align:top; 
    
    width: 100%;
    
    line-height:20px; 
    font-weight:100;
    font-family: Tahoma;
    font-size: 8pt;
    color: #333333;
}

h5
{
   
    text-align:right;
    direction:rtl;
    
    font-weight: normal;
    font-family: Tohama;
    font-size:7pt;
    color:Gray;
    margin-top:0px;
    margin-bottom:0px;
}


.BorderBottom
{
    padding-bottom:6px;
    padding-top:6px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
}

A.StorysTab:link{ text-decoration: none;  font-family:Tahoma; text-align:justify;	 font-size: 10pt;	color: #2f4f4f;}
A.StorysTab:visited { text-decoration: none; font-family:Tahoma; font-size: 10pt; color: #2f4f4f;}
A.StorysTab:hover { text-decoration: none;  font-family:Tahoma; font-size: 10pt; color: #cc0000;}
A.StorysTab:active {text-decoration: none;	font-family:Tahoma; color: #cc0000;}





.UtilBG
{
    background-image : url(Images/BGs/UtilBG.jpg);
    font-family:Tahoma;
    font-size:10pt;
    color:White;
    direction:rtl;
    text-align:right;
    text-indent:15px;
    height:20px;
    border-top-color:White;
    border-top-style:solid;
    border-top-width:1px;
    border-bottom-color:White;
    border-bottom-style:solid;
    border-bottom-width:1px;
    margin-top:10px;
    margin-bottom:10px;
}

.UtilMenuItem
{
    font-family:Tahoma;
    font-size:10pt;
    color:Black;
    direction:rtl;
    text-align:right;
    text-indent:15px;
    height:30px;
    width:220px;
    border-bottom: white solid 1px;

}

.UtilMenuItemLink A:link {text-decoration: none}
.UtilMenuItemLink A:visited {text-decoration: none}
.UtilMenuItemLink A:active {text-decoration: none}
.UtilMenuItemLink A:hover {text-decoration: underline; color: red;}


a.footerLink:link, a.footerLink:visited
{
    color: DarkSlateGray;
    text-decoration: none;
}
a.footerLink:hover, a.footerLink:active 
{
    color: #668B8B;
}

.Sep13
{
    background-image:url('images/Bgs/Sep13.jpg');
}

.MenuItem, .MenuItemHover, .MenuItemSelected, .MenuItemClock
{
    border: 1px solid #B6DADA;
    text-indent: 8px;
    padding: 2px;
    background-image: url(Images/Menu/ItemBG.jpg);
    color: #008080;
    font-weight: bold;
    font-family: 'Simplified Arabic';
}

.MenuItemHover
{
    color: #CC0000;
}

.MenuItemSelected
{
    color: #CC0000;
}

.MenuItemClock
{
    font-size:14px;    
}

.MenuD
{
    
}

/*************************************************************/
.IT_Image
{
    max-width:200px;
    width: expression(this.width > 200 ? 200: true);
    max-height:150px;
    height: expression(this.height > 150 ? 150: true);
    
    vertical-align:middle;
    
    border:solid 1px Silver;
    margin: 4px;
}

.IT_Title
{
    text-align:right;
    max-height:140px; 
    height: expression(this.height > 140 ? 140: true); 
    overflow:hidden;
}
/**************************************************************/

.AlbumStatic
{
    max-width:200px;
    width: expression(this.width > 200 ? 200: true);
    max-height:200px;
    height: expression(this.height > 200 ? 200: true);
    
    vertical-align:middle;   
}


.XLItem
{
    height: 40px; overflow: hidden; border-bottom: dotted 1px Gray;
}

.DXLItem
{
    height: 53px;
    overflow: hidden;
    border-bottom: dotted 1px Gray;
    border-bottom-color: #C0C0C0;
}

.xlImageTextPanel
{
    line-height: 18px;
    height:54px;
    overflow:hidden;
}

.gallaryImage
{
    max-width: 600px;
    width: expression(this.width > 600 ? 600: true);
    max-height: 450px;
    height: expression(this.width > 450 ? 450: true);
}
.gallaryImage:hover
{
    cursor:pointer;
}