/**
 * EDUVES, e-learning SAAS
 *
 * @link http://www.eduves.com/
 * @copyright Copyright © 2012-2018 Eduves
 */

/** Resets **/

html {
	overflow-y: scroll;
}

body {
	color: #333333;
	background-color: #EFEFEF;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	position: relative;
}

a {
	color: #0465AC;
	text-decoration: none;
}

a:hover {
    color: #0465AC;
	text-decoration: underline;
}

a.nolink { cursor: default;}
a.nolink:hover { text-decoration: none; }


h1, h2, h3, h4, h5, h6 {
	color: #0465AC;
	margin: 0;
}

h1 {
	font-size: 30px;
	line-height: 1em;
}

h2 {
	font-size: 23px;
	line-height: 1em;
}

h3 {
	font-size: 19px;
	line-height: 1em;
}

h4 {
	font-size: 17px;
	line-height: 1em;
}

h5 {
	font-size: 15px;
	line-height: 1em;
}

h6 {
	font-size: 13px;
	line-height: 1em;
}

form {
	margin: 0;
}

ul, ol {
	list-style-type: none;
	margin: 0;
}

label, input, button, select, textarea {
	font-size: 12px;
}
/**
 * Wrapper
 * push footer to bottom hack
 */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#wrapper {
	/* for sticky footer*/
}
@media (min-width: 1800px) {
	#wrapper{
		zoom:1.5;
	}
}

/** Main layout **/
.inner-container {
	border: 1px solid #CCCCCC;
	border-top: 0px none;
	background-color: #ffffff;
	padding: 15px 15px;
	margin-bottom: 20px;
}

/** Footer **/
#footer {
	line-height: 30px;
	width: 100%;
	color: #FFF;
	background-color: #333;
	text-align: right;
}

#footer p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#footer p a {
	color: #ffffff;
}

/*
    load trigger for courses
*/
#load-trigger > img {
    visibility: hidden;
}

/** Helper classes **/
.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-colored {
	color: #0465AC;
}

.text-colored-orange {
	color: #FF8305;
}

