/* File:   ~/App_Themes/SpotApp/BrochureCommonControl.css
* Purpose: for all pages except for Homepage
* CRN    Who             When             Description
* -----------------------------------------------------------------------------
* ---    Ian.DONG	   MAR.2016       Designer & Coder
*/

/*# Normalize #*/
@charset "utf-8";
@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:none;text-decoration:none}
html {
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
	 height: 100%;
	}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
*,*:after,*:before{box-sizing:border-box}

body{
font-size:13px;
font-family:'open_sansregular',sans-serif, Helvetica Neue,Helvetica,Arial;
font-style:normal;
line-height: 1.5em;
-webkit-font-smoothing:antialiased;

background-image: url("../../spotapp/media/spotapp-template/bg/body-bg3.jpg");
background-repeat: repeat-x;
/*background-size: 100% 100%; */
background-position:center top;
background-size:auto;
background-color:#fff;

}

b,strong {font-weight: bold;}
p{margin:10px auto 10px auto;font-size: 14px;line-height: 20px;word-wrap: break-word;}
div,span{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.spacer {padding-bottom:3px;padding-top:3px}

/*# Links - All #*/
#main-content a{color:#515151;text-decoration:underline;background-color: transparent;}
#main-content a:link {color:#515151;text-decoration:underline;}
#main-content a:visited {color:#515151;text-decoration:underline;outline: 0;}
#main-content a:hover {color:#aaaaaa;text-decoration:underline;outline: 0;}
#main-content a:active {text-decoration:none}

/*# Link Icon #*/
a:link.link-external,a:visited.link-external {
padding-right: 12px;margin-right:2px;
background: url('../../spotapp/media/spotapp-template/icons/external-link-icon.gif') center right no-repeat;
}

a:link.link-viewpdf,a:visited.link-viewpdf {
padding-right: 19px;
background: url('../../spotapp/media/spotapp-template/icons/external-link-pdf.png') center right no-repeat;
}

a:link.link-viewdoc,a:visited.link-viewdoc {
padding-right: 18px;
background: url('../../spotapp/media/spotapp-template/icons/external-link-word.png') center right no-repeat;
}

/*# H1-H6 #*/
h1{
    margin: 0;
    padding: 0;
    font-size: 36px;
    color: #012f60;
    margin: 0px auto 0px;
    padding: 2px 0px;
    font-weight: normal;
}
h2 {
    margin: 0;
    font-size: 24px;
    color: #012f60;
    font-weight: normal;
    margin:0px;
    padding:0px;
}
h3 {
    font-size: 18px;
    color: #0c8bcc;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 8px;
 
}
h4 {font-size: 16px;line-height: 20px;color:#0c8bcc;}
#login-logo h4{font-size:13.5px}

h5 {font-size: 14px;line-height: 18px;}
h6 {font-size: 12px;line-height: 16px;}

#standardZoneWrapper h3{font-size:20px;font-weight:bold;color:#515151;}
#standardZoneWrapper h4{padding-top:15px;padding-bottom:15px;color:#464646;font-weight:bold;color:#0c8bcc}
#standardZoneWrapper h4 a:link{text-decoration:none}
#standardZoneWrapper img {
  box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
  border:3px #fff solid;
-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.11);
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.11);
    }

a span.bluetxt, .bluetxt{color:#0c8bcc }

.noshadow{
  border:0px !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
}

#main-content ul { list-style-position: inside;font-size:14px}
#main-content ul li{word-wrap: break-word;list-style-position:outside;margin-left:20px;margin-bottom:10px;margin-top:10px}
#main-content ul > li > ul {margin-left:25px}
#main-content ul > li > ul > li{margin-bottom:10px;margin-top:10px}



audio,canvas,progress,video {  display: inline-block; /* 1 */  vertical-align: baseline; /* 2 */}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
hr { box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}

#standardZoneWrapper{ 
padding-left:10px;
padding-right:10px;
}

#standardZoneWrapper .media{margin-bottom:30px}

#main-content img{
  -webkit-filter: brightness(100%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

#main-content img:hover {
  -webkit-filter: brightness(110%);
  border-color:#0c8bcc;
 }

/*# Form #*/
button,input,optgroup,select,textarea {color: inherit; /* 1 */  font: inherit; /* 2 */ margin: 0; /* 3 */}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"], /* 1 */
input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend { border: 0; /* 1 */ padding: 0; /* 2 */}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;}
td,th {padding: 0;}

/*# Top search box #*/

