/**
* vBulletin 3.8.11 CSS
* Style: 'new'; Style ID: 4
*/
body
{
    background: #e5d6b3;
    color: #c47a45;
    font: bold 11pt Tajawal;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
a:link, body_alink
{
    color: #c47a45;
    text-decoration: none;
}
a:visited, body_avisited
{
    color: #c47a45;
    text-decoration: none;
}
a:hover, a:active, body_ahover
{
    color: #FF4400;
}
.page
{
    background: #e5d6b3;
    color: #c47a45;
    font: bold 11pt Tajawal;
}
.page a:link, .page_alink
{
    text-decoration: none;
}
.page a:visited, .page_avisited
{
    text-decoration: none;
}
td, th, p, li
{
    font: bold 11pt Tajawal;
}
.tborder
{
    color: #c47a45;
    font: bold 11pt Tajawal;
    border: 0px solid #0B198C;
}
.tcat
{
    background: #c47a45;
    color: #FFFFFF;
    font: bold 11pt Tajawal;
}
.tcat a:link, .tcat_alink
{
    color: #ffffff;
    text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
    color: #ffffff;
    text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
    color: #FF4400;
    text-decoration: underline;
}
.thead
{
    background: #c47a45;
    color: #FFFFFF;
    font: bold 11pt Tajawal;
}
.thead a:link, .thead_alink
{
    color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
    color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
    color: #FF4400;
}
.tfoot
{
    background: #c47a45;
    color: #ffffff;
    font: bold 10pt Tajawal;
}
.tfoot a:link, .tfoot_alink
{
    color: #ffffff;
}
.tfoot a:visited, .tfoot_avisited
{
    color: #ffffff;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
    color: #FF4400;
}
.alt1, .alt1Active
{
    background: #f0f0ef;
    color: #c47a45;
    font: bold 11pt Tajawal;
    border-style: double;
    border-width: 1px;
}
.alt2, .alt2Active
{
    background: #f0f0ef;
    color: #c47a45;
    font: bold 11pt Tajawal;
    border-style: double;
    border-width: 1px;
}
.inlinemod
{
    background: #FFFFCC;
    color: #000000;
}
.wysiwyg
{
    background: #ffffff;
    color: #c47a45;
    font: bold 11pt Tajawal;
    margin: 5px 10px 10px 10px;
    padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
    color: #c47a45;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
    color: #c47a45;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
    color: #FF4400;
}
textarea, .bginput
{
    font: bold 10pt Tajawal;
}
.bginput option, .bginput optgroup
{
    font-size: 10pt;
    font-family: Tajawal;
}
.button
{
    color: #FFFFFF;
    font: bold 10pt Tajawal;
}
select
{
    font: bold 10pt Tajawal;
}
option, optgroup
{
    font-size: 10pt;
    font-family: Tajawal;
}
.smallfont
{
    font-family: Tajawal;
}
.time
{
    color: #FF0000;
}
.navbar
{
    font: bold 10pt Tajawal;
}
.highlight
{
    color: #FF0000;
    font-weight: bold;
}
.fjsel
{
    background: #ffffff;
    color: #c47a45;
}
.fjdpth0
{
    background: #ffffff;
    color: #c47a45;
}
.panel
{
    background: #ffffff;
    color: #c47a45;
    padding: 10px;
    border: 2px outset;
}
.panelsurround
{
    background: #ffffff;
    color: #c47a45;
}
legend
{
    color: #c47a45;
    font: 10pt Tajawal;
}
.vbmenu_control
{
    background: #c47a45;
    color: #ffffff;
    font: bold 11px Tajawal;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
    color: #ffffff;
    text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
    color: #ffffff;
    text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
    color: #000000;
    text-decoration: underline;
}
.vbmenu_popup
{
    background: #FFFFFF;
    color: #000000;
    border: 0px solid #0B198C;
}
.vbmenu_option
{
    background: #ffffff;
    color: #c47a45;
    font: 11px Tajawal;
    white-space: nowrap;
    cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
    color: #c47a45;
    text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
    color: #c47a45;
    text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
    color: #FF4400;
    text-decoration: none;
}
.vbmenu_hilite
{
    background: #ffffff;
    color: #c47a45;
    font: 11px Tajawal;
    white-space: nowrap;
    cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
    color: #c47a45;
    text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
    color: #c47a45;
    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; }
.top-boxes {
    text-align: center;
    margin: -300px 0;
}

/* الشكل العام */
.top-boxes span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 3px;
    border-radius: 3px;
}