.inline-block {
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.rounded {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.ajaxloader {
	display: none;
	top: 50%;
	left: 50%;
	padding: 5px;
	padding-left: 30px;
	padding-top: 20px;
	width: 28px;
	height: 28px;
	position: relative;
	color: #000;
	background: url(../images/tile/ajax-loader.gif) no-repeat 2px;
	margin-top: -9px;
	margin-left: -9px;
	z-index: 9999;
}

.modal.wide {
	width: 876px;
	margin-left: -438px;
}

/* ----------------------------------------------------------------------------
	Button styles
---------------------------------------------------------------------------- */

/* Disabled buttons (class=disabled OR has attr disabled): cursor=default and no background gradient */
.btn.eduves.disabled,
.btn.eduves[disabled] {
    cursor: default;
}

.btn.eduves.green.disabled,
.btn.eduves.green[disabled] {
    background: #59B559 !important;
}

.btn.eduves.blue.disabled,
.btn.eduves.blue[disabled] {
    background: #0465AC !important;
}





.btn.nice-btn {
	display: block;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 1px 1px 0px black;
}

.btn.eduves {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding: 6px 14px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
	background-color: #444444;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#333333));
	background-image: -webkit-linear-gradient(top, #444444, #333333);
	background-image: -moz-linear-gradient(top, #444444, #333333);
	background-image: -o-linear-gradient(top, #444444, #333333);
	background-image: linear-gradient(to bottom, #444444, #333333);
	cursor: pointer;
	/* min-width: inherit; */
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.btn.eduves.nice-btn {
	border: 0px none !important;
}

.btn.eduves.with-icon {
	position: relative;
	padding-right: 54px;
}

.btn.eduves.with-icon .icon {
	position: absolute;
	width: 38px;
	height: 32px;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4dffffff',GradientType=0 ); /* IE6-9 */
}

.btn.eduves.with-icon .icon i {
	display: block;
	width: 38px;
	height: 32px;
}

.btn.eduves.black:hover {
	background-color: #888;
	background-image: none;
}

.btn.nice-btn.green {
	background-color: #59B559;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#59B559), to(#2D712D));
	background-image: -webkit-linear-gradient(top, #59B559, #2D712D);
	background-image: -moz-linear-gradient(top, #59B559, #2D712D);
	background-image: -o-linear-gradient(top, #59B559, #2D712D);
	background-image: linear-gradient(to bottom, #59B559, #2D712D);
	border: 1px solid #2F742F;
}

.btn.nice-btn.green:hover {
	background: #59B559;
}

.btn.nice-btn.orange {
	background-color: #FFA244;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA244), to(#FF8102));
	background-image: -webkit-linear-gradient(top, #FFA244, #FF8102);
	background-image: -moz-linear-gradient(top, #FFA244, #FF8102);
	background-image: -o-linear-gradient(top, #FFA244, #FF8102);
	background-image: linear-gradient(to bottom, #FFA244, #FF8102);
	border: 1px solid #FF8308;
}

.btn.nice-btn.orange:hover {
	background: #FFA244;
}

.btn.nice-btn.blue {
	background-color: #0465AC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0465AC), to(#003D6B));
	background-image: -webkit-linear-gradient(top, #0465AC, #003D6B);
	background-image: -moz-linear-gradient(top, #0465AC, #003D6B);
	background-image: -o-linear-gradient(top, #0465AC, #003D6B);
	background-image: linear-gradient(to bottom, #0465AC, #003D6B);
	border: 1px solid #013E6C;
}

.btn.nice-btn.blue:hover {
	background: #0465AC;
}

/* godadmin buttons */
#h-buymore-btn .icon i {
	background: url('../images/buttons/icon-cart.png') center center no-repeat;
}

#h-apps-btn .icon i {
	background: url('../images/buttons/icon-tiles.png') center center no-repeat;
}

#h-helpdesk-btn .icon i {
	background: url('../images/buttons/icon-bubbles.png') center center no-repeat;
}

#h-marketplace-btn .icon i {
	background: url('../images/buttons/icon-cart-empty.png') center center no-repeat;
}

/* ----------------------------------------------------------------------------
	 NavBar menu classes
---------------------------------------------------------------------------- */
.navbar {
	color: #FFFFFF;
}

.nav.small {
	font-size: 12px;
}

.navbar .container {
	width: auto;
}
.navbar a:hover {text-decoration: none;}
.navbar .nav .dropdown-toggle .caret {
    margin-top: 13px;
    margin-left: 5px;
}

/** Main layout **/

/** HEADER **/
.header-logo-line {
	margin: 0;
	padding: 12px 0;
	background: #FFFFFF;
	background-image: url("../images/bg-shapes.png");
}

.header-logo-line .eduves-btn {
	margin-left: 5px;
}

#header {
	color: #FFFFFF;
	background-color: #0465AC;
}

/* header menu */
#header .navbar {
	margin: 0;
}

#header .navbar-inner {
	margin: 0;
	padding: 0;
	background: transparent;
    filter: none;
	color: #333333;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:0px none;
}

.uselimit-action a {
	margin-left: 5px;
}

/* navbar */

.navbar .nav > li {
	border-style: groove;
	border-color: #338DCE;
	border-width: 0 2px 0 0;
    height: 50px;
}

.navbar .nav > li:last-child {
	border-right-width: 0;
}

.navbar .nav.pull-right > li:last-child {
	border-right-width: 2px;
}

.navbar .nav > li > a {
    padding: 10px 15px 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    line-height: 30px;
    height: 30px;
}

.navbar .nav > li > a span {
	line-height: 24px;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #338DCE;
}

.navbar .nav > li > a:hover, .navbar .nav > li.dropdown.open > a,
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #FFFFFF;
	background-color: #338DCE;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}

.navbar .icon {
	display: inline-block;
	width: 22px;
	height: 23px;
	margin-top: 6px;
	*margin-right: .3em;
	line-height: 22px;
	background-position: center center;
	background-repeat: no-repeat;
}

.navbar .icon.home {
	background-image: url("../images/menu/icon-home.png");
}

.navbar .icon.admin {
	background-image: url("../images/menu/icon-admin.png");
}

.navbar .icon.gear {
	background-image: url("../images/menu/icon-gear.png");
}

.navbar .icon.world {
	background-image: url("../images/menu/icon-world.png");
}

.navbar .icon.power {
	background-image: url("../images/menu/icon-power.png");
}

.navbar .icon.time {
	background-image: url("../images/menu/icon-time.png");
}

/* Subnav */
ul.main-subnav {
    background: #FFF;
    border: 1px solid #CCC;
    border-top: none;
    margin: 0;
}
ul.main-subnav > li {
    display: inline-block;
    zoom: 1;
}
ul.main-subnav > li > a {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 20px 6px;
    display: block;
    border-bottom: 4px solid #FFF;
}
ul.main-subnav .icon {
    display: inline-block;
    width: 25px;
    height: 17px;
    background: #CCC url('../images/submenu_sprite.png') 0px 0px no-repeat;
    vertical-align: bottom;
}
ul.main-subnav > li > a:hover,
ul.main-subnav > li > a.active {
    border-bottom: 4px solid #0465AC;
    text-decoration: none;
    color: #0465AC;

    transition: border-color 0.1s linear, color 0.1s linear;
    -webkit-transition: border-color 0.1s linear, color 0.1s linear;
}
ul.main-subnav > li > a:hover .icon,
ul.main-subnav > li > a.active .icon {
    background-color: #0465AC;
}

ul.main-subnav .icon.mycourses { background-position: 0px 0px; }
ul.main-subnav .icon.catalogue { background-position: -30px 0px; }
ul.main-subnav .icon.certificates { background-position: -56px 0px; }
ul.main-subnav .icon.competencies { background-position: -84px 0px; }
ul.main-subnav .icon.community { background-position: -111px 0px; }
ul.main-subnav .icon.curricula { background-position: -139px 0px; }
ul.main-subnav .icon.activate-course { background-position: -166px 0px; }
ul.main-subnav .icon.messages { background-position: -193px 0px; }
ul.main-subnav .icon.live-class { background-position: -220px 0px; }
ul.main-subnav .icon.library { background-position: -243px 0px; }
/* Switcher */
.version-switcher {
	padding: 8px 10px;
	color: #ffffff;
	line-height: 16px;
}

.version-switcher a {
	color: #ffffff;
}
.version-switcher a:hover{
	color: #ffffff;
}

.version-switcher a .version_name {
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}
/* Trial */
.userlimit-trial{}
.navbar .nav > li.userlimit-trial > a{
	color:#333;
	text-shadow:none;
	padding-left:40px;
	background: url(../images/menu/icon-time.png) 10px 50% no-repeat #FED24D;
}
.navbar .nav > li.userlimit-trial > a:hover{
	background-color: #DAA300;
}

/* Active users */
.userlimit-status {
	color: #ffffff;
	font-weight: bold;
	line-height: 14px;
	font-size: 12px;
}
.userlimit-status > .inner {
    padding: 12px 10px 0;
}
.userlimit-status .count {
	font-size: 20px;
}

.userlimit-status .count .total {
	font-weight: bold;
	color: #5FBF5F;
}

.navbar .nav > li.userlimit-command > a {
	padding: 2px 10px;
	font-size: 12px;
    line-height: 20px;
    height: 20px;
}

#header .dropdown-menu {
	font-size: 12px;
}

#header .dropdown-menu a {
	color: #333;
}

#header .dropdown-menu a:hover {
	color: #FFF;
	background-color: #0465AC;
}

#header .dropdown-menu .divider {
	height: 1px;
	margin: 8px 1px;
	overflow: hidden;
	background-color: #E5E5E5;
	border-bottom: 1px solid #ffffff;
}

.header-menu-activeusers {
	margin: 5px 0 0 5px;
}

.header-menu-activeusers > span {
	font-weight: bold;
}

.header-menu-activeusers .count-active {
}

.header-menu-activeusers .count-total {
}

.header-menu-activeusers .count-total.success {
	color: green;
}

.header-menu-line {
}

.header-menu-userprofile {
}

.header-menu-userprofile .dropdown-toggle > i {
	width: 28px;
	height: 28px;
	background: url('../images/icon-profile-default.png') 0px 0px no-repeat;
	float: left;
	border: 1px solid #ccc;
	margin-right: 10px;
}

.header-menu-cart i {
	width: 21px;
	height: 17px;
	background: url('../images/buttons/icon-cart-empty.png') 0px 0px no-repeat;
	float: left;
	border: 0px solid #ccc;
	margin-right: 10px;
	position: relative;
	top: 3px;
}

.header-menu-cart .cart-items-count {
	font-size: 14px;
}

/** Home > Access courses area **/
.home-courses-access {
	padding: 10px 0 0;
}

.home-courses-access > a {
	background-color: #F1F3F2;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	margin-bottom: 30px;
	min-height: 110px;
    color: #333;
    cursor: pointer;
}
.home-courses-access > a:hover {
    text-decoration: none;
}

.home-courses-access .inner-padding {
	padding: 15px;
}

.home-courses-access h2 {
	margin: 0 0 10px 65px;
	line-height: 19px;
}

.home-courses-access p {
	margin: 0 0 0 65px;
	line-height: 14px;
}

.home-courses-access .graphic {
	float: left;
	width: 50px;
	height: 52px;
	background: url('../images/sprite-course-access.png') 0px 0px no-repeat;
}

.home-courses-access .new-course .graphic {
	background-position: 0px -50px;
}

.home-courses-access .existing-courses .graphic {
	background-position: 0px 0px;
}

.home-courses-access .manage-courses .graphic {
	background-position: 0px -102px;
}

.home-courses-access .manage-courses strong {
	color: #0465AC;
}

.home-courses-access .new-course,
.home-courses-access .existing-courses,
.home-courses-access .manage-courses {
	margin-bottom: 30px;
	min-height: 110px;
}

/** HOME SEARCH FORM **/
#load-more {
	text-align: center;
}

#grid-search-form {
	margin-bottom: 36px;
	font-size: 1.2em;
}

#grid-search-form ul.menu {
	margin-top: 8px;
}

#grid-search-form ul.menu li {
	float: left;
}

#grid-search-form ul.menu li a {
	font-size: 16px;
	display: block;
	text-align: center;
	padding: 4px 12px;
	text-decoration: none;
	color: #0465AC;
}

#grid-search-form ul.menu li a:hover {
	text-decoration: none;
}

#grid-search-form ul.menu li a.active {
	text-decoration: none;
	color: #FFF;
	background-color: #0465AC;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#grid-search-form form {
	float: right;
	text-align: right;
	width: 100%;
}

#grid-search-form input[type="text"] {
	height: 38px;
	padding: 0 10px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	width: 70%;
}

