/******************************************************************************/
/*                                  S M S                                     */
/******************************************************************************/

.bkGrnd_1 {
   background: #F7EBE7 url(/sms/images/bg_image-1.jpg); /* body background */
}

.bkGrnd_2 {
   background: #D6DFEF url(/sms/images/bg_image-2.jpg);
}

/******************************************************************************/
/******************************************************************************/
/*                                                                            */
/******************************************************************************/
/******************************************************************************/
   
body {

   border-width: 0px; /* should move to css_toolkit */

   /* IE slide bar */
   scrollbar-3dlight-color:#CBD3EA;
   scrollbar-arrow-color:#84A2DA;
   scrollbar-base-color:#F5EBE9;
   scrollbar-darkshadow-color:#CBD3EA;
   scrollbar-face-color:#F3EAE5;
   scrollbar-highlight-color:#CBD3EA;
   scrollbar-shadow-color:#CBD3EA;
   scrollbar-track-color:#F5EBE9;
}

/******************************************************************************/
/******************************************************************************/
/*                         page composition related                           */
/******************************************************************************/
/******************************************************************************/

#top {
   /* background: #F7EBE7 url(/sms/images/bg_image-1b.jpg); overrides bkGrnd_1 via body */
}

#menu {
   /* background: #F7EBE7 url(/sms/images/bg_image-1b.jpg); overrides bkGrnd_1 via body */
}

#seperator-right {
   /* background: #D6DFEF url(/sms/images/bg_image-2b.jpg); overrides bkGrnd_2 */
}

#seperator-left {
   /* background: #D6DFEF url(/sms/images/bg_image-2b.jpg); overrides bkGrnd_2 */
}

#seperator-middle {
   /* background: #D6DFEF url(/sms/images/bg_image-2b.jpg); overrides bkGrnd_2 */
}

#left-curver {
   background-image: url(/sms/images/left_hcurver_rokhamy.gif);
}

#right-curver {
   background-image: url(/sms/images/right_hcurver_rokhamy.gif);
}

#main-right {
   /* background: #D6DFEF url(/sms/images/bg_image-2b.jpg); overrides bkGrnd_2 */
}

#main-right A {
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   font-weight: normal;
   text-decoration:none;
}

#main-right A:hover {
   color: red;
}

#main-left {
   /* background: #D6DFEF url(/sms/images/bg_image-2b.jpg); overrides bkGrnd_2 */
}

#main-left A {
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   font-weight: normal;
   text-decoration:none;
}

#main-left A:hover {
   color: red;
}

/******************************************************************************/
/******************************************************************************/
/*                        upper middle article stuff                          */
/******************************************************************************/
/******************************************************************************/

TABLE.upper_middle_article_title {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 0px;
   border-left-width: 1px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
}

.upper_middle_article_title TR {
   background: #E7EFFF;
}

.upper_middle_article_title TD A {
   font-size: 20px; font-family: arial; color: blue; text-decoration: none; font-weight: bold;
}

/*----------------------------------------------------------------------------*/

TABLE.upper_middle_article_brief_description {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
}

TR.upper_middle_article_brief_description {
   background: #FFFFFF;
}

TD.upper_middle_article_brief_description {
   font-size: 1px; /* needed so that the last line is not pushed down */
}

P.upper_middle_article_brief_description {
   /* last modified in June 2010 */
   margin: 0;
   color: black;
   font-family: Tahoma, sans-serif;
   font-size: 16px;  /* Tahoma 16px is suitable for 1152 x 864 */
   font-size: 15px;  /* Tahoma 15px is suitable for 1024 x 768 */
   font-weight: normal;
   line-height: 22px;
   /* text-align: justify; */
}

/*----------------------------------------------------------------------------*/

P.upper-middle-article-image-description {
   margin: 0;
   font-family: arial; 
   font-size: 13px;
   text-align: center;
}

/*----------------------------------------------------------------------------*/

SPAN.article_details_link_dots {
   color: #800000; font-size: 15px; font-family: Tahoma; font-weight: 500; line-height: 22px
}

/*----------------------------------------------------------------------------*/

A.article_details_link_word {
   color: blue; font-size: 13px; font-family: Tahoma; font-weight: normal; 
   text-decoration: none;
}

A:hover.article_details_link_word {}

A:visited.article_details_link_word {
   color: #800080;
}

/*----------------------------------------------------------------------------*/

TABLE.upper_middle_article_info {
   /* display: none; */
   border-top-width: 0px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
}

.upper_middle_article_info TD {
   background: #FFF8FF;
   font-size: 13px; color: #000000; font-family: Tahoma; font-weight: normal;
}

/*----------------------------------------------------------------------------*/

TABLE.middle_article_seperator {
   /* display: none; */
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
}

.middle_article_seperator TR TD {
   /* background: #F7EBE7 url(/sms/images/bg_image-1b.jpg); overrides bkGrnd_1 */
   width: 100%;
   height: 15px;
}

