/******************************************************* From MAmera Styles *******************************/

@font-face {
    font-family: 'icomoon';
    src: url("../../CustomResources/CourseMenu/fonts/icomoon.eot?-yihpyn");
    src: url("../../CustomResources/CourseMenu/fonts/icomoon.eot?#iefix-yihpyn") format("embedded-opentype"), url("../../CustomResources/CourseMenu/fonts/icomoon.woff?-yihpyn") format("woff"), url("../../CustomResources/CourseMenu/fonts/icomoon.ttf?-yihpyn") format("truetype"), url("../../CustomResources/CourseMenu/fonts/icomoon.svg?-yihpyn#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------- EduWave.css ---------------------------------------------*/
body {
    background: url(../../images/all/content_bg.jpg) repeat-x;
}

    body.logoutPage {
        background: url(../../images/all/content_bg.jpg) repeat-x;
    }

.homepage {
    background: url(../../images/All/sidebar_bg.png) repeat-y;
}

.LoginPage {
    background: #e9e9e9;
}

.button {
    background: #64c1f1 url(../../images/All/btn_bg.jpg) repeat-x;
    color: #fff;
    /*behavior: url(../JS/PIE.htc);*/
    border: 1px #0381c9 solid;
}

a:link {
    color: #0077bb;
}

a:visited {
    color: #0077bb;
}

a:active {
    color: #0077bb;
}

a:hover {
    color: #0088dd;
}

.greenColor {
    color: #3caf09 !important;
}
/*---------------------- Header Style ---------------------------------*/
#header-wrap {
    background: url(../../images/All/header_bg.jpg) repeat-x;
}

#header {
    background: url(../../images/All/top_header_bg.png) repeat-x;
}

#logo {
    background: url(../../images/All/logo_bg.png) no-repeat;
}

    #logo a {
        background: url(../../images/All/eduwave_logo.png) no-repeat;
    }

#ClientLogo {
    background: url(../../images/All/client_bg.png) no-repeat;
}

    #ClientLogo span {
        color: #5d5d5d;
    }

#news span /*By Iyasin change a to span*/ {
    color: #fff;
}

#news a /*By Iyasin for link*/ {
    color: #fff;
    cursor: pointer;
}

#Notes {
    /*R10 Todolist*/
    background: #fff8a6;
    -moz-box-shadow: 0 0 5px #827922 inset;
    -webkit-box-shadow: 0 0 5px #827922 inset;
    box-shadow: 0 0 5px #827922 inset;
}

span.NotesLinkBack /*ar_jq*/ {
    background: url('../../images/All/note_arrow_back.jpg') no-repeat !important;
}

.todoLinks a { /*R10 Todolist*/
    background: url(../../images/All/todolistArrows.jpg) no-repeat;
}

#Notes ul { /*R10 Todolist*/
    color: #665F42;
}

span.NotesLink { /*ar_jq*/
    color: #cec55b;
    background: url(../../Images/All/note_arrow.jpg) no-repeat;
    text-shadow: 1px 1px #fff;
}
/* Login -----------------------*/

.login a.loginBtn {
    background: #FFF url(../../images/All/login_BG.jpg) repeat-x;
    border: 1px #46a9e2 solid;
}

.login a.loginBtnOpen {
    background: #FFF url(../../images/All/login_BG2.jpg) repeat-x;
    border: 1px #46a9e2 solid;
}

.loginAria {
    background: #f8f8f8 url(../../images/All/login_BG3.jpg) repeat-x;
    border: 1px #46a9e2 solid;
}

    .loginAria .LoginInputs {
        border: 1px #d8d8d8 solid;
        color: #696969;
    }
/* user section -------------------*/

#UserInfo {
    background: url(../../images/All/userInfo_bg.jpg) repeat-x;
}

#UserInformation img {
    /*float: left;*/
    border: 1px #b7b7b7 solid;
}

.UserType {
    color: #7a7a7a;
}

.UserDis {
    color: #5b5b5b;
}

#UserNav {
    color: #0a88d0; /*width:200px;*/
}

    #UserNav li a {
        color: #0a88d0;
    }

.NotifiCon {
    color: #fff;
}

    .NotifiCon a {
        color: #965b00;
        text-shadow: 0.1em 0.1em #fad295;
    }

        .NotifiCon a.NotificationLink, .NotifiCon a.NotificationLink2 {
            text-shadow: 0.1em 0.1em #bc7e20;
            color: #fff;
        }

    .NotifiCon .Notifications /*ar_jq*/ {
        border: 1px #c68017 solid !important;
        color: #fff;
        background-color: #f4a42a !important;
    }

    .NotifiCon p.NotificationsCounter /*P. Modified by iyasin*/ {
        background: url(../../images/All/notfi_bg_arrow.png) no-repeat !important;
        color: #fff;
        text-shadow: 0.1em 0.1em #065e91;
    }

        .NotifiCon p.NotificationsCounter span /*P. Modified by iyasin*/ {
            background: url(../../images/All/notfi_bg.png) no-repeat;
        }
/*R10 popup for the notifications start*/
.PopupHeaderTitle {
    color: #fff;
}