#grid-search-form .btn-submit {
	background-color: #0465AC;
	background-image: none;
	width: 80px;
	height: 40px;
}


#grid-search-form .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

#grid-filter-search {
	margin-right: 30px;
    float: right;
    width: 60%;
}
@media (min-width: 481px && max-width: 767px) {
	#grid-filter-search {
		float: left;
		width: 100%;
	}

}
@media (max-width: 480px) {
	#grid-filter-search {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
}

#grid-filter-tabs .dropdown-menu {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 0px;
    margin: 0px;
    border: none;
    cursor: pointer;
    min-width: 220px;
}



#grid-filter-tabs .dropdown-menu .item-icon {
    background-color: #333;
    border: 6px solid #333;
    height: 23px;
    line-height: 17px;
}

#grid-filter-tabs .dropdown-menu .item-text {
    padding: 10px 10px 0px 10px;
    display: inline-block;
    vertical-align: text-top;
    text-shadow: 0.1em 0.1em 0.2em black;
    font-weight: bold;
}



#grid-filter-tabs .dropdown-menu li  {
    background-color: #6C6D6D;
    color: white;
    text-transform: uppercase;
    line-height: 15px;
    padding: 0px;
    margin: 0;

/*     border-bottom: 1px ridge #888; */
/*     border-bottom-style: groove; */
}


#grid-filter-tabs .dropdown-menu li:hover {
    background-color: #999;
}


#grid-filter-tabs .dropdown-menu li:hover .item-icon {
     background-color:  #0465AC;
     border-color:  #0465AC;
}


#grid-filter-tabs .type-filter,
#grid-filter-tabs #grid-form-backs {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.0em;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    height: 35px;
    line-height: 35px;
}
#grid-filter-tabs .dropdown-toggle,
#grid-filter-tabs .dropdown-menu li.active {
    position: relative;
    background-image: url('../images/arrow_down.png');
    background-position: 195px center;
    background-repeat: no-repeat;
}



#grid-filter-tabs .type-filter {
    min-width: 185px;
/*     background-color: #A8BED9; */
    background-color: #999;
    text-shadow: 0.1em 0.1em 0.1em white;
    color: black;
    padding-left: 35px;
    text-align:left;
    position: relative;
}


#grid-filter-tabs #grid-form-backs {
    background-color: #0465AC;
    text-shadow: 0.1em 0.1em 0.1em black;
}

#grid-filter-tabs #grid-form-backs a {
    text-decoration: none;
    color: white;
    padding: 0 6px;
}


#grid-filter-tabs .type-filter .item-icon {
    background-color: #0465AC;
    border: 6px solid #0465AC;
    position: absolute;
    top:0; left:0;
}

#grid-filter-tabs .type-filter .item-text {
    color: white;
    text-shadow: 0.1em 0.1em 0.1em black;
    padding-left: 10px;
}


#grid-filter-tabs .dropdown-menu li a {
    color: white;
    padding: 0px;
    margin: 0px;
    line-height: 17px;
}



#grid-filter-tabs li.active .item-icon {
    background-color: #0465AC;
    border-color: #0465AC;
}

#grid-filter-tabs li.active  {
    background-color: #999;
}


#grid-filter-tabs .sprite-gmenu {
    background: url('/themes/standard/images/../images/icon-menu.png') 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: text-top;
}

#grid-filter-tabs .lbl.item-icon { width: 23px;  height: 23px; display: inline-block;
    vertical-align: text-top; }
#grid-filter-tabs .sprite-gmenu.catalog { width: 23px;  height: 23px;   background-position: 0px 0px; }
#grid-filter-tabs .sprite-gmenu.star    { width: 23px;  height: 23px;   background-position: 0px -23px;   }
#grid-filter-tabs .sprite-gmenu.flag    { width: 23px;  height: 23px;   background-position: 0px -46px; }
#grid-filter-tabs .sprite-gmenu.certificates { width: 23px;  height: 23px;   background-position: 0px -69px; }
#grid-filter-tabs .sprite-gmenu.community { width: 23px;  height: 23px;   background-position: 0px -92px; }
#grid-filter-tabs .sprite-gmenu.competencies { width: 23px;  height: 23px;   background-position: 0px -115px; }
#grid-filter-tabs .sprite-gmenu.activate-course { width: 23px;  height: 23px;   background-position: 0px -138px; }
#grid-filter-tabs .sprite-gmenu.curricula { width: 23px;  height: 23px;   background-position: 0px -161px; }
#grid-filter-tabs .sprite-gmenu.cart    { width: 23px;  height: 23px;   background-position: 0px -184px; }
#grid-filter-tabs .sprite-gmenu.check   { width: 23px;  height: 23px;   background-position: 0px -207px; }
#grid-filter-tabs .sprite-gmenu.messages   { width: 23px;  height: 23px;   background-position: 0px -230px; }












/** Courses grid **/
#courses-grid {
}

/* Some modal dialogs */


/* Course details and Demo/Preview */

.course-details-modal {
	width: 865px;
	margin: -250px 0 0 -432px;
}


.course-details-demo.modal .modal-body {
    max-height: none;
}

.course-details-demo.modal .demo-video,
.course-details-demo.modal .demo-swf
 {
    width: 100%;
}

.course-details-demo.modal .demo-swf {
    height: 500px;
}





/* Login modal dialog */
.login.modal  {
    width: 437px !important;
    height: auto;
    margin-left: -208px !important;
}


.login.modal .modal-body {
    padding-top: 2px;
}

.login.modal .control-group {
    margin-bottom: 10px;
}

.login.modal .modal-footer {
    padding: 5px 0px 0px 0px;
}

.login.modal .control-group .control-label {
    text-align: left;
}


.login.modal h4.message {
    padding: 10px 0px 10px 0px;
}







/* Lost Data dialog */
.lostdata.modal {
	width: 437px !important;
	height: auto;
	margin-left: -208px !important;
}

.lostdata.modal .modal-body {
	padding-top: 2px;
}

.lostdata.modal .control-group {
	margin-bottom: 10px;
}

.lostdata .modal-footer {
	padding: 5px 0px 0px 0px;
}

.lostdata.modal .control-group .control-label {
	text-align: left;
}

/* Register Dialog */
.register.modal {
	width: 523px !important;
	height: auto;
	margin-left: -260px !important;
	margin-top: -350px;

}

.register.modal .modal-body {
	max-height: 600px;
	padding:0px;
	padding-top: 2px;
}

.register.modal .control-group {
	margin-bottom: 5px;
}

.register.modal-footer {
	padding: 5px 0px 0px 0px;
}

.register.modal .control-group .control-label {
	text-align: left;
}

.register.modal .control-group .control-label {
        text-align: left;
}

.register.modal .register-error .alert {
    margin-bottom: 5px;
}





