@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,300);
/* 
   STAFF STYLES
   styles.css
   Author: Nick Papadatos - University of Canberra
   Date: 10/05/2014

 Table of Contents
 
    1.  Content
			1.1 Headings
			1.2 Paragraphs and links
			1.3 Animated Links
			1.4 Images
			1.5 Pagename Styles
			1.6 Various Margins
			1.7 Unordered Lists and Links
			1.8 List Groups
                        1.9 List Groups Dark
                        1.10 Quotes
                        1.11 Form elements
   2.  Header
			2.1 Top Bar
			2.2 Site Name
			2.3 Header Tools
   3.  Main Content
                        3.1 Info Tiles
                        3.2 Asset Listing Pages - Pagination
                        3.3 Accordions
                        3.4 Breakout Parallax
                        3.5 buttons with right chevron
                        3.6 Clear floating elements
                        3.7 Blockquote
   4.  Footer
			4.1 Footer Bottom
			4.2 Footer Styles
			4.3 Footer Links and Headings
			4.4 Social Media Icons
   5.  Icons
   6.  Calendar Styles
   7.  Search
   8.  Global Top Bar Navigation
                        8.1  Topnav Dropdown Mega Menu
   9.  Left Hand Navigation
  10.  Breadcrumbs
  11.  Tabs to Accordion
  12.  Skip to Content and Footer
  13.  Animated Buttons
 
      
*********************************************************/





/*
=================
1.1 Headings
================
*/


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 1.1;
	color: inherit;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
	font-size: 65%;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}
h1, .h1 {
	font-size: 36px;
}
h2, .h2 {
	font-size: 22px;
}
.content > h2 {
	margin-top: 0px;
}
h3, .h3 {
	font-size: 18px;
}
h4, .h4 {
	font-size: 18px;
}
h5, .h5 {
	font-size: 14px;
}
h6, .h6 {
	font-size: 12px;
}

.dropdown h3.title {
    border-bottom: 1px solid #d9d9d9;
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

h2.search-title {
    font-size: 1.666em;
    font-weight: normal;
    text-rendering: optimizelegibility;
}

h2.tab-heading            {font-weight: 700;}
h1.pagename-fullspread    {font-weight: 700; margin-top:0; margin-bottom:0;}


.gridbg-header {

   background:#f9f9f9 url(/myuc-s/human-resources/images/gray_bg.png) repeat 0 0;
   padding:10px 0 20px;
   border-bottom: 1px solid #e0e0e0;
}

.gridbg-header-alt {

    background:#f9f9f9 url(/myuc-s/human-resources/images/gray_bg.png) repeat 0 0;
    margin-top: -20px;
    padding: 20px 0 0;
}
.block       {display:block;}
span.error   {color:#FF0000; display: block;}

  @media (max-width: 768px) {

.tile h3 a {font-size: 25px!important;} 

}

/*
=================
1.2 Paragraphs and Links
================
*/
p {	margin: 0 0 10px;
        font-weight: normal;
        
}
.content p {
	margin: 0 0 15px;
        line-height: 1.8;
        
}
a.green, .green, span.green {
	color: #3FC380;
}
a.white, .white, span.white {
	color: #ffffff!important;
}
a.orange, .orange, span.orange {
	color:#F60;
}
a.yellow, .yellow, span.yellow {
	color:#F93;
}
a.red, .red, span.red {
	color:#FF0000;
}
a.blue, .blue, span.blue{
	color:#009edd;
}
a.green-bg, .green-bg, span.green-bg {
	background: #3FC380;
	color:#fff;
	padding:5px;
}
a.white-bg, .white-bg, span.white-bg {
	background: #ffffff;
	color: #000
}
a.orange-bg, .orange-bg, span.orange-bg {
	background:#F60;
	color: #fff;
}
a.yellow-bg, .yellow-bg, span.yellow-bg {
	background:#F93;
	color: #fff;
}
a.red-bg, .red-bg, span.red-bg {
	background:#FF0000;
        color#fff
}

a.blue-bg, .blue-bg, span.blue-bg {
	background:#FF0000;
        color#fff
}

a.green, span.green {
	color: #3FC380;
}
/*a.white, span.white {
	color: #ffffff;
}*/
a.black, span.black {
	color: #000000;
}
a.category {
	font-size: 16px;
}
a.footer-btn {
	display:inline-block;
	padding: 5px;
        color: #000!important;
	background: #3fc380;
	font-weight: 700;
	font-size: 12px;
        min-width: 32%;
        text-align: center;
}

/*
=================
1.3 Animated Links
================
*/

.animate {
	-moz-transition: all 500ms;
	-webkit-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}
a.animate:hover {
	margin-left: 10px;
}


/*
=================
1.4 Images
================
*/

img {
	max-width: 100% !important;
}
img {
	vertical-align: middle;
}
.img-circle {
	border-radius: 50%;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.img-right {
        float:right;
        margin: 0 0 10px 10px;
}
.img-left {
        float:left;
        margin: 0 10px 10px 0;
}


hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #d9d9d9;
}
.green.hr {
    background: #3fc380;
    display: block;
    height: 1px;
    margin: 20px 0 15px;
}



.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}



/*
 ===============================
1.5 Page Name Styles
================================
*/

.page-name-breakout {
   background: #f5f5f5;
   margin-top: -20px;
   margin-bottom: 30px;
}

.page-name {
    color: #000000;
    padding: 5px 10px 10px 0;
    position: relative;
}

.page-name-mobile {
  display: none;
}

span.down-arrow-title {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #f5f5f5 transparent transparent transparent; 
  position: absolute; bottom:-8px;
}

.img-title {
	display: none;
}
img.logo {
	position: absolute;
	top: 5px;
}




/*
 ===============================
1.6 Various Margins
================================
*/

.text__right   {text-align: right}
.margin-3-top  {margin-top: 3px;}
.margin-0-all  {margin:0px!important; padding:0!important; }
.margin-0-btm  {margin-bottom:0px!important; }

.margin-x8-left {margin-left: 8px;}

.margin-x10-top {margin-top: 10px;}
.margin-x10-btm {margin-bottom: 10px;}
.margin-x10-left {margin-left: 10px;}

.margin-x15-top {margin-top: 15px;}
.margin-x15-btm {margin-bottom: 15px;}
.margin-x15-left {margin-left: 15px;}
.margin-x15-right {margin-right: 15px;}

.margin-x20-top {margin-top: 20px;}
.margin-x20-btm {margin-bottom: 20px;}
.margin-x20-left {margin-left: 20px;}

.margin-x30-top {margin-top: 30px;}
.margin-x30-btm {margin-bottom: 30px;}
.margin-x30-left {margin-left: 30px;}

.margin-x50-top {margin-top: 50px;}

.margin-x60-top {margin-top: 60px;}

span.margin-left, .margin-left {
	margin-left: 15px;
}

/*-------------------
  padding and margins
  ------------------- */
/* Padding Zero */
.p0{padding: 0}
/* Padding Top */
.pt0{padding-top:0}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}
.pt110{padding-top:110px}
.pt120{padding-top:120px}
.pt130{padding-top:130px}
.pt140{padding-top:140px}
/*padding top bottom*/
.ptb0{padding-top:0}
.ptb10{padding:10px 0}
.ptb15{padding:15px 0}
.ptb20{padding:20px 0}
.ptb30{padding:30px 0}
.ptb40{padding:40px 0}
.ptb50{padding:50px 0}
.ptb60{padding:60px 0}
.ptb70{padding:70px 0}
.ptb80{padding:80px 0}
.ptb90{padding:90px 0}
.ptb100{padding:100px 0}
.ptb110{padding:110px 0}
.ptb120{padding:120px 0}
.ptb130{padding:130px 0}
.ptb140{padding:140px 0}