#p_lt_ctl00_SmartSearchBox_pnlSearch{text-align:right;width:100%;padding-right:0px;margin-right:0px;text-align:right}
#p_lt_ctl00_SmartSearchBox_txtWord{width:85%;float:left;color:#0c8bcc}
#p_lt_ctl00_SmartSearchBox_btnSearch{width:8%;float:right;}
#p_lt_ctl00_SmartSearchBox_btnSearch {color:#fff}

/*# Custom CSS #*/
#top-line-wrapper{
	max-width:960px;
	margin:0 auto;
	box-sizing:border-box;
	padding-top:10px;
	padding-bottom:10px;
	}
#search-top {margin-left:-30px;margin-right:-30px}
#search-top .btn-default {background-color:#0c8bcc;border:0px;height:33px}
#search-top .btn{border-radius:0px;}
#search-top .form-control{border-radius:0px;height:33px;border-color:#0c8bcc}

#home-main-wrapper{
	max-width:960px;
	margin:0px auto;
	padding-bottom:30px;
	opacity:1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color: #ccc;
	background: url("../images/bg/homebg-1.jpg") no-repeat top center;

	-webkit-background-size: 100%;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% auto;
	background-color:#fff;

-webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.11);
box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.11);

	overflow:visible;
	}


#standard-main-wrapper{
	max-width:960px;
	margin:0px auto;
	padding-bottom:30px;
	opacity:1;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	border-color: #ccc;
	background-color:#fff;
-webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.11);
box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.11);
background-size: 100% 100%;
    background-repeat: no-repeat;
	}

/*# Top Nav bar #*/
#top-navbar{
	font-size:15px;
	background-color:#e4e4e4;
	border-radius:0px;
	border-top:0px #9f9f9f solid;
	border-bottom:1px #e6e6e6 solid;
	border-left:0px;
	border-right:0px;
	background: rgb(226,226,226);
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(246,246,246,1) 53%, rgba(247,247,247,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(246,246,246,1) 53%,rgba(247,247,247,1) 100%);
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(246,246,246,1) 53%,rgba(247,247,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f7f7f7',GradientType=0 );
}

#top-navbar .navbar-nav>li>a {text-transform: uppercase;font-size:16px;border-radius:0px;color:#5c5c5c !important}
#top-navbar .navbar-nav>li{border-left:1px #ccc solid;}
/*.navbar-nav>li:first-child {border-left:none} */

#top-navbar ul,#top-navbar li{list-style-type: none;}


#top-navbar,#top-navbar ul,#top-navbar li{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}

#top-navbar ul.navbar-nav> li{	
	padding-top:12px;
	padding-bottom:10px;	
	}

#top-navbar ul.navbar-nav> li:hover {
	background-color:#fff;
	border-top:3px #0c8bcc solid; 
	padding-bottom:7px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;	
	}

#top-navbar ul.navbar-nav  li  a{color:#494949}
#top-navbar ul.navbar-nav  li ul li a{font-size:15px}
#top-navbar ul.navbar-nav> li > a:hover, .navbar-nav > li > a.active {color:#0c8bcc !important}
#top-navbar ul.navbar-nav> li:active {background-color:#fff;}
#top-navbar ul.navbar-nav> li > ul > li {background-color:#fff;color:#fff}
#top-navbar ul.navbar-nav> li > ul > li:hover {background-color:#ccc;color:#fff}

#top-navbar ul.dropdown-menu{
	border-radius:0px;
	border-top: 0px #0c8bcc solid;
	font-size:16px;
	right:-1px;	
	background-color:#fff;	
	}


#top-navbar ul.dropdown-menu>li>a:hover{color:#0c8bcc;background-color:#fff;}

#top-navbar .caret{border:none;}
#top-navbar .dropdown-toggle{
padding-right: 14px;margin-right:14px;
background:url("../../spotapp/media/spotapp-template/dropdown-arrow-grey.png") center right no-repeat;
}

#top-navbar .navbar-toggle{border-color:#337ab7;border-radius:0px}
#top-navbar .navbar-toggle:hover{background-color:#fff}

/*#top-navbar .dropdown:hover .dropdown-menu {display: block;} */

#home-placeholder{height:220px;display:block}

#home-intro-left {padding:30px 30px 30px 30px}
#home-intro-left h3{text-shadow:1px 1px 1px #fff}
#home-intro-left p{font-size:14px}
#home-intro-right img{
-webkit-box-shadow: -3px -7px 30px -11px rgba(0,0,0,0.37);
-moz-box-shadow: -3px -7px 30px -11px rgba(0,0,0,0.37);
box-shadow: -3px -7px 30px -11px rgba(0,0,0,0.37);
	}

