/* Qatar Education Reform / Supreme Education Council site styles */
/* Created: 12/15/2003 */
/* Author: Kelly Green */
/* Modified: */
#ie5mac
{
    /* IE 5 for Mac ignores the first style */
    background-color: inherit;
}

/* SITEWIDE STYLES */
body, p, td, th
{
    font-family: 'Simplified Arabic', 'Arabic Transparent', 'Baghdad', 'Times New Roman';
    font-size: 12pt;
    line-height: 1.5em;
}

body
{
    background-color: #666;
    margin: 0;
    padding: 0;
    text-align: center;
}

form
{
    display: inline;
    margin: 0;
    padding: 0;
}

a img
{
    border: 0;
}

img
{
    border: 0;
}

a:link
{
    color: #008080;
    text-decoration: none;
}

a:visited
{
    /* color: #5A5A5A; */
    color: #4164B9;
    text-decoration: none;
}

a:hover
{
    color: #000;
}

hr
{
    color: #CCCCCC;
}

h1
{
    font-size: 15pt;
    font-weight: normal;
    direction: rtl;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
}

h2
{
    font-size: 14pt;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 6px;
    direction: rtl;
}

h3
{
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 3px;
    direction: rtl;
}

h4
{
    display: block;
    font-family: 'Simplified Arabic', 'Times New Roman', 'Arabic Transparent';
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0 5px 0;
    direction: rtl;
}

p
{
    margin-bottom: 12px;
    line-height:1.5em;
    padding: 0;
    margin-top: 0;
    direction: rtl;
}

p strong
{
    direction: rtl;
}

.download
{
    direction: ltr;
}

input
{
    margin-top: 0;
    font-size: 11px;
    font-family: 'Simplified Arabic', 'Times New Roman', 'Arabic Transparent';
    text-align: right;
    vertical-align: middle;
}

textarea
{
    direction: ltr;
    text-align: right;
}

address
{
    font-style: normal;
    font-size: 12pt;
    margin: 4px 0 4px 0;
}

ul, ol
{
    margin: 0 1.8em 0 0;
    padding: 0;
    text-indent: -4px;
    direction: rtl;
}

table
{
    text-align: right;
}

#pageborders
{
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    background-color: #FFF;
    border-right: #333;
    border-bottom: #333;
    border-left: #333;
    border-width: 0 1px 1px 1px;
    width: 760px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
}

/* GLOBAL NAV STYLES */
#topnav
{
    background-image: url(/images/bg_bannertop.gif);
    background-repeat: repeat-x;
    background-color: #2DA9A9;
    line-height: .9em;
}

#bannertop
{
    padding: 6px 12px 5px 14px;
    background-image: url(/images/bg_topnav_03.gif);
    background-repeat: repeat-y;
    line-height: .9em;
    direction: rtl;
    height: 1.1em;
}

table#bannertable
{
    border: 0;
    width: 734px;
}

#bannertop td.utilitynav
{
    direction: rtl;
    font-weight: normal;
}

div.globalnav
{
    font-size: 11pt;
    padding: 0 10px 5px 10px;
    background-image: url(/images/bg_bannertop_side.gif);
    background-repeat: repeat-y;
    text-align: center;
    height: 1.4em;
}

div.globalnav table
{
    border: 0;
    width: 95%;
    direction: rtl;
    font-size: 11pt;
    margin-left: auto;
    margin-right: auto;
}

div.gobalnav td
{
	text-align: center;
	font-size: 11pt;
	white-space: nowrap;
}

a.globalnav
{
    font-family: 'Simplified Arabic', 'Times New Roman', 'Arabic Transparent';
    font-size: 11pt;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

a:visited.globalnav
{
    color: #FFF;
}

a:hover.globalnav
{
    color: #000;
}

/* UTILITY NAV STYLES */
.utilitynav
{
    font-family: 'Simplified Arabic', 'Times New Roman', 'Arabic Transparent';
    font-size: 11pt;
    color: #000;
}

.utilitynav td
{
    font-size: 11pt;
}

a.utilitynav
{
    color: #000;
    text-decoration: none;
}

a:hover.utilitynav
{
    color: #FFF;
}

a:visited.utilitynav
{
    color: #000;
}

a.otherlang
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

a:hover.otherlang
{
    color: #FFF;
}

a:visited.otherlang
{
    color: #000;
}

#emailForm
{
    direction: rtl;
}

/* AUDIENCE NAV STYLES */
.audienceLinks
{
    font-family: 'Times New Roman', 'Arabic Transparent', 'DecoType Naskh', 'Simplified Arabic';
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    /* letter-spacing: 0.1em; */
    padding: 5px;
}

.audienceLinks a:visited
{
    color: #2DA9A9;
    /* color: #5A5A5A; originally: #3798A7 */
    text-decoration: none;
}

.audienceLinks a:hover
{
    color: #000;
    text-decoration: none;
}

.subtagline
{
    font-size: 20pt;
    color: #999;
    font-weight: normal;
    padding: 5px 20px 16px 0;
    margin-top: 3px;
    line-height: 24px;
}

/* MAIN CONTENT AREA */
div.welcomeTxt
{
    padding: 0 0 1em 0.5em;
    direction: rtl;
    font-size: 12pt; 
    font-weight: normal; 
}

.breadcrumb
{
    font-size: 12px;
}

.LeftBorderBox
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	padding: 0 0 0 10px;
}