/* Padding Bottom */
.pb0{padding-bottom:0}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb70{padding-bottom:70px}
.pb80{padding-bottom:80px}
.pb90{padding-bottom:90px}
.pb100{padding-bottom:100px}
.pb110{padding-bottom:110px}
.pb120{padding-bottom:120px}
.pb130{padding-bottom:130px}
.pb140{padding-bottom:140px}
/* Padding Left */
.pl0{padding-left:0}
.pl3{padding-left:3px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl60{padding-left:60px}
.pl70{padding-left:70px}
.pl80{padding-left:80px}
.pl90{padding-left:90px}
.pl100{padding-left:100px}
.pl110{padding-left:110px}
.pl120{padding-left:120px}
.pl130{padding-left:130px}
.pl140{padding-left:140px}
/* Padding Right */
.pr0{padding-right:0}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pr60{padding-right:60px}
.pr70{padding-right:70px}
.pr80{padding-right:80px}
.pr90{padding-right:90px}
.pr100{padding-right:100px}
.pr110{padding-right:110px}
.pr120{padding-right:120px}
.pr130{padding-right:130px}
.pr140{padding-right:140px} 
/* Padding */
.p10{padding:10px}
.p20{padding:20px}
.p30{padding:30px}
.p40{padding:40px}
.p50{padding:50px}
.p60{padding:60px}
.p70{padding:70px}
.p80{padding:80px}
.p90{padding:90px}
.p100{padding:100px}
.p110{padding:110px}
.p120{padding:120px}
/* Margin Auto */
.mr-auto{margin: auto;float: none}
/* Margin Top */
.mt0{margin-top:0}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mt110{margin-top:110px}
.mt120{margin-top:120px}
.mt130{margin-top:130px}
.mt140{margin-top:140px}
/* Margin Bottom */
.mb0{margin-bottom:0}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}
.mb110{margin-bottom:110px}
.mb120{margin-bottom:120px}
.mb130{margin-bottom:130px}
.mb140{margin-bottom:140px}
/* Margin Left */
.ml0{margin-left:0}
.ml15{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}
.ml70{margin-left:70px}
.ml80{margin-left:80px}
.ml90{margin-left:90px}
.ml100{margin-left:100px}
.ml110{margin-left:110px}
.ml120{margin-left:120px}
.ml130{margin-left:130px}
.ml140{margin-left:140px}
/* Margin Right */
.mr0{margin-right:0}
.mr5{margin-left:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr60{margin-right:60px}
.mr70{margin-right:70px}
.mr80{margin-right:80px}
.mr90{margin-right:90px}
.mr100{margin-right:100px}
.mr110{margin-right:110px}
.mr120{margin-right:120px}
.mr130{margin-right:130px}
.mr140{margin-right:140px}

.center-text {
    text-align: center;
}


[class*="col-"]                {margin-bottom: 20px}
.slides li [class*="col-"]     {margin-bottom: 0px}
.important-msg [class*="col-"] {margin-bottom: 0px}


/*
 ===============================
1.7 Unordered Lists and Links
================================
*/

ul.list {
	margin:0;
	padding: 0;
}
ul.list li {
	list-style-type: none;
}
  @media (max-width: 768px) {

.list li a {font-size:18px!important;}

}

.list-item {
	border-bottom: 1px solid #DDDDDD;
	display: block;
	padding: 10px 0px;
}

ul.list-b {
	margin:0;
	padding: 0;
}
ul.list-b li {
	list-style-type: none;
	margin-bottom: 5px;
	position:relative;
	padding: 0 0 0 20px;
        clear: both;
}


ul.list-b li:before{
  
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	left: 0px;
}


.content li {line-height:1.8;}

/*
 ===============================
1.8 List Groups
================================
*/

.list-group {
	margin-bottom: 20px;
	padding-left: 0;
	padding-top:0;
	border-radius: 4px;
	border: solid 1px #ddd;
	overflow: hidden;
	background-color: #ddd;
}
.list-group-item {
	background-color: #FFFFFF;
	display: block;
	margin-top: 1px;
	padding: 10px 15px;
	position: relative;
}

a.list-group-item:hover, a.list-group-item:focus {
	text-decoration: none;
	background-color: #f5f5f5;
}
a.list-group-item {
	color: #555555;
	text-decoration: none;
}
a.list-group-item.active {
	background: #3FC380;
	border: 1px solid #3FC380;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	background-color: #3FC380;
	border-color: #3FC380;
	color: #FFFFFF;
	z-index: 2;
       padding-right: 30px;
}
/*
=================
1.9 List Groups Dark
================
*/
ul.list-group-dark {
	margin-bottom: 20px;
	padding-left: 0;
	padding-top:0;
	border-radius: 4px;
	overflow: hidden;
	background-color: #fff;
}
li.list-group-dark-item a {
	/*background-color: #55606E;*/
        background-color: #f5f5f5;
	display: block;
	margin-top: -1px;
	margin-bottom: 2px;
	padding: 10px 15px;
	position: relative;
}

li.list-group-dark-item a:hover, li.list-group-dark-item a:focus {
	text-decoration: none;
	background-color: #343A41;
       color:#fff;
}
li.list-group-dark-item a {
	color: #626262;
	text-decoration: none;
}
li.list-group-dark-item.active a {
	background: #3FC380;
	border: 1px solid #24AFB2;
}
li.list-group-dark-item.active a, li.list-group-dark-item.active:hover a, li.list-group-dark-item.active:focus a {
	background-color: #3FC380;
	border-color: #3FC380;
	color: #FFFFFF;
	z-index: 2;
    padding-right: 30px;
}
li.list-group-dark-item:last-child a {
	border-radius: 0 0 4px 4px;
}
li.list-group-dark-item a:after {
    top: 50%;
    right: 10px;
    color: #999;
    font-size: 14px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
    line-height: 0;
}

h4.list-group-item-heading {border-bottom: solid 1px #ccc; padding-bottom: 10px;}

/*
 ===============================
1.10 Quotes
================================
*/
.quote-right {
        font: italic 1.2em Georgia,serif,Arial,sans-serif;
        border-right: 5px solid #bbb; color:#585858; padding: 10px 15px 10px 15px;
}

/*
 ===============================
1.11 Form elements
================================
*/

.sq-form-required-field {
        color: #FF0000;
}

/*
 ===============================
2. Header
================================
*/

#header {
	position: relative;
	height: 180px;
	z-index:1;
        background: #43494C url('/__data/assets/image/0006/994119/pattern_jeans.png') repeat-x 0 0;
}

/*
 ===============================
2.1 Top Bar
================================
*/

.top-bar {
	background-color: #262a2d;
}
.top-bar-inner {
	background-color: #f0f2f4;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ededed;
	min-height: 2px;
}
.top-bar-inner ul {
	list-style: none;
	float: right;
	margin: 0;
}
.top-bar-inner ul li {
	float: left;
	font-size: 11px;
}
.top-bar-inner ul li a {
	background-color: #fff;
	color: #878b93;
	padding: 3px 15px;
	border: 1px solid #e9e9e9;
	line-height: 17px;
	border-radius: 25px;
	display: inline-block;
	text-decoration: none;
}
.top-bar-inner ul li a span {
	/*display: inline-block;*/
	width: 17px;
	height: 17px;
	margin-left: 5px;
}
.header-middle {
	height: 80px;
	background-color: #fff;
	position:relative;
        
}

.left-bg {
	position: absolute;
	background-color:  #3FC380;
	height: 156px;
	width: 100%;
	left: -100%;
	top:0;
}
/*
 ===============================
2.2 Site Name
================================
*/

.site-name {
	background-color: #3FC380;
	width: 276px;
	height: 76px;
	padding: 20px 0 20px 15px;
	position: relative;
	float: left;
	margin-left:-15px;
}
.site-name h2, .site-name h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	padding: 0px;
	margin: 5px 0 0;
}
.site-name h4 {
	font-size: 13px;
	padding-top: 0;
}
.triangle-arrow {
	border-right: 58px solid transparent;
	border-top: 76px solid #3FC380;
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	right: -58px;
	top: 0;
}

