/*
    Product:        Enewspaper
    Classname:      CSS Document
    Version:        02.02 |	10 June, 2009 
    Programmer:     Elham [elhamesmaieli@gamil.com]
    Purpose:
        The document represent the CSS file for first page.

        Copyright 2009 by Digital Secure Co. All Rights Reserved.      

    <EditingHistory>
        Name:       Elham
        Date:       17 June, 2009
        Reason of change :
            - Add Menu Styles (line 209)
    </EditingHistory>     
    <EditingHistory>
        Name:       Elham
        Date:       27 July, 2009
        Reason of change :
            - Change the width of "Menu" to "280px" and add "40px" right margin style to "menuHolder" class.
    </EditingHistory>
    <EditingHistory>
        Name:       Elham
        Date:       09 August, 2009
        Reason of change :
            - Change and Add some classes for "about us" panel.
    </EditingHistory> 
    <EditingHistory>
        Name:       Elham
        Date:       16 August, 2009
        Reason of change :
            - Pagging class.
    </EditingHistory>  
    <EditingHistory>
        Name:       Elham
        Date:       22 August, 2009
        Reason of change :
            - Define "pggingOver" class.
    </EditingHistory>           
*/

body{
	margin:0px;		
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000; 
	background-color:#ffffff;	
}

p{
	margin:0px;
	padding:0px;
	text-align:justify;
	line-height:16px;
}

form{
    padding:0px;
    margin:0px;
}


/* ........ Global ........ */
.fontFace{font-family:Tahoma, Arial, Verdana, Times New Roman;}
.fontFaceArial{font-family:Arial, Times New Roman;}

.black{color:#000000;}
.lightBlack{color:#333333;}
.white{color:#ffffff;}
.gray{color:#666666;}
.lightGray{color:#d6d6d6;}

.fontSizeSmall{font-size:10px;}
.fontSizeMedium{font-size:11px;}
.fontSizeLarg{font-size:12px;}
.fontSizeXLarg{font-size:14px;}
.fontSizeXXLarg{font-size:18px;}

.boldFace{font-weight:bold;}
.pointer{cursor:pointer}
.noTextDec{text-decoration:none;}
.noBorder{border:0px;}


/* ........ Body ........ */
#bodyHolder{
    width:100%;
    height:580px; 
    background-image:url(../images/firstPage/AsreErtebatat_topBg.jpg); 
    background-position:top;
    background-repeat:repeat-x;
}

/* Flash Box Holder */
#flashHolder{
    width:320px;
    height:195px;
   
    padding-top:10px;
    padding-left:20px;
   
}

.flashBox{
    width:84px;
    height:94px;
    float:left;
    margin-right:10px;
}

.iframeBg{
    background-image:url(../images/firstPage/iframeBg.jpg);
    background-position:top left;
    background-repeat:repeat-x;
}

/* ........ Top ........ */
#topBoxHolder{
    width:1003px;
    height:377px;
    position:relative;
}

#siteUrl{
    width:426px;
    height:68px;
    text-align:left;
    direction:ltr;
}

/* Newspaper */
#newspaperBox{
    width:426px;
    height:377px;
    float:right;
}

#newspaperRight{
    width:39px;
    height:309px;
    float:right;
    background-image:url(../images/firstPage/AsreErtebatat_newspaperRight.jpg); 
    background-position:top left;
    background-repeat:no-repeat;
}

#newspaperHolder{
    width:368px;
    height:309px;
    float:right;
}

#newspaper{
    width:368px;
    height:255px;
    overflow:hidden;
    background-color:#ffffff;    
    background-position:top center;
    background-repeat:no-repeat;
}

#newspaperShadow{
    width:368px;
    height:54px;
    position:relative;
    background-image:url(../images/firstPage/AsreErtebatat_newspaperShadow.jpg); 
    background-position:top;
    background-repeat:repeat-x;
}

#newspaperLeft{
    width:19px;
    height:309px;
    float:right;
    background-image:url(../images/firstPage/AsreErtebatat_newspaperLeft.jpg); 
    background-position:top left;
    background-repeat:no-repeat;
}

/* Pagging */
#paggingBox{
    height:19px;
    width:192px;
    position:absolute;
    right:90px;
    top:16px; 
    overflow:hidden;    
}

.pageBN{
    width:38px;
    height:20px;
    float:right; 
    position:absolute;  
    top:17px; 
    padding-right:10px;    
    padding-left:10px;
    z-index:400;
}

