#searchBtnHome {
    background-color:#158cba !important;
    color:white;
    border-color: #127ba3;
}
#ContentPlaceHolder1_Captchalbl,#ContentPlaceHolder1_Captchacode {
color:#888;
}
#Panel1 {
    margin: 30px 0px 0px 50px;
}
.gridRow {
background-color:white;
color:#888;
}
.gridHeader {
    background-color:#F1B03C !important;
color:#222;
}
.colorband {
background-color:#e7e7e7;
}
.btnSearch{
    margin-left:5px;
    float:left;
}
#panelbkg,#panelbkg1,#panelbkg2,#panelbkg3,#panelbkg4,#panelbkg5,#panelbkg6 {
    background-color:#13476e;
}

#namewiseImg1, #idwiseImg1, #conswiseImg1, #resultImg1, #sameAddImg1 {
display:none;
}

.moreOptions {
    float: right;
    margin: 3px;
    padding-right: 7px;
    padding-left: 5px;
    line-height: 35px;
    border: dotted 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: inherit;
}

    .moreOptions:hover {
        border: dashed 1px;
        color:white;
    }

    .moreOptions img {
        vertical-align: middle;
    }
.resultsBand {

  top: 350px;
  left: 39px;
  right: 39px;
  bottom: 5px;
  overflow: auto;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 4px 1px #a1a9b0;
  -moz-box-shadow: 0 0 4px 1px #a1a9b0;
  box-shadow: 0 0 4px 1px #E2E3DD;
  height: 437px;
}
.black .ajax__calendar_container
{
width:190px;
background-color: #F6F7F1; border:solid 1px #E2E3DD;
-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px;
-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; 
-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
}
.black .ajax__calendar_body
{
width:180px;
height:150px;
background-color: #fff; border: solid 1px #E2E3DD;
}
.black .ajax__calendar_header
{
background-color: #158cba; margin-bottom: 8px;
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; 
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
} 
.black .ajax__calendar_title
{
color: #ffffff; padding-top: 3px;
}
.black .ajax__calendar_next,
.black .ajax__calendar_prev
{
border:solid 4px #ffffff;
background-color: #ffffff;
-moz-border-radius-topleft: 18px; -webkit-border-top-left-radius: 18px; -khtml-border-top-left-radius: 18px; border-top-left-radius: 18px;
-moz-border-radius-topright: 18px; -webkit-border-top-right-radius: 18px; -khtml-border-top-right-radius: 18px; border-top-right-radius: 18px; 
-moz-border-radius-bottomleft: 18px; -webkit-border-bottom-left-radius: 18px; -khtml-border-bottom-left-radius: 18px; border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px; -webkit-border-bottom-right-radius: 18px; -khtml-border-bottom-right-radius: 18px; border-bottom-right-radius: 18px;
}
.black .ajax__calendar_hover .ajax__calendar_next,
.black .ajax__calendar_hover .ajax__calendar_prev
{
border:solid 4px #328BC8;
background-color: #ffffff;
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; 
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}
.black .ajax__calendar_dayname
{
text-align:center; margin-bottom: 4px; margin-top: 2px;
color:#ffffff;
background-color: #DD6163;
} 
.black .ajax__calendar_day,
.black .ajax__calendar_month,
.black .ajax__calendar_year
{
margin:1px 1px 1px 1px;
text-align:center;
border:solid 1px #E2E3DD;
color:#888;
background-color: #fff;
}
.black .ajax__calendar_hover .ajax__calendar_day,
.black .ajax__calendar_hover .ajax__calendar_month,
.black .ajax__calendar_hover .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #328BC8;border:solid 1px #328BC8;
}
.black .ajax__calendar_active .ajax__calendar_day,
.black .ajax__calendar_active .ajax__calendar_month,
.black .ajax__calendar_active .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #F7B64A; 
}
.black .ajax__calendar_today .ajax__calendar_day
{
color: #ffffff; font-weight:bold; background-color: #F7B64A; 
}
.black .ajax__calendar_other,
.black .ajax__calendar_hover .ajax__calendar_today
{
color: #ffffff;
font-weight:bold;
}
.black .ajax__calendar_days
{
background-color: #000000;
}
.black .ajax__calendar_container TD,.black .ajax__calendar_container TH {
    padding:0px !important;
}

.black .ajax__calendar_container TABLE {
    background-color: #fff;
}

.black .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    width:178px;
}
.black .ajax__calendar_next {
    margin-top: 2px;
    margin-right: 4px;
}

.black .ajax__calendar_prev {
    margin-top: 2px;
    margin-left: 4px;
}