/*
 ===============================
2.3 Header Tools
================================
*/
.header-tools {
	float: right;
	height: 56px;
	padding: 12px 0;
	text-align: right;
	/*max-width: 535px;*/
}
.header-tools h3 {
	line-height: 56px;
	color: #fff;
	font-weight: 300;
	font-size: 20px;
}
.title-wrapper {
	overflow: hidden;
	z-index: 2;
}
.header-tools a {
	/*color: #4491C9;*/
        color:#fff;
	font-weight: 600;
}
.header-tools .right-margin {
	margin-right: 20px;
}



/*
 ===============================
3. Main Content
================================
*/

#main {
	margin-top: 20px;
}

.content {/*min-height: 500px;*/}


/*hide top nav and show for mobile*/
.navbar-header {
	display: none;
}

.breakout {
   background: #eeeeee;
   min-height: 200px;
   margin-bottom: 30px;
   padding-top: 20px;
   padding-bottom: 20px;
   border: solid 1px #ccc;
   border-width: 1px 0;
  } 


/*
 ===============================
3.1 Info Tiles
================================
*/

.info-tiles-container {
	width:25%;
	margin-right:16px;
	display:inline-block;
}

a.info-tiles {
	padding:5px 10px;
	border-top-right-radius:1px;
 	border-top-left-radius:1px;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:.04em;
	color:#fff;
 	text-decoration:none;
}

