مَلَفْ [css] مَعْ اَلْشَرْحْ

body {

      background-color: #EDEDED; /*خلفية المنتدى*/

      margin: 1px 1px 1px 1px;

}





a:link, /*لون الروابط*/

a:visited,

a:active{

    background: transparent;

    color: #013E46;

    text-decoration: none;

}



a:hover{/*لون النص عند وقوف الماوس عليه*/

    background: transparent;

    color: #000080;

    text-decoration: none;

}



.tcat /*تكاد*/

{

    background: #D8D8D8 url(../images/gradient_tcat.gif) repeat-x;

           font-family: Tahoma;

         font-size: 9pt;

        color: #fff;

        text-align: center;

        padding : 6px;

        margin: 0px 0px 0px 0px;

}



.tcat a:link /*لون روابط التكاد*/

{

        color: #fff;

        text-decoration: none;

}

.tcat a:visited /*لون روابط التكاد التى تم زيارتها*/

{

        color: #fff;

        text-decoration: none;

}

.tcat a:hover, .tcat a:active /*لون روابط التكاد عند وقوف الماوس عليها*/

{

        color: #fff;

        text-decoration: none;

}



.tbar /*خيارات المراقبين*/

{

        background: #D8D8D8 url(../images/main_bar.gif);

        color: #fff;

        font-family: Tahoma;

        font-size: 9pt;

        text-align: center;

         padding : 5px;

}



.tbar_writer_info /*لون خلفية المواضيع*/

{

    background-color: #F5F8F7;

    color: #696757;

    font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    padding : 5px;

}



.writer_info /*لون خلفية معلومات العضو*/

{

    background: #fff;

     border-left:1px solid #5B878C;

     border-right:6px solid #5B878C;

     border-top:1px solid #5B878C;

     border-bottom:1px solid #5B878C;

    font-family: Tahoma;

    font-size: 8pt;

    color: #2E5961;

    margin: 5px 0 5px 0;

    padding: 1px 5px 3px 5px;

    text-align: right;

}



.tbar_review

{

    background-color: #ACC8E4;

    color: #696757;

    font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    padding : 5px;

}



.tbar_pager

{

        background: #D8D8D8 url(../images/main_bar.gif);

        color: #fff;

        font-family: Tahoma;

        font-size: 5pt;

        text-align: center;

         padding : 5px;

}





.menu_popup /*القائمة المنسدلة1*/

{

     background-color: #F5F8F7;

    color: #006A74;

    font: 11px Tahoma;

    padding : 3px;

    text-decoration: none;

    padding-right: 3px;

    text-align: right;

}





.menuon /*القائمة المنسدلة2*/

{

     background-color: #F5F8F7;

    font: 11px Tahoma;

    color: #006A74;

    padding-right: 3px;

    padding : 3px;

    text-decoration: none;

    text-align: right;

}



.menuoff /*القائمة المنسدلة3*/

{

     background-color: #F5F8F7;

    font: 11px Tahoma;

    color: #006A74;

    padding : 3px;

   text-decoration: none;

   text-align: right;

}



.menuoff a:link,

.menuoff a:visited,

.menuoff a:active{

    color: #006A74 !important;

    text-decoration: none;

}

.menuon a:link,

.menuon a:visited,

.menuon a:active{

    color: #006A74 !important;

    text-decoration: none;

}

.menu_popup a:link,

.menu_popup a:visited,

.menu_popup a:active{

    color: #006A74 !important;

    text-decoration: none;

}





.thead /*ثياد*/

{

        background-image: url(../images/gradient_thead.gif);

        color: #2E5961;

        font-family: Tahoma;

    font-size: 8pt;

        text-align: center;

         padding : 6px;

}



.thead a:link /*لون روابط الثياد*/

{

        color: #2E5961;

        text-decoration: none;

}

.thead a:visited /*لون روابط الثياد التى تم زيارتها*/

{

        color: #2E5961;

        text-decoration: none;

}

.thead a:hover, .thead a:active /*لون روابط الثياد عند وقوف الماوس عليها*/