/** Checkout page **/
.checkout-wrapper h1.checkout-header {
	text-transform: uppercase;
	font-size: 25px;
}

.checkout-wrapper h5.checkout-step1,
.checkout-wrapper h5.checkout-step2 {
	text-transform: uppercase;
	margin-top: 0px;
}

.checkout-wrapper .billing-info h5,
.checkout-wrapper .payment-method h5 {
	text-transform: uppercase;
}

.sprite-checkout {
	background: url('../images/sprite_checkout.png') 0 0;
	background-repeat: no-repeat;
	display: block;
}

.sprite-checkout.cart {
	width: 44px;
	height: 40px;
	background-position: 0px 0px;
}

.sprite-checkout.one-dark {
	width: 30px;
	height: 32px;
	background-position: -57px 0px;
}

.sprite-checkout.one-grey {
	width: 30px;
	height: 32px;
	background-position: -258px 0px;
}

.sprite-checkout.two-dark {
	width: 30px;
	height: 32px;
	background-position: -104px 0px;
}

.sprite-checkout.two-grey {
	width: 30px;
	height: 32px;
	background-position: -166px 0px;
}

.sprite-checkout.gt-grey {
	width: 13px;
	height: 32px;
	background-position: -215px 0px;
}

.sprite-checkout.remove {
	width: 15px;
	height: 15px;
	background-position: -144px 0px;
}

.sprite-checkout.paypal {
	width: 222px;
	height: 56px;
	background-position: -104px -54px;
}

.sprite-checkout.checkmark {
	width: 88px;
	height: 70px;
	background-position: -0px -50px;
}

.checkout-wrapper hr {
	border-bottom: 1px solid #9B9B9B;
	margin: 0px;
}

.checkout-wrapper .cart-positions td {
	height: 60px;
	vertical-align: middle;
}

.checkout-wrapper .control-group select#country option {
	text-transform: capitalize;
}

.checkout-wrapper table.table.cart-positions {
	background-color: #E4E6E5;
	border-top: 2px groove #CCCCCC;
	font-weight: bold;
    margin-top: 17px;
}

.checkout-wrapper tr.cart-position {
	border-bottom: 2px groove #CCCCCC;
}

.checkout-wrapper .remove-position {
	margin-left: 10px;
}

.checkout-wrapper td.total {
	color: white;
	background-color: #0465AC;
	font-size: 20px;
	text-align: right;
	padding: 0px 8px 0px 0px;
}



.checkout-wrapper a.btn-continue {
	font-size: 1.2em;
}

.checkout-wrapper a.btn-buy-now {
	font-size: 2em;
}

.checkout-wrapper a.btn-continue,
.checkout-wrapper a.btn-buy-now {
	text-transform: uppercase;
	font-weight: bold;
	height: 40px;
	padding-top: 9px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
    min-width: 238px;
    box-sizing: border-box;
    margin-left: 10px;
}

.checkout-wrapper .tos-link {
	text-decoration: underline;
}

.checkout-wrapper  .payment-method td {
	vertical-align: middle;
	border-top: none;
}

.checkout-wrapper td.sum {
	color: #1A71B1;
	text-align: right;
}

.checkout-wrapper img.course-logo {
	width: 60%;
}

#checkout-form .billing-info label {
    font-weight: bold;
}

#checkout-form .billing-info .data {
    color: #333;
}

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

/**
Styling for the courses/apps boxes, called 'tiles'
*/
.bg-color-blue {
	background-color: #0465AC !important;
}

.bg-color-orange {
	background-color: #FF8205 !important;
}

.bg-color-green {
	background-color: #60C060 !important;
}

.bg-color-darkgray {
	background-color: #333333 !important;
}

.tile.pointer-off {
    cursor: default;
}

.tile {
	width: 230px;
	height: 230px;
	cursor: pointer;
	overflow: hidden;
	text-decoration: none;
	position: relative;
	margin-bottom: 15px;
	margin-left: 10px;
	float: left;
}

.row-fluid .tile:first-child {
	margin-left: 10px;
}

.tile * {
	color: #FFF;
}

.tile *,
.tile *:after,
.tile *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tile a:hover {text-decoration: none;}

