@charset "UTF-8";
/* CSS Document */

/*Base Styles for Top Bar Ribbon*/

#iribbon-container p, 
#iribbon-container ul {
	font-style:normal;
	font-size:1em;
	font-weight:normal;
    line-height: 1.6em;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}


/* 
************************************************************************** 
*/


#iribbon-container{
	width:100%;
	color:#fff;
	height:auto;
	float:left;
	font-size:13px;
	line-height:18px;	
}


#iribbon-container a{color:#fff;}

#iribbon-container a:active,
#iribbon-container a:hover {
    outline: 0;
    text-decoration:underline;
}


#iribbon-title{ 
	height:16px;
	width:92px;
	background:url('../images/iribbon-logo.gif') no-repeat top center; 
	font-size:0em;
	color:#525a5c;
	margin:10px auto;
	clear:both;
	cursor:pointer;
}

div#iribbon-wrapper {
	background:#525A5C;
	border-bottom:1px solid #A5ACAF;
    position: relative;
    width: 96%;
    padding: 0 2%;
}


#iribbon-detail{
	/*display:none;*/
	overflow: hidden;
    max-height: 0;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
	transition: max-height ease-in-out 500ms;
}

#iribbon-right,
#iribbon-left{
	max-width:570px;
	width:47%;
	float:left;
	margin:40px 0;
	
}


#iribbon-right{
	float:right;
	border-left:1px solid #A5ACAF;
	padding-left:2%;
}
#iribbon-detail p:last-child{
	margin-bottom:0;
}

#iribbon-detail ul,
#iribbon-detail ul li{
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}

#iribbon-detail ul li{
	padding: 0 10px 0 5px; 
    line-height: 1em;
	border-right:1px solid #A5ACAF;
    background-image:none;
}

#iribbon-detail ul li:last-child{
	border:0;
}

#iribbon-detail ul li a{
	text-transform:uppercase;
    color: white;
}

#iribbon-detail ul li.iribbon-mainlink {

	border:0;
	padding-left:0;
}

#iribbon-detail ul li.iribbon-mainlink a{
	text-transform:none;
	font-weight:bold;
}


.show #iribbon-detail{
	max-height:400px;
}
.show #iribbon-title{ 
	background-position:bottom center;
}