#adminnews {background-color: #158cba; color: #fff;} 
#adminRules{background-color: #E6F0E7; color: #404040;}
#adminSeclib{background-color: #91BABC; color: #fff;}
#adminOrders{background-color: #CFC57E; color: #fff;}
#adminList{background-color: #CA8283; color: #fff;}
#adminSecRelatedLink{background-color: #4AA6D5; color: #fff;}
#adminImpLink{background-color: #FAFAF8; color: #404040;}
#adminOtherLink{background-color: #FDCA3B; color: #fff;}
#adminMenuBar{background-color: #5A55A3; color: #fff;}
#adminAdditionalLink{background-color: #4B9ECA; color: #fff;}
/*  bhoechie tab */
        div.bhoechie-tab-container {
            z-index: 10;
            background-color: #ffffff;
            padding: 0 !important;
            /*border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);*/
        }

        div.bhoechie-tab-menu {
            padding-right: 0;
            padding-left: 0;
            padding-bottom: 0;
        }

            div.bhoechie-tab-menu div.list-group {
                margin-bottom: 0;
            }

                div.bhoechie-tab-menu div.list-group > a {
                    margin-bottom: 0;
                }

                    div.bhoechie-tab-menu div.list-group > a .glyphicon,
                    div.bhoechie-tab-menu div.list-group > a .fa {
                        color: #5A55A3;
                    }

                    div.bhoechie-tab-menu div.list-group > a:first-child {
                        border-top-right-radius: 0;
                        -moz-border-top-right-radius: 0;
                    }

                    div.bhoechie-tab-menu div.list-group > a:last-child {
                        border-bottom-right-radius: 0;
                        -moz-border-bottom-right-radius: 0;
                    }

                    div.bhoechie-tab-menu div.list-group > a.active,
                    div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
                    div.bhoechie-tab-menu div.list-group > a.active .fa {
                        background-color: #5A55A3;
                        background-image: #5A55A3;
                        color: #ffffff;
                    }

                        div.bhoechie-tab-menu div.list-group > a.active:after {
                            content: '';
                            position: absolute;
                            left: 100%;
                            top: 50%;
                            margin-top: -13px;
                            border-left: 0;
                            border-bottom: 13px solid transparent;
                            border-top: 13px solid transparent;
                            border-left: 10px solid #5A55A3;
                        }

        div.bhoechie-tab-content {
            background-color: #ffffff;
            /* border: 1px solid #eeeeee; */
            padding-left: 20px;
            padding-top: 10px;
            /*border: 1px solid #E2E3DD;*/
            min-height: 850px;
        }

        div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
            display: none;
        }

#usernamelbl,#pwdlbl {padding-top: 5px; color: #404040 ! important;
}
.footerclass {background-color:#eee;
}
.grandtotallbl {color: brown; font-weight: 700;
}
.footerlbl {color: cornflowerblue; font-weight: 700;
}
table {
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 100%;
    background: #fff !important;
}

.component {
    line-height: 1.5em;
    /*margin: 0 auto;
	padding: 2em 0 3em;
	width: 90%;*/
    max-width: 1000px;
    overflow: hidden;
}

body {
    scrollbar-base-color: #e3e3e3;
    scrollbar-base-color: #e3e3e3;
    scrollbar-3dlight-color: #e3e3e3;
    scrollbar-highlight-color: #e3e3e3;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #e3e3e3;
    scrollbar-dark-shadow-color: #e3e3e3;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-button {
    background-color: #e3e3e3;
}

::-webkit-scrollbar-track {
    background-color: #e3e3e3;
}

::-webkit-scrollbar-track-piece {
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #13476e;
    border-radius: 3px;
}

::-webkit-scrollbar-corner {
    background-color: #e3e3e3;
}



::-webkit-resizer {
    /*background-color: #e3e3e3;*/
}

@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: rgb(255,0,0) !important;
}

scrollbarbutton {
   display: none !important;
}

scrollbar[orient="vertical"] {
  min-width: 15px !important;
}
}

.component .filler {
    font-family: "Blokk", Arial, sans-serif;
    color: #d3d3d3;
}

td, th {
    padding: 0.75em 1.5em !important;
    text-align: left;
}

    td.err {
        background-color: #e992b9;
        color: #fff;
        font-size: 0.75em;
        text-align: center;
        line-height: 1;
    }

th {
    background-color: #f5e694 !important;
    font-weight: bold;
    color: #404040 !important;
    white-space: nowrap;
    border:1px solid #E2E3DD  ! important;
}

tbody th {
    background-color: #2ea879;
}

/*tr:nth-child(even) {background: #CCC !important}
tr:nth-child(odd) {background: #FFF !important}*/

tbody tr:nth-child(2n-1) {
    transition: all .125s ease-in-out;
    border: 1px solid #EEEEEE;
}