.middle_article_seperator TR TD HR {
   /* for hr to show the same in IE & FF, use at least height, border, color & background-color */
   width:100%; 
   height: 1px; 
   border: 0;
   color: #6699FF;
   background-color: #6699FF;
   text-align: center; /* for IE and default is center */
   margin-left:auto;   /* for FF and default is auto */
   margin-right:auto;  /* for FF and default is auto */
   visibility: hidden; /* hidden if not used */
}

/******************************************************************************/
/******************************************************************************/
/*                          middle section stuff                              */
/******************************************************************************/
/******************************************************************************/

TABLE.middle_section_title {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 0px;
   border-left-width: 1px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
}

TD.middle_section_title {
   padding-top: 3px;
   padding-bottom: 3px;
   direction: rtl;
   text-align: right;
   background: #E7EFFF;
   font-size: 20px; font-family: arial; color: #FF0000; font-weight: bold
}

/*----------------------------------------------------------------------------*/

TABLE.middle_section_articles {
   direction: rtl;
   background-color: #FFFFFF;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
}

A:link.middle_section_article {
   color: #0000FE;
   font-size: 20px; font-family: arial; font-weight: normal;
   text-decoration:none;
}

A:visited.middle_section_article {
   color: #0000FE;
   font-size: 20px; font-family: arial; font-weight: normal;
   text-decoration:none;
}

A:hover.middle_section_article {
   color: #0000FE;
   font-size: 20px; font-family: arial; font-weight: normal;
   text-decoration:underline;
}

/******************************************************************************/
/******************************************************************************/
 /*                  Middle Section Footer (if exists)                        */
/******************************************************************************/
/******************************************************************************/

TR.middle_section_footer {
   background: #E7EFFF;
   font-size: 18px; font-family: arial; color: black; font-weight: normal;
}

A.middle_section_footer {
   font-size: 18px; font-family: arial; color: #0000FE; font-weight: normal;
   text-decoration:none;
}

/******************************************************************************/
/******************************************************************************/
/*                           side column articles                             */
/******************************************************************************/
/******************************************************************************/

TABLE.side_column_type {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-color: #84A2DA #84A2DA #84A2DA #84A2DA;
   border-style: solid solid solid solid;
   width: 100%;
}

.side_column_type TR {
   background: #84A2DA;
}

.side_column_type TD {
   padding: 3px;
   font-size: 21px; color: #FFFFFF; font-family: arial; font-weight: normal;
   text-align: center;
}

/*----------------------------------------------------------------------------*/

TABLE.side_column_article {
   border-top-width: 0px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
   font-size: 1px; /* needed so that the last line of the title is not pushed down */
   direction: rtl;
   width: 100%;
}

/*----------------------------------------------------------------------------*/

TD.side_column_article_title {
   text-align: center;
}

A.side_column_article_title {
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   line-height: 27px;
   font-weight: normal;
   text-decoration: none;
}

A:visited.side_column_article_title {}

A:hover.side_column_article_title {
   color: red;
}