a.info-tiles:hover {
	opacity: 0.8
}
.tiles-body {
	font-size:22px;
	border-bottom-right-radius:1px;
	border-bottom-left-radius:1px
}
.text-center {
	text-align: center;
        font-size: 18px;
}
.tiles-body {
	background: #556B8D;
	padding: 10px;
}
a.info-tiles small {
	display: block;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 4px;
	margin-top: 10px;
	opacity: 0.8;
	text-align: center;
        text-transform: none;
}
.tiles-heading {
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	letter-spacing: 0.04em;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
}
.tiles-heading {
	background:#667EA3;
}
.tiles-footer {
	background: #3FC380;
	position:relative;
	padding: 5px 0;
}
.tiles-footer:after {
	content:"";
	position:absolute;
	bottom:-20px;
	right:-11px;
	margin-right:11px;
	margin-bottom:20px;
	border-top:5px solid rgba(0,0,0,0.35);
	border-right:5px solid #f7f8fa;
	border-bottom:5px solid #f7f8fa;
	border-left:5px solid rgba(0,0,0,0.35);
	border-top-left-radius:1px
}
a.info-tiles .orange {
	background: #F2B154;
        color: #fff;
}
a.info-tiles .orange-body {
	background: #EFA131;
}
a.info-tiles .orange-footer {
	background:#DC8911;
 color: #fff;
}


a.info-tiles .green {
	background: #98D061;
 color: #fff;
}
a.info-tiles .green-body {
	background: #85C744;
}
a.info-tiles .green-footer {
	background:#3FC380;
 color: #000;
 text-transform:none;
}


a.info-tiles .red {
	background: #EB6B5E;
 color: #fff;
}
a.info-tiles .red-body {
	background: #E74C3C;
}
a.info-tiles .red-footer {
	background:#D62C1A;
}

/*
====================================
3.2 Asset Listing Pages - Pagination
====================================

*/
.pagination {
    height: 40px;
    margin-top: 20px;
}
.pagination > a, .pagination > span {
    display: block;
    float: left;
    line-height: 1.2;
    margin-right: 5px;
    padding: 11px 15px;
}
span.active {
    background-color: #3FC380;
    border-radius: 50%;
    color: #FFFFFF;
    line-height: 1.2;
}
.pagination a {
    background-color: #FFFFFF;
}
.pagination span a {
    border: medium none;
}
.disable {
    color: #CCCCCC !important;
}
.total {
    background: none repeat scroll 0 0 #F1F1F1;
    border-radius: 16px;
    color: #000000;
    display: block;
    float: left;
    padding: 9px 12px;
}

/*====================================
3.3 Accordions
====================================*/

.accordions {
    margin-bottom:20px;
}

#filter { 
    background: #f9f9f9;
    padding: 15px;
}

input.filter                             {padding: 5px; width: 100%;}
.faqs h2.trigger, .accordions h2.trigger {display: block;}
.faqs h2.trigger:hover,
.accordions h2.trigger:hover,
.trigger:hover                           {cursor: pointer;}
.trigger                                 {line-height: 1; position: relative; margin:0; padding: 10px 30px 10px 0;}
.trigger:after {
    top: 10px;
    right: 10px;
    color: #777;
    font-size: 15px;
    content:"\2B";
    position: absolute;
    font-weight: normal;
    display: inline-block;
   

}
.trigger.active:after {
   content:"\2D";"; 
}
.acc-content        {background-color: #F8F8F8; padding: 8px;}

.acc-content table  {background-color: #fff;}

.acc-item,
.faq-item           {border-bottom: solid 1px #f1f1f1;}

.trigger.acc,
.trigger.faq        {font-size: 16px; line-height: 1.4;}

.trigger.acc.active,
.trigger.faq.active {font-weight: bold;}

/* FAQ highlite */
.highlight          {font-weight: bold; background: yellow;}

/*==============================
3.4  Breakout Parallax
===============================*/
.media-object {text-align:center;}
.media-object {
	border: 4px solid #e7eaf1;
	border-radius: 50%;
	color: #a4acb5;
	display: block;
	font-size: 30px;
	margin: 30px auto 25px;
	width: 105px;
	height: 105px;
}
.media-object i {
	vertical-align:middle;
	text-align: center;
	line-height: 95px;
        padding-left: 5px;
}

.span-5 .tile  {text-align:center;}
.span-5 ul     {margin:0; padding:0;}
.span-5 ul li  {list-style-type:none; margin-bottom: 5px;}
.span-5  h3    {font-size: 19px; font-weight: 700;}

.span-5 {
   min-height: 1px;
   padding-left: 15px;
   padding-right: 15px;
   position: relative;
   float:left;
   width: 20%;
  }

   @media (max-width: 768px) {
   .span-5 {width: 100%;}
  }
  
  @media (max-width: 992px) {
  
   .span-5 {width: 100%;}
  }



.section-header h2 {
    font-size: 40px; 
    font-weight: 700;
}
.section-header h2 small {
    font-weight: normal;
    letter-spacing: 2px;
}

.position-center {
	text-align: center;
}

.sectionline {
	border-bottom: 1px solid #ddd;
	display: block;
	margin: 0 auto 15px;
	width: 100px;
}

/*****************************
    PARALLAX 
*****************************/


/*NEW*/
.parallax {
	width: 100%;
	min-height: 450px;
	position: relative;
	overflow: hidden;
	background: #f8f8f8;
	color: #ffffff;
	z-index:0;
}

.parallax .parallax-content {
	min-height: 450px;
}
.parallax-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	overflow:hidden;
}
.overlay {
	background: url('/__data/assets/image/0005/1019390/pattern.png');
	width: 100%;
        height:100%;
	position: absolute;
	overflow:hidden;
        background-color: rgba(44,62,80,0.6);
}
.parallax-bg {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: top center;
}
/*--------------------------------------------------------
/* PARALLAX SECTION 1
--------------------------------------------------------*/
.bg1 {
	background-image: url(parallax_bg1.jpg);
}
}
/*--------------------------------------------------------
/* PARALLAX SECTION 2
--------------------------------------------------------*/
	
.bg2 {
	background-image: url(parallax2.jpg);
}

/*--------------------------------------------------------
/* PARALLAX SECTION 3
--------------------------------------------------------*/

.bg3 {
	background-image: url(parallax3.jpg);
}

/*--------------------------------------------------------
/* PARALLAX SECTION 4
--------------------------------------------------------*/

.bg4 {
	background-image: url('/myuc-s/business-units/vice-president-operations/human-resources/images/bg_1.jpg');
}




@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.parallax-bg {
	background-attachment: scroll;
	background-position:top center !important;
	background-size: cover;
  }
}
/*  End Parallax  */