div.BoxContent
{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0px 10px 0 2px;
	text-align: right;
	direction: rtl;
}

div.BoxContent div.listitem h3
{
    line-height: 1.2em;
}

div.BoxContent div.listitem div.shortdescription
{
    font-size: 12pt; 
    font-weight: normal; 
}

div#schoolNews h3
{
    line-height: 1.2em;
    padding-bottom: 2px;
    padding-top: 0;
}

.LeftEmailBoxContent
{
    margin-top: -23px;
    margin-bottom: 0;
    padding: 0 14px 0 0;
    direction: ltr;
}

.BoxContent table, .LeftEmailBoxContent table
{

    margin-right: 0;
    margin-left: auto;
    direction: ltr;
}

.BoxContent input, .LeftEmailBoxContent input
{
    text-align: right;
}

/* this list style is used for lists of links that do not get bullets or indentation */
.list
{
    margin: 0;
    padding: 0 0 4px 0;
}

.date
{
    direction: rtl;
    color: #333;
    font-weight: bold;
}

.sidedate, .sidedate table
{
    direction: rtl;
    font-size: 10pt;
    font-weight: normal;
}

.sidedate table
{
    padding: 0 0 0 5px;
    margin: 0 0 0 auto;
    color: #333;
}

.polldate, .polldate td
{
    font-size: 10pt;
    direction: rtl;
}

.polldate td table
{
    direction: rtl;
}

#polltable, #polltable td
{
    line-height: 1.3em;
    direction: rtl;
}

#polltable input
{
    margin: 0;
    padding: 0;
}

.pollnote
{
    font-size: 10pt;
}

.date table
{
    padding: 0 0 0 5px;
    margin: 0 0 0 auto;
    color: #333333;
    font-weight: bold;
}

.job, .job table, .job td
{
    font-size: 12pt;
    font-weight: normal;
}

/* Default styles */
.event
{
    padding-top: 4px;
    padding-bottom: 4px;
}

.detailTable
{
    margin-right: 0;
    margin-left: auto;
    direction: rtl;
}

.detailTable table
{
    direction: ltr;
}

#detailTable tr.notext td
{
    padding-top: 0;
    padding-bottom: 0;
}

.featured-thumbnail
{
    float: right;
}

.legend
{
}

.legend th
{
    background-color: #eee;
    font-weight: bold;
    color: #000;
}

.legend td
{
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
}

.photo
{
    float: left;
    border: 0;
    margin: 4px 4px 4px 0;
}

.audiences-list
{
    float: left;
    font-size: 14px;
}

#underAnnouncements
{
    padding-top: 14px;
    font-weight: bold;
}

#underFAQ
{
    font-weight: bold;
    padding-right: 22px;
}

.contact
{
    margin: 0 0 4px 0;
}

/* The pager / pagination */
.pager
{
    text-align: right;
    padding-top: .5em;
    padding-bottom: .5em;
    margin-top: .5em;
    margin-bottom: .5em;
    border-top: 1px dashed #5A5A5A;
    border-bottom: 1px dashed #5A5A5A;
    color: #000;
    direction: rtl;
}

.pager a
{
    color: #2DA9A9;
}

.pager a:hover
{
    color: #000;
}

.pager a:visited
{
    color: #5A5A5A;
}

.pager table
{
    margin-left: auto;
    margin-right: 0;
}

.PagerCurrent /* page you're on */
{
    font-weight: bold;
}

/* Related Links in Sidebar */
.related-links
{
    border: 1px dashed #ccc;
    background-color: #eee;
    padding: 5px 5px 5px 5px;
    margin-top: 12px;
}

.related-links h2
{
    margin: 0;
}

.summary
{
    padding-bottom: 12px;
}

.shortdescription
{
    padding: .5em 0 .5em 0;
    direction: rtl;
}

