﻿body * { direction: rtl; text-align: right; font-family: Arial; font-size: 13px }
center { text-align: center }
body { direction: rtl; background: url(images/body-bg.png); background-attachment: fixed; color: #343434; font-family: Arial; font-size: 13px }

.Head { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit }
h1, h2, h3, h4, p, form { margin: 0; padding: 0 }
ul, ul  li { margin: 0; padding: 0; list-style: none }
ul.reset li { text-indent: 0; background: none; padding: 0 }
ul li, ul.default li { padding-right: 17px; background: url(images/bullet.png) no-repeat top right }
td, th { vertical-align: top }

.default-ul-like a,
a.default-ul-like { display: list-item; list-style: none; padding-right: 17px; background: url(images/bullet.png) no-repeat top right }

ul ul { margin-right: 20px }

/* typography */

h1 { margin-bottom: 12px }
h1.indented { margin-right: 145px }
h1, h1 *, .content-typography h1, .content-typography h1 * { font-weight: bold; font-size: 20px; color: #6d1466; line-height: 26px }
h1, h2.feeds { background: url(images/h2-bg.png) repeat-x bottom right; padding-bottom: 0; }

h2.feeds { font-weight: normal }
h2, h2 *, h2 a:link, h2 a:visited { font-weight: bold; font-size: 19px; color: #343434;
     padding-bottom: 2px; margin-top: 15px }

h3, h3 *, h3 a:link, h3 a:visited, h3 a:hover { font-weight: bold; font-size: 15px; color: #343434; margin-top: 12px; text-decoration: none }
.content-typography, .content-typography * { line-height: 19px; text-align: justify }
.content-typography h2 { margin-bottom: 4px }
.content-typography h3 { margin-bottom: 8px }
.content-typography p { margin-bottom: 4px }
.content-typography em { font-style: normal; font-weight: bold }

.big-font .content-typography { line-height: 24px; font-size: 15px; letter-spacing: 0.2px }
.big-font .content-typography * { font-size: 15px }
.big-font .content-typography h3, .big-font .content-typography h3 * { font-size: 17px }
.big-font .content-typography h2, .big-font .content-typography h2 *,
.big-font .content-typography h1, .big-font .content-typography h1 * { font-size: 20px }

a.semi-link:link,    a.semi-link:link *,
a.semi-link:visited, a.semi-link:visited *,
a.semi-link:hover,   a.semi-link:hover * { color: #343434; font-weight: normal; text-decoration: none }

.SubHead { color: #6d1466 }

a:link,  
a:link *,
a:visited,
a:visited *,
a.CommandButton { text-decoration: none; cursor: pointer }

a:hover,     a.semi-link:hover .semi-link-spot,
a:hover *,   a.semi-link:hover * .semi-link-spot { text-decoration: underline; cursor: pointer }

a,
a:link,      a.semi-link:link .semi-link-spot,
a:link *,    a.semi-link:link * .semi-link-spot,
a:visited,   a.semi-link:visited .semi-link-spot,
a:visited *, a.semi-link:visited * .semi-link-spot,
a:visited,   a.semi-link:hover .semi-link-spot,
a:visited *, a.semi-link:hover * .semi-link-spot,
a.CommandButton,     a.CommandButton *,
a.CommandButton:link,     a.CommandButton:link *,
a.CommandButton:visited,     a.CommandButton:visited *,
a.CommandButton:hover,     a.CommandButton:hover * { color: #6d1466; font-weight: bold }

a.SkinObject:link, a.SkinObject:visited { color: #888; font-family: Arial; }

a.text-like,
a.text-like:hover,
a.text-like:link,
a.text-like:visited,
a .text-like,
a:link .text-like,
a:hover .text-like,
a:visited .text-like { color: #343434; font-weight: normal; text-decoration: none; }

/* menu */

.main-menu { height: 38px; background: url(images/menu-bg.png) no-repeat top left; position: relative }
.main-menu ul, .main-menu ul li { padding: 0; margin: 0; background: none; list-style: none; text-indent: 0 }

.main-menu ul.level-0 { float: right; width: 620px; height: 35px; margin-top: 3px }
.main-menu li.level-0 { float: right; background: #6d1466; height: 35px; position: relative }
.main-menu li.level-0 img { border: none }

.main-menu ul.level-1 { display: none; position: absolute; background: #8c3d8a; right: 0; top: 35px; z-index: 1000 }
.main-menu li.level-1 { white-space: nowrap; border-bottom: solid 1px #c69fc5; position: relative; width: 190px; text-indent: 20px }
.main-menu li.item-67  li.level-1 { width: 155px }
.main-menu li.item-67  ul.level-2 { right: 155px }
.main-menu li.item-67  li.level-2 { width: 290px }
.main-menu li.item-75  li.level-1 { width: 190px }
.main-menu li.item-75  ul.level-2 { right: 190px }
.main-menu li.item-75  li.level-2 { width: 210px }
.main-menu li.item-76  li.level-1 { width: 130px }
.main-menu li.item-76  ul.level-2 { right: 130px }
.main-menu li.item-76  li.level-2 { width: 155px }
.main-menu li.item-77  li.level-1 { width: 165px }
.main-menu li.item-86  li.level-1 { width: 230px }
.main-menu li.item-56  li.level-1 { width: 95px }

.main-menu li.item-7    { position: absolute; right: 700px; top: 38px; z-index: 1000; height: 18px }
.main-menu li.item-39    { position: absolute; right: 620px; top: 38px; z-index: 1000; height: 18px }
.main-menu li.item-7 ul, .main-menu li.item-39 ul { top: 18px }

.main-menu ul.level-2 { display: none; position: absolute; background: #a85ea7; right: 190px; top: 0 }
.main-menu li.level-2 { white-space: nowrap; border-bottom: solid 1px #c69fc5; position: relative; width: 120px; text-indent: 20px }

.main-menu a { text-decoration: none }
.main-menu li.level-1 span,
.main-menu li.level-2 span { display: block; color: #fff; padding: 3px 0 3px 0; font-weight: bold }
.main-menu li.level-1 a:hover span,
.main-menu li.level-2 a:hover span { text-decoration: none; background: #c096c0 }
/*.main-menu ul li.level-0 a:hover ul { display: block; width: auto; height: auto; }
.main-menu ul li.level-0 a:hover ul li { float: none; }*/

.search-tool { float: left; width: 230px; height: 35px; margin: 3px 0 0 30px; position: relative }
.search-tool a,
input.purple-button,
.purple-buttons input,
input.StandardButton,
.grey-form a.CommandButton { height: 17px; line-height: 15px; background: #630460; border: solid 1px #a272a2; text-align: center; font-size: 12px }
input.StandardButton, input.purple-button { height: auto }
.search-tool a { width: 58px; display: block;  position: absolute; right: 155px; top: 8px; }
input.purple-button,
.purple-buttons input,
input.StandardButton,
.grey-form a.CommandButton { display: inline-block; color: #fff; font-weight: bold }
.search-tool a, .search-tool a:link, .search-tool a:visited, .search-tool a:hover { color: #fff }
.search-tool input { width: 130px;  position: absolute; right: 15px; top: 8px; font-size: 11px }
a.CommandButton, a.CommandButton:link,
a.CommandButton:visited, a.CommandButton:hover { padding: 0 6px 0 6px; text-decoration: none; }
                 
 input { height: 17px; line-height: 17px; background: #fff; border: solid 1px #996699; font-size: 13px }


/* layout */
/* LP = landing Pages */
.wrapper { margin: 0 auto; width: 900px }
.wrapper .pad { padding: 10px; background: #fff }
.wrapper .pad .pad { padding: 0; background: none }
.page { clear: both; background: url(images/left-pane-bg.png) repeat-y 24px 0; width: 880px; overflow: hidden  }

.right-pane { width: 135px; float: right; margin-top: 30px; margin-left: 20px }
.center-pane { width: 445px; float: right; margin-top: 30px }
.full-right-pane { width: 590px; float: right; margin-right: 10px }
.hp-feed-pane-pad  { padding-left: 7px; border-left: solid 1px #e0e0e0; margin-left: 8px; margin-top: 15px; float: right; display: inline }
.hp-feed-pane { width: 137px; height: 170px }
.hp-feed-pane.last-pane { width: 137px; margin-top: 15px; float: right; display: inline }
.hp-feed-pane h3 { margin-top: 0; position: relative; top: -4px }
.feed-pane-inside { position: relative }
.feed-pane-inside img { position: absolute; left: 0; top: 0 }
.breadcrumbs { height: 30px; clear: both }
.breadcrumbs *,
.breadcrumbs a:link,
.breadcrumbs a:visited { font-weight: normal; color: #555 }
.breadcrumbs span { margin-top: 2px }

.send-friend-pane, .send-friend-pane div { display: inline }
.send-friend-pane input { height: auto }

.intro-right-pane { width: 125px; float: right; margin-left: 20px; padding-top: 41px }
.intro-left-pane { width: 445px; float: right; height: 176px; background: url(images/h2-bg.png) repeat-x bottom right;/*border-bottom: solid 6px #eeeeee*/ }
.intro-left-pane * { font-weight: bold }

.intro-right-pane.no-h1 { padding-top: 0; margin-bottom: 12px }
.intro-left-pane.no-h1 { height: 190px; margin-bottom: 12px }

.row { clear: both }
.col-1 { float: right; width: 125px; margin-left: 20px }
.col-3 { float: right; width: 445px }
td.col-1 { float: none }
td.col-3 { float: none }

.clear { clear: both; height: 1px; margin: 0; padding: 0 }

/* books */

.book, .teacher, .link, .courses li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: solid 2px #eee }
.book .info h3,
.teacher h3,
.link h3 { margin-top: 0 }
.book .cover { background: #eee; text-align: center; padding: 3px 0 3px 0 }
.site-link a { direction: ltr }


/* chapter menu */
.chapter-menu { margin-right: 145px; padding-bottom: 20px; background:transparent url(images/h2-bg.png) repeat-x scroll right bottom; }
.chapter-menu a, .chapter-menu a * { font-weight: bold; font-size: 15px; color: #6D1466;
                                     padding-bottom: 2px; margin-top: 15px }



/* courses list */

ul.courses li { margin-top: 10px; padding-bottom: 0; margin-top: 6px }
ul.courses li .col-3  { padding-bottom: 8px }
ul.courses li ul.default li { margin-top: 0; border: none; padding-top: 0; padding-bottom: 0; margin-bottom: 0 }
ul.courses li ul.default { padding-right: 0; margin-right: 0 }
ul.courses li .course-heading h3,
ul.courses li .course-heading h3 *,
ul.courses li .course-heading h3 a:link,
ul.courses li .course-heading h3 a:visited { font-weight: bold; font-size: 19px; color: #6d1466; display: inline }
/*.course-invitation { background: #f0f0f0; display: inline-block; padding: 4px }*/

li.course-invitation a.semi-link:link,
li.course-invitation a.semi-link:visited,
li.course-invitation a.semi-link:hover { font-weight: bold }

ul.index li { float: right; margin-left: 4px }
ul.index { height: 40px; clear: both; margin: 5px 0; background: #eeeeee; padding-right: 5px }
ul.index .sep { color: #bbb }

/* navigation */

.left-pane { width: 230px; /*height: 100%;*/ float: right; margin-right: 15px; /*background: url(images/left-pane-bg.png) repeat-y; */padding-top: 30px; position: relative }

.left-pane .bg-rep { width: 230px; height: 1px; position: absolute; left: -5px; top: 650px }
.left-pane .bg-rep1 { background: url(images/left-pane-bg-rep1.png) repeat-y; }
.left-pane .bg-rep2 { background: url(images/left-pane-bg-rep2.png) repeat-y; }
.left-pane .bg-rep3 { background: url(images/left-pane-bg-rep3.png) repeat-y; }
.left-pane .bg-rep4 { background: url(images/left-pane-bg-rep4.png) repeat-y; }

.left-pane .pad { width: 200px; margin-right: 20px; padding: 0; list-style: none }
.left-pane .pad .pad { width: auto; margin: 0; padding: 0 10px 10px 10px }
.left-menu ul, .left-menu li { background: none; padding: 0; margin: 0; text-indent: 0; }
.left-menu li { height: 30px }
.left-menu span,
a.login { display: block; height: 29px; line-height: 27px; padding-right: 29px; 
               background: url(images/left-menu-item-bg.png) no-repeat; font-weight: bold;
	       border-bottom: solid 1px #e6e6e6; }
a.login { border-top: solid 1px #e6e6e6; }
.left-menu span { cursor: default; color: #000 }
.left-menu a span { cursor: pointer; color: #000 }

.left-menu .DNNEmptyPane { display: none }

.left-pane h3 { padding-top: 20px }
.left-pane h3,
.left-pane h3 * { color: #6D1466 }

.wrapper .pad .pad .user-info { border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; background: #fff }
.user-info h3 { padding-top: 0; margin-top: 10px }

.zoom-link { display: block; margin-top: 0; margin-right: 8px; padding: 5px 20px 7px 0; background: url(images/zoom-link-icon.png) no-repeat 100% 50%; cursor: pointer }
/*.zoom-link { display: block; margin-top: 20px; padding: 3px 15px 5px 0; background: url(images/zoom-link-icon.png) no-repeat 100% 50%; cursor: pointer }*/

/* next steps */

ul.next-steps { margin-top: 4px }
ul.next-steps a { display: block; font-weight: normal; color: #343434; text-decoration: underline;
                  background: url(images/next-steps-bullet.png) no-repeat 100% 50%; height: 20px; line-height: 16px; padding-right: 11px }
ul.next-steps li { background: none; text-indent: 0; padding-right: 0 }

/* newsletter subscribe */
.newsletter-subscribe { height: 40px; clear: both }
.newsletter-subscribe-text { height: 18px; width: 178px; direction: ltr; text-align: left; line-height: 17px }
.newsletter-subscribe-text.default-val { direction: rtl; text-align: right; color: #959595 }
.newsletter-subscribe-button { border: none; background: none; font-weight: bold; float: left; color: #6D1466; font-size: 12px; padding: 2px 8px 2px 0 }

/* forms */

.grey-form { background: #eeeeee; padding: 12px }
.grey-form td { padding: 0 0 7px 20px }
.grey-form label { font-weight: bold }
.grey-form label.inline { display: inline }
.grey-form h3,
.grey-form h3 * { color: #6D1466; margin-top: 0 }
.hp-leads-form { margin-top: 30px }
.hp-leads-form input { margin-bottom: 3px }
.hp-leads-form h3 { margin-bottom: 5px }
.LoginPanel img { display: none }
.grey-form label img { display: none }
.required { color: #630460 }
.float-left { float: left }
input.ltr { direction: ltr; text-align: left }


/* tables */

.greyTable th,
.UDT_Table_Head th,
.DNN_Documents .SubHead td { background: #cccccc; border-bottom: solid 2px #fff; padding: 4px 4px 4px 12px; color: #343434 }

.greyTable td,
.UDT_Table_AlternateItem td, .UDT_Table_Item td,
.DNN_Documents td { background: #eeeeee; border-bottom: solid 1px #fff; padding: 4px 4px 4px 12px }

.UDT_Table_Item td { background: #e8e8e8 }

.teacher-email { font-size: 11px }

div.greyTableHeadRow { width: 590px; float:right; background: #cccccc; border-bottom: solid 2px #fff; padding: 0; color: #343434; font-weight: bold }
div.greyTableHeadRow .cell { display: block; margin: 4px 4px 4px 12px; float: right }

div.greyTableRow     { width: 590px; float:right; background: #eeeeee; border-bottom: solid 1px #fff; padding: 0 }
div.greyTableRow .cell { display: block; padding: 4px 0 4px 0; margin: 0 4px 0 12px; float: right }

.dnnarticle-table { position: relative; width: 588px }
.dnnarticle-table img { position: absolute; left: 6px; top:6px }

.articleRows { width: 590px; text-align:right }
.articleRows .col-1 { width: 300px }
.articleRows .col-2 { width: 140px }
.articleRows .col-3 { width: 80px }
.articleRows a { display: block }
.articleRows .description { display: none; background: #fafafa }
.tab-83 .articleRows .description { display: block }

.content-footer { clear: both; padding-top: 50px; text-align: center ; color:#343434}
.feed-pane-pads { position:relative; clear: both; overflow: hidden; width: 445px }
.rss1 {position:absolute; top:10px; right:110px; border:0}
.rss2 {position:absolute; top:10px; right:270px; border:0}
.rss3 {position:absolute; top:10px; right:426px; border:0}

.footer { margin-top: 10px }
.footer * { font-size: 11px; color: #555 }
.footer a,
.footer a:link,
.footer a:visited { color: #555; display: inline-block; margin: 0 3px 0 3px; font-weight: normal }

.footer-w3 { margin: 0 auto; width:417px; margin-top:12px;}
.footer-w3 a { margin: 0 6px }
.footer-w3 img { border: none }
.tinkC, .tinkC a {color:#818181; font-size:10px; margin:0; text-decoration:none}
.footer-w3 div {width:100px;float:right} 
.tinkC {margin-left:1px}
.mezooC {margin-left:15px;}

.footer-w3_internal {width:317px;}

.logo-print-version { display: none }

@media print {
    body { background: #fff }
    .wrapper { width: auto }
    .page { width: auto; background: #fff }
    .full-right-pane { width: auto }
    .main-menu { display: none }
    .left-pane { display: none }
    .header { width: 110px; height: 63px; background: url() no-repeat top right }
    .header * { display: none }
    .header .logo-print-version { display: block }
}


/* tabs report */
.tabs-report-visible-False a { color: #888888 }
.tabs-report-deleted-True a { color: #fff }
.tabs-report-level-1 { padding-right: 25px !important }
.tabs-report-level-2 { padding-right: 50px !important }
.tabs-report-level-3 { padding-right: 75px !important }




/* landing page */

.pageLP { clear: both; background:#FFF; width: 880px; overflow: hidden;position:relative; margin-bottom:40px;  }
.pageLP H2 {background: url(images/h2-bg.png) repeat-x bottom right; line-height: 22px ; margin-top:8px; color:#6d1466; font-size:14px;}
.pageLP P {line-height:20px; margin:0; padding:0}
.left-contentLP {float:left; width:280px; margin-top:28px;position:relative}
.pageLP #player {position:absolute;top:0}
.full-right-paneLP { width: 580px; float: right;  margin-left: 10px}

.lp-leads-form {background:#EEE; width:580px; display:block; text-align:right; padding-bottom:10px;}
.lp-leads-form h3{font-size:16px;color: #6D1466; font-weight:bold; padding:5px 0 10px 0; }
.lp-leads-form label { font-weight: bold }
.lp-leads-form .likeh3{font-size:16px; font-weight:bold; padding:5px 0 10px 0;}
.row {width:580px; padding:5px 0}
.row LABEL {font-size:13px; width:70px; display:inline-block;  padding-right:5px}
.row SPAN {}
.textbox, .row INPUT, .row SELECT {width:200px; }
.Newslbl {line-height:20px; display:inline !important}
 
.CheckBoxNews Label {padding:0; margin:0; width:174px; font-weight:normal; font-size:12px;}
.CheckBoxNews input {padding:0; margin:0; width:20px; height:10px !important }
.landing-page-submit{width:200px; color:#FFF; background:#6d1466; height:20px; float:left; margin-left:15px;
                      line-height:20px; font-size:14px; text-align:center; font-weight:bold; }

.bottomLinks {position:absolute; bottom:0; left:0; width:280px;}
.bottomLinks IMG{ border: none; clear:both; padding-top:20px;}



.RadWindow .rwWindowContent {background: #FFF !important;}
.rwTitleRow .rwTopRight {border-top:1px solid #ddd; border-right:1px solid #aaa}
.rwTitleRow .rwTopLeft {border-top:1px solid #ddd; border-left:1px solid #ddd}
.rwTitleRow .rwTitlebar {border-top:1px solid #ddd;}
.rwContentRow .rwBodyRight {border-right:1px solid #aaa;}
.rwContentRow .rwBodyLeft {border-left:1px solid #ddd;}
.rwFooterRow  .rwFooterCenter {border-bottom:1px solid #aaa;}
.rwFooterRow  .rwFooterRight {border-bottom:1px solid #aaa; border-right:1px solid #aaa}
.rwFooterRow  .rwFooterLeft {border-bottom:1px solid #aaa; border-left:1px solid #ddd}
.rwContentRow .rwWindowContent {border:1px solid #ddd}




.RadWindow_Black .rwBodyLeft, .RadWindow_Black .rwBodyRight, .RadWindow_Black .rwStatusbarRow .rwCorner {background:url(images/body-bg.png) repeat !important;}
.RadWindow_Black .rwTopLeft, .RadWindow_Black .rwTopRight,  .RadWindow_Black .rwFooterLeft, .RadWindow_Black .rwFooterRight, .RadWindow_Black .rwFooterCenter, .RadWindow_Black .rwTopResize, .RadWindow_Black .rwStatusbar div, .RadWindow_Black .rwStatusbar, .RadWindow_Black .rwPopupButton, .RadWindow_Black .rwPopupButton span, .RadWindow_Black.rwMinimizedWindow .rwCorner, .RadWindow_Black .rwDialogInput {background:url(images/body-bg.png) repeat !important}

.FBWrapper
{
	position: relative;
}
.fb_share_size_Small.fb_share_count_wrapper
{
	bottom:31px;
	position:absolute;
	right:103px;
}

.staffDetail
{
	
}