/* variables */
@purple: #7b22aa;
@lightPurple: lighten(@purple,10%);
@darkPurple: darken(@purple,10%);
@yellow: #ffcc00;
@gray: #888;
@lightGray: lighten(@gray,15%);
@dText: #303030;
@mText: #606060;
@lText: #808080;

/* prefabs */
.lightBg {background-color:#ededed;}
.disabledBg {background-color:#d9d9d9;}
.darkOpacity {background-image:-webkit-linear-gradient(top,rgba(30,30,30,.95),rgba(5,5,5,.95));}
.darkBorder {border:1px solid rgba(0,0,0,.3);border-top-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.4);}
.bevel {box-shadow:inset 0 1px 0 rgba(255,255,255,.5);}
.bevelShadow {box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.2);}
.outRadius {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.inRadius {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.innerRadius {border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.inset {box-shadow:inset 0 1px 1px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.5);}
.transition {-webkit-transition:all .15s ease-in-out;}
.purpleGradient {background-color:@purple;background-image:-webkit-linear-gradient(top,lighten(@purple,10%),@purple);background-image:-moz-linear-gradient(top,lighten(@purple,10%),@purple);text-shadow:0 1px 0 @darkPurple;
				 .darkBorder;.bevel;}
.purpleGradientHover {background-color:@purple;background-image:-webkit-linear-gradient(top,lighten(@lightPurple,10%),@lightPurple);background-image:-moz-linear-gradient(top,lighten(@lightPurple,10%),@lightPurple);
					  text-shadow:0 1px 0 @purple;}
.emboss {text-shadow:0 1px 0 rgba(255,255,255,.7);}

/* global */
.thePage {margin:0;padding:20px 15px;}
	.thePage h2 {margin:0;padding:0;font-size:30px;line-height:30px;color:@dText;}
	.thePage p {margin:0;padding:10px 0 0 0;font-size:13px;line-height:18px;color:@dText;}

/* breadcrumb */
.crumbs {margin:0 0 20px 0;padding:0;list-style-type:none;border-radius:3px;background-color:#f0f0f0;border:1px solid #d8d8d8;height:30px;font-family:VinylRegular;text-transform:uppercase;font-size:15px;}
	.crumbs li {float:left;margin:0;padding:0;line-height:32px;height:30px;text-shadow:0 1px 0 #fff;color:@mText;}
		.crumbs li a {background-color:#fff;display:block;height:30px;line-height:32px;position:relative;padding:0 15px 0 10px;}
		.crumbs li:first-child a {border-top-left-radius:3px;border-bottom-left-radius:3px;position:relative;top:-1px;left:-1px;color:#fff;.purpleGradient;}
			.crumbs li a em {position:absolute;top:-1px;right:-16px;display:block;content:'';width:0;height:0;border:16px solid @darkPurple;border-left-color:transparent;border-right-color:transparent;}
				.crumbs li a em:before {position:absolute;display:block;content:'';height:30px;top:-16px;left:-14px;width:31px;border:1px solid #d8d8d8;border-left:none;border-right:none;z-index:20;}
				.crumbs li a em:after {position:absolute;display:block;content:'';width:0;height:0;border:16px solid #f0f0f0;border-left-color:transparent;border-right-color:transparent;top:-16px;left:-15px;}
		.crumbs li:first-child a:hover {text-decoration:none;.purpleGradientHover;}
			.crumbs li:first-child a:hover em {border-top-color:@purple;border-bottom-color:@purple;}
	.crumbs li:last-child {padding:0 0 0 5px;position:relative;z-index:30;}

/* tabs */
.tabbedBox {box-shadow:0 1px 1px #f0f0f0;margin:20px 0 0 0;.inRadius;}
	.tabbedBox .tabs {list-style-type:none;margin:0;padding:0;height:34px;position:relative;border-top-left-radius:3px;border-top-right-radius:3px;.darkBorder;.disabledBg;.bevel;border-left:none;border-bottom:none;}
		.tabbedBox .tabs li {float:left;font-family:VinylRegular;text-transform:uppercase;font-size:15px;height:33px;line-height:35px;padding:0 14px;cursor:pointer;position:relative;border:1px solid transparent;
							 border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;top:-1px;height:34px;ine-height:37px;color:@mText;text-shadow:0 1px 0 #ededed;}
			.tabbedBox .tabs li:hover {}			
		.tabbedBox .tabs li:first-child {border-left:1px solid rgba(0,0,0,.3);}
		.tabbedBox .tabs li.activeOne {color:@purple;z-index:50;.darkBorder;.lightBg;border-bottom:none;.bevel;}
	.tabbedBox .content {border-bottom-left-radius:3px;border-bottom-right-radius:3px;list-style-type:none;.lightBg;.darkBorder;border-top-color:rgba(0,0,0,.3);position:relative;overflow:hidden;width:575px;
						 top:-2px;}
		.tabbedBox .content ul {position:relative;width:9000px;margin:0;padding:0;list-style-type:none;}
			.tabbedBox .content ul li {margin:0;width:575px;display:none;}

/* newer paths!!!! */
.pathNavigation {display:none;}
.learningPathsMast {}
	.learningPathsMast h2 {font-size:30px;line-height:30px;margin:0;padding:5px 0 0 0;}
	.learningPathsMast p {font-size:13px;line-height:20px;margin:0;padding:15px 0 0 0;}
.learningPathsSec {background-color:#f0f0f0;}
	.learningPathsSec h3 {margin:0;padding:0;}
	.learningPathsSec ul.stats {display:none;}
	.learningPathsSec .statsArrow {display:none;}
	.learningPathsSec .key {display:none;}
.pathFlow {list-style-type:none;margin:0;padding:0;}
	.pathFlow li {margin:0;padding:0;}
		.pathFlow li ul {list-style-type:none;margin:0;padding:0;}
			.pathFlow li ul li {float:left;}
			
/* category/style page */	
.courseList {background-color:#f0f0f0;.outRadius;.darkBorder;}
	.courseList ul {display:none;margin:0;padding:0;list-style-type:none;clear:both;}
	.courseList ul:nth-of-type(1) {display:block;}
	.courseList ul:nth-of-type(2) {display:block;}
		.courseList ul li.toggleButton {float:right;margin:20px 20px 0 0;}
			.courseList ul li.toggleButton a {display:block;height:25px;width:50px;border-radius:20px;background-color:rgba(0,0,0,.2);position:relative;.inset;}
				.courseList ul li.toggleButton a span {display:block;height:21px;width:21px;background-color:#fff;top:2px;left:2px;border-radius:20px;position:absolute;box-shadow:0 1px 1px rgba(0,0,0,.3);z-index:20;}
				.courseList ul li.toggleButton a img {position:absolute;top:6px;left:9px;z-index:10;}
		.courseList ul li.gridItem {float:left;height:110px;width:110px;overflow:hidden;margin:20px 0 0 20px;padding:3px;background-color:#fff;border:1px solid rgba(0,0,0,.3);}
			.courseList ul li.gridItem .img {height:110px;width:110px;background-size:118px 180px;box-shadow:inset 0 1px 1px rgba(0,0,0,.3);}
			.courseList ul li.gridItem .overlay {display:none;}
				
		/*.courseList ul li.gridItem {float:left;width:116px;height:170px;margin:20px 0 0 20px;-webkit-transition:all .15s ease-in-out;position:relative;background-color:#fff;.inRadius;.darkBorder;}
			.courseList ul li.gridItem .img {width:106px;height:145px;background-size:106px, 145px;position:absolute;top:5px;left:5px;.innerRadius;.inset;}
			.courseList ul li.gridItem h3 {margin:0;padding:0;font-size:13px;line-height:13px;position:absolute;top:153px;padding:0 5px;}
			.courseList ul li.gridItem .overlay {position:absolute;top:-1px;left:-1px;width:116px;height:170px;background-color:@purple;display:none;z-index:10;.inRadius;.darkBorder;}
				.courseList ul li.gridItem .overlay .inImg {width:106px;height:135px;background-size:106px, 145px;position:absolute;top:5px;left:5px;.innerRadius;}
					.courseList ul li.gridItem .overlay .inImg div {width:96px;height:125px;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.9);padding:5px;.innerRadius;.inset;}
						.courseList ul li.gridItem .overlay .inImg div h4 {margin:0;padding:0;font-size:13px;line-height:13px;color:#fff;}
						.courseList ul li.gridItem .overlay .inImg div h5 {margin:0;padding:1px 0 0 0;color:rgba(255,255,255,.6);font-size:13px;line-height:13px;}
						.courseList ul li.gridItem .overlay .inImg div p {margin:0;padding:3px 0 0 0;color:#fff;font-size:9px;line-height:12px;}*/
						
		.courseList ul li.listItem {display:none;height:30px;line-height:30px;border-top:1px solid rgba(0,0,0,.2);padding:0 20px;font-size:11px;}
			.courseList ul li.listItem span {float:left;}
			.courseList ul li.listItem a {float:left;text-decoration:none;}
			.courseList ul li.listItem .title {font-weight:bold;}
		.courseList ul li.listHead {clear:both;border-top:none;font-size:12px;}
		
	.courseList .tabs {background-color:#e0e0e0;border-top-left-radius:5px;padding:0;border-top-right-radius:5px;position:relative;height:33px;border-bottom:1px solid rgba(0,0,0,.2);.bevel;}
		.courseList .tabs li {float:left;font-family:VinylRegular;text-transform:uppercase;font-size:17px;color:#606060;line-height:35px;padding:0 14px;cursor:pointer;border-left:1px solid transparent;
							  margin:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-right:1px solid transparent;height:33px;position:relative;border-top-left-radius:5px;border-top-right-radius:5px;
							  background-color:transparent;margin-left:-1px;border-bottom:none;border-top:none;.emboss;} 
		.courseList .tabs .active {background-color:#f0f0f0;color:#303030;height:34px;top:-1px;.darkBorder;border-bottom:none;.bevel;}
		
		
		
.styleList {margin:0;padding:0;list-style-type:none;}
	.styleList li {}
		.styleList li .lHeader {font-weight:bold;padding:20px 0 0 20px;}
		.styleList li ul {}
		.styleList li .grid {margin:0;list-style-type:none;width:575px !important;clear:both;padding:0 0 10px 0;}
			.styleList li .grid li {float:left;padding:0 !important;height:215px;position:relative;display:block !important;width:119px !important;margin:10px 0 0 20px !important;}
				.styleList li .grid li .item {background-color:#fff;width:109px;height:166px;padding:4px;margin:0 0 3px 0;position:relative;.darkBorder;.inRadius;.bevel;}
					.styleList li .grid li .item .image {width:109px;position:absolute;top:4px;left:4px;height:166px;background-size:109px 166px;display:block;.innerRadius;.inset;}
				.styleList li .grid li .item .overlay {height:166px;width:109px;padding:4px;position:absolute;top:-1px;left:-1px;display:none;.purpleGradient;.inRadius;}
					.styleList li .grid li .item .overlay div {width:109px;height:141px;background-size:109px 166px;.innerRadius;}
						.styleList li .grid li .item .overlay div div {width:109px;height:141px;position:absolute;top:4px;left:4px;.darkOpacity;.inset;}
					.styleList li .grid li .item .overlay .desc {font-size:10px;line-height:13px;color:#fff;text-shadow:0 1px 0 #000;position:absolute;top:4px;left:4px;margin:0;padding:5px;width:99px;cursor:default;
															  display:block;height:131px;cursor:pointer;}
						.styleList li .grid li .item .overlay .desc span {display:block;font-size:14px;line-height:14px;font-family:VinylRegular;text-transform:uppercase;}
						.styleList li .grid li .item .overlay .desc em {display:block;font-size:13px;line-height:13px;font-family:VinylRegular;font-style:normal;text-transform:uppercase;color:rgba(255,255,255,.7);padding:3px 0;}
						.styleList li .grid li .item .overlay .desc:hover {text-decoration:none;}
					.styleList li .grid li .item .overlay ul {margin:5px 0 0 0;width:110px !important;height:20px !important;}
						.styleList li .grid li .item .overlay ul li {margin:0 !important;padding:0 !important;height:auto;width:auto;width:36px !important;}
							.styleList li .grid li .item .overlay ul li a {display:block;width:35px;height:20px;background:url('../_images/glyphs/purplebutton/tv.gif') no-repeat center;border-right:1px solid @darkPurple;}
							.styleList li .grid li .item .overlay ul li:first-child a {background-image:url('../_images/glyphs/purplebutton/user.gif');width:36px;}
							.styleList li .grid li .item .overlay ul li:last-child a {background-image:url('../_images/glyphs/purplebutton/go.gif');width:36px;border-right:none;}
				.styleList li .grid li .sub {text-transform:uppercase;font-family:VinylRegular;font-size:14px;line-height:14px !important;text-shadow:0 1px 0 #fff;position:relative;z-index:50;}
		.styleList li .list {margin:0;list-style-type:none;width:575px !important;clear:both;display:none;padding:10px 0 0 0;}
			.styleList li .list li {display:block !important;padding:0 !important;width:575px !important;margin:0 !important;height:25px;border-top:1px solid #e0e0e0;overflow:hidden;}
			.styleList li .list li:nth-child(even) {background-color:#fff;}
			.styleList li .list li:last-child {border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
				.styleList li .list li span {float:left;height:25px;line-height:25px;font-size:11px;overflow:hidden;}
				.styleList li .list li .title {font-weight:bold;width:190px;}
				.styleList li .list li .medium {width:126px;}
				.styleList li .list li .small {width:63px;}
			.styleList li .list .hRow {border-top:none;font-weight:bold;}
				.styleList li .list .hRow {}
		.styleList li .filter {float:right;width:35px;height:20px;border-radius:10px;.disabledBg;.darkBorder;border-bottom-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.4);margin:15px 45px 5px 0;position:relative;.inset;}
			.styleList li .filter span {position:absolute;top:0;left:0;width:14px;height:14px;border-radius:8px;top:2px;left:2px;.lightBg;.darkBorder;.bevel;}
			.styleList li .filter a {display:block;width:35px;height:20px;position:relative;z-index:10;}
			.styleList li .filter em {font-style:normal;display:block;position:absolute;left:45px;color:#606060;width:14px;height:14px;background:url('../_images/glyphs/gray/list.gif');top:3px;}
			.styleList li .filter em:first-child {left:-25px;background:url('../_images/glyphs/gray/grid.gif');}
			
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}