#home-dashboard-thum{border:0px #7d7d7d solid}
.video-thum-home{
	width:100%;
	display:block;
}

.video-col-wrapper{
	padding-top:10px;
	border-radius:0px;
	border:0px #ebebeb solid;
	}

.video-col-wrapper img{
	border:2px #ccc solid;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	}
.video-col-wrapper .video-col-title {color:#474747;font-size:18px;}
.video-col-wrapper .video-col-title span{color:#0c8bcc}

/*# search result hover #*/
.result-wrapper{transition: all 420ms;}
.result-wrapper:hover {  
  transform: translateY(-2px);
  transition: all 420ms;
  border-bottom:1px #0c8bcc solid;
}


#home-col-manage,
#home-col-empower,
#home-col-inform,
#home-col-see{
	border-radius:1px;
	border:0px #c8c8c8 solid;
	}

#footer-wrapper{
	max-width:960px;
	padding-top:15px;
	padding-bottom:30px
	}

#footer-wrapper .footer-col-title {color:#474747;font-size:18px;margin:5px auto}
#footer-wrapper .footer-col-title span{color:#0c8bcc}
#footer-wrapper p,#footer ul{font-size:13px;line-height:18px;display:block}

#footer-wrapper ul{margin-left:20px}
#footer-wrapper ul li{list-style:none;}
#footer-wrapper ul li.foot-contact {list-style-image: url('../../spotapp/media/spotapp-template/footer-info.png');}
#footer-wrapper ul li.footer-tel {list-style-image: url('../../spotapp/media/spotapp-template/footer-tel.png');}
#footer-wrapper ul li.footer-email {list-style-image: url('../../spotapp/media/spotapp-template/footer-email.png');}
#footer-wrapper img.footer-social-icon{width:20px;height:20px;margin-top:10px}

/*# bootom-wrapper #*/
#bootom-wrapper{
	width:100%;
	min-height:20px;
	background-color:#F6F6F6;
	border-top:1px #b8b8b8 solid;
	}
#copytext{max-width:960px;padding-top:10px;padding-bottom:10px;padding-left:15px;margin:0 auto;}

/*# Go-Top-Button #*/
#w2b-StoTop {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px; 
background-color: #EEEEEE;
background-color: rgba(238, 238, 238, 0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');
text-align:center;
padding:0px;position:fixed;bottom:2px;right:10px;
cursor:pointer;color:#444;
text-decoration:none;
border:0px solid #C9C9C9;z-index:99;
overflow:hidden;
}
#w2b-StoTop img{border:0px}


/*# News Page - jaliswall Grid #*/
#NewsListSection{margin-top:10px}
#NewsListSection a,
#NewsListSection a:link,
#NewsListSection a:active,
#NewsListSection a:visited {text-decoration: none;}
#NewsListSection .wallNewsDate{
  text-align:center;
  padding:3px 10px;
  font-size:14px;
  background-color:#0c8bcc;
  width:118px;
  color:#fff;
  border-bottom:3px #7CA9CE inset;
  border-radius:0px 0px 0px 0px;
}
#NewsListSection .wall-item {
  display: block;
  margin: 0 0 30px 0;
  padding: 0px;
  /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);*/
  transition: all 220ms;
  border-bottom:2px #0c8bcc solid;
}

#NewsListSection .wall-item:hover {
 /* box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); */
  transform: translateY(-3px);
  transition: all 420ms;
  border-bottom:2px #515151 solid;
}

#NewsListSection .wall-item img {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
}

#NewsListSection .wall-item h3 {
  padding-top:4px;
  padding-bottom:2px;
  /*text-transform: uppercase;  */
  font-size:15px;
}

#NewsListSection .wall-item p{
  line-height:16px;
  font-size:12px;
} 
#NewsListSection div.NewsReadMoreWrapper{width:100%;text-align:right}
#NewsListSection span.NewsReadMore{
   width:180px;
  font-weight:bold;
padding-left:11px;
  margin-bottom:3px;
background:url('../../spotapp/media/spotapp-template/dropdown-arrow-blue-H.png') center left no-repeat;
}

#NewsListSection .wall {
  display: block;
  position: relative;
}

#NewsListSection .wall-column {
  display: block;
  position: relative;
  width: 25%;  /* 33.333333% 3Cols*/
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}

@media (max-width: 640px) {
#NewsListSection .wall-column { width: 50%; }
}
@media (max-width: 480px) {
#NewsListSection .wall-column {
  width: auto;
  float: none;
}
}

#pagination {text-align:center}
#pagination .SelectedPage{border-radius:3px;border:1px #0c8bcc solid;color:#0c8bcc;margin:0px 3px;padding:3px 10px}