.NotificationList {
    background: #fff;
    border: 1px #dfdfdf solid;
    color: #555;
}

.notificationTopArrow {
    background: url(../../images/All/notification_topArrow.png) no-repeat;
}
/* End user section -------------------*/

/*---------------------- End Header Style ---------------------------------*/

/*---------------------- Sidebar Style ---------------------------------*/

.MenuNav { /*R8*/
    background: url(../../images/All/show_hide_menu.png) no-repeat;
}

.MenuNavLeft /*ar_jq*/ {
    background: url(../../images/All/show_hide_menu.png) no-repeat;
}

input[type="text"].Search {
    background: #fff url(../../images/All/search_icon.png) no-repeat;
    color: #878787;
    border: 1px #bdbdbd solid;
    -moz-box-shadow: 0 3px 2px #e0e0e0 inset;
    -webkit-box-shadow: 0 3px 2px #e0e0e0 inset;
    box-shadow: 0 3px 2px #e0e0e0 inset; /*behavior:url(../JS/PIE.htc);*/
}

    input[type="text"].Search:focus {
        background: #fff url(../../images/All/search_icon.png) no-repeat;
    }

.MenuTitle {
    color: #818181;
}

.MainMenu {
    border-bottom: 1px #d3d3d3 solid; /*margin-bottom:30px;*/
}

    .MainMenu li {
        background: #e4e4e4 url(../../images/All/menu_bg.jpg) repeat-x;
        border: 1px #d3d3d3 solid;
    }

.Submenu li { /*---R3 Fixes---*/
    background: none #fff;
}

.MainMenu li a {
    color: #606060;
    text-shadow: 0.1em 0.1em #fff;
    /*behavior:url(../JS/PIE.htc);*/
    background: url(../../images/All/notSelected_menu_item.png) no-repeat; /*---R3 Fixes---*/
}

.Submenu .Submenu a { /*---R3 Fixes  ---*/
    background: #ebf7ff /*url(../../images/All/notSelected_menu_item.png) no-repeat 150px center*/;
    color: #4a6c81;
}

.MainMenu li a:hover, .MainMenu li a.current {
    background: url(../../images/All/Selected_menu_item.png) no-repeat; /*---R3 Fixes---*/
}

.MainMenu li a.SubMenuLink { /*---R3 Fixes---*/
    background: url(../../images/All/submenu.png) no-repeat; /*---R3 Fixes---*/
}

    .MainMenu li a.SubMenuLink:hover, .MainMenu .ActiveSubMenuLink {
        background: #ededed url(../../images/All/submenu.png) no-repeat !Important; /*---R3 Fixes---*/
    }

.MainMenu .Submenu .ActiveSubMenuLink {
    background-color: #d4e7f3 !Important;
    text-shadow: 0.1em 0.1em #ebf7ff;
    color: #4a6c81;
}

.Submenu .Submenu .current, .Submenu .Submenu a:hover {
    background-color: #dbeffc;
}
/* End Side bar Style */
/*---------------------- Content Style ---------------------------------*/
#content {
    color: #555555; /*---- R5 Mod ----*/
}

.LoginPage #content {
    background: url('../../images/All/slice-bg.png') no-repeat;
}

h2.pageTitle {
    color: #215a7a;
    text-shadow: 1px 1px #fff;
}

.currentPageNav, .currentPageNav a {
    color: #9E9E9E;
}

.boxL {
    background: #f8f8f8;
    border: 1px #e8db99 solid;
}

.boxR {
    background: #f8f8f8;
    border: 1px #e8db99 solid;
}

.boxTitle {
    background: url(../../images/All/box_title_bg.jpg) repeat-x;
    border-bottom: 1px #e8db99 solid;
}
/*---------------------- End Content Style ---------------------------------*/


/*---------------------- Footer Style ---------------------------------*/
#footerContainer {
    background: #006faf;
    border-top: 4px #0086d4 solid;
    color: #cbf1ff;
}

    #footerContainer a {
        color: #fff;
    }

.E_Footer {
    background: url(../../images/All/e_footer.png) no-repeat;
}
/*---------------------- End Footer Style ---------------------------------*/

/*--------------------------- Slider --------------------------------------*/



.nav-thumb {
    border: 1px solid black;
}

.photo-meta-data {
    background: url(images/transpBlack.png);
    color: white;
}

.active-thumb {
    background: transparent url(images/icon-uparrowsmallwhite.png) no-repeat;
}
/*
			Load CSS before JavaScript
		*/

/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/




.slides_container div {
    color: #fff;
}

.pagination li a {
    background: url(../../images/All/sliderNav.png) no-repeat;
}
/*
			Optional:
			Show the current slide in the pagination
		*/
.pagination .current a {
    color: red;
    background: url(../../images/All/sliderNav_vurrent.png) no-repeat;
}
/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/

