#lhsTree{float:right}
#lhsTree li a{padding: 12px 0 12px 24px!important;display: block;}
#lhsTree>li{padding:0}
#lhsTree>li>ul li{padding: 0px 0 0px 14px;}
#lhsTree>li>ul{display:block}
#lhsTree>li>ul.mainmenu, .submenu, .innersubmenu{display:none}
.lhs-tree{margin-bottom:30px}
h1{font-size: 30px;line-height: 40px;letter-spacing: -1px;font-weight: 400;}
.lhs-tree ul li.icon_plus:after{position: absolute;left: 5px;top: 16px;display: inline-block;border-top: 4px solid transparent;border-left: 4px solid #FF8134;border-bottom: 4px solid transparent;content: '';}
.lhs-tree ul li.icon_minus:after{position: absolute;left: 5px;top: 16px;display: inline-block;border-left: 4px solid transparent;border-top: 4px solid transparent;border-top: 4px solid #FF8134;border-right: 4px solid transparent;content: '';}


/*HR this is a 1px divider line*/
HR {
border: 0;
color: #E4E4E4;
background-color: #E4E4E4;
height: 1px;
width: 100%;
text-align: left;
overflow:hidden;
margin: 0;
margin-top:15px;
margin-bottom: 5px; }

/*Logo*/
.melogo img {width: 162px;margin-top: 5px;}
.elalogosvg img {
    width: 218px;
    height: 26px;
    margin-top: 10px;
}
.melogosvg img {
    width: 162px;
    height: 42px;
    margin-top: 5px;
}
/*Removes the border to all images*/
img {border: 0px;}

/*Force italic fonts*/
em {font-style: italic;}

/*Style for the computer code. Apply it by 'styles > computer code' in the editor */
.computer_code, code {
background-color:#f9f9f9;
font-family:"Consolas", "Courier New", Courier, mono, serif;
font-size:12px;
line-height: 1.7em;
color:#666;
padding:5px;
border:1px dotted #999 }

/*yellow highlight. Apply it by 'styles > tip' in the editor */
.tip {
background: #FFF5D9;
padding: 5px;
line-height: 2.0em;
width: 100%; }

/*Info box. Apply it by 'styles > Info' in the editor */
.info {
background: #d2eefc url(/images/icons/notes.png) 5px 50% no-repeat;
padding: 5px 30px;
line-height: 2.0em;
width: 95%;} 

/*Warning box. Apply it by 'styles > Warning' in the editor */
.warning {
background: #ffedeb url(/images/warning.png) 5px 50% no-repeat;
padding: 5px 30px;
line-height: 2.0em;
width: 95%;}

/*Used to clear a floating element. Apply the class="clearfloat" */
.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px; }

/*Typewriter and keyword style. Apply it by 'styles > typewriter' and 'styles > Keyboard phrase' in the editor */
tt, kbd {
font-family:"Consolas", "Courier New", Courier, mono, serif;
font-size:12px;}

/*Hyperlink styles*/



/*Bullet Lists Styles*/
rhs-cont ul {
list-style-type:disc;
margin: 5px 0 0 9px;
padding: 0 0 0 12px;
line-height:200%;
margin: .2em 0;
}

rhs-cont ul li {
margin-bottom: 7px;
line-height:200%;
margin: .2em 0;
}

rhs-cont ol {
list-style-type:decimal;
margin:0 0 10px 30px;
line-height:200%;}

rhs-cont ol li {
margin-bottom: 6px;
line-height:200%;
}

/*Optional table styles. Apply it by inserting a new table, advanced tab, 'Stylesheet Classes = table' */
.table {
border-collapse:separate;
border-spacing:0;
border-color:#CCC;
border-style:solid;
border-width:0 0 1px
}
.table tr td {
border-right:1px dotted #CCC;
border-top:1px solid #CCC;
padding:0.5em 0.5em 0.5em;
vertical-align:top
}
.table td {
font-family:  Verdana, Arial, Helvetica, sans-serif
}
.table .tablerow1 {
background-color:#BBB
}

/* Global align classes */
.left {
text-align:inherit}

.center {
text-align:center }

.right {
text-align:right }

.full {
text-align:justify }

/* Image and table specific aligns. This are optional*/
img.left, table.left {
float:left;
text-align:inherit}

img.center, table.center {
margin-left:auto;
margin-right:auto;
text-align:inherit }

img.center {
display:block}

img.right, table.right {
float:right;
text-align:inherit }

/*New home page styles (sites created after 8/1/2013). You can edit or delete them if you want to change the home page.*/
.intro{
width:800px;
padding-bottom:25px
}
.container .columns{
border:#cccccc 1px solid;
float: left;
margin: 0 15px 0 0;
text-align: left;
width: 600px;
overflow:hidden
}
.container .contact{
background: #ffffff;
border: 1px solid #D8DEE3;
float: left;
margin: 0;
padding: 10px;
text-align: left;
width: 200px;
}
.container .contact h2{
color: #333333;
font-family: 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0 0 7px;
}
.columns .header{
background-color: #f2f2f2;
color: #999999;
font-size: 14px;
font-weight: bold;
padding: 8px 17px 8px 10px;
text-align: left;
clear:both
}
.columns .col-inner{
color: #333333;
padding: 12px 5px 5px;
}
.columns .left-col{
width:50%;
float:left
}
.columns .right-col{
width:50%;
float:right
}
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
.intro,.container {
width:auto
}
.container .columns {
float:none;
margin:0 15px 15px 0;
background:none;
width:auto
}
.container div.contact {
float:none
}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.columns .left-col,
.columns .right-col{
float:none;
width:auto
}
}
/*Search styles for the home page */

h2.search {
font-size:24px;
font-weight:normal;
margin:0px 0 7px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
color:#333}

.searchInput {
margin:0px;
padding-left:10px;
padding-right:15px;
padding-top:8px;
padding-bottom:7px;
border-left:#ccc 1px solid;
border-top:#ccc 1px solid;
border-right:#ccc 1px solid;
border-bottom:#ccc 1px solid;
width:520px;
background:url("/images/kbsearch_bg.gif") #fff repeat-x center top;
color:#333;
font-size:15px;
vertical-align:text-top}

.searchInput:focus {
box-shadow: 0 0 5px rgba(82,168,236,.5);
-webkit-box-shadow: 0 0 5px rgba(82,168,236,.5);
-moz-box-shadow: 0 0 5px rgba(82,168,236,.5);
border: 1px solid rgba(82,168,236,.75);}

.searchButton {
-moz-border-radius:5px 5px 5px 5px;
background:url("/images/button-bg.gif") repeat-x scroll left bottom #FEFFFE;
border-color:#DDD #CCC #CCC #DDD;
border-style:solid;
border-width:1px;
color:#555;
cursor:pointer;
font-family:Arial, "Lucida Grande";
margin:0;
font-size:20px;
margin:0 0 0 5px;
padding:5px 10px 5px;
vertical-align:text-top}

.searchButton:active, .searchButton.active {
background-position:left top}

.searchButton:hover, .searchButton.hover {
border-color:#069;
color:#069}

/* Styles for the old home page (sites created before 8/1/2013) */

#startcontainer {
width: 850px;}

#startcontainer #width {
width:850px; /* make this the width you need for x number of blocks */}

#startcontainer div.table {
float: left;
width: 600px;
background-color: #036;
margin: 0px 15px 0px 0px;
text-align:left; }

#startcontainer div.block {
float: left;
width: 200px;
width:200px;
margin: 0px;
background:#FFF;
text-align:left;
padding:10px;
border:1px solid #D8DEE3;}

#start-topic-table {
font-size:12px;
text-align:left;
border-collapse:collapse;
border:1px solid #D8DEE3;
background-color:#FAFDFF;}

#start-topic-table th {
padding:8px 17px 8px 10px;
font-weight:bold;
font-size:14px;
color:#999;
background:#F2F2F2;
text-align:left}

#start-topic-table td {
padding:12px 5px 5px 5px;
color:#333;
border: none;}

#searchContainer {
font-size:12px;
margin-bottom:20px;
margin-left:0;
margin-top:0;
padding:10px 5px 10px 20px;
max-width:800px;
background: #F2F2F2;
clear: left;
min-width: 600px;
white-space: nowrap;}

h2.morehelp {
font-size:14px;
font-weight:bold;
margin:0px 0 7px;
font-family:Arial, Helvetica, sans-serif;
color:#333}