مفاجئة

body
{
   background: #C2C4C4;
   color: #000000;
   font: 7pt Tahoma;
   margin: 0px 0px 0px 0px;
   padding: 0px;
}
a:link, body_alink
{
   color: #000000;
   text-decoration: none;
}
a:visited, body_avisited
{
   color: #000000;
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   color: #000000;
   text-decoration: none;
}
.page
{
   background: #C2C4C4;
   color: #000000;
   font: 8pt Tahoma;
}
.page a:link, .page_alink
{
   text-decoration: none;
}
.page a:visited, .page_avisited
{
   text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
   text-decoration: none;
}
td, th, p, li
{
   font: bold 12pt Arial;
}
.tborder
{
   background: #CCCCCC;
   color: #000000;
   font: 8pt Tahoma;
   border-left:1px solid #f4f1d7;
   border-top: 1px solid #f4f1d7;
   border-right: 1px solid #948e6a;
   border-bottom: 1px solid #948e6a;
}
.tcat
{
   background: #410302 url(M-alhaj2015/images/col_5.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 13pt Arial;
   border-left:1px solid #f4f1d7;
   border-top: 1px solid #f4f1d7;
   border-right: 1px solid #948e6a;
   border-bottom: 1px solid #948e6a;
}
.tcat a:link, .tcat_alink
{
   color: #FCD77D;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #FCD77D;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #FF0000;
   text-decoration: none;
}
.thead
{
   background: #5B5B5C url(M-alhaj2015/images/col_1.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 13pt Arial;
   border-left:1px solid #f4f1d7;
   border-top: 1px solid #f4f1d7;
   border-right: 1px solid #948e6a;
   border-bottom: 1px solid #948e6a;
}
.thead a:link, .thead_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.thead a:visited, .thead_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #FFFF00;
   text-decoration: none;
}
.tfoot
{
   background: #5B5B5C url(M-alhaj2015/images/col_1.gif) repeat-x top left;
   color: #000000;
   font: 8pt Tahoma;
   border-left: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-right: 2px solid #000000;
   border-bottom: 2px solid #000000;
}
.tfoot a:link, .tfoot_alink
{
   color: #000000;
   text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #000000;
   text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #FFFF66;
   text-decoration: none;
}
.alt1, .alt1Active
{
   background: #EEEDEE;
   color: #000000;
   font: bold 12pt Arial;
   border-left:1px solid #f4f1d7;
   border-top: 1px solid #f4f1d7;
   border-right: 1px solid #5D5C56;
   border-bottom: 1px solid #5D5C56;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
   color: #660000;
   text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
   color: #660000;
   text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
   text-decoration: none;
}
.alt2, .alt2Active
{
   background: #E3E2E3;
   color: #000000;
   font: bold 12pt Arial;
   border-left:1px solid #f4f1d7;
   border-top: 1px solid #f4f1d7;
   border-right: 1px solid #5D5C56;
   border-bottom: 1px solid #5D5C56;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
   color: #660000;
   text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
   color: #660000;
   text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
   color: #FF0000;
   text-decoration: none;
}
.inlinemod
{
   background: #FFFFCC;
   color: #000000;
   font: bold 12pt Arial;
}
.inlinemod a:link, .inlinemod_alink
{
   text-decoration: none;
}
.inlinemod a:visited, .inlinemod_avisited
{
   text-decoration: none;
}
.inlinemod a:hover, .inlinemod a:active, .inlinemod_ahover
{
   text-decoration: none;
}
.wysiwyg
{
   background: #EEEDEE;
   color: #660000;
   font: bold 12pt Arial;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #000000;
   text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #000000;
   text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #FF4400;
   text-decoration: none;
}
textarea, .bginput
{
   background: #CCCCCC;
   color: #000000;
   font: bold 12pt Arial;
}
.bginput option, .bginput optgroup
{
   font-size: 12pt;
   font-family: Arial;
}
.button
{
   background: #3C1F01 url(M-alhaj2015/images/col_1.gif) repeat-x top left;
   color: #000000;
   font: bold 12pt Arial;
   border-left: 1px solid #ffffff;
   border-top: 1px solid #ffffff;
   border-right: 2px solid #000000;
   border-bottom: 2px solid #000000;
}
select
{
   background: #F1F1F1;
   color: #000000;
   font: 8pt Tahoma;
}
option, optgroup
{
   font-size: 8pt;
   font-family: Tahoma;
}
.smallfont
{
   font: 8pt tahoma;
}
.time
{
   color: #CC0000;
}
.navbar
{
   color: #000000;
   font: bold 12pt Arial;
}
.navbar a:link, .navbar_alink
{
   text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
   text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
   text-decoration: none;
}
.highlight
{
   font-weight: bold;
}
.fjsel
{
   background: #999999;
   color: #000000;
}
.fjdpth0
{
   background: #D7D5D5;
   color: #000000;
}
.panel
{
   background: #E1DEE0;
   color: #000000;
   font: bold 12pt Arial;
   border-left:1px solid #f4f1d7;
   border-top: 1px solid #f4f1d7;
   border-right: 2px solid #313131;
   border-bottom: 2px solid #313131;
}
.panel a:link, .panel_alink
{
   color: #CC0033;
   text-decoration: none;
}
.panel a:visited, .panel_avisited
{
   color: #CC0033;
   text-decoration: none;
}
.panel a:hover, .panel a:active, .panel_ahover
{
   color: #FFFF00;
   text-decoration: none;
}
.panelsurround
{
   background: #9E9D9D url(http://im58.gulfup.com/0Di5Rt.gif);
   color: #000000;
   font: bold 12pt Arial;
   border-left:1px solid #f4f1d7;
   border-top: 1px solid #f4f1d7;
   border-right: 2px solid #313131;
   border-bottom: 2px solid #313131;
}
legend
{
   color: #000000;
   font: bold 12pt Arial;
}
.vbmenu_control
{
   background: #5B5B5C url(M-alhaj2015/images/col_1.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 13pt Arial;
   border-left:1px solid #f4f1d7;
   border-top: 1px solid #f4f1d7;
   border-right: 2px solid #0E0E0D;
   border-bottom: 2px solid #0E0E0D;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #000000;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #000000;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #FF0000;
   text-decoration: none;
}
.vbmenu_popup
{
   background: #990033;
   color: #000000;
   font: bold 12pt Arial;
   border-left: 1px solid #FFFF00;
   border-top: 1px solid #FFFF00;
   border-right: 1px solid #FFFF00;
   border-bottom: 1px solid #FFFF00;
}
.vbmenu_option
{
   background: #9E9D9D url(M-alhaj2015/images/col_3.gif) repeat-x top left;
   color: #990033;
   font: bold 12pt Arial;
   border-left: 1px solid #FFFF00;
   border-top: 1px solid #FFFF00;
   border-right: 1px solid #FFFF00;
   border-bottom: 1px solid #FFFF00;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #000000;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #000000;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #FF0000;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #5C7C59 url(M-alhaj2015/images/col_5.gif) repeat-x top left;
   color: #FF9933;
   font: bold 12pt Arial;
   border-left:1px solid #FFFF00;
   border-top: 1px solid #FFFF00;
   border-right: 1px solid #FFFF00;
   border-bottom: 1px solid #FFFF00;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #FF0000;
   text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
html
{
scrollbar-3dlight-color:#482c0c;
scrollbar-shadow-color:#482c0c;
scrollbar-face-color: #482c0c;
scrollbar-base-color: #482c0c;
scrollbar-darkshadow-color:#ffdeb7;
scrollbar-highlight-color:#ffdeb7;
scrollbar-arrow-color: #ffdeb7;
scrollbar-track-color #ffdeb7;
}



/* ***** H1 و H2 تاجات ***** */
#tags {
text-align: center;
font-family: Arial, Tahoma, Verdana;
}