IMG.side_column_article_image {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/*----------------------------------------------------------------------------*/

TD.side_column_article_name_or_description {
   font-size: 14px; color: #222222; font-family: Tahoma; font-weight: normal;
   text-align: center;
}

/*----------------------------------------------------------------------------*/

TABLE.side_column_type_seperator {
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
}

.side_column_type_seperator TR TD {
   /* background: #F7EBE7 url(/sms/images/bg_image-1b.jpg); overrides bkGrnd_1 */
   width: 100%;
   height: 25px;
}

.side_column_type_seperator TR TD FONT {
   font-size: 1px; font-family: Tahoma;
   visibility: hidden;
}

/*----------------------------------------------------------------------------*/

TABLE.side_column_item_seperator {
   /* display: none; */
   border-top-width: 0px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
}

.side_column_item_seperator TR TD {
   /* background: #F7EBE7 url(/sms/images/bg_image-1b.jpg); overrides bkGrnd_1 */
   width: 100%;
   height: 15px;
}

.side_column_item_seperator TR TD HR {
   /* for hr to show the same in IE & FF, use at least height, border, color & background-color */
   width:100%; 
   height: 1px; 
   border: 0;
   color: #6699FF;
   background-color: #6699FF;
   text-align: center; /* for IE and default is center */
   margin-left:auto;   /* for FF and default is auto */
   margin-right:auto;  /* for FF and default is auto */
   visibility: hidden; /* hidden if not used */
}

/*----------------------------------------------------------------------------*/

TABLE.side_column_end {
   display: none;
   border-top-width: 1px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-color: #6699FF #6699FF #6699FF #6699FF;
   border-style: solid solid solid solid;
}

.side_column_end TR {}

.side_column_end TR TD {
   /* background: #F7EBE7 url(/sms/images/bg_image-1b.jpg); overrides bkGrnd_1 */
   width: 100%;
   height: 15px;
}

.side_column_end  TR TD HR {
   /* for hr to show the same in IE & FF, use at least height, border, color & background-color */
   width:100%; 
   height: 1px; 
   border: 0;
   color: #6699FF;
   background-color: #6699FF;
   text-align: center; /* for IE and default is center */
   margin-left:auto;   /* for FF and default is auto */
   margin-right:auto;  /* for FF and default is auto */
   visibility: hidden; /* hidden if not used */
}

/******************************************************************************/
/******************************************************************************/
/*                            article details                                 */
/*----------------------------------------------------------------------------*/
/*                 override values in details.css here                        */
/******************************************************************************/
/******************************************************************************/

TABLE.article_details {
   border: 1px #6699FF solid;
}

TR.article_details_info {
   background: #FFF8FF;
}

/******************************************************************************/
/******************************************************************************/
/*                                poll                                        */
/******************************************************************************/
/******************************************************************************/

TD.poll_question {
   /* remove later */
   /* font-size: 14px; color: #222222; font-family: Tahoma; font-weight: normal */
   /* font-size: 15px; font-family: Tahoma; font-weight: 500; line-height: 22px; */
   
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   line-height: 25px;
   font-weight: normal;   
   text-align: right;
}

/*----------------------------------------------------------------------------*/

TD.poll_choices {
   /* remove later */
   /* font-size: 14px; color: #222222; font-family: Tahoma; font-weight: normal */
   /* font-size: 13px; font-family: Tahoma; font-weight: 500; line-height: 22px */
   /* font-size: 13px; color: #000000; font-family: Tahoma; font-weight: normal */
   
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   line-height: 25px;
   font-weight: normal;   
}

/*----------------------------------------------------------------------------*/

.poll_button {
   cursor: hand; 
   color: #000000; font-family: Tahoma; font-size: 10pt; font-weight: normal;
   border-right: #d7e3ea 1px outset; border-top: #d7e3ea 1px outset; border-left: #d7e3ea 1px outset; border-bottom: #d7e3ea 1px outset;
}

/*----------------------------------------------------------------------------*/

SPAN.poll_links {
   /* remove later
   color: black;
   font-family: Tahoma;
   font-size: 14px;
   font-weight: 500;   
   text-decoration:none;
   */
   
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   font-weight: normal;
   text-decoration:none;   
}

A.poll_links {

   /* remove later
   color: black;
   font-family: Tahoma;
   font-size: 14px;
   font-weight: 500;   
   text-decoration:none;
   */
   
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   font-weight: normal;
   text-decoration:none;   
}

A:visited.poll_links {
   /* remove later
   font-size: 15px; font-family: Tahoma; font-weight: 500;
   */
  
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   font-weight: normal;
}

A:hover.poll_links {
   color: red;
}

/******************************************************************************/
/******************************************************************************/
/*                          Expandable Vertical Menu                          */
/* rename esm to evm                                                          */
/* consider dropping td.esm_first_top_entry from the code                     */
/******************************************************************************/
/******************************************************************************/

.esm__CONSIDER {
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   line-height: 27px;
   font-weight: normal;
   text-decoration:none;
}

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

a.esm {
   display: block;
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   line-height: 27px;
   font-weight: normal;
   text-decoration: none;
}

a:hover.esm {
   color: red;
}

span.esm {
   display: block;
   color: black;
   font-family: "Simplified Arabic", times, "times new roman", serif;
   font-size: 18px;
   line-height: 27px;
   font-weight: normal;
   text-decoration: none;
}

span:hover.esm {
   color: red;
}

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

table.esm {
   /* width: 141px; */ /*shouldn't oversize the division its in (in this case 'main-right') */
   width: 100%;
   margin-right: 0px;
   margin-left: auto;
   margin-top: 1px; /* for Firefox else the top border of the menu will gl under the element above the menu */
   text-align: right;
   border: 1px #84A2DA solid;
   border-width: 1px 0px 1px 0px;
   border-collapse: collapse;
}

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

tr.esm {
   height: 33px;
}

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

td.esm_first_top_entry {
   border: 1px #84A2DA solid;
   border-width: 1px 0px 1px 0px;
   text-align: center;
}

/*----------------------------------------------------------------------------*/

td.esm_top_entry {
   border: 1px #84A2DA solid;
   border-width: 1px 0px 1px 0px;
   text-align: center;
}

/*============================================================================*/

td.esm_section_title {
   border: 1px #84A2DA solid;
   border-width: 1px 0px 1px 0px;
   padding-right: 3px;
}

/*============================================================================*/

td.esm_section_entry {
   border: 1px #84A2DA solid;
   border-width: 1px 0px 1px 0px;
   background-color: #E6EEFF;
   padding-right: 3px;
}

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