@charset "utf-8";
/******************* From Ajay*/
/* CSS Document */
html, body, applet, object, iframe,h1, h2, h3, h4, h5, h6,  pre, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, tt, var, center,dl, dt, dd,fieldset, form, label, legend, caption, nav, section, aside, textarea 
{margin:0;padding:0;border:0;outline:0;font-size:100%;
 font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;}
.cl{clear:both; font-size:0; display:block;}
a img{border: none; margin:0; padding:0;}
.f_lt{ float:left;}
.f_rt{ float:right;}

label {
    font-weight: normal;
}
button:focus {outline:0;}

@font-face {
    font-family: 'OpenSansCondLt';
    src: url('../fonts/opensans-condlight.eot');
    src: url('../fonts/opensans-condlight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condlight.woff') format('woff'),
         url('../fonts/opensans-condlight.ttf') format('truetype'),
         url('../fonts/opensans-condlight.svg#OpenSansCondLt') format('svg');
    font-weight: normal;
    font-style: normal;
}
a
{
    color: inherit;
}
.register_btn a, .content_btm_item img, .setting_centent, .popup1_content, .popup_content, .popup_main, .top_login_txt, .reg_value select{
	behavior: url(/PIE.htc); 
	position:relative;
}

blockquote {
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;

    border-top-width: 0px;
border-bottom-width: 0;
border-right-width: 0;
border-color: grey;
display: block;
border-style: solid;
}

/*table {
   width: auto !important;
}*/

a {
    text-decoration: underline;
}

a:hover { 
    color: yellow;
}