tbody tr:nth-child(2n) {
    transition: all .125s ease-in-out;
    border: 1px solid #EEEEEE;
}


tbody tr:hover {
    background-color: #F6F7F1;
    color: #404040;
}

/* For appearance */
.sticky-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    /*margin: 3em 0;*/
    margin: 0em 0;
    width: 100%;
}

    .sticky-wrap .sticky-thead,
    .sticky-wrap .sticky-col,
    .sticky-wrap .sticky-intersect {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .125s ease-in-out;
        z-index: 50;
        width: auto; /* Prevent table from stretching to full size */
    }

    .sticky-wrap .sticky-thead {
        box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
        z-index: 100;
        width: 100%; /* Force stretch */
    }

    .sticky-wrap .sticky-intersect {
        opacity: 1;
        z-index: 150;
    }

        .sticky-wrap .sticky-intersect th {
            background-color: #666;
            color: #eee;
        }

    .sticky-wrap td,
    .sticky-wrap th {
        box-sizing: border-box;
    }

/* Not needed for sticky header/column functionality */
td.user-name {
    text-transform: capitalize;
}

.sticky-wrap.overflow-y {
    overflow-y: auto;
    max-height: 50vh;
}


.policyband{min-height: 30px; background-image: url(Img/bg-band1.png); width: 100%; text-align: center; padding: 8px 0px}

.nodalofficer {width: 100%; text-align: center; padding: 0px 0px; border-top: 1px solid #E2E3DD; background-color: #F5F5F5; margin-bottom: 68px;
}
#nodalofficer {background-color: #F5F5F5;
}
#importantlinkspl{padding: 0px 10px; border-bottom: 5px solid #E8E8E8; background-color: #FAFAF8;}

.tab-content {background-color: #FAFAF8;}

.FlashNews{width: 100%; position: fixed; bottom: 0px; text-align: center; padding: 13px 0px; border-top: 1px solid #E2E3DD; background-color: #FFFFFF;}

.AnnouncmentContiner{width: 100%; position: fixed; bottom: 80px; text-align: center; padding: 13px 0px; border-top: 1px solid #E2E3DD; background-color: #FFFFFF;
}

 .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            background-color: #FAFAF8 !important;
        }

#emblemYellow,#Img2 {display:none;}

#contactno{padding: 8px; background-color: #e3e3e3; color: #fff;}

#headercontactno{font-size: 14px; margin-bottom: 10px; color: #888;}

#headeremailid {font-size: 14px; color: #888;}

#emailid{padding: 8px; background-color: #e3e3e3; color: #fff;}

#PP,#CP,#help,#AS,#HP,#TC,#SM,#fbm{font-size: 14px; background-color: transparent; color: #fff;}

#td, #sdl, #secinetiative {padding: 10px 15px; background-color: #fff; color: #888;}

.links{padding: 11px 10px; background-color: #9f3400; color: #98DAFC; margin-left: -14px;}
#importantlinks{padding: 8px; background-color: #F6F6F6; border-radius: 18px; color: #4D4F5B;}
#otherlinks{padding: 8px; background-color: #F6F6F6; border-radius: 18px; color: #4D4F5B;}
.numberbullets {padding: 5px 9px; background-color: #6BA0D6; border-radius: 18px; color: #fff; margin-right: 10px;}
#newsnotifications{padding: 10px; background-color: #F6F6F6; border-radius: 18px; color: #158CBA;}
.Announcement{position: fixed; z-index: 6; height: 24px; width: 178px; background-color: #13476E; color: #ffffff; text-align: center; padding: 9px 20px 29px; font-family: sans-serif; font-size: small;}
.flashnews{position: fixed; z-index: 6; height: 39px; width: 178px; background-color: #13476E; color: #ffffff; text-align: center; padding: 9px 20px 29px; font-family: sans-serif; font-size: small;}
.plnewsflash{background-color:#215C88;}
.subheader{padding: 0px 5px; background-color: #215C88; width: auto; position: absolute; margin-left: 124px; z-index: 2; color: #E3E3E3; line-height: 19px}
.secspan{float: left; height: 24px; min-width: 90px; color: #ffffff; font-weight: bold; font-size: 13px; line-height: 22px}
.secspan2{float: left; height: 24px; width: 90px; color: #E3E3E3; font-weight: bold; font-size: 13px; line-height: 22px}
.secli{border-right: 1px solid #E2E3DD;}
.newsbullets{text-align: center; text-align: center; padding: 5px; height: 68px; margin-right: 14px; background-color: #81628b; color: #fff; width: 38px; float: left}

#graph1{border-top: 5px solid #FDCA3B; background-color: #FB7C63; padding: 10px}
#graphheader1,#graphheader2,#graphheader3,#graphheader4{color:#fff;}

#graph2{border-top: 5px solid #FDCA3B; background-color: #81628B; padding: 10px}
#graph3{border-top: 5px solid #FDCA3B; background-color: #40AFDF; padding: 10px}
#graph4{border-top: 5px solid #FDCA3B; background-color: #DB722E; padding: 10px}

.th1 {background-color: #13476e; border: 1px solid #E2E3DD;color:#13476e;
}
.th2 {background-color: #F1B03C; border: 1px solid #E2E3DD;color:#F1B03C;
}

 .carousel-control.right {
            background-image: none !important;
        }

        .carousel-control.left {
            background-image: none !important;
        }


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

.rulesact {padding: 13px 10px; background-color: #9F3400; color: #d9534f; margin-left: -14px;
}
#rule {padding: 8px; background-color: #F6F6F6; border-radius: 18px; color: #9F3400;
}

/*-------------------------------------------------------------- */
.seclib {padding: 13px 10px; background-color: #02929a; color: #d9534f; margin-left: -14px;
}
#sec {padding: 8px; background-color: #F6F6F6; border-radius: 18px; color: #90C5A9;
}

/*-------------------------------------------------------------- */
.orders {padding: 13px 10px; background-color: #81628B; color: #d9534f; margin-left: -14px;
}
#secorders {padding: 8px; background-color: #F6F6F6; border-radius: 18px; color: #81628B;
}


/*-------------------------------------------------------------- */
.seclist {padding: 13px 10px; background-color: #40AFDF; color: #d9534f; margin-left: -14px;
}
#seclst {padding: 8px; background-color: #F6F6F6; border-radius: 18px; color: #40AFDF;
}

/*-------------------------------------------------------------- */
.Secrel {padding: 13px 10px; background-color: #DB722E; color: #d9534f; margin-left: -14px;
}
#secrellink {padding: 8px; background-color: #F6F6F6; border-radius: 18px; color: #DB722E;
}

#serachlabel {
}
/* =Reset
-------------------------------------------------------------- */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}

html,
body,
div {
    margin: 0;
    padding: 0;
}

/* =Color
-------------------------------------------------------------- */

#header {
    background: #FFF;
}

#main {
    background: #dddddd;
}

#secondary .widget,
#tertiary .widget {
    /*border: 1px solid #bbbbbb;*/
}

/* =Structure Mobile
-------------------------------------------------------------- */
.site-footer{background-color:#404040;color:#fff;margin-bottom:76px;
}
.wrap {
    max-width: 1224px;
    margin: 0 auto;
    padding: 0px;
    background-color:#e7f0f9;
}

    .wrap:after {
        content: "";
        display: table;
        clear: both;
    }

#primary {
    max-width: 720px;
    margin: 0 auto;
}
#Innerprimary {
    max-width: 720px;
    margin: 0 auto;
}

