/* 
    Document   : style
    Created on : Jan 19, 2010, 11:22:50 PM
    Author     : mohammad
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.root {
    display: block;
    direction:rtl;
}
.banner{
    background-image:url(./image/Banner-New.jpg);
    background-repeat:no-repeat;
    width:760px;
    height:212px;
}
.footer{
    background-image:url(./image/Footer.jpg);
    background-repeat:no-repeat;
    width:760px;
    height:44px;
}
.title{
    background-image:url(./image/Title.jpg);
    background-repeat:no-repeat;
    padding-right:70px;
    width:500px;
    height:35px;
}
a div.button{
    width:55px;
    height:62px;
    background-image:url(./image/Key-Star-1.jpg);
    background-repeat:no-repeat;
}
a:hover div.button{
    width:55px;
    height:62px;
    background-image:url(./image/Key-Star-2.jpg);
    background-repeat:no-repeat;
}
a.button:visited {
    color:#FFFFFF;
}

.get-form{
    background: url(./image/Key-Sefaresh.jpg) no-repeat 100% 50%;
    width:141px;
    height:62px;
    padding-left:35px;
}
.get-brosh{
    background: url(./image/Key-Broshure.jpg) no-repeat 100% 50%;
}
.get-noruz{
    background: url(./image/Key-Noruziha.jpg) no-repeat 100% 50%;
    width:141px;
    height:62px;
}
.get-album{
    background: url(./image/Key-Gallery.jpg) no-repeat 100% 50%;
}
.content{
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    line-height:1.5em;
    color:rgb(120,120,120);
    padding-right:20px;
    width:100%;
    height:268px;
    overflow:auto;
}
.orange{
    color:rgb(255,100,00);
}
.albumMenu{
    width:325px;
    height:400px;
    float:right;
    margin:90px 90px 0px 0px;
}
.albumPic{
    width:400px;
    height:100%;
    float:right;
    margin:90px 40px 0px 0px;
}
.wrapper{
    width:325px;
    height:314px;
}
.showContent{
    width:100%;
}
.showFooter{
    background-image:url(./image/Footer.jpg);
    background-repeat:no-repeat;
    width:760px;
    height:44px;
    float:right;
    vertical-align:bottom;
}
.logo,.logoOnly{
    background-image:url(./image/Logo.jpg);
    background-repeat:no-repeat;
    width:179px;
    height:174px;
    cursor:pointer;
    float:right;
    margin: 90px 75px 0px 0px;
}
.logoOnly{
    height:120px;
}
.showBack{
    background-image:url(./image/Back.jpg);
    background-repeat:repeat-y;
    width:760px;
    height:100%;
    min-height:500px;
}
div.image{
    background-repeat:no-repeat;
    width:95px;
    height:90px;
    float:none;
}
a.image{
    color:white;
}
a.image:visited{
    color:white;
}
.pic{
    float:right;
    border: 1px solid beige;
    width:100px;
    height:100px;
    
}
img.picFrame{
    border-width:1px;
    border-color:#AAAAAA;
    border-style:solid;
    cursor:pointer;
}
td.txtlbl{
    text-align:center;
    text-decoration:underline;
    font-family:"courier new";
    font-size:1em;
    color:gray;
}
td.artist{
    font-family:"courier new";
    font-size:1.5em;
    color:gray;
    font-weight:bold;
}
td.back{
    font-family:"courier new";
    font-size:.9em;
    color:blue;
    font-style:italic;
    text-align:left;
    font-weight:bold;
}
div.a1,div.a1:hover{
    background-image:url(./image/A-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:98px;
    height:26px;
    cursor:pointer;
}
div.a1:hover{
    background-image:url(./image/A-2.gif);
}
div.b1,div.b1:hover{
    background-image:url(./image/B-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:90px;
    height:26px;
    cursor:pointer;
}
div.b1:hover{
    background-image:url(./image/B-2.gif);
}
.c1{
    background-image:url(./image/C-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:102px;
    height:25px;
    cursor:pointer;
}
div.d1,div.d1:hover{
    background-image:url(./image/D-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:149px;
    height:25px;
    cursor:pointer;
}
div.d1:hover{
    background-image:url(./image/D-2.gif);
}
.d3{
    background-image:url(./image/D-3.gif);
    background-repeat:no-repeat;
    float:right;
    width:142px;
    height:25px;
}
div.e1,div.e1:hover{
    background-image:url(./image/E-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:76px;
    height:27px;
    cursor:pointer;
}
div.e1:hover{
    background-image:url(./image/E-2.gif);
}
div.f1,div.f1:hover{
    background-image:url(./image/F-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:84px;
    height:27px;
    cursor:pointer;
}
div.f1:hover{
    background-image:url(./image/F-2.gif);
}
.f3{
    background-image:url(./image/F-3.gif);
    background-repeat:no-repeat;
    float:right;
    width:131px;
    height:27px;
}
div.g1,div.g1:hover{
    background-image:url(./image/G-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:141px;
    height:24px;
    cursor:pointer;
}
div.g1:hover{
    background-image:url(./image/G-2.gif);
}
.g3{
    background-image:url(./image/G-3.gif);
    background-repeat:no-repeat;
    float:right;
    width:151px;
    height:24px;
}
div.h1,div.h1:hover{
    background-image:url(./image/H-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:87px;
    height:24px;
    cursor:pointer;
}
div.h1:hover{
    background-image:url(./image/H-2.gif);
}
div.i1,div.i1:hover{
    background-image:url(./image/I-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:134px;
    height:24px;
    cursor:pointer;
}
div.i1:hover{
    background-image:url(./image/I-2.gif);
}
.i3{
    background-image:url(./image/I-3.gif);
    background-repeat:no-repeat;
    float:right;
    width:71px;
    height:24px;
}
div.j1,div.j1:hover{
    background-image:url(./image/J-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:119px;
    height:26px;
    cursor:pointer;
}
div.j1:hover{
    background-image:url(./image/J-2.gif);
}
div.k1,div.k1:hover{
    background-image:url(./image/K-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:139px;
    height:26px;
    cursor:pointer;
}
div.k1:hover{
    background-image:url(./image/K-2.gif);
}
.k3{
    background-image:url(./image/K-3.gif);
    background-repeat:no-repeat;
    float:right;
    width:33px;
    height:26px;
}
div.l1,div.l1:hover{
    background-image:url(./image/L-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:133px;
    height:25px;
    cursor:pointer;
}
div.l1:hover{
    background-image:url(./image/L-2.gif);
}
div.m1,div.m1:hover{
    background-image:url(./image/M-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:128px;
    height:25px;
    cursor:pointer;
}
div.m1:hover{
    background-image:url(./image/M-2.gif);
}
.m3{
    background-image:url(./image/M-3.gif);
    background-repeat:no-repeat;
    float:right;
    width:30px;
    height:25px;
}
div.n1,div.n1:hover{
    background-image:url(./image/N-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:89px;
    height:25px;
    cursor:pointer;
}
div.n1:hover{
    background-image:url(./image/N-2.gif);
}
div.o1,div.o1:hover{
    background-image:url(./image/O-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:203px;
    height:25px;
    cursor:pointer;
}
div.o1:hover{
    background-image:url(./image/O-2.gif);
}
div.p1,div.p1:hover{
    background-image:url(./image/P-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:130px;
    height:27px;
    cursor:pointer;
}
div.p1:hover{
    background-image:url(./image/P-2.gif);
}
div.q1,div.q1:hover{
    background-image:url(./image/Q-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:161px;
    height:27px;
    cursor:pointer;
}
div.q1:hover{
    background-image:url(./image/Q-2.gif);
}
div.r1,div.r1:hover{
    background-image:url(./image/R-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:105px;
    height:22px;
    cursor:pointer;
}
div.r1:hover{
    background-image:url(./image/R-2.gif);
}
div.s1,div.s1:hover{
    background-image:url(./image/S-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:187px;
    height:22px;
    cursor:pointer;
}
div.s1:hover{
    background-image:url(./image/S-2.gif);
}
div.t1,div.t1:hover{
    background-image:url(./image/T-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:108px;
    height:26px;
    cursor:pointer;
}
div.t1:hover{
    background-image:url(./image/T-2.gif);
}
div.u1,div.u1:hover{
    background-image:url(./image/U-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:183px;
    height:26px;
    cursor:pointer;
}
div.u1:hover{
    background-image:url(./image/U-2.gif);
}
div.v1,div.v1:hover{
    background-image:url(./image/V-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:135px;
    height:25px;
    cursor:pointer;
}
div.v1:hover{
    background-image:url(./image/V-2.gif);
}
div.w1,div.w1:hover{
    background-image:url(./image/W-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:156px;
    height:25px;
    cursor:pointer;
}
div.w1:hover{
    background-image:url(./image/W-2.gif);
}
div.x1,div.x1:hover{
    background-image:url(./image/X-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:162px;
    height:26px;
    cursor:pointer;
}
div.x1:hover{
    background-image:url(./image/X-2.gif);
}
div.y1,div.y1:hover{
    background-image:url(./image/Y-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:128px;
    height:26px;
    cursor:pointer;
}
div.y1:hover{
    background-image:url(./image/Y-2.gif);
}
div.z1,div.z1:hover{
    background-image:url(./image/Z-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:122px;
    height:25px;
    cursor:pointer;
}
div.z1:hover{
    background-image:url(./image/Z-2.gif);
}
div.za1,div.za1:hover{
    background-image:url(./image/ZA-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:168px;
    height:25px;
    cursor:pointer;
}
div.za1:hover{
    background-image:url(./image/ZA-2.gif);
}
div.zb1,div.zb1:hover{
    background-image:url(./image/ZB-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:134px;
    height:26px;
    cursor:pointer;
}
div.zb1:hover{
    background-image:url(./image/ZB-2.gif);
}
div.zc1,div.zc1:hover{
    background-image:url(./image/ZC-1.gif);
    background-repeat:no-repeat;
    float:right;
    width:157px;
    height:26px;
    cursor:pointer;
}
div.zc1:hover{
    background-image:url(./image/ZC-2.gif);
}