#tags h1 {
font-size: 19px;
color: blue dark;
font-weight: bold;
}

#tags h2 {
font-size: 17px;
color: blue dark;
font-weight: bold;
}
fieldset{border:1px solid #DBBA84;padding:12px;}


.h1 {
    background-image:url('M-alhaj2015/images/muhammad_02.jpg');
   background-repeat:repeat-x;
   height:390px;
}
 .h2 {
   background-image: url('M-alhaj2015/images/muhammad_01.jpg');
   background-repeat: no-repeat;
   position: relative;
   height: 390px;
   width: 528px;
   float: left;
}
.h3 {
   background-image: url('M-alhaj2015/images/muhammad_03.jpg');
   background-repeat: no-repeat;
   position: relative;
   height: 390px;
   width: 391px;
   float: right;
}

.h4 {
    background-image:url('M-alhaj2015/images/muhammad_04.jpg');
        background-repeat:no-repeat;
       height: 350px;
   width: 374px;
   margin-right: auto;
   margin-left: auto;
}

.fot1 {
    background-image:url('M-alhaj2015/images/muhammad_06.jpg');
   background-repeat:repeat-x;
   height:200px;
}

.fot2{
   background-image:url('M-alhaj2015/images/muhammad_07.jpg');
   background-repeat:no-repeat;
   height:200px;
   width:200px;
   float:left;
}


.fot3{
   background-image:url('M-alhaj2015/images/muhammad_05.jpg');
   background-repeat:no-repeat;
   height:200px;
   width:226px;
   margin:auto;
}












.botton1 {background:url('M-alhaj2015/images/home-b.png') no-repeat ; height:41px; width:86px; float:right; background-position: 0px 0px; display: block;margin-top:330px;}
.botton2 {background:url('M-alhaj2015/images/reg-b.png') no-repeat ; height:41px; width:81px; float:right; background-position: 0px 0px; display: block;margin-top:330px;}
.botton3 {background:url('M-alhaj2015/images/con-b.png') no-repeat ; height:41px; width:82px; float:left; background-position: 0px 0px; display: block;margin-top:330px;}
.botton4 {background:url('M-alhaj2015/images/msg-b.png') no-repeat ; height:41px; width:82px; float:left; background-position: 0px 0px; display: block;margin-top:330px;}
.botton1:hover {background:url('M-alhaj2015/images/home-b.png') no-repeat ; height:41px; width:86px; float:right; background-position: 0px -41px; display: block;margin-top:330px;}
.botton2:hover {background:url('M-alhaj2015/images/reg-b.png') no-repeat ; height:41px; width:81px; float:right; background-position: 0px -41px; display: block;margin-top:330px;}
.botton3:hover {background:url('M-alhaj2015/images/con-b.png') no-repeat ; height:41px; width:82px; float:left; background-position: 0px -41px; display: block;margin-top:330px;}
.botton4:hover {background:url('M-alhaj2015/images/msg-b.png') no-repeat ; height:41px; width:82px; float:left; background-position: 0px -41px; display: block;margin-top:330px;}



#spring-manu {
float: right;
position: absolute;
width: 238px;
height: 60px;
top: 249px;
right: 27px;
}
.spring-1 {
background-image: url('M-alhaj2015/manu/manu1.png');
height: 45px;
width: 45px;
top: 30px;
position: absolute;
right: 377px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
}
.spring-1:hover{
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.8);
background-position: 0px 45px;
}