/*..........header............*/
#header{ background:#000;}
.logo{padding:8px 0 5px;}
.logo a{ text-decoration:none; font-weight:normal; display:block; font-size:1.4em; font-family:Verdana, Geneva, sans-serif; color:#EB1F27;}
.logo a strong{ color:#477DD8; font-weight:normal;}
.logo a span{ color:#FFF;}
.logo a:active{ text-decoration: none;}
.logo a img{ vertical-align:middle; max-width:100%; padding-right:5px;}
.header_rt{ padding-top:7px;}
.header_rt_top{ padding-bottom:10px;}
.header_rt_top ul{ float:right; list-style: none;padding: 0;margin: 0;}
.header_rt_top li{ float:left; padding-left:18px;}
.header_rt_top li.login_name{ font-size:14px; line-height:19px; color:#487dd9;}
.top_login_smt, .optionButton{color:#FFF !important; background:#487dd9; border: 2px solid #487dd9}
.header_rt_top li.login_logout a:hover, .top_login_smt:hover, .top_login_smt:focus,.optionButton:focus,.optionButton:hover{ background:#3a64ae; text-decoration: none;}
.header_rt_top .top_login li{ padding-left:8px;}
.top_login input{ display:block;}
.top_login_txt, .reg_value select{ background:#FFF; width:320px; height:30px; padding:1px 1px 0 7px; font-size:12px; line-height:24px; color:#6b7d83; display:block; border:1px solid #6F635B;-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	-webkit-box-shadow:inset 0 1px 1px 1px #e0e0e0,0 1px 1px 0 #f8f8f8; 
	-moz-box-shadow:inset 0 1px 1px 1px #e0e0e0,0 1px 1px 0 #f8f8f8;
	-o-box-shadow:inset 0 1px 1px 1px #e0e0e0,0 1px 1px 0 #f8f8f8; 
	box-shadow:inset 0 1px 1px 1px #e0e0e0,0 1px 1px 0 #f8f8f8;}
.top_login_txt:focus{ background:#FFF; color:#333;-webkit-box-shadow:inset 0 2px 2px 1px #E1E1E1; -moz-box-shadow:inset 0 2px 2px 1px #E1E1E1; -o-box-shadow:inset 0 2px 2px 1px #E1E1E1; box-shadow:inset 0 2px 2px 1px #E1E1E1;}
.top_login_smt{padding:3px 30px 5px; cursor:pointer; font-size:16px;-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;}
.reg_value select{ padding:5px; width:330px; height:33px;}

/*.level2_menu {
        display: initial;
            height: auto;
            visibility: visible;
            overflow: auto;
    }*/
#askill {
    display: block;
}
#modules_compressed {
    display: none;
}

.navbar-collapse.in {
     overflow-y: visible;

}



.popupbox1{display:none;float:left;position:fixed;top:50%; left:14%; left:50%;z-index:99999;}
#fade{ display:none;background:#000;position:fixed; left:0; top:0;width:100%; height:100%;opacity:.80;z-index:1;}
.popup_main{border:5px solid #DBDBDB;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;}
.popup_content{border:1px solid #808080;-moz-border-radius:1px 1px 1px 1px;-webkit-border-radius:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;}
.popup_close{position:absolute;width:31px;height:31px;right:0px;top:1px;font-size:0;z-index: 111;}
.popup1_content{padding:20px;border:1px solid #F6F6F6;background:#e2e2e2; color: black;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dbdbdb), to(#ffffff));
    background: -webkit-linear-gradient(#dbdbdb, #ffffff);
    background: -moz-linear-gradient(#dbdbdb, #ffffff);
    background: -ms-linear-gradient(#dbdbdb, #ffffff);
    background: -o-linear-gradient(#dbdbdb, #ffffff);
    -pie-background: linear-gradient(#dbdbdb, #ffffff);
	-moz-border-radius:1px 1px 1px 1px;
	-webkit-border-radius:1px 1px 1px 1px;
	border-radius:1px 1px 1px 1px;
}
#popupre22 .popup1_content{ padding:5px 20px 10px;}
.login_value, .reg_value{ padding-bottom:10px;}
.login_value label{ display:block; font-size:15px; line-height:17px; color:#292625; font-weight:bold; padding-bottom:4px;}
.login_remember{ font-size:13px; line-height:15px; color:#292625; padding:5px 0 15px;}
.login_remember input{ vertical-align:top; margin-right:5px;}
.login_other h6 a{ display:block; font-size:14px; line-height:16px; color:#034AF3; font-weight:normal; padding-top:5px; text-decoration:underline;}
.login_other h6 a:hover{ text-decoration:none;}
.reg_value label, .reg_value input, .reg_remember label{ display:block; float:left;}
.reg_value label{ text-align:right; padding-right:10px;}
.popup1_content h3{ font-size:1.3em; line-height:1.4em; color:#034AF3;}
.popup1_content h4{ font-size:13px; line-height:17px; color:#292625; font-weight:normal; padding:1px 0 15px;}
.reg_value label{font-size:15px; line-height:17px; color:#292625; padding-top:5px;}
.reg_remember{ font-size:11px; line-height:15px; color:#292625; padding:5px 0 15px;}
.reg_remember input{ vertical-align:top; margin-left:10px;}

/*..........footer............*/
.banner{ background:url(../images/bg_1.png) repeat 0 0;}
#footer{ background:#000;}
.footer_content{ padding:15px 0;}
.footer_rt{ padding:20px 0; border-top:1px solid #FFF;  border-bottom:1px solid #FFF;}
.footer_lt{font-size:12px; line-height:14px; color:#7f7f7f; padding-top:10px;}
.footer_menu{ padding-top:8px; padding-left:0;}
.footer_menu li{ padding-bottom:5px; font-size:16px; line-height:18px;}
.footer_menu ul{ padding-top:8px; list-style:none; padding: 0; margin: 0;}

.footer_menu li a{ color:#FFF;}
.footer_menu li a:hover{ color:#23527c; text-decoration:none;}
.social_link ul{ float:right; list-style: none; padding: 0; margin: 0;}
.social_link li{ float:left; font-size:0; padding:10px;}
.social_link li a{ opacity:1;}
.social_link li a:hover{ opacity:.8;}
.footer_rt .social_link{ padding-left:0;}
.footer_copyright{ font-size:14px; color:#FFF; padding-bottom:20px;}

/*..........banner............*/
.banner_main{ background:url(../images/banner_shadow.png) repeat-x left bottom; color: white;}
.banner_here{height:444px; position:relative;}
.banner_here h2{ position:absolute; z-index:2; left:30px; top:25px; font-size:37px; line-height:57px; color:#fff; font-family:OpenSansCondLt; font-weight:normal; text-shadow:5px 5px 5px #04243E, 0 0 6px #06233D, 0 0 7px #06233D, 0 0 8px #06233D, 0 0 9px #06233D, 0 0 10px #04243E, 0 0 12px #04243E; text-align:left;}
.banner_here h2.slide_title_2{ top:100px;}
.register_btn{ position:absolute; z-index:2; left:37px; bottom:40px; height:40px; width:195px;}
.register_btn a{ display:block; font-size:28px; line-height:31px; padding-bottom:9px; color:#fff; font-family:OpenSansCondLt; font-weight:normal; text-align:center; background:#487DD9; 
	border:1px solid #3A64AE;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
}

.register_btn a:hover{ background:#3a64ae;}

.slider ul.bxslider li span{ display:block; font-size:0;}

/*..........content_btm............*/
.content_btm{ padding:25px 0 10px;}
.content_btm_item{ position:relative;}
.content_btm_item a{ display:block;}
.content_btm_item a:hover{-webkit-box-shadow:0 0 10px 5px #5e8cdd; -moz-box-shadow:0 0 10px 5px #5e8cdd; -o-box-shadow:0 0 10px 5px #5e8cdd; box-shadow:0 0 10px 5px #5e8cdd;}
.content_btm_item h2{ position:absolute; z-index:1;}
.content_btm_item_img img{-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}
.content_btm_here .f_lt{ padding-right:20px;}
.content_btm_item_img{ font-size:0;}
.content_btm_item h2, .content_btm_item h2 span{ font-size:35px; line-height:37px; color:#333; font-family:OpenSansCondLt; font-weight:normal; text-shadow: 1px 0 #A5A8AA;}
.content_btm_item a:hover h2,.content_btm_item a:hover h2 span{ color:#06233D;}
.content_btm_item h2.content_btm_title_1{ left:10px; top:19px;}
.content_btm_item h2.content_btm_title_2{ left:90px; top:0px;}
.content_btm_item h2.content_btm_title_2 span{ display:block; padding-left:25px;}
.content_btm_item h2.content_btm_title_3{ left:135px; top:0px;}
.content_btm_item h2.content_btm_title_3 span{ display:block; padding-left:45px;}
#content, #home_content{ font-size:13px; margin-left: 10px; margin-right: 10px;}
/*..........responsive............*/
.wrap{width:940px; margin:auto;} 
.wrap .width_1{ width:60px;} .wrap .width_2{ width:140px;} .wrap .width_3{ width:220px;} .wrap .width_4{ width:300px;} 
.wrap .width_5{ width:360px;} .wrap .width_6{ width:460px;} 
.wrap .width_7{ width:570px;} .wrap .width_8{ width:620px;} .wrap .width_9{ width:700px;} .wrap .width_10{ width:780px;} .wrap .width_11{ width:860px;} .wrap .width_12{ width:940px;}
.wrap .social_link{ width:100px;}
.wrap .footer_menu{ width:460px;}
/*.wrap .menu{ width:530px;}*/
.wrap .header_setting{ width:19px;}

/* For 768px width  */   
/*@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrap{ width:768px;} .wrap .width_1{ width:28px;} .wrap .width_2{ width:76px;} .wrap .width_3{ width:124px;} .wrap .width_4{ width:172px;} .wrap .width_5{ width:220px;} .wrap .width_6{ width:268px;} .wrap .width_7{ width:316px;} .wrap .width_8{ width:364px;} .wrap .width_9{ width:412px;} .wrap .width_10{ width:460px;} .wrap .width_11{ width:508px;} .wrap .width_12{ width:556px;}
.wrap .social_link{ width:52px;}
.wrap .footer_menu{ width:265px;}
.footer_menu li{padding-right:10px;}
.wrap .menu{ width:310px;}
.content_btm_here .f_rt{ float:left;}
.content_btm_item h2.content_btm_title_2{ left:25px;}
.content_btm_item h2.content_btm_title_3{ left:20px;}
.content_btm_item h2.content_btm_title_1{ top:17px;}
.JB_Pagination{ bottom:45px;}
.banner_here, .JB_FWS, .JB_Container, .JB_Slide_Content{height:400px;}
.content_btm_here{ padding-left:101px;}
.wrap .social_link{ width:78px; padding-top:10px;}
.social_link li{ padding-left:5px;}
.wrap .footer_menu{ width:235px;}
.header_rt_top .top_login li{ padding-left:3px;}
.login_value, .reg_value{ padding-bottom:0;}
.popup1_content{ padding:2px 10px;}
.reg_remember{ padding:2px 0;}
.popup1_content h4{ padding-bottom:2px;}
.reg_remember input{ margin-left:0;}
.header_content .logo{ font-size:22px; width:300px !important;}
.top_login_txt{ width:250px;}
.reg_value label, .reg_value input, .reg_remember label{float:none; width:100%  !important;}
.reg_value label, .reg_remember label{ padding-right:0; text-align:left;}
.reg_value select{ width:255px;}
}*/

/* For 480px width  */   
/*@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrap{ width:420px;}
.wrap .width_1, .wrap .width_2, .wrap .width_3, .wrap .width_4, .wrap .width_5, .wrap .width_6, .wrap .width_7, .wrap .width_8, .wrap .width_9, .wrap .width_10, .wrap .width_11, .wrap .width_12{ width: 420px;}
.wrap .social_link, .wrap .footer_menu, .wrap .menu{ width:420px;}
.footer_menu li{padding-right:4px; padding-bottom:10px;}
.banner_here h2{ font-size:20px; line-height:24px; top:15px; left:10px;}
.banner_here h2.slide_title_2{ top:30px;}
.banner_here, .JB_FWS, .JB_Container, .JB_Slide_Content{height:158px;}
.register_btn{left:10px; bottom:6px; width:100px;}
.register_btn a{ font-size:20px; line-height:20px; padding-bottom:6px;}
.bottom{ bottom:20px; right:5px;}
.JB_Page{ margin-left:2px;}
.content_btm{ padding:10px 0;}
.content_btm_item{ padding:3px 0;}
.content_btm_here .f_lt{ padding-right:0px;}
.showcase-arrow-previous, .showcase-arrow-next{ top:30%;}
.header_rt_top .top_login li{ padding-left:3px;}
.top_login_txt{ width:235px;}
.reg_value label, .reg_value input, .reg_remember label{float:none;}
.reg_value label, .reg_remember label{ padding-right:0; text-align:left; font-size:12px; line-height:14px;}
.login_value, .reg_value{ padding-bottom:0;}
.popup1_content, #popupre22 .popup1_content{ padding:2px 10px;}
.reg_value select{ width:245px;}
.reg_remember{ padding:2px 0;}
.popup1_content h4{ padding-bottom:2px;}
.reg_remember input{ margin-left:0;}
.logo{ font-size:22px;}
.reg_value label{ padding-top:0;}
.top_login_txt, .reg_value select{ height:22px; line-height:18px; padding:0;}
.reg_remember label, .reg_smt label{ font-size:0; line-height:0; height:0;}
.reg_remember{ font-size:8px; line-height:10px;}
.popup1_content h3{ font-size:1em; line-height:1em;}
.showcase-content-container{ height:155px !important;}
.showcase-button-wrapper{ bottom:15px;}

}*/

/* For 320px width  */
/*@media only screen and (max-width: 767px) {
.wrap {  width:300px;}   
.wrap .width_1, .wrap .width_2, .wrap .width_3, .wrap .width_4, .wrap .width_5, .wrap .width_6, .wrap .width_7, .wrap .width_8, .wrap .width_9, .wrap .width_10, .wrap .width_11, .wrap .width_12{ width: 300px;}
.wrap .social_link, .wrap .footer_menu{ width:300px;}
.footer_menu li{padding-right:4px; padding-bottom:10px;}
.banner_here h2{ font-size:20px; line-height:24px; top:15px; left:10px;}
.banner_here h2.slide_title_2{ top:30px;}
.banner_here, .JB_FWS, .JB_Container, .JB_Slide_Content{height:158px;}
.register_btn{left:10px; bottom:6px; width:100px;}
.register_btn a{ font-size:20px; line-height:20px; padding-bottom:6px;}
.JB_Pagination{ bottom:20px; right:5px;}
.JB_Page{ margin-left:2px;}
.content_btm{ padding:10px 0;}
.content_btm_item{ padding:3px 0;}
.content_btm_here .f_lt{ padding-right:0px;}
.showcase-arrow-previous, .showcase-arrow-next{ top:30%;}
.header_rt_top .top_login li{ padding-left:3px;}
.top_login_txt{ width:235px;}
.reg_value label, .reg_value input, .reg_remember label{float:none;}
.reg_value label, .reg_remember label{ padding-right:0; text-align:left; font-size:12px; line-height:14px;}
.login_value, .reg_value{ padding-bottom:0;}
.popup1_content, #popupre22 .popup1_content{ padding:2px 10px;}
.reg_value select{ width:238px;}
.reg_remember{ padding:2px 0;}
.popup1_content h4{ padding-bottom:2px;}
.reg_remember input{ margin-left:0;}
.logo{ font-size:22px;}
.reg_value label{ padding-top:0; font-size:12px; line-height:14px;}
.top_login_txt, .reg_value select{ height:22px; line-height:18px; padding:0;}
.reg_remember label, .reg_smt label{ font-size:0; line-height:0; height:0;}
.reg_remember{ font-size:8px; line-height:10px;}
.popup1_content h3{ font-size:1em; line-height:1em;}
.showcase-content-container{ height:155px !important;}
.showcase-button-wrapper{ bottom:15px;}

}*/ 

/*@media screen and (max-width: 768px) {
a.menu-link{display:block; color:#FFF; background-color:#334c76;}
.menu{clear:both;min-width:inherit;float:none;}
.menu, .menu > ul ul{overflow:hidden;max-height:0;background-color:#334c76;}
.menu > li > ul.sub-menu {padding:0px;border:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
.menu.active, .menu > ul ul.active{max-height:100em;}
.menu ul{display:inline;}
.menu > ul{border-top:1px solid #3A64AE;}
.menu li, .menu > ul > li{display:block;}
.menu li a{color: #000;display:block;padding: 0.8em;border-bottom:1px solid #3A64AE;position:relative;}
.menu li.has-submenu a{color:#FFF;}
.menu li.has-submenu > a:after{content: '+';position:absolute;top:0;right:0;display:block;font-size:1.5em;padding:0 0.5em;}
.menu li.has-submenu > a.active:after{content: "-";}
.menu ul ul > li a{background-color:#334c76;height:100%;padding:5px 5px 5px 10px;}
.menu ul ul, .menu ul ul ul{display:inherit;position:relative;left:auto; top:auto;box-shadow:none;border:none; list-style: none;}
}*/


.clearfix:before, .clearfix:after, .wrap:before, .wrap:after{ content:'.'; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0; width:0; height:0;}
.clearfix:after, .wrap:after{ clear:both;}
.clearfix, .wrap{ zoom:1;}
/*img{ max-width:100%;}*/

/*..........top nav............*/
.menu-link{display:none;float:right;padding:5px 15px;}
.menu{ max-width:60em;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.menu ul{position:relative; display:inline-table; float:right; padding: 0; margin: 0;}
.menu > li > ul.sub-menu{min-width:10em;padding: 4px 0;border:1px solid #CCC;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
.menu ul:after {content: ""; clear: both; display: block;}
.menu ul li {padding: 0px;color:#FFF;}
.menu > ul > li{ display: inline-block;}
.menu ul li a{ display:block;color:#959595;font-size:.9em; line-height:19px;}
.menu ul li > a{ height:19px;padding:5px 9px 5px 6px; text-decoration: none; color:#FFF;}
.menu ul li > a:hover, .menu ul li:hover{ background:#487dd9; }
.menu ul li:hover a{ color:#FFF;}
.menu ul ul{display:none; position:absolute;top:100%;min-width:200px;background-color:#334c76;border:1px solid #CCC;border:1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); z-index:17000; list-style: none;}
    .menu ul ul ul {
        min-width: 300px;
    }
/*.menu ul li:hover > ul{display:block;}*/
.menu ul ul > li{position: relative;}
.menu ul ul > li a{padding:5px 15px 8px 10px;height: auto;background-color:#334c76;-webkit-transition: background-color 0.2s ease-out;-moz-transition: background-color 0.2s ease-out;-ms-transition: background-color 0.2s ease-out;-o-transition: background-color 0.2s ease-out;transition: background-color 0.2s ease-out; }
.menu ul ul > li a:hover {background-color:#487dd9;color:#fff;}
.menu ul ul ul{position: absolute;left:100%; top:0;}
.header_setting{ font-size:0; padding-top:4px; position:relative;}
#setting_items{display:none;position:absolute;right:0;top:30px;z-index:5;}
.setting_centent{ border:2px solid #487DD9; background:#EFEFEF;-moz-border-radius:1px 1px 1px 1px;-webkit-border-radius:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;}
#close_setting{ display:block; height:12px; font-size:12px; line-height:12px; color:#ec2028; font-weight:bold; text-align:right; cursor:pointer; padding:2px 5px 0 0;}
.setting_info{ padding:0 5px 5px 10px;}
.setting_info li{ padding-bottom:5px;}
.setting_info li a{ display:block; font-size:12px; line-height:14px; color:#333; font-weight:bold;}
.setting_info li a:hover{ color:#000;}
.setting_icon a{ display:block; text-align:center;}
.setting_icon a:hover{background-color:#487dd9;}

/********************** End from Ajay*/
/* DEFAULTS
----------------------------------------------------------*/
#bg { position: fixed; top: 0; left: 0; z-index:-50; }
.bgwidth { width: 100%; }
.bgheight { h   eight: 100%; }


/*input,select
{
     font-size: 0.9em;
}*/
select, input[type='text'] , input[type='password'],textarea
{
    
     background-color: white;
     color: black;
     
}

input[type=button],input[type=submit],button[type=button] {
    color: black;
}
input:disabled, select:disabled
    {
        /*-webkit-appearance: none;*/
        color: gray;
    }

     select:disabled
    {
        background-color: white;
    }
/*a:link, a:visited
{
    color: #034af3;
}*/

/*a:hover
{
    color: #1d60ff;
    text-decoration: none;
}*/

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #487dd9;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    margin-top: 20px;
}

h1
{
    font-size: 1.8em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 700;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
    color: #487dd9;
    font-weight:bold;
}

h4
{
    font-size: 1.1em;
    font-weight:bold;
    margin: 5px;
}

h5, h6
{
    font-size: 1em;
}


/* DIV Layout  
----------------------------------------------------------*/
.wrapperOuter{
    width: 100%;
    background-color:#292625;
}
.wrapper{
   /*width: 100%;*/
   width:960px;
   margin:0px auto 0px;
}

.headerWrap
{
    position:relative;
    margin:0px auto;
    width:960px;
}
.headerDiv{
   width: 100%;
    height: 48px;
    vertical-align: middle;
}
.wrapright{
   float: left;
   width: 100%;
   background-color: transparent
}
.rightMain
{
   background-color: transparent;
}
/*.right
{
   background-color: transparent;
   overflow:auto;
   padding-top:4px;
   padding-bottom:4px;
}
.left{
   float: left;
   width: 150px;
   margin-left: -100%;
   background-color: transparent;
   min-height: 420px;
}
*/
.detailBody
{
    color:#EBE5E1;
    min-height:600px;
    padding-top:8px;
    padding-bottom:16px;
}

.detailTransparent
{
    color: white;
    min-height:600px;
    padding-top:16px;
    padding-bottom:16px;
    position: relative;
}

.menuTransparent
{
    padding:8px;
    color:#EBE5E1;
}

.menuItem
{
    color:#EBE5E1;
    font-size:1em;
    cursor:pointer;
    border:none;
    background-color:Transparent;
    padding: 4px 8px 4px 8px;
}

.menuItem:link, .menuItem:visited
{
    color:#EBE5E1;
    text-decoration: none;
    font-size:1em;

}

.menuItem:hover
{
    color:red;
    background-color:#292625;
}

.subMenuContainer
{
    padding:8px;
    color:#EBE5E1;
    background-color:#292625;
}


/* Buttons  
----------------------------------------------------------*/
.optionButton, .actionButton, .actionButton2, .simpleButton,.disabledButton,.yellowButton
{
    border-radius: 6px 6px 6px 6px;
    font-size: 12px;
    -webkit-appearance: none;
    padding: 2px 10px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    text-decoration: none;
    font-family: Segoe UI,Arial,sans-serif;
    margin: 3px 3px 3px 0;
}

.optionButton:hover, .actionButton:hover, .actionButton2:hover, .simpleButton:hover,.disabledButton:hover,.yellowButton:hover
{
    text-decoration: none;
}
.TEtip
{
    border-radius: 9px 9px 9px 9px;
    font-size: 13px;
    -webkit-appearance: none;
    padding: 4px 16px;
    font-weight:bold;
}

.actionButton
{
    color:#EBE5E1 !important;
    background-color: #FF0000;
    border: 2px solid red;   
    /*min-width: 60px;*/
}

.actionButton:hover
{
    background-color: #CC0000;
}

.actionButton2
{
    color:#EBE5E1 !important;
    background-color: #1A8033;
    border: 2px solid #1A8033;   
    /*min-width: 60px;*/
}

    .actionButton2:hover {
        background-color: #104d1E;
    }

    .yellowButton
{
    color: black !important;
    background-color: #FFFFA3;
    border: 2px solid #FFFFA3;   
    /*min-width: 60px;*/
}

/* changed to the login appearance*/
/*.optionButton 
{
    color:white;
    font-weight:bold;
    padding: 4px;
    background-color: #0d3874;
    border: 2px solid #0d3874;   
    cursor:pointer;
    border-radius: 10px 10px 10px 10px;
    font-size: 14px;
    min-width: 60px;
    -webkit-appearance: none;

}*/

.disabledButton
{
    color:#EBE5E1 !important;
    background-color: #6F635B;
    border: 2px solid #6F635B;   
    /*min-width: 60px;*/

}

.simpleButton
{
    color:#EBE5E1 !important;
    border:none;
    background-color:Transparent;
    border: 1px dotted #EBE5E1;   
    /*min-width: 60px;*/
}


/* POPUPS   
----------------------------------------------------------*/
.signInPopUp{
	background-color:#EBE5E1;
	padding:10px 10px 10px 10px;
	/*position:absolute;*/
	visibility:hidden;
	width:300px;
    border:1px solid #6F635B;
	-moz-box-shadow: 0px 4px 5px #808080;
	-webkit-box-shadow: 0px 4px 5px #808080;
	box-shadow: 0px 4px 5px #808080;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#808080')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#808080');
}

.modalPopup
{
	background-color:#EBE5E1;
	border:6px solid #6F635B; 
    color: black;
}

.modalPopupContainer
{
    padding: 16px 16px 16px 16px;
    color: black;
    font-size: 0.9em;
}

.modalPopupCloseButton
{
    width:30px;
    height:30px;
    background-color:#6F635B;
}

.modalBackground {
	background-color:black;
	filter:alpha(opacity=60);
	opacity:0.6;
}


/* Labels & Textboxes
----------------------------------------------------------*/
.titleLabel
{
    font-size:16px;
    font-weight:bold;
    color:#636261;
}

.titleLabelWhite
{
    font-size:20px;
    font-weight:700;
    color:#487dd9;
}

.errorLabel
{
    color:red;
    font-weight:bold;
}

.no_margin {
     padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 0;
}

table.no_margin tr td {
     padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 0;
}
table.rowsapcing  tr > td
{
    padding-bottom: 0.1em;
    padding-top: 0.1em;
}

table.rowsapcing3 tr > td {
    padding: 0.3em;
}

table.rowsapcing3 tr > th {
    padding: 0.3em;
}


.rowsapcing > tr > td
{
    padding-bottom: 1em;
    padding-top: 1em;
}

 /*.rowsapcing td, .rowsapcing th
    {
            padding: 8px 8px;
    }*/

.contentLabelBold
{
    color:#A39F9C;
    font-size:1.1em;
    font-weight:bold;
}

.contentLabel
{
    color:#2A4EAC;
}

.whiteLabel
{
    color:#EBE5E1;    
}

.whiteLabel:link
{
    color:#EBE5E1;
}

.whiteLabel:visited
{
    color:#EBE5E1;
}

.normalLabel
{
    color:#EBE5E1;    
}

table.normalLabel input
 {    
      float: left;
 }

 table.normalLabel label
 {    
      margin-left: 18px;
      display: block;
      margin-bottom: 4px;
 }

.normalLabelSmall
{
    color:#EBE5E1; 
    font-size:1.4em;   
}

.boldLabel
{
    color:#A39F9C;    
    font-weight:bold;
}

.normalTextbox
{
	color:Black;
	border:1px solid silver;
}

.importantTextbox
{
	color:Black;
	border:1px solid gray;
	height:24px;
	padding:4px 4px 2px 4px;
	font-weight:bolder;
}

.watermarked {
	background-color:#FFFFCC;
	color:Gray;
	font-style:italic;
	border:1px solid gray;
	height:24px;
	padding:4px 4px 2px 4px;
	font-size:.95em;
	font-weight:bolder;
}	

.summaryDropDown
{
    background-color:Transparent;
    border-style:dotted;
    border-color:White;
    color:White;    
}

.greyLabel
{
    color:gray;    
}

.issueLabel
{
    color:Red;
    font-weight:bold;
    background-color:#FFBBBB;
    padding-top:3px;
    padding-bottom:3px;
}

.smallTitle
{
    color:silver;
    font-size:0.75em;
}

.simpleLabel
{
    color:White;
    font-size:0.9em;
    padding: 2px 2px 2px 2px;
}


/* Widget
----------------------------------------------------------*/
.widgetContainer
{
    width:100%;
    border: 2px solid #AEC6FF;
    margin-bottom:8px;    
}

.widgetBar
{
    width:100%;
    background-color:#AEC6FF;
    color:#2A4EAC;
    min-height:24px;
    vertical-align:middle;  
    font-weight:bold;   
}

.widgetContainerEdit
{
    width:100%;
    margin-bottom:8px;   
    font-size:0.9em;
    color:black; 
}

.widgetBarEdit
{
    width:100%;
    background-color:#6F635B;
    color:#EBE5E1;
    min-height:24px;
    vertical-align:middle;  
    font-weight:bold;
    border-bottom:solid 2px #584E47;
}

.widgetBarEdit a
{
    text-decoration:none;
    color:#2A4EAC;
}

.widgetBarAccordion
{
    width:100%;
    background-color:#E1DCDC;
    color:#2A4EAC;
    min-height:24px;
    vertical-align:middle;  
    font-weight:bold;   
    margin-bottom:2px;
}

.widgetBarAccordion a
{
    text-decoration:none;
    color:#2A4EAC;
}

.imageHolder
{
    width:80px;
    border: 6px solid white;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .3);
}


/* AJAX Extenders
----------------------------------------------------------*/
.MyCalendar .ajax__calendar_container {
    border:1px solid black;
    background-color: silver;
    color: black;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: red;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/*Password Strength*/
.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    width:200px;
    vertical-align:middle;
}
.PwdBarStyle
{
    height:6px;
}

/* Editable label areas
----------------------------------------------------------*/
.editLabel
{
	color:Black;
    border:1px dotted silver;
	background-color:transparent;
}

/*
.editLabel:hover
{
	color:Black;
	border:1px solid silver;
}
*/

.editLabel:focus
{
	color:Black;
	border:1px solid silver;
	background-color:#FFFFCC;
}

.requiredLabel
{
	color:Black;
    border:1px dotted silver;
	background-color:#FFDFDF;
}

.requiredLabel:focus
{
	color:Black;
	border:1px solid silver;
	background-color:#FFFFCC;
}


/* Grid Specific styles
----------------------------------------------------------*/
.gridHeader
{
	background-color:transparent;
	color:white;
	font-weight:bold;
	text-align:left;
	height:30px;
}

.gridFooter
{
	background-color:transparent;
	color:white;
	text-align:left;
	font-weight:bold;
}

.gridRow

{
	color:white;
	height:30px;
	vertical-align:top;
}

.gridRowAlt

{
	color:white;
	height:30px;
	vertical-align:top;
	/*background-color:#BFDFFF;*/
}

.gridRowSelected

{
	background-color:orange;
	color:#2A4EAC;
	height:30px;
	vertical-align:top;
}

.gridTextbox
{
    background-color:Transparent;   
    border:dotted 1px white;
    color:White; 
}

.table
{
    color: white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-collapse: collapse;
    border-left: none;
    border-right: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
    .table tr  
    {
        border-bottom: 1px solid white;
    }
    .table td,  .table th
    {
            padding: 8px 8px;
    }
   
    .table_no_borders tr {
         border-width: 0;

    }
        

/* JQuery Tablesorter plugin styles
----------------------------------------------------------*/
.header
{
    cursor:pointer;
    background-image: url(../images/sort_sel.gif);
    background-position: right center;
    background-repeat:no-repeat; 
}
.headerSortUp 
{     
    background-image: url(../images/asc.gif);
    background-position: right center;
    background-repeat:no-repeat; 
}
.headerSortDown 
{     
    background-image: url(../images/desc.gif);   
    background-position: right center;
    background-repeat:no-repeat; 
} 

/* Message Control 
----------------------------------------------------------*/
.msgWarning
{
    height:48px;
    border-top:solid 4px orange;
    border-bottom:solid 4px orange;
    background-color:#FFFDDF;
   
    color:black;   
}

.msgSuccess
{
    height:48px;
    border-top:solid 4px #006600;
    border-bottom:solid 4px #006600;
    background-color:#DFFFE2;
   /*font-size:11px;*/
    font-weight:bold;
    color:#006600;   
}

.msgFailure
{
    height:48px;
    border-top:solid 4px red;
    border-bottom:solid 4px red;
    background-color:#FFDFDF;
    /*font-size:11px;*/
    font-weight:bold;
    color:red;   
}


/* User Summary Area 
----------------------------------------------------------*/
.summaryPanel
{
    border:solid 1px white;
    padding:8px;
    color:White;    
}

.stats
{
    font-size:3em;
    color:Silver;
    font-weight:bold;
}


/* Waypoints.js styles 
----------------------------------------------------------*/
#fixedArea
{
    width:540px;
    padding:2px;
    border:solid 1px silver;
}

.mediaArea
{
    background-color:black;
    height:405px;
}

.mediaToolbar
{
    background-color:black;
    padding:8px;    
}

.sticky {
  position: fixed;
  top: 0;
}

.top {
	position:fixed;
	right:15px;
	bottom:15px;
	width:50px;
	height:25px;
	padding-top:25px;
	line-height:25px;
	background:#333;
	color:#888;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior:url(/PIE.htc);
	width:100%;
}

.top:before {
	position:absolute;
	top:11px;
	left:14px;
	content:"";
	border-bottom:11px solid #888;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
}

.top:hover {
	color:#eee;
}

.top:hover:before {
	border-bottom-color:#eee;
}

.opacity .top {
	opacity:1;
	-webkit-transition:opacity 700ms linear;
	-moz-transition:opacity 700ms linear;
	transition:opacity 700ms linear;
}

.opacity .top.hidden {
	opacity:0;
}

.hidden {
	display:none;
}

.no-opacity .top.hidden {
	display:none;
}

.notvisible {
	display:none;
}

/* Question option styles 
----------------------------------------------------------*/
.questionCorrect
{
    color:green;
}

.questionCorrect2
{
    color: darkgreen;
    font-weight: bold;
}

.questionIncorrect
{
    color:red;
}

/* Module styles 
----------------------------------------------------------*/
.bannerTitle
{
    background-color:Red;
    color:White;
    font-weight:bold;
    padding:4px;
}

/* TAGS 
----------------------------------------------------------*/
.tagContainer
{
    padding-right:4px;
    padding-bottom:4px;
    float:left;
}

.tagBody
{
    padding:3px;
    background-color:green;
    color:white;
    font-size:0.85em;
    font-weight:bold;
}

.tagButton
{
    color:white;
    background-color: green;
    cursor:pointer;
    border:none;
    font-weight:bold;
}

.tagBodyDisabled
{
    padding:3px;
    background-color:#A39F9C;
    color:white;
    font-size:0.85em;
    font-weight:bold;
}

.tagButtonDisabled
{
    color:white;
    background-color: #A39F9C;
    cursor:pointer;
    border:none;
    font-weight:bold;
}

/* Used in Modules Home Page*/
.summaryContainer
{
    width:360px;
    height:270px;
    position:relative;    
    text-align:center;
    padding: 3px 10px 10px 0px;
}
.summaryToolbar
{
    width:360px;
    height:40px;
    display:block;
    position:absolute;
    top:0;
    left:0;
	background: rgba(0, 0, 0, 0.7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2000000', endColorstr='#B2000000',GradientType=0 );
    z-index:10;
}

/* Accordian Style*/
.accHeader
{
    width:97%;
    background-color:#292625;
    color:#EBE5E1;
    height:24px;
    vertical-align:middle;  
    font-weight:bold;   
    padding-left:8px;
    padding-top:2px;
    border:solid 1px #6F635B;
    margin-bottom:4px;
    background-image: url('../images/expand.png');
    background-repeat: no-repeat;
    background-position: right center;
    cursor:pointer;
}

.accHeader a
{
	color: #FFFFFF;
	text-decoration: none;
}

.accHeaderSelected
{
    width:97%;
    background-color:#6F635B;
    color:#EBE5E1;
    height:24px;
    vertical-align:middle;  
    font-weight:bold;   
    padding-left:8px;
    padding-top:2px;
    border:solid 1px #6F635B;
    margin-bottom:4px;
}

.accContent
{
    padding:4px;
    margin-bottom:16px;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}
.invisible{display: none;}

.disabled{color: gray;}

.ui-widget{font-size:0.9em;z-index: 999;}
  .ui-dialog {
            box-shadow: 0px 0px 12px #FFF;
            z-index: 16010;
        }


  .ui-progressbar {
            position: relative;
            margin: 10px 0;
            z-index: auto; /*prevent it being on top of menu*/
            }
            .progress-label {
            position: absolute;
            left: 50%;
            top: 4px;
            font-weight: bold;
            /*text-shadow: 1px 1px 0 #fff;*/
            }

            .meter { 
			height: 12px;  /* Can be anything */
			position: relative;
			margin: 3px; /* Just for demo spacing */
			background: #555;
			border-radius: 15px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
            text-align:left;
            float: left;    
            width: 100px;
		}
		.meter > span {
			display: block;
			height: 100%;
			border-radius: 15px;
			/*background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );*/
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}

        /*meter bar - accuracy bar */
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			-moz-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			       -moz-border-radius-topright: 4px;
			    -moz-border-radius-bottomright: 4px;
			           border-top-right-radius: 4px;
			        border-bottom-right-radius: 4px;
			    -webkit-border-top-left-radius: 10px;
			 -webkit-border-bottom-left-radius: 10px;
			        -moz-border-radius-topleft: 10px;
			     -moz-border-radius-bottomleft: 10px;
			            border-top-left-radius: 10px;
			         border-bottom-left-radius: 10px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		@-moz-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		
		.orange > span {
			background-color: #f1a165;
		}
		
		.red > span {
			background-color: #FF0000;
		}

        .yellow > span {
			background-color: #FFFF00;
		}

        .green > span {
			background-color: #1A8033;
		}

        .blue > span {
			background-color: #487dd9;
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			-moz-animation: none;
			background-image: none;
		}

        /*end of meter bar - accuracy bar */
.navbar-inverse{
	background:transparent;
	border:0;
}
.menu ul li > a{
	min-height:30px;
}
.navbar{
	margin-bottom:0;
	min-height:35px;
}

#header{ right:0px; left:0px; z-index:16001; top:0;}
.plcHolder{ margin-top:42px;}
.banner_main .container-fluid{ padding-left:0; padding-right:0;}

.carousel-indicators.main_slider_nav{ bottom:0; left:0;  margin-left:0; margin-bottom:0; position:relative; width:100%; background:#000; padding:2px 0 10px;}
.carousel-indicators.main_slider_nav li{ background-color:rgba(0, 0, 0, 0); border:3px solid #487dd9; border-radius:5px;  color:white; cursor:pointer; display:inline-block; margin:1px; padding:0 5px; text-indent:0; min-height:28px; height:28px; line-height:22px; width:auto; font-size:.9em;}
.carousel-indicators.main_slider_nav .active { background-color:#487dd9; color:white; text-indent:0; width:auto;}

/*.main_slider{ background:url(../images/body_bg.jpg) repeat 0 0;}*/
.content_btm{ background:#000;}
.main_slider .container-fluid{ padding:0;}

.banner_info{ left:60px; right:auto; bottom:auto; top:30px; width:50%; margin-left:10px; margin-right:10px; position:absolute; max-width:400px; text-align:center; z-index:1;}
.main_carousel .carousel-inner .carousel-caption{ background:#FFF; color:#000; text-align:center; padding:15px 20px 20px; border:2px solid #004BA5; border-radius:6px; opacity:.9; position:relative; left:auto; bottom:auto; right:auto; text-shadow:none;}
.main_carousel .carousel-control{ opacity:.5; bottom:15%; height:50px; margin-top:-25px; text-shadow:none; top:auto; width:50px;}
.main_carousel .carousel-control i{ color:#487dd9; font-size:3em; text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);}
.main_carousel .carousel-control:hover{ opacity:1;}
.main_carousel .carousel-control.left{ left:5px; margin-left:0; min-height:0; width:50px; background-image:none; background-color:transparent;}
.carousel-control.left{ margin-left:0; min-height:0;}
.main_carousel .carousel-control.right{ right:5px; background-image:none; background-color:transparent;}
.caption_title{ padding-bottom:10px;}
span.learn_more_btn{ display:block; font-size:1.1em; padding-top:12px;}
span.learn_more_btn a, .reg_mod_btn a{ display:block; padding:4px; background-color:#487dd9; text-align:center; border-radius:5px; opacity:1; color:#FFF; border:1px solid #3a64ae; text-decoration: none;}
span.learn_more_btn a{ display:inline-block; font-size: 1.1em; padding:6px 15px;}
.main_carousel span.learn_more_btn a:hover, .reg_mod_btn a:hover{ background-color:#3a64ae; text-decoration:none;}
.main_carousel .carousel-inner .carousel-caption h2{ font-size:1.8em; font-weight:bold; line-height:1em; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#000; margin-top:0; text-shadow:none;}
.main_carousel .carousel-inner .carousel-caption h6{ font-weight:bold; font-size:1.3em; line-height:1.3em; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#808080; text-shadow:none; margin-top:0;}
.reg_mod_btn{ padding-top:15px; font-size:1.4em;}
.reg_mod_btn a{ display:inline-block; padding:6px 25px;}
.bannerImg{min-height:70vh; content:'viewport-units-buggyfill;' 'height: 70vh;';}
.carousel-inner .item.right, .modal-content .item.right{ padding-top:0; padding-bottom:0;}
.carousel-inner .item.left, .modal-content .item.left{ min-height:0;}

.popup_carousel .carousel-caption{min-height: 142px; position:relative; color:#464646; left:8%; right:auto; bottom:0; width:84%; text-shadow:none; font-size:1.07em;}
.modal-content h2{ font-size:1.4em; padding-bottom:10px; color:#000; text-align:center; font-weight:normal; margin:0;}
.popup_carousel .carousel-caption h3{ font-size:1.2em; padding-bottom:5px; color:#000; font-weight:normal; margin:0;}
.popup_carousel .carousel-indicators{ bottom:-7px;}
.popup_carousel .carousel-control{ height:28px; top:auto; padding-top:0; line-height:21px;}
.popup_carousel .carousel-indicators li{ background-color:#A4A4A4; border:none 0; height:8px; width:8px;}
.popup_carousel .carousel-indicators .active{ background-color:#666; height:10px; width:10px; top:2px;}
.modal-header .close{ margin-top:0; position:absolute; right:15px; top:12px; z-index:2;}
.modal-header{ border-bottom:none 0; padding:0 15px;}
.modal-content .carousel-control{ border:1px solid #869791; border-radius:16px; font-size:1em; color:#FFF; background-image:none; background-color:#869791; text-shadow:none; opacity:.8;}
.sr-only{ clip:rect(auto, auto, auto, auto); min-width:100px; height:22px; position:relative; margin:0; top:2px;}
.modal-content .carousel-control:hover{ opacity:1;}
.modal-content {    border-color: #487dd9;
    border-width: 4px;
    border-style: solid;
    border-radius: 6px;}
.owl-buttons{ display:none;}
.content_btm_main{ background:#487DD9; border-radius:6px; text-align:center; padding:20px; margin:0 10%;}
.content_btm_main .testi_item h3{ font-weight:normal; font-size:1.5em; color:#FFF; margin:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.content_btm_main .testi_item h4{ font-weight:normal; font-size:1em; color:#000; margin:0; padding-top:15px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.content_btm_main .testi_item h5, .content_btm_main .testi_item h6{ font-weight:normal; font-size:.8em; color:#000; margin:0; padding-top:6px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
/*.content_btm_main .owl-pagination{ height:32px; padding-top:20px; text-align:center;}
.content_btm_main .owl-pagination .owl-page{ display:inline-block; width:10px; height:10px; border-radius:10px; margin:0 2px; background:#333;}
.content_btm_main .owl-pagination .owl-page.active{ background:#CCC;}*/
.testi_item{ display:none;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color:#487dd9;}

.navbar-inverse button.navbar-toggle.collapsed:focus,
.navbar-inverse button.navbar-toggle.collapsed{ background-color:#333;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}
.navbar-inverse button.navbar-toggle:focus, 
.navbar-inverse button.navbar-toggle.collapsed:hover{ background-color:#487dd9;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}

.wid_chBox label{ display:inline;}
#tbl_sigup td{ padding-bottom:10px;}

@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 0.6s ease-in-out all;
    transition: 0.6s ease-in-out all;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-perspective: none;
    -webkit-transform: none!important;
    transform: none!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1050px){
	.banner_info{ width:56%;}
	.footer_rt .social_link{ padding-right:0;}
	.social_link li:first-child{ padding-left:0;}
	.footer_lt{ font-size:11px; letter-spacing:-1px; padding-left:0;}
	.menu ul li > a{ padding-left:4px; padding-right:5px;}
	.detailTransparent_td_main{ min-width:100%;}
}
@media only screen and (min-width: 768px) and (max-width: 825px){
	/*.logo a img{ width:35px;}*/
	.logo a{ font-size:1.2em;}
}
@media only screen and (max-width: 767px) {
    /*.level2_menu {
        display: none;
            height: 0px;
    visibility: hidden;
    overflow: hidden;
    }*/

    table {
        width: 100% !important;
    }
    #askill {
    display: none;
}
#modules_compressed {
    display: block;
}


    .popup_carousel .carousel-caption {
        min-height: 192px;
    } /* so it will not change height when content is changing*/
	.header_content .col-sm-5{ float:left; width:80%; padding:0;}
	.header_content .col-sm-7{ float:none; width:100%; padding:0;}
    .wrap .footer_menu {width: auto;}
    .wrap  { width: 100%;}
	.logo{ padding-top:10px; padding-left: 0px;}
	/*.logo a img{ width:35px;}*/
	.logo a{ font-size:1.2em;}
	.menu > ul > li{ display:block;}
	.menu ul{ float:none; position:relative; width:100%; background:#000; z-index:9999;}
	.menu ul ul{ margin-left:0;}
	.menu ul ul ul{ position:relative; left:0;}
	.banner_info{ width:auto; left:30px; right:30px;}
	.navbar-collapse{ padding-left:0;}
	.footer_menu{ padding:0;}
	.footer_lt{ padding:10px 0 0 0; font-size:11px; letter-spacing:-1px;}
	.social_link ul{ float:none;}
	.social_link li:first-child{ padding-left:0;}
	.carousel-indicators.main_slider_nav{ display:none;}
	.navbar-toggle{ margin-right:5px; margin-top:5px;}
	.navbar-toggle .icon-bar{ height:4px; width:24px;}
	.plcHolder{ margin-top:43px;}
	#header .container-fluid{ padding-left:0; padding-right:5px;}
	.content_btm_main{ margin:0 5%;}
	.main_carousel .carousel-control{ bottom:2%;}
	.navbar-inverse .navbar-nav > li > a{ color:#FFF; text-align:right;}
	.menu ul ul{ text-align:right;}
	.footer_copyright{ font-size:12px;}
	.detailTransparent_td_main{ min-width:100%;}
	#tbl_sigup td{ width:100%; min-width:100%; text-align:left; display:block; padding-bottom:0;}
	.td_plc_hlr{ display:none; font-size:0; width:0; height:0;}

    .summaryContainer
{
    width:180px;
    height:auto;
    padding: 2px 4px 4px 0px;
}
}
@media only screen and (max-width: 324px) {
	.header_content .col-sm-5 .logo object{ max-width:100%;}
	.reg_mod_btn{ font-size:1.1em;}
	.reg_mod_btn a{ padding:6px 10px;}
	.footer_copyright{ font-size:11px; letter-spacing:-1px;}
	.logo a{ font-size:1em);
	.plcHolder{ margin-top:60px;}
}