/******************
  SET STYLING HERE
 ******************

/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
    /* top shadow */
    background: #777 url(../../images/All/default.png) repeat-x;
    color: #000;
}
    /* Make sure navigation text is visible */

    /* Navigation current button, default state */
    .anythingSlider-default .anythingControls a.cur {
        background: #888;
        color: #000;
    }
    /* start-stop button, stopped, default state */
    .anythingSlider-default .anythingControls a.start-stop {
        background-color: #040;
        color: #ddd;
    }
        /* start-stop button, playing, default state */
        .anythingSlider-default .anythingControls a.start-stop.playing {
            background-color: #800;
        }
        /* start-stop button, default hovered text color (when visible) */
        /* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
        .anythingSlider-default .anythingControls a.start-stop:hover, .anythingSlider-default .anythingControls a.start-stop.hover, .anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
            background-image: none;
            color: #ddd;
        }
/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
    border-color: #7C9127;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
    /* background image = top shadow */
    background: url(../../images/All/sliderNav.png) no-repeat;
}
    /* Navigation current & hovered button, active state */
    .anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover {
        /* background image removed */
        color: red;
        background: url(../../images/All/sliderNav_vurrent.png) no-repeat;
    }
    /* start-stop button, stopped, active state */
    .anythingSlider-default.activeSlider .anythingControls a.start-stop {
        background: url(../../images/All/play_stop_icon.png) no-repeat;
        color: #fff;
    }
        /* start-stop button, playing, active state */
        .anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
            background: url(../../images/All/play_stop_icon.png) no-repeat;
            color: #fff;
        }
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover, .anythingSlider-default.activeSlider .start-stop.hover {
    color: #fff;
}
/************************
  NAVIGATION POSITIONING
 ************************/

.anythingSlider-default .arrow a {
    background: url(../../images/All/default.png) no-repeat;
}
/***********************
  COMMON SLIDER STYLING
 ***********************/

/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
    background: transparent;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
    background: transparent;
}

#slider {
    color: #fff;
}

    #slider A {
        color: #fff;
    }
/*By Iyasin*/
#slides {
    background: url(../../images/All/sliderBG.jpg) no-repeat;
}
/*--------------------------- End Slider --------------------------------------*/



/*--------------------------- Calender --------------------------------------*/
.calender {
    background: url(../../images/All/cal_shdw.png) no-repeat;
    color: #5b5b5b;
}

    .calender a {
        color: #5b5b5b;
    }

        .calender a.CalEvent {
            background: #ebebeb url(../../images/All/cal_event.jpg) no-repeat;
        }

            .calender a.CalEvent:hover {
                background: #ebebeb url(../../images/All/cal_event.jpg) no-repeat;
                -moz-box-shadow: 2px 2px 2px #c5c5c5;
                -webkit-box-shadow: 2px 2px 2px #c5c5c5;
                box-shadow: 2px 2px 2px #c5c5c5;
            }

        .calender a.CalSelectedEvent {
            -moz-box-shadow: 2px 2px 2px #c5c5c5 inset;
            -webkit-box-shadow: 2px 2px 2px #c5c5c5 inset;
            box-shadow: 2px 2px 2px #c5c5c5 inset;
            background: #ebebeb url(../../images/All/cal_event.jpg) no-repeat;
        }

    .calender .currentDay {
        background: #dddddd;
        -moz-box-shadow: 2px 2px 2px #c5c5c5 inset;
        -webkit-box-shadow: 2px 2px 2px #c5c5c5 inset;
        box-shadow: 2px 2px 2px #c5c5c5 inset;
    }

    .calender th {
        background: url(../../images/All/cal_hdr.jpg) repeat-x;
        color: #fff;
    }
/*By Iyasin Instead of .calender th above*/

.calenderHeader td {
    background: url(../../Images/All/cal_hdr.jpg) repeat-x;
    color: #fff;
}

.calender table table {
    background: #fff;
}
/* By Iyasin*/
.calender table {
    background-color: #fff !important;
}

    .calender table table td {
        background-color: #fff !important;
    }
/*End By Iyasin*/




.EventPopup {
    background: url(../../images/All/cal_popup.png) no-repeat;
}

    .EventPopup a {
        color: #fff;
    }


.calEventLinks a {
    background: url(../../images/All/cal_event_arrows.png) no-repeat;
}

/*--------------------------- End Calender --------------------------------------*/


/*----------------------- login news-----------------------------------------------*/
.LoginNews {
    color: #606060;
}

    .LoginNews ul a {
        color: #2c8abc;
    }
/*----------------------- End login news-----------------------------------------------*/


/*-------------------------- social links ---------------------------------*/

.socialLinks {
    color: #606060;
}
/*----------------------- End social links-----------------------------------------------*/

/*-------------- viewsStyle --------------------*/

.viewsStyle, .EditViewsStyle {
    color: #555555;
}

.TitleStyle {
    border-bottom: 1px solid #ccc;
}

.TitleWithButtons /**---- R10 Mod by mameara  and Waleed---- 17092012 */ {
    border-bottom: 1px solid #ccc;
}

.userInfoLabelStyle { /*----- Ismail R5 -----------*/
    color: #555 !important;
}

.userSmallInfo {
    background-color: #f7f7f7;
    border-left: 3px solid #cbcbcb;
}

.TextValueStyle {
    color: #7c7c7c;
}
/*----- Ismail R5 -----------*/


.userSmallInfo h2 span {
    color: #555;
}
/*.userSmallInfo .editProfile {
	color: #0a88d0;
}*/
.userSmallInfo img.userImage {
    border: 1px solid #dcdcdc;
}