.spring-2 {
background-image: url('M-alhaj2015/manu/manu2.png');
height: 45px;
width: 45px;
top: 30px;
position: absolute;
right: 423px;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.spring-2:hover {
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.8);
background-position: 0px 45px;
}




.spring-3 {
background-image: url('M-alhaj2015/manu/manu3.png');
height: 45px;
width: 45px;
top: 30px;
position: absolute;
right: 469px;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.spring-3:hover {
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.8);
background-position: 0px 45px;
}
.s-linke-1 {
   height: 40px;
   width: 40px;
   display: block;
}
.s-linke-2 {
   height: 40px;
   width: 40px;
   display: block;
}

.s-linke-3 {
   height: 40px;
   width: 40px;
   display: block;
}



    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
      background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.button:active {
    color: #000;
    border-color: #444;
}

.d1{
   background-image:url('M-alhaj2015/images/muhammad_09.jpg');
   background-repeat:repeat-x;
   height:75px;
}
.d2{
   background-image:url('M-alhaj2015/images/muhammad_08.jpg');
   background-repeat:no-repeat;
   height:75px;
   width:245px;
   float:left;
}
.d3{
   background-image:url('M-alhaj2015/images/muhammad_10.jpg');
   background-repeat:no-repeat;
   height:75px;
   width:241px;
   float:right;
}
.d4{
   background-image:url('M-alhaj2015/images/muhammad_17.jpg');
   background-repeat:no-repeat;
   height:77px;
   width:266px;
   margin:auto;
}




