/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



@import url(../../../warp/css/layout.css);



/*



@import url(http://fonts.googleapis.com/css?family=Lato:400,100,700,300,900|Roboto:400,500,700,300);



font-family: 'Lato', sans-serif;



font-family: 'Roboto', sans-serif;



font-family: 'Montserrat', sans-serif;



*/





/* Spacing

----------------------------------------------------------------------------------------------------*/



.module { margin: 10px; }



#breadcrumbs,

#content { margin: 10px;}



#block-header + * #breadcrumbs { margin: 0 10px 20px 10px; }



#footer .module { margin: 0; }



/* Layout

----------------------------------------------------------------------------------------------------*/



/* Blocks */

#block-header + * {/* padding-top: 20px; */}

#block-header {

	/*border-bottom: 1px solid #E0E0E0;

	background: #FFF; */

}



.wrapper.max-width65 { max-width: 65%; }

.wrapper.max-width80 { max-width: 80%; }

.wrapper.max-width100 { max-width: 100%; }



/* Backgrounds */

.bg-white,

.bg-colored { padding: 20px 0;}



.bg-colored {

	border-top: 1px solid rgba(0,0,0,0.15);

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;

}



.bg-colored h1,

.bg-colored h2,

.bg-colored h3,

.bg-colored h4,

.bg-colored h5,

.bg-colored h6,

.bg-colored { color: #FFF; }



.bg-colored a {

	color: #FFF;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);

}



.bg-colored code { color: #FFF; }



.bg-white + .bg-white { margin-top: -40px; }

.bg-white { background: #FFF; }



.bg-dark a:hover {

	color: #B0B6BB;

	color: rgba(255,255,255,0.65);

	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

}



/* Header */

#header { padding: 0 10px; }



#logo { /*height: 72px;*/ margin:30px 0px 23px; }

#logo > img {

	width: auto;

	max-height: 100%;

}



#menubar {

/*	margin-bottom: -1px;

	float: right;*/

	background:#009999;

/*	border-top:2px solid #000;

	border-bottom:2px solid #000;*/

}



/* Footer */

#footer {

	padding: 10px;

	line-height: 18px;

	text-align: left;

	font-size: 12px;

}



/* ToTop Scroller */

#totop-scroller {

	display: block;

	position: absolute;

	top: 13px;

	right: 10px;

	z-index: 1;

	width: 34px;

	height: 34px;

	background: url(../images/totop_scroller.png) 0 0 no-repeat;

	text-decoration: none;

	opacity: 0.7

}



#totop-scroller:hover {

	opacity: 1;

	background-position: 0 -40px;

}



/*custom css*/