.userSmallInfo .labelsStyle {
    color: #8b8b8b;
}

.userSmallInfo label span {
    color: #555;
}
/*-------------- R5 Forms Style --------------------*/







/*--------- grid style -------*/


.TabelGrid { /*by mameara R10*/
    border: solid #e3e3e3 1px;
    background: #fff;
    color: #555;
}

    .TabelGrid table { /*by mameara R10*/
        background: none;
        color: #555;
    }

    .TabelGrid tr:hover {
        background: #c7ebff;
    }

/*  Row without highlight Style */
.TabelGridNoHighlight .TableGrayRowStyle {
    background: #fff;
}

.TabelGridNoHighlight tr:hover {
    background-color: inherit !important;
}
/* End Row without highlight Style  */

.TabelGrid td, .TabelGrid th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.TabelGrid th { /*R7 replace the image*/
    background: #027dc3 url(../../Images/All/grid_hdr.jpg) repeat-x; /*---- R5 Mod2 ----*/
    color: #e3f5ff;
    border-color: #0071b1 !important;
}

    .TabelGrid th a {
        color: #fff;
    }
    /*by mameara R10*/

    .TabelGrid th:last-child {
        border-right: 1px #0071b1 solid;
    }

.TableGrayRowStyle {
    background: #f4f4f4;
}

.GridPagination:hover, .GridPagination tr:hover {
    background: none !important;
}

.GridPagination td {
    border-top: 1px solid #ccc;
}

.GridPagination a {
    border: 1px #0071b1 solid;
    background-color: #017dc4;
    background-image: url(../../images/All/pagening.jpg);
    background-repeat: repeat-x;
    color: #fff;
    text-shadow: 1px 1px #0071b1;
}

    .GridPagination a:hover {
        border: 1px #bdbdbd solid;
        background: #ebebeb url(../../images/All/currentPage.jpg) repeat-x;
        color: #7c7b7b;
        text-shadow: 1px 1px #fff;
    }

.GridPagination span {
    border: 1px #bdbdbd solid;
    background-color: #ebebeb;
    background-image: url(../../images/All/currentPage.jpg);
    background-repeat: repeat-x;
    color: #7c7b7b;
    text-shadow: 1px 1px #fff;
}
/*add opration controls to the bottom of the grids R10 */

.GridOperationRow {
    border: 1px #e3e3e3 solid;
}
/*--------------- End Grid -------------------*/

.PageInstructions { /*--------------- page instructions R10 ------------------*/
    color: #ec8e27;
    background: #fff3d0;
    border: 1px #e7d6a7 solid;
    /*width:100%;*/
    color: #524e1f;
}

.PageInstructionsHide { /*--------------- page instructions R10 ------------------*/
    color: #ec8e27;
    background: #fff3d0;
    border: 1px #e7d6a7 solid;
    color: #524e1f;
}
/*a.closeInstructions,*/ a.hideInstructions { /*--------------- page instructions R10 ------------------*/
    background: url(../../images/All/instructions_close_hide.jpg) no-repeat;
}

a.ShowInstructions {
    background: url(../../images/All/maximiz.jpg) no-repeat;
}

input[type="button"], input[type="submit"] { /*--------- R5 Mod4 -------*/
    background: #228ecc url(../../images/All/btn.jpg) repeat-x;
    color: #fff;
    text-shadow: 1px 1px #0a6ea6;
    border: 1px #66aad0 solid;
}

.VideoSearch input[type="button"], .VideoSearch input[type="submit"] { /*--------- R5 Mod4 -------*/
    background: #228ecc url(../../images/All/btn.jpg) repeat-x;
    color: #fff;
    text-shadow: 1px 1px #0a6ea6;
    border: 1px #66aad0 solid;
    border-radius: 4px !important;
    background-color: #128dd1;
    padding: 8px 10px !important;
}

input.disabledBtn { /*------ IE8+7!! Fix ------*/ /*--------- R5 Mod4 -------*/
    color: #7c7b7b;
    text-shadow: 1px 1px #fafafa;
    background: #ebebeb url(../../images/All/btn_dsble.jpg) repeat-x !important;
    border: 1px #bdbdbd solid;
}

input[type="button"]:disabled, input[type="button"]:disabled:hover, input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="button"].disabledBtn:hover { /*--------- R5 Mod4 -------*/
    color: #7c7b7b;
    text-shadow: 1px 1px #fafafa;
    background: #ebebeb url(../../images/All/btn_dsble.jpg) repeat-x;
    border: 1px #bdbdbd solid;
}

input[type="button"]:hover, input[type="submit"]:hover { /*--------- R5 Mod4 -------*/
    background: #228ecc url(../../images/All/btn_hover.jpg) repeat-x;
}

select.dropDownStyle {
    border: 1px #0071b1 solid;
    background: #0382ca url(../../images/All/dropDownListBlue.jpg) repeat-x;
    text-shadow: 1px 1px #0a6ea6;
    color: #fff;
}

    select.dropDownStyle option {
        color: #fff;
        text-shadow: 1px 1px #0a6ea6;
        background: #0382ca;
    }

