/**
* custom.css file created by Phonics Template
* @package Phonics Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
body {
    background:#81BCBA url(../images/page_bg_img.jpg)100% 0 no-repeat;
    line-height:150%;
    color:#646464
}

#centerbottom {
    background:#FAFAFA
}

#topmenu_holder {
    background:transparent
}

.yjsg-menu.inside-container {
    padding:0
}

#horiznav {
    background:url(../images/menubar_m.png) repeat-x
}

ul.yjsgmenu li a,ul.yjsgmenu.megadropline a.dlevel1a,ul.yjsgmenu.megadropline .cleardropline,ul.yjsgmenu.megadropline .cleardropline {
    padding:0 25px;
    height:61px;
    line-height:65px;
    text-transform:uppercase;
    font-size:1em;
    color:#000
}

.subul_main.level1,.subul_main.level2 {
    box-shadow:none;
    background:url(../images/menu_dropdown_bg.png) 0 0 repeat-x;
    border:1px solid #878787;
    border-top:none
}

ul.yjsgmenu ul.level1,ul.yjsgmenu.megadropline ul.level2 {
    margin-top:0!important
}

.yjsgmenu a.activepath,.yjsgmenu a:hover,.yjsgmenu a:focus,.yjsgmenu li:hover > .child a {
    background:transparent;
    color:#3C8B9C
}

#header2 .yjsquare {
    background:#fcfdff;
/* Old browsers */
    background:-moz-linear-gradient(top,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* FF3.6+ */
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fcfdff),color-stop(41%,#fcfdff),color-stop(70%,#edefee),color-stop(80%,#e7ebec),color-stop(82%,#e7e9e8),color-stop(84%,#e5e9ea),color-stop(86%,#e5e7e6),color-stop(100%,#dde1e2));
/* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* Opera 11.10+ */
    background:-ms-linear-gradient(top,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* IE10+ */
    background:linear-gradient(to bottom,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfdff',endColorstr='#dde1e2',GradientType=0);
/* IE6-9 */
    border-radius:5px;
    padding:15px
}

#header3 .yjsquare {
    background:#fcfdff;
/* Old browsers */
    background:-moz-linear-gradient(top,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* FF3.6+ */
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fcfdff),color-stop(41%,#fcfdff),color-stop(70%,#edefee),color-stop(80%,#e7ebec),color-stop(82%,#e7e9e8),color-stop(84%,#e5e9ea),color-stop(86%,#e5e7e6),color-stop(100%,#dde1e2));
/* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* Opera 11.10+ */
    background:-ms-linear-gradient(top,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* IE10+ */
    background:linear-gradient(to bottom,#fcfdff 0%,#fcfdff 41%,#edefee 70%,#e7ebec 80%,#e7e9e8 82%,#e5e9ea 84%,#e5e7e6 86%,#dde1e2 100%);
/* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfdff',endColorstr='#dde1e2',GradientType=0);
/* IE6-9 */
    border-radius:5px;
    padding:15px
}

a.flag img {
    padding:0!important;
    background-repeat:no-repeat;
    margin-top:20px
}

#rightblock .yjsquare {
    padding:8px;
    background:#F3F4F5 url(../images/module_window_bg.png) 0 100% repeat-x;
    border:10px solid #D8D9DA;
    box-shadow:0 2px 5px #000;
    border-radius:10px
}

#rightblock .yjsquare_in {
    margin:0 auto;
    text-align:center
}

.titlesplit0 {
    color:#646464
}

.titlesplit1 {
    color:#3c8b9c
}

#midblock {
    border-right:2px solid #DBDCDD
}

.holders {
    padding:10px 0
}

#yjsg3 {
    padding:0;
    background:url(../images/top_bg.png) 0 100% repeat-x
}

#yjsg3 .item {
    margin-top:2px
}

#yjsg3 .item:hover {
    background:#E2E3E4
}

.footer_out {
    background:transparent;
    padding:0
}

#footer {
    background:url(../images/footer_bg_m.png) 0 0 repeat-x;
    border-top:2px solid #DBDCDD
}

.yjsgcp {
    visibility:hidden
}

#sclogin-99 {
    margin:-6px
}

#sclogin-username,#sclogin-passwd {
    border-radius:0
}

#form-sclogin-submitcreate {
    margin-top:-10px
}

.sourcecoast .btn {
    height:25px;
    display:inline-block;
    padding:6px 5px;
    line-height:10px;
    border-radius:0;
    font-size:15px
}

h4 {
    color:#3c8b9c
}

.itemid-9 .table img {
    max-width:inherit;
    height:auto;
    vertical-align:middle;
    border:0
}

div.alert,span.alert {
    background:#FFF5EB url(../images/box_alert.png) 3px 10px no-repeat;
    border-top:1px dotted #FFB4A0;
    border-bottom:1px dotted #FFB4A0;
    padding:10px 50px;
    height:100%
}

div.info,span.info {
    background:#fff url(../images/box_info.png) 3px 10px no-repeat;
    border-top:1px dotted #AAB4BE;
    border-bottom:1px dotted #AAB4BE;
    padding:10px 50px;
    height:100%
}

div.tip,span.tip {
    background:#FFFDEB url(../images/box_tip.png) 3px 10px no-repeat;
    border-top:1px dotted #FFC864;
    border-bottom:1px dotted #FFC864;
    padding:10px 50px;
    height:100%
}

h1,h2.pagetitle,h2.article_title {
    color:#3c8b9c;
    font-size:240%
}

#user1 .yjsg-col-1-7 {
    padding:0 8px
}

.readon {
    border-radius:0;
    background:#357078!important;
    color:#fff;
    font-size:1.2em!important;
    border:none;
    box-shadow:0 0 1px 1px #C1C2C3
}

h6 {
    color:#3c8b9c;
    font-size:125%;
    font-weight:700
}

.modifydate.details {
    height:0;
    visibility:hidden
}

.yjsg-blog_c .yjsgarticle {
    border-bottom:1px solid #DBDCDD;
    padding:10px 0
}

.ifaq-container h3 {
    font-size:1.2em;
    color:#3C8B9C;
    font-weight:700!important
}

@media screen and (max-width: 979px) {
#mmenu_holder {
    display:block;
    height:0;
    visibility:hidden;
    margin-bottom:-50px!important
/** change accordingly **/
}
}

@media screen and (max-width: 420px) {
#logoholder {
    margin:0 -25px!important
}

#logo {
    margin-left:0
}
}

/**** === Editor Styles ===*****/
.boldbrown {
    color:#A52A2A;
    font-weight:700
}

.quote,blockquote {
    margin:10px 0 10px 15px;
    padding:0;
    font-style:italic;
    font-size:130%;
    border-left:none
}