@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
.wrapper-container {
	min-height:100%;
	position:relative;
}
.header-container {
    margin-bottom: 0 !important;
}
.content-container {
	padding-bottom:100px; /* Height of the footer element */
}

body{
    background:#f6f6f6;
    color:#000000;
    /*font: ; define site wide font styles here. Please choose websafe fonts! */
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    margin:0;
    padding:0;
}

html, body {
    /*height: 99%;*/
}

h1, h2, h3, h4, div {
    margin:0;
    padding:0;
}
h2{
    font-size:21px;
    font-weight:normal;
}
h1{
    font-size:16px;
    font-weight:normal;
    color:#333333;
}

h3{
    font-size:13px;
    font-weight:normal;
}
h4{
    font-size:12px;
    font-weight:bold;
}
.clear{
    clear:both; height:0; content:"."; display:block;
    visibility:hidden;
}
.clear12px{
    clear:both;
    height:12px;
}
.clear7px{
    clear:both;
    height:7px;
}
.clear30px{
    clear:both;
    height:30px;
}
a{
    color:#5b9002;
    text-decoration:none;
    outline: 0 !important;
}
a:hover{
    color:#474747;
    text-decoration:none;
}
.padding6px{
    padding:6px;
    margin:0;
}

.rightFloat{
    padding:3px;
    margin:0;
    float:right;
    clear:both;
}

/*end general*/

/*start containers*/
#maincontainer {
    height: auto !important;
    margin: 50px auto -1em;
    /*min-height: 99%;*/
    max-width: 980px;
}


#maintitlecontainer{
    margin:0;
    padding:4px 0;    
    background: transparent url(../images/front_page_main/header-bg.jpg) repeat-x left top;
    height:80px;
}
.logo{
    margin:0;
    padding:0;
    position:relative;
    left:12px;
    top:0px;
    width:208px;
    float:left;
}
.site-logo {width:208px; height:58px;} 

.contentcontainer{
    /* height:1%;/*IE 6 hack*/
    /*+height:auto;/*IE 7 hack*/
    height:100%;
    overflow-x:auto;
    margin: 60px auto 20px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
    background: #ffffff url(../images/container-bottom-bg.jpg) repeat-x left bottom;
    /*max-width:1170px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);

}
ol {
    margin-left: 30px;
}
ul {
    margin-left: 30px;
}
ul.list-group {
    margin-left: 0px;
}
ul.list-group li {overflow: hidden;}
ol > ol {
    padding-left: 15px;
    margin-left: 5px !important;
}
ul > ul {
    padding-left: 15px;
    margin-left: 5px !important;
}
ol > ul {
    padding-left: 15px;
}
ul > ol {
    padding-left: 15px;
}
.leftMenuLayout{
    margin:0;
    padding:0;
    float:left;
    width:190px;

}
.contentLayout{
    float:left;
    margin: 0 0 0 2%;
    padding: 0;
    width: 78%;
}
.contentLayout p, .contentLayout li{font-size:14px;font-weight:normal;}
.contentLayout .roundedBorder{
    border:1px solid #eeeeee;
    margin-bottom:10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding:6px;
}
.videoBoxLayout {
    float: left;
    margin: 0 0 0 2%;
    padding: 0;
    width: 78%;
}
.welcomeBox {
    /*background: url("../images/slider-bg-gray.jpg") repeat scroll left top transparent; 
    display: inline-block;
    margin: 0;
    padding: 0;*/
}
.mentorsnetBox {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 1040px;
}
.mentorsBox{
    padding:15px 0px;
    margin:0;
    width:255px;
    float:left;
}
.mentorsBox-colLeft {
    float: left;
    width: 745px;
    margin:10px;
}

.mentorsBox-Title {
    display: inline-block !important;
    font-size: 17px !important;
    position: relative !important;
    padding:8px;
    color:#5d5d5d;
    text-shadow: 0 2px 3px #cccccc;
}
.mentorsBox-Discription {
    display: inline-block !important;
    font-size: 14px !important;
    position: relative !important;
    padding:8px;
    color:#494949;
    text-shadow: 0 2px 3px #cccccc;
}


.videoBox{
    height:270px;
    width:480px;
    float:left;
    border:5px solid #f2f2f2;
}
.videoBox-colLeft {
    /*float: left;
    width: 250px;
        margin:10px; */
    padding-top:10px;
}
.videoBox-Title {
    display: inline-block !important;
    font-size: 14px !important;
    /* For Local Language use following 
    font-size: 15px !important;
    */
    position: relative !important;
    padding:8px 0;
    color:#333333;
}
.videoBox-Discription {
    display:block !important;
    font-size: 27px !important;
    position: relative !important;
    padding:8px 0;
    color:#494949;
    line-height: 30px;
}
/*Home page layout start*/

.mainpage-left-column {
    margin:0;
    padding:6px;
    float:left;
    width:680px;
}
.mainpage-right-column {
    margin:5px 0;
    padding:1px;
    float:left;
    width:266px;
}
.top-stories {
    border: 1px solid #CCCCCC;
    background-color:#f2f2f2;
    float: left;
    margin: 0 0 5px;
    width: 258px;
    padding:4px;
}
.top-stories h1 {
    font-size:15px;
    font-weight:normal;
    margin-bottom:5px;
}
.course-holder{
    background-color:#ffffff;
    padding:3px;
    height:60px;
    margin-bottom:6px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.course-holder p{
    font-size:13px;
    color:#727272;
}
.course-holder span{
    color:#a8a8a8;
    font-size:11px;
}
.fleft {
    float: left;
}
.devcl {
    float: left;
    padding: 0px 5px 5px 10px;
    width: 175px;
}
.no-padding-left-right {padding-left: 0px !important; padding-right: 0px !important;}
.less-padding-left-right {padding-left: 5px !important; padding-right: 5px !important;}
/*top jobs start*/
.jobBoxHeading{
    color:#333333;
    font-size:14px;
    font-weight:normal;
    padding: 5px;
    line-height:18px;
    background:#f4f4f4 url(../images/Heading-bg.jpg) repeat-x left top;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -khtml-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border:1px solid #cccccc;
    border-bottom: 0 none;
    float:left;
    width:256px;
}
.jobBoxBorder{
    border:1px solid #cccccc;
    float:left;
    padding:5px;
    width:256px;
}
.jobBoxBorder p{
    font-size:13px;
    font-weight:bold;
    color:#727272;
}
.jobBoxBorder span{
    color:#727272;
    font-size:11px;
}
/*top jobs end*/
div.pagination {
    float: right;
}
ul.pagination {
}
ul.pagination li {
    display: inline-table;
    float: left;
    margin: 5px;
}
ul.pagination li.selected a {
    border: 1px solid #AAAAAA;
    color: #000000;
    font-weight: bold;
    padding: 1px 3px;
}
ul.inline-pagination {
}
ul.inline-pagination li a {
    background: url(../images/sprit-icons.png) repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 16px;
}
ul.inline-pagination li a:hover {
    background-position: 16px 0;
}
ul.inline-pagination li.navigation-next a {
    background-position: 16px 0;
}
ul.inline-pagination li.navigation-prev a {
    background-position: 0 -16px;
}
ul.inline-pagination li.navigation-last a {
    background-position: 0 -32px;
}
ul.inline-pagination li.navigation-first a {
    background-position: 0 -48px;
}
ul.inline-pagination li.selected a {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin-top: -2px;
    width: auto;
}

.course-block .courses {
    position: relative;
}
.categoryHeading-line{
    background: url(../images/category-line.jpg) no-repeat center top;
    height:35px;
    padding-left:20px;
}

.slider-pagination {
    position: absolute;
    right: 5px;
    top: -35px;
    padding-right:20px;
}
.homepage-courses-list .slider-pagination {
    position: absolute;
    right: 10px;
}
.slider-pagination:after {
    -moz-transition: all 0.5s ease-in 0.2s;
    background: url(../images/ajax-loader.gif) repeat scroll 0 0 transparent;
    content: "";
    display: none;
    height: 16px;
    opacity: 0;
    position: absolute;
    right: -11px;
    top: 4px;
    width: 16px;
}
.slider-pagination.on:after {
    display: block;
    opacity: 1;
}
#reviews-popup .slider-pagination {
    top: 0;
}
#courses-page .courses .slider-pagination {
    float: right;
    margin-bottom: -9px;
    margin-right: 38px;
    margin-top: -23px;
    position: relative !important;
    right: 0;
    top: 0;
}
#course-blocks .slider-pagination .selected a {
    line-height: 18px;
    text-decoration: none !important;
}
#courses-page .courses .slider-pagination {
    float: right;
    margin-bottom: -9px;
    margin-right: 38px;
    margin-top: -23px;
    position: relative !important;
    right: 0;
    top: 0;
}
#courses-page .courses {
    margin-top: 15px;
}
#courses-page h1 {
    display: inline;
}
#courses-page .courses .slider-pagination:last-child {
    top: 25px !important;
}
.controller-courses #courses-page .courses .slider-pagination {
    left: -10px;
}
ul li.course-list {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 5px;
}
ul li.course-list .course-list-img-holder {
}
ul li.course-list .course-list-info-holder {
    padding: 0 0 0 10px;
}
ul li.course-list .course-list-img {
    border: 1px solid #CCCCCC;
    padding: 1px;
}
ul li.course-list .course-list-img:hover {
    border: 1px solid #8BBB27;
}
ul.course-thumbnail-view li.course-item {
    background: none repeat scroll 0 0 #F2F2F2;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    float: left;
    height: 260px;
    list-style-type: none;
    margin: 5px 40px;
    padding: 0 7px 7px;
    position: relative;
    transition: all 1s ease 0s;
    width: 260px;
}
.action-browse-courses ul.course-thumbnail-view li.course-item {
    background: none repeat scroll 0 0 #F2F2F2;
}
ul.course-thumbnail-view li.course-item:hover {
    background-color:#e6ffb5;


}
ul.course-thumbnail-view li.course-item .ud-tooltip-data .subscribers {
    color: #999999;
}
ul.course-thumbnail-view li.course-item .ud-tooltip-data .button-small {
    margin-left: 10px;
}
ul.course-thumbnail-view li.course-item .ud-tooltip-data p {
    border-top: 1px dotted #181818;
    margin-top: 8px;
    padding-top: 5px;
}
ul.course-thumbnail-view li.course-item .ud-tooltip-data p a {
    color: #489EF9;
    font-weight: normal;
}
ul.course-thumbnail-view li.course-item .ud-tooltip-data p a:hover {
    color: #333333;
}
li.course-item:nth-child(3n) .ud-tooltip-data {
    left: -40%;
}
li.course-item:nth-child(3n) .ud-tooltip-data:after {
    left: auto;
    right: 10px;
}
ul.course-thumbnail-view li.course-item .image-mask {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow:0 0 8px #cccccc inset;
    -moz-box-shadow:0 0 8px #cccccc inset;
    box-shadow: 0 0 8px #cccccc inset;
    display: block;
    height: 175px;
    overflow: hidden;
    width: 260px;
}
ul.course-thumbnail-view li.course-item .freecourses {
    background: url(../images/free-course-bg.jpg) repeat-x left top;
    color: #000000;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #90c213;
    padding:6px;
    font-size: 12px;
    line-height: 11px;
    margin: 3px 0;
    float:left;
    clear:both;
}
ul.course-thumbnail-view li.course-item .paidcourses {
    background: url(../images/paid-course-bg.jpg) repeat-x left top;
    color: #000000;
    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:1px solid #eb4912;
    padding:6px;
    font-size: 12px;
    line-height: 11px;
    margin: 3px 0;
    float:left;
    clear:both;
}
ul.course-thumbnail-view li.course-item .free-badge {
    background: url(../images/free-badge.jpg) no-repeat scroll 0 0 transparent;
    height: 30px;
    right: -3px;
    position: absolute;
    text-indent: -999em;
    top: -3px;
    width: 85px;
}
ul.course-thumbnail-view li.course-item .paid-badge {
    background: url(../images/paid-badge.jpg) no-repeat scroll 0 0 transparent;
    height: 30px;
    right: -3px;
    position: absolute;
    text-indent: -999em;
    top: -3px;
    width: 85px;
}
ul.course-thumbnail-view li.course-item h3 {
    color: #000000;
    font-size: 20px;
    line-height: 11px;
    margin-bottom: 3px;
}
ul.course-thumbnail-view li.course-item h3 {
    padding: 5px 0 0;
}
ul.course-thumbnail-view li.course-item h3 a {
    font-size: 12px;
    font-weight: bold;
}
ul.course-thumbnail-view li.course-item h4.instructor-name a {
    color: #666666;
}
.vertical-attachment a {
    color: black;
}
ul.course-thumbnail-view li.course-item h5 a {
    color: black;
}
.num-subscribers {
    background: url(../images/multiuser.png) no-repeat scroll left center transparent;
    padding-left: 12px;
}
#flow2 .com {
    color: #255291;
}
ul.course-thumbnail-view .price {
    color: green;
}
ul.course-thumbnail-view .private-access {
    color: red;
}
#course-blocks > li {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    list-style-type:none;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}


/*Home page layout end*/
.menuBoxBig{
    color:#333333;
    font-size:16px;
    font-weight:normal;
    padding: 8px 6px;
    line-height:20px;
    background:#f4f4f4 url(../images/Heading-bg.jpg) repeat-x left top;
    border:1px solid #cccccc;
    border-bottom: 0 none;
    float:left;
    width:100%;
}
.menuBoxBorder{
    border-right:1px solid #f8f8f8;
    float:left;
    width:100%;
}

.contentBoxBig {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/Heading-bg.jpg") repeat-x scroll left top #F4F4F4;
    border-color: #CCCCCC #CCCCCC;
    border-image: none;
    border-radius: 8px 8px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #333333;
    float: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding: 6px;
    width: 100%;
}