/* كل مربع بلون مختلف */
#box1 { background: #0033A0; } /* ازرق ملكي */
#box2 { background: #0B3D2E; } /* أخضر زمردي غامق */
#box3 { background: #800020; } /* عنابي داكن */
#box4 { background: #4E342E; } /* بني قهوة */
#box5 { background: #020024; } /* كحلي عميق */
#box6 { background: #6E0F1A; } /* أحمر عنابي */
#box7 { background: #4B0082; } /* بنفسجي ملكي */
#box8 { background: #f1b905; } /* بني فاتح */

center.topmain {
    padding: 7px 0px 0px 0px;
}

.hed{
    background-image:url('../images/fourm_04.png');
    height:306px;
}

.hed-l{
    background-image:url('../images/fourm_01.png');
    height:306px;
    width:345px;
    float:left;
}

.hed-r{
    background-image:url('../images/fourm_05.png');
    height:306px;
    width:345px;
    float:right;
}
.hed-c{
    background-image:url('../images/fourm_03.png');
    height:306px;
    width:407px;
    margin: 0 auto;
}


/*********/
.foot{
    background-image:url('../images/fourm_31.png');
    height:140px;
}

.foot-l{
    background-image:url('../images/fourm_25-28.png');
    height:140px;
    width:415px;
    float:left;
}
.foot-r{
    background-image:url('../images/fourm_32.png');
    height:140px;
    width:415px;
    float:right;
}

.foot-c{
    background-image:url('../images/fourm_29.png');
    height:140px;
    width:136px;
    margin:0 auto;
}

/****************************/

.top-c{
    background-image:url('../images/fourm_10.png');
    height:64px;
}

.top-l{
    background-image:url('../images/fourm_09.png');
    width:183px;
    height:64px;
    float:left;
}
.top-r{
    background-image:url('../images/fourm_12.png');
    width:183px;
    height:64px;
    float:right;
}

/*********/
.for-l{
    background-image:url('../images/fourm_18.png');
    background-repeat:repeat-y;
    background-position:left;
    padding-left:13px;
}

.for-r{
    background-image:url('../images/fourm_18.png');
    background-repeat:repeat-y;
    background-position:right;
    padding-right:13px;
}
/*********/
.in-c{
    background-image:url('../images/fourm_22.png');
    height:61px;
}

.in-l{
    background-image:url('../images/fourm_20.png');
    width:178px;
    height:61px;
    float:left;
}

.in-r{
    background-image:url('../images/fourm_23.png');
    width:183px;
    height:61px;
    float:right;
}

/****************************/

.login-top-c{
    background-image:url('../images/login_05.png');
    height:68px;
}

.login-top-l{
    background-image:url('../images/login_03.png');
    width:14px;
    height:68px;
    float:left;
}
.login-top-r{
    background-image:url('../images/login_05-07.png');
    width:14px;
    height:68px;
    float:right;
}

/*********/
.login-for-l{
    background-image:url('../images/login_09.png');
    background-repeat:repeat-y;
    background-position:left;
    padding-left:14px;
}

.login-for-r{
    background-image:url('../images/login_12.png');
    background-repeat:repeat-y;
    background-position:right;
    padding-right:14px;
}
/*********/
.login-in-c{
    background-image:url('../images/login_16.png');
    height:14px;
}

.login-in-l{
    background-image:url('../images/login_12-14.png');
    width:14px;
    height:14px;
    float:left;
}

.login-in-r{
    background-image:url('../images/login_15-18.png');
    width:14px;
    height:14px;
    float:right;
}

/*********/
/* القائمة */
ul.login {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    float: right;
    direction: rtl;
    margin-top: 24px;
}

/* العناصر */
ul.login li {
    display: inline;
}

/* الروابط */
ul.login li a {
    display: inline-block;
    padding: 10px 20px;
    color: #ffffff;
    text-decoration: none;
    background: transparent;
}

/* hover */
ul.login li a:hover {
    background: #f1b905;      /* لون الهوفر */
    color: #1e0f05;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

/* active */
ul.login li.active a {
    background: #f1b905;      /* لون الأكتف */
    color: #1e0f05;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}



#navbar_username {
    background-color: rgb(240, 240, 239);
    box-shadow: inset 0px 4px 9px 0px #495560a3;
    width: 124px;
    height: 32px;
    border-radius: 16px;
    border: none;
}
#navbar_password {
    background-color: rgb(240, 240, 239);
    box-shadow: inset 0px 4px 9px 0px #495560a3;
    width: 124px;
    height: 32px;
    border-radius: 16px;
    border: none;
}
.button {
    background-color: rgb(241, 185, 5);
    width: 156px;
    height: 32px;
    border-radius: 16px;
    border: none;
}
.form-color{
    background: #c47a45;
    color: #fff;
    font-weight: bold;
}