select.disabledDropDown {
    color: #7c7b7b;
    background: #ebebeb url(../../images/All/btn_dsble.jpg) repeat-x;
    border: 1px #bdbdbd solid;
    text-shadow: 1px 1px #fafafa;
}

    select.disabledDropDown option {
        background: transparent;
    }

input[type="text"], input[type="password"] {
    color: #555555;
    border: 1px #d3d3d3 solid;
    background: url(../../images/All/inputText.jpg) repeat-x; /*text-shadow: 1px 1px #ffffff;*/
}

.VideoSearch input[type="text"], .VideoSearch input[type="password"] {
    color: #555555;
    border: 2px #d8d8d8 solid;
    background: none;
    /* text-shadow: 1px 1px #ffffff; */
}

input[type="text"]:disabled, input[type="password"]:disabled { /*--------- R5 Mod4 -------*/
    color: #a7a7a7;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="text"].iefocus {
    border: 1px solid #79bee5;
    background: url(../../images/All/inputText.jpg) repeat-x;
    color: #2f7ca8;
}

.VideoSearch input[type="text"]:focus, .VideoSearch input[type="password"]:focus, .VideoSearch input[type="text"].iefocus {
    border: 2px solid #79bee5;
    background: none;
    color: #2f7ca8;
}

input[type="file"] {
    background: url(../../images/All/inputText.jpg) repeat-x;
    border: 1px #d3d3d3 solid;
}

.ValidationStar {
    color: #ff8a00;
}

.ValidationClass { /* By Iyasin For Indicate Mandatory Control*/
    color: #ff8a00;
}

input[type="text"].Validation {
    border: 1px solid #f3a82a;
}

    input[type="text"].Validation:focus, input[type="text"].Validation.iefocus {
        border: 1px solid #79bee5;
    }

.ValidationNote {
    color: #FF8A00;
}
/*--- R6 ---*/
.ValidationNoteDynamicText {
    color: #FF8A00;
}

textarea {
    color: #555555;
    border: 1px #d3d3d3 solid;
    background: #fff url(../../images/All/textarea.jpg) repeat-x;
}

    textarea:focus, textarea.iefocus {
        border-color: #79bee5;
        background: #fff url(../../images/All/textarea_focus.jpg) repeat-x;
        color: #2f7ca8;
    }

.ToolTip { /*---- R4-----Fix*/
    background: url(../../images/All/tool_tip_img.jpg) no-repeat;
}

    .ToolTip span { /*---- R4-----Fix*/
        background: #f4a42a url(../../images/All/ToolTip_img2.jpg) repeat-x;
        color: #fff;
        text-shadow: 1px 1px #b57413;
    }

.notes {
    border: 1px solid #ccc46c;
    background-color: #fff8a6;
    color: #524e1f;
}
/* EndForms Style */

/*----- Telerik ComboBox ------*/



.RadComboBox .rcbInputCell .rcbInput {
    text-shadow: 1px 1px #0a6ea6 !important;
}

.RadComboBox .rcbInputCell .rcbInput:focus { /*---- R5 Mod2 -----*/
    color: #fff !important;
    background: transparent !important; /*tgendy*/
    border: none; /*tgendy*/
}

.RadComboBox_Default .rcbInput {
    COLOR: #fff !important;
    background: transparent !important; /*tgendy*/
}

.RadComboBox_Default .rcbInputCellLeft {
    BACKGROUND-IMAGE: url(../../images/All/WebResource.axd.png) !important; /*---- R5 Mod2 -----*/
    background-position:0 -66px !important /*tgendy*/
}

.RadComboBox_Default .rcbInputCellRight {
    BACKGROUND-IMAGE: url(../../images/All/WebResource.axd.png) !important; /*---- R5 Mod2 -----*/
    background-position:0 -88px !important /*tgendy*/
}

.RadComboBox_Default .rcbArrowCellLeft {
    BACKGROUND-IMAGE: url(../../images/All/WebResource.axd.png) !important; /*---- R5 Mod2 -----*/
}

.RadComboBox_Default .rcbArrowCellRight {
    BACKGROUND-IMAGE: url(../../images/All/WebResource.axd.png) !important; /*---- R5 Mod2 -----*/
    background-position:0 -88px !important /*tgendy*/
}

* HTML .RadComboBox_Default .rcbInputCellLeft {
    BACKGROUND-IMAGE: url(../../images/All/WebResource.axd.png) !important; /*---- R5 Mod2 -----*/
}

* HTML .RadComboBox_Default .rcbInputCellRight {
    BACKGROUND-IMAGE: url(../../images/All/WebResource.axd.png) !important; /*---- R5 Mod2 -----*/
}

* HTML .RadComboBox_Default .rcbArrowCellLeft {
    BACKGROUND-IMAGE: url(../../images/All/WebResource.axd.png) !important; /*---- R5 Mod2 -----*/
}

* HTML .RadComboBox_Default .rcbArrowCellRight {
    BACKGROUND-IMAGE: url(../../images/All/WebResource.axd.png) !important; /*---- R5 Mod2 -----*/
}
/*---- Disabled drop down -------*/