#secondary,
#tertiary {
    /*max-width: 400px;*/
    margin: 0 auto;
}
#Innertertiary {
    /*max-width: 400px;*/
    margin: 0 auto;
}

    #secondary .widget,
    #tertiary .widget {
        /*padding: 1em;*/
        /*margin-bottom: 1em;*/
    }
     #Innertertiary .widget {
        /*padding: 1em;*/
        margin-bottom: 1em;
    }

/* =Structure Tablet
-------------------------------------------------------------- */


@media screen and (min-width : 1000px) {
    .websiteName {font-size: 28px; padding: 30px 5px; color: #255a8c; font-stretch: condensed; float: left
    }
    #primary {
        float: left;
        width: 65%;
        /*padding-right: 1em;*/
    }
    
    #secondary,
    #tertiary {
        float: right;
        clear: right;
        width: 35%;
    }
    
    .SImportant_Links {
        display: none;
    }
    #contactinfo {width: 255px; float: left; padding: 15px 0px; margin-left: 39px;
    }
     #largeslider {
       display:block;
     }

    #smallslider {
        display:none;
    }

   
}

@media screen and (max-width : 900px) {
    .Important_Links {
        display: none;
    }
    .SImportant_Links {
        display: block;
    }
    .websiteName {font-size: 28px; padding: 30px 5px; color: #255a8c; font-stretch: condensed; float: left;width:85%;text-align:center;
    }
    /*.largelogo {width:8%
    }*/
    #contactinfo {display:none
    }
     #importantlinkBand {display:none;
    }
    
    #blockContainer > div {
    
   
}

#blockContainer {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
#blockA {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
#blockB {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
}

 #largeslider {
       display:none;
     }
}

/*@media screen and (max-width : 1023px) {
    #searchvoterpanel {display:none;
    }
    #innerclass {margin-top: 0px
    }

}*/