.longdescription
{
    padding: .5em 0 .5em 0;
    direction: rtl;
}

.bio
{
    font-style: italic;
}

.fulltext
{
    font-weight: normal;
    padding-bottom: 12px;
    direction: rtl;
}

.source
{
}

div.newsItem
{
    direction: rtl;
    padding-bottom: 0;
    padding-top: 4px;
}

div.newsItem table
{
    direction: rtl;
    /* white-space: nowrap; */
}

div.newsItem table td
{
    vertical-align: top;
}

.newsItem .newsTitle
{
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 2px;
    padding-bottom: 0;
    display: block;
    margin-top: 0;
    padding-top: 3px;
}

div.newsItem td.newsDate table
{
    direction: rtl;
}

.listitem
{
    padding: 0;
    padding: 0;
}

.listitem h2
{
    margin: 0;
}

.listitem h3
{
    margin: 6px 0 0 0;
    padding: 0;
}

.listitem .date, .listitem .date table
{
    padding: 0 0 0 5px;
}

.listitem .source
{
    font-style: italic;
}

.listitem .description
{
    font-size: 14px;
}

.listitem .shortdescription
{
    margin: 0;
    padding: 0;
}

.listitem .organisation
{
    font-style: italic;
}

.indented
{
    padding-right: 15px;
}

.image-float
{
    float: right;
    margin: 0 14px 5px 12px;
}

td#announcements
{
    width: 50%;
    padding: 4px;
}

td#faq
{
    width: 50%;
    padding: 4px;
}

/* used for detail pages */
td.label
{
    font-weight: bold;
    text-align: right;
}

/* Specific to ERROR module */
.error
{
    padding: 5px 15px 5px 15px;
    margin: 0;
    color: #B00;
}

.error h1
{
    color: #B00;
}

.error .src
{
}

.error .msg
{
}

.error-message, .fieldReqd
{
    color: #B00;
    font-weight: bold;
}
    

/* Default Navigation Item (Section or Module Link) */
div.navitem
{
    display: block;
    padding: 3px;
    color: #BD3942;
    text-decoration: none;
    background-color: #CECECE;
    border-top: 1px solid #5A5A5A;
    text-align: left;
    font-weight: bold;
}

a.navitem
{
    display: block;
    padding: 3px 0 3px 0;
    color: #BD3942;
    text-decoration: none;
    text-align: left;
    font-weight: bold;
}

a.navitem:hover
{
    color: #FFF;
    background-color: #5A5A5A;
}

a.navitem:hover:visited
{
    color: #FFF;
    background-color: #5A5A5A;
}

a.navitem:visited
{
    color: #BD3942;
}

/* Arabic Navigation - for access to the Arabic site */
a.arabicnav
{
    font-family: 'Simplified Arabic', 'Times New Roman', 'Arabic Transparent';
    font-size: 11pt;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

a:hover.arabicnav
{
    color: #FFF;
}

a:visited.arabicnav
{
    color: #000;
}

/* Selected Navigation Item (You are here) */
div.navitem-sel
{
    display: block;
    padding: 3px;
    color: #BD3942;
    text-decoration: none;
    background-color: #FFF;
    border-top: 1px solid #5A5A5A;
    text-align: left;
    font-weight: bold;
}

a.navitem-sel
{
    display: block;
    padding: 3px;
    color: #BD3942;
    text-decoration: none;
    background-color: #FFF;
    border-top: 1px solid #5A5A5A;
    text-align: left;
    font-weight: bold;
}

a.navitem-sel:hover
{
    background-color: #5A5A5A;
}

a.navitem-sel:visited
{
    color: #BD3942;
}

/* PAGE HEADER */
/* FOOTER */
.footer
{
    border-top: 1px solid #999;
    padding: 5px;
    text-align: left;
    color: #5A5A5A;
    direction: rtl;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: .7em;
}

.footer div
{
    float: right;
    text-align: right;
    font-family: 'Simplified Arabic', 'Arabic Transparent', 'Baghdad', 'Times New Roman';
    font-size: 12pt;
}

.footer table
{
    margin-left: auto;
    margin-right: auto;
    color: #5A5A5A;
}

/* ADMIN */
.admin-toolbar
{
    color: #A42829;
    border-top: 1px dashed #A42829;
    padding: 2px;
}

.admin-toolbar a
{
    color: #A42829;
}

.admin-toolbar a:hover
{
    color: #A42829;
}

.admin-toolbar a:visited
{
    color: #A42829;
}

/* HOME PAGE */
#swoosh
{
	background-repeat: no-repeat;
	background-image: url(/images/bg_swoosh_newB.gif);
	background-position: 15px 10px;
	margin-top: -8px;
/* 	padding-top: 0; */
}

#spotlightTable {
   margin-left: 10px;
}