.RadComboBox_Default .rcbDisabled .rcbInputCellLeft {
    BACKGROUND-IMAGE: url(../../images/All/WebResource_dsble.png) !important; /*---- R5 Mod3 -----*/
}

.RadComboBox_Default .rcbDisabled .rcbArrowCellRight {
    BACKGROUND-IMAGE: url(../../images/All/WebResource_dsble.png) !important; /*---- R5 Mod3 -----*/
}

.RadComboBox .rcbDisabled .rcbInputCell .rcbInput { /*---- R5 Mod3 -----*/
    text-shadow: 1px 1px #fff !important;
    color: #999 !important;
}

/*----- End Telerik ComboBox ------*/

/*----------------GridView Context Menu ---------------*/
/* ---------------   ------------------------- R7*/
.OptionsContextMenu {
    background: #fff;
    -moz-box-shadow: 2px 2px 2px #cdcdcd;
    -webkit-box-shadow: 2px 2px 2px #cdcdcd;
    box-shadow: 2px 2px 2px #cdcdcd;
    border: 1px solid #e0e0e0;
}

    .OptionsContextMenu li a {
        border-bottom: 1px #e0e0e0 solid;
    }

    .OptionsContextMenu li span {
        border-bottom: 1px #e0e0e0 solid;
    }

    .OptionsContextMenu li a:hover {
        background: #e2f5ff;
        border-bottom-color: #c0e2f4;
    }
/* By Iyasin */

/*---------------- End GridView Context Menu ---------------*/

/*--MarginBottom--*/

/*Popup style*/ /*R8 mod - Add this styles -*/
body.popupStyle {
    background: url(../../images/All/content_bg.jpg) repeat-x;
}
/*R10  Search Panel*/


.ExpandedLink {
    background: url(../../images/All/expandLink.jpg) no-repeat;
}

.CollapsLink {
    background: url(../../images/All/expandLink.jpg) no-repeat;
}

.SearchDIV { /* change the class name : ExpandedContent*/
    background: #f2f2f2;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.ContainerDIV { /* Iyasin */
    background: #ffffff;
    border: 1px #86c4e8 solid;
    box-shadow: 1px 1px 3px #ccc;
}
/*End R10  Search Panel*/

/*R10  Sharing*/


.Sharing a.shareBtn {
    background: url(../../images/All/share_icon.jpg) no-repeat;
}
/* End Sharing*/


/*Theme links*/







.blueTheme {
    background-color: #017dc4;
}

.orangeTheme {
    background-color: #f4a42a;
}
/* Sharing Control*/

.web_dialog_overlay {
    background: Black;
    opacity: .40;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
}

.web_dialog {
    background-color: #fff;
    box-shadow: 0px 0px 15px #ccc;
}

.web_dialog_title {
    background-color: #017DC5;
    color: White;
}

    .web_dialog_title a {
        color: White;
    }
/* Over Mask Dialog used in user controls */
.OverMaskDialog {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 15px #ccc;
    color: #555555;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.web_dialog_overlay {
    background: Black;
    opacity: .40;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
}

.DialogTitle {
    border-bottom: solid 2px #017DC5;
    background-color: #017DC5;
    color: White;
}

    .DialogTitle a {
        color: White;
    }

.align_right {
    border-bottom: solid 2px #017DC5;
    background-color: #017DC5;
    color: White;
}

    .align_right a {
        color: White;
    }

.AuthorHeaderIcons:hover {
    border: 1px solid #ccc;
}

.ColorsPanel {
    COLOR: #666666;
    BACKGROUND-COLOR: #ffffff;
}
/*------------------------------------------- ITG Notification english ------------------------------------*/

.Notification-item {
    background: #fff;
    opacity: 0.9;
    color: #eee;
}

.Notification-item-wrapper {
    background: #fff;
    border: 2px solid #999;
}

.Notification-item-close {
    background: url(../../NotificationResources/Images/close_icon.jpg) no-repeat;
}

    .Notification-item-close:hover {
        background: url(../../NotificationResources/Images/close_icon.jpg) no-repeat;
    }

    .Notification-item-close:active {
        background: url(../../NotificationResources/Images/close_icon.jpg) no-repeat;
    }

.Notification-item-image-Notice {
    background: url(../../NotificationResources/Images/Notice.png);
}

.Notification-item-image-Success {
    background: url(../../NotificationResources/Images/Success.png);
}

.Notification-item-image-Warning {
    background: url(../../NotificationResources/Images/Warning.png);
}

.Notification-item-image-Error {
    background: url(../../NotificationResources/Images/Error.png);
}
/**
 * Notification types
 *
 * pattern: Notification-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 *
 */
.Notification-type-Notice {
    color: #555;
}

.Notification-type-Success {
    color: #555;
}

.Notification-type-Warning {
    color: #555; /*border-color: #FCBD57;*/
}

.Notification-type-Error {
    color: white;
    border-color: #B32B2B;
}

.Notification-modal {
    background: Black;
    opacity: .40;
    filter: alpha(opacity=40);
    -moz-opacity: .40;
}
/***********************BEGIN::For Status Bar Notification BY KKhelawy @29.11.2012::****************************/

.StatusBarContent {
    color: #000;
}