@media screen and (min-width : 1024px) {
    #innerclass {margin-top: 30px
    }
    .websiteName {font-size: 32px; padding: 30px 15px; color: #255a8c; font-stretch: condensed; float: left
    }
    .bgbandblue {width: 100%; height: 308px; position: absolute; background-color: #215C88; margin-top: 0px;
    }
    .bglightgray {width: 100%; height: 104px; position: absolute; background-color: #F6F7F1; margin-top: 314px; border-bottom: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF;
    }
     #serachlabel {
    display:none;
    }
}

/* =Structure Desktop
-------------------------------------------------------------- */

@media screen and (min-width : 1140px) {
    .bgbandblue {width: 100%; height: 325px; position: absolute; background-color: #215C88; margin-top: 0px;
    }
    .bglightgray {width: 100%; height: 104px; position: absolute; background-color: #F6F7F1; margin-top: 325px; border-bottom: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF;
    }
    .websiteName {font-size: 36px; padding: 30px 15px; color: #255a8c; font-stretch: condensed; float: left
    }
    #primary {
        float: left;
        /*margin-left: 25%;*/
        width: 67.13%;
        /*padding: 0 1em;*/
        padding: 0px;
    }
    

    #secondary {
        float: left;
        margin: 0 0 0 -75%;
        width: 25%;
        clear: none;
    }

    #tertiary {
        float: right;
        width: 32.87%;
        clear: none;
    }
   
}
@media screen and (min-width : 768px) {
    #snav{ display:none;}
    #lnav {display:block;    }
     #Innerprimary {
        float: left;
        /*margin-left: 25%;*/
        width:39.33%;
        /*padding: 0 1em;*/
        padding: 0px;
    }
     #Innertertiary {
        float: right;
        width: 58.92%;
        clear: none;
    }

   
}

@media screen and (max-width : 1000px) {
     
    #img-thumbnail,#list-group{ float:none;text-align:center;}
    #ImportantLinkslbl{text-align:left;}
    #snav{ display:block;}
    #lnav {display:none;
    }
    .websiteName {font-size: 26px; padding: 15px 5px; color: #255a8c; font-stretch: condensed; float: left;width:85%;text-align:center;
    }
    .largelogo {width:62px;
    }
    #Announcment {
        display:none;
    }
    #Flash {
        display:none;
    }
}


/* =Reset default browser CSS. 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

blockquote {
    quotes: none;
}

    blockquote:before, blockquote:after {
        content: '';
        content: none;
    }

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

/* =Scss Variables
-------------------------------------------------------------- */
/* =Global
-------------------------------------------------------------- */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background-color: #3cb5f9;
    color: #505050;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.8;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    font-weight: 300;
}

a {
    text-decoration: none;
    color: #3cb5f9;
}

    a:hover {
        color: #0793e2;
    }

/* =Template
-------------------------------------------------------------- */
#wrapper {
    width: 100%;
    margin: 0 auto;
}

#main {
    /*background-color: #fff;*/
    background-color:#e7f0f9;
    /*padding-top: 150px;
    padding-top:112px;*/
}

.container {
    width: 80%;
    margin: 0 auto;
    padding: 0 30px;
}

section {
    padding: 60px 0;
}

    section h1 {
        font-weight: 700;
        margin-bottom: 10px;
    }

    section p {
        margin-bottom: 30px;
    }

        section p:last-child {
            margin-bottom: 0;
        }

    section.color {
        background-color: #3cb5f9;
        color: white;
    }

/* =Info Bar
-------------------------------------------------------------- */
#info-bar {
    background-color: #3cb5f9;
}

    #info-bar a {
        color: white;
        font-size: 14px;
        text-transform: uppercase;
        display: inline-block;
        margin: 0;
        padding: 10px;
    }

        #info-bar a:hover {
            background-color: #0793e2;
        }

    #info-bar span.all-tutorials,
    #info-bar span.back-to-tutorial {
        display: block;
        width: 50%;
    }

    #info-bar span.all-tutorials {
        float: left;
        text-align: left;
    }

    #info-bar span.back-to-tutorial {
        float: right;
        text-align: right;
    }

/* =Header
-------------------------------------------------------------- */
/*header {
    width: 100%;
    height:130px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #0683c9;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}*/