.contentBoxBig .expandIcon{
    background: url(../images/expand.png) no-repeat left center;
    width:10px;
    height:20px;
    margin:1px 5px 1px 2px;
    float:left;
    cursor:n-resize;
}
.contentBoxBig span{
    float:right;
}
.contentBoxBorder {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
/*Breadcrumb start*/
.breadcrumbcontent ul {
    margin:0;
}

.breadcrumb li {
    padding: 2px 4px 0;
    color:#000;
    float:left;
    display:inline;
    font-size:13px;
}
.breadcrumb li a {
    background: url(../images/breadcrumb-arrow.png) no-repeat scroll right center transparent;
    color: #676767;
    margin-right: 2px;
    padding: 4px 17px 4px 4px;
    text-decoration: none;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}

.breadcrumb-cs {
    padding: 8px 15px 8px 10px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-left: 0px;
    display: block;
    margin-bottom:7px;
}

.breadcrumb-cs > li {
    display: inline-block;
    font-size: 13px;
}

.breadcrumb-cs > li + li:before {
    padding: 0 10px 0px 0px;
    color: #cccccc;
    content: url('../images/breadcrumb-arrow.png');
}

.breadcrumb-cs > .active {
    color: #999999;
}

/*Breadcrumb end*/

.siteServices {
    display:inline;
    float: right;
    margin: 6px 2px 0 0;
    padding: 0;
}



/*menu start*/
#nav-menu ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
/*
#nav-menu ul li a
{text-decoration:none;
 border-bottom:1px solid #cccccc;
 display:block;
 font-size:13px;
 line-height:2em;
 padding:3px 0 3px 23px;
 background: url(../images/control_play.png) no-repeat left top;
 font-family: 'Open Sans', Arial;
 color:#818b89;
}
#nav-menu ul li a:hover, #nav-menu ul li a.selected
{
        background-color:#f5f7f3;
        color:#252525;
 }
 
#nav-menu ul ul
{display:none} 

body.blog #nav-menu ul ul.blog, 
body.web #nav-menu ul ul.web,
body.web #nav-menu ul li:hover ul.web,
body.blog #nav-menu ul li:hover ul.blog 
{display:block;}

#nav-menu ul li{position:relative}

#nav-menu ul li:hover ul
{position:absolute;
 display:block;
 left:172px;
 top:0px;}*/

/*#nav-menu ul ul li a
{border:1px solid #888888;
 border-bottom: none;
 font-size:12pt;
 line-height: 1.6em;
 color:#303030;
 background-color:#a5a5a5;
 background-image:none;}*/
/* menu end*/

.mainmenu {
    background: url("../images/front_page_main/header-bg.jpg") repeat-x scroll left top transparent;
    height: 80px;
    color: #999999;
    padding:5px 0;
}
.mainmenu ul {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
}
.mainmenu li {
    float: left;
    margin: 20px 0;
}
.mainmenu li.active a {
    font-weight: normal;
    color:#333333;
}
.mainmenu .login {
    margin: 10px 0 10px 20px;
}
.menu ul {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
}
.menu ul ul {
    margin-left: 20px;
}
.menu li {
    position: relative;
    margin-bottom: 8px;
}
.menu li.active a {
    font-weight: normal;
    color:#333333;
}


/* Navigation bar styles */

.navContainer{
    padding:0px;
    margin:0px;

}

ul.navigation
{
    margin:2px 0px;
    display:block;
    height:26px;
    font-size:11px;
    text-transform:capitalize;
    font-weight:bold;

}
ul.navigation li{
    display:inline;
    float:left;
    padding:4px;
    list-style-type:none;

}
ul.navigation li a{
    color:#7a7a7a!important;
    padding:4px 2px;
    white-space:normal;
    display:inline; 
    text-decoration: none;
    font-size:13px;

}
ul.navigation li.selected a{
    color:#5d5d5d;
    padding:4px 2px;
    white-space:normal;
    display:inline;
    text-decoration: none;
}
ul.navigation li.setting a {
    padding:4px;
    margin-top: -2px;
    width:auto;
    color:#7a7a7a;
    font-size:13px;
}
ul.navigation li.setting a:hover {
    color:#5d5d5d;
}
ul.navigation li .username{
    color:#000;
    padding:4px 2px;
    white-space:normal;
    display:inline;
    text-decoration: none;

}

ul.navigation li a:hover{
    color:#5d5d5d;
}

/*
#loginTop{
        float:right;
        font-size:13px;
        line-height:20px;
        color:#666666;	
        text-align:right;
        margin-top:20px;
}
#loginTop img{
        border:0 none;
}
#loginTop span{
        /* color:#ddb32d; 
}*/
/*
#loginTop .username{
        color:#000000;
}
#loginTop a{
        text-decoration:none;
}
#loginTop a:hover{
        text-decoration:none;
}*/
.pageHeading{
    background-color:#333333;
    color:#ffffff;
    font-size:17px;
    font-weight:bold;
    padding:8px;
    line-height:23px;

}
#socialNetworkTop{
    padding:0px;
    margin:5px 10px;
}
#socialNetworkTop .tagline{
    float:left;
    color:#fff;    
    text-align:left;
    margin:0px 10px 5px 210px;
    padding:5px;
    font-size:21px;
    font-weight:normal;
    background-color:#7ca808;
    font-family: 'Open Sans', Arial;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;

}
#socialNetworkTop .social{
    float:right;
    text-align:right;
}
/* button style start */
a.buttonCommon {
    background: url(../images/button-generic.jpg) repeat-x left top;
    height: 23px;
    border:1px solid #ccc;
    color:#3a3a3a;
    font-size:12px;
    padding:3px 6px 3px 6px;
    letter-spacing:0.5px;
    margin:0;
    text-indent:20px;
    -moz-border-radius: 4px;-webkit-border-radius: 4px; -khtml-border-radius: 4px;border-radius: 4px;
}
a.buttonCommon:hover {
    background-position: right -24px;
}
.addIcon{
    background:url(../images/addIcon.jpg) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.deleteHintIcon{
    background:url(../images/delete-hint.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.hideIcon{
    background:url(../images/icon-hide.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.unhideIcon{
    background:url(../images/icon-unhide.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}

.clearCookie{
    background:url(../images/history_clear.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.createCourseIcon{
    background: url(../images/createCourses.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.myCourseIcon{
    background: url(../images/myCourses.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.course-catalogIcon{
    background: url(../images/catalog.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}

.badgeIcon{
    background: url(../images/badge.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.analyticsIcon{
    background: url(../images/analytics.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.logoutIcon{
    background: url(../images/logout.png) no-repeat center left;
    display:inline;
    padding:2px 3px 0px;
}
.arrowRightIcon{
    background: url(../images/arrow-right.png) no-repeat center left;
    display:inline;
    padding:2px 4px 0px;
}
.loginIcon{
    background: url(../images/login.png) no-repeat center left;
    display:inline;
    padding:1px 5px 0px;
}
.signUpIcon{
    background: url(../images/signup.png) no-repeat center left;
    display:inline;
    padding:1px 5px 0px;
}
.fullStarIcon{
    background: url(../images/Star-Full.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.halfStarIcon{
    background: url(../images/Star-Half.png) no-repeat center left;
    display:inline;
    padding:2px 8px 0px;
}
.platinumIcon{
    background: url(../images/platinum.png) no-repeat center left;
    display:inline;
    padding:1px 3px 0px;
}
.goldIcon{
    background: url(../images/gold.png) no-repeat center left;
    display:inline;
    padding:1px 3px 0px;
}
.silverIcon{
    background: url(../images/silver.png) no-repeat center left;
    display:inline;
    padding:1px 3px 0px;
}
.deleteIcon{
    background: url(../images/delete-icon.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.editIcon{
    background: url(../images/edit-icon.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.reportIcon {
    background: url(../images/report-icon.png) no-repeat;
    width: 18px;
    height : 18px;
    margin: 1px 2px 1px 2px;
    display: inline-table;
}
.gradeIcon {
    background: url(../images/grade-icon.png) no-repeat;
    width: 18px;
    height : 18px;
    margin: 1px 2px 1px 2px;
    display: inline-table;
}
.viewIcon{
    background: url(../images/view-icon.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.cancelIcon{
    background: url(../images/cancel.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.reScheduleIcon{
    background: url(../images/reschedule.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.registerIcon{
    background: url(../images/register.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.recordIcon{
    background: url(../images/record.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.videoIcon{
    background: url(../images/video_crs.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.readingIcon{
    background: url(../images/page_crs.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.assignmentIcon{
    background: url(../images/asgn_crs.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.quizIcon{
    background: url(../images/quiz_crs.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.expandIcon{
    background: url(../images/expand.png) no-repeat left center;
    width:10px;
    height:20px;
    margin:1px 2px 1px 2px;
    float:left;
    cursor:n-resize;
}
.expand-arrow-Icon{
    background: url(../images/expand-arrow.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.collapse-arrow-Icon{
    background: url(../images/collapse-arrow.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.navigate-down-Icon{
    background: url(../images/navigate-down.png) no-repeat right center;
    width:15px;
    height:10px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.comment-reply-Icon{
    background: url(../images/comment_reply.gif) no-repeat right center;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.flag-green-Icon{
    background: url(../images/flag_green.png) no-repeat right center;
    width:12px;
    height:12px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.tag-line-Icon{
    background: url(../images/tag_fill.png) no-repeat right bottom;
    width:12px;
    height:12px;
    margin:0;
    display:inline-table;
}

table.action-icons tr td {width:18px; border:0px; color: #fff;}
/* button style end */

/*Table grid style start*/
.displaytable-style
{
    font-size: 14px;
    text-align: left;
    border-collapse: collapse;
    color: #000;
    border: 1px solid #cccccc;
    width:100%;

}

.displaytable-style th
{	font-size:14px;
  font-weight: 600;
  text-align: left;
  padding: 2px 6px 5px;
  background-color:#f5f5f5;
  color: #666666;
  border: 1px solid #cccccc;

}
.displaytable-style .subHeading
{
    font-weight: bold;
    text-align: left;
    padding: 6px;
    line-height:13px;
    background: transparent url(../images/subheading-bg.jpg) repeat-x left top;
    color: #000;


}
.displaytable-style td
{
    padding:7px;
    color: #666666;
    border-bottom: 1px solid #cccccc;

}
.displaytable-style td label {
    color: #333333;
    display: inline;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    text-align: right;
    min-width:100px;
}
.displaytable-style td ol, .displaytable-style td ul {
    margin-left: 25px;
}
.displaytable-style td .cta_button{
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    color:#fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #436306;
    display: inline-block;
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: condensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 19px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;

}
.displaytable-style td .graytext
{
    padding:7px;
    color:#969696;
}

.displaytable-style tfoot tr td
{
    background: #fff;
    font-size: 12px;
    color: #000;
}

.displaytable-style tr.odd td {
    background-color:#eeeeee;
    color: #666666;
    padding:4px;
    vertical-align:middle;
}

.displaytable-style tr.even td {
    background-color:#ffffff;
    color: #666666;
    padding:4px;
    vertical-align:middle;
}
.displaytable-style tr.noborder td {
    background-color:#ffffff;
    color: #666666;
    border:0 none;
    vertical-align:middle;
}
.displaytable-style td p{line-height:21px;color:#333333;}
/*Table grid style end*/

/*Sign up page start*/
.popup-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #cccccc;
    border-radius:5px; 
    box-shadow: 0 0 18px 2px rgba(178, 202, 217, 0.5);
    font-size: 1.3em;
    margin: 0 auto;
    padding: 20px 30px;
    position: relative;
    max-width: 700px;
    z-index: 2;
}
.popup-container .close-button{
    background: url(../images/fancy_closebox.png) no-repeat right top;
    height: 30px;
    right: -3px;
    position: absolute;
    text-indent: -999em;
    top: -3px;
    width: 30px;
}

.colLeft {
    float: left;
    width: 400px;
}
.colRight {
    float: right;
    margin-right:2px;
    width: 230px;
}
.grayBox {
    background: none repeat scroll 0 0 #F3F3F3;
    padding: 15px;
    overflow: hidden;
}
.cufon {
    display: inline-block !important;
    font-size: 21px !important;
    position: relative !important;
    padding:8px 0 16px 16px;
    color:#416005;
}
/*Sign up page end*/
/*enroll page start*/
.enroll-container {
    background: url(../images/enroll-bg.jpg) repeat-x left top;
    border: 1px solid #5d5d5d;
    border-radius: 5px;
    box-shadow: 0 0 18px 2px rgba(178, 202, 217, 0.5);
    font-size: 1.3em;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    width: 720px;
    z-index: 2;
}
.enroll-container .close-button{
    background: url(../images/fancy_closebox.png) no-repeat right top;
    height: 30px;
    right: -3px;
    position: absolute;
    text-indent: -999em;
    top: -3px;
    width: 30px;
}
.enroll-colLeft {
    float: left;
    width: 340px;
}
.enroll-Title {
    color: #333333;
    display: inline-block !important;
    font-size: 30px !important;
    padding: 8px;
    position: relative !important;
    text-shadow: 0 2px 3px #ccc;
}
.enroll-Discription {
    color: #666666;
    display: inline-block !important;
    font-size: 21px !important;
    padding: 8px;
    position: relative !important;
    text-shadow: 0 2px 3px #CCCCCC;
}

.enroll_button{
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background-color: #b8f248;
    background-image: -moz-linear-gradient(center top , #b8f248, #82ba17);
    border: medium none;
    border-radius: 6px;
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.15) inset, 1px 1px 1px rgba(255, 255, 255, 0.9) inset, 0 0 2px rgba(0, 0, 0, 0.45);
    color: #436306;
    display: inline-block;
    font-family: 'Open Sans', Arial;
    font-size: 21px;
    font-size-adjust: none;
    font-stretch: condensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 19px;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
    margin:8px 0;

}
.enroll-colRight {
    float: right;
    margin-right:2px;
    width: 343px;
}
/*enroll page end*/
/*Student chat start*/
.chatBox-container{
    margin:0;
    padding:0;
}
.chatBox-container .boxleft{
    margin-right:35px;
    padding:0;
    float:left;
    width:320px;
}

.chat-heading{
    color:#333333;
    font-size:14px;
    font-weight:normal;
    padding: 6px;
    line-height:20px;
    background:#f4f4f4 url(../images/Heading-bg.jpg) repeat-x left top;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    border:1px solid #cccccc;
    border-bottom: 0 none;
    float:left;
    width:100%
}
.chat-container-border{
    border:1px solid #cccccc;
    float:left;
    padding:6px;
    margin:0px;
    width:100%
}
/*Student chat end*/
/*My Courses page start*/
.course-heading{
    color:#333333;
    font-size:14px;
    font-weight:normal;
    padding: 6px;
    line-height:20px;
    background:#f4f4f4 url(../images/Heading-bg.jpg) repeat-x left top;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -khtml-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    border:1px solid #cccccc;
    border-bottom: 0 none;
    width:662px;
    float:left;
}
.course-container-border{
    border:1px solid #cccccc;
    width:662px;
    float:left;
    padding:6px;
    margin:0px;
}
.course-holder-main{
    background-color:#ffffff;
    padding:3px;
    height:60px;
    margin-bottom:6px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.course-holder-main p{
    font-size:13px;
    color:#727272;
}
.course-holder-main span{
    color:#a8a8a8;
    font-size:11px;
}
.course-holder-content {
    float: left;
    padding: 0px 5px 5px 10px;
    width: 415px;
}
.course-holder-link {
    float: right;
    padding: 0 5px 5px 10px;
    text-align: right;
    width: 150px;
}
.vital-statistics{
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    color:#ffffff!important;
    font-family: 'Open Sans', Arial;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: condensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 19px;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    margin:8px 0px;	
    cursor: pointer;
}
.vital-statistics:hover{background: #3ca53c;
                        color: #FFFFFF;}
/*My Courses page end*/
/*Announcements start*/
.announcements-holder-main {
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 6px;
    overflow: hidden;
    padding: 3px;
}

.announcements-holder-main p {
    clear: right;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin-left: 50px;
}
.announcements-holder-main p span {
    clear: right;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin-left: 0px;
}

.announcements-holder-main h2, .announcements-holder-main h2 span, .announcements-holder-main h1, .announcements-holder-main h1 span {
    clear: right;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    padding-bottom: 5px;
}

.announcements-holder-content ul, .announcements-holder-content ol, .announcements-holder-content ul li, .announcements-holder-content ol li {
    margin-left: 40px;
}

.announcements-holder-content ol li {
    font-size: 14px;
}

.announcements-holder-main li {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
}

.timestamp {
    color: #666666;
    float: right;
    padding: 5px;
}

.announcements-holder-content {
    float: none;
    padding: 0 5px 5px 0;
}
.divider{
    border-top:1px solid #eeeeee;
    height:7px;
    clear:both;
}


/*Announcements end*/

/*edit chapter pop up start*/
.chapter-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #cccccc;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 18px 2px rgba(178, 202, 217, 0.5);
    font-size: 1.3em;
    margin: 0 auto;
    padding: 8px 10px;
    position: relative;
    width: 400px;
    z-index: 2;
}
.chapter-container .close-button{
    background: url(../images/fancy_closebox.png) no-repeat right top;
    height: 30px;
    right: -3px;
    position: absolute;
    text-indent: -999em;
    top: -3px;
    width: 30px;
}
/*edit chapter pop up end*/

/*quiz start*/
.quizBoxBig{
    color:#333333;
    font-size:14px;
    font-weight:normal;
    padding: 6px;
    line-height:16px;
    background:#f4f4f4 url(../images/Heading-bg.jpg) repeat-x left top;
    border:1px solid #cccccc;
    width:715px;
    float:left;
}
.quizContentBoxBorder{
    border:1px solid #cccccc;
    float:left;
    padding:0px;
    margin:0px;
}
.quizBoxBig .pointsLine{
    margin:1px 5px 1px 25px;
    float:none;
    color:#3986d6;
    font-size:11px;
}
.quizBoxBig .lessonQuiz{
    background: url(../images/lessons.png) no-repeat left center;
    width:18px;
    height:18px;
    margin:1px 5px 1px 2px;
    float:left;
}
.quizBoxBig .keyTake{
    background: url(../images/key-take.png) no-repeat left center;
    width:18px;
    height:18px;
    margin:1px 5px 1px 2px;
    float:left;
}
.quizBoxBig .lessonSummary{
    background: url(../images/lesson-summary.png) no-repeat left center;
    width:18px;
    height:18px;
    margin:1px 5px 1px 2px;
    float:left;
}
.quizBoxBig .codeEditor{
    background: url(../images/code-editor.png) no-repeat left center;
    width:18px;
    height:18px;
    margin:1px 5px 1px 2px;
    float:left;
}
.quizBoxBig span{
    float:right;
}
.key-take-main{
    background-color:#ffffff;
    padding:3px;
    height:auto;
    margin:7px;
    margin-bottom:10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    overflow:hidden;
}
.key-take-main p{
    font-size:13px;
    color:#727272;
}
.key-take-main span{
    color:#a8a8a8;
    font-size:11px;
}
.key-take-content {
    float: left;
    padding: 0px 5px 5px 10px;
    width: auto;
}
.vote-question{
    font-size:15px;
    line-height:20px;
    padding-bottom:8px;
}
.vote-question h4{
    border-bottom: 1px solid #D4D4D4;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0 0 9px;background: url(../images/arrow-heading.png) no-repeat 20px bottom;}
.vote-question .most-votes{
    float:right;
    font-size:12px;
}
.vote-subHeading{
    font-size:13px;
    line-height:20px;
    padding-bottom:8px;
}

.vote-container{
    background-color:#ffffff;
    padding:3px;
    height:auto;
}
.vote-container .questionQ{
    color:#757576;
    padding:5px;
    font-size:16px;
    font-weight:bold;
    line-height:28px;


}
.vote-container a.voteup{
    background: url(../images/vote-up.png) no-repeat;
    width:20px;
    height:11px;
    margin:1px 6px 1px 2px;
    display:block;
}
.vote-container a.voteup-over {
    background: url(../images/vote-up_over.png) no-repeat;
    width:20px;
    height:11px;
    margin:1px 6px 1px 2px;
    display:block;
    cursor: default;
}
.vote-container a:hover.voteup{
    background: url(../images/vote-up_over.png) no-repeat;
}
.vote-container a.votedown{
    background: url(../images/vote-down.png) no-repeat;
    width:20px;
    height:11px;
    margin:1px 6px 1px 2px;
    display:block;
}
.vote-container a.votedown-over {
    background: url(../images/vote-down_over.png) no-repeat;
    width:20px;
    height:11px;
    margin:1px 6px 1px 2px;
    display:block;
    cursor: default;
}
.vote-container a:hover.votedown{
    background: url(../images/vote-down_over.png) no-repeat;
}
.vote-container a.voteup-1{
    background: url(../images/vote-up.png) no-repeat top center;
    width:20px;
    height:11px;
    margin:1px 10px 1px 10px;
    display:block;
}
.vote-container a.voteup-1-over{
    background: url(../images/vote-up_over.png) no-repeat top center;
    width:20px;
    height:11px;
    margin:1px 10px 1px 10px;
    display:block;
    cursor : default;
}
.vote-container a:hover.voteup-1{
    background: url(../images/vote-up_over.png) no-repeat top center;
}
.vote-container a:hover.votedown-1{
    background: url(../images/vote-down_over.png) no-repeat top center;
}
.vote-container a.votedown-1{
    background: url(../images/vote-down.png) no-repeat top center;
    width:20px;
    height:11px;
    margin:1px 10px 1px 10px;
    display:block;
}
.vote-container a.votedown-1-over{
    background: url(../images/vote-down_over.png) no-repeat top center;
    width:20px;
    height:11px;
    margin:1px 10px 1px 10px;
    display:block;
    cursor: default;
}
.vote-container .question-number{
    color:#000000;
    font-size:13px;
    font-weight:bold;
    text-align:center;
    margin:1px 6px 1px 2px;
    display:block;
}
.vote-container .question-number p{
    color:#5d5d5d;
    font-size:11px;
    font-weight:normal;
    text-align:center;
}
.vote-container .votername{
    color:#a8a8a8;
    font-size:11px;
    padding-left:60px;
}
.vote-content-main .answer-click{
    color:#fff;
    font-size:12px;
    padding:4px;
    position:absolute;
    bottom:1px;
    right:5px;
    width:90px;
    background-color:#999;
    border-radius: 4px 4px 4px 4px;
}
.vote-content-main .new-comments{
    color:#fff;
    font-size:12px;
    padding:4px;
    position:absolute;
    bottom:1px;
    right:5px;
    width:135px;
    background-color:#999;
    border-radius: 4px 4px 4px 4px;
}
.vote-content-answer .new-comments{
    color:#fff;
    font-size:12px;
    padding:4px;
    position:absolute;
    bottom:1px;
    right:5px;
    width:135px;
    background-color:#999;
    border-radius: 4px 4px 4px 4px;
}
.vote-content-main{
    background-color:#ffffff;
    padding:3px;
    height:auto;
    margin:0 0 10px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    overflow:hidden;
    position:relative;
    width:auto;
}
.vote-content-content p{
    font-size:14px;
    color:#727272;
}

.vote-content-content {
    float: left;
    padding: 0px 5px 30px 10px;
    width: auto;
}
.vote-content-answer{
    background-color:#eeffdd;
    padding:3px;
    height:auto;
    margin:0 0 10px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    overflow:hidden;
    position:relative;
    width:auto;
}

/*quiz end*/

/*footer start*/

#footercontainer{
    background-color: #F5F5F5;
    background-image: url("../images/front_page_main/tile_paper.png");
    position: absolute;
    text-align:center;
    font-size:13px;
    width: 100%;
    color:#6b6b66;
    padding:13px 0px 5px 0px;
    margin-top:10px;
    margin:0;
    padding:0;
    bottom:0;
    left:0;
    min-height:50px;
}
#footercontainer .push {
    height: 1em;
}

.footerSection {
    margin: 0 auto;
} 
.curve {
    background-image: url("../images/front_page_main/curve.png");
    background-position: center top;
    background-repeat: no-repeat;
}
ul.footernavigation{
    margin:0;padding:20px;
    display:block;
    height:17px;
    font-size:13px;
    font-weight:normal;
    float:left;

}
ul.footernavigation li{
    display:inline;
    float:left;
    padding:2px 6px 5px 0;
    list-style-type:none;
    font-weight:normal;

}
ul.footernavigation li a{
    color:#6b6b6b;
    padding:6px 9px;
    white-space:normal;
    display:inline; 
    text-decoration: none;
    font-weight:normal;
    /* For Local Language instead of font-weight use following
     font-size: 16px;
    */
}
ul.footernavigation li.selected a{
    color:#6b6b6b;
    padding:6px 9px;
    white-space:normal;
    display:inline;
    text-decoration: none;
}
ul.footernavigation li .copyright{
    color:#000;
    padding:6px 0;
    white-space:normal;
    display:inline;
    text-decoration: none;
}
.socialNetwork {
    color: #000;
    display: inline;
    padding: 10px;
    text-align:right;
}

ul.navigation li a:hover{
    color:#333;
}

.lang_dropdown { padding: 0 10px; }
.lang_dropdown select { border: 0px; background: #f6f6f6; outline: none; }

/*footer end*/



/*Form design elements start*/
.formContainer textarea {
    line-height: 17px;
}
.formContainer input[type="radio"], .formContainer input[type="checkbox"] {
    margin: 4px 10px 0px 0px;
}
ul.formContainer {
    margin-bottom: 15px;
    padding-top: 0;
    width: auto;
    list-style-type:none;
}
ul.formContainer li {
    margin: 0 0 5px;
    padding: 5px 0 0;
}
ul.formContainer li.last {
    margin-bottom: 0;
}
ul.formContainer li:first-child {
    padding-top: 0;
    overflow: hidden;
}
ul.formContainer label {
    color: #333333;
    display: inline;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0 5px;
    text-align: left;
    min-width:125px;
}
ul.formContainer .cta_button, .cta_button{
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    color:#fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    display: inline-block;
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: condensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 19px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
}
.cta_button:hover{background: #3ca53c;
                  color: #FFFFFF;}
.label
{
    color:#000;
    text-align:right;
    line-height:22px;
    font-weight:normal;
    font-size:13px;
    font-family: 'Open Sans', Arial;
    min-width:200px;
}

.label15
{
    display:block;
    float:right;
    color:#000000;
    text-align:left;
    line-height:22px;
    font-weight:normal;
    font-size:15px;
    font-family: 'Open Sans', Arial;
}

.label span { color:#ff0000; }

.termsofuse
{
    display:inline;
    float:left;
    color:#000000;
    text-align:left;
    font-weight:normal;
    font-size:12px;
    font-family: 'Open Sans', Arial;
    padding:0 10px;
}

.labelSmallOne
{
    width:110px;
    display:inline;
    float:left;
    text-align:left;
    font-weight:normal;
    font-size:12px;
    font-family: 'Open Sans', Arial;
    padding:5px 0 0 0;
    color:#000000;
}

.labelMediumOne
{
    width:143px;
    display:inline;
    float:left;
    text-align:left;
    font-weight:normal;
    font-size:12px;
    font-family: 'Open Sans', Arial;
    padding:5px 0 0 0;
}

.dropDown
{
/*    background-color:#fbfbfb;*/
    border:1px solid #d9d9d9;
    font-weight:normal;
    height:26px;
    font-size:13px;
    width:auto;
    padding:1px; /*css reset*/
    color:#666666;
}
.dropDown:hover
{
    background-color:#ffffff;
    border:1px solid #d9d9d9;
}
.dropDown:focus
{
    background-color:#ffffff;
    border:1px solid #b1b1b1;
}
.dropDown-small
{
    background-color:#fbfbfb;
    border:1px solid #d9d9d9;
    font-weight:normal;
    height:26px;
    font-size:13px;
    width:130px;
    padding:1px; /*css reset*/
    color:#666666;
    float:left;
}
.dropDown-small:hover
{
    background-color:#ffffff;
    border:1px solid #d9d9d9;
}
.dropDown-small:focus
{
    background-color:#ffffff;
    border:1px solid #b1b1b1;
}

.textbox
{
    border:1px solid #000000;
    float:left;
    width:200px; /* desired width, must be less than image width */
    height:26px; /*height of image - padding-top*/
    padding:0; /*css reset*/
    padding-top:10px; /*vertically center the input field*/
    padding-left:5px;
}

.texttbox
{
    border:1px solid #666666;
    background-color:#f2f2f2;
    float:left;
    width:200px; /* desired width, must be less than image width */
    height:16px; /*height of image - padding-top*/
    padding:0; /*css reset*/
    padding-top:10px; /*vertically center the input field*/
    padding-left:5px;
}

.small_textbox
{
    border:1px solid #000000;
    width:120px; /* desired width, must be less than image width */
    height:15px; /*height of image - padding-top*/
    padding:0; /*css reset*/
    padding-top:10px; /*vertically center the input field*/
    padding-left:5px;
}

.img_textbox
{
    background-color:#fbfbfb;
    border:1px solid #d9d9d9;
    font-weight:normal;
    font-size:13px;
    height:22px;
    min-width:200px;
    display: inline-block !important;
}
.addTag_textbox
{
    background-color:#fbfbfb;
    border:1px solid #d9d9d9;
    font-weight:normal;
    font-size:13px;
    height:22px;
}

.img_textbox:hover
{
    background-color:#ffffff;
    border:1px solid #d9d9d9;
}

.img_textbox:focus
{
    background-color:#ffffff;
    border:1px solid #b1b1b1;
}

.textbox-small
{
    background-color:#fbfbfb;
    border:1px solid #d9d9d9;
    font-weight:normal;
    font-size:13px;
    height:22px;
}

.textbox-small:hover
{
    background-color:#ffffff;
    border:1px solid #d9d9d9;
}

.textbox-small:focus
{
    background-color:#ffffff;
    border:1px solid #b1b1b1;
}
.img_textarea
{
    background-color:#fbfbfb;
    border:1px solid #d9d9d9;
    font-weight:normal;
    font-size:13px;
    width:100%;
}

.img_textarea:hover
{
    background-color:#ffffff;
    border:1px solid #d9d9d9;
}

.img_textarea:focus
{
    background-color:#ffffff;
    border:1px solid #b1b1b1;
}

.successMessage
{
    background: url(../images/success.png) no-repeat;
    padding:0 5px 0 18px;
    color:#55c515;
    height:14px;
    margin:3px 2px 3px 110px;
    display:inline-block;
    font-weight:bold;
}

.errorMessage
{
    background: url(../images/error.png) no-repeat;
    padding:0 5px 0 18px;
    color:#FF0000;
    height:14px;
    margin:5px 2px 1px 110px;
    display:inline-block;
}
.infoMessage
{
    padding:3px;
    color:#afafaf;
    font-size:11px;
    margin:5px 2px 1px 5px;
    display:inline-block;
}
/*Form design elements end*/



/*Discussions fourm start*/
.top-btn-container{
    margin:0 0 10px 0;
    padding:0;
}
.top-btn-container .rightButton{
    margin:0;
    padding:0;
    float:right;
}
.top-btn-container .tagline
{
    font-size:11px;
    font-weight:normal;
    font-style:italic;
    padding:2px;
    border:1px solid #b8b8b8;
    margin-right:3px;
    background-color:#ffffe8;
}
.top-btn-container .tagclose
{
    background: url(../images/close.gif) no-repeat center right;
    width:6px;
    height:6px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}

.btn-top{
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background-color: #f2f2f2;
    background-image: -moz-linear-gradient(center top , #f2f2f2, #f4f4f4);
    border: medium none;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: condensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 19px;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
    margin:4px 4px 0 0;	
}
.ask-question{
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
    display: inline-block;
    font-family: 'Open Sans', Arial;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: condensed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 19px;
    padding: 2px 6px;
    text-align: center;
    text-decoration: none;
    margin:4px 4px 0 0;	
}
.ask-question:hover{background: #3ca53c;
                    color: #ffffff;}

.sm-search {
    border-color: #ccc;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px 0 0 5px;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    font-size: 12px;
    height: 1.5em;
    line-height: 1.1em;
    margin-bottom: 0;
    padding: 0.375em 0 0.375em 0.55em;
    vertical-align: baseline;
    width: 19em;
    min-height:31px;
}
.search_submit {
    background: -moz-linear-gradient(center top ,  #f2f2f2 0%, #f4f4f4 100%) repeat scroll 0 0 transparent;
    background-color: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: #333;
    left: -4px;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0;
    padding: 5px 6px 6px 6px;
    position: relative;
    width: 92px;
    font-size: 13px;
    font-weight:bold;
}

.bordered-table {
    border-collapse: collapse;
    color: #000;
    border: 1px solid #cccccc;
    border-radius: 4px 4px 4px 4px;
    width:100%;
}
.bordered-table th
{
    font-weight: bold;
    text-align: left;
    padding: 8px;
    background-color:#f5f7f3;
    color: #5d5d5d;
    border-bottom: 1px solid #cccccc;
}
.bordered-table td
{
    padding:7px;
    color: #666666;
    border-bottom: 1px solid #cccccc;
}
.bordered-table td .heading13px
{
    font-size:13px;
    font-weight:bold;
    display:block;
    padding-bottom:4px;
}
.bordered-table td .tagText
{
    font-size:11px;
    font-weight:normal;
    font-style:italic;
    padding:4px 6px 4px 0px;
}
.bordered-table td .tagline
{
    font-size:11px;
    font-weight:normal;
    font-style:italic;
    padding:2px;
    border:1px solid #b8b8b8;
    margin-right:3px;
    background-color:#ffffe8;
}
.bordered-table td strong
{
    font-weight:bold;
}

.zebra-striped tbody tr:nth-child(2n+1) td, .zebra-striped tbody tr:nth-child(2n+1) th {
    background-color: #F9F9F9;
}
.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
    background-color: #F5F5F5;
}


.paginationCount {
    height: 26px;
    margin: 8px 0;
    float:right;
}
.paginationCount ul {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    float: left;
    margin: 0;
}
.paginationCount li {
    display: inline;
}
.paginationCount a {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    float: left;
    line-height: 24px;
    padding: 0 14px;
    text-decoration: none;
}
.paginationCount a:hover, .paginationCount .active a {
    background-color: #ddffdd;
}
.paginationCount .disabled a, .paginationCount .disabled a:hover {
    background-color: transparent;
    color: #BFBFBF;
}
.paginationCount .next a {
    border: 0 none;
}


.paginationChat {
    margin:2px 4px 10px 2px;
    float:right;
}
.paginationChat ul {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    float: left;
    margin: 0;
}
.paginationChat li {
    display: inline;
}
.paginationChat a {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    float: left;
    line-height: 22px;
    padding: 0 8px;
    text-decoration: none;
}
.paginationChat a:hover, .paginationChat .active a {
    background-color:#7CA80D;
    color:#ffffff;
}

.paginationChat .disabled a, .paginationChat .disabled a:hover {
    background-color: transparent;
    color: #BFBFBF;
}
.paginationChat .next a {
    border: 0 none;
}

/*Discussions fourm end*/
/*Filter box start*/
.container_filter {
    margin: 0;
    padding:0;
    width: 100%;
    float:left;
}
.date_box_right {
    color: #999999;
    float: left;
    padding: 3px;
    width: 19px;
}
.calender-icon {
    background: url("../images/calendar.jpg") no-repeat scroll 0 0 transparent;
    display: inline-table;
    height: 18px;
    margin: 1px 2px;
    width: 18px;
}
/*Filter box end*/
/*Graph page start*/

.container_graph {
    height: auto;
    margin: 0;
    padding:0;
    width: 100%;
    float:left;
}
.graph_left {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: auto;
    width: 48%;
    overflow:hidden;
    text-align:center;
}
.graph_right {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    float: right;
    height: auto;
    width: 48%;
    overflow:hidden;
    text-align:center;
}
.cdi {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #F4F4F4 5%, #F4F4F4 79%, #F4F4F4 100%) repeat scroll 0 0 transparent;
    background-color:#F4F4F4;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px;
    width: 97%;
}
.arrow_cdi_text_right {
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    line-height: 23px;
    text-align:left;
}
.cdi_graph {
    padding: 2px;
}
/*Graph page end*/
li.setting ul {
    display: none;
    margin: 0;
    padding: 0;
    position : absolute;
    color: #7a7a7a;
    list-style: none;
}
.alert {
    opacity: 1;
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    border: 1px solid #FBEED5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;
    display: block;
    font-size: 13px;
}
li.setting:hover > ul {
    display: block;
}
li.setting ul li {
    display: list-item;
    position: relative;
    float: none;
    text-align: right;
    background-color:#fafafa;
    border:1px solid #f2f2f2;
    z-index: 1000;
    margin:0;
}
.fileIcon{
    background: url(../images/fileupload_crs.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.codeIcon{
    background: url(../images/code_crs.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}
.linkIcon{
    background: url(../images/link_crs.png) no-repeat;
    width:18px;
    height:18px;
    margin:1px 2px 1px 2px;
    display:inline-table;
}

/*This is the new CSS for the new chapter layout*/
.contentLayout .chapterBoxLeft{
    float:left;
    margin:0;
    padding:0px 15px 0 0;
    width: 340px;
    border-right:1px solid #ccc;
}
.contentLayout .chapterBoxRight{
    float:left;
    margin:0;
    padding:0px 0 0 15px;
    width: 340px;
}
.chapter-holder{
    background-color:#ffffff;
    padding:3px;
    border-bottom:1px solid #f3f3f3;
    overflow:hidden;
}
.chapter-holder p{
    font-size:15px;
    color:#67b700;
    display:block;
}
.chapter-holder span{
    color:#a8a8a8;
    font-size:12px;
}
.chapter-points{
    background: none repeat scroll 0 0 #5B9002;
    border: 1px solid #94b65a;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -khtml-border-radius: 22px;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', Arial;
    font-size: 17px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding-bottom: 0;
    text-align: center;
    width: 40px;
}
.course-content-table {
    border-collapse: collapse;
    width:100%;
}

.course-content-table td
{
    padding:7px;
    border-right: 1px solid #cccccc;
    vertical-align:top;
}
.course-content-table td.no-border
{
    padding:7px;
    border-right: 0px solid #cccccc;
    vertical-align:top;
}

.devcl-content {
    padding: 0px 5px 5px 10px;
}
.overlay_div {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100%;
    left: 0;
    /* opacity: 0.95; */
    padding: 8px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

#quiz_question_div span p {
    font-family: 'Open Sans', Arial;
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 10px;
}
#quiz_question_div ul li{
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
}
#quiz_question_div ul li input{
    vertical-align:top;
}

#asgn_question_div {border: 1px solid #ccc; background: #eee; padding: 10px;}
#assignment_response_table{font-size:14px;font-family: 'Open Sans', Arial;}
#assignment_response_table .lableStyle{padding: 10px; font-weight: bold;}

#progress-bar {
    margin-top:10px;
    height:40px;
    width:40px;
    border: 0px solid red;
}
#progress-text {
    margin-top:10px;
/*    height:20px;*/
    width:auto;
    border: 0px solid red;
    color: green;
    font-weight: bold;
}

.alert-success, .alert-success .alert-heading {
    color: #468847;
}
.alert-success {
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
}
.uploadalert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2e9;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    background-repeat: no-repeat;
    background-image: url('/oresoft_platform/images/progress.gif');
}

#ajax_gallery {
    position: relative;
    border: 0px solid red;
    clear:both;
    width: 100%;
    height:1080px;
}
#ajax_gallery_img {

}

#prevImg, #nextImg {
    cursor: pointer;
    margin-top: 0px;
    position: absolute;

}
div#book-section {
    position: relative;
    height: 100%;
    margin-left: -50px !important;
    overflow: hidden;
    text-align: center;
}
div#book-section #bookpage{

}
ul#gallery-section li {
    list-style: none;
    list-style-image: none;
    position: absolute;
    height: 100%;
    width: 23.077%;

}

ul#gallery-section li.last a {
    background-image: url("/oresoft_platform/images/textbook-left.png");
}
ul#gallery-section li.next a {
    background-image: url("/oresoft_platform/images/textbook-right.png");
}

ul#gallery-section li.last {
    left: 0;
}

ul#gallery-section li.next {
    right: 0;
    padding: 0px !important;
    text-align: right;
}
.course-container-border, .mainpage-left-column {width: 100%;}
ul#gallery-section li.last a,  ul#gallery-section li.next a{
    border: 0px solid green !important;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    /*    text-indent: -9999px;*/
    display: inline-block;
}
ul#gallery-section li.last a:hover, ul#gallery-section li.next a:hover{
    background-color: rgba(0,0,0,0.5);

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=0);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -ms-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -ms-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    vertical-align: middle;
    padding: 01.416em;
}

/* .accordion{ border-top: 1px solid #013d6c; border-right: 1px solid #013d6c; border-left: 1px solid #013d6c;}
 .accordion,  .accordion li {margin: 0; padding: 0; border: none;}
 .accordion a {
     padding: 10px 10px 10px 25px;
     background: url(../images/control_play.png) no-repeat left top;
     font-family: 'Open Sans', Arial;
     color:#818b89;
     text-decoration:none;
     display: block;
     border-bottom: 1px solid #cccccc;
}
 .accordion ul a {padding: 10px 10px 10px 25px;}
 .accordion a.dcjq-parent,  .accordion a.dcjq-parent:hover {padding: 10px 10px 10px 25px;}
 .accordion a.dcjq-parent.active {background-color: #F5F7F3; color: #252525;}
 .accordion a:hover {background-color: #F5F7F3; color: #252525;}
 .accordion a:active{}
 #nav-menu ul li a.selected
{
        background-color:#f5f7f3;
        color:#252525;
 }*/

/*Toggle Area*/

/* #menu .toggle {float:right;width:9px; padding:5px; cursor:pointer; border-top:1px solid white; border-left:0px solid #E0E0E0; color:#999;}
 #menu ul.navmenu li:first-child .toggle{border-width:0 0 0 0px;}*/
/* #menu .toggle {padding:5px; cursor:pointer;}*/
#menu .toggleButton { cursor:pointer; margin: 12px 3px 0 0 !important;float: right; font-size:17px;text-align:center;text-indent:0;}
/*Menu Setup*/
#menu ul{padding:0; margin:0;min-height:100%;}
#menu ul ul{border:0px solid #CCC;}
#menu ul.navmenu li {margin:0; list-style:none;}
/*Links*/
#menu ul.navmenu a, #menu ul.navmenu a:visited {text-decoration:none; padding:5px; display:block; color:#333;}
#menu ul.navmenu ul.submenu a{padding-left: 20px; border-top:1px solid #ccc; font-size:15px; color:#666666;}
#menu ul.navmenu ul.submenu a:hover{ color:#5b9002;}
/*Heading Outer div*/
#menu ul.navmenu .menutop{border:0px solid #CCC; border-width:0 0px; overflow:hidden; background:#ffffff; }
/*Header Links*/
#menu ul.navmenu .menutop a{padding: 7px 10px 7px 25px;float:left;margin: 0px; border-top:1px solid #ccc; font-size:15px; color:#777777; background: url(../images/control_play.png) no-repeat left top;width:75%;}
/*Header Link Hover*/
#menu ul.navmenu .menutop a:hover{color:#5b9002;}
/*Removes white border for the first header*/
#menu ul.navmenu li:first-child .menutop a {border-width:0px;}

/*Single Menu Width Fix*/
#menu ul.navmenu .menusingle a{width:100%;}

/*Border Radius and Special Border Width*/
/*#menu ul.navmenu li:first-child .menutop{border-width:0px 0px 0 0px; -moz-border-radius:5px 5px 0 0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
#menu ul.navmenu li:last-child .menutop{border-width:0px 0px 0px 0px; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
#menu ul.navmenu li:last-child ul.submenu{-moz-border-radius:0 0 5px 5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
#menu ul.navmenu li:last-child .menutop-open{-moz-border-radius:0;-webkit-border-radius:0px; border-width:0 0px;}*/
#menu ul.navmenu li a.selected { background-color:#ccc !important; color:#3c3c3c; }
#menu ul.navmenu li div.selected { background-color:#ccc !important; color:#3c3c3c; }

ul.sidenav-menu{padding:0; margin:0 0 0 10px; width:200px;list-style: none;}
ul.sidenav-menu a{text-decoration:none; padding:5px; display:block; color:#333;font-size:15px;}
ul.sidenav-menu a:hover{background-color:#fafafa !important;}

/*added on 09-03-13*/
/*Analytics container*/
.analytics_contentLayout{
    display:inline;
    float:left;
    margin: 0;
    padding: 0;
    width:100%;
}

/*New style*/
.analysis_heading_box{
    background: #ABD448;
    color: #fff;
    border:1px solid #BFDD79;
    font-size: 17px;
    font-weight: normal;
    margin: 1px;
    padding: 7px 0 7px 5px;
}

.tbl_comparison {
    margin-top: 25px;
    width: 100%;
    font-size: 13px;
}
.tbl_comparison TH {
    border-bottom: 3px solid #DCE3EB;
    padding: 15px;
    text-align: left;
}
.tbl_comparison TD {
    border-bottom: 1px solid #DCE3EB;
    color: #7B7B79;
    padding: 15px;
    vertical-align: top;
}
.tbl_comparison .col_label {
    background: url("../images/fade-to-left-bg.jpg") repeat-y scroll right top #FFFFFF;
    color: #333333;
    font-weight: bold;
    padding:1px;
    text-align:center;
    line-height:18px;
}
.tbl_comparison .col_label img{
    margin:2px;
    border:3px solid #fff;
    box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.09);
    display:block;
    text-align:center;
    margin:0 auto;
    width:35px;height:35px;
    overflow:hidden;
}
.tbl_comparison .col_label h3 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.tbl_comparison .col_A {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #DCE3EB;
    width: 17%;
}
.tbl_comparison .col_B {
    border-left: 1px solid #DCE3EB;
    border-right: 1px solid #DCE3EB;
    width: 17%;
}
.tbl_comparison .col_Z {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 17%;
}
.tbl_comparison .col_A strong, .tbl_comparison .col_B strong, .tbl_comparison .col_Z strong{
    font-weight:bold;
}


/*Summary*/

.top-posts ul {
    float: left;
    width: 100%;
    margin:0;padding:0;
}
.top-posts li {
    background: url("../images/green-tile.png") repeat scroll 0 0 transparent;
    float: left;
    position: relative;
    clear:both;
    margin-bottom:35px;
    list-style:none;
}
.top-posts li h5 {
    float: left;
    margin: 10px;
    width: 60%;
}
.top-posts li a {
    color: #FFFFFF;
    font-size: 19px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.top-posts li .comments {
    background:#fff;
    color: #7dac07;
    float: left;
    height: 40px;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    width: 40px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    font-size: 19px;
    line-height: 36px;
    margin: -12px;
    position: absolute;
    right: 0;
    border-radius: 40px;
}
.top-posts li .imgstyle{
    margin:4px;
    width:35px;height:35px;
    overflow:hidden;
}


.follow-Fb-Tw {
    float:left;
    padding:5px;
    margin-top:1px; 
}
.about_column{
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E7E7E7;
    list-style: none outside none;
    margin:0;
    overflow: hidden;
    padding: 0;
}
.about_column > li{
    float:left;
}
.about_column > li h5{
    background: none repeat scroll 0 0 #DDDDDD;
    color: #333333;
    font-size: 17px;
    font-weight:normal;
    margin: 0 0 8px;
    padding: 5px;
}
.about_column > li h4{
    font-size:15px;
    font-weight:normal;
    color:#666;
    padding-bottom:5px;
}
.about_column > li p{
    font-size:14px;
    font-weight:normal;
    color:#333;
    text-align:left;
    text-justify:inter-word;
    padding-bottom:5px;
    line-height:20px;
}
.about_column .img_wrap {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0 6px;
    text-align: left;
    width:70px;
    height:70px;
}

.about_column li a img {
    transition: all 200ms ease-out 0s;
    border-radius:40px;
}
.about_column li a:hover img {
    opacity: 0.5;
}
.about_column img {
    max-width: 100%;
}
.about_column .desc_wrap {
    display: block;
    padding: 17px 6px;
}
.desc_wrap h4{font-size:14px;padding:5px 0;}

.key-facts {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}
.join_container{
    float:left;
    width:550px;
    margin-left: 10px;
}
.join_the_course {
    font-size: 17px;
    padding:8px 10px;
    text-decoration: none;
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    width:140px;
    text-align:center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    margin:2px 50px;
    cursor:pointer;
    float:left;
}
.join_the_course:hover {
    background: #3ca53c;
    color: #FFFFFF;
}
.add_item_chapter {
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    margin-left: 37%;
    padding: 4px 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.add_item_chapter:hover {
    background: #3ca53c;
    color: #FFFFFF;
}
.top-keyfact ul {
    float: left;
    width: 100%;
    margin:0;padding:0;
}
.top-keyfact li {
    background: #666;
    float: left;
    position: relative;
    clear:both;
    margin-bottom:20px;
    list-style:none;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 15px;
}
.top-keyfact li h5 {
    float: left;
    margin: 10px;
    padding-left:30px;
    font-style: normal;
    color: #fff;
    font-size: 100%;
}
.top-keyfact li .comments {
    background:#fff;
    color: #333;
    width: 27%;
    padding: 4px;
    text-align: center;
    border: 3px solid #ccc;
    font-size: 14px;
    line-height: 30px;
    margin: -2px 0px 0px -20px;
    border-radius: 40px;
    position: absolute;
    font-weight:bold;
}
.empty-chart {
    text-align: center; 
    vertical-align: middle;
    color: red !important;
}

.analytics-box{
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    height: 85px;
    margin: 0 10px 35px 10px;
    float:left;
    display:inline;
    width:300px;
}
.analytics-box-container{
    width:235px;
    margin:0 auto;
    padding:5px;
}
.analytics-box-container p{
    font-size:23px;
    font-weight:bold;
    text-align:center;
    color:#666;
}
.analytics-box-container p a{
    font-size:21px;
    font-weight:normal;
    text-align:center;
}

.administration-box{
    background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    margin: 0 10px 35px 10px;
    float:left;
    display:inline;
    width:300px;
}
.administration-box-container{
    width:235px;
    margin:0 auto;
    padding:15px;
}
.administration-box-container p{
    font-size:23px;
    font-weight:bold;
    text-align:center;
    color:#666;
}
.administration-box-container p a{
    font-size:18px;
    font-weight:normal;
    text-align:center;
}


.howit_holder {
    width: 270px;
    float:left;
}
.howitworks{
    list-style: none;
    margin:0;
    padding:0;
}
.howitworks_thumbnail {
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    line-height: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}
/* Video quiz question analytics report*/
.expand-icon {
    background: url("../images/exp_plus.gif") transparent;
    width:10px;
    height:10px;
    display: inline-block;
}
.collapse-icon {
    background: url("../images/exp_minus.gif") transparent;
    width:10px;
    height:10px;
    display: inline-block;
}

.visible-row {
    display: table-row;
}

.invisible-row {
    display: none;
}

.margin-text {
    padding-left: 10px;
}

.bg-alternate {
    background:#ddd; 
}

.header-notification {
    opacity: 1;
    padding: 8px 35px 8px 14px;
    margin-bottom: 0px;
    border: 1px solid #595959;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px;
    padding-top: 14px;
    padding-bottom: 14px;
    color: #fff;
    background-color: #0c0c0c;
    border-color: #595959;
    display: block;
    font-size: 14px;
    text-align: center;
}

.header-notification a { color:#3ca53c;}
.header-notification .close {
  cursor: pointer;
  opacity: 1;
  top:-8px;
  right:-35px;
  text-decoration: none;
}
.header-notification .close:focus {outline:0;}
.header-notification .close:before, .header-notification .close:after {
  content: '';
  background: #fff;
  width: 1.5em;
  height: .1em;
  position: relative;
  cursor: pointer;
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: -0.75em;
}
.header-notification .close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 0.75em;
}




/* Administration register new center popup */
#register_center_error, #import_error, #export_error { display: none; clear: both;}

.fd-button { margin-left: 5px; width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.fd-button:hover, .button:focus { color: white; background-color: #2284a1; }
.fd-button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.fd-button.no-cursor {cursor: default;}
.fd-button.large { font-size: 17px; padding: 15px 30px 16px; }
.fd-button.medium { font-size: 14px; }
.fd-button.small { font-size: 11px; padding: 7px 14px 8px; }
.fd-button.tiny { font-size: 10px; padding: 5px 10px 6px; }
.fd-button.expand { width: 100%; text-align: center; }
.fd-button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; }
.fd-button.primary:hover, .fd-button.primary:focus { background-color: #2284a1; }
.fd-button.success { background-color: #5da423; border: 1px solid #396516; }
.fd-button.success:hover, .fd-button.success:focus { background-color: #457a1a; }
.fd-button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.fd-button.alert:hover, .fd-button.alert:focus { background-color: #970b0e; }
.fd-button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.fd-button.secondary:hover, .fd-button.secondary:focus { background-color: #d0d0d0; }
.fd-button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.fd-button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.fd-button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.fd-button.left-align { text-align: left; text-indent: 12px; }
.fd-button.disabled, .fd-button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.fd-button.disabled:hover, .fd-button[disabled]:hover { background: #2ba6cb; }
.fd-button.disabled.success, .fd-button[disabled].success { background-color: #5da423; }
.fd-button.disabled.success:hover, .fd-button.disabled.success:focus, .fd-button[disabled].success:hover, .fd-button[disabled].success:focus { background-color: #5da423; outline: none; }
.fd-button.disabled.alert, .fd-button[disabled].alert { background-color: #c60f13; }
.fd-button.disabled.alert:hover, .fd-button.disabled.alert:focus, .fd-button[disabled].alert:hover, .fd-button[disabled].alert:focus { background-color: #c60f13; outline: none; }
.fd-button.disabled.secondary, .fd-button[disabled].secondary { background-color: #e9e9e9; }
.fd-button.disabled.secondary:hover, .fd-button.disabled.secondary:focus, .fd-button[disabled].secondary:hover, .fd-button[disabled].secondary:focus { background-color: #e9e9e9; outline: none; }

/* Don't use native fd-buttons on iOS */
input[type=submit].fd-button, fd-button.fd-button { -webkit-appearance: none; }

/* Correct FF fd-button padding */
@-moz-document url-prefix() {
 fd-button::-moz-focus-inner, 
 input[type="reset"]::-moz-focus-inner, 
 input[type="fd-button"]::-moz-focus-inner, 
 input[type="submit"]::-moz-focus-inner, 
 input[type="file"] > input[type="fd-button"]::-moz-focus-inner { border: none; padding: 0; }
                              input[type="submit"].tiny.fd-button { padding: 3px 10px 4px; }
                              input[type="submit"].small.fd-button { padding: 5px 14px 6px; }
                              input[type="submit"].fd-button, input[type=submit].medium.fd-button { padding: 8px 20px 9px; }
                              input[type="submit"].large.fd-button { padding: 13px 30px 14px; } }

                              /* fd-buttons with Dropdowns ---------------------- */
                              .fd-button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown fd-buttons */ }
                              .fd-button.dropdown.large { padding-right: 60px; }
                              .fd-button.dropdown.small { padding-right: 28px; }
                              .fd-button.dropdown.tiny { padding-right: 20px; }
                              .fd-button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
                              .fd-button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; }
                              .fd-button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; }
                              .fd-button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; }
                              .fd-button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; }
                              .fd-button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
                              .fd-button.dropdown > ul li a, .fd-button.dropdown > ul li fd-button { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; }
                              .fd-button.dropdown > ul li fd-button { width: 100%; border: inherit; background: inherit; font-family: inherit; margin: inherit; -webkit-font-smoothing: antialiased; }
                              .fd-button.dropdown > ul li:hover, .fd-button.dropdown > ul li:focus { background-color: #e3f4f9; color: #222; }
                              .fd-button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
                              .fd-button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; }
                              .fd-button.dropdown ul.no-hover.show-dropdown { display: block !important; }
                              .fd-button.dropdown:hover > ul.no-hover { display: none; }
                              .fd-button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
                              .fd-button.dropdown.split:after { display: none; }
                              .fd-button.dropdown.split:hover, .fd-button.dropdown.split:focus { background-color: #2ba6cb; }
                              .fd-button.dropdown.split.alert:hover, .fd-button.dropdown.split.alert:focus { background-color: #c60f13; }
                              .fd-button.dropdown.split.success:hover, .fd-button.dropdown.split.success:focus { background-color: #5da423; }
                              .fd-button.dropdown.split.secondary:hover, .fd-button.dropdown.split.secondary:focus { background-color: #e9e9e9; }
                              .fd-button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
                              .fd-button.dropdown.split > a:hover, .fd-button.dropdown.split > a:focus { background-color: #2284a1; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
                              .fd-button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; }
                              .fd-button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; }
                              .fd-button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; }
                              .fd-button.dropdown.split > span { background-color: #2ba6cb; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
                              .fd-button.dropdown.split > span:hover, .fd-button.dropdown.split > span:focus { background-color: #2284a1; }
                              .fd-button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
                              .fd-button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; }
                              .fd-button.dropdown.split.large span { width: 45px; }
                              .fd-button.dropdown.split.small span { width: 21px; }
                              .fd-button.dropdown.split.tiny span { width: 15px; }
                              .fd-button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
                              .fd-button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
                              .fd-button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
                              .fd-button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
                              .fd-button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
                              .fd-button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
                              .fd-button.dropdown.split.secondary > a { color: #1d1d1d; }
                              .fd-button.dropdown.split.alert > a:hover, .fd-button.dropdown.split.alert > span:hover, .fd-button.dropdown.split.alert > a:focus, .fd-button.dropdown.split.alert > span:focus { background-color: #970b0e; }
                              .fd-button.dropdown.split.success > a:hover, .fd-button.dropdown.split.success > span:hover, .fd-button.dropdown.split.success > a:focus, .fd-button.dropdown.split.success > span:focus { background-color: #457a1a; }
                              .fd-button.dropdown.split.secondary > a:hover, .fd-button.dropdown.split.secondary > span:hover, .fd-button.dropdown.split.secondary > a:focus, .fd-button.dropdown.split.secondary > span:focus { background-color: #d0d0d0; }

                              /* fd-button Groups ---------------------- */
                              ul.fd-button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; }
                              ul.fd-button-group:before, ul.fd-button-group:after { content: " "; display: table; }
                              ul.fd-button-group:after { clear: both; }
                              ul.fd-button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
                              ul.fd-button-group li:first-child { margin-left: 0; }
                              ul.fd-button-group.radius li .fd-button, ul.fd-button-group.radius li .fd-button.radius, ul.fd-button-group.radius li .fd-button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
                              ul.fd-button-group.radius li:first-child .fd-button, ul.fd-button-group.radius li:first-child .fd-button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
                              ul.fd-button-group.radius li:first-child .fd-button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; }
                              ul.fd-button-group.radius li:last-child .fd-button, ul.fd-button-group.radius li:last-child .fd-button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
                              ul.fd-button-group.radius li:last-child .fd-button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; }
                              ul.fd-button-group.even .fd-button { width: 100%; }
                              ul.fd-button-group.even.two-up li { width: 50%; }
                              ul.fd-button-group.even.three-up li { width: 33.3%; }
                              ul.fd-button-group.even.three-up li:first-child { width: 33.4%; }
                              ul.fd-button-group.even.four-up li { width: 25%; }
                              ul.fd-button-group.even.five-up li { width: 20%; }

                              div.fd-button-bar { overflow: hidden; }
                              div.fd-button-bar ul.fd-button-group { float: left; margin-right: 8px; }
                              div.fd-button-bar ul.fd-button-group:last-child { margin-left: 0; }

                              .cell-width-5 {width:5%;}
                              .cell-width-10 {width:10%;}
                              .cell-width-15 {width:15%;}
                              .cell-width-20 {width:20%;}
                              .cell-width-25 {width:25%;}
                              .cell-width-30 {width:30%;}
                              .cell-width-35 {width:35%;}
                              .cell-width-40 {width:40%;}

                              .form-table {width: 100%; display: table;}
                              .form-row {display: table-row}
                              .form-cell {display: table-cell;}

                              .payment-error-message-container, .payment-success-message-container {
                                  display: none;
                                  margin-bottom:20px !important;
                              }
                              .text-indent-10 { text-indent: -10px !important;}
                              .course-access-highlights dl {margin-left: 1.25em; margin-top: 1.25em;}

                              .ajax_loader {background: url("../images/loading.gif") no-repeat center center transparent;width:100%;height:100%;}

                              #paypal_form {
                                  background-image: url('../images/paypal-form-bg.png');
                                  background-position:center; 
                                  background-repeat: no-repeat;
                                  height: 80px;
                              }

                              #paypal_form input[type=image] {margin-top: 30px;}

                              .payment-or-bar { margin-top: 10px }
                              .side-lined {position: relative;}
                              .payment-or-text {
                                  width: 40px;
                                  margin: 0px auto;
                                  text-align: center;
                                  font-size: 18px;
                                  color: #cccccc;
                                  font-weight: bold;
                              }
                              div.side-lined:before, div.side-lined:after {
                                  content: '';
                                  width: 45%;
                                  height: 1px;
                                  background: #e5e5e5;
                                  position: absolute;
                                  left: 0;
                                  top: 50%;
                              }

                              /* Coupons css */
                              .coupon_actions span a { display: block; margin-left: 5px;}
                              #couponForm label { min-width: 155px;}
                              #couponForm .colLeft { display: block; width: 100%;}
                              #couponForm .errorMessage, #couponForm .successMessage { display: none;}
                              #couponForm ul.formContainer { width: 100%;}
                              #couponForm ul.formContainer li { margin: 10px;}

                              /* Course Price */
                              #coursePriceForm label { max-width: 155px;}
                              #coursePriceForm .colLeft { display: block; width: 100%;}
                              #coursePriceForm .errorMessage, #coursePriceForm .successMessage { display: none;}
                              coursePriceForm ul.formContainer { width: 100%;}
                              coursePriceForm ul.formContainer li { margin: 10px;}

                              /* Payment reports */

                              ul.payment_statement_description {margin-left: 0px !important; width: 100%; margin: 20px;}
                              .payment_statement_description li {
                                  padding: 5px;
                                  list-style: none;
                                  color: #666666;
                                  font-size: 12px;
                              }

                              tr[id^="payment_"]:not(:first-child):hover {
                                  background-color: #ddd;
                                  cursor: pointer;
                              }

                              #payment_report_monthly tr:not(:first-child):hover {
                                  background-color: #ddd;
                                  cursor: pointer;
                              }

                              .instructor_actions a span {display: inline-block !important}
                              .form-control.small-input {height: 20px; width:50px;}

                              input.form-control {margin-bottom: 0px !important;}
                              div[id^="fal_normal_share_"] {}
                              div[id^="fal_edit_share_"] {float: left !important; margin-bottom: 0px !important;  display: none;}

                              .dropdown_1column, 
                              .dropdown_2columns, 
                              .dropdown_3columns, 
                              .dropdown_4columns,
                              .dropdown_5columns {
                                  margin:4px auto;
                                  float:left;
                                  position:absolute;
                                  left:-999em; /* Hides the drop down */
                                  text-align:left;
                                  padding:10px 5px 10px 5px;
                                  border:1px solid #ccc;
                                  /*	border-top:none;*/

                                  /* Gradient background */
                                  background:#F4F4F4;
                                  /*	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
                                          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));*/
                              }

                              .dropdown_1column {width: 200px;margin:0px;padding:0px;}
                              .dropdown_2columns {width: 280px;}
                              .dropdown_3columns {width: 420px;}
                              .dropdown_4columns {width: 560px;}
                              .dropdown_5columns {width: 700px;}

                              #headertopmenu li:hover .dropdown_1column, 
                              #headertopmenu li:hover .dropdown_2columns, 
                              #headertopmenu li:hover .dropdown_3columns,
                              #headertopmenu li:hover .dropdown_4columns,
                              #headertopmenu li:hover .dropdown_5columns {
                                  left:-1px;
                                  top:auto;
                              }

                              .col_1,
                              .col_2,
                              .col_3,
                              .col_4,
                              .col_5 {
                                  display:inline;
                                  float: left;
                                  position: relative;
                                  margin-left: 5px;
                                  margin-right: 5px;
                              }
                              .col_1 {width:190px;}
                              .col_2 {width:270px;}
                              .col_3 {width:410px;}
                              .col_4 {width:550px;}
                              .col_5 {width:690px;}

                              #headertopmenu .menu_right {
                                  /*float:right;
                                  margin-right:0px; */
                              }

                              #headertopmenu li:hover .align_right {
                                  left:auto;
                                  right:-1px;
                                  top:auto;
                                  z-index: 999;
                              }

                              #headertopmenu ul li {
                                  line-height:21px;
                                  font-size:12px;
                                  text-align:left;
                                  /*	text-shadow: 1px 1px 1px #FFFFFF;*/
                                  margin-top: 4px !important;
                                  margin-bottom: 2px !important;
                              }

                              #headertopmenu li:hover div a {
                                  font-size:12px;
                                  color:#5b9002;
                                  display: block;
                              }
                              #headertopmenu li:hover div a:hover {
                                  color:#3c3c3c;
                              }


                              #headertopmenu li ul {
                                  list-style:none;
                                  padding:0;
                                  margin:0 0 12px 0;
                              }
                              #headertopmenu li ul li {
                                  font-size:12px;
                                  line-height:24px;
                                  position:relative;
                                  padding:0;
                                  margin:0;
                                  float:none;
                                  text-align:left;
                              }
                              #headertopmenu li ul li:hover {
                                  background:none;
                                  border:none;
                                  padding:0;
                                  margin:0;
                              }
                              #course_menu_list .radio-inline, #course_menu_list .checkbox-inline {
                                  margin-top: 0;
                                  margin-left: 15px;
                                  min-width: 150px;
                              }

                              /* Uload video page css overwrite */
                              .tab-content .displaytable-style td {
                                  border-bottom: 0px !important;
                              }

                              ul#myTab {
                                  margin-top: 10px;
                              }

                              /* Hide language dropdown from tinymce editor */
                              .mce_pramukhime {display: none !important;}

                              /* Use following for mentorsnet
                              .top-gradient {
                              background: url(../images/front_page_main/online-course-v1.png) repeat-x center top;
                              width: 100%;
                              z-index: -2;
                              } */

                              /*Use Following for shikhya */
                              .top-gradient {
                                  /*background: #7f9fb7 url(../images/front_page_main/shikhya-online-course.jpg) no-repeat center top;*/
                                  width: 100%;
                                  z-index: -2;
                                  margin-top:0px;
                              }
                              /* 
                              .top-gradient {
                              background: url(../images/front_page_main/online-course-v1.png) repeat-x center top;
                              width: 100%;
                              z-index: -2;
                              margin-top:80px;
                              }
                              */
                              .p-margin {
                                  margin: 40px 0 20px 0;
                                  color: #ffffff;
                                  /* For Shikhya 
                                  color: #141F2A; 
                                  */
                                  font-size: 36px;
                              }
                              .white {
                                  color: #fff;
                              }
                              .lead {
                                  font-family: 'Open Sans', Arial;
                                  font-weight: normal;
                                  font-size: 22px;
                                  line-height: 140%;
                                  margin-bottom: 31px;
                              }
                              .navbar-default {
                                  background-color:transparent!important;
                                  border-color:transparent!important;
                              }
                              /* For mentorsnet use following*/
                              .navbar-default .navbar-nav > li > a{font-size:14px;}

                              /* For Shikhya Use following */
                              /*.navbar-default .navbar-nav > li > a{font-size:16px;} */

                              .fa{font-size:15px;}
                              .bg-grey {
                                  background-color: #f5f5f5;
                                  background-image: url(../images/front_page_main/tile_paper.png);
                              }
                              .bg-gray {
                                  background-color: #aaa;
                                  background-image: url(../images/front_page_main/tile_paper.png);
                              }
                              .center {
                                  text-align: center;
                              }
                              .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{min-height:58px;}
                              .thumbnail p {
                                  margin-bottom: 5px;
                                  font-size: 13px;
                                  cursor: pointer;
                              }

                              .container {
                                  max-width: 980px;
                              }
                              .table-condensed{font-size:14px;}
                              .table-condensed th{font-size:16px;}
                              .table-condensed>thead>tr>th, .table-condensed>tbody>tr>td{border:none;}
                              div.comments {font-size: 13px;padding: 3px 0;}
                              .glance-icon-align{top:4px;font-size:17px;font-weight:normal;color: #666;margin-right:4px;}
                              .price-hd{font-size:21px;padding:6px 10px; text-align:center;display:block;}
                              .price-dollar{font-size:32px;padding:2px 10px 8px; text-align:center;display:block;color:#7aa90b;}
                              .price-dollar-per-hour{font-size:12px;padding:2px 10px 8px; text-align:center;display:block;color:#7aa90b;}
                              li.nav-bg {
                                  border: 1px solid #ccc;
                                  padding: 6px 3px 15px;
                                  text-align: center;
                                  background-color: #f2f2f2;
                              }
                              /*
                              .img_wrap{float: left;
                              margin-right: 10px;} */

                              .img_wrap {
                                  float: left;
                                  margin-right: 10px;
                                  width: 110px;
                              }
                              span.desc_wrap {
                                  float: left;
                                  /*width: 480px;*/
                              }
                              @media screen and (max-width: 767px) {
                                  .videoBox-colLeft {padding:0;}
                                  .socialNetwork{clear:both;margin-top:20px;text-align:left;padding-left:17px;}
                                  .top-gradient{margin-top:0;}
                                  ul.footernavigation li .copyright {
                                      padding: 6px 10px;
                                  }
                                  ul.footernavigation li {clear: both;}
                              }

                              /*
                               * Off Canvas
                               * --------------------------------------------------
                               */
                              @media screen and (max-width: 768px) {
                                  .row-offcanvas {
                                      position: relative;
                                      -webkit-transition: all 0.25s ease-out;
                                      -moz-transition: all 0.25s ease-out;
                                      transition: all 0.25s ease-out;
                                  }

                                  .row-offcanvas-left
                                  .sidebar-offcanvas {
                                      left: -33%;
                                  }

                                  .row-offcanvas-left.active {
                                      left: 33%;
                                  }

                                  .sidebar-offcanvas {
                                      position: absolute;
                                      top: 0;
                                      width: 33%;
                                      margin-left: 10px;
                                  }
                              }

                              /* Sidebar navigation */
                              .nav-sidebar {
                                  background-color: #f5f5f5;
                                  margin-right: -15px;
                                  margin-bottom: 20px;
                                  margin-left: -15px;
                              }
                              .nav-sidebar > li > a {
                                  padding-right: 20px;
                                  padding-left: 20px;
                              }
                              .nav-sidebar > .active > a {
                                  color: #fff;
                                  background-color: #428bca;
                              }

                              .about-hd-title{
                                  font-size: 30px;
                                  font-weight: normal;
                                  line-height: 42px;
                                  color: #333333;
                                  text-align:left;
                              }
                              .about-discription{
                                  font-size: 17px;
                                  font-weight: normal;
                                  line-height: 22px;
                                  text-align:left;
                              }
                              /*--------carousel ---------*/
                              .carousel-control.left,.carousel-control.right{ background:none;}
                              .glyphicon-chevron-right{ background:url(../images/front_page_main/carousel_co.png) no-repeat -52px 2px; text-indent:-9999px; padding:20px;}
                              .carousel-control{ width:auto;}
                              .glyphicon-chevron-left{background:url(../images/front_page_main/carousel_co.png) no-repeat 0px -49px; text-indent:-9999px; padding:20px;}
                              .carousel-indicators li{border: 1px solid #ADADAD;}
                              .carousel-indicators .active{ background:#8ac227;}#studentListTable img.ui-datepicker-trigger { float: left;margin-left: 5px; margin-top: 7px;}
                              #studentListTable input.datepicker  { width:100px; float: left;}
                              /*----------- Affiliation screens -----------------*/
                              #aff_comm_layout { display: none;}
                              /* ------- CSS Spinner ------- */
                              #csspinner{
                                  position: fixed;
                                  background-color: black;
                                  display: block;
                                  width: 100%;
                                  height: 100%;
                                  opacity: 0.6;
                                  top: 0;
                                  left: 0;
                                  display: none;
                              }
                              #csspinner:before{
                                  background-color: black;
                              }
                              .csspinner{position:relative}.csspinner:before{content:"";z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#999;opacity:.6}.csspinner:after{z-index:2;content:"";height:40px;width:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;-webkit-transition:all .75s ease 0s;transition:all .75s ease 0s;border-radius:100%;border-top:4px solid #555;-webkit-animation:standard .75s infinite linear;animation:standard .75s infinite linear;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.csspinner.no-overlay:before{content:none;display:none}@-webkit-keyframes standard{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes standard{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.csspinner.bar:after{height:20px;width:40px;border-radius:0;border:none;-webkit-animation:bar 1s infinite linear;animation:bar 1s infinite linear}@-webkit-keyframes bar{from{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0.5);box-shadow:inset 0 0 0 rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset 80px 0 0 rgba(0,0,0,0.5);box-shadow:inset 80px 0 0 rgba(0,0,0,0.5)}}@keyframes bar{from{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0.5);box-shadow:inset 0 0 0 rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset 80px 0 0 rgba(0,0,0,0.5);box-shadow:inset 80px 0 0 rgba(0,0,0,0.5)}}.csspinner.bar.follow:after{-webkit-animation:bar-follow 1s infinite linear;animation:bar-follow 1s infinite linear}@-webkit-keyframes bar-follow{0%{-webkit-box-shadow:inset 40px 0 0 rgba(0,0,0,0.5);box-shadow:inset 40px 0 0 rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset -40px 0 0 rgba(0,0,0,0.5);box-shadow:inset -40px 0 0 rgba(0,0,0,0.5)}}@keyframes bar-follow{0%{-webkit-box-shadow:inset 40px 0 0 rgba(0,0,0,0.5);box-shadow:inset 40px 0 0 rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset -40px 0 0 rgba(0,0,0,0.5);box-shadow:inset -40px 0 0 rgba(0,0,0,0.5)}}.csspinner.blade:after{height:20px;width:20px;margin:-10px 0 0 10px;border-right:4px solid transparent;border-top:4px solid transparent;border-left:4px solid transparent;border-bottom:4px solid #e74c3c;opacity:1;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.csspinner.double-up:after{border-right:4px solid #e74c3c;border-top:4px double #e74c3c;border-left:4px double #e74c3c;border-bottom:4px double #e74c3c}.csspinner.duo:after{border-right:4px solid #333;border-left:4px solid #333;border-top:4px solid #f1c40f;border-bottom:4px solid #f1c40f}.csspinner.helicopter:after{height:10px;width:40px;margin:-10px 0 0 -20px;border:none;border-radius:0;opacity:1;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;background-color:#8e44ad}.csspinner.line:after{height:20px;border-radius:0;border:none;-webkit-box-shadow:inset -10px 0 0 rgba(0,0,0,0.5);box-shadow:inset -10px 0 0 rgba(0,0,0,0.5);-webkit-animation:line .75s infinite linear;animation:line .75s infinite linear}@-webkit-keyframes line{from{width:10px}to{width:50px}}@keyframes line{from{width:10px}to{width:50px}}.csspinner.line.grow:after{-webkit-animation:line .75s infinite linear,line-grow .75s infinite linear;animation:line .75s infinite linear,line-grow .75s infinite linear}@-webkit-keyframes line-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(2);transform:scaleY(2)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes line-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(2);transform:scaleY(2)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.csspinner.line.back-and-forth:after{-webkit-animation:line-back-and-forth 1s infinite linear;animation:line-back-and-forth 1s infinite linear}@-webkit-keyframes line-back-and-forth{0%{width:10px}50%{width:50px}100%{width:10px}}@keyframes line-back-and-forth{0%{width:10px}50%{width:50px}100%{width:10px}}.csspinner.line.back-and-forth.grow:after{-webkit-animation:line-back-and-forth 1s infinite linear,line-back-and-forth-grow 1s infinite linear;animation:line-back-and-forth 1s infinite linear,line-back-and-forth-grow 1s infinite linear}@-webkit-keyframes line-back-and-forth-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}25%{-webkit-transform:scaleY(2);transform:scaleY(2)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:scaleY(2);transform:scaleY(2)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes line-back-and-forth-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}25%{-webkit-transform:scaleY(2);transform:scaleY(2)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:scaleY(2);transform:scaleY(2)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.csspinner.ringed:after{border-right:4px solid #e74c3c;border-top:4px solid #2ecc71;border-left:4px solid #2ecc71;border-bottom:4px solid #2ecc71;opacity:1}.csspinner.shadow:after{-webkit-animation:spin-shadow .25s infinite linear;animation:spin-shadow .25s infinite linear;border-radius:100%;border:none}@-webkit-keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5)}}@keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5)}}.csspinner.shadow.oval.left:after,.csspinner.shadow.oval:after{-webkit-animation:spin-shadow .25s infinite linear;animation:spin-shadow .25s infinite linear;border:none;border-radius:40% 100%}@keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5)}}.csspinner.shadow.oval.right:after{-webkit-animation:spin-shadow .25s infinite linear;animation:spin-shadow .25s infinite linear;border:none;border-radius:100% 40%}@keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5)}}.csspinner.sphere.horizontal:after,.csspinner.sphere:after{border-radius:100%;-webkit-animation:sphere .5s infinite;animation:sphere .5s infinite;border:none;height:40px}@-webkit-keyframes sphere{from{-webkit-box-shadow:inset 45px 0 10px rgba(0,0,0,0.5);box-shadow:inset 45px 0 10px rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset -45px 0 10px rgba(0,0,0,0.5);box-shadow:inset -45px 0 10px rgba(0,0,0,0.5)}}@keyframes sphere{from{-webkit-box-shadow:inset 45px 0 10px rgba(0,0,0,0.5);box-shadow:inset 45px 0 10px rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset -45px 0 10px rgba(0,0,0,0.5);box-shadow:inset -45px 0 10px rgba(0,0,0,0.5)}}.csspinner.sphere.vertical:after{border-radius:100%;-webkit-animation:sphere-v .5s infinite;animation:sphere-v .5s infinite;border:none;height:40px}@-webkit-keyframes sphere-v{from{-webkit-box-shadow:inset 0 45px 10px rgba(0,0,0,0.5);box-shadow:inset 0 45px 10px rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset 0 -45px 10px rgba(0,0,0,0.5);box-shadow:inset 0 -45px 10px rgba(0,0,0,0.5)}}@keyframes sphere-v{from{-webkit-box-shadow:inset 0 45px 10px rgba(0,0,0,0.5);box-shadow:inset 0 45px 10px rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset 0 -45px 10px rgba(0,0,0,0.5);box-shadow:inset 0 -45px 10px rgba(0,0,0,0.5)}}.csspinner.traditional:after{border-right:4px solid #777;border-top:4px solid #777;border-left:4px solid #999;border-bottom:4px solid #bbb}

                              #xLoader{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.6);z-index:9}#xLoader .audio-wave{position:relative;left:50%;top:50%}#xLoader .audio-wave span{display:block;bottom:0;width:9px;height:5px;background:#9b59b6;position:absolute;-webkit-animation:xLoaderAudioWave 1.5s infinite ease-in-out;-moz-animation:xLoaderAudioWave 1.5s infinite ease-in-out;-ms-animation:xLoaderAudioWave 1.5s infinite ease-in-out;-o-animation:xLoaderAudioWave 1.5s infinite ease-in-out;animation:xLoaderAudioWave 1.5s infinite ease-in-out}#xLoader .audio-wave span:nth-child(2){left:11px;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-ms-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}#xLoader .audio-wave span:nth-child(3){left:22px;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-ms-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}#xLoader .audio-wave span:nth-child(4){left:33px;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}#xLoader .audio-wave span:nth-child(5){left:44px;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-ms-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes xLoaderAudioWave{0%{height:5px;transform:translateY(0);background:#9b59b6}25%{height:30px;transform:translateY(15px);background:#3498db}50%{height:5px;transform:translateY(0);background:#9b59b6}100%{height:5px;transform:translateY(0);background:#9b59b6}}@-moz-keyframes xLoaderAudioWave{0%{height:5px;transform:translateY(0);background:#9b59b6}25%{height:30px;transform:translateY(15px);background:#3498db}50%{height:5px;transform:translateY(0);background:#9b59b6}100%{height:5px;transform:translateY(0);background:#9b59b6}}@-ms-keyframes xLoaderAudioWave{0%{height:5px;transform:translateY(0);background:#9b59b6}25%{height:30px;transform:translateY(15px);background:#3498db}50%{height:5px;transform:translateY(0);background:#9b59b6}100%{height:5px;transform:translateY(0);background:#9b59b6}}@-o-keyframes xLoaderAudioWave{0%{height:5px;transform:translateY(0);background:#9b59b6}25%{height:30px;transform:translateY(15px);background:#3498db}50%{height:5px;transform:translateY(0);background:#9b59b6}100%{height:5px;transform:translateY(0);background:#9b59b6}}@keyframes xLoaderAudioWave{0%{height:5px;transform:translateY(0);background:#9b59b6}25%{height:30px;transform:translateY(15px);background:#3498db}50%{height:5px;transform:translateY(0);background:#9b59b6}100%{height:5px;transform:translateY(0);background:#9b59b6}}#xLoader .circular-square{position:relative;left:50%;top:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px}#xLoader .circular-square span{display:block;bottom:0;width:20px;height:20px;background:#9b59b6;position:absolute}#xLoader .circular-square span:nth-child(1){-webkit-animation:xLoaderCircularSquare1 1.5s infinite ease-in-out;-moz-animation:xLoaderCircularSquare1 1.5s infinite ease-in-out;-ms-animation:xLoaderCircularSquare1 1.5s infinite ease-in-out;-o-animation:xLoaderCircularSquare1 1.5s infinite ease-in-out;animation:xLoaderCircularSquare1 1.5s infinite ease-in-out}#xLoader .circular-square span:nth-child(2){left:20px;-webkit-animation:xLoaderCircularSquare2 1.5s infinite ease-in-out;-moz-animation:xLoaderCircularSquare2 1.5s infinite ease-in-out;-ms-animation:xLoaderCircularSquare2 1.5s infinite ease-in-out;-o-animation:xLoaderCircularSquare2 1.5s infinite ease-in-out;animation:xLoaderCircularSquare2 1.5s infinite ease-in-out}#xLoader .circular-square span:nth-child(3){top:0;-webkit-animation:xLoaderCircularSquare3 1.5s infinite ease-in-out;-moz-animation:xLoaderCircularSquare3 1.5s infinite ease-in-out;-ms-animation:xLoaderCircularSquare3 1.5s infinite ease-in-out;-o-animation:xLoaderCircularSquare3 1.5s infinite ease-in-out;animation:xLoaderCircularSquare3 1.5s infinite ease-in-out}#xLoader .circular-square span:nth-child(4){top:0;left:20px;-webkit-animation:xLoaderCircularSquare4 1.5s infinite ease-in-out;-moz-animation:xLoaderCircularSquare4 1.5s infinite ease-in-out;-ms-animation:xLoaderCircularSquare4 1.5s infinite ease-in-out;-o-animation:xLoaderCircularSquare4 1.5s infinite ease-in-out;animation:xLoaderCircularSquare4 1.5s infinite ease-in-out}@-webkit-keyframes xLoaderCircularSquare1{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(-10px) rotate(-180deg);border-radius:20px;background:#3498db}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@-moz-keyframes xLoaderCircularSquare1{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(-10px) rotate(-180deg);border-radius:20px;background:#3498db}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@-ms-keyframes xLoaderCircularSquare1{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(-10px) rotate(-180deg);border-radius:20px;background:#3498db}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@-o-keyframes xLoaderCircularSquare1{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(-10px) rotate(-180deg);border-radius:20px;background:#3498db}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@keyframes xLoaderCircularSquare1{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(-10px) rotate(-180deg);border-radius:20px;background:#3498db}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@-webkit-keyframes xLoaderCircularSquare2{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}@-moz-keyframes xLoaderCircularSquare2{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}@-ms-keyframes xLoaderCircularSquare2{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}@-o-keyframes xLoaderCircularSquare2{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}@keyframes xLoaderCircularSquare2{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(-10px) rotate(180deg);border-radius:20px;background:#f1c40f}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}@-webkit-keyframes xLoaderCircularSquare3{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(10px) rotate(-180deg);border-radius:20px;background:#2ecc71}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@-moz-keyframes xLoaderCircularSquare3{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(10px) rotate(-180deg);border-radius:20px;background:#2ecc71}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@-ms-keyframes xLoaderCircularSquare3{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(10px) rotate(-180deg);border-radius:20px;background:#2ecc71}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@-o-keyframes xLoaderCircularSquare3{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(10px) rotate(-180deg);border-radius:20px;background:#2ecc71}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@keyframes xLoaderCircularSquare3{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(-20px) translateY(10px) rotate(-180deg);border-radius:20px;background:#2ecc71}80%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(-360deg);border-radius:0}}@-webkit-keyframes xLoaderCircularSquare4{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(10px) rotate(180deg);border-radius:20px;background:#e74c3c}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}@-moz-keyframes xLoaderCircularSquare4{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(10px) rotate(180deg);border-radius:20px;background:#e74c3c}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}@-ms-keyframes xLoaderCircularSquare4{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(10px) rotate(180deg);border-radius:20px;background:#e74c3c}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}@-o-keyframes xLoaderCircularSquare4{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(10px) rotate(180deg);border-radius:20px;background:#e74c3c}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}@keyframes xLoaderCircularSquare4{0%{-transform:translateX(0) translateY(0) rotate(0deg);border-radius:0}50%{-transform:translateX(20px) translateY(10px) rotate(180deg);border-radius:20px;background:#e74c3c}80%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}100%{-transform:translateX(0) translateY(0) rotate(360deg);border-radius:0}}#xLoader .crossing-shapes{position:relative;top:50%;left:50%}#xLoader .crossing-shapes:before{width:20px;height:20px;border-radius:20px;background:blue;content:'';position:absolute;background:#9b59b6;-webkit-animation:xLoaderCrossingShapesBefore 1.5s infinite ease-in-out;-moz-animation:xLoaderCrossingShapesBefore 1.5s infinite ease-in-out;-ms-animation:xLoaderCrossingShapesBefore 1.5s infinite ease-in-out;-o-animation:xLoaderCrossingShapesBefore 1.5s infinite ease-in-out;animation:xLoaderCrossingShapesBefore 1.5s infinite ease-in-out}#xLoader .crossing-shapes:after{width:20px;height:20px;border-radius:20px;background:blue;content:'';position:absolute;background:#2ecc71;left:22px;-webkit-animation:xLoaderCrossingShapesAfter 1.5s infinite ease-in-out;-moz-animation:xLoaderCrossingShapesAfter 1.5s infinite ease-in-out;-ms-animation:xLoaderCrossingShapesAfter 1.5s infinite ease-in-out;-o-animation:xLoaderCrossingShapesAfter 1.5s infinite ease-in-out;animation:xLoaderCrossingShapesAfter 1.5s infinite ease-in-out}@-webkit-keyframes xLoaderCrossingShapesBefore{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(50px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0}100%{transform:translateX(0) rotate(0deg)}}@-moz-keyframes xLoaderCrossingShapesBefore{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(50px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0}100%{transform:translateX(0) rotate(0deg)}}@-ms-keyframes xLoaderCrossingShapesBefore{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(50px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0}100%{transform:translateX(0) rotate(0deg)}}@-o-keyframes xLoaderCrossingShapesBefore{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(50px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0}100%{transform:translateX(0) rotate(0deg)}}@keyframes xLoaderCrossingShapesBefore{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(50px) scale(1.2) rotate(260deg);background:#2ecc71;border-radius:0}100%{transform:translateX(0) rotate(0deg)}}@-webkit-keyframes xLoaderCrossingShapesAfter{0%{transform:translateX(0)}50%{transform:translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0}100%{transform:translateX(0)}}@-moz-keyframes xLoaderCrossingShapesAfter{0%{transform:translateX(0)}50%{transform:translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0}100%{transform:translateX(0)}}@-ms-keyframes xLoaderCrossingShapesAfter{0%{transform:translateX(0)}50%{transform:translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0}100%{transform:translateX(0)}}@-o-keyframes xLoaderCrossingShapesAfter{0%{transform:translateX(0)}50%{transform:translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0}100%{transform:translateX(0)}}@keyframes xLoaderCrossingShapesAfter{0%{transform:translateX(0)}50%{transform:translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0}100%{transform:translateX(0)}}#xLoader .glistening-window{position:relative;width:42px;height:42px;top:50%;left:50%;-webkit-animation:xLoaderGlisteningWindow 5s infinite linear;-moz-animation:xLoaderGlisteningWindow 5s infinite linear;-ms-animation:xLoaderGlisteningWindow 5s infinite linear;-o-animation:xLoaderGlisteningWindow 5s infinite linear;animation:xLoaderGlisteningWindow 5s infinite linear}#xLoader .glistening-window span{width:20px;height:20px;position:absolute;background:red;display:block;-webkit-animation:xLoaderGlisteningWindowSpan 1s infinite linear;-moz-animation:xLoaderGlisteningWindowSpan 1s infinite linear;-ms-animation:xLoaderGlisteningWindowSpan 1s infinite linear;-o-animation:xLoaderGlisteningWindowSpan 1s infinite linear;animation:xLoaderGlisteningWindowSpan 1s infinite linear}#xLoader .glistening-window span:nth-child(1){background:#2ecc71}#xLoader .glistening-window span:nth-child(2){left:22px;background:#9b59b6;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-ms-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}#xLoader .glistening-window span:nth-child(3){top:22px;background:#3498db;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-ms-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}#xLoader .glistening-window span:nth-child(4){top:22px;left:22px;background:#f1c40f;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-ms-keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-o-keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes xLoaderGlisteningWindow{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes xLoaderGlisteningWindowSpan{0%{transform:scale(1)}50%{transform:scale(.5)}100%{transform:scale(1)}}@-moz-keyframes xLoaderGlisteningWindowSpan{0%{transform:scale(1)}50%{transform:scale(.5)}100%{transform:scale(1)}}@-ms-keyframes xLoaderGlisteningWindowSpan{0%{transform:scale(1)}50%{transform:scale(.5)}100%{transform:scale(1)}}@-o-keyframes xLoaderGlisteningWindowSpan{0%{transform:scale(1)}50%{transform:scale(.5)}100%{transform:scale(1)}}@keyframes xLoaderGlisteningWindowSpan{0%{transform:scale(1)}50%{transform:scale(.5)}100%{transform:scale(1)}}#xLoader .google-spin-wrapper{top:0;left:0;width:100%;height:100%;z-index:1000}#xLoader .google-spin-wrapper .google-spin{display:block;position:relative;left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;-webkit-animation:xLoaderGoogleSpin 2s linear infinite;-moz-animation:xLoaderGoogleSpin 2s linear infinite;-ms-animation:xLoaderGoogleSpin 2s linear infinite;-o-animation:xLoaderGoogleSpin 2s linear infinite;animation:xLoaderGoogleSpin 2s linear infinite}#xLoader .google-spin-wrapper .google-spin:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e74c3c;-webkit-animation:xLoaderGoogleSpin 3s linear infinite;-moz-animation:xLoaderGoogleSpin 3s linear infinite;-ms-animation:xLoaderGoogleSpin 3s linear infinite;-o-animation:xLoaderGoogleSpin 3s linear infinite;animation:xLoaderGoogleSpin 3s linear infinite}#xLoader .google-spin-wrapper .google-spin:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f9c922;-webkit-animation:xLoaderGoogleSpin 2s linear infinite;-moz-animation:xLoaderGoogleSpin 2s linear infinite;-ms-animation:xLoaderGoogleSpin 2s linear infinite;-o-animation:xLoaderGoogleSpin 2s linear infinite;animation:xLoaderGoogleSpin 2s linear infinite}@-webkit-keyframes xLoaderGoogleSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-moz-keyframes xLoaderGoogleSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-ms-keyframes xLoaderGoogleSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-o-keyframes xLoaderGoogleSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes xLoaderGoogleSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#xLoader .spinning-disc{position:relative;width:30px;height:30px;left:50%;top:50%;background:#3498db;border-radius:50px;-webkit-animation:xLoaderSpinningDisc 1.5s infinite linear;-moz-animation:xLoaderSpinningDisc 1.5s infinite linear;-ms-animation:xLoaderSpinningDisc 1.5s infinite linear;-o-animation:xLoaderSpinningDisc 1.5s infinite linear;animation:xLoaderSpinningDisc 1.5s infinite linear}#xLoader .spinning-disc:after{position:absolute;width:50px;height:50px;border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6;border-left:10px solid transparent;border-right:10px solid transparent;border-radius:50px;content:'';top:-20px;left:-20px;-webkit-animation:xLoaderSpinningDiscAfter 1.5s infinite linear;-moz-animation:xLoaderSpinningDiscAfter 1.5s infinite linear;-ms-animation:xLoaderSpinningDiscAfter 1.5s infinite linear;-o-animation:xLoaderSpinningDiscAfter 1.5s infinite linear;animation:xLoaderSpinningDiscAfter 1.5s infinite linear}@-webkit-keyframes xLoaderSpinningDisc{0%{transform:rotate(0deg)}50%{transform:rotate(180deg);background:#2ecc71}100%{transform:rotate(360deg)}}@-moz-keyframes xLoaderSpinningDisc{0%{transform:rotate(0deg)}50%{transform:rotate(180deg);background:#2ecc71}100%{transform:rotate(360deg)}}@-ms-keyframes xLoaderSpinningDisc{0%{transform:rotate(0deg)}50%{transform:rotate(180deg);background:#2ecc71}100%{transform:rotate(360deg)}}@-o-keyframes xLoaderSpinningDisc{0%{transform:rotate(0deg)}50%{transform:rotate(180deg);background:#2ecc71}100%{transform:rotate(360deg)}}@keyframes xLoaderSpinningDisc{0%{transform:rotate(0deg)}50%{transform:rotate(180deg);background:#2ecc71}100%{transform:rotate(360deg)}}@-webkit-keyframes xLoaderSpinningDiscAfter{0%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}50%{border-top:10px solid #3498db;border-bottom:10px solid #3498db}100%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}}@-moz-keyframes xLoaderSpinningDiscAfter{0%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}50%{border-top:10px solid #3498db;border-bottom:10px solid #3498db}100%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}}@-ms-keyframes xLoaderSpinningDiscAfter{0%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}50%{border-top:10px solid #3498db;border-bottom:10px solid #3498db}100%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}}@-o-keyframes xLoaderSpinningDiscAfter{0%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}50%{border-top:10px solid #3498db;border-bottom:10px solid #3498db}100%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}}@keyframes xLoaderSpinningDiscAfter{0%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}50%{border-top:10px solid #3498db;border-bottom:10px solid #3498db}100%{border-top:10px solid #9b59b6;border-bottom:10px solid #9b59b6}}#xLoader .the-snake{position:relative;top:50%;left:50%}#xLoader .the-snake span{position:absolute;width:20px;height:20px;background:#3498db;opacity:.5;border-radius:20px;-webkit-animation:xLoaderTheSnake 1s infinite ease-in-out;-moz-animation:xLoaderTheSnake 1s infinite ease-in-out;-ms-animation:xLoaderTheSnake 1s infinite ease-in-out;-o-animation:xLoaderTheSnake 1s infinite ease-in-out;animation:xLoaderTheSnake 1s infinite ease-in-out}#xLoader .the-snake span:nth-child(2){left:20px;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-ms-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}#xLoader .the-snake span:nth-child(3){left:40px;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-ms-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}#xLoader .the-snake span:nth-child(4){left:60px;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}#xLoader .the-snake span:nth-child(5){left:80px;-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-ms-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes xLoaderTheSnake{0%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}50%{opacity:1;transform:translateY(-10px);background:#f1c40f;box-shadow:0 20px 3px rgba(0,0,0,0.05)}100%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}}@-moz-keyframes xLoaderTheSnake{0%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}50%{opacity:1;transform:translateY(-10px);background:#f1c40f;box-shadow:0 20px 3px rgba(0,0,0,0.05)}100%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}}@-ms-keyframes xLoaderTheSnake{0%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}50%{opacity:1;transform:translateY(-10px);background:#f1c40f;box-shadow:0 20px 3px rgba(0,0,0,0.05)}100%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}}@-o-keyframes xLoaderTheSnake{0%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}50%{opacity:1;transform:translateY(-10px);background:#f1c40f;box-shadow:0 20px 3px rgba(0,0,0,0.05)}100%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}}@keyframes xLoaderTheSnake{0%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}50%{opacity:1;transform:translateY(-10px);background:#f1c40f;box-shadow:0 20px 3px rgba(0,0,0,0.05)}100%{opacity:.3;transform:translateY(0);box-shadow:0 0 3px rgba(0,0,0,0.1)}}
                              #xLoader.override-facebox-overlay {z-index:99999}
                              .bs-callout { padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.bs-callout h4{margin-top:0;margin-bottom:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout code{border-radius:3px}.bs-callout+.bs-callout{margin-top:-5px}.bs-callout-danger{border-left-color:#d9534f}.bs-callout-danger h4{color:#d9534f}.bs-callout-warning{border-left-color:#f0ad4e}.bs-callout-warning h4{color:#f0ad4e}.bs-callout-info{border-left-color:#5bc0de}.bs-callout-info h4{line-height: 2em;}.bs-callout h4{margin-top:0;margin-bottom:5px}
                              .feedback_banner {
                                  background-image: url('../images/feedback_banner.jpg');
                                  background-repeat: no-repeat;
                                  background-position: center; 
                                  height: 224px;
                                  width:960px;
                                  padding-top: 180px;
                              }
                              .testimonial-info {
                                  padding-left: 0;
                                  font-weight: bold;
                              }
                              .testimonial_read_more_btn {
                                  font-weight: bold;
                                  cursor: pointer;
                                  color: #aaa;
                              }


                              .navbar-default{background: #f5f5f5 url(../images/front_page_main/header-bg.jpg) repeat-x left top!important;background-color: #f5f5f5;
                                              border-color: #cccccc;}

                              /* Toggle Styles */

                              #wrapper {
                                  padding-left: 0;
                                  -webkit-transition: all 0.5s ease;
                                  -moz-transition: all 0.5s ease;
                                  -o-transition: all 0.5s ease;
                                  transition: all 0.5s ease;
                              }

                              #wrapper.toggled {
                                  padding-left: 190px;
                              }

                              #sidebar-wrapper {
                                  z-index: 1000;
                                  position: relative;
                                  /*left: 190px; */
                                  width: 0;
                                  height: 100%;
                                  margin-left: -190px;
                                  /*overflow-y: auto;*/
                                  background: #000;
                                  -webkit-transition: all 0.5s ease;
                                  -moz-transition: all 0.5s ease;
                                  -o-transition: all 0.5s ease;
                                  transition: all 0.5s ease;
                              }

                              #wrapper.toggled #sidebar-wrapper {
                                  width: 190px;
                              }

                              #page-content-wrapper {
                                  width: 100%;
                                  padding: 15px;
                                  float:left;
                                  padding-top:0;
                              }

                              #wrapper.toggled #page-content-wrapper {
                                  position: relative;
                                  margin-right: -190px;
                              }

                              /* Sidebar Styles */

                              .sidebar-nav {
                                  position: relative;
                                  top: 0;
                                  width: 190px;
                                  margin: 0;
                                  padding: 0;
                                  list-style: none;
                              }

                              .sidebar-nav li {
                                  text-indent: 20px;
                                  line-height: 40px;
                              }

                              .sidebar-nav li a {
                                  display: block;
                                  text-decoration: none;
                                  color: #777777;
                                  font-size:14px;
                                  border-bottom:1px solid #f8f8f8;
                              }
                              .sidebar-nav li a.selected{
                                  background: #f8f8f8;
                              }
                              .sidebar-nav li a:hover {
                                  text-decoration: none;
                                  color: #555555;
                                  background: #f8f8f8;
                              }

                              .sidebar-nav li a:active,
                              .sidebar-nav li a:focus {
                                  text-decoration: none;
                              }

                              .sidebar-nav > .sidebar-brand {
                                  height: 45px;
                                  font-size: 17px;
                                  line-height: 40px;
                                  background: #999999;
                                  border-bottom:1px solid #f8f8f8;
                                  color:#ffffff;
                              }

                              .sidebar-nav > .sidebar-brand a {
                                  color: #999999;
                              }

                              .sidebar-nav > .sidebar-brand a:hover {
                                  color: #fff;
                                  background: none;
                              }
                              .sidebar-toggled-btn{position:relative;top:0px;left:-22px;float:left;padding:6px 6px 3px 6px;}
                              .sidebar-toggled-icon{background:url(../images/more-vert-24.png) no-repeat center left;display:inline-block;width:8px;height:26px;}
                              @media(min-width:768px) {
                                  #wrapper {
                                      padding-left: 190px;
                                  }

                                  #wrapper.toggled {
                                      padding-left: 0;
                                  }

                                  #sidebar-wrapper {
                                      width: 190px;
                                  }

                                  #wrapper.toggled #sidebar-wrapper {
                                      width: 0;
                                  }

                                  #page-content-wrapper {
                                      padding: 20px;
                                      padding-top:0;
                                  }

                                  #wrapper.toggled #page-content-wrapper {
                                      position: relative;
                                      margin-right: 0;
                                  }
                              }
                              .videoWrapper {
                                  position: relative;
                                  padding-bottom: 56.25%; /* 16:9 */
                                  padding-top: 25px;
                                  height: 0;
                              }
                              .videoWrapper iframe,
                              .videoWrapper object,
                              .videoWrapper embed  {
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  width: 100%;
                                  height: 100%;
                              }
                              ul.add-item-chapter{
                                  margin:0;
                                  padding:0;	
                              }
                              ul.add-item-chapter li {
                                  list-style-type:none;
                                  margin:5px 10px;
                                  display:inline-block;
                                  padding:10px;
                                  background-color: #f9f9f9;
                                  border: 1px solid #ddd;
                                  border-radius: 2px;
                                  text-align:center;
                                  width:97px;
                              }
                              ul.add-item-chapter li a{
                                  line-height: 1.42857;
                                  padding: 2px;
                                  font-size: 13px;
                                  text-align:center;
                              }
                              .oresoft-catalog-listings{border-left:1px solid #ccc;margin-right:-24px;}
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box{border-bottom:1px solid #ccc;padding:20px 10px 20px 15px;position:relative; border-right:0px solid #ccc;}
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box:hover{background-color:rgba(0,0,0,0.08);margin-right:0px; cursor: pointer;}

                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box .oresoft-catalog-listing-thumbnail, .oresoft-catalog-listing-thumbnail {float:left;max-width:120px;margin-right:12px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.45);box-shadow:0 0 2px 0 rgba(0,0,0,0.45)}

                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box .oresoft-catalog-listing-text{margin:0px 0 -6px 20px;}
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box .oresoft-catalog-listing-text .oresoft-catalog-listing-primary{margin:0px 0 0 0;}
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box .oresoft-catalog-listing-text .oresoft-catalog-listing-primary .oresoft-catalog-listing-university{display:block;margin-bottom:3px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box .oresoft-catalog-listing-text .oresoft-catalog-listing-primary 
                              .oresoft-catalog-listing-coursename{display:block;line-height:1.3em;margin:3px 0 3px 0;color:#2e67b1;letter-spacing:0;font-size: 15px;}
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box .oresoft-catalog-listing-text .oresoft-catalog-listing-primary 

                              .oresoft-catalog-listing-courseoutline{display:block;line-height:1.3em;margin:3px 0 3px 0;color:#ccc;letter-spacing:0; font-size: 14px; width: 95%;font-weight: normal;}
                              .oresoft-catalog-listing-courseoutline a{
                                  color: #333333!important;
                              }
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box .oresoft-catalog-listing-text .oresoft-catalog-listing-primary .oresoft-catalog-listing-coursename .oresoft-catalog-listing-course-link-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box .oresoft-catalog-listing-text .oresoft-catalog-listing-primary .oresoft-catalog-listing-instructor{display:block;margin:0 0;color:#555}
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box 
                              .oresoft-catalog-listing-secondary{float:right;margin-top:22px;width: 180px;}
                              .oresoft-catalog-listings .oresoft-catalog-course-listing-box .oresoft-catalog-listing-secondary 
                              .oresoft-catalog-listing-secondary-item{background-color: #777777;
                                                                      border-radius: 4px 4px 4px 4px;
                                                                      color: #FFFFFF;
                                                                      float: right;
                                                                      margin: 3px;
                                                                      padding: 3px;
                                                                      position: relative;
                                                                      text-align: right;
                                                                      z-index: 2;}
                              .profile-heading23px{
                                  font-size: 27px;
                                  line-height: 1 !important;
                                  text-align:center;
                              }
                              .profile-subheading17px{
                                  font-size: 17px;
                                  line-height: 1 !important;
                                  margin-top: 5px;
                                  text-align:center;
                              }
                              .form-label-name{font-size:14px!important;font-weight:normal!important;}
                              .overflow-y-height{
                                  margin:5px 0 5px 0;
                                  padding:6px;
                                  overflow-y:auto;
                                  max-height:180px;
                                  font-size:13px;
                                  display:inline-block;
                                  background:#f3f3f3;
                                  border:1px solid #cccccc;
                              }
                              .profile-heading-bg{
                                  background:#f9f9f9;
                                  border-bottom:1px solid #ccc;
                                  padding:16px 0;
                                  margin-bottom:15px;
                              }

                              .inputBtnSection{
                                  display:inline-block;
                                  vertical-align:top;
                                  font-size:0;
                                  font-family:verdana;
                              }
                              .disableInputField{
                                  display:inline-block;
                                  vertical-align:top;
                                  height: 27px;
                                  margin: 0;
                                  font-size:14px;
                                  padding:0 3px;
                              }

                              .fileUpload {
                                  position: relative;
                                  overflow: hidden;
                                  border:solid 1px gray;
                                  display:inline-block;
                                  vertical-align:top;
                              }
                              .uploadBtn{
                                  display:inline-block;
                                  vertical-align:top;
                                  background:rgba(0,0,0,0.5);
                                  font-size:14px;
                                  padding:0 10px;
                                  height:25px;
                                  line-height:22px;
                                  color:#fff;
                              }

                              .fileUpload input.upload {
                                  position: absolute;
                                  top: 0;
                                  right: 0;
                                  margin: 0;
                                  padding: 0;
                                  font-size: 20px;
                                  cursor: pointer;
                                  opacity: 0;
                                  filter: alpha(opacity=0);
                              }
    #score-status {}
    #score-status .top-right-indicator {padding: 0;}
    #score-status .top-right-indicator > .btn.btn-default {float: none;margin-bottom: 0px !important;}
    #score-status .top-right-indicator > .btn.btn-default > i {width: 15px;height: 15px;}
    #score-status .clear-right {clear: right;}
    .attempt-count {font-family: cursive;} 


    #wrapper-container {
    min-height:100%;
    position:relative;
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    }

    #content {
    padding-bottom:50px; /* Height of the footer element */
    overflow: hidden;
    background-color: #fff;
    }

    .wrapper-footer {
    width:100%;
    height:50px;
    position:initial;
    bottom:0;
    left:0;
    }

    /* Horizonal tabs */

    .tabbable ul.nav-tabs {margin-left: 30px;}
    .tabbable.tabs-left > .nav-tabs {
  border-bottom: 0;
    }

    .tabbable > .tab-content > .tab-pane { max-width:77%; width:77%;}
    .tabbable > .tab-content > .tab-pane,
    .tabbable > .pill-content > .pill-pane {
  display: none;
    }

    .tabbable > .tab-content > .active,
    .tabbable> .pill-content > .active {
  display: inline-block;
    }

    .tabbable.tabs-left > .nav-tabs > li {
  float: none;
  margin: 10px 0; 
    }

    .tabbable.tabs-left > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
  padding: 5px 15px;
    }

    .tabbable.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
    }
    .tabbable.tabs-left > .nav-tabs label {font-weight: bold;}

    .tabbable.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
    }

    .tabbable.tabs-left > .nav-tabs > li > a:hover,
    .tabbable.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
    }

    .tabbable.tabs-left > .nav-tabs .active > a,
    .tabbable.tabs-left > .nav-tabs .active > a:hover,
    .tabbable.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
  border-left: 3px solid orange;
    }
    .tab-pane .active {
    max-width: 77% !important;
    }

    ul.menu-options  { 
  margin: 0; 
  padding: 0; 
  margin-left: 20px; 
  list-style: none;
  width: 50em;
    } 

    ul.menu-options li input { 
  margin-right: .25em; 
    } 

    ul.menu-options li { 
  border: 1px transparent solid; 
  display:inline-block;
  width:15em;
  margin:  5px 0;
    }

    ul.course-settings {
  margin: 0; 
  padding: 0; 
  margin-left: 20px; 
  list-style: none;
  width: 50em;
    }
    ul.course-settings li{
  display:inline-block;
  width:100%;
  margin-top:10px;
    }
    ul.course-settings li .infoMessage {
    display:block;
    }
    .upload-file-btn {float:left; }

    .course-configure-front-img {width:64px !important; height: 64px !important;}

    .content-container {background: #fff;}
    .visually-hidden {visibility: hidden !important;}
    .filling-label {width: 5%;}
    .large-input-525 {width:525px}

    #course-configure {
 margin-top: 60px!important;
    }

    #course-configure div.media-object {
    max-width: 60%;
    margin: 0 auto;
    padding:20px;
    border:1px solid #ddd; 
    } 
    #course-configure div.media-object.upload-container .qq-upload-button-selector {
    display: inline-block;
    margin-left:15px;
    float:left;
    padding: 3px 5px;

    }
    #course-configure div.media-object.upload-container {
    margin-top: 20px;
  border: 0;
  padding: 0;
  max-width: 60%;
        overflow: hidden;
    }

    #course-configure .file-upload-note,  #administration .file-upload-note{
    padding: 5px;
  border: 1px solid #ccc;
  width: 73%;
  float: left;
  display: inline;
  background-color: #f8f7f0;
    } 
    #course-configure div.media-object .media { 
    background-color: aliceblue;
    border:1px dotted #C2CBD7; 
    padding: 3px;
    }



    #progress-spinner {display:none;float:none; clear: both; padding:0px !important; border: 0 !important;}

    /* make keyframes that tell the start state and the end state of our object */

    @-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
    }

    @-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
    }

    @keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
    }

    .fade-in {
  opacity: 0;
  /* make things invisible upon start */

  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
    }
    .btn {text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
    .oresoft-catalog-listings .oresoft-catalog-course-listing-box {overflow: hidden;}
    .oresoft-catalog-listings .oresoft-catalog-course-listing-box.no-hover:hover{background-color:transparent;margin-right:0px; cursor:default;}
    .center-pills { display: flex; justify-content: center; }
    .mycourse>.nav>li>a{color: #888;}
    .mycourse>.nav>li>a:hover, .mycourse>.nav>li>a:focus {
  text-decoration: none;
  color: #5b9002;
  background-color: transparent;
    }
    .mycourse>.nav>li.active>a, .mycourse>.nav>li.active>a:hover, .mycourse>.nav>li.active>a:focus {
  color: #5b9002;
  background-color: transparent;
  border-bottom: 2px solid orange;
  border-radius: 0;
    }

    .alert {display: none;}

    /*Panel Sea*/
    .panel-sea {
   border-color: #1abc9c;
    }

    .text-sea {
   color: #1abc9c;
    }

    .panel-sea > .panel-heading {
   background: #1abc9c;
}

.fa.fa-grip-large:before {
    content: "\f142 \202F \f142 \202F ";
}
.sortable-ghost { opacity: 0.4; background-color: #F4E2C9; height: 40px; }
.draggable-box {cursor: move;}
.text-white {
  color: #ffffff !important;
}
.text-black {
  color: #000000 !important;
}
#course-content-manage .ui-sortable li.list-group-item div {padding-left: 0px; padding-right:0px;}
#course-content-list ul.list-group {margin-left: 0; min-height:40px; margin-bottom: 0px;}
#section-insert-items div.panel {margin-bottom: 0;}
    #section-insert-items div.col-sm-1 {width: 12.33%; padding: 0; margin: 0 12px; cursor: pointer;}
#section-insert-items div.col-sm-1 i{display: block; margin-bottom: 10px; font-size: 24px;}
.panel-footer div.row {
    display:none;
    overflow: hidden;
}

#course-content-breadcrumb.breadcrumb {overflow: hidden; padding: 3px 0; margin: 0; margin-bottom: 10px;}
#course-content-breadcrumb.breadcrumb li {padding: 5px;}
#course-content-breadcrumb.breadcrumb li a {background: none; padding: 0px; margin: 0;}

.panel-heading {overflow: hidden;}
a.left-right-5 {padding:0 5px;}
.btn-success {background-color: #5b9002 !important; border:0;}
.btn-success:hover, .btn-success:active {background-color: #507f02;}
.section-drag-container {margin-left: 0;list-style: none;}
.list-group-item.disabled, .panel.disabled {background-color: #ccc;}
.disabled>.panel-heading {background-color: #ccc}
.section-item-actions i.fa {margin-left: 10px;}
#tab-course-content {overflow-x: auto; max-width: 78.6%;}
#course-content-manage {overflow-x: auto;}
.coupon_actions a {margin-left: 10px;}
    #course-payment-plan .h3, h3 {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #course-payment-plan .img-responsive {
        display: inline-block;
    }
    
    

@-moz-keyframes circles-loader {
  0% {
    -moz-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
  50% {
    -moz-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@-webkit-keyframes circles-loader {
  0% {
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
  50% {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
@keyframes circles-loader {
  0% {
    -moz-transform: rotate(-720deg);
    -ms-transform: rotate(-720deg);
    -webkit-transform: rotate(-720deg);
    transform: rotate(-720deg);
  }
  50% {
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
/* :not(:required) hides this rule from IE9 and below */
.circles-loader:not(:required) {
  position: absolute;
  text-indent: -9999px;
  display: inline-block;
  width: 25px;
  height: 25px;
  top:30%;
  left:50%;
  z-index: 99;
  background: rgba(255, 204, 51, 0.9);
  border-radius: 100%;
  -moz-animation: circles-loader 3s infinite ease-in-out;
  -webkit-animation: circles-loader 3s infinite ease-in-out;
  animation: circles-loader 3s infinite ease-in-out;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.circles-loader:not(:required)::before {
  background: rgba(255, 102, 0, 0.6);
  border-radius: 100%;
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: 18.75px;
  left: -10.82532px;
}
.circles-loader:not(:required)::after {
  background: rgba(255, 51, 0, 0.4);
  border-radius: 100%;
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  top: 18.75px;
  left: 10.82532px;
}

#genericModal .close {font-size: 28px; line-height: 20px; opacity: 1;}

span.arr { 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #8392A3;
    margin-top: 5px;
    transition: all 0.5s ease;
}
span.arr-inverted { 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #8392A3;
    margin-top: 5px;
    transition: all 0.5s ease;
}
.panel-heading.collapsed span.arr, .panel-heading.collapsed span.arr-inverted  {
    transform: rotate(rotate(180deg));
    -ms-transform: rotate(rotate(180deg));
    -webkit-transform: rotate(rotate(180deg));
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    
}

.fa-15x {font-size: 1.5em !important;}
.panel-collapse h3 {font-weight: bold; margin: 20px 0 10px 0; vertical-align: top;}
.panel-collapse i {margin-right: 5px;}
.panel-collapse p {margin-left: 30px;}
.panel-collapse p {margin-left: 30px;}

#front-page-gallery-container {height:100px; overflow: auto;}

.view {
    width: 160px;
    height: 100px;
    margin: 0px auto;
    float: none;
    border: 5px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask, .view .content {
    width: 150px;
    height: 30px;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0
}
.view img {
    width: 150px;
    height: 90px;
    display: block;
    position: relative
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000
}
.view a.btn-danger {
    background: rgba(217, 83, 79,0.7);
}
.view a.btn-info {
    background: rgba(91,192,222,0.7);
    cursor: pointer;
}

.exercise-mistake-fieldset { border: 1px solid #aaa; padding:0 5px; margin-top: 10px;}
.exercise-mistake-legend { width:auto; }

#exercise_mistake_option_container {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 1s linear;
  -moz-transition: height 1s linear;
  -ms-transition: height 1s linear;
  -o-transition: height 1s linear;
    transition: height 1s linear;
}
#exercise_mistake_option_container.active {
    height: auto;
}

#schedule_list tbody div.panel-default {display:none;}
#schedule_list tbody div.panel-default .panel-heading {cursor:pointer;}
/* course configuration time schedule css*/
ul.schedule_list_heading li{clear: both; list-style: none;}
ul.schedule_list input.has-error, ul.schedule_list select.has-error, ul.schedule_plan_list input.has-error{border:1px solid red;}
ul.schedule_list input.form-control {padding-left:6px; padding-right: 6px;}
.plan-details-panel {display: none;}
ul.schedule_list div.schedule_action_items i{
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
}
ul.schedule_list div.schedule_action_items:hover {
    color:#468847;
}
ul.schedule_list div.schedule_action_items {
    width: 12.33%;
    padding: 0;
    text-align: center;
    cursor:pointer;
}

.required-field {color:#DF3726; font-size:14px;}
#live_feed_table label{font-size: 12px; font-weight:normal}
#live_feed_table div.action-icons {cursor:pointer;}
#live_feed_table i.zoom-icon {
    background-image: url('../images/zoom_icon.png');
    width: 32px;
    background-size: 32px;
    background-repeat: no-repeat;
    height: 32px;
    display: block;
    margin: 0 auto;
}

#live_feed_table .custom-message-container {overflow: hidden;
    border: 1px solid #ccc;
    padding: 10px 0;
}

#configure-school-checklist .form-group input[type="checkbox"] {
    display: none;
}

#configure-school-checklist .form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

#configure-school-checklist .form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
#configure-school-checklist .form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

#configure-school-checklist .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
#configure-school-checklist .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}

#configure-school-checklist .fancy-checkbox-title { margin-left:15px;}

    audio::-internal-media-controls-download-button {
        display:none;
    }

    audio::-webkit-media-controls-enclosure {
        overflow:hidden;
    }

    audio::-webkit-media-controls-panel {
        width: calc(100% + 30px); /* Adjust as needed */
    }
    input[pattern]:invalid{
        color:red;
    }

    .perseus-editor-left-cell {
        padding-right: 5px !important;
    }
    .perseus-editor-right-cell {
        padding-left: 0px !important;
    }
    #perseus {
        margin-left: 0px !important;
    }
    .viewport-resizer {
        display: none !important;
    }