.StatusBarNotice {
    background-color: #bde5f8;
}

    .StatusBarNotice .StatusBarClose {
        background: #bde5f8 url(../../NotificationResources/Images/blue_close_icon.jpg) no-repeat;
    }

        .StatusBarNotice .StatusBarClose:hover {
            background: url(../../NotificationResources/Images/blue_close_icon.jpg) no-repeat;
        }

        .StatusBarNotice .StatusBarClose:active {
            background: url(../../NotificationResources/Images/blue_close_icon.jpg) no-repeat;
        }

.StatusBarSuccess {
    background-color: #d6f2bf;
}

    .StatusBarSuccess .StatusBarClose {
        background: #d6f2bf url(../../NotificationResources/Images/green_close_icon.jpg) no-repeat;
    }

        .StatusBarSuccess .StatusBarClose:hover {
            background: #d6f2bf url(../../NotificationResources/Images/green_close_icon.jpg) no-repeat;
        }

        .StatusBarSuccess .StatusBarClose:active {
            background: #d6f2bf url(../../NotificationResources/Images/green_close_icon.jpg) no-repeat;
        }

.StatusBarWarning {
    background-color: #ffddaa;
}

    .StatusBarWarning .StatusBarClose {
        background: #d6f2bf url(../../NotificationResources/Images/orange_close_icon.jpg) no-repeat;
    }

        .StatusBarWarning .StatusBarClose:hover {
            background: #d6f2bf url(../../NotificationResources/Images/orange_close_icon.jpg) no-repeat;
        }

        .StatusBarWarning .StatusBarClose:active {
            background: #d6f2bf url(../../NotificationResources/Images/orange_close_icon.jpg) no-repeat;
        }

.StatusBarError {
    background-color: #ffa5a5;
}

    .StatusBarError .StatusBarClose {
        background: #d6f2bf url(../../NotificationResources/Images/red_close_icon.jpg) no-repeat;
    }

        .StatusBarError .StatusBarClose:hover {
            background: #d6f2bf url(../../NotificationResources/Images/red_close_icon.jpg) no-repeat;
        }

        .StatusBarError .StatusBarClose:active {
            background: #d6f2bf url(../../NotificationResources/Images/red_close_icon.jpg) no-repeat;
        }
/***********************END::For Status Bar Notification BY KKhelawy @29.11.2012::****************************/



/*------------------------------------------- jqtransform.css ------------------------------------*/

/* -------------
 * Radios
 * ------------- */
.jqTransformRadio {
    background: transparent url(../../images/all/radio.png) no-repeat;
}
/* -------------
 * Checkboxes
 * ------------- */
a.jqTransformCheckbox {
    background: transparent url(../../images/all/checkbox.png) no-repeat;
}
/*------------------------------------------- learning path grid.css ------------------------------------*/

.learningPathGrid {
    *border-right: 1px solid #ccc;
}

    .learningPathGrid > tbody > tr > td {
        border: 1px solid #ccc;
    }

.learningPathTitleGrid > tbody > tr > td:first-child {
    background: #ddf3ff;
    border-bottom: 1px #fff solid;
    color: #006198;
}

.learningPathGrid > tbody > tr > th {
    background: #027dc3 url(../../images/All/grid_hdr.jpg) repeat-x !important;
    color: #e3f5ff;
    text-shadow: 1px 1px #0A6EA6;
    border-bottom: 1px #0071b1 solid;
}

.learningPathTitleGrid > tbody > tr > th:first-child {
    border-left: 1px #0071b1 solid;
}

.learningPathGrid > tbody > tr > th:last-child {
    border-right: 1px #0071b1 solid;
}

.learningPathGrid > tbody > tr > td:last-child {
    border-right: 1px solid #ccc;
}

.learningPathGrid > tbody > tr > td > table {
    *border-right: 1px solid #ccc;
}

    .learningPathGrid > tbody > tr > td > table > tbody > tr > td {
        border-right: 1px solid #ccc;
        min-height: 100%;
    }

/************************** BEGIN LMS Styles BY KKhelawy @26.03.2013 ************************************/
.contentPreviewIcons {
    width: 28px;
    height: 30px;
}

.LMCTocArrows {
    width: 26px;
    height: 31px;
    padding-bottom: 3px;
}

.LMSTOCImg {
    BACKGROUND: url(../../images/ContentPreview/TOC.png) no-repeat;
}

.LMSReleatedArticlesImg {
    BACKGROUND: url(../../images/ContentPreview/RelatedArt.png) no-repeat;
}

.LMSLearningMaterialsImg {
    BACKGROUND: url(../../images/ContentPreview/Enrichment.png) no-repeat;
}

.LMSEduPediaImg {
    BACKGROUND: url(../../images/ContentPreview/Thesaurus.png) no-repeat;
}

.LMSAddNotesImg {
    BACKGROUND: url(../../images/ContentPreview/AddToolTip.png) no-repeat;
}

.LMSModifyNotesImg {
    BACKGROUND: url(../../images/ContentPreview/ModifyToolTip.png) no-repeat;
}

.PlagiarismCheckerImage {
    BACKGROUND: url(../../images/ContentPreview/Plagiarism_Checker_icon.png) no-repeat;
}