.event-panel {
	background: none repeat scroll 0 0 #fff;
	color: #000 !important;
	padding: 10px 20px 30px;
	position: relative;
	min-height: 330px;
}
 .event-panel > h2  {
	color: #009edd;
	font-weight: 200;
        font-size: 28px;
}
.lead {
	font-size: 14px;
	font-weight: 300;
}




p.event-date     {font-size: 20px; font-weight:400; position: absolute; bottom: 0px; left: 20px;}
span.event-day   {font-size: 30px; font-weight:700; margin-right:10px;}
a.more           {text-transform: uppercase;}

@media (max-width: 768px) {

.event-panel {min-height: 10px!important; margin-top: 30px!important;}
p.event-date {
    display: block;
    left: 0;
    top: 30px;
    position: relative;
 }

}


/*===============================
 3.5 Buttons with right chevron
================================*/

.btn                                 {position: relative;}
.btn.btn-primary.chevron-right       {padding-right: 40px;}
.btn.btn-primary.chevron-right:after {

    top: 3px;
    right: 0px;
    color: #fff;
    font-size: 18px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
    border-left: solid 1px #427CA8;
    padding: 0 10px;

}

/*===============================
 3.6 Clear floating elements
================================*/
.clear { clear: both; }


/*===============================
 3.6 Clear floating elements v2
================================*/

.clr:after {
    clear: both;
    content: "";
    display: block;
}

/*===============================
 3.7 Blockquote
================================*/
blockquote{
  display: block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 20px 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #3FC380;
  border-right: 2px solid #3FC380;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 1px 1px 4px #ccc;
  -webkit-box-shadow: 1px 1px 4px #ccc;
  box-shadow: 1px 1px 4px #ccc;
}

blockquote::before{
  content: "\201C";
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 48px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top: -10px;
}
blockquote::after {
    content: "\201D";
    position: absolute;
    font-size: 48px;
    color: #999;
    font-weight: bold;
    padding-left: 12px;
}

/*===============================
 4. Footer
================================*/

footer {
	background: #232323;
	padding: 20px 0 0;
	border-top: 10px solid #000;
}

/*
 ===============================
4.1 Footer Bottom
================================
*/

footer .footer-btm {
	border-top: solid 1px #000;
	padding-top: 20px;
	color: #999;
	font-size: 12px;
}
footer .cricos {
	padding-top: 20px;
	padding-bottom: 10px;
	color: #999;
	font-size: 12px;
	border-top: solid 1px #000;
}

/*
 ===============================
4.2 Footer styles
================================
*/

footer .footer-btm a {
	color: #fff;
}
footer span.green {
	color: #3FC380;
}
footer .bdr-top {
	border-top: solid 1px #000;
	padding-top: 10px;
}
/*
 ===============================
4.3 Footer Links and Headings
================================
*/

ul.footer {
	margin: 0;
	padding: 0;
}
ul.footer li {
	list-style-type: none;
	margin-bottom: 10px;
}
ul.footer li a {
	color: #fff;
}
ul.plan {
	margin: 0;
	padding: 0;
}
ul.plan li {
	list-style-type:none;
	display:inline-block;
	margin: 0 10px 10px 0
}

footer h3 {
	color: #fff;
	font-weight: bold;
        font-size: 30px;
}



/*
 ===============================
4.4 Footer Social Media icons
================================
*/

.social-list  {
	margin: 0;
	padding:0;
	height: 20px;
}
.social-list li {
	list-style-type: none;
	float: left;
}
.social-list li a {
	display: block;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 40px;
	text-indent: -9999px;
}
.social-list li.facebook a {
	background: url("/__data/assets/image/0017/1011491/facebook.png") no-repeat scroll 0 0 transparent;
}
.social-list li.facebook a:hover {
	background-color: #3B5998;
}
.social-list li.googleplus a {
	background: url("__data/assets/image/0003/1011567/googleplus.png") no-repeat scroll 0 0 transparent;
}
.social-list li.googleplus a:hover {
	background-color: #D94A39;
}
.social-list li.rss a {
	background: url("/__data/assets/image/0020/1011494/rss.png") no-repeat scroll 0 0 transparent;
}
.social-list li.rss a:hover {
	background-color: #FE9900;
}
.social-list li.twitter a {
	background: url("/__data/assets/image/0019/1011493/twitter.png") no-repeat scroll 0 0 transparent;
}
.social-list li.twitter a:hover {
	background-color: #48C4D2;
}
.social-list li.youtube a {
	background: url("/__data/assets/image/0018/1011492/youtube.png") no-repeat scroll 0 0 transparent;
}
.social-list li.youtube a:hover {
	background-color: #F45750;
}
.social-list li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition:  all 0.3s ease 0s;
	width: 40px;
	height: 40px;
}
.social-list li a:hover {
	background-position: 0 -40px;
}
.social-list li {
	background-color: #F7F4F4;
	margin-right: 5px;
	position: relative;
}
@media (max-width: 768px) {
#footer h3 {
	padding: 15px 35px 5px 0px;
	margin-left: 0;
        margin-top: 5px;
	font-size: 16px;
	background: url("/myuc-s/config/global-content/icons/footer_menu_plus.gif") no-repeat right 0px;
	border: 1px solid #000;
	border-width: 1px 0 0 0;
	
}
#footer h3.expanded {
	height: 45px;
	background: url("/myuc-s/config/global-content/icons/footer_menu_minus.gif") no-repeat right 0px;
 }
}