.tile.bg-gradient {
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAEAEA));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA);
	background-image: -moz-linear-gradient(top, #FFFFFF, #EAEAEA);
	background-image: -o-linear-gradient(top, #FFFFFF, #EAEAEA);
	background-image: linear-gradient(to bottom, #FFFFFF, #EAEAEA);
}

.tile .tile-corner-image {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
}

.tile.new {
	border: 4px solid #0465AC;
}

.tile.new .tile-corner-image {
	background: url('../images/tile/course-type-new.png');
}

.tile.cart {
	border: 4px solid #60c060;
}

.tile.cart .tile-corner-image {
	background: url('../images/tile/course-type-selling.png');
}

.tile.overbooked {
	border: 4px solid #d96d00;
}

.tile.overbooked .tile-corner-image {
	background: url('../images/tile/course-type-overbooked.png');
}

.tile.completed {
	border: 4px solid #60c060;
}

.tile.completed .tile-corner-image {
	background: url('../images/tile/course-type-completed.png');
}

.tile.locked {
	border: 4px solid #666666;
}

.tile.locked .tile-corner-image {
	background: url('../images/tile/course-type-locked.png');
}

.tile.play {
	border: 4px solid #0465AC;
}

.tile.play .tile-corner-image {
	background: url('../images/tile/course-type-ready.png');
}

.tile.free {
	border: 4px solid #60c060; /*border:none;height: 230px;*/
}

.tile.free .tile-corner-image {
	background: url('../images/tile/course-type-free.png');
}

.tile.new, .tile.cart, .tile.overbooked, .tile.completed, .tile.locked, .tile.play, .tile.free,
.tile.back-cover, .tile.app {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.tile .tile-content {
	width: 100%;
	height: 100%;
	padding: 20px;
	vertical-align: top;
	overflow: hidden;
	position: relative;
	font-size: 12px;
	line-height: 16px;
}

/* TILE > COVER */
.tile.cover h2 {
	color: #FFF;
	font-size: 19px; /*26px*/
	margin-bottom: 15px;
	text-shadow: 1px 1px 4px #999;
	line-height: 1.2em;
	max-height: 2em;
	text-transform: uppercase;
}

.tile.cover p {
	font-size: 14px;
	line-height: 1.2em;
	max-height: 5.8em;
	height: 5.8em;
	overflow: hidden;
	margin: 0;
	text-shadow: 1px 1px 2px #999;
}

.tile.cover .right-arrow {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: block;
	width: 21px;
	height: 33px;
	background: url('../images/tile/icon-right-arrow-white-large.png') 0px 0px no-repeat;
}

.tile.cover .image-wrapper {
	display: table;
	position: absolute;
	vertical-align: bottom;
	left: 20px;
	bottom: 20px;
	width: 70px;
	height: 70px;
}

.image-wrapper span.icon {
	display: table-cell;
}

.image-wrapper span.icon.icon-grid {
	width: 60px;
	height: 60px;
	background: url('../images/tile/icon-grid-white-large.png') left bottom no-repeat;
}

.image-wrapper span.icon.icon-cart {
	width: 65px;
	height: 60px;
	background: url('../images/tile/icon-cart-white-large.png') left bottom no-repeat;
}

/* TILE >  BACK COVER */
.tile.back-cover {
	border: 1px solid #CCC;
	display: table;
}
.tile.back-cover:hover {
    text-decoration: none;
}

.enable-five-grid .row-fluid .tile.back-cover {
	display: table;
}

.tile.back-cover .tile-content {
	display: table-cell;
	vertical-align: middle;
}

.tile.back-cover span {
	display: block;
	margin: 0 auto;
	background: url('../images/tile/icon-grid-black-small.png') center top no-repeat;
	width: 150px;
	padding-top: 40px;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	text-shadow: 1px 0px 2px white;
	font-weight: bold;
	text-align: center;
}

/* TILE > APP */
.tile.app {
	border: 1px solid #CCC;
}

.tile.app .app-image {
	height: 111px;
	overflow: hidden;
}

.tile.app .app-image img {
	width: 100%;
}

/* for some tile types we need to remove the padding on the .tile-content */
.tile.app .tile-content {
	padding: 10px 10px 0;
	border-top: 1px solid #CCC;
}

.tile.app .app-title {
	color: #0465AC;
	margin-bottom: 10px;
}

.tile.app .app-description {
	color: #333;
	line-height: 1.2em;
	max-height: 4.8em;
	overflow: hidden;
}

.tile.app .hover {
	width: 100%;
	height: 100%;
	padding: 10px;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: rgba(0, 0, 0, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bf000000', endColorstr='#bf000000'); /* IE */
	overflow: hidden;
	cursor: default;
}

.tile.app:hover .hover {
	top: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.tile.app .hover * {
	color: #FFF;
}

.tile.app .hover-details,
.tile.app .hover-details-short {
	vertical-align: bottom;
	display: table-cell;
}

.tile.app .hover-details {
    height: 135px;
}

.tile.app .hover-details-short {
    height: 104px;
}


.tile.app .hover-details h5,
.tile.app .hover-details-short h5 {
	line-height: 1.2em;
	max-height: 2.4em;
	overflow: hidden;
}

.tile.app .hover-details .description,
.tile.app .hover-details-short .description {
	font-size: 12px;
	line-height: 1.2em;
	max-height: 7.2em;
	overflow: hidden;
}

.tile.app .btn-remove-app {
	display: block;
	width: 16px;
	height: 16px;
	background: url('../images/tile/icon-delete.png') 0px 0px no-repeat;
	text-indent: -9999px;
}
.tile.app .btn-remove-dependency {
	display: block;
	width: 23px;
	height: 17px;
	background: url('../images/tile/icon-link.png') 0px 0px no-repeat;
	text-indent: -9999px;
}

.tile.app .btn-enable-app {
	font-size: 13px;
	border-bottom: 1px solid transparent;
}

.tile.app .btn-enable-app:hover {
	border-bottom: 1px solid #FFF;
}

.tile.app .btn-configure-app {
	display: block;
	margin: 0 auto;
	text-align: center;
	background-color: #0465AC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0465AC), to(#003D6B));
	background-image: -webkit-linear-gradient(top, #0465AC, #003D6B);
	background-image: -moz-linear-gradient(top, #0465AC, #003D6B);
	background-image: -o-linear-gradient(top, #0465AC, #003D6B);
	background-image: linear-gradient(to bottom, #0465AC, #003D6B);
	border: 1px solid #013D6B;
	border-top: 1px solid #52A1DD;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	line-height: 2em;
	margin-bottom: 10px;
}

.tile.app .btn-configure-app:hover {
	background-color: #0465AC;
	background-image: none;
}

.tile.app .btn-start-trial {
	display: block;
	margin: 0 auto;
	text-align: center;
	background-color: #FFA244;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA244), to(#FF8102));
	background-image: -webkit-linear-gradient(top, #FFA244, #FF8102);
	background-image: -moz-linear-gradient(top, #FFA244, #FF8102);
	background-image: -o-linear-gradient(top, #FFA244, #FF8102);
	background-image: linear-gradient(to bottom, #FFA244, #FF8102);
	border: 1px solid #FE8205;
	border-top: 1px solid #FABA78;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	line-height: 2em;
	margin-bottom: 10px;
}

.tile.app .btn-start-trial:hover {
	background-color: #FFA244;
	background-image: none;
}

.tile.app .btn-buy-app {
	display: block;
	margin: 0 auto;
	text-align: center;
	background-color: #60C060;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#60C060), to(#2F772F));
	background-image: -webkit-linear-gradient(top, #60C060, #2F772F);
	background-image: -moz-linear-gradient(top, #60C060, #2F772F);
	background-image: -o-linear-gradient(top, #60C060, #2F772F);
	background-image: linear-gradient(to bottom, #60C060, #2F772F);
	border: 1px solid #2F772F;
	border-top: 1px solid #98D698;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	line-height: 2em;
	margin-bottom: 10px;
}

.tile.app .btn-buy-app:hover {
	background-color: #60C060;
	background-image: none;
}

.tile.app .btn-more-details {
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #333;
	background-color: #FFFFFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAEAEA));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA);
	background-image: -moz-linear-gradient(top, #FFFFFF, #EAEAEA);
	background-image: -o-linear-gradient(top, #FFFFFF, #EAEAEA);
	background-image: linear-gradient(to bottom, #FFFFFF, #EAEAEA);
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	font-size: 13px;
	font-weight: bold;
	line-height: 2em;
	margin-bottom: 10px;
}

.tile.app .btn-more-details:hover {
	background-color: #FFFFFF; /* #EAEAEA */
	background-image: none;
}

.tile.app .btn-read-manual {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #333;
    background-color: #FFFFFF;
/*     background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAEAEA)); */
/*     background-image: -webkit-linear-gradient(top, #FFFFFF, #EAEAEA); */
/*     background-image: -moz-linear-gradient(top, #FFFFFF, #EAEAEA); */
/*     background-image: -o-linear-gradient(top, #FFFFFF, #EAEAEA); */
/*     background-image: linear-gradient(to bottom, #FFFFFF, #EAEAEA); */
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    font-size: 13px;
    font-weight: bold;
    line-height: 2em;
    margin-bottom: 10px;
}

.tile.app .btn-read-manual:hover {
    background-color: #FFFFFF; /* #EAEAEA */
}


.tile.app .expire-date {
    clear: both;
    font-size: 14px;
    line-height: 16px;
    padding-top: 7px;
}


/* TILE > COURSE */
.tile.course .course-logo {
	width: 100%;
	min-width: 100%;
}

.tile.course .seats-available {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.tile.course .tile-content {
	position: absolute;
	top: 177px;
    left: 0;
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.75);
	overflow: hidden;
	cursor: default;
}

.tile.course .tile-content * {
	color: #FFF;
}

.tile.course:hover .tile-content {
	top: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.tile.course:hover .tile-corner-image {
	display: none;
}

.tile.course .course-title {
	font-size: 15px;
	line-height: 1.2em;
	max-height: 2.5em;
	min-height: 2.5em;
	overflow: hidden;
	font-weight: normal;
	margin: 0;
	padding: 0 5px;
}

.tile.course .course-hover-details {
	position: absolute;
	top: 52px;
	bottom: 0;
	left: 5px;
	right: 5px;
	background: none;
}

.tile.course .course-hover-details.empty {
	background: url('../images/tile/ajax-loader.gif') center center no-repeat;
}

.tile.course .course-action {
	height: 110px;
	display: block;
	text-align: center;
}
.tile.course .course-action-locked {
    background: #666 url('../images/tile/icon-lock.png') 12px center no-repeat;
    min-height: 50px;
    text-align: left;
    padding: 5px 5px 5px 52px;
    margin: 0 -5px;
}
.tile.course .course-action .play-btn {
	display: block;
	width: 60px;
	height: 90px;
    padding-top: 30px;
	margin: 0 auto;
	background: url('../images/tile/icon-play-big.png') center bottom no-repeat;
}

.tile.course .subscribe-now-btn {
}

.tile.course .subscribe-now-btn .icon i {
	background: url('../images/icon-info.png') center center no-repeat;
}

.tile.course .course-info {
}

.tile.course .course-info span {
	display: block;
	float: left;
	min-height: 18px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-left: 5%;
}

.tile.course .course-info-time {
	background: url('../images/tile/icon-time.png') left center no-repeat;
	padding-left: 26px;
	width: 50%;
}

.tile.course .course-info-progress {
	background: url('../images/tile/icon-battery.png') left center no-repeat;
	padding-left: 26px;
}

.tile.course .course-info-role {
	background: url('../images/tile/icon-user.png') left center no-repeat;
	padding-left: 26px;
	width: 50%;
}

.tile.course .course-info-category {
	background: url('../images/tile/icon-globe.png') 1px center no-repeat;
	padding-left: 26px;
}

/* Tiles container */
.tile-group-container {
}

/* Style for custom alerts */
.alert {
	font-size: 15px;
	color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
        *background-color: #FFA64D;
	*border: none;
	*color: #333;
	text-shadow: 1px 1px 1px #FFF;
}

.alert-success {
	color: #FFF;
	background: #60C060 url('../images/icon-check-mark-white-large.png') 15px center no-repeat;
	padding-left: 55px;
	border-color: #60C060;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.alert .close {
	background: url('../images/icon-close-circle-black.png') 0px 0px no-repeat; /* you can use white color */
	width: 18px;
	height: 18px;
	line-height: 18px;
	opacity: 1;
	filter: alpha(opacity = 100);
	top: 2px;
	text-indent: -9999px;
}

/* Styling for apps area cart */
.btn-buy-apps-cart {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	line-height: 38px;
	padding: 0 12px 0 0;
	position: relative;
}

.btn-buy-apps-cart span.cart-icon {
	display: inline-block;
	background: url('../images/icon-cart-blue-medium.png') center center no-repeat;
	width: 24px;
	height: 25px;
	margin: 0 8px 0 12px;
	vertical-align: middle;
}

.btn-buy-apps-cart span.count-items {
	position: absolute;
	top: 12px;
	left: 2px;
	color: #FFF;
	background: #F00;
	border: 2px solid white;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	height: 22px;
	width: 22px;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 0px black;
}

/* Metro style modals */
.metro.modal {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.metro.modal.wide {
	width: 875px;
	margin-left: -400px;
}

.metro.modal .modal-header {
	padding: 20px 20px 0;
	border: none;
    min-height: 20px;
}

.metro.modal .modal-header * {
	margin: 0;
}

.metro.modal .modal-header .close {
	background: url('../images/icon-close-black-medium.png') 0px 0px no-repeat;
	width: 15px;
	height: 15px;
	line-height: 15px;
	opacity: 1;
	filter: alpha(opacity = 100);
	top: 2px;
	text-indent: -9999px;
}

/*.metro.modal .modal-header h3 {
	background: url('../images/icon-grid-black-medium.png') left center no-repeat;
	padding-left: 35px;
}*/

.metro.modal.wide .modal-header h3 {
	background: none;
	padding-left: 0;
}

.metro.modal .modal-body {
	padding: 30px 20px 20px;
}

.metro.modal a.underline {
	text-decoration: none;
	border-bottom: 1px solid #0465AC;
}

.app-details.modal .before-confirm-btn-container {
	float: right;
	margin: 0 0 20px 20px;
}
.metro.modal.app-details .modal-header h3{
	color:#333333;
	font-size:14px;
}
.metro.modal.app-details .modal-body h3{
	font-size:14px;
}
.metro.modal.app-details .modal-body {
padding: 15px;
}
.app-details.modal .before-confirm-btn-container .well {
}

.app-details.modal .before-confirm-btn-container h4 {
	font-size: 18px;
}

.app-details.modal .before-confirm-btn-container .price {
	font-size: 15px;
}

.app-details.modal .icon-ok {
	background: url('../images/icon-success-medium.png') 0px 0px no-repeat;
	width: 25px;
	height: 25px;
	position: relative;
	bottom: 5px;
	margin-left: 8px;
}

.app-details.modal .credit-card-image-wrapper {
	background: url('../images/icon-creditcard-medium.png') left center no-repeat;
	min-height: 35px;
	padding-left: 60px;
}

.app-details.modal .trial-expiration-notice {
	float: right;
	line-height: 35px;
}

.app-details.modal .btn-buy-app {
}

.app-details.modal .btn-start-trial {
}

.mandatory {
	color: #e32;
}

/** Terms and conditions Dialog2 */
.read-tos-modal.modal {
	height: auto;
/* 	width: 800px; */
/* 	margin-left: -400px; */
	margin-top: -350px;
}

.read-tos-modal.modal .modal-body {
	max-height: 500px;
}


.register-instructions {
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}

.register-fields {
	background:#eeeeee;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.register-fields .internal {
	margin-left:20px;
	margin-right:20px;
	padding-top:15px;
	padding-bottom:15px;
}

.register-policy {
	padding-left:20px;
	padding-top:20px
}
.register-error{
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}

.register-footer {
	background:#eeeeee;
	padding-right:20px;
	padding-top:5px;
	border-top:1px solid #cccccc
}

/* ----------------------------------------------------------------------------
	Userlimit styles
	TODO: this should become an asset
---------------------------------------------------------------------------- */

/* Switch interface*/

/* Switch interface (simplified/advanced) with Dialog */

.switch_interface_dialog {
	width: 680px;
	margin-left:-340px;
	margin-top:0px;
	top:20px;
}
	.switch_interface_dialog .modal-header{border:0px none;padding-top:0;padding-bottom:0;}
	.switch_interface_dialog .modal-body{max-height:700px;clear:both}
	.switch_interface_dialog .modal-footer{display:none;}

.interface_wrapper {
	width: 50%;
	min-height: 200px;
	max-height: 100%;
	overflow: hidden;
	position: relative;
}

.interface_wrapper .gray_line {
	width: 100%;
	height: 5px;
	background: #CCCCCC;
	position: absolute;
	top: 15px;
	left: 0;
}

.interface_wrapper .gray_vertical {
	width: 1px;
	height: 90%;
	position: absolute;
	left: 0;
	top: 15px;
	background: #ccc;
}

.interface_wrapper .heading_wrapper {
	width: 246px;
	height: 56px;
	margin: auto;
	position: relative;
}

.heading_wrapper .black_heading {
	background: url('../images/userlimit/black_head.png');
	background-position: center;
	width: 100%;
	height: 100%;
}

.heading_wrapper .blue_heading {
	background: url('../images/userlimit/blue_head.png');
	background-position: center;
	width: 100%;
	height: 100%;
}

.blue_apartment_wrapper {
	text-align: center;
	margin: 28px auto 10px auto;
}

.black_apartment_wrapper {
	text-align: center;
	margin: 20px auto 10px auto;
}

.interface_wrapper .version_description {
	text-align: center;
	margin: auto 10px;
	font-size:12px;
	color: #333333;
}

.interface_wrapper .features_listing {
	margin-left: 15%;
	margin-right: 10%;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size:12px;
	color: #333333;
}

.features_listing .feature_wrapper {
	margin-bottom: 15px;
}

.feature_wrapper .feature_img {
	display: inline-block;
	width: 20px;
	margin-right: 10px;
	padding: 0;
	text-align: center;
}

.switch_interface_buttons {
	width: 100%;
	padding: 10px 0;
	background: #E4E6E5;
	border-top: 1px solid #ccc;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
	color: #333333;
}

.switch_interface_buttons .switch_button_wrapper {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 12px;
}

.switch_interface_buttons .switch_button_holder {
	padding-top: 5px;
	text-transform: uppercase;
}

.switch_button_wrapper .check_img {
	margin-right: 10px;
}
.switch_interface_dialog .version_name {
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 0;
}
.switch_interface_dialog .version_name > span{
    color:#333333;
}
/* Support */

#support-form .block-header a {
	background-color: #333;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	text-decoration: none;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 15px;
}

#support-form .block-header a:hover {
	text-decoration: underline;
}

#support-form h4.tutorials,
#support-form h4.manuals {
	border-bottom: 1px solid #CCC;
	margin-top: 15px;
	padding: 10px 0 4px 28px;
	line-height: 16px;
}

#support-form h4.manuals {
	background: url('../images/userlimit/support_manuals_header_bg.png') left center no-repeat;
}

#support-form ul {
	margin: 5px 0 0;
}

#support-form ul li {
	list-style-type: none;
	border-bottom: 1px solid #EEE;
	padding: 2px 0;
}

#support-form ul li a {
	color: #333;
}

#support-form input[type="text"],
#support-form textarea {
	width: 98%;
}

/* trial ended popup modal */

#subscriptionUpgradeModal {
    width: 530px;
    margin-left: -265px;
    text-align: center;
}
#subscriptionUpgradeModal .modal-header h1 {
    font-size: 25px;
    font-weight: bold;
    color: #0464AC;
    text-transform: uppercase;
    background: url("../images/trial/icon-clock-big.png") top center no-repeat;
    padding-top: 65px;
    margin-top: 10px;
}
#subscriptionUpgradeModal .modal-body h4 {
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    font-size: 15px;
}
#subscriptionUpgradeModal .modal-body .subscription-upgrade-btn {
    display: block;
    background: url("../images/trial/subscription-upgrade-btn-bg.png") 0px 0px no-repeat;
    width: 460px;
	height: 73px;
    margin: 10px auto;
    color: #FFF;
    text-decoration: none;
    text-align: left;
    font-size: 15px;
    line-height: 15px;
}
#subscriptionUpgradeModal .modal-body .subscription-upgrade-btn.partner {
    background-image: url("../images/trial/subscription-upgrade-btn-bg-partner.png")
}
#subscriptionUpgradeModal .modal-body .subscription-upgrade-btn > .inner {
    width: 305px;
    display: block;
    padding-left: 90px;
    padding-top: 22px;
	font-weight: bold;
}
#subscriptionUpgradeModal .modal-footer {
    text-align: center;
}
#subscriptionUpgradeModal .modal-footer p {
    line-height: 25px;
}
#subscriptionUpgradeModal .modal-footer p > i {
    display: inline-block;
    background: url('../images/trial/icon-clock-small.png') 0px 0px no-repeat;
    width: 25px; height: 25px;
    margin-right: 10px;
    vertical-align: bottom;
}
#subscriptionUpgradeModal .modal-footer p a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
}
#contactSales-form .input-xlarge {
    width: 98%;
}

/* Addcourse and Import Course from Marketplace Dialogs */
.addcourse_dialog_wrapper{
	max-width: 900px;
}
.addcourse_thumb {
	width: 160px;
	height: 110px;
    text-align:center;
    background:#eee;
    border:1px solid #aaa;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.addcourse_thumb > input[type="file"] {
    opacity:0;
    filter: alpha(opacity = 0);
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    cursor:pointer;
    zoom:1;
}

.addcourse_thumb_selected {
	width: 155px;
	height: 105px;
	border: 2px solid black;
}
.scrollright img, .scrollleft img {
	padding-top: 40px;
	padding-left: 20px;
	cursor:pointer;
}
.ownimage_icon {
	margin-top: 15px;
}

.registration-success {
	padding:20px;
}

.top-label-wrapper{
	width:100%;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.top-label-icon{
	margin-top:3px;
}
.top-label-text{
	margin-left: 100px;
	font-size:21px;
}
.top-label-text h1{
	font-weight:bold;
	font-size:35px;
	color: #0465AC;
}
//newslist style
.top-label-newslist{position: relative;margin-bottom: 2px;line-height: 1;}
.jCarouselLite{visibility: visible;  overflow: hidden; position: relative; z-index: 2; left: 0px;width: 95%; height: 65px;}
.top-label-newsbutton{display:block; height:50px; width:20px; float:right; margin-top:-60px;}
.top-label-prev{height:20px; width:20px; border-radius:20px;}
.top-label-next{height:20px; width:20px; border-radius:20px; margin-top:2px; position:absolute;}
.icon-arrow-up{margin-left: -5px;margin-top: -4px;}
.icon-arrow-down{margin-left: -5px;margin-top: -4px;}
//
a.external {
    background: url(../images/external_link.png) center right no-repeat;
    background-position: 98% 50%;
    padding-right: 13px;
}


/*
    Styling of the trial extending page layout
*/
body.l-basic {background: url(../images/home-back.jpg) 0 0 repeat-x #C2D1E4;}

body.l-basic #maincontent > .inner-container {
    border: 1px solid #CCCCCC;
    min-height: 463px;
    padding: 0;
    background: #DDE4EA url('../images/trial/trial_ext_bg.png') right center no-repeat;
}

.trial-ext-content {
    padding: 60px;
}
.trial-ext-content > h2 {
    color: #333;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 26px;
    line-height: 1.2em;
}
.trial-ext-content .extension-info {
    font-size: 20px;
    line-height: 1.4em;
    margin: 30px 0;
}
.trial-ext-content .extension-info .saas-url {
    font-size: 26px;
    font-weight: bold;
}
.trial-ext-content .btn-buy,
.trial-ext-content .btn-contact,
.trial-ext-content .btn-extend-trial {
    height: 50px;
    line-height: 50px;
    padding: 0 14px;
    text-transform: uppercase;
}
.trial-ext-content .btn-extend-trial {
    font-size: 33px;
}
.trial-ext-content .btn-extend-trial > i {
    display: block;
    float: left;
    width: 31px;
    height: 31px;
    margin-top: 10px;
    margin-right: 10px;
    background: url('../images/trial/trial_ext_btn_icon.png');
}
.trial-ext-content .btn-buy {
    font-size: 28px;
}
.trial-ext-content .btn-buy > i {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-top: 12px;
    margin-right: 10px;
    background: url('../images/buttons/icon-cart-25x25.png');
}
.trial-ext-content .btn-contact {
    font-size: 20px;
}
.trial-ext-content .btn-contact > i {
    display: block;
    float: left;
    width: 27px;
    height: 18px;
    margin-top: 16px;
    margin-right: 10px;
    background: url('../images/buttons/icon-mail.png');
}
.trial-ext-content .expire-info {
    font-size: 15px;
}
.trial-ext-content .btn-lmscontinue {
    font-size: 33px;
    line-height: 1.2em;
}

.trial-extended-modal {
    width: 386px;
    margin-left: -193px;
}
.modal.trial-extended-modal .modal-body {
    text-align: center;
    padding: 0 20px 30px;
}
.trial-extended-modal .modal-body h2 {
    margin-top: 10px;
    font-size: 25px;
    line-height: 1.2em;
    text-transform: uppercase;
}
.trial-extended-modal .modal-body h4 {
    color: #333;
    font-size: 20px;
    font-weight: normal;
}
.trial-extended-modal .modal-body p {
    font-size: 15px;
    margin-top: 20px;
}
.trial-extended-modal .modal-body .btn {
    min-width: 140px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}
.trial-extended-modal .modal-footer {
    display: none;
}

/**
    App settings form
*/
#app-settings-form {
    margin-top: 15px;
}
.app-settings-url {
    text-decoration: underline;
    font-size: 13px;
    line-height: 28px;
}
.app-link-read-manual {
    float: right;
    border: 1px solid #CCC;
    color: #333;
    background: #E4E6E5 url('../images/moreinfo.png') 25px center no-repeat;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 7px 27px 7px 53px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #FFF;
}
.app-link-read-manual:hover {
    text-decoration: none;
}
.app-download-manual-info {
    float: right;
    margin: 5px 10px 0 0;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    margin-bottom: 5px;
}




/**
    Video Conferencing grid view and form
*/

[id^="conf-grid-view"].grid-view
{
    background: white;
    padding: 15px 0;
}
[id^="conf-grid-view"].grid-view .button-column
{
    width: 90px;
}

[id^="conf-grid-view"].grid-view table.items
{
    border-collapse: collapse;
    width: 100%;
}

[id^="conf-grid-view"].grid-view table.items th,
[id^="conf-grid-view"].grid-view table.items td
{
    background: white;
    font-size: 0.9em;
    padding: 0.3em;
}

[id^="conf-grid-view"].grid-view table.items th
{
    background:white;
    color: #0573c6;
    text-align: center;
    text-align: left !important;
}

[id^="conf-grid-view"].grid-view table.items th
{
    color: #0573c6;
    text-transform: uppercase;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    text-decoration: none;
}

[id^="conf-grid-view"].grid-view table.items tr.even,
[id^="conf-grid-view"].grid-view table.items tr.odd
{
    background:white;
    border-top: 1px solid #ddd;
}

[id^="conf-grid-view"].grid-view table.items td,
[id^="conf-grid-view"].grid-view table.items th
{
    font-size: 12px;
    padding: 8px 8px 8px 8px;
}

[id^="conf-grid-view"].grid-view,
[id^="conf-grid-view"].table.items tbody tr:hover
{
    background: white;
}

#conf-rooms-active .grid-view div.summary {display: none;}

#form-create-room {}

#form-create-room select.input-small { width: 104px; }
#form-create-room select.input-xlarge { width: 285px; }
#form-create-room .datepickr input { width: 90px; }

.modal.videoconf-room-dialog .modal-body {
    min-height: 450px;
}

/*
    Styling for callout messages
*/
.callouts-wrapper {
}
.callouts-wrapper.hide {
    display: none;
}
.callouts-wrapper .message {
    font-size: 16px;
    padding: 8px 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    display: block;
}
.callouts-wrapper .message.hide {
    display: none;
}

.callouts-wrapper .message .close {
    opacity: 1;
    filter: alpha(opacity=100);
}
.callouts-wrapper .message .arrow {
    float: right;
}
.callouts-wrapper .message .arrow > img {
    height: 16px;
}
.callouts-wrapper a,
.callouts-wrapper strong {
    font-weight: bold;
    text-decoration: none;
}

.callouts-wrapper .message.btn-generic {
    background-color: #D4DDEC;
    color: #333;
    text-shadow: 1px 1px 1px #FFF;

}
.callouts-wrapper .message.btn-generic a,
.callouts-wrapper .message.btn-generic strong {
    color: #0465AC;
}

.callouts-wrapper .message.btn-buy_now {
    background-color: #59B559;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#59B559), to(#2D712D));
    background-image: -webkit-linear-gradient(top, #59B559, #2D712D);
    background-image: -moz-linear-gradient(top, #59B559, #2D712D);
    background-image: -o-linear-gradient(top, #59B559, #2D712D);
    background-image: linear-gradient(to bottom, #59B559, #2D712D);
    text-shadow: 1px 1px 1px #2F742F;
}
.callouts-wrapper .message.btn-marketplace {
    background-color: #444444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#333333));
    background-image: -webkit-linear-gradient(top, #444444, #333333);
    background-image: -moz-linear-gradient(top, #444444, #333333);
    background-image: -o-linear-gradient(top, #444444, #333333);
    background-image: linear-gradient(to bottom, #444444, #333333);
    text-shadow: 1px 1px 1px #000;
}
.callouts-wrapper .message.btn-apps {
    background-color: #FFA244;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA244), to(#FF8102));
    background-image: -webkit-linear-gradient(top, #FFA244, #FF8102);
    background-image: -moz-linear-gradient(top, #FFA244, #FF8102);
    background-image: -o-linear-gradient(top, #FFA244, #FF8102);
    background-image: linear-gradient(to bottom, #FFA244, #FF8102);
    text-shadow: 1px 1px 1px #FF8308;
}
.callouts-wrapper .message.btn-helpdesk {
    background-color: #0465AC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0465AC), to(#003D6B));
    background-image: -webkit-linear-gradient(top, #0465AC, #003D6B);
    background-image: -moz-linear-gradient(top, #0465AC, #003D6B);
    background-image: -o-linear-gradient(top, #0465AC, #003D6B);
    background-image: linear-gradient(to bottom, #0465AC, #003D6B);
    text-shadow: 1px 1px 1px #013E6C;
}
.callouts-wrapper .message .btnpointer {
    content: '';
    display: inline-block;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 6px solid #333;
    position: absolute;
    top: -100px;
    left: -100px;
}
.callouts-wrapper .message.hide .btnpointer { display: none; }
.callouts-wrapper .message.btn-buy_now .btnpointer { border-top: 9px solid #2D712D; }
.callouts-wrapper .message.btn-marketplace .btnpointer { border-top: 9px solid #333333; }
.callouts-wrapper .message.btn-apps .btnpointer { border-top: 9px solid #FF8102; }
.callouts-wrapper .message.btn-helpdesk .btnpointer { border-top: 9px solid #003D6B; }