body{ background:#152f30 !important; border-top:5px solid #009999 !important; border-bottom:1px solid #162e30;}

.clear{ clear:both;}

img{max-width:100%; height:auto;}

#banner{ display:block !important; right:0px;}



.custom-banner{ margin:45px 0px 0px 0px; padding:0;}

.custom-banner ul{ margin:0; padding:0;}

.custom-banner ul li{ list-style:none; float:left; background: url(../images/spacer-img.png) 0% 100% no-repeat; padding:0 12px; min-height:23px;}

.custom-banner ul li:first-child{ background:none;}

.custom-banner ul li.top-con-no span{ font-size:18px; display:block; line-height:14px; margin-top:6px; color:#fab94d; font-weight:bold; font-family: 'Roboto', sans-serif;}

.custom-banner ul li.top-con-no span a{ color:#fab94d;}

.custom-banner ul li.msg-link img{ margin-top:8px; display:block;}

#block-top-a{ padding:0; position:relative;}

#block-top-a .module{ margin:0;}

#block-top-b{ margin:0; padding:0; background:#009999;}

#block-top-b .module h3.module-title{ background:#152d31; text-align:center; margin:-10px -10px 5px -10px; font-size:14px; color:#fff; font-weight:900;}

#block-top-b .module{ margin-bottom:5px;}



.caption h2{ font-family: 'Montserrat', sans-serif; font-size:30px; font-weight:700; text-transform:uppercase; color:#000; line-height:34px; margin:0;}

.caption h2 span{ color:#911222;}

.caption p{  font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; margin-top: 5px; color:#000000;}

.slide-btn span{ border:1px solid #b7343c; border-radius:5px; display:inline-block; }

.slide-btn a{ font-family: 'Roboto', sans-serif; text-decoration:none !important; font-weight:bold; font-size:16px;}

.slide-btn a.p-icon{ background-image: url(../images/w-btn.png); background-position: 90% 50%; padding:8px 40px 8px 14px; background-repeat: no-repeat;}



#block-bottom-a{ background:#fcba40; margin:0; padding:0;}

.update-sec{font-family: 'Lato', sans-serif;}

.update-sec .up-con-box{ font-size:20px; font-weight:400; color:#FFFFFF; line-height:24px; float:left; width:60%; margin-top:5px;}

.update-sec .up-con-box span{ text-transform:uppercase; font-weight:900; border-right:1px solid #d9a143; padding-right:10px; margin-right:10px; display:inline-block; line-height:17px;}

.update-sec .up-email-box{ float:right; width:40%;}

.update-sec .up-email-box input[type='text']{ font-size:14px; color:#747474; font-family: 'Lato', sans-serif; background:#fff; border-radius:5px; padding:8px 3%;; border:none; width:94%; max-width:240px; float:left; }

.update-sec .up-email-box .sub-btn{ font-weight:bold; color:#911222; font-size:16px; font-family: 'Lato', sans-serif; float:left; text-transform:uppercase; border:none; background: url(../images/sb-icon.png) 100% 50% no-repeat; padding-right:24px; margin-top:4px; margin-left:5px;}



#block-bottom-b{ margin:0; padding:10px 0 20px 0; background:#162e30;}

.bot-link-sec .social-box{ width:16%; float:left; margin:2px .6% 0 0;}

.bot-link-sec .social-box a.s-link{ width:27px; height:26px; display:inline-block; background: url(../images/social-icon.png) 0% 0% no-repeat; margin-right:8px;}

.bot-link-sec .social-box a.tw-icon{ background-position:0 0;}

.bot-link-sec .social-box a.in-icon{ background-position:-27px 0;}

.bot-link-sec .link-list{ width:13%; float:left; margin:0 .6% 0 0; padding:0;}

.bot-link-sec .link-list li{ list-style:none; color:#fff; padding-left:0;}

.bot-link-sec .link-list li a{ font-size:11px; color:#d6d6d6; font-family: 'Montserrat', sans-serif; display:block; line-height:16px;}

.bot-link-sec .link-list li a:hover{ color:#febb2d;}

.bot-link-sec .link-list li.link-title { padding-left:0; background:none;}

.bot-link-sec .link-list li.link-title a{ color:#febb2d; text-transform:uppercase;}

.bot-link-sec .link-list li.link-title a:hover{ color:#fff;}

.bot-link-sec .link-list ul li a {font-size:11px;color:#d6d6d6;font-family:'Montserrat', sans-serif; display:block;line-height:16px; background: url(../images/bot-link-list-icon.png) 0% 50% no-repeat; padding-left:8px; }



#block-footer{ box-shadow:none !important; border-top:1px solid #009999; padding:5px 0; margin:0; border-bottom:5px solid #009999;}

.footer-con .copy-text{ float:left; width:48%;}

.footer-con .footer-rightlinks{ float:right;}

.footer-con .footer-rightlinks ul{ margin:0; padding:0; list-style:none;}

.footer-con .footer-rightlinks ul li{ display:inline-block; }

.footer-con .footer-rightlinks ul li a{ font-size:12px; text-transform:uppercase; font-weight:700; color:#fff; font-family: 'Lato', sans-serif; color:#febb2d; border-right:1px solid #f89f37;  margin-right:10px; padding-right:10px; display:block; line-height:12px;}

.footer-con .footer-rightlinks ul li:last-child a{ border:none;}

.footer-con .footer-rightlinks ul li a:hover{ color:#fff;}



.news-block{ background: url(../images/news-box-sep.png) 0% 96% repeat-x #fff; border:1px solid #8f8f8f; min-height:148px; max-width:175px; }

.news-block .inner-n-box{ background: url(../images/news-box-sep.png) 0 7px repeat-x; text-align:center;}

.news-block .inner-n-box span.date-colmn{ padding:0px 15px; display:inline-block; margin:auto; text-transform:uppercase; color:#fff; background:#9a0000; font-weight:bold; font-size:12px; line-height:16px;}

.news-block .inner-n-box p{ padding:10px; margin:0; color:#333333; font-weight:bold;}



#system .item > header .title{ font-size:18px; color:#009999; font-weight:bold;}

#system .item > header{ margin-bottom:25px !important;}



span.button-rounded-line { border: 1px solid #b7343c; border-radius: 5px; display: inline-block; }

.img-border img{ border:2px solid #009999;}

.img-border img:hover{ border:2px solid #000000;}

.board-mem-title{ font-weight:300; line-height:31px;}

.d-postname{ font-weight:900; font-size:24px; display:block; line-height:28px; font-family: 'Roboto', sans-serif;}

.post-resp{ font-size:24px; font-weight:400; display:block; line-height:28px; font-family: 'Roboto', sans-serif;}

.group-desg{ font-size:20px; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300;}

.wk-accordion h3.toggler{ font-size:16px; }

.two-sec-container{ margin:0; padding:0;}

.two-sec-container .single-colmn{ width:48%; margin:10px 1%; float:left;}

.two-sec-container .single-colmn .level2_logo{ height:150px; width:100%; margin:10px 0;}

.logo-2-inner-title{ font-size:16px; font-weight:700;}

.two-sec-container.download-page .single-colmn .level2_logo{ height:auto; margin-bottom:40px;}

.inner-video-sec{ text-align:center;}

.three-col-form .form-colmn{ float:left; width:31%; margin-right:2%; margin-bottom:15px;}

.con-form-fields input[type="text"], .con-form-fields input[type="email"]{ width:94%; padding:10px 3%; border:1px solid #ccc; border-radius:5px;}

.con-form-fields textarea{ border:1px solid #ccc; border-radius:5px; max-width:596px; width:100%;}

.con-form-fields input[type='submit']{ background: #be353d; border-color: #db4f58;  border-radius: 5px; border-style: solid; border-width: 1px; color: #fff;  padding: 8px 20px; font-size:14px;}

.form-sub-btn{ margin-top:15px;}
.subs-form{ float:left; width:48%; margin-right:2%;}
.subs-form h2.board-mem-title{ margin-top:12px;}

.con-form-fields input[type='submit']:hover{ background:#911222;}

.y-table-con{ width:99.5%; border:1px solid #fab94d; border-collapse:collapse;}
.y-table-con td{ border-color:#fab94d;}

.y-table-con.fido-ready-page-con .table-title{ width:30%; padding-left:0; margin-right:2%; margin-bottom:0; }
.y-table-con.fido-ready-page-con .right-text-lines{ float:left; width:68%; font-size:12px; }
.y-table-con .table-title{ float:left; width:19%; padding-left:4%; margin-right:2%; color:#000000; font-size:18px; text-transform:uppercase; font-weight:700;}
.y-table-con .right-text-lines{ float:left; width:75%; text-align:right; }
.y-table-con .right-text-lines span{ display:block; padding-right:24px !important;}
.y-table-con span.w-table-row{ background:#fff; display:block; padding:5px;}
.y-table-con span.y-table-row{ background:#fef1db; display:block; padding:5px;}
.y-table-con span.g-icon { text-align:center;}
.mem-table-top-box .mem-yello-top-box{ background:#fab94d; width:89%; float:left; min-height:110px;}
.mem-table-top-box .mem-yello-top-box .mem-inner-box{ padding:5px 20px}
.mem-table-top-box .mem-yello-top-box .mem-y-box-title{ font-size:18px; color:#000; font-weight:bold; margin-top:10px;}
.mem-table-top-box .mem-yello-top-box .mem-y-box-con{ font-style:italic; font-size:12px; color:#2b2b2b; margin-bottom:5px;}
.mem-table-top-box .mem-sp-box{ float:left; width:13%; margin-left:-8%; }
.mem-table-top-box .mem-sp-box img{ display:block;}
.mem-table-top-box .mem-as-box{ float:left; width:13%; margin-left:-7%;}
.mem-table-top-box .mem-as-box img{ display:block;}



.fido-table-top-box .fido-yello-top-box{ background:#fab94d; width:57.5%; float:left; min-height:110px;}
.fido-table-top-box .fido-yello-top-box .fido-inner-box{ padding:12px 60px 5px 20px;}
.fido-table-top-box .fido-yello-top-box .fido-y-box-title{ font-size:18px; color:#000; font-weight:bold; margin-top:0px; margin-bottom:0;}
.fido-table-top-box .fido-yello-top-box .fido-y-box-con{ font-size:12px; line-height:16px; color:#2b2b2b; margin-bottom:5px; margin-top:8px;}
.fido-table-top-box .fido-uaf-client{ float:left; width:13%; margin-left:-7.7%; }
.fido-table-top-box .fido-uaf-client img{ display:block;}
.fido-table-top-box .fido-uaf-server{ float:left; width:13%; margin-left:-7.2%;}
.fido-table-top-box .fido-uaf-server img{ display:block;}
.fido-table-top-box .fido-uaf-asm{ float:left; width:13.1%; margin-left:-7.2%;}
.fido-table-top-box .fido-uaf-asm img{ display:block;}
.fido-table-top-box .fido-uaf-authen{ float:left; width:13%; margin-left:-7.3%;}
.fido-table-top-box .fido-uaf-authen img{ display:block;}
.fido-table-top-box .fido-uaf-c-vendor{ float:left; width:16.2%; margin-left:-7.2%;}
.fido-table-top-box .fido-uaf-c-vendor img{ display:block;}
.fido-table-top-box .fido-u2f-authenticat{ float:left; width:13%; margin-left:-8%; }
.fido-table-top-box .fido-u2f-authenticat img{ display:block;}
.fido-table-top-box .fido-u2f-server{ float:left; width:13%; margin-left:-7.2%; }
.fido-table-top-box .fido-u2f-server img{ display:block;}


#system .items .item > header {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 0 0 !important;
}
#system .item > .links > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    box-shadow: none !important;
    color: #009999 !important;
    padding: 0 !important;
	margin: 5px 0 0 !important;
}
#system .item > .edit {
	display:none
}
#system .item > .links {
    margin: 5px 0 0!important;
}
#system .items .item {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    padding-bottom: 20px !important;
    padding-left: 50px;
    padding-top: 0 !important;
    position: relative;
	min-height:150px;
}


#system .items .item .category_list {
    bottom: 9;
    height: 10%;
    left:0;
    overflow: hidden;
    position: absolute;
    text-align: center;
	/*bottom:0;*/
    width: 45px;
	border:1px solid #d8d8d8; border-right:none; border-bottom:none; z-index:99;
	border-top:5px solid #009999;
}
#system .items .item .category_list .item_cat{
    display:none;
}
#system .items .item .category_list .item_cat {
    display:none;
    height: auto;
    /*margin-left: -61px;
    margin-top: 62px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10); *//*for IE*/
    /*width: 150px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);*/
}
#system .items .item .category_list .item_cat a {
    font-weight: bold;
    text-transform: uppercase;
    display:none;
}

#system .items .item:hover .category_list .item_cat a,
#system .items .item .category_list:hover .item_cat a{ color:#fab94d}
#system .items .item:hover .category_list,
#system .items .item .category_list:hover{ border-color:#fab94d}

#system .category_list {
    display:none;
}

#system .category_list-vm {
    display:none;
}

.category-page-title{    color: #009999;
    font-size: 18px;
    font-weight: bold;  margin-bottom: 0; margin-top:0;}