/*
=====================================
Global Back to Top
======================================
*/

.top {
	bottom: 50px;
	cursor: pointer;
	opacity: 1;
	position: fixed;
	right: 20px;
	background: url('/__data/assets/image/0014/1017203/back-to-top-arrow.png') no-repeat 0 0;
	text-indent: -9999px;
	height: 42px;
	width: 52px;
}






/*
=====================================
5. Icons
======================================
*/

.icon {
	width: 30px;
	height:30px;
	float:left;
	padding-top: 2px;
}

.thumb {
	display:table;
	background: #ccc;
	color: #000;
	float: left;
	margin-right: 20px;
	overflow: hidden;

	
}
.thumb > .fa, .thumb > .icontxt {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.thumb.xsmall {
	height: 45px;
	width: 45px;
}
.thumb.small {
	height: 60px;
	width: 60px;
}
.thumb.medium {
	height: 80px;
	width: 80px;
}
.thumb.large {
	height: 100px;
	width: 100px;
}
.thumb.red {
	background: #FF6467;
}
.thumb.blue {
	background: #4782B2;
}
.thumb.green {
	background: #6CA632;
}
.thumb.orange {
	background: #F27242
}
.thumb.white-txt {
	color: #fff;
}

.word, .pdf, .excel {
	background: url('/myuc-s/config/web-icons/sprites.png') no-repeat;
        margin: 0 15px 0 0;
        vertical-align: middle;
        display: inline-block;
}

.word {
	background-position: 0 0;
	width: 32px;
	height: 32px;
}

.pdf {
	background-position: 0 -50px ;
	width: 32px;
	height: 32px;
}

.excel {
	background-position: 0 -100px ;
	width: 32px;
	height: 32px;
}

/*===========================
Related docs section
=============================*/

.asset_type_icon {
    height: 30px;
    width: 30px;
    float: left;
}
.asset_icon_text {    
    overflow: hidden;
}
ul.list-rel-docx {
	margin:0;
	padding: 0;
}
ul.list-rel-docx li {
	list-style-type: none;
	margin-bottom: 5px;
	position:relative;
        clear: both;
}
.file_size {
    color: #000;
}


/*
=====================================
6. Calendar Styles
======================================
*/

.calendar {
	background: #f3f3f3;
	color: #FFFFFF;
	float: left;
	height: 65px;
	margin-right: 20px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	width: 65px;
}
span.month {
	display: block;
	margin: 0;
	background:#3FC380;
}
span.day {
	color: #000;
	font-size:30px;
}
.pub-date {
	margin-bottom: 15px;
}
.calendar-item {
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: solid 1px #f5f5f5;
}
.event-details {
	overflow: hidden;
}
.event-title {
	margin-top: 0;
	font-weight:bold;
	
}



/*SLIDER*/

.slide-title {
	border:solid 3px #000; 
	padding: 5px;
	color:  #000;
	font-weight: 600;
	margin-left: -8px;
        text-align: center;
}
.slide-sub-title {font-size: 18px; color:#3FC380; }

@media (max-width: 768px) {
  
   .slideshow  {margin-top: 20px;}
  .slide-title {margin-left: 0px;}

  }

/*homepage table green*/
 
.table-green         {background: #f4f4f4;}
.table-green th      {background: #3FC380; color: #fff; text-align:left; padding: 0 10px;}
.table-green tr      {border-bottom: 1px solid #fff;}
.table-green td      { padding: 8px 10px; }




/*
==============================
7. Search
===============================
*/

#search-box {
	right: 15px;
	margin: 0 auto;
	position: absolute;
	top: 15px;
	width: 200px;
}
#search-form, .search-form {
	height: 30px;
	border: 1px solid #ddd;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	background-color: #fff;
	overflow: hidden;
	position:relative;
}
#search-text, .search-text {
	font-size: 14px;
	color: #ddd;
	border-width: 0;
	background: transparent;
}
#search-box input[type="text"] {
	width: 90%;
	padding: 5px 2em 12px 1em;
	color: #333;
	outline: none;
}
#search-button {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	width: 40px;
	font-size: 14px;
	color: #000;
	text-align: center;
	line-height: 30px;
	border-width: 0;
	background-color: transparent;
	cursor: pointer;
}

.url-query      {font-size: small; color: green;}
.date-pub-query {font-size: small; color: gray;}


/*==============================
8.  Global Top Bar Navigation
===============================*/
.edit {
    color: red;
    line-height: 3;
}

ul#nav {
	padding: 0;
	margin:0;
	position:relative;
	top: 35px;
	max-width: 1170px;
}
ul#nav li {
    list-style-type:none;
    float: left;
    margin-right: 10px  
  
}

ul#nav > li > a {
   color: #000000;
   display: block;
   float: left;
   font-size: 15px;
   line-height: 35px;
   padding:5px;
   text-decoration: none;
   margin-top: 0px;
   position:relative;
}

