.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 1px solid #ccc; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs-hide {
    display: none;
}
.ui-tabs-nav {
}
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS",Trebuchet,Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after {
    clear: both;
    content: " ";
    display: block;
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 88px;
}
.ui-tabs-nav a,.schoolNavi a span{
display: block;
padding:0 10px;
background: url("/images/pages/youth/school/schoolAreaTab88x30.png") no-repeat;
}
.ui-tabs-nav a {
color: #27537A;
    font-weight: bold;
    margin: 1px 0 0;
    outline: 0 none;
    padding-left: 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000000;
    margin-top: 0;
    position: relative;
    top: 1px;
    z-index: 2;
}
.ui-tabs-nav a span {
    height: 22px;
    min-height: 22px;
    min-width: 68px;
    padding-right: 0;
    padding-top: 8px;
    width: 68px;
}
* > .ui-tabs-nav a span {
    height: auto;
    width: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -93px;
}

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -62px;
}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -31px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: 0.4;
}
.ui-tabs-panel {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #97A5B0;
    padding: 1em 8px;
}
.ui-tabs-loading em {
    background: url("loading.gif") no-repeat scroll 0 50% transparent;
    padding: 0 0 0 20px;
}
* html .ui-tabs-nav {
    display: inline-block;
}
:first-child + html .ui-tabs-nav {
    display: inline-block;
}

.glovainavi2017>li {
	float:left;
	width:107px;
	height:42px;
	border-right:1px solid #313a57;
background: #02246c; /* Old browsers */
background: -moz-linear-gradient(top, #02246c 1%, #03010e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #02246c 1%,#03010e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #02246c 1%,#03010e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02246c', endColorstr='#03010e',GradientType=0 ); /* IE6-9 */
}
.glovainavi2017>li:hover {

background: #24599f; /* Old browsers */
background: -moz-linear-gradient(top, #24599f 1%, #132c4b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #24599f 1%,#132c4b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #24599f 1%,#132c4b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24599f', endColorstr='#132c4b',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.glovainavi2017>li:last-child {
	border-right:none;
}
.glovainavi2017>li>a {
	display:table-cell;
	width:108px;
	height:42px;
	text-align:center;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-shadow: 1px 1px 3px #000;
}