/*
 ==========================================================================
   Helper Classes
 ==========================================================================
*/

p,ul, h1, h2, h3, h4, h5, h6{margin:0; padding:0; list-style:none;}

.google li{display:inline-block;}
.google li a{display:block;}

.f-left{float:left;}
.f-right{float:right;}

.clearfix:before, .clearfix:after {content:""; display: table; }
.clearfix:after { clear: both;}
.clearfix {clear: both; overflow: hidden;}

.comingsoon{color:red; font-style:italic; font-weight:bold;}

.dropdown ul li {position: relative;}
.dropdown ul ul {display: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; z-index: 999;}
.dropdown ul ul ul {left: 100%; top: 0;}
.dropdown ul ul li a {width: 200px; height: auto; margin: auto; display: block; padding: 0 0 0 20px; background:#f9eb8a;line-height:35px;}
.dropdown ul ul li{display:block!important;border:none;margin:0 0 2px!important;text-align:left!important;}
.dropdown ul ul li:after{content:"";}
.dropdown ul li:hover > ul {display: block; visibility: visible; }

.fleft-img{float: left; margin-right: 15px;}
.fright-img{float: right; margin-left: 15px;}
.fcenter-img{display: block; margin:0 auto; text-align: center;}
.fleft-img, .fright-img, .fcenter-img{-webkit-box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.5);box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 8px 20px -10px rgba(0, 0, 0, 0.5);border-radius: 7px; -moz-border-radius: 7px;-webkit-border-radius: 7px; padding: 3px; }

.f_left_img{float:left;}
.f_right_img{float:right;}
.f_center_img{margin:0 auto;display:block;}

.talign-center{text-align:center;}
.talign-left{text-align:left;}
.talign-right{text-align:right;}

.three-col ul{column-count:3;-webkit-column-count:3;-moz-column-count:3;padding:0;}
.two-col ul{column-count:2;-webkit-column-count:2;-moz-column-count:2;padding:0;}
.one-col ul{column-count:1;-webkit-column-count:1;-moz-column-count:1;padding:0;}

/*
* Dang IE 7
*/
.lt-ie8 .dang-ie{ width: 100%; height: 100%;background-color: #00abdd;padding:5% 0 2%;}
.message{ text-align: center; color: #fff; font-size: 20px;}
.inner-message{	position: relative; text-align: center; margin: auto;line-height:28px;}
.new-line{display:block;}
.inner-message img{ position: relative;margin-bottom:20px;border:0;}
.inner-message a.download{ display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto 1em; border: 1px solid #fff;}
.terms{ color: #fff; font-size: 13px; padding: 20px; text-align:right;}
.terms a{color: #fff; font-weight: bold;}
.lt-ie8 .protect-me{ display: none; }

/**Resources**/
.resources {font-size:14px; margin-top:10px;}
.resources a { text-decoration:none; display:block;font-weight:bold;}
.resources a:hover {color:#68a10e; text-decoration:none; padding-left:1px;}
.resources ul, .page-content .resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE;border:1px solid #176717; border-bottom:2px solid #176717;line-height:20px;}
.sitemap li {margin-bottom:8px; padding:12px; background:#FAFDFE;border:1px solid #176717; border-bottom:2px solid #176717;line-height:20px;}
.resources ul li:before{content:"";}
.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;}

/* For Toggle */
.toggle {cursor:pointer; font-weight:bold; margin:0 0 5px; padding:5px 0; width:100%; background:#ffbf33 !important;}
.content {padding:5px;}
.closedlanguage { border-bottom:1px solid #333;}
.thelanguage {padding:0 10px;width:100%;}