.LMSEduKitImg {
    BACKGROUND: url(../../images/ContentPreview/EduKitIcon.png) no-repeat;
}

.LMSPreviousPageImg {
    BACKGROUND: url(../../images/ContentPreview/PreviousPage.png) no-repeat;
}

.LMSNextPageImg {
    BACKGROUND: url(../../images/ContentPreview/NextPage.png) no-repeat;
}

.LMSBackImg {
    BACKGROUND: url(../../images/ContentPreview/Back.png) no-repeat;
}

.LMSMoveUpImg {
    BACKGROUND: url(../../images/ContentPreview/ArrowUpButton.jpg) no-repeat;
}

.LMSMoveDownImg {
    BACKGROUND: url(../../images/ContentPreview/ArrowDownButton.jpg) no-repeat;
}


/*.HelpImg  
{
    background:  url(../../images/All/Help_icon.png) no-repeat;
    width:23px; 
    height:21px;
}*/


.HelpImg:before {
    position: relative;
    top: 4px;
    display: inline-block;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e086";
    font-size: 23px;
    color: #ffab2b;
    margin-left: 5px;
}



.LMSZoomImg {
    BACKGROUND: url(../../images/ContentPreview/Zoom.png) no-repeat;
}

.LMSSizeExtraLarag {
    BACKGROUND: url(../../images/ContentPreview/ExtraLarg.png) no-repeat;
    width: 48px;
    height: 48px;
}

.LMSSizeLarag {
    BACKGROUND: url(../../images/ContentPreview/Larg.png) no-repeat;
    width: 32px;
    height: 32px;
}

.LMSSizeNormal {
    BACKGROUND: url(../../images/ContentPreview/Normal.png) no-repeat;
    width: 24px;
    height: 24px;
}

.LMSSizeSmall {
    BACKGROUND: url(../../images/ContentPreview/Small.png) no-repeat;
    width: 16px;
    height: 16px;
}
/***************************  END LMS Styles BY KKhelawy @26.03.2013  ************************************/


/*--------------------------------------------- FlowSliderStyle.css (Multimedia Style by mameara) ---------------------------------------------*/


/*video Style*/

.videoContainer {
    background: none repeat scroll 0 0 #ececec;
}





.videoDescription {
    background: url(../../images/blue_treanspernt.png) repeat;
    color: #fff;
}


/*.PlayIcons
{
    background: url(../../images/play_big_icon.png) no-repeat -2px 0;
}


.PlayIcons:hover
{
    background: url(../../images/play_big_icon.png) no-repeat -66px 0;
}

.PlayIcons:active
{
    background: url(../../images/play_big_icon.png) no-repeat -130px 0;
}

.SingleRelatedVideos .PlayIcons
{
    background: url(../../images/small_play_big_icon.png) no-repeat -2px 0;
    }
    
.SingleRelatedVideos .PlayIcons:hover
{
    background: url(../../images/small_play_big_icon.png) no-repeat -55px 0;
    }
    
.SingleRelatedVideos .PlayIcons:active
{
    background: url(../../images/small_play_big_icon.png) no-repeat -107px 0;
    }*/


.PrevArrow, .NextArrow {
    background: #fff url(../../images/arrows_bg.jpg) repeat-y;
}

.PrevArrow {
    box-shadow: 2px 0px 2px #d2d2d2;
}

    .PrevArrow:hover {
        box-shadow: 2px 0px 2px #a5a5a5;
    }


.NextArrow {
    box-shadow: -2px 0px 2px #d2d2d2;
}

    .NextArrow:hover {
        box-shadow: -2px 0px 2px #a5a5a5;
    }



.ArrowStyle {
    border-color: transparent #f4a42a transparent transparent;
}

.NextArrow .ArrowStyle {
    border-color: transparent transparent transparent #f4a42a;
}


/*.VideoSearch
{
    background: #fff url(../../images/Blog/comment_bg.png) repeat-x 0 26px;
    box-shadow: 0px 2px 1px #ccc;
}*/

.VideoSearchButtons {
    background-color: #fff;
}

.SingleVideoPage {
    background-color: #ececec;
}



.UserUploader {
    background-color: #1a8bcc;
    color: #fff;
}

.VideoRate {
    background-color: #fff;
    color: #555;
    box-shadow: 1px 2px 1px #0a6497;
}


.comments .commentCon .commenterImg img {
    /*R2*/
    border: 1px #bcbcbc solid;
}

.comment {
    border: 1px #cacaca solid;
    background: #fff url(../../images/Blog/comment_bg.png) repeat-x bottom;
    box-shadow: 2px 2px 3px #e8e8e8;
}


    .comment ul.commentControls li a {
        color: #ABABAB;
    }



.LeaveReplay textarea {
    border: 1px #ccc solid;
    box-sizing: border-box;
}



.divNoData {
    color: #777;
}


/*--------------------------------------------- End FlowSliderStyle.css ---------------------------------------------*/
.YearSemHeader {
    color: #fff;
    font-size: 12px;
    text-shadow: 0px 1px 0 #0077bb;
}

    .YearSemHeader span:first-child {
        color: #CBECFF;
    }