{

        color: #2E5961;

        text-decoration: none;

}



.thead1 /*ثياد1*/

{

        background-image: url(../images/gradient_thead.gif);

        color: #2E5961;

        font-family: Tahoma;

    font-size: 8pt;

        text-align: right;

         padding : 4px;

}

.thead1 a:link /*لون روابط الثياد1*/

{

        color: #2E5961;

        text-decoration: none;

}

.thead1 a:visited /*لون روابط الثياد 1 التى تم زارتها*/

{

        color: #2E5961;

        text-decoration: none;

}

.thead1 a:hover, .thead1 a:active /*لون روابط الثياد1 عند وقوف الماوس عليها*/

{

        color: #2E5961;

        text-decoration: none;

}





th,td {  /*لون خط المنتدى الرئيسيى*/

        font-family: Tahoma;

    font-size: 9pt;

    color: #2E5961;

}



font.highlight {

        color: #FF0000;

    font-weight: bold;

}



.main_bar{

    background-image: url(../images/barl.gif);

    border: 1px solid #EAE3D1;

    font-family: Tahoma;

    font-size: 9pt;

    color: #fff;

    margin: 5px 0 5px 0;

    padding: 1px 5px 3px 5px;

    text-align: center;

}



.main_bar a:link

{

        color: #fff;

        text-decoration: none;

}

.main_bar a:visited

{

        color: #fff;

        text-decoration: none;

}

.main_bar a:hover, .main_bar a:active

{

        color: #fff;

        text-decoration: none;

}



.mainbar{  /*خلفية شريط الروابط العلوى*/

    background: #EDEDED url(../images/barl.gif);

    margin: 0;

    padding: 3px;



}



.main_bar_links{ /*mainbar*/

     border-left:1px solid #969EA2;

     border-right:0px solid #969EA2;

    font-family: Tahoma;

    font-size: 9pt;

    color: #fff;

    margin: 5px 0 5px 0;

    padding: 1px 5px 3px 5px;

    text-align: center;

}



.main_bar_MouseOver {  /*تأثير الوقوف بالماوس*/

     background-image: url(../images/gradient_thead.gif);

     border-left:1px solid #969EA2;

     border-right:0px solid #969EA2;

    font-family: Tahoma;

    font-size: 9pt;

    color: #2E5961;

    margin: 5px 0 5px 0;

    padding: 1px 5px 3px 5px;

    text-align: center;

}



.main_bar_links a:link

{

        color: #fff;

        text-decoration: none;

}

.main_bar_links a:visited

{

        color: #fff;

        text-decoration: none;

}

.main_bar_links a:hover, .main_bar_links a:active

{

        color: #fff;

        text-decoration: none;

}



.address_bar

{

    background: #F9F6E0;

    border: 1px solid #ffffff;

}





.r-right

{

    float: right;

}



.l-left

{

    float: left;

}





.pager-left

{

    float: left;

    padding-left: 25px;

}

.switch

{

    float: left;

    width: auto !important;

}



span.unreadpm {  /*لون التنبيهات*/

    color: #FF0000;

}

a:link.pm,a:active.pm,a:visited.pm {

        color: #696757;

    TEXT-DECORATION : none

}