ul#nav li:hover a.topnav:after {
	bottom: 100%;
	left: 50%;
	top: 45px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-top: 10px solid #fff;
	margin-left: -10px;
    z-index: 101;
}

ul#nav > li > a:hover {
   color: #4782B2;
}

ul#nav > li.active {
   border-top: solid 2px #009edd; 
   margin-top: -2px;
}

ul#nav > li.active.home {
    border-top: solid 2px #fff; 
  
}

ul#nav > li.active a {
   /*color: #4782B2; */
   
}


/*==============================
8.1  Topnav Dropdown Mega Menu
===============================*/
.mm-desc       {overflow: hidden;}
.mm-desc > h4  {font-size: 100%; margin-top:0; font-weight: bold;}
.mm-desc > p   {font-size: 85%;}

article.margin-btm {
	padding-top: 10px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	border-bottom: solid 1px #ccc;
}

ul#nav > li > .dropdown{
    background: #f5f5f5;
    display: none;
    padding-top: 30px;
    left: -15px;
    position: absolute;
    top: 45px;
    width: 1170px;
    z-index: 100;
}

.dropdown ul {
	margin:0;
	padding: 0;
}
.dropdown li {
	display: block;
	padding: 5px 0;
	border-bottom: solid 1px #ccc;
	float: none!important;
}
ul#nav > li > .dropdown li a {
	display:block;
}

/* Show/hide Menu */
ul#nav > li:hover > .dropdown, ul#nav > li a:focus + .dropdown {
	display:block;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.navbar {
	background: #f5f5f5;
}


/* Mobile view */
.search-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 7px 15px 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #888;
}
.search-toggle:focus {
	background-color: #dddddd;
}


.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.navbar-toggle:focus {
	outline: none;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
.navbar-default .navbar-toggle {
	border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #888888;
}



 @media (min-width: 768px) {
	.navbar-header {
		float: left;
	}
}
.container > .navbar-header {
	margin-right: -15px;
	margin-left: -15px;
}

 @media (min-width: 768px) {
	.container > .navbar-header {
		margin-right: 0;
		margin-left: 0;
	}
}

.navbar-header:before, .navbar-header:after {
	content: " ";
	display: table;
}
.navbar-header:after {
	clear: both;
}
.navbar-brand {
	float: left;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
	height: 50px;
}
.navbar-brand:hover, .navbar-brand:focus {
	text-decoration: none;
}


 @media (min-width: 768px) {
	.navbar > .container .navbar-brand {
		margin-left: -15px;
	}
	
	.dropdown  {
    max-width: 750px;
	
  }


}


.navbar-default .navbar-brand {
	color: #777777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #5e5e5e;
	background-color: transparent;
}


 @media (max-width: 768px) {
	.img-title {
		display: block;
	}
	.site-name, .header-tools {
		display: none!important;
	}
	ul#nav li, ul#nav li a {
		float:left;
		width:100%;
	}
	nav {
		margin-top: 15px;
	}
	ul#nav {
		background: #fff;
		height: auto;
		top: 2px;
		display:none;
		position:relative;
		z-index: 1000
	}
	ol.breadcrumb {
		display:none;
	}
	.dropdown, .caret, .title-wrapper {
		display:none!important;
	}
	#header {
		height:auto;
		background: none;
	}
	.navbar-header {
		display:block;
		width: 100%;
		background: #f5f5f5;
		border-radius: 4px;
		border: solid 1px #dddddd;
	}
	.header-middle {
		height:auto;
	}
	ul#nav > li > a {
		line-height:normal;
		padding: 10px 0 10px 15px;
		border: none;
		float:none;
	}
	ul#nav > li {
		border-top: solid 1px #ccc;
	}
	ul#nav > li:first-child {
		border-top: none;
	}
	ul#nav > li > a:hover {
		background: #f1f1f1;
		color: #000;
	}
/**/
	.top-bar-inner {
		background: #3FC380;
		padding: 15px;
		width: 100%;
	}

	.top-bar-inner ul li a {
		margin-left: 15px;
		margin-right: 15px;
padding:0!important;
color: #000!important;
border-radius: none!important;
border: none!important;
background: none!important;
	}
	.logo-b.hide {
		background: none repeat scroll 0 0 #000000;
		display: block !important;
		padding: 5px 0;
		position: fixed;
		text-align: center;
		width: 100%;
		z-index: 1100;
	}
	.logo-b img, .top-margin img {
		width: 300px;
	}
	.logo-b {
		opacity: 0.8;
	}
	.top-bar {
		margin-top: 41px;
	}
	.top-bar-inner ul {
		float: none;
		margin-left: 0;
		padding-left:0;
	}
	h2 {
		font-size: 160%;
		font-weight:400;
	}
	.left-bg, img.logo {
		display: none;
	}

   #search-box {
	display: none;
	left: 0;
	position: relative;
	top: 10px;
        width: 100%;
    }
   #search-form, .search-form {
	height: 40px;
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
    }
   #search-button {
	top:4px;
   }

  .page-name-breakout {display: none;}
  .left-nav {margin-top: 0px!important;}
  .page-name-mobile { 
     display: block; 
     padding-bottom: 20px; 
     border-bottom: solid 1px #d9d9d9; 
}



}


 @media (min-width: 768px) {
  
 
 }