header {
    width: 100%;
     height: 132px; 
    overflow: hidden;
    position: fixed;
    top: 53px;
    left: 0;
    z-index: 999;
    background-color: #fff;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    /* margin-bottom: 62px; */
    /* padding-bottom: 24px; */
}
footer {
    width: 100%;
    /* height: 150px; */
    /*height: 75px;*/
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 999;
    background-color: #0683c9;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    /* margin-bottom: 62px; */
    /* padding-bottom: 24px; */
}

    /*header h1#logo {
        display: inline-block;
        height: 100px;
        line-height: 100px;
        float: left;
        font-family: "Oswald", sans-serif;
        font-size: 60px;
        color: white;
        font-weight: 400;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }*/
    header h1#logo {
    display: inline-block;
    height: 100px;
    line-height: 32px;
    float: left;
    font-family: sans-serif;/*"Oswald", sans-serif;*/
    font-size: 33px;
    color: #255a8c;
    font-weight: 400;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    header nav {
        display: inline-block;
        float: right;
    }

        header nav a {
            line-height: 150px;
            margin-left: 20px;
            color: #9fdbfc;
            font-weight: 700;
            font-size: 18px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }

            header nav a:hover {
                color: white;
            }

    header.smaller {
        /*height: 75px;*/
        height:65px;
        /*display:none;*/
    }

        header.smaller h1#logo {
            /*width: 150px;
            height: 75px;
            line-height: 75px;
            font-size: 30px;*/
            /*width: 343px;*/
            width:414px;
            /*height: 75px;
            line-height: 50px;*/
            height: 65px;
            line-height: 23px;
            font-size: 22px;
            /*display:none;*/
        }

        header.smaller nav a {
            line-height: 75px;
        }

/* =Footer
-------------------------------------------------------------- */
/* =Extras
-------------------------------------------------------------- */
.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

/* ============================================================
  FUSION ADS
============================================================ */
#fusionads {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 100000;
    padding: 20px;
    background: rgba(255, 255, 255, 0.95);
    font-size: 12px;
    line-height: 1.2;
    -webkit-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);
}

    #fusionads .fusion-wrap {
        display: block;
        margin: 0 auto 10px auto;
        width: 130px;
    }

    #fusionads a.fusion-text {
        display: block;
        color: #646464;
    }

    #fusionads a.fusion-img {
        display: block;
        margin-bottom: 10px;
        width: 130px;
        height: 100px;
        background-color: #fff;
    }

        #fusionads a.fusion-img img {
            display: block;
            margin: 0 0 10px 0;
        }

    #fusionads a.fusion-poweredby {
        color: #ff3c50;
    }

#close-fusionad {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 110000;
    width: 20px;
    height: 20px;
    background-color: #505050;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 1000px) {
    /* =Header
  -------------------------------------------------------------- */
     .websiteName {font-size: 26px; padding: 15px 5px; color: #255a8c; font-stretch: condensed; float: left;width:500px;text-align:center;
    }

    header h1#logo {
        display: block;
        float: none;
        margin: 0 auto;
        height: 100px;
        line-height: 100px;
        text-align: center;
    }

    header nav {
        display: block;
        float: none;
        height: 50px;
        text-align: center;
        margin: 0 auto;
    }

        header nav a {
            line-height: 50px;
            margin: 0 10px;
        }

    header.smaller {
        height: 75px;
    }

        header.smaller h1#logo {
            height: 40px;
            line-height: 40px;
            font-size: 30px;
        }

        header.smaller nav {
            height: 35px;
        }

            header.smaller nav a {
                line-height: 35px;
            }
}

@media all and (max-width: 600px) {
    .container {
        width: 100%;
    }

    #info-bar a {
        display: block;
    }

    #info-bar span.all-tutorials,
    #info-bar span.back-to-tutorial {
        width: 100%;
    }

    #info-bar span.all-tutorials,
    #info-bar span.back-to-tutorial {
        float: none;
        text-align: center;
    }

    #info-bar span.all-tutorials {
        border-bottom: solid 1px #0793e2;
    }
}


