/************************************************
	Font family
 ************************************************/
 @font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'source_sans_problack';
    src: url('../fonts/sourcesanspro-black-webfont.eot');
    src: url('../fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-black-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_problack_italic';
    src: url('../fonts/sourcesanspro-blackitalic-webfont.eot');
    src: url('../fonts/sourcesanspro-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-blackitalic-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-blackitalic-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-blackitalic-webfont.svg#source_sans_problack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/************************************************
	Global styles starts here
 ************************************************/
body{background: #e6e6e6; color: #888888; font-size: 1.4em; line-height: 24px; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{margin: 0;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{padding-bottom: 25px; margin: 0;}
.last{padding-bottom: 0;}
.ruler{border-bottom: 1px solid #c9c9c9;}
.img-spacing{margin-right: 30px; margin-bottom: 30px;}

/************************************************
	Menu styles starts here
 ************************************************/
 #top-strip{ width:100%;position:relative; border-radius:1em;animation-name: example;
    animation-duration: 1s;animation-timing-function: ease-in;
     }
	/* Standard syntax */
@keyframes example {
    0%   {left:-100%;}
    100% {left:0px;}
}
.front-content{ width:100%;position:relative; animation-name: example2;animation-timing-function: ease-in;
    animation-duration: 1s;}
@keyframes example2 {
    0%   {right:-100%;}
    100% {right:0px; }
}
@keyframes aniload {
  from {opacity:0}
  to   {opacity:1}
}

 #login-panel{ width:96%; height:auto; float:left; margin:5px 2% 30px;  box-sizing:border-box; border-radius:0.5em; box-shadow:0 0 10px #666;background:url(../img/login.jpg) right;}
 #login-in-area{ width:90%; float:left; height:auto; margin:15px 5% 20px;background:url(../img/logbg.png); padding:10px 15px; border-radius:1em;}
.login-row{ width:100%; height:auto; float:left; margin:3px 0;}
.login-heading{width:100%; float:left; padding:5px 5px 10px; box-sizing:border-box; background-image:url(../img/log-head.png); background-size: 100% 100%; color:#fff;  font-weight:bold; font-family:'source_sans_probold'; text-transform:uppercase; font-size:1.3em; text-align:center; }
.login-img{ width:30%; height:auto; float:left; margin:10px 35% 0;border-radius:100%; padding:2%; background:#fff; box-shadow:0 0 20px #189B9C;}
.login-img img{ width:100% !important; border-radius:100%;}
.login-row img{ max-width:100px;}
.login-text{ color:#000; font-weight:bold; font-style:italic; text-shadow:1px  1px 1px #fff; font-size:1.2em; width:100%; float:left;}
.login-row .log-icon{ width:15%; height:30px;  background:#1db6b7; border-radius:0.5em 0 0 0.5em; float:left; text-align:center; padding:4px;}
.login-row .log-icon img{ max-width:80% !important; margin-top:-3px;}
.login-row .login-input{ width:85%; height:30px; padding:3px 5px; float:left; border-radius:0 0.5em 0.5em 0;}
.login-row .button{ width:48%; height:35px; float:left; background:#1EBBBC url(../img/btn2.png) right no-repeat; color:#fff; border:1px solid #117B7C; border-radius:0.5em; box-shadow:0 0 5px #666; transition: all 1s; font-family:'source_sans_probold'; text-transform:uppercase; font-size:1.3em; margin:5px 1%;}

.login-row .button:hover{ background:#333 url(../img/btn2-hov.png) left no-repeat ; border:1px solid #000;}

.login-row .middletext{ width:18%; margin:5px 1%; text-align:center; color:#fff; text-transform:capitalize; float:left; }
 #top-panel{ width:100%; height:auto; float:left; background:#454855; border-top:3px solid #189B9C;}
 #page-container{ width:100%; height:auto; display:block;
 -webkit-animation:aniload 4s;
  -moz-animation:aniload 4s;
  -ms-animation:aniload 4s;
  -o-animation:aniload 4s;
  animation:aniload 4s; 
 }
 #top-strip-in-right{ width:50%; height:auto; padding:5px 0px; float:right;}

#content-pagein{ background:#f6f6f6; width:100%; float:left; border-radius:0.5em; box-shadow:0 0 10px #ccc; padding:10px 0;margin-bottom:80px; }
.content-area{ width:100%;}
.graph-block{ width:100%; height:auto; float:left; border:1px solid #ccc; margin-top:5px}
.graph-block h1{ width:100%; height:auto; padding:10px; float:left; background:#3B3E4A;
background: -webkit-linear-gradient(#3B3E4A, #454855); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3B3E4A, #454855); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3B3E4A, #454855); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3B3E4A, #454855); /* Standard syntax */
	color:#fff; margin:0; font-size:1.2em;
}
.graph-area{ width:100%; height:auto; float:left; padding:10px 2%;}
 #top-strip-in-right a:hover{ color:#189B9C;}
.top-strip-right{width:auto; height:auto; float:right; padding:0 5px; margin:0 5px; color:#fff; text-decoration:none; border-right:1px solid #fff;  min-height:22px;}
.top-strip-right:hover{text-decoration:underline;}
.controlstyle img{opacity:1;}
.controlstyle img:hover{opacity:0.8;}
.top-strip-right2{width:auto; height:auto; float:right; padding:0 5px; margin:0 5px; color:#fff; text-decoration:none;font-size:0.9em;}
.top-strip-right img{ width:22px; height:22px; float:left; margin-right:5px;}
.top-strip-right input[type="image"]{width:22px; height:22px; float:left; margin-right:5px; opacity:1;}
.top-strip-right input[type="image"]:hover{opacity:0.8;}
.switch-button{width:22px; height:22px; float:left; margin-right:5px;}

 #login-link{ width:15%; float:right; margin-right:10%; border-radius:0 0 0.5em 0.5em; padding:0.5% 1%; color:#fff; background: #454855; text-align:center; cursor:pointer;}
 #close-panel{ float:right; color:#fff; background:red; border-radius:0.5em; padding:5px 10px; cursor:pointer;}
.header-wrapper{ text-align: left; background: #fff; padding:10px; padding-top:0; padding-bottom:0px; float:left; width:100%;}
.site-name{display: inline-block; width:50%; float:left;}
.right-links{display: inline-block; width:45%; float:right;  text-align:center; margin-top:0px; text-align:center;}
#right{ width:100%; height:auto; float:right;}
#right .left-colum1{ width:92%; height:auto;font-size: 0.9em; float:right; font-weight:bold; margin-top:6px; text-align:right; margin-right:2%; color:#ff9c1e; font-style:italic; line-height:13pt;}
#right .left-colum1 span{ font-size:1.3em; color:#333;}
 #right .left-colum2{ width:6%; height:auto; float:right; margin-top:5px;}
  #right .left-colum2 img{ width:100%;}
.site-name img{ float:left; width:65%;}
.site-name h1{margin: 0; font-size: 44px; color: #189B9C; font-family: 'source_sans_probold'; text-transform: uppercase; letter-spacing: 2px; width:88%; margin-left:2%; float:left;}
.site-name h2{font-size: 18px; line-height: 18px; color: #666; font-family: 'source_sans_prolight'; float:left; width:88%; margin-left:2%;}
.menu{text-align: center; background: #1DBCBD;  background: -webkit-linear-gradient(#1DBCBD, #117C7D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1DBCBD, #117C7D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1DBCBD, #117C7D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1DBCBD, #117C7D); /* Standard syntax */ float:left; width:100%; }
.navbar{margin-bottom:0;}

.page_heading{width:100%;  font:Arial, Helvetica, sans-serif; font-size:18px; border-bottom:solid;border-bottom-color:#039DFA; padding:5px 0; text-align:center; float:left;}
.breadcrumbs{ width:100%; box-sizing:border-box; float:left; padding:5px; margin:5px 0; font-size:0.9em; border-bottom: 1px dotted #ccc;}
.breadcrumbs span{ color:#0091AA;}
.head_link{ width:100%; height:auto; padding:5px; box-sizing:border-box; background:#17999A; color:#fff !important; font-weight:bold; text-decoration:none; cursor:pointer; border-radius:0.5em;}
.head_link:hover{ background:#1DBCBD;}
.head_link a{ color:#fff; text-decoration:none;}
.mini-menu{display: none;}
    .mini-menu .selectnav{display: none; width: 100%;background: #3b3e4a;font-weight: 600;padding: 10px;height: 42px; color: #fff; border-radius: 5px; cursor: pointer; outline: 0; border:none !important;}
    .selectnav select{appearance: none; border:none !important;}
    .mini-menu label {position:relative; width: 100%;}
    .mini-menu label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:14px; top:14px;
    padding:0 0 2px;

    position:absolute;
    pointer-events:none;
    }
    .mini-menu label:before {
    content:'';
    right:6px; top:10px;
    width: 25px; height: 25px;
    background:#3b3e4a;
    position:absolute;
    pointer-events:none;
    display:block;
    }


.banner{    width: 100%;    float: left;}
.carousel-caption .carousal-text-container{ left:0; right:0;}
.banner .carousel-caption{top: 10%;}
.banner .carousel-caption h1{margin: 0; font-size: 2em;font-family: 'source_sans_probold'; color: #189B9C; letter-spacing: 2px; text-transform: uppercase; padding:30px 0 10px 0; background: #fff;  background: -webkit-linear-gradient(#fff, #ccc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ccc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ccc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ccc); /* Standard syntax */ border-radius:0.5em 0.5em 0 0;}
.banner .carousel-caption h2{font-size: 1.5em; line-height: 36px;font-family: 'source_sans_prolight'; color: #333; letter-spacing: 1px; margin-bottom: 20px; padding:10px 0 30px 0 ; background: #ccc;  background: -webkit-linear-gradient(#ccc, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ccc, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ccc, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ccc, #fff); /* Standard syntax */  border-radius:0 0 0.5em 0.5em ;}
.banner .carousel-caption .btn{color: #fff; font-size: 22px; line-height: 28px; font-family: 'source_sans_problack'; text-transform: uppercase; padding: 10px 25px; background: #189B9C; border-radius: 40px; box-shadow: 0 3px 2px 0px #4a4c54; }
.banner .carousel-caption .btn:hover{color: #189B9C; background: #fff; transition:all 1s;}
.banner .carousel-control {top: 45%; width: 40px; height: 40px; line-height: 42px; font-size: 30px; background: #189B9C; 
                            border-radius: 50px; bottom: 42%; opacity: 0.8;}
.banner .carousel-control:hover{background: #3b3e4a;}                            
.banner .carousel-control.right{right: 10%;}
.banner .carousel-control.left{left: 10%;}

    .banner .carousel-caption h1{ opacity: 0;}
    .banner .carousel-caption h2{ opacity: 0;}
    .banner .carousel-caption .btn{opacity: 0;}
    .banner .carousel-inner:hover img{-webkit-filter: blur(5px); transition:all 5s; }
    .banner .carousel-inner:hover h1{ transition:all 1s; opacity: 0.9 !important;  }
    .banner .carousel-inner:hover h2{ transition:all 1s; opacity: 0.9 !important;  }
    .banner .carousel-inner:hover .btn{ transition:all 1s; opacity: 0.9 !important;  }

/************************************************
	generic styles starts here
 ************************************************/
.featured-block{padding:55px 0; overflow: hidden;}
.featured-block .block{}
.featured-block .block .thumbnail{box-shadow: 0 3px 3px 0 #e0e0e0;}
.featured-block .caption{padding: 25px 15px;}
.featured-block .caption h1{font-size: 18px; line-height: 24px;color: #189B9C; text-transform: uppercase;font-family: 'source_sans_probold';  padding-bottom: 10px; letter-spacing: 1px;}
.featured-block .caption p{font-size: 14px; line-height: 24px; color: #888888;font-family: 'source_sans_proregular';}
.featured-block .caption .btn{color: #fff; background: #189B9C; font-size: 12px; font-family: 'source_sans_problack'; border-radius: 30px; text-transform: uppercase; line-height: 13px;}
.featured-block .caption .btn:hover{color: #fff; background: #454855; transition:all 1s;}


.featured-item{padding:15px 0;overflow: hidden;}
.featured-item .block{overflow: hidden;}
.featured-item .block ul{margin: 0;overflow: hidden; padding: 0;}
.featured-item .block ul li{list-style: none;float: left;}
.featured-item .block .block-title{padding-bottom: 30px;}
.featured-item .block .block-title h1{font-size: 28px; line-height: 32px; color: #454855; text-transform: uppercase;font-family: 'source_sans_probold'; letter-spacing: 1px; margin-top:10px;}
.featured-item .block .block-title h2{font-size: 18px; line-height: 24px; color: #454855; font-family: 'source_sans_prolight';}


.user-info{overflow: hidden; float: left;}
.user-info .icon{margin-right: 30px; background: #189B9C; color: #fff; border-radius: 10px;
                font-size: 25px; padding: 22px; line-height: 25px; width: 70px; height: 70px; float: left;}
.user-info .icon:hover{background: #454855; color: #fff; transition:all 1s;}
.user-info h1{font-size: 18px; line-height: 24px; color: #3b3e4a;font-family: 'source_sans_probold'; padding-bottom: 10px; text-transform: uppercase;}
.user-info p{}

.block .panel-default > .panel-heading {background: #fff;color: #189B9C; font-size: 16px; padding: 0;}
.block .panel-default > .panel-heading .panel-title{line-height: 40px;}
.block .panel-default > .panel-heading .panel-title > a:hover{text-decoration: none;}
.block .panel-default > .panel-collapse{background: #f0f0f0;color: #989898; font-size: 14px;}
.block .panel-default > .panel-collapse .panel-body {padding: 20px 15px; max-height:220px; overflow:auto; font-size:1em;}
.block .panel-default > .panel-collapse .panel-body ul li{    list-style-type:lower-roman;   float: none;  margin-left: 4%;}
.block .panel-group .panel + .panel {
margin-top: 10px;
}

.accordion-caret .accordion-toggle:hover {
        text-decoration: none;
    
    }
    
.accordion-caret .accordion-toggle:before {
    
    vertical-align: -1px;
    
    border-bottom: 0;
    line-height: 0;
}
.accordion-caret .accordion-toggle:not(.collapsed):before {
    
    float: right;
    color:#000;
    display:inline-block;
    content: url(../img/minus-sign.png);

    
}
.accordion-caret .accordion-toggle.collapsed:before {
       
    color:#fff;float: right;
      content: url(../img/plus-sign.png);
    
}
.panel-title .accordion-toggle.collapsed{padding-left: 10px;}
.panel-title .accordion-toggle:not(.collapsed){background: #3b3e4a !important; display: block; padding-left: 10px; color: #fff;}


.featured-content{overflow: hidden; padding: 55px 0;}
.featured-content .block{ background:#ededed; float:left; width:100%; padding:2%; border-radius:0.5em; box-shadow: 0 0 10px #ccc;}
.featured-content .block img{float: left;}
.featured-content .block h1{font-size: 1.5em; line-height: 24px; color: #454855;margin:5px 0; text-align:center;font-family: 'source_sans_probold'; text-transform: uppercase;}
.featured-content .block .btn{color: #fff; background: #189B9C; font-size: 12px; font-family: 'source_sans_problack'; border-radius: 30px; text-transform: uppercase; line-height: 13px;}

.featured-content .block .btn:hover{color: #fff; background: #454855; transition:all 1s;}
/************************************************
	sidebar styles starts here
 ************************************************/

 .input-group {margin: 5px 0; width:30%; float:right;}
.input-group-btn .btn{border-radius: 0 20px 20px 0; background:#454855; color: #fff; font-family: 'source_sans_problack'; text-transform: uppercase; border: none; padding: 6px 10px; font-size: 12px; line-height: 20px;}
.input-group-btn .btn:hover{background: #137b61; color: #fff; transition:all 1s;}
.input-group .form-control {border-radius: 19px;border:1px solid #454855; }
 
 
/************************************************
	Footer styles starts here
 ************************************************/
.footer-wrapper{background: #3b3e4a;}
.site-content{padding: 15px 0; overflow: hidden;}
.site-content .block h1{font-size: 1.4em; line-height: 24px; color: #fff; text-transform: uppercase; font-family: 'source_sans_probold'; padding-bottom: 10px; margin:5px 0;}
.site-content .block ul{margin: 0; padding: 0;}
.site-content .block ul li{list-style: none; line-height: 28px;}
.site-content .block ul li a{font-size: 1em; color: #cbcbcb;font-family: 'source_sans_proregular'; text-decoration:none; width:100%; float:left;} 
.site-content .block ul li a:hover{text-decoration: none; color: #fff;}
.site-content .block ul li a img{ float:left; margin-right:3%;}
.site-content .block .input-group {margin-top: 10px;}
.site-content .block .input-group-btn .btn{border-radius: 0 20px 20px 0; background: #189B9C; color: #fff; font-family: 'source_sans_problack'; text-transform: uppercase; border: none; padding: 6px 5px; font-size: 12px; line-height: 23px;}
.site-content .block .input-group-btn .btn:hover{background: #454855; color: #189B9C; transition:all 1s;}
/*.input-group .form-control {border-radius: 19px;background: #454855; border: none;}*/
.site-content .block .social li a{text-decoration: none; border-bottom: 0;}
.site-content .block .social{margin-top: 8px;}
.social [class^="fw-icon-"]{font-size: 18px; width: 40px; height: 40px; 
                            line-height: 14px; padding:14px; background: #189B9C; color: #fff; border-radius: 50%; display: inline-block; margin-right: 5px;}
.social [class^="fw-icon-"]:hover{background: #454855; color: #189B9C; transition:all 1s;}
.social li{display: inline-block;}

.copy-rights{color: #189B9C;font-family: 'source_sans_proregular'; background: #454855; padding: 15px 0;}
.copy-rights a{color: #fff;font-size: 1em; font-family: 'source_sans_proregular'; text-decoration: none;}
.copy-rights a:hover{ text-decoration:underline;;}

/************************************************
    Responsive Tweaks starts here
 ************************************************/
 
 body.gray {
  background: gray;
  color: white;
}
body.white {
  background: white;
  color: black;
}
body.blue {
  background: blue;
  color: white;
}
body.yellow {
  background: yellow;
  color: black;
}

h1 {
  line-height: 1.25;
  margin: 2em 0 0;
}
p {
  margin: .5em 0;
}

#switcher {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden; text-align:center;
}
#switcher li {
  display:inline-block;
  width: 20px;
  height: 20px;
  margin: 0 15px 15px 0;
  border-radius: 30px;
  border: 2px solid black;
}

#grayButton {
  background: gray;
}
#whiteButton {
  background: white;
}
#blueButton {
  background: blue;
}
#yellowButton {
  background: yellow;
}
 
/*!
 * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com)
 */
.dropdown .dropdown-menu .caret {
	border: 4px solid transparent;
	border-left-color: #000;
	float: right;
	margin-top: 6px;
} 
.dropdown-menu {
  min-width: 250px;
}
.dropdown-menu > li.open > a {
	background-color: #F5F5F5;
	color: #262626;
	text-decoration: none;
}
.dropdown-menu .dropdown-menu {
	left: 100%;
	margin: 0;
	right: auto;
	top: -1px;
}
.dropdown-menu-right .dropdown-menu,
.navbar-right .dropdown-menu .dropdown-menu,
.pull-right .dropdown-menu .dropdown-menu {
	left: auto;
	right: 100%;
}
.dropdown-menu.animated {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.dropdown-menu.animated:before {
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
.dropdownhover-top {
	margin-bottom: 2px;
	margin-top: 0;
}
.navbar-fixed-bottom .dropdown-menu .dropdown-menu,
.dropdownhover-top .dropdown-menu {
	bottom: -1px;
	top: auto;
}

.navbar-nav > li > .dropdown-menu {
	margin-bottom: 0;
}

.dropdownhover-bottom {
	-webkit-transform-origin: 50% 0;
			transform-origin: 50% 0;
}
.dropdownhover-left {
	-webkit-transform-origin: 100% 50%;
			transform-origin: 100% 50%;
}
.dropdownhover-right {
	-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%;
}
.dropdownhover-top {
	-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
}
.dropdown-inline {
	display: inline-block;
	position: relative;
}

#menu, #menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu {
  width: 100%;
 	float:left;
  border: 1px solid #107677;
  background: #111;
  background: linear-gradient(#1ebdbe, #107677);
  border-radius: 6px;
  box-shadow: 0px 2px 2px #ccc;
}

#menu:before, #menu:after {
  content: "";
  display: block;
}

#menu:after { clear: both; }

#menu li {
  float: left;
  background: url(../images/sep.png) no-repeat;
  position: relative;
}

#menu a {
  float: left;
  padding: 12px 15px;
	border-right:1px solid #117D7E;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 12px Arial, Helvetica;
}


#menu ul {
  margin: 20px 0px 0px 0px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 38px;
  left: 0px;
  z-index: 1;
  background: linear-gradient(#1ebdbe, #107677);
  box-shadow: 0px -1px 0px rgba(255, 255, 255, .3);
  border-radius: 3px;
  transition: all .2s ease-in-out;
  text-align: left;
}

#menu li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0px;
}

#menu ul ul {
  top: 0px;
  left: 130px;
  margin: 0px 0px 0px 20px;
  box-shadow: 0px -1px 0px rgba(255, 255, 255, .3);
}

#menu ul a {
  padding: 10px;
  width: 150px;
  display: block;
 // white-space: nowrap;
  float: none;
  text-transform: none;
}

#menu ul a:hover { background: linear-gradient(#1ebdbe, #107677); }

#menu ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 20px;
  top: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #1ebdbe;
}

#menu ul ul li:first-child > a:after {
  left: -12px;
  top: 50%;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-right: 6px solid #107677;
  border-bottom: 6px solid transparent;
}

#menu-trigger { /* hide initially */
display: none; }
 @media(max-width: 700px) {

#menu-wrap { position: relative; }

#menu-wrap* { box-sizing: border-box; }

#menu-trigger {
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0px 0px 0px 35px;
  border: 1px solid #107677;
  color: #fff;
  font-weight: bold;
  background-color: #111;
  background: url(../images/menu.png) no-repeat 10px center, linear-gradient(#1ebdbe, #107677);
  border-radius: 6px;
}

#menu {
  margin: 0px;
  padding: 10px;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 1;
  display: none;
  box-shadow: none;
}

#menu:after {
  content: '';
  position: absolute;
  left: 25px;
  top: -8px;
}

#menu ul {
  position: static;
  visibility: visible;
  opacity: 1;
  margin: 0px;
  background: none;
  box-shadow: none;
}

#menu ul ul {
  margin: 0px 0px 0px 20px;
  box-shadow: none;
}

#menu ul ul li:first-child > a:after {
  border-top: 0px;
  border-bottom: 0;
}

#menu li {
  position: static;
  display: block;
  float: none;
  border: 0px;
  margin: 5px;
  box-shadow: none;
  background: none !important;
}

#menu ul li {
  margin-left: 20px;
  box-shadow: none;
}

#menu a {
  display: block;
  float: none;
  padding: 0px;
  color: #fff;
}

#menu a:hover { color: #fafafa; }

#menu ul a {
  padding: 0px;
  width: auto;
}

#menu ul a:hover { background: none !important; }
}


/******************************
internal page design
******************************/
.page-table-container{ width:auto; height:auto; float:left; margin:5px; padding:5px; box-sizing:border-box; border:1px solid #7BFBFC; background:#E4FFFF}
.page-table-container table{ border:1px solid #CCF0F0; border-collapse:collapse;}
.page-table-container table tr{border:1px solid #CCF0F0; background:#fff;}
.page-table-container table tr:nth-child[odd]{ background:#f6f6f6;}
.page-table-container table tr th{ border:1px solid #CCF0F0; padding:5px; color:#fff; background: #1DBCBD;  background: -webkit-linear-gradient(#1DBCBD, #117C7D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1DBCBD, #117C7D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1DBCBD, #117C7D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1DBCBD, #117C7D); /* Standard syntax */  font-weight:normal;}
.page-table-container table tr td{border:1px solid #CCF0F0; padding:5px; color:#333;}
.page-table-container table a{ color:#117B7C; text-decoration:none;}
.page-table-container table a:hover{ color:#333; text-decoration:underline;}

.second-table-container{ width:auto; height:auto;  margin:5px; padding:5px; box-sizing:border-box; border:1px solid #FCC680; }/*float:left;background:#FEE8CC*/
.second-table-container table{ border:1px solid #CCF0F0; border-collapse:collapse;}
.second-table-container table tr{border:1px solid #CCF0F0; background:#fff;}
.second-table-container table tr:nth-child[odd]{ background:#f6f6f6;}
.second-table-container table tr th{ border:1px solid #CCF0F0; padding:5px; color:#fff;  background: #FF9C1E;  background: -webkit-linear-gradient(#FF9C1E, #B16505); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FF9C1E, #B16505); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FF9C1E, #B16505); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FF9C1E, #B16505); /* Standard syntax */  font-weight:normal;}
.second-table-container table tr td{border:1px solid #F8BF5C; padding:5px; color:#333;}
.second-table-container table a{ color:#117B7C; text-decoration:none;}
.second-table-container table a:hover{ color:#333; text-decoration:underline;}
.button-container{ width:100%; height:auto; float:left; text-align:center; margin:10px 0;}
.pagebutton{ width:auto; height:35px; display:inline-block; background:#1EBBBC url(../img/btn2.png) right no-repeat; color:#fff; border:1px solid #117B7C; border-radius:0.5em; box-shadow:0 0 5px #666; transition: all 1s; font-family:'source_sans_probold'; text-transform:uppercase; font-size:1em; margin:5px 1%; padding:0 25px;}

.pagebutton:hover{ background:#333 url(../img/btn2-hov.png) left no-repeat ; border:1px solid #000;}

.errorMsg{ background:#ffecee; border:1px solid #fac7cc; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; color:#c7303e; padding:10px; width:85%; margin:0 auto;}
/* Success Message */
.successMsg{ background:#ddf3d1; border:1px solid #d6fdc1; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; color:#4c8f27; padding:10px;  margin:0 auto;}
.error{ color:#F33;}
/*****************************************
added on 30/5/2017
*******************************************/
#holiday_list{ border:none !important;}
#holiday_list td{padding:1px !important; border:none !important; border-bottom:1px dotted #333 !important; line-height:14pt;}
#holiday_list .color-block{ width:20px; height:20px; float:left; margin:5px 10px; border-radius:0.3em;}
.redcol{ background:#FB1939; border:1px solid #B3011A;}
.bluecol{ background:#1479EA; border:1px solid #0452AA;}
.greencol{ background:#16CB0E; border:1px solid #088C02;}
.yellowcol{ background:#EED007; border:1px solid #AB9501;}
.purplecol{ background:#5E1AF8; border:1px solid #3503A6;}