#sss{
   background:transparent;
}
.s3{
   background:url('M-alhaj2015/images/muhammad_11.jpg') repeat-y left center;
   padding-left:37px;
}
.s4{
   background:url('M-alhaj2015/images/muhammad_12.jpg') repeat-y right center;
   padding-right:37px;
}
.g1{
    background-image:url('M-alhaj2015/images/muhammad_14.jpg');
    background-repeat:repeat-x;
    height:66px;
    }
.g2{
    background-image:url('M-alhaj2015/images/muhammad_13.jpg');
    background-repeat:no-repeat;
    height:66px;
    width:245px;
    float:left;
    }
.g3{
   background-image: url('M-alhaj2015/images/muhammad_15.jpg');
   background-repeat:no-repeat;
   height:66px;
   width:241px;
   float:right;
    }

.g4{
   background-image:url('M-alhaj2015/images/muhammad_16.jpg');
   background-repeat:no-repeat;
   height:83px;
   width:266px;
   margin:auto;
}




.navbar_1{
   background-image:url('M-alhaj2015/navbar/navbar_02.jpg');
   background-repeat:repeat-x;
   height:64px;
}
.navbar_2{
   background-image:url('M-alhaj2015/navbar/navbar_01.jpg');
   background-repeat:no-repeat;
   height:64px;
   width:33px;
   float:left;
}
.navbar_3{
   background-image:url('M-alhaj2015/navbar/navbar_03.jpg');
   background-repeat:no-repeat;
   height:64px;
   width:33px;
   float:right;
}
.navbar_4{
   background-image:url('M-alhaj2015/navbar/navbar_04.jpg');
   background-repeat:no-repeat;
   height:64px;
   width:200px;
   margin:auto;
}
#sss{
   background:transparent;
}
.s1{
   background:url('M-alhaj2015/navbar/navbar_05.jpg') repeat-y left center;
   padding-left:23px;
}
.s2{
   background:url('M-alhaj2015/navbar/navbar_06.jpg') repeat-y right center;
   padding-right:24px;
}
.navbar_01{
    background-image:url('M-alhaj2015/navbar/navbar_08.jpg');
    background-repeat:repeat-x;
    height:64px;
    }
.navbar_02{
    background-image:url('M-alhaj2015/navbar/navbar_07.jpg');
    background-repeat:no-repeat;
    height:64px;
    width:33px;
    float:left;
    }
.navbar_03{
   background-image: url('M-alhaj2015/navbar/navbar_09.jpg');
   background-repeat:no-repeat;
   height:64px;
   width:33px;
   float:right;
    }
.navbar_04{
    background-image:url('M-alhaj2015/navbar/anavbar_010.jpg');
    background-repeat:no-repeat;
    height:64px;
    width:185px;
    margin:auto;   
    }


#heal{
   width:985px;
   height:194px;
   border:0px #000 dashed;
   margin:0px auto;
    display:block;
}
.head1{
   width:985px;
   height:194px;
   border:0px #ccc dashed;
   margin:0px auto;
}









.button:hover {
background: #686859; /* Old browsers */
background: -moz-linear-gradient(top,  #686859 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686859), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #686859 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #686859 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #686859 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #686859 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686859', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
font-weight:bold;
color:#2b2a2a;
border:1px #870e17 c5c5d1;
}









.vbmenu_control:hover {
background: #ebe9e3; /* Old browsers */
background: -moz-linear-gradient(top,  #ebe9e3 0%, #aca38c 50%, #e3e1dc 51%, #f6f5f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebe9e3), color-stop(50%,#aca38c), color-stop(51%,#e3e1dc), color-stop(100%,#CECBC2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ebe9e3 0%,#aca38c 50%,#e3e1dc 51%,#CECBC2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ebe9e3 0%,#aca38c 50%,#e3e1dc 51%,#CECBC2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ebe9e3 0%,#aca38c 50%,#e3e1dc 51%,#CECBC2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ebe9e3 0%,#aca38c 50%,#e3e1dc 51%,#CECBC2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9e3', endColorstr='#CECBC2',GradientType=0 ); /* IE6-9 */
font-weight:bold;
color:#e6dfe0;
border:1px #870e17 c5c5d1;
}

background: #d2cec4;
border:1px #908989 c5c5d1;
}