.paggingNumber{
    width:24px;
    height:17px; 
    float:right;  
    padding-top:2px;
    background-color:Transparent;
}

.paggingSelected{
    width:24px;
    height:17px;
    float:right;
    padding-top:2px;   
    background-color:#e21934;
}

.paggingOver{
    width:24px;
    height:17px;
    float:right;
    padding-top:2px;   
    background-color:#ffab25;
}

/* Magazin */
#magazinBox{
    width:121px;
    height:377px;
    float:right;    
}

#magazin{
    width:121px;
    height:171px;
    background-color:#faa519;
}

.magazinImg{
    position:relative;
    top:0px;
    left:0px;
}

#magazinShadow{
    width:121px;
    height:54px;
    background-image:url(../images/firstPage/AsreErtebatat_newspaperShadow.jpg); 
    background-position:top;
    background-repeat:repeat-x;
}

/* Buttons */
#buttonBox{
    width:320px;
    height:377px;
    float:right;
    position:relative;
}

/* Logo */
#topLogo{
    position:absolute;
    width:211px;
    height:195px;
    top:300px;
    right:55px;
    overflow:hidden;
    background-image:url(../images/firstPage/AsreErtebatat_topLogo.jpg);
    background-position:top;
    background-repeat:no-repeat;
}

#downLogo{
    width:211px;
    height:118px;
    float:right;
    margin-right:54px;
    background-image:url(../images/firstPage/AsreErtebatat_downLogo.jpg);
    background-position:top;
    background-repeat:no-repeat;    
}

/* About Us */
#aboutusHolder{
	position:relative;
	width:430px;
    overflow:visible;
	direction:rtl;
}


/* ........ Down ........ */
#downBoxHolder{
    width:1003px;
    height:118px;
}
    
    
/* Advertizment */
#advBox{    
    width:548px;
    height:118px;
    float:right;
} 
   
.advItem{
    float:left;
    margin-right:15px;
} 

/* ........ Footer ........ */
#footerBox{
    width:1003px;
    height:85px;
}   

#copyRight{
    width:900px;
    padding-top:5px;
    direction:rtl;    
}

/* Menu */
#menu{
	width:280px;
	margin-top:5px;
}

.MenuHolder{
	padding-top:3px; 
	padding-bottom:5px; 
	margin-right:40px;
}

.pageIndex{
	width:210px;
	cursor:pointer;
	margin-right:7px; 
	margin-top:8px;
	background-color:#e0001e; 
	text-align:right; 
	font-size:11px; 
	color:#ffffff; 
	height:14px; 
	padding-top:3px; 
	padding-bottom:3px;
	padding-right:10px;
}

.MenuLine{
	float:right; 
	width:163px; 
	height:2px; 
	padding-top:3px; 
	padding-bottom:3px;
	background-image:url(../images/sideBar/IranNews_MenuLine.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#spaceTitle{
	width:163px;
	margin-top:20px;
}

/* Sub Service */
.subServiceHolder{
    position:absolute;
    top:20px;
    right:35px;
    width:auto;
    overflow:visible;
	direction:rtl;
	z-index:900;		
}

.subServiceBox{    
    width:auto;
    background-color:#333333;
    margin-top:8px;
    padding-bottom:10px;
    opacity:0.90;
    filter:alpha(opacity=90);   
    z-index:950;
}

.subServiceTitle{
    width:294px;
    height:auto;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
}

.subInnerTop{
    width:294px;
    height:5px;
    overflow:hidden;   
    background-image:url(../images/header/AsreErtebatat_subServiceTopBg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.subInnerDown{
    width:294px;
    height:5px;
    overflow:hidden;
    background-image:url(../images/header/AsreErtebatat_subServiceDownBg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.subMain{
    width:292px;
    border-right:solid 1px #000000;
    border-left:solid 1px #000000;
    background-color:#111111;
}

.subMain td{
    text-align:right;
    vertical-align:text-top;
}

.txtBox{
    width:120px;
    height:18px;
    border:solid 1px #666666;
}

.txtArea{
    width:120px;
    height:50px;
    border:solid 1px #666666;
}

.chekBox{
    border:0px;
    padding-top:7px;
}

.BottunForm{	
	border:0px;
	width:60px;
	height:22px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffab25;
	background-image:url(../images/header/AsreErtebatat_btn.jpg);
}