@charset "utf-8";
/* CSS Document */
.ka-header{ padding:5px }
.header-package{ text-align:right}
.package{ background:#009cf9;}
.package li{ background:#009cf9; width:100%; color:#fff}
.package li:hover{ background:#009cf9; width:100%; color:#fff}
.package a{ color:#FFFFFF}

.ka-nav { font-size:18px; margin-top:15px; color:#000}
.ka-nav li{ display:inline-block}
.ka-nav a{ color:#000; padding:0px 10px}

.ka-body{ background:#289AD9;background-repeat: no-repeat;background-size: 100% 100%; padding:10px 5px}

.left-widget{ background:#FFFFFF; border-radius:5px; padding:0px 0px; margin-bottom:10px;}
.left-widget h2{ background:#242424; border-radius:5px; margin:0px 0px; padding:10px; color:#fff; font-size:14px; cursor:pointer; 
                /*background:url(../img/bullet-up.png) no-repeat right center #242424*/
}
.left-menu{ margin:0; padding:0}
.left-menu li{ list-style:none; color:#9F9F9F; border-bottom:solid 1px #e6e6e6; padding:10px; font-size:110%}
.left-menu li:hover{ background:#f2f2f2}
.left-menu li.selected { background:#f2f2f2}

.left-menu li:last-child{ border-bottom:none; border-radius:5px}
.left-menu a{ color:#9F9F9F; display:block; 
             /*background:url(../img/bullet.png) no-repeat right top;*/ 
             padding-right:15px;}

.ka-main-content{ background:#FFFFFF; display:block; border-radius:15px; padding:15px; text-align:center; box-shadow: 1px 1px 20px #595959; overflow:hidden; }
.ka-footer{ padding:20px; text-align:center}

nav.package-menu { 
	background:#009cf9;
	border-radius:5px;
	width:auto;
	margin-left:auto; 
	margin-right:auto;
}
nav.package-menu a { 
    color: #fff;
}
nav.package-menu ul.navbar-nav a { 
    color: #fff; 
}
    
nav.package-menu ul.navbar-nav a:hover,
nav.package-menu ul.navbar-nav a:visited,
nav.package-menu ul.navbar-nav a:focus,
nav.package-menu ul.navbar-nav a:active { 
    background: #009cf9; 
}
nav.package-menu ul.navbar-nav a:hover { 
    border-color: #008de1; 
}
nav.package-menu li.divider { 
    background: #5CB85C; 
}
nav.package-menu button.navbar-toggle { 
    background: #5CB85C; 
    border-radius: 2px; 
}
nav.package-menu button.navbar-toggle:hover { 
    background: #999; 
}

nav.package-menu ul.dropdown-menu { 
    border: 0; 
    background: #009cf9; 
    border-radius: 5px; 
    margin: 0px 0; 
    border: 1px solid #008de1;
    box-shadow: 0 0 0px 0 #ccc;
}
nav.package-menu ul.dropdown-menu > li > a { 
    color:#fff;
	border-bottom:solid 1px #008de1; 
}
nav.package-menu ul.dropdown-menu li:last-child { 
	border-bottom:none; 
}
nav.package-menu ul.dropdown-menu > li > a:hover { 
    background: #008de1; color: #fff; 
}

.ka-login{ background:#fff; border-radius:5px; max-width:550px; padding:50px; margin:30px auto 0 auto}
.ka-login-body{ background:#289AD9}
.memberaccessButton {
	margin-top: 10px;
	width: 100%;
	display: block;
	padding: 10px 20px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	background-color: #28AFFA;
	border: none;
	border-bottom: 2px solid rgba(0,0,0,0.2);
	color: #FFF;
	font-size: 16px !important;
	text-transform: uppercase;
}
.login-copyright{ text-align:center; color:#b4b4b4; margin-top:20px;}

@media only screen and (max-width: 640px) {
 ul.ka-nav{ margin:0; padding:0; list-style:none; text-align:left}
 .ka-nav li{text-align:center; padding:5px 0}
}



.videoWrapper {
 position: relative;
 padding-bottom: 56.25%; / 16:9 /
 padding-top: 25px;
 height: 0;
}
.videoWrapper object,
.videoWrapper embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.videoWrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}