td.header_menu { background: #D6FCF4; border-color: #D6FCF4 } /*تسجيل الدخول*/

td.header_welc { background: #F3EDF7; }



.context { background: #FFFFFF;border: 1px solid #DEDEDE; width:100%}



td.row1 { /*لون خلفية الاقسام1*/

    background-color: #F5F8F7;

    font: bold 15px Arial;

    padding-right: 10px;

    padding : 3px;

}

td.row2 {  /*لون خلفية الاقسام2*/



    background-color: #F5F8F7;

    font: bold 15px Arial;

    padding-right: 10px;

    padding : 4px;

}

td.row3 {  /*لون خلفية الاقسام3*/



    background-color: #F5F8F7;

    padding-right: 10px;

    padding : 3px;

}

td.row4 {  /*لون خلفية الاقسام4*/



    background-color: #F5F8F7;

    padding-right: 10px;

    padding : 3px;

}



td.row5 {  /*لون خلفية الاقسام5*/



    background-color: #F5F8F7;

    padding-right: 10px;

    padding : 3px;

}



td.darkrow { background: #CFCBCC; padding-right: 10px;  padding : 3px;}

.small { font-size: 11px; }

a:hover.pm { text-decoration: underline; }





p.main { color: #000000; }



span.spical { color: #696757; }





p.main1 {

font-size: 13px;

font-weight: bold;

color: #FFFFFF;

}



font.main2 {

color: #FFFFFF;

}



.title_font { /*خلفية اسم الموضوع*/

    background-color: #F5F8F7;

    font: bold 15px Arial;

}



p.main2 {

color: #FFFFFF;

}



font.online { color: #008080; }

font.offline { color: #FF0000; }



td { border : 0px; }

table.border /*إطارات الجداول*/

{

     background-color: #E7E9EB;

     border-left:1px solid #969EA2;

     border-right:1px solid #969EA2;

     border-top:1px solid #969EA2;

     border-bottom:1px solid #969EA2;

}



table.border_forums /*إطارات الاقسام*/

{

     background-color: #E7E9EB;

     border-left:1px solid #969EA2;

     border-right:1px solid #969EA2;

     border-top:0px;

     border-bottom:1px solid #969EA2;



}



.info_bar { border: 1px solid #969EA2; padding : 1px;}



input {

        background-color: #ffffff;

        border: 1px solid #FFFFFF

        color: #696757;

        font-family: Tahoma;

        font-size: 11px;

        padding: 2px;

        padding-right: 4px;

        padding-left: 4px;

        }



input.radio {

        background: transparent;

        border: 0px;

}



input.checkbox {

        background: transparent;

        border: 0px;

}

.smallfont

{

    font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

td.smbox {

    background-color: #F5F8F7;

       font-family: Tahoma;

    font-size: 9pt;

    color: #696757;

    padding : 0px;

}





.pager

{

        background-image: url(../images/gradient_thead.gif);

        color: #000;

        font-family: Tahoma;

        font-size: 8pt;

        text-align: center;

         padding : 0px;

        border-color:#E8E8E8;

        border-width:1px;

        line-height: 60%;

}



.perpage

{

        color: #996633;

        font-family: Tahoma;

        font-size: 9pt;

    margin: 1px 0 1px 0;

    padding: 0px 1px 0px 1px;



}



.text

{

font: bold 16px Arial;

color:#000;

}



.td_special

{

    background-color: #CFF3EF;

    background-image: url(../images/special.png);

    background-repeat: no-repeat;

    color: #696757;

    font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    padding : 4px;

}



input,button

{

  font-family:Tahoma;

  font-size: 8pt;

        background-color: #FFFFFF;

        border: 1px solid #FFFFFF

        color: #696757;

}

.input_text

{

  font-family:Tahoma;

  font-size: 8pt;

        background: #D8D8D8 url(../images/main_bar.gif);

        border: 1px solid #FFFFFF;

        color: #fff;

  border-width:1px;

}



.readonly

{

  font-family:Tahoma;

  font-size: 8pt;

  background: #F0EEE1;

  border-color:#C0C0DC;

  border-width:1px;

  color:#D1CFC0;

}



select

{

    background: #FFF;

    border: 1px solid #4C77B6;

    color: #000;

    font: normal 11px Tahoma;

    margin: 5px;

    padding: 1px;

    vertical-align: middle;

}



textarea {

        background: #ffffff;

        border: 1px solid #B4B4B4;

        color: #000000;

        font: bold 16px Arial;

        padding: 2px;

        padding-right: 6px;

        padding-left: 6px;

        }





form {

        margin: 0px 0px 0px 0px;

}



.footer /*لون خطوط الفوتر*/

{

        color: #000;

        font-family: Tahoma;

          font-size: 8pt;

        text-align: center;

        margin: 5px 0 5px 10px;

        padding: 0;

}





.footer a:link   /*لون الروابط بالفوتر*/

{

        color: #000;

        text-decoration: none;

}

.footer a:visited   /*لون الروابط بالفوتر التى تم زيارتها*/

{

        color: #000;

        text-decoration: none;

}

.footer a:hover, .footer a:active   /*لون الروابط بالفوتر عند وقوف الماوس عليها*/

{

        color: #000;

        text-decoration: none;

}



.footer_bar_links{ /* لون خط شريط الفوتر*/

     border-left:1px solid #969EA2;

     border-right:0px solid #969EA2;

    font-family: Tahoma;

    font-size: 8pt;

    color: #fff;

    margin: 5px 0 5px 0;

    padding: 1px 5px 4px 5px;

}



.footer_bar_links a:link   /*لون الروابط بشريط الفوتر*/

{

        color: #fff;

        text-decoration: none;

}

.footer_bar_links a:visited   /*لون الروابط بشريط الفوتر التى تم زيارتها*/

{

        color: #fff;

        text-decoration: none;

}

.footer_bar_links a:hover, .footer_bar_links a:active   /*لون الروابط بشريط الفوتر عند وقوف الماوس عليها*/

{

        color: #fff;

        text-decoration: none;

}



table.footer_bar{ /*شريط الفوتر*/

    background: transparent url(../images/barl.gif);

    border: 1px solid #949C9F;

    color: #fff;

    text-align: center;

    padding: 5px;

    width: 98%;

height: 30px;

}



#footer_bar td{

    color: #FFF;

    font: normal 11px Tahoma;

}



#footer_bar a:link,

#footer_bar a:visited{

    color: #FFF;

    font: bold 15px Arial;

}



/* start Css Editor*/

.inputbox

{

     width:540px;

     height:250px;

}

.editoriframe { /*صفحة كتابة الموضوع*/

     background: #ffffff;

     border: 1px solid #969EA2;

     color: #000000;

     font-family: Arial;

     font-size: 16px;

     font-weight: bold;

     width:98%;

     height:250px;

     display:none;

     padding: 2px;

     padding-right: 6px;

     padding-left: 6px;

}



.editortoolbar /*خلفية ادوات الموضوع*/

{

    background-color: #F5F8F7;

    background-repeat: repeat-x;

    font: 11px tahoma;

    padding:0px;

    margin:0px;

    text-align: right;



}

.editoricon /*خلفية الابتسامات*/

{

    background-color: #F5F8F7;

    text-align: right;

    font: 11px tahoma;

    padding:0px;

    margin:0px;



}



.editorbutton,

.editortoolbar

{

    padding: 2px;

     align:right;

}

.editoroover

{

    padding: 2px;

}

.editorselect /*قوائم الموضوع*/

{

    color: #333333;

    background-color: #FAFAFA;

    font-family: Tahoma;

    font-size: 1.1em;

    font-weight: normal;

    border: 1px solid #A9B8C2;

    padding: 1px;

}



.container

{

    width:100%;

    min-width:570px;

    background-color:#FFFFFF;

    border:1px solid #B5C4DD;

}



.toolbar

{

     background-image:url('../images/editor/toolbar_background.gif');

     padding-left:0;

     padding-right:0;

     padding-top:4px;

     padding-bottom:4px;

}



.toolbar2

{

    background-image:url('../images/editor/toolbar_background.gif');

    height:26px;

    padding:0;

}



.button

{

    padding:2px;

}



.oover

{

    border:1px solid #316ac5;

    background:#f1f6f8;

    padding:1px;

}



#sddm

{

    margin:0;

    padding:0;

    z-index:30;

}



#sddm li

{

    margin:0;

    padding:0;

    list-style:none;

    float:left;

    font:bold 11px arial;

}



#sddm li img

{

    display:block;

    margin:0 1px 0 0;

    padding:1px 2px;

}



#sddm li a

{

     display:block;

     background-image:url('../images/editor/custom.gif');

     width:116px;

     color:#989898;

     text-align:center;

     text-decoration:none;

     margin-left:0;

     margin-right:1px;

     margin-top:0;

     margin-bottom:0;

     padding-left:10px;

     padding-right:10px;

     padding-top:3px;

     padding-bottom:3px;

}



#sddm div

{

    overflow:auto;

    width:160px;

    height:120px;

    -moz-opacity:.8;

    filter:alpha(opacity=80);

    opacity:.80;

    position:absolute;

    visibility:hidden;

    margin:0;

    padding:0;

    background:#fff;

    border:1px solid #eee;

}



#sddm div img

{

    width:120px;

}



#sddm div a

{

    position:relative;

    display:block;

    margin:0;

    padding:5px 10px;

    width:auto;

    white-space:nowrap;

    text-align:left;

    text-decoration:none;

    background:#FFF;

    color:#000;

}



#sddm div a:hover

{

    background:#eee;

    color:#545454;

    border:1px solid #7d7d7d

}



.rteStart

{

    background-image:url('../images/editor/start.gif');

    float:left;

    height:25px;

    width:7px;

    background:#FFF;

}



/* End css Editor*/



.time  /*الوقت*/

{

    color: #666686;

    font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    text-align: center;

    width: 98%;

}



.describe

{

    color: #666686;

    font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

#lightbox{

    position: absolute;

    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;

    }

#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/resiz_images/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/resiz_images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url('../images/resiz_images/nextlabel.gif') no-repeat right 15%; }





#imageDataContainer{

    font: 10px Verdana, Helvetica, sans-serif;

    background-color: #fff;

    margin: 0 auto;

    line-height: 1.4em;

    overflow: auto;

    width: 100%

    }



#imageData{    padding:0 10px; color: #666; }

#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; float: right;  padding-bottom: 0.7em;    }



#overlay{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 90;

    width: 100%;

    height: 500px;

    background-color: #000;

    }



#pm_popup {

    position:absolute;

    top:150px;

    border:1px solid;

    width:45%;

    margin-right: 0 0 0 0;

    margin-left: 0 0 0 0;

}



table.guest_border

{

      border: 1px solid #EAE3D1;

       background-color: #D5DAE2;

}



.quotetop{

    background: #EDE7E2 url(../images/css_img_quote.gif) no-repeat left;

    border: 1px dotted #000;

    border-bottom: 0;

    border-left: 4px solid #9E9A89;

    color: #000;

    font-family: Tahoma;

    font-weight: bold;

    font-size: 10px;

    margin: 2px auto 0 auto;

    padding: 5px;

}



.quotemain{

    background: #FFF;

    border: 1px dotted #000;

    border-left: 4px solid #9E9A89;

    border-top: 0;

    color: #000;

    padding: 4px;

    margin: 0 auto 0 auto;

}



.codetop,

.sqltop,

.htmltop{

    background: #EEEEEE url(../images/css_img_code.gif) no-repeat left;

    border: 1px dotted #000;

    color: #000;

    font-weight: bold;

    margin: 0px;

    padding: 6px;

    width: 730px;

    float: left;

}



.codemain {

    background: #FAFCFE;

    color: #465584;

    font-family: Tahoma;

    font-size: 11px;

    margin: 0 auto;

    margin-left: 0px;

    padding: 6px;

    border: 1px dotted #000;

    height: 15%;

    width: 730px;

    text-align: left;

    overflow: auto;

    direction: ltr;

    clear: both;

}



.resizebar{

    background: #ffffe1 url(../images/resize.gif) no-repeat right;

    border: 1px dotted #000;

    color: #000;

    font-family: Tahoma;

    font-size: 7pt;

    padding-bottom:7px;

}



.preview {

background: #F5F8F7;

font: bold 16px Arial;

}



.alerts

{

  color: #000080;

}



table.tools_table{

    background: transparent url(../images/barl.gif);

    border: 1px solid #989A9C;

    text-align: center;

    padding: 6px;

    width: 98%;

}



table.tools_table td{

    color: #fff;

    font: normal 11px Tahoma;

    padding: 3px;

}



.tools_table a:link

{

        color: #fff;

        text-decoration: none;

}

.tools_table a:visited

{

        color: #fff;

        text-decoration: none;

}

.tools_table a:hover, .tools_table a:active

{

        color: #fff;

        text-decoration: none;

}

.pbbmenu

{

        background: #D8D8D8 url(../images/main_bar.gif);

        border: 1px solid #ffffff;

        color: #fff;

        font-family: Tahoma;

        font-size: 9pt;

        text-align: center;

         padding : 5px;

}



.pbbmenu a:link

{

        color: #fff;

        text-decoration: none;

}

.pbbmenu a:visited

{

        color: #fff;

        text-decoration: none;

}

.pbbmenu a:hover, .pbbmenu a:active

{

        color: #fff;

        text-decoration: none;

}



.top_forum_bar{  /*mainbar*/

     background: #D8D8D8 url(../images/main_bar.gif);

     font-family: Tahoma;

     color: #fff;

     padding : 3px;

      border-left: 1px solid #000;

      border-right: 1px solid #000;

      border-top: 1px solid #000;

}



.top_forum_bar a:link

{

        color: #fff;

        text-decoration: none;

}

.options_subject_bar

{



      border: 0px 0px 0px 0px;



}



.redirect

{

      border-left: 1px solid #969EA2;

      border-right: 1px solid #969EA2;

      border-bottom: 1px solid #969EA2;

    background-color: #F0F4F7;

     font-family: Tahoma;

     color: #fff;

        font-size: 9pt;

}





/* Start CSS Calendar  */

.Calendar_Main_Border {

    border: 1px solid #6593CF;

    font-family: Tahoma;

    font-size: 9pt;

    padding : 6px;

}



.Calendar_Title_Background_Color {

    background-color: #F0F4F7;

    background-image: url(../images/main_bar.gif);

    border-bottom: 1px solid #ffffff;

    font-family: Tahoma;

    font-size: 9pt;

    padding : 6px;

    color: #fff;



}



.Calendar_ToDay_Background_Color {

    background-color: #ECECF5;

    background: #00FF00 url(../images/gradient_tcat.gif);

    border-left: 1px solid #ffffff;

    border-bottom: 1px solid #ffffff;

    font-family: Tahoma;

    font-size: 10pt;

    color: #ffffff;

    font-weight: bold;

    padding : 10px;

}



.Calendar_NormalDay_Background_Color {

    background-color: #E1E9F0;

    background: #D8D8D8 url(../images/main_bar.gif);

    border-left: 1px solid #ffffff;

    border-bottom: 1px solid #ffffff;

    padding : 10px;

    color: #fff;

}





.Calendar_MouseOver {

     background-color: #F5F8F7;

       border-left: 1px solid #ffffff;

    border-bottom: 1px solid #ffffff;

    font-family: Tahoma;

    font-size: 10pt;

    font-weight: bold;

    padding : 10px;

}



.Calendar_first_day_array

{

     background-color: #F5F8F7;

    border-width: 1px;

    border-style: solid;

    text-align: center;

    padding : 6px;

}

/* END CSS Calendar  */



#logostrip{

    background: #EDEDED url(../images/bg_header.gif);

    height: 83px;

    margin: 0;

    padding: 0;

}



#logographic{

    background: transparent url(../images/logo.jpg) no-repeat right;

    height: 83px;

    margin: 0;

    padding: 0;

}



.drop_menu /*القائمة المنسدلة للأزرار*/

{

     position: absolute;

     z-index: 1;

     border:1px solid #969EA2;

}



.popmenubutton{ /*لون الازرار*/

    width:95px;

    white-space:nowrap;

    background-color: #EDEDED;

    border:1px solid #3A4F6C;

    color: #013E46;

    font-family: Tahoma;

    font-size: 9pt;

    float:left;

    height:15px;

    text-align:center;

    margin:0px;

    padding:3px;

}



.popmenubutton a:link,

.popmenubutton a:visited

{

    color: #3A4F6C;

    text-decoration: none;

}



.popmenubutton a:hover

{

    color: #5176B5;

    text-decoration: none;

}



.searchlite {

    background-color:yellow;

    font-weight:bold;

    color: red;

}