@charset "utf-8";

/* family site */
.etcLink .dropdown-menu li a:hover {color: #00A79D;}

/* top navgation */
#top-bar {min-height:97px !important;background:#333;padding: 0 20px;}
#top_nav{top: 24px;left:10px;position: absolute;background:none !important;margin-left: 230px;}
.container {
    width: 100%;
    position:relative !important;
}
.main_content {width: 1400px;}

.main_content .row, main .row{margin:0px auto !important;}
div.ccm-page header{position: fixed;    right: 0;
    top: 0px;
    left: 0;z-index: 59;}
    
html.ccm-toolbar-visible div.ccm-page header{position: fixed;    right: 0;
    top: 48px;
    left: 0;z-index: 59;}
    
div.ccm-page header nav ul li ul li a {color:#00A79D !important;}
div.ccm-page header nav ul li ul li ul li a {color:#00A79D !important;}
div.ccm-page header nav ul li.nav-path-selected a {color:#00A79D !important;}
div.ccm-page header nav ul li.nav-selected.nav-path-selected a {color:#00A79D !important;}

/* top navigation LG_responsive */
.ccm-responsive-navigation.original .topnav > li {border-left:none !important;}
.ccm-responsive-navigation.original .topnav > li > a:hover,
.ccm-responsive-navigation.original .topnav > li > a:focus {color:#00A79D !important;background:none !important;border-bottom:3px solid #00A79D;}
.ccm-responsive-navigation.original .topnav > li > a.active {color:#00A79D !important;background:none !important;border-bottom:3px solid #00A79D;}
.ccm-responsive-navigation.original .topnav > li.dropdown.active a {color:#00A79D !important;}
.ccm-responsive-navigation.original .topnav > li.noneCls.active a {color:#00A79D !important;}
.ccm-responsive-navigation.original .topnav > li.active a  {color:#00A79D !important;background:none !important;border-bottom:3px solid #00A79D;}

.ccm-responsive-navigation.original .dropdown-menu li a:hover {}
.ccm-responsive-navigation.original .dropdown-menu .active > a:hover {}
.ccm-responsive-navigation.original .topnav > li.dropdown.active .dropdown-menu li a:hover {background:rgba(0, 167, 157,0.3) !important;}
.ccm-responsive-navigation.original .topnav > li.dropdown.active .dropdown-menu .active > a:hover {background:rgba(0, 167, 157,0.3) !important;}
.ccm-responsive-navigation.original .topnav > li > a {padding:25px 40px !important;}
/* mobile menu */
.ccm-responsive-menu-launch {display:none;}
.ccm-responsive-overlay {border-bottom:3px solid #00A79D !important;position:fixed;display:none;}
.ccm-responsive-overlay ul li a:hover {color:#00A79D;}
.mobile-sb-header{display:none;}

/* right sidebar */
.rightTitle {color: #00A79D;}
.nav > li > a:not(.fa):not(.btn):hover {color:#00A79D !important;}
.sb-header.padding-space-s{padding:0px;}


ul.depth2 li.nav-path-selected.open a.nav-path-selected.open {color:#00A79D !important;}
.nav li.nav-path-selected.open ul.depth2 li.nav-path-selected a.nav-path-selected.open {background:#fff !important;color:#00A79D !important;}
ul.depth2 li a:not(.fa):not(.btn):hover {color:#00A79D !important;}

ul.depth3 li.nav-path-selected.open a.nav-path-selected.open {color:#00A79D !important;}
.nav li.nav-path-selected.open ul.depth3 li.nav-path-selected a.nav-path-selected.open {background:#fff !important;color:#00A79D !important;}
ul.depth3 li a:not(.fa):not(.btn):hover {color:#00A79D !important;}

ul.depth4 li.nav-path-selected.open a.nav-path-selected.open {color:#00A79D !important;}
.nav li.nav-path-selected.open ul.depth4 li.nav-path-selected a.nav-path-selected.open {background:#fff !important;color:#00A79D !important;}
ul.depth4 li a:not(.fa):not(.btn):hover {color:#00A79D !important;}

ul.depth5 li.nav-path-selected.open a.nav-path-selected.open {color:#00A79D !important;}
.nav li.nav-path-selected.open ul.depth5 li.nav-path-selected a.nav-path-selected.open {background:#fff !important;color:#00A79D !important;}
ul.depth5 li a:not(.fa):not(.btn):hover {color:#00A79D !important;}


ul.depth6 li.nav-path-selected.open a.nav-path-selected.open {color:#00A79D !important;}
.nav li.nav-path-selected.open ul.depth6 li.nav-path-selected a.nav-path-selected.open {background:#fff !important;color:#00A79D !important;}
ul.depth6 li a:not(.fa):not(.btn):hover {color:#00A79D !important;}

/**** contents ****/
/* location */

.col-content{margin: 0 auto;width: 100%;padding-top: 30px;max-width: 1150px;}
.col-content .DIV_contentarea {width:100%;float:left;}
.left-sidebar{width:250px;}

.right-sidebar{width: 25%;top:94px;max-width: 250px;padding: 0px 0px 0px 1.4rem;}

.header_location {top: 97px;background: #00a79d;height:35px;position:fixed !important;z-index:59;}
html.ccm-toolbar-visible .header_location {top: 145px;}

.head_location {padding:7px 5px 7px 270px !important;}
.head_location li a {color:#fff !important;}
.head_location li.active {color:#fff !important;}

div.ccm-page main{
	padding-top: 97px;
}

/* flip notes */
.notesList dt {background:url(/images/tp/bg_drop_p.gif) no-repeat 0 18px;}
.notesList dt.ov {background:url(/images/tp/bg_drop_m.gif) no-repeat 0 18px;border-bottom:1px solid #00A79D;}
.notesList dt.ov a {color:#00A79D}
.notesList dt.noIcon {color:#00A79D;}
.notesList dt.noIcon a {color:#00A79D;}
.notesList dt.ad {background:url(/images/tp/bg_drop_open.png) no-repeat;}
.notesList dt.ad_ov {background:url(/images/tp/bg_drop_close.png) no-repeat;}
.notesList > dd {border-bottom:1px solid #00A79D;}

/* slide image */
.rslides_nav {z-index:59 !important;}
/* glossary */
.glossaryWord li.on {color: #00A79D !important;}


/* see also */
.detailBox .asideAlso .title{color:#00A79D} 
.detailBox .asideAlso .txtbox .txtInner ul li a:hover{color:#00A79D !important;}

/* button-flat */
.button-flat.button-primary {background-color:#00A79D;}
.button-primary.button-flat:focus, .button-primary.button-flat:hover {background:rgba(0, 167, 157,0.3)}

.page-list-block .item:hover .item-description {background-color:#00A79D;}

/* rdc button */
.btnApp2 span {color:#00A79D;border: 1px solid #00A79D;}
.btnApp3 span {border: 1px solid #00A79D; background: #00A79D;}

/* mobile topbar */
.small-display-nav-bar-inner {background-color:#00A79D}

/* board */
.rcrumbs a {color:#00A79D;}

/* popup */
.popupHeader{border-top:4px solid #00A79D;}

/* forum board */
.tbl_forum1 {border-top:2px solid #00A79D;}
.tbl_message_list table {border-top:2px solid #00A79D;}
td.ccm-discussion-replies {border-top: 2px solid #00A79D;}

/* faq list */
a.btnViewAll{color:#00A79D !important; border: 1px solid #00A79D;}

/* pagination */
div.ccm-page .pagination > li.prev a {color:#00A79D !important;}
div.ccm-page .pagination > li.next a {color:#00A79D !important;}
div.ccm-page .pagination > li.active span {background:#00A79D !important;}
div.ccm-page .pagination > li > a {color:#00A79D !important;}

/* forum pagination */
.div.cm_pagination span.active {color:#00A79D !important;} 
div.cm_pagination span.cm-page-right a {color:#00A79D !important;}
div.cm_pagination span.cm-page-left a {color:#00A79D !important;}
div.cm_pagination span.active {color:#00A79D !important;}

/* thumbnail-grid */
div.ccm-page div.ccm-block-page-list-thumbnail-grid-wrapper div.ccm-block-page-list-page-entry-grid-thumbnail-hover {background-color:rgba(0, 167, 157, 0.7) !important;}

/* LGE thumbnail-grid */
.ccm-block-page-list-title {background-color:rgba(0, 167, 157, 0.7) !important;}

/* tbl list */
.tbList th .updown {background:url(../../images/tp/bg_dn_up.gif) no-repeat 0 0;}
.tbList th .up {background:url(../../images/tp/bg_dn_up.gif) no-repeat -20px 0;}
.tbList th .down {background:url(../../images/tp/bg_dn_up.gif) no-repeat -40px 0;}

/* guide search */
.btnN {color:#00A79D;border:1px solid #00A79D;}
.selectBox .menuSelBox{background-color:rgba(0, 167, 157, 0.1);border-top:#00A79D solid 3px}
.btnSel span strong {color:#00A79D;}
.paging strong {color:#00A79D;}
.ico_video {background:url(../../images/tp/icon_video.gif) no-repeat left 3px;}
.ico_code {background:url(../../images/tp/icon_code.gif) no-repeat left 3px;}

/* garnet-api */
.garnet-api .api_self a:hover {color:#00A79D !important;}

/* ui-controls */
div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title a {color:#00A79D !important;}

/* mobile menu */
.ccm-responsive-overlay ul li a:hover {color:#00A79D !important;}

/* LGE search */
.search_tab {border-bottom:2px solid #00A79D !important;}
.search_tab li.active { background: #00A79D;border:1px solid #00A79D;}


/* Main Center */
.main_center_1240 {max-width:1240px;margin:0 auto;}


/**** footer ****/
.main-footer .copyArea dl dd span a:hover {color:#00A79D;}
.siteNav li {width:14.28%;}
footer .row {margin-left: 0px !important; margin-right: 0px !important;}


/* feedback button color */
.feedback_buttons button{background-color: #00A79D !important;}

/* document block (file list )board */
table.c5h-document-set-table-wrapper {border-top:2px solid #00A79D;}
.c5h-document-top-filter .searchBtn {background-color: #00A79D;}
.c5h-document-top-filter .searchBtn input[type='button'].document-submit {background-color: #00A79D;}
div.c5h-document-set-filter h3.document-filter-title {color:#00A79D !important;}


a.ted_hyperlink, a.TED_hyperlink, .full_contentarea a.TED_hyperlink, .full_contentarea a.ted_hyperlink, .DIV_contentarea a.TED_hyperlink, .DIV_contentarea a.ted_hyperlink {color:#ff8500 !important;}

/* Page list - LGE Thumnail Grid */
.ccm-block-page-list-page-entry-grid-thumbnail.lge .ccm-block-page-list-title {background-color:rgba(0, 167, 157, 0.7) !important;padding:5px;text-align:center;color:#00A79D !important;}

div.ccm-page .ccm-block-page-list-thumbnail-grid-wrapper a:not(.fa):not(.btn) {color:transparent;}
.smenu {
    padding: 30px 0 0 !important;
    float: right;
}

.ccm-responsive-navigation.original .dropdown-menu{width:300px !important;}

/* border CSS */
.TED_bg_grey_code {border:1px solid #ebebeb;}
.TED_inline_code{border:1px solid #ebebeb;}
.TED_noteBox{border:1px solid rgba(8, 178, 157, 0.1);
 			-webkit-background-clip: padding-box; /* for Safari */
    		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
.TED_alertBox{border:1px solid rgba(8, 178, 157, 0.1);
 			-webkit-background-clip: padding-box; /* for Safari */
    		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
code {border:1px solid rgba(230, 230, 230, 0.9);
 			-webkit-background-clip: padding-box; /* for Safari */
    		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
.syntaxhighlighter{border:1px solid #0f192a;}

/* box CSS */
.tbListCol .TED_noteBox, .tbListCol .TED_alertBox{padding: 15px 10px 15px 75px !important;} 


/* media query */
@media all and (min-width: 769px) and (max-width: 1024px) {
	.siteNav li {width:25%;}
	#top_nav{margin-left: 150px;}
	.main_content {width: 100% !important;}
	.head_location {padding:7px 5px 7px 50px !important;}
	footer#footer-theme, footer#concrete5-brand{padding-left: 0px;}
}

@media all and (min-width: 0) and (max-width: 768px) {
	.mobile-sb-header{display:block;}
	.siteNav li {width:50%;}
	.head_location {display:none;}
	.main_content {width: 100% !important;}
	.smenu{top: 70%; padding:10px 0 10px !important;position: absolute;
    right: 10px;}
    #header-right{position:absolute; right:0px;}
	footer#footer-theme, footer#concrete5-brand{padding-left: 0px;}
	.head_search_box{width:140px;position: fixed;top: 50px;right: 0px;}
	.lgehead_search {width:100px !important;}
}

/* =============================================================================
   Print Only
   ========================================================================== */
@media print {
	#logo a, #header-right, .header-inner, .header_location, #top_nav, .right-sidebar, #footer-theme, #concrete5-brand {display:none;}
	#logo:before {
	    content: "webOS Open Source Edition";
	    display: block;
	    font-size: 42px;
	    font-weight: 700;
	    padding-top: 70px;
	    line-height: 40px;
	    color: #444;
    	text-transform: none;
	  }
	  
	.TED_alertBox:before{content: "Alert : ";
						position: relative;
						font-weight: 500;
						top: 0px;
						left: 0px;}
	.TED_noteBox:before{content: "Note : ";
						position: relative;
						font-weight: 500;
						top: 0px;
						left: 0px;
						}
	.TED_noteBox{padding: 25px 15px 25px 15px !important;}
	.TED_alertBox{padding: 25px 15px 25px 15px !important;}
}