
#levels ul {
	margin:0;
	padding:0;
	font-size:0.916em;
}
#levels ul a{
	color:#000;
}
#levels ul a:hover{
	color:#000;
	text-decoration:none;
}

#levels li {
	padding:0;
	display:block;
	margin:0 0 10px 0;
	list-style-type:none;
	overflow:hidden;
	zoom:1;
}

#levels li ul {
	overflow:hidden;
	zoom:1;
}

#levels li li {
	clear:none !important;
	float:left;
	height:58px;
	text-align:center;
	cursor:pointer;
}

#levels li#levelx {
	padding:0;
	display:block;
	margin:0 0 10px 0;
	list-style-type:none;
	clear:left;
/*	height:50px;*/
	height:30px;
}
#levels li#levelx li {
	clear:none !important;
	float:left;
/*	height:50px;*/
	height:30px;
	text-align:center;
	cursor:pointer;
}


.back,
.back-grey,
.back-blue,
.back-orange,
.back-green {
	width:inherit;
}

.out {
	display: table;
	#position: relative;
	overflow: hidden;
	height:58px;
	width:inherit;
}

.out-levelx {
	display: table;
	#position: relative;
	overflow: hidden;
	height:30px;
	width:inherit;
}

.mid {
	display: table-cell;
	#position: absolute;
	#top:50%;
	#left:0%;
	vertical-align: middle;
	width:100%;
}

.mid-levelx {
	display: table-cell;
	#position: absolute;
	#top:50%;
	#left:0%;
	vertical-align: top;
	width:100%;
}

.in {
	#position: relative;
	#top: -50%;
	width:100%;
}
.in a {
	color:#fff;
	text-decoration:none;
}


li.w-1, 
li.w-job {
	background:#666 url(../images/curve-left-grey.gif) no-repeat 0 0;
	color:#fff;
}

li.w-2a {
	background:#66cccc url(../images/curve-left-blue.gif) no-repeat 0 0;
	color:#fff;
}
li.w-2b {
	background:#ff9966 url(../images/curve-left-orange.gif) no-repeat 0 0;
	color:#fff;
}
li.w-2c {
	background:#cccc66 url(../images/curve-left-green.gif) no-repeat 0 0;
	color:#fff;
}

li.w-3 {
	background:#cccc66 url(../images/curve-left-green.gif) no-repeat 0 0;
	color:#fff;
}


li.w-1 div.hover,
li.w-job div.hover {
	background:#565656 url(../images/curve-left-grey-hover.gif) no-repeat 0 0;
}

li.w-2a div.hover {
	background:#46dada url(../images/curve-left-blue-hover.gif) no-repeat 0 0;
}

li.w-2b div.hover {
	background:#ff7c46 url(../images/curve-left-orange-hover.gif) no-repeat 0 0;
}

li.w-2c div.hover,
li.w-3 div.hover {
	background:#bada46 url(../images/curve-left-green-hover.gif) no-repeat 0 0;
}


#levelx li 
{
   background-color:#FFF;
   font-weight:bold;
   padding-top:10px !important;
   margin-top:-5px;
}

#levelx li.w-1 
{
    background-image:none;
}

#levelx li.blue
{
   color:#66cccc;
}
#levelx li.orange
{
   color:#ff9966;
}
#levelx li.green
{
   color:#cccc66;
}

div.back-grey {
	background:url(../images/curve-right-grey.gif) no-repeat 100% 0;
}

div.back-blue {
	background:url(../images/curve-right-blue.gif) no-repeat 100% 0;
}
div.back-orange {
	background:url(../images/curve-right-orange.gif) no-repeat 100% 0;
}
div.back-green {
	background:url(../images/curve-right-green.gif) no-repeat 100% 0;
}

#levelx div.back {
	background:url(../images/curve-right-label.gif) no-repeat 100% 0;
}


/*Hover States */


li.w-1 div.hover div.out,
li.w-job div.hover div.out {
	background:url(../images/curve-right-grey-hover.gif) no-repeat 100% 0;
}

li.w-2a div.hover div.out {
	background:url(../images/curve-right-blue-hover.gif) no-repeat 100% 0;
}

li.w-2b div.hover div.out {
	background:url(../images/curve-right-orange-hover.gif) no-repeat 100% 0;
}

li.w-2c div.hover div.out,
li.w-3 div.hover div.out {
	background:url(../images/curve-right-green-hover.gif) no-repeat 100% 0;
}


.w-1 {
	width:55px;
	margin:0 6px 0 0 !important;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff !important;
}
.w-1 span {
	display:block;
	font-size:2em;
}

.level-bottom .w-2,
.level-bottom .w-2a,
.level-bottom .w-2b,
.level-bottom .w-2c {
	/*width:450px !important;*/
	width:440px;
	color:#000;
} 


.w-job {
	width:55px;
	margin:0 0 0 6px !important;
	font-weight:bold;
	color:#fff !important;
}
.w-job a, .w-1 a {
	color:#fff !important;
}

.w-2, 
.w-2a,
.w-2b,
.w-2c {
	width:129px;
	line-height:14px;
}
.w-3 {
	width:440px;
}
.w-or {
	width:27px;
	background:none !important;
	font-weight:bold;
	color:#666 !important;
}
.w-or div {
	background:none !important;
}
.in span {
	display:block;
	font-size:1.4em;
	font-weight:bold;
}

.w-1 a 
{
    
}
.w-2 a 
{
    
}
.w-3 a 
{
    
}