#spotlightTable td {
   background-color: #EEE;
}

#spotlightTable .spotlightTopLeft, 
#spotlightTable .spotlightTopRight, 
#spotlightTable .spotlightBottomLeft, 
#spotlightTable .spotlightBottomRight {
   vertical-align: top;
   text-align: left;
   width: 9px;
   height: 9px;
}

#spotlightTable .spotlightBottomLeft,
#spotlightTable .spotlightBottomRight {
   vertical-align: bottom;
}

#spotlightTable .spotlightTopLeft,
#spotlightTable .spotlightBottomLeft {
   text-align: right;
}


div#spotlight
{
	/*border: 1px solid #CCC;*/
	padding: 0 3px;
	margin: 0 0 0px 1px;
	background-color: #EEE;
	font-size: 12pt; 
   font-weight: normal; 
}

div#spotlight h2
{
    font-size: 12pt;
}

div#spotlight div.listitem h3
{
    line-height: 1.2em;
}

div#spotlight div.listitem div.shortdescription
{
    font-size: 12pt; 
    font-weight: normal; 
}

#blogTable {
   margin-left: 10px;
   width: 315px;
}

#blogTable td {
   background-color: #F9EBE4;
}

#blogTable .blogTopLeft, 
#blogTable .blogTopRight, 
#blogTable .blogBottomLeft, 
#blogTable .blogBottomRight {
   vertical-align: top;
   text-align: left;
   width: 9px;
   height: 9px;
}

#blogTable .blogBottomLeft,
#blogTable .blogBottomRight {
   vertical-align: bottom;
}

#blogTable .blogTopLeft,
#blogTable .blogBottomLeft {
   text-align: right;
}


div#homeBlog
{
    padding-left: 10px;
}

div#homeBlog h2
{
    font-size: 12pt;
}

div#homeBlog a:link, a:hover, a:active, a:visited
{
    color: #008080;
}

div#homeBlog h3, div#homeBlog div.itemdesc
{
    padding-right: 1.5em;
}

div#homeBlog img
{
    float: right;
}

.blog-intro, .blog-content
{
    font-size: 13pt;
    font-weight: normal;
    direction: rtl;
}

.blog-add-comment
{
    padding-top: 1em;
}

.blog-add-comment a, .blog-add-comment a:link, .blog-add-comment a:visited, .blog-add-comment a:hover, .blog-add-comment a:active
{
    color: #008080;
}

.blog-date
{
    font-weight: bold;
    font-size: 13pt;
    color: #666;
}

.blog-date img
{
    margin-bottom: -6px;
}

.blog-comment-date
{
    color: #AAA;
}

.blogCommentDescription
{
    font-size: 12pt;
    direction: rtl;
}

.blog-comments
{
    background-color: #EEE;
    color: #666;
    padding: 0;
    border: 0px solid #CCC;
}

h4.blogCommenterName, .blogCommenterName a:link, .blogCommenterName a:hover, .blogCommenterName a:active, .blogCommenterName a:visited
{
    color: #333;
    font-size: 12pt;
}

a.feed, a.feed:visited
{
	border: 1px solid;
	border-color: #FC9 #630 #330 #F96;
	padding: 0 3px;
	font: bold 10px verdana,sans-serif;
	color: #FFF;
	background: #F60;
	text-decoration: none;
	margin: 4px;
	line-height: 2em;
}

.tagline
{
	font-family: 'Times New Roman', 'Arabic Transparent', 'DecoType Naskh', 'Simplified Arabic';
	font-size: 18pt;
	color: #6F6F6F;
	font-weight: normal;
	padding: 15px 18px 16px 0;
	text-align: right;
	margin: 0;
}

#content
{
    text-align: center;
}

#content-main
{
    margin-right: 18px;
    margin-left: 0;
    width: 740px;
    text-align: right;
    direction: rtl;
}

.logo { padding: 15px 0 0 20px; }

.featuredImage
{
	float: right;
	padding: .6em 0 .1em .5em;
}

.featuredImage img
{
    border: 1px solid #000;
}

.showform
{
    direction: rtl;
}
.showform th
{
    text-align: left;
}

#resultsTable
{
    margin-right: 0;
    margin-left: auto;
}

#mainContentCell
{
    text-align: right;
}

#mainContentCell table
{
    margin-right: 0;
    margin-left: auto;
}

/* XStandard */
p.left
{
    text-align: left;
}

p.right
{
    text-align: right;
}

p.center
{
    text-align: center;
}