@media screen and (max-width:1000px) {
    .websiteName {font-size: 18px; padding: 0px; color: #255a8c; font-stretch: condensed; float: left;width:550px;min-height:75px;text-align:center;
    }
    .largelogo {width:48px;
    }
}
/* Google Search box styles */
        #___gcse_0 {
            display: inline-block !important;
            position: absolute;
            margin: 10px auto;
        }

            #___gcse_0 table {
                border-top: none !important;
                border-right: none !important;
                border-left: none !important;
                border-bottom: none !important;
                background: transparent !important;
                margin: 0 0 0 0 !important;
            }

            #___gcse_0 tbody {
                border-top: none !important;
            }

            #___gcse_0 .forum-table td,
            #___gcse_0 td,
            #___gcse_0 tr,
            .gsc-completion-container td {
                padding: 0 !important;
                border-top: none !important;
                border-right: none !important;
                border: none !important;
            }

            #___gcse_0 input[type="text"] {
                padding: 4px !important;
                -webkit-border-radius: none;
                -moz-border-radius: none;
                border-radius: none;
                max-width: 999px;
                background: transparent !important;
                border: none !important;
            }

        .gsc-completion-container {
            border: 1px solid #6D7552 !important;
            background: #F0F1CB !important;
            font-family: sans-serif !important;
            padding: 4px !important;
            color: #D14F2D !important;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            box-shadow: 2px 2px 10px #363636;
        }

        .gsc-completion-selected {
            margin: 0 -4px -4px -4px;
        }

        .gsc-completion-container b {
            color: #242424 !important;
            font-weight: 300;
        }

        .gsc-completion-container table {
            border-top: none !important;
            border-right: none !important;
            border-left: none !important;
            border-bottom: none !important;
        }


        .gsc-modal-background-image {
            background-color: #000 !important;
        }

        .gsc-modal-background-image-visible {
            opacity: 0.4 !important;
            -ms-filter: "alpha(opacity=40)" !important;
            filter: alpha(opacity=40) !important;
        }

        .gsc-results-wrapper-overlay {
            background: #F0F1ED !important;
            border: solid 1px #A9ADA4 !important;
            /*display: none;*/
        }

        .gsc-webResult.gsc-result,
        .gsc-results .gsc-imageResult,
        .gsc-webResult.gsc-result:hover,
        .gsc-imageResult:hover {
            border-color: transparent !important;
            background-color: transparent !important;
        }

        .gsc-webResult.gsc-result {
            border: 1px solid transparent !important;
        }

        .gsc-webResult .gsc-result {
            border-bottom: 1px solid transparent !important;
        }

        #___gcse_0 .cse .gsc-control-cse,
        #___gcse_0 .gsc-control-cse {
            padding: 0 !important;
            width: 220px !important;
            display: inline-block;
        }

        form.gsc-search-box {
            margin-bottom: 0 !important;
        }

        #___gcse_0 .cse .gsc-control-cse,
        #___gcse_0 .gsc-control-cse {
            background-color: rgba(0, 0, 0, 0) !important;
            border: none !important;
        }

        #___gcse_0 .gsc-search-box .gsc-input > input:hover,
        #___gcse_0 .gsc-input-box-hover {
            border: none !important;
            border-top-color: rgba(0, 0, 0, 0) !important;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

        #___gcse_0 .gsc-input-box {
            background: #FFFFFF !important;
            border: solid 1px #E2E3DD !important;
            height: 30px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 0px;
        }

        input.gsc-search-button,
        input.gsc-search-button:hover,
        input.gsc-search-button:focus {
            /*background-image: url(Img/search-icon.png) !important;*/
            position: absolute;
            z-index: 2154;
            top: 1px;
            right: 5px;
            background-color: #E3E3E3 !important;
            height: 24px !important;
            width: 24px !important;
            margin-left: 5px !important;
            -webkit-border-radius: 4px 4px !important;
            -moz-border-radius: 4px 4px !important;
            border-radius: 0px !important;
            padding: 5px !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d6d3', endColorstr='#a8aca3',GradientType=0 ) !important;
            border: solid 0px #858A7F !important;
            border-color: #858A7F;
        }

        .gsc-selected-option-container {
            background-color: transparent;
            border: 1px solid #eee;
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: 2px;
            box-shadow: 0 1px 1px #eee;
            box-shadow: 0 1px 1px rgba(0,0,0,0.1);
            color: #444;
            cursor: default;
            font-size: 11px;
            font-weight: bold;
            height: 27px;
            line-height: 27px;
            max-width: 93%;
            min-width: 86px !important;
            outline: 0;
            padding: 0 28px 0 6px;
            position: relative;
            text-align: center;
            width: 86px !important;
        }

/*A---------------------------------------------------*/

/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/* The responsive part */

.btn-breadcrumb > * > div {
    /* With less: .text-overflow(); */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.btn-breadcrumb > *:nth-child(n+2) {
  display:none;
}

/* === For phones =================================== */
@media (max-width: 767px) {
    .btn-breadcrumb > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 60px;
    }
}

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
    .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 100px;
    }
}

/* === For desktops ================================== */
@media (min-width: 992px) {
    .btn-breadcrumb > *:nth-last-child(-n+6) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 170px;
    }
}