@media (min-width: 992px) {
 .dropdown {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {

.dropdown {
    max-width: 1170px;
  }

}



/* Landscape phones and down */
@media (max-width: 480px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.top-bar-inner ul li a {
		margin-left: 0;
		margin-right: 0;
	}
}

/**/



/*==============================
9.  Left Hand Navigation
===============================*/


/* pull left nav up */
.left-nav {margin-top: -88px;}

ul.sub-item a:after {
   top: 7px;
    right: 10px;
    color: #777;
    font-size: 14px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}


.sub-item a.current:after {
content:"\f107"; 

}
.menu-top .active {
        margin-top: 0px;
        font-size: 24px;
}

.menu-top .active:after {
        bottom: 25px;
        top: auto;
}

.list-group ul#leftnav                     {margin:0; padding: 0; position: relative; z-index: 0;}
.list-group ul#leftnav li                  {list-style-type: none;}
.list-group ul#leftnav li ul.sub-item      {margin:0; padding: 0;}



ul.sub-item > li     { color: red;}
ul.sub-sub-item > li { color: gray; font-size: 85%;}

a.current {
  font-weight: bold;
}

ul.sub-sub-item {
  margin:0;
  padding: 0 0 0 10px;
}

/*Level 2*/

ul.sub-item  a     {padding-right:30px;} 
ul.sub-sub-item  a {padding-left:20px; padding-right:30px;} 

ul.sub-sub-item a:hover,
ul.sub-sub-item a:focus {
  margin-left: 0;
}

/*Level 3*/

.level_3 {background: #f5f5f5;}

ul.sub-sub-sub-item        {margin:0;  padding: 0 0 0 30px;}
ul.sub-sub-sub-item  a     {
    margin: 0;
    padding: 7px 7px 7px 10px; 
    background: none;
}
ul.sub-sub-sub-item  a:hover {background: none; text-decoration:underline;}  
ul.sub-sub-sub-item a:after  {content: "";}
ul.sub-sub-sub-item a.current:after {content:"";}

ul.sub-sub-sub-item a:before{ 
    top: 5px;
    left: -6px;
    color: #9f9f9f!important;
    font-size: 14px;
    content: "-";
    position: absolute;
    /*font-family: FontAwesome;
    font-weight: normal;*/
}


/*==============================
10.  Breadcrumbs
===============================*/
.breadcrumb {
        padding: 0;
	list-style: none;
	
	
}
.breadcrumb > li {
	display: inline-block;
}
.breadcrumb > li + li:before {
	content: '\203A';
	padding: 0 5px;
	color: #cccccc;
}
.breadcrumb > .active {
	color: #999999;
}


/*==============================
11.  Tabs To Accordion
===============================*/

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0 5px 0 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

.r-tabs {
    margin-bottom: 20px;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

 .r-tabs .r-tabs-accordion-title {
        display: block;
      position: relative;
    }


.r-tabs-accordion-title:after {
	top: 10px;
	right: 10px;
	color: #777;
	font-size: 14px;
	content: "\f105";
	position: absolute;
	font-weight: normal;
	display: inline-block;
	font-family: FontAwesome;
}
.r-tabs-accordion-title.r-tabs-state-active:after {
	top: 7px;
	right: 10px;
	color: #777;
	font-size: 14px;
	content: "\f107";
	position: absolute;
	font-weight: normal;
	display: inline-block;
	font-family: FontAwesome;
  }
}



.r-tabs {
	position: relative;
}

.r-tabs .r-tabs-nav {
	border-bottom: 1px solid #ccc;
}

.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	top: 1px;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
	background: #f1f1f1;
	margin-bottom: 5px;
	padding: 8px 12px;
	display: inline-block;
	text-decoration: none;
	color: #000;
        border-bottom: solid 1px #fff;
	
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #fff;
	margin-bottom: -1px;
        border: solid 1px #ccc;
        border-width: 2px 1px 0;
        border-top-color: #3fc380;
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #000;
	background-color: #fff;
	font-weight:bold;
}

.r-tabs .r-tabs-panel {

        border: solid 1px #ccc;
        border-width: 0 1px 1px;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #f1f1f1;
	color: #000;
	text-decoration: none;
	margin-bottom: 3px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #000;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 0;
}
 ul.r-tabs-nav:empty {
 display:none;
}

/*overide tab spacing*/
.myuc_tabs.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0 2px 0 0;
    list-style: none;
}


table.table a       {color: #2a6496; padding:3px; background: none;}
table.table a:hover {text-decoration: underline;}

/*==============================
12.  skip to content and footer
===============================*/
   
.accessibility a {
	background: #000000;
	background: rgba(0, 0, 0, 0.9);
	border-radius: 6px;
	font: 112.5%/1.48 Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 10px 0;
	padding: 15px 20px;
	position: absolute;
	left: -10000px;
	z-index: 200;
}

.accessibility a:active, .accessibility a:focus, .accessibility a:hover {
	color: #FFFFFF;
	display: inline;
	left: 0;
	top: 0;
}



.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
 *zoom: 1;
}




.top-bar-inner {
    background-color: #f0f2f4;
    border-bottom: 1px solid #ededed;
    min-height: 2px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
}
.edit_page {
    height: 20px;
    overflow: hidden;
    position: absolute;
}

.edit_link {
    padding-right: 30px;
    position: relative;
    display: none;
}




/*
=====================
13.  Animated Buttons
=====================
*/

.uc_btn {
	font-size: 15px;
	font-weight: 500;
	padding: 0.4em 1em;
	background: transparent;
	position: relative;
	border: 2px solid;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	 border-radius: 3px;
}
.uc_btn:hover {
	border: 2px solid transparent;
	padding: 0.4em 2em 0.4em 1em;
	background: rgba( 255, 255, 255, 0.2 );
        color: #000;
        text-decoration: none;
     }
.uc_btn:after {
	font-family: FontAwesome;
	font-size: 15px;
	content: "\f054";
	opacity: 0;
	position: absolute;
	margin-left: -1em;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	top: 18%;
}

.uc_btn:hover:after, .uc_more_btn:hover:after {
	opacity: 1;
	margin-left: 15px;
}

.uc_more_btn {
	color: #000;
	display: inline-block;
	margin-top: 20px;
	text-decoration: none;
	text-shadow: none;
}