/*# videoWrapper #*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*# Detailed News Page #*/
div.DetailedNewsWrapper .DetailedNewsImgWrapper{float:right;margin:10px}
div.DetailedNewsWrapper div.DetailedNewsDate{padding:3px 10px;background-color:#eeeeee;width:110px;text-align:center;border-radius:3px}
div.DetailedNewsWrapper .DetailedNewsTeaserImg{width:100%}
div.DetailedNewsWrapper p.DetailedNewsTextContent{}
div.DetailedNewsWrapper .NewsHeadingbluetxt{margin-top:10px;margin-bottom:5px;color:#0c8bcc !important}

/*# Feature Page #*/
div.media h4.media-heading{padding-top:0px !important;padding-bottom:0px !important}

/*# login logo Page #*/
#login-logo h4{
  border:1px #c1c1c1 solid;
  border-bottom:3px #dedede solid;
  padding:8px 10px;
  margin-top:15px;
  margin-bottom:5px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(247,247,247,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}
#login-logo h4{border-top-left-radius: 4px;border-top-right-radius: 4px;}
#login-logo h4:before{
content: "";
background: url("/spotapp/media/spotapp/logos/login-top-arrow.png") 0 0 no-repeat scroll transparent;
display: block;
width: 30px;
height: 10px;
position: absolute;
left: 50%;
bottom:43px;
}

#login-logo img:hover{
  transform: translateY(-5px);
  transition: all 420ms;
  
}

/*# Search Result Tab #*/
.ajax__tab_xp .ajax__tab_header{
  margin-bottom:15px;
  background-image:url("/spotapp/media/spotapp-template/bg/SearchTabBg.png") !important;
}
.SearchResultWrapper .ajax__tab_xp .ajax__tab_body{background:none;border:none}
.SearchResultWrapper a.ajax__tab_tab span{font-size:16px;color:#737373}
.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_tab {padding:5px 16px;background:none;height:32px;min-width:100px}
.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_outer{background:none;height:31px}
.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_inner{background:none}

.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab{background:none}
.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_inner{background:none}
.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer{background:none}

.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab{background:none}
.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab span{color:#fff}
.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner{background:none}

.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_outer{
  background:none;
  border-top:1px solid #0C8BCC;
  border-left:1px solid #0C8BCC;
  border-right:1px solid #0C8BCC;
  border-bottom:1px solid #0C8BCC;
  background-color:#F6F6F6;
}

.SearchResultWrapper .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer{
  background:none;
  border-top:1px solid #0C8BCC;
  border-left:1px solid #0C8BCC;
  border-right:1px solid #0C8BCC;
  border-bottom:1px solid #0C8BCC;
  background-color:#0C8BCC;
}



/*# Screen < 320 #*/
@media screen and (max-width: 320px) {
#p_lt_ctl00_SmartSearchBox_txtWord{width:83%;float:left;color:#0c8bcc}
#p_lt_ctl00_SmartSearchBox_btnSearch{width:8%;float:right;}
}

/*# Screen < 480 #*/
@media screen and (max-width: 480px) {
.video-col-wrapper .video-col-title {font-size:12px;}
#home-main-wrapper{background: url("../images/bg/homebg-1-mobile.jpg") no-repeat top center;
	-webkit-background-size: 100%;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% auto;
	background-color:#fff;
	}
div#home-placeholder  {height:60px}
}

/*# Screen < 768 #*/
@media screen and (max-width: 768px) {
#logo-brand{height:30px}
.navbar-nav>li{border-left:0px}
#top-navbar ul.dropdown-menu>li>a{white-space:normal;}
#search-top {margin-left:-15px;margin-right:-15px}
#home-placeholder{height:100px;display:block}
#standardZoneWrapper{ padding-left:0px;padding-right:0px;}
#top-navbar ul.navbar-nav> li:hover {border-bottom:3px #0c8bcc solid;}  
}

/*# Screen > 769 #*/
@media screen and (min-width:769px){ 
#menuElem > li.Highlighted {
  box-sizing: content-box;
  margin-bottom:-1px;
  border-bottom:1px #fff solid;
  background:url("../../spotapp/media/spotapp-template/bg/highlighted_nav_bg.png") top repeat-x;
  }
  
}

/*# Screen 481 - 768 #*/
@media screen and (min-width:481px) and (max-width:768px){
}

/*# Screen 768 - 900 #*/
@media screen and (min-width:768px) and (max-width:900px){
}

/*# Screen > 901 #*/
@media screen and (min-width:901px){ 
}

/*# Print #*/
@media print {
  
}