.navbar-default .navbar-nav>li {
    position: relative;
    overflow: hidden;
}
.navbar-default .navbar-nav>li>a {
    z-index: 1;
    transition: .35s ease color;
}
.navbar-default .navbar-nav>li>a:before, .navbar-default .navbar-nav>li.dropdown.open>a:before {
    content:'';
    display: block;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateX(-100%);
    /*border-right: solid 5px tomato;
    background: gray;*/
    transition: .35s ease transform;
    border-top:5px solid #F3CB09; background-color:transparent  ;  padding-top: 15px;
    padding-bottom: 19px;
}
.navbar-default .navbar-nav>li>a:hover:before, .navbar-default .navbar-nav>li.dropdown.open>a:before {
    transform: translateX(0);
}
.navbar-default .navbar-nav>li.dropdown.open {
    overflow: initial;
}
.hrtop {    
    margin-bottom: 10px;
}
.hrbottom {    margin-top: 10px;
   
}
.cmsrightpanel {width: 745px; float: right; min-height: 650px;
}
        .litheme {
        background-image: url(../Img/hypen.jpg);
        background-repeat: repeat-x;
        width: 92%;
        height: 4px;
        height: 8px;
        margin: 0px auto;
    }
.t5L {
    float: left;
    width: 18px;
    padding-right: 30px;
    /*padding-top: 2px;*/
    padding-left: 5px;
}
.accordionContent {
background-color: #FFFFFF;
border-color: -moz-use-text-color #E2E3DD #E2E3DD;
border: 1px dashed #E2E3DD;
border-style: none dashed dashed;
border-width: medium 1px 1px;
padding: 10px 15px;
/*width:20%;*/
}
.accordionHeaderSelected {
    background-color: #F6F7F1;
    border: 1px solid #E2E3DD;
    color: #999;
    cursor: pointer;
    font-family: Arial,Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
    padding: 10px 15px;
/*width:20%;*/
}
.accordionHeader {
background-color: #F6F7F1;
border: 1px solid #E2E3DD;
color: #999;
cursor: pointer;
font-family: Arial,Sans-Serif;
font-size: 15px;
font-weight: bold;
margin-top: 5px;
padding: 10px 15px;
/*width:20%;*/
}
.href
{
color:White; 
font-weight:bold;
text-decoration:none;
}
#panel {border:1px solid #eee;
        padding:10px;
}
#flip {border:1px solid #eee;
        padding: 15px 10px;
}

.textboxform {
    width: 200px; height: 36px; padding: 6px 12px; background-color: #fff; border: 1px solid #e7e7e7; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/** Easy Tree style */
.easy-tree {
    min-height: 20px;
    margin-bottom: 20px;
    background-color: #b4deea;
    color: #158CBA;
    border: none;
    border-top: none;
    padding-bottom: 15px;
}

.easy-tree > ul {
    padding-left: 15px;
}

.easy-tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 0 51px;
    position: relative
}

.easy-tree li::before, .easy-tree li::after {
    content: '';
    left: 17px;
    position: absolute;
    right: auto
}

.easy-tree li::before {
    border-left: 1px solid #6D6E70;
    bottom: 50px;
    height: 100%;
    top: -1px;
    width: 1px
}

.easy-tree li::after {
    border-top: 1px solid #6D6E70;
    height: 20px;
    top: 25px;
    width: 35px
}

.easy-tree li > span {
    border: 1px solid #6D6E70;
    border-radius: 3px;
    display: inline-block;
    padding: 5px;
    text-decoration: none
}

.easy-tree li.parent_li > span {
    cursor: pointer
}


.easy-tree > ul > li::before, .easy-tree > ul > li::after {
    border: 0
}

.easy-tree li:last-child::before {
    height: 30px
}

.easy-tree li.parent_li > span:hover, .easy-tree li.parent_li > span:hover + ul li span {
    background: #F6F7F1;
    color: #6D6E70;
}

.easy-tree li.parent_li > span:hover + ul li.li_selected span {
    background: #F6F7F1;
    color: #6D6E70;
}

.easy-tree li > span > a {
    color: #6D6E70;
    text-decoration: none;
}

.easy-tree li > span > span.glyphicon-folder-close, .easy-tree li > span > span.glyphicon-folder-open {
    margin-right: 5px;
}

.easy-tree li.li_selected > span, .easy-tree li.li_selected > span > a {
    background: #F6F7F1;
    color: #6D6E70;
}

.easy-tree li.li_selected > span:hover, .easy-tree li.li_selected > span:hover > a {
    background: #F6F7F1;
    color: #6D6E70;
}

.easy-tree .easy-tree-toolbar {
    background-color: #6D6E70;
}

.easy-tree .easy-tree-toolbar > div {
    display: inline-block;
}

.easy-tree .easy-tree-toolbar > div > button {
    border-radius: 0;
    margin: 20px 5px;
}

.easy-tree .easy-tree-toolbar .create .input-group {
    top: -15px;
    margin-left: 5px;
    margin-right: 5px;
}

.easy-tree .easy-tree-toolbar .create .input-group input {
    border-radius: 0;
}

.easy-tree .easy-tree-toolbar .create .input-group button {
    border-radius: 0;
}