/* ==========================================================================
   HTML5 BOILERPLATE v4.1.0
   ========================================================================== */
html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

.pad:before{margin-right:0.5em;}

/* ==========================================================================
   GLOBAL
   ========================================================================== */
*					{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
html, body, #wrapper{} /* for 100% height footer */
#wrapper			{}
body				{font:300 1em/1.4 'Ubuntu', sans-serif; color:#202020;  background:#f4f2f5;} /* if HTML5 boilerplate is updated, check font-size/line-height to make sure it is declared the same */
a					{color:#1e5ca1; text-decoration:none;}
hr					{border-bottom:1px solid #8585a6; border-bottom:1px solid rgba(0,0,0,.15);}
#content p a:hover	{border-bottom:1px dotted #1e5ca1;}
.dark2				{background-color:#1f1f26; color:#fff; text-shadow:none;}
.dark1				{background-color:#125c94; color:#fff; text-shadow:none;}
.midtone			{background-color:#1d8cc6; color:#fff; text-shadow:none;}
.light1				{background-color:#70708c; color:#000; text-shadow:none;}
.light2				{background-color:#8585a6; color:#000; text-shadow:none;}
.highlight			{background-color:#3D8AF7; color:#fff; text-shadow:none;}

.mat-menu-item:focus		{outline:none;}


/* ==========================================================================
   HEADER / FOOTER
   ========================================================================== */
/* header is now controlled by the front-end angular repo. This background color is to prevent a visual flicker while the FE loads */
header { background-color: #13112d; }

.create-pack a              {}
.create-pack b              {top:.0625em; font-size:2em;}

.m-open                     {display:none; z-index:999;}
.m-open b                   {}

/* ------ INLINE DROPDOWN ARROWS! NO IMAGE NECESSARY. ------ */
.dropdown>a:after			{content:'\00a0 \00a0 \00a0' url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpi/P//fwMDDsAExLgkG5hgDHQJMAk0Fhk3IPMZQQQ+O8mTBAgwAGakHfAjh+VEAAAAAElFTkSuQmCC); } 
.dropdown>a:only-child:after{content:''; }

footer						{clear:both; position:relative; width:100%; padding:2em; font:300 .75em/1.4 'Ubuntu', sans-serif; color:#777; box-shadow:inset 0 2px 4px #222;}

footer						{width:auto; box-shadow:none; margin:0 auto; text-align:center;} /* FOR CHANNELS - MAKE THIS MODULAR LATER */

footer p					{float:none; margin:0;}
footer a					{text-decoration:underline;}


/* ==========================================================================
   CONTENT (MAIN WRAPPER DIV)
   ========================================================================== */
#content			{margin:0 auto; padding:1.625em 2em; text-shadow:0 1px 0 #fff; outline: none;}
.subkick			{margin-left:250px !important;}
.negate-pad			{margin:0 -2em;}

.stickyhead #content{padding-top:2.75em;}

.title				{margin:0;}
.subkick .title    {margin:0 -2em .83em; background:#f1ecf2; box-shadow:0 2px 1px -1px #555; padding:2.75em;}
.title h2			{font:700 1.875em/1 'Ubuntu', sans-serif; color:#404040; margin:0;}
.title p			{margin:.25em 0 0;}
.title .crumb		{font:300 .75em/1 'Ubuntu', sans-serif;}
.title.fixed {
	position: fixed;
	left: 0;
	top: 46px;
	right: 0;
	z-index: 1;
	margin-left: 220px;
	display: block;
	padding-bottom: 5px;
}

/* ==========================================================================
   SIDECAR! (SIDE COLUMN)
   ========================================================================== */
.sidecar             {position:fixed; overflow-y:auto; z-index:3; left:0; top:2.75em; bottom:0; background:#4b4c4e; width:220px; color:#eee; text-shadow:none;}
.sidecar ul          {margin:.75em 0; padding:0;}
.sidecar ul ul       {margin:0;}
.sidecar li          {margin:0; padding:0;}
.sidecar li a        {font:300 .875em 'Ubuntu', sans-serif; color:#eee; display:block; padding:.625em 1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sidecar li a:hover  {background:#333; box-shadow:inset 0px 1px 1px #222, 0px 1px 1px #777;}
.sidecar li li a     {padding:.625em 1em .625em 1.5em;}
.sidecar li h3       {margin:0; padding:.25em .625em; font:300 1.25em 'Ubuntu', sans-serif; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sidecar li h4       {margin:0; padding:.625em 1em; font:300 .875em 'Ubuntu', sans-serif; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.sidecar .active     {position:relative;}
.sidecar .active a   {background:#3D8AF7; color:#fff !important;}
.sidecar .active:after{left:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; z-index:999; pointer-events:none;}
.sidecar .active:after{border-color:rgba(136, 183, 213, 0); border-left-color:#3D8AF7; border-width:7px; top:50%; margin-top:-7px;}

.sidecar .contextual	{background:#444; padding:1em 0; border-top:1px solid #666; border-bottom:1px solid #333;}

.sidecar li strong   {margin:0 0 0 .5em; font-weight:400;}

/*
Match font-size from Angular frontend, so the font on legacy pages appears the same size.
*/
.sidenav-container {font-size: 14px;}

/* ==========================================================================
   IMAGES (IN COPY)
   ========================================================================== */
.imagey				{padding:1.25em; background:rgba(0,0,0,.1); border:1px solid #125c94; border:1px solid rgba(0,0,0,.17); text-align:center;}
.imagey img			{margin:0 auto; box-shadow:0 1px 2px #000; max-width:100%;}
.imagey figcaption	{margin:1.25em 0 0; font:300 .8125em 'Ubuntu', sans-serif;}

figure.left			{margin:0 1.25em 1.25em 0;}
figure.right		{margin:0 0 1.25em 1.25em;}
figure.wide			{margin:1.25em 0; clear:both;}

/* ==========================================================================
   ASIDES
   ========================================================================== */
.sidebar			{padding:0 1.25em .75em; width:30%; font-size:.8125em; background:rgba(0,0,0,.1); border:1px solid #125c94; border:1px solid rgba(0,0,0,.17);}
.sidebar img		{max-width:100%;}

aside.left			{margin:0 1.25em 1.25em 0;}
aside.right			{margin:0 0 1.25em 1.25em;}
aside.wide			{margin:1.25em 0; clear:both;}
aside.vertical		{background:#eee; padding:0 5em; position:fixed; height:100%;}

.aside				{background:#eee; padding:2.5em 5em;}

/* ==========================================================================
   COLUMNS
   ========================================================================== */
.row		{width:100%; overflow:hidden;}
.onecol		{width:4.85%;}
.twocol		{width:13.45%;}
.threecol	{width:22.05%;}
.fourcol	{width:30.75%;}
.fivecol	{width:39.45%;}
.sixcol		{width:48%;}
.sevencol	{width:56.75%;}
.eightcol	{width:65.4%;}
.ninecol	{width:74.05%;}
.tencol		{width:82.7%;}
.elevencol	{width:91.35%;}
.twelvecol	{width:100%; float:left;}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol
			{margin-right:3.8%; float:left; min-height:1px;}
.last		{margin-right:0;}

.row img	{max-width:100%;}

/*.row {margin-left: -30px; *zoom: 1;}
.row:before,.row:after {display: table; line-height: 0; content: "";}
.row:after {clear: both;}*/

/* ==========================================================================
   TABLES
   ========================================================================== */
.bender								{margin:1em 0;}
.bender thead th					{padding:.375em .5em; text-align:left; border-bottom:1px solid #125c94; border-bottom:1px solid rgba(0,0,0,.12); font:300 1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.bender tbody td,
.bender tbody th					{padding:.375em .5em; border-bottom:1px solid #125c94; border-bottom:1px solid rgba(0,0,0,.07); vertical-align:middle; font:300 .75em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.bender tbody tr:nth-child(odd) td,
.bender tbody tr:nth-child(odd) th	{background:#e9ecf0; background:rgba(0,0,0,.07);}
.bender tbody th					{text-align:left;  font:700 .8125em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}

.bender tbody th h3					{font-weight:bold; color:#000; margin:1em 0 0; line-height:1;}
.bender tbody th p					{margin:0; color:#555; font-weight:normal;}
.bender tbody th .icon				{float: left; margin:1em; box-shadow: 0 2px 2px rgba(0, 0, 0, .55); border: 4px solid #fff; width: 100px; height: 52px; width: 53px;}

.bender thead th[data-sort]			{cursor:pointer;}
.bender thead th .arrow				{margin-left:5px;}

table.wide							{width:100%;}

/* ==========================================================================
   PURCHASE PACK
   ========================================================================== */
#purchase-pack					{max-width:800px; margin:auto; margin-top: 10px;}
#purchase-pack .title *			{margin-bottom:0;}
#purchase-pack .icon			{float:left; margin:1em; box-shadow:0 2px 2px rgba(0, 0, 0, .55); border:4px solid #fff; width:100px;}
#purchase-pack .nimbus {padding:2em;}
#purchase-pack .nimbus:not(.login-ui) {background:#fff; box-shadow:0 3px 7px #222;}


.price {color:#81ab2b; font-weight:bold;}

/* ==========================================================================
   FORMS
   ========================================================================== */
.nimbus						{text-align:left;}
.nimbus fieldset			{margin:1em 0;}
.nimbus fieldset fieldset	{padding:0 1em; background:#125c94; background:rgba(0,0,0,.07); border:1px solid #125c94; border:1px solid rgba(0,0,0,.12);}

.nimbus h2,
.nimbus h3,
.nimbus p					{clear:both;}

.validation-summary-errors,
.field-validation-error     {color:#ff0000}

.field-validation-error,
.nimbus input,
.nimbus textarea,
.nimbus select				{display:block; clear:both; padding:.25em; margin:0 0 1.5em;}

.nimbus label				{display:block; clear:both; margin:0 0 .125em; font-weight:bold;}
.nimbus .radiocheck label	{font-weight:normal; margin:0 0 1.5em;}
.nimbus .radiocheck input	{display:inline-block; margin:0 .25em;}

.nimbus .error				{display:block; clear:both; color:red !important;}
.nimbus .meta				{font-style:italic; font-size:85%;}

.nimbus input::-webkit-input-placeholder	{color:#777; font-style:italic;}
.nimbus input:-moz-placeholder				{color:#777; font-style:italic;}
.nimbus input:-ms-input-placeholder			{color:#777; font-style:italic;}
.nimbus textarea::-webkit-input-placeholder	{color:#777; font-style:italic;}
.nimbus textarea:-moz-placeholder			{color:#777; font-style:italic;}
.nimbus textarea:-ms-input-placeholder		{color:#777; font-style:italic;}

.nimbus .help		{display:block; text-indent:-999em; width:32px; height:32px; position:absolute; top:10px; right:8px; background:url(../Content/images/author/help.png) no-repeat 0 0 transparent;}
.nimbus .fairhelp		{display:block; text-indent:-999em; width:32px; height:32px; position:relative; top:-40px; right:8px; background:url(../Content/images/author/help.png) no-repeat 0 0 transparent; float: right}

/* ==========================================================================
   NEED 100% WIDTH? ADD CLASS "WIDE" TO YOUR FIELDSET
   ========================================================================== */
.nimbus .wide input, .nimbus .wide textarea, .nimbus .wide select, .nimbus .wide label	{width:100%;}
.nimbus .wide input[type=checkbox]	{width:auto !important;}
.nimbus .wide input[type=radio]		{width:auto !important;}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.btn			{display:inline-block; background-color:#eee !important; background-color:rgba(255,255,255,0.5) !important; box-shadow:0 1px 1px #202020;}
.btn:hover		{background-color:#fff !important; background-color:rgba(255,255,255,0.8) !important; box-shadow:0 2px 3px #202020;}
.btn-edit		{width:30px; height:30px; background:url(../img/sprite-dark-30.png) no-repeat 0 -480px;}
.btn-person		{width:30px; height:30px; background:url(../img/sprite-dark-30.png) no-repeat 0 -30px;}
.btn-people		{width:30px; height:30px; background:url(../img/sprite-dark-30.png) no-repeat 0 0;}
.btn-doc		{width:30px; height:30px; background:url(../img/sprite-dark-30.png) no-repeat 0 -510px;}
.btn-delete		{width:30px; height:30px; background:url(../img/sprite-dark-30.png) no-repeat 0 -120px;}
.btn-refresh	{width:30px; height:30px; background:url(../img/sprite-dark-30.png) no-repeat 0 -211px;}

.btn-good,
.nimbus input.btn-good {
	display:inline-block; font:500 1em/1 'Ubuntu', sans-serif; color:#505050; text-shadow:1px 1px 1px rgba(255, 255, 255, .75); margin:0 .5em .5em 0; padding:.375em .75em; border-radius:.25em; border:1px solid #6a7862; background: #d1eebc;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZWViYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q2OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d1eebc 0%, #b3d69a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1eebc), color-stop(100%,#b3d69a));
	background: -webkit-linear-gradient(top,  #d1eebc 0%,#b3d69a 100%);
	background: -o-linear-gradient(top,  #d1eebc 0%,#b3d69a 100%);
	background: -ms-linear-gradient(top,  #d1eebc 0%,#b3d69a 100%);
	background: linear-gradient(top,  #d1eebc 0%,#b3d69a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1eebc', endColorstr='#b3d69a',GradientType=0 );
}
.btn-good:hover,
.nimbus .btn-good:hover	{}
.btn-good:active,
.nimbus btn-good:active	{box-shadow:inset 0 2px 2px #777, 0 1px 0 #fff; border-color:#000;}

.btn-bad,
.nimbus input.btn-bad {
	display:inline-block; font:500 1em/1 'Ubuntu', sans-serif; color:#fff; text-shadow:1px -1px 1px rgba(0, 0, 0, .4); margin:0 .5em .5em 0; padding:.375em .75em; border-radius:.25em; border:1px solid #6a7862; background: #ff3019;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}
.btn-bad:hover,
.nimbus .btn-bad:hover	{}
.btn-bad:active,
.nimbus btn-bad:active	{box-shadow:inset 0 2px 2px #777, 0 1px 0 #fff; border-color:#000;}

.btn-neutral,
.nimbus input.btn-neutral {
	display:inline-block; font:500 1em/1 'Ubuntu', sans-serif; color:#505050; text-shadow:1px 1px 1px rgba(255, 255, 255, .75); margin:0 .5em .5em 0; padding:.375em .75em; border-radius:.25em; border:1px solid #6a7862; background: #dddddd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dddddd 0%, #bcbcbc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#bcbcbc));
	background: -webkit-linear-gradient(top,  #dddddd 0%,#bcbcbc 100%);
	background: -o-linear-gradient(top,  #dddddd 0%,#bcbcbc 100%);
	background: -ms-linear-gradient(top,  #dddddd 0%,#bcbcbc 100%);
	background: linear-gradient(to bottom,  #dddddd 0%,#bcbcbc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bcbcbc',GradientType=0 );
}
.btn-neutral:hover,
.nimbus .btn-neutral:hover	{}
.btn-neutral:active,
.nimbus btn-neutral:active	{box-shadow:inset 0 2px 2px #777, 0 1px 0 #fff; border-color:#000;}

/* ==========================================================================
   LOGIN
   ========================================================================== */

#login					{background:url(../img/login/bg.jpg) no-repeat center center fixed #000; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
#login body				{background:none;}
#login #content			{color:#fff; text-shadow:0 1px 1px #222;}

#login #about			{float:right; border-bottom:1px solid rgba(255,255,255,0.6); display:block; padding:.5em .75em; margin:0 0 -2em; color:#eee; background:#222; background:rgba(0,0,0,.4);}
#login #about:hover		{border-bottom:1px solid #3D8AF7; background:#000;}

#login .title 			{margin:.5em auto; text-align:center;}
#login .tagline			{font:300 1em 'Ubuntu', sans-serif; margin:0; text-align:center;}

#login fieldset			{background:#222; background:rgba(0,0,0,0.45); padding:.5em 1em; border:1px solid #202020;}
#login fieldset h2		{margin:.5em 0;}
#login fieldset label	{font:300 1em 'Ubuntu', sans-serif;}
#login fieldset .meta		{margin:.25em 0; font:300 .875em 'Ubuntu', sans-serif;}
#login fieldset .meta a		{color:#b3d4fc;}

#login footer				{text-align:center; margin:0 0 12em; padding:0; color:#eee;}
#login footer p				{float:none; clear:both; margin:0 auto;}
#login footer a				{color:#eee;}

#login .btn-good	{color:#202020;
	background: #89e101;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ZTEwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWMxMDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #89e101 0%, #05c108 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89e101), color-stop(100%,#05c108));
	background: -webkit-linear-gradient(top,  #89e101 0%,#05c108 100%);
	background: -o-linear-gradient(top,  #89e101 0%,#05c108 100%);
	background: -ms-linear-gradient(top,  #89e101 0%,#05c108 100%);
	background: linear-gradient(to bottom,  #89e101 0%,#05c108 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89e101', endColorstr='#05c108',GradientType=0 );
}

/* ==========================================================================
   OTHER
   ========================================================================== */
.alert, .child .alert
{
    padding: 30px 30px 30px 90px !important;
    font-size: 120%;
    display: inline-block !important;
    width: auto !important;
    background: url(../img/icons/fileNotFound.png) no-repeat 20px 50% #C7CBF6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 5px rgba(84, 86, 104, .9);
    -webkit-box-shadow: 0px 0px 5px rgba(84, 86, 104, .9);
    box-shadow: 0px 0px 5px rgba(84, 86, 104, .9);
}

.colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../img/colorpicker.png);
}

.colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../img/colorpicker.png) center;
}

/* ==========================================================================
   MY AUTHORED PACKS
   ========================================================================== */
#authoredpacks .pack-status             {max-width: 80px}

/* ==========================================================================
   MY PACKS
   ========================================================================== */
#mypacks				{padding:0;}
#mypacks>ul				{list-style:none; margin:0 1em; padding:0;}
#mypacks>h3				{margin:1em 0 0 0;}
#mypacks>p				{margin:1em;}
#mypacks ul li			{float:left; width:120px; height:12.25em; margin:1em 1em 1em 0;}
#mypacks li h3			{margin:.25em 0; font:500 .875em 'Ubuntu', sans-serif; letter-spacing:-1px; color:#202020; max-height:2.5em; overflow:hidden;}
#mypacks li h3 a		{color:inherit !important;}
#mypacks li p			{margin:0; font:300 .875em 'Ubuntu', sans-serif; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#mypacks li p a			{color:#777;}

#mypacks li .img-wrap		{position:relative; margin:0 0 .5em;}
#mypacks li .pack-img		{width:120px; height:120px; margin:0 auto; border:2px solid #eee; box-shadow:0 1px 2px #555; background-color:#eee;}
#mypacks li .launch			{display:block; position:absolute; bottom:10px; left:10px; width:40px; height:40px; background:url(../img/btn-launch-hover.png) no-repeat 0 0 transparent; opacity:0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
#mypacks li:hover .launch,
#mypacks li:focus .launch	{opacity: 0.5;}
#mypacks li .launch:hover,
#mypacks li .launch:focus	{opacity:1;}

/* OPTIONS DROP-DOWN */
#mypacks li .drop-sauce			{position:absolute; top:5px; right:5px;}

#mypacks ul.actions			{font-size:80%; margin:.5em 0;}
#mypacks ul.actions li		{margin:0; float:none; width:auto; height:auto;}

.pack-options			{width:62px; font:100 .75em 'Ubuntu', sans-serif; margin:.5em 0;}
.pack-options .select2-default span:before {content:"\2699"; font:normal 1em/1em 'icomoon'; width:1em; font-style:normal; speak:none; display:inline-block; text-decoration:inherit; margin:0 .375em 0 0; text-align:center; opacity:.8; font-variant:normal; text-transform:none;}

.select2-drop			{font:100 .875em 'Ubuntu', sans-serif; min-width:160px;}

#mypacks h2			{background:#313131; border-bottom:1px solid #222; font:300 1.25em 'Ubuntu', sans-serif; margin:0; padding:.25em .75em; color:#ddd; text-shadow:0 -1px 0 #222;} 
#mypacks h2 a		{font-size:70%; display:inline-block; padding:0 .5em; margin:0; color:#999; text-shadow:0 -1px 0 #222;}

#mypacks .price a {display:inline-block; margin:.25em 0 0; text-shadow:none; color:#81ab2b !important; font-weight:bold;}

/* ==========================================================================
   PACK DETAIL
   ========================================================================== */
.title .author			{font:300 .875em 'Ubuntu', sans-serif; color:#777; margin:.25em 0 -.75em;}

.pack-detail			{position:relative; padding:2em 2.5em;}
.pack-detail .col1		{float:left;}
.pack-detail .col2		{float:left; width:110px; margin:0 20px 0 0; text-align:center;}
.pack-detail .col2 img	{margin:0 auto; border:2px solid #eee; box-shadow:0 1px 2px #555;}
.pack-detail .col2 a	{font-size:90%;}


/* ==========================================================================
   ADD ASSESSMENT
   ========================================================================== */
.radiocheck-big div			{position:relative; font-size:85%; float:left; display:inline-block; margin:0 .25em .5em 0; width:12em; height:10em;}
.radiocheck-big label		{padding:5.5em 1em 1em 1em; position:relative; cursor:pointer; text-align:center; width:11em; height:9em; margin:.5em auto; transition:width .2s, height .2s, margin .2s, padding .2s;}
.radiocheck-big input		{position:absolute; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.radiocheck-big label b		{position:absolute; top:.5em; left:50%; display:block; margin:0 auto .5em -.5em; font-size:3em; transition:top .2s;}
.radiocheck-big label.active{width:12em; height:10em; margin-top:0; padding-top:6em; background:#1d8cc6; filter:none; border:1px solid #5777c4; color:#fff; text-shadow:0 -1px 0 #777; box-shadow:inset 0 1px 1px rgba(255,255,255,.7), 0 14px 12px -7px #1d8cc6;}
.radiocheck-big label.active b	{top:.67em;}

.radiocheck-big input[type="radio"]:checked+label	{width:12em; height:10em; margin-top:0; padding-top:6em; background:#125c94; filter:none; border:1px solid #eee; color:#fff; text-shadow:0 -1px 0 #777; box-shadow:inset 0 1px 1px rgba(255,255,255,.7), 0 14px 12px -7px #1d8cc6;}
.radiocheck-big input[type="radio"]:checked+label b	{top:.67em;}

.btn-big,.nimbus input.btn-big {
	display:inline-block; font:500 1em/1 'Open Sans', sans-serif; color:#505050; text-shadow:1px 1px 1px rgba(255, 255, 255, .75); margin:0 .5em .5em 0; padding:.375em .75em; border-radius:.25em; border:1px solid #d4d4d4;
	background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0,#f7f7f7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#f7f7f7));background:-webkit-linear-gradient(top,#ffffff 0,#f7f7f7 100%);background:-o-linear-gradient(top,#ffffff 0,#f7f7f7 100%);background:-ms-linear-gradient(top,#ffffff 0,#f7f7f7 100%);background:linear-gradient(to bottom,#ffffff 0,#f7f7f7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0);
}
.btn-big:hover, .nimbus .btn-big:hover	{background:#07afed; filter:none; border:1px solid #777; color:#fff; text-shadow:none;}
.btn-big:active,.nimbus .btn-big:active	{background:#1d8cc6; filter:none; color:#fff; box-shadow:inset 0 2px 2px #777, 0 1px 0 #fff; border-color:#000;}


/* ==========================================================================
   EDIT ASSESSMENT
   ========================================================================== */
#edit-questions input[type="text"]      {float:left; width:calc(100% - 90px)}
#edit-questions input[type="radio"]       {display:inline; margin-right:5px;}    
#edit-questions .assessment-question .btn-bad    {float:right;}

/* ==========================================================================
   CHANNELS
   ========================================================================== */
.banner					{position:relative;}
.banner .bg-wrap		{min-height:300px; overflow:hidden; width:100%; -webkit-background-size:cover;  -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-color:#000;}
.banner .title-wrap		{position:absolute; bottom:0; left:0; padding:1em 2em 1em 230px; color:#fff; background:#202020; background:rgba(0,0,0,.4); width:100%; text-shadow:none !important;}
.banner h2				{margin:0;}
.banner p				{margin:0;}
.banner .icon			{position:absolute; left:1em; bottom:1em; z-index:2; border:2px solid #fff; 
                          box-shadow:0 2px 3px #999; 
                          box-shadow:0 2px 3px rgba(0,0,0,0.3);
                          width:200px;}

/* version 1 */
.channel-guide .banner 				{font-size:80%; margin-bottom:1em; border-bottom:1px solid #ccc; border-left:1px solid #ddd; border-right:1px solid #ddd; -webkit-transition:border 0.4s; transition:border 0.4s;}
.channel-guide .banner:hover        {border-bottom:1px solid #aaa; border-left:1px solid #bbb; border-right:1px solid #bbb;}
.channel-guide .banner .bg-wrap		{min-height:90px;}
.channel-guide .banner .title-wrap 	{background:rgba(0,0,0,.4); position:relative; background-color:#e5e4e6; color:#030303; padding:2em; z-index:0;}
.channel-guide .banner h2			{}
.channel-guide .banner p			{}
.channel-guide .banner .icon		{left:2em; border:none; width:80px; z-index:0; bottom:auto; top:2em;}
.channel-guide .banner a            {display:block; background-color:rgba(0,0,0,0); position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-999em; -webkit-transition:background 0.4s; transition:background 0.4s;}
.channel-guide .banner a:hover      {background-color:rgba(0,0,0,0.15);}
.channel-guide .banner a:active     {background-color:rgba(0,0,0,0.2);}

.wrapper-featured-items		{margin:0; border-top:1px solid #777;}
.featured-items				{padding:0;}
.featured-items h3			{}
.featured-items ul			{list-style:none; margin:0; padding:0;}
.featured-items li			{list-style:none; margin:0 2% 0 0; padding:0; float:left; width:18%;}
.featured-items img			{border:3px solid #fff; box-shadow:0 2px 2px #000; width:100%;}
.featured-items .name		{margin:.5em 0 0; font:500 1em 'Ubuntu', sans-serif;}
.featured-items .name a		{color:#202020;}
.featured-items .author		{margin:0; font:300 1em 'Ubuntu', sans-serif; color:#777;}

#channel-nav				{margin:0; padding:0 2em; background:#202020; text-shadow:none;}
#channel-nav ul				{list-style:none; margin:0; padding:0;}
#channel-nav li				{list-style:none; margin:0 2em 0 0; padding:0; float:left;}
#channel-nav li a			{display:inline-block; padding:.75em 1.5em; position:relative; font:300 1em 'Ubuntu', sans-serif; color:#999;}
#channel-nav li a:hover		{background:#000; border-bottom:3px solid #000;}
#channel-nav li.active a	{border-bottom:3px solid #125c94;}


#channel-nav li.active a:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#channel-nav li.active a:after {
	border-color: rgba(77, 110, 203, 0);
	border-top-color: #125c94;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}


/* ==========================================================================
   SUCCESS AND ERROR MESSAGES
   ========================================================================== */
.message		{position:fixed; text-align:center; z-index:999; top:25%; left:25%; width:50%;}
.success,
.error			{padding:32px 4px; background:#202020; background:rgba(17, 20, 23, 0.7); color:#eee; border-radius:8px;}
.message h3		{margin:0; padding:0; font:700 19px 'Ubuntu', sans-serif; text-shadow:0 1px 0 #000 !important;}
.message h3:focus{outline:none; outline:0; border:none;}
.message p		{margin:0; padding:0; font:500 14px 'Ubuntu', sans-serif; text-shadow:0 1px 0 #000 !important;}
.message .close {position:absolute; right:4px; top:4px; display:block; color:#fff;}

/* ==========================================================================
   HELPERS
   ========================================================================== */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}
.left		{float:left;}
.right		{float:right;}
.center		{text-align:center !important;} .center .btn{margin:0 auto;}
.tuck1		{margin-top:-.75em !important;}
.tuck2		{margin-top:-1.25em !important;}
.normal		{font-weight:normal; font-style:normal; color:#323232;}
.strong     {font-weight:bold;}
.inset		{-moz-box-shadow:inset 0 1px 3px #222; -webkit-box-shadow:inset 0 1px 3px #222; box-shadow:inset 0 1px 3px #222; background:rgba(0,0,0,0.1); padding:.25em 1em;}
.entypo		{font-family:"icomoon";}
td .entypo	{font-size:2em;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* Smaller screens */

@media only screen and (max-width: 1023px) {

	/*body {
	font-size: 0.8em;
	line-height: 1.5em;
	}*/
	
}

/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	/*font-size: 16px;*/
	-webkit-text-size-adjust: none;
	}
    
    .create-pack            {display:none;}
    
    .m-open                 {display:block;}
    .sidecar                 {display:none;}
	
	.row		{width:100%; min-width:0; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol
				{width:auto; float:none; margin-left:0; margin-right:0;}

	#login .title 			{margin:1em 0;}

    .subkick .title         {padding:1.5em 1em;}
    .subkick .title h2      {font-size:1.5em;}

	.banner				    {}
	.banner h2				{margin:0 0 .25em; font:300 1.5em 'Ubuntu', sans-serif;}
	.banner p				{margin:0;}
	.banner .bg-wrap        {min-height:230px;}
	.banner .title-wrap     {padding:1em; text-align:center;}
	.banner .icon           {width:120px; margin:0 0 0 -60px; top:40px; left:50%;}

	.channel-guide .banner              {}
    .channel-guide .banner h2           {margin:0 0 .25em; font-weight:bold;}
	.channel-guide .banner p            {margin:0;}
	.channel-guide .banner .bg-wrap     {min-height:80px;}
	.channel-guide .banner .title-wrap  {padding:1.5em 1em 1em; text-align:left;}
	.channel-guide .banner .icon        {width:80px; left:1em; margin:0; top:1em;}

	.categories					{position:static; display:none;}

	.featured-items			{padding:0 2em 2em;}
	.featured-items li		{width:31%;}

    #creator-header         {margin-left:0 !important;}
}

@media handheld, only screen and (max-width: 600px) {
    .subkick                {margin-left:0 !important;}
}

@media handheld, only screen and (max-width: 479px) {
	#login #about			{float:none; font-size:.875em; margin:0;}

	#content				{padding:1em;}

    .negate-pad             {margin:0 -1em;}
    .subkick .title         {margin:0 -1em 1em;}
	
	.aside					{background:#eee; padding:.5em;}
	aside.left				{margin:.5em 0; float:none; clear:both; width:100%;}
	aside.right				{margin:.5em 0; float:none; clear:both; width:100%;}
	figure.right			{margin:.5em 0; float:none; clear:both; width:100%;}
	
	.featured-items li		{width:48%;}
	
	.mtable, .mtable thead, .mtable tbody, .mtable th, .mtable td, .mtable tr {display:block;}
	.mtable thead tr		{position:absolute; top:-9999px; left:-9999px;}
	.mtable tbody td,
	.mtable tbody th		{position:relative; padding:.5em .5em .5em 50% !important;}
	.mtable tbody td:before,
	.mtable tbody th:before	{position:absolute; left:.5em; width:45%; white-space:nowrap; font:700 1em 'Ubuntu', sans-serif; content:attr(mheader);}
	
	.mtable th, .mtable td	{font:300 .75em 'Ubuntu', sans-serif !important; width:auto; text-align:left !important;}
}



/* ==================================================
    DROP-SAUCE DROP MENUS. NOW WITH MORE SAUCE!
===================================================== */
.drop-sauce nav			{font-size:14px; text-shadow:none !important; text-align:left;}
.drop-sauce nav ul		{padding:0; margin:0;}
.drop-sauce nav li		{height:auto !important; width:auto !important; float:left; margin:0 !important; padding:0; white-space:nowrap;}
.drop-sauce nav ul>li	{width:3.5em !important;}


.drop-sauce .parent     {display:block; height:26px; padding:0 28px 0 8px; position:relative; border:1px solid #aaa; white-space:nowrap; line-height:26px; color:#444; text-decoration:none; border-radius:4px; cursor:pointer;
background-color: #fff;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(0.5,white));
background-image: -webkit-linear-gradient(center bottom,#eee 0,white 50%);
background-image: -moz-linear-gradient(center bottom,#eee 0,white 50%);
background-image: -o-linear-gradient(bottom,#eee 0,#fff 50%);
background-image: -ms-linear-gradient(top,#fff 0,#eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff',endColorstr = '#eeeeee',GradientType = 0);
background-image: linear-gradient(top,#fff 0,#eee 50%);}

.drop-sauce .parent > a:first-child { color: #202020; }
.drop-sauce .parent>a:first-child:after {display:inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; overflow:hidden; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0;
background: #ccc;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee));
background-image: -webkit-linear-gradient(center bottom,#ccc 0,#eee 60%);
background-image: -moz-linear-gradient(center bottom,#ccc 0,#eee 60%);
background-image: -o-linear-gradient(bottom,#ccc 0,#eee 60%);
background-image: -ms-linear-gradient(top,#ccc 0,#eee 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee',endColorstr = '#cccccc',GradientType = 0);
background-image: linear-gradient(top,#ccc 0,#eee 60%);
content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAYAAACiu5n/AAACLElEQVR42u3Zz0sUYRzH8bUISoyF1i5iXSooyYgOEXapZNYNojwU/aAfUAT9A4YhUgdxt1To0KFIBCMIvEcUEXntUtivpYuUhYFIdDBMmD69he/hObgsbSnb13ngdZjZhX3eO8/MDrMpSctKErwsg//HUSgU7uNYsB3hHla4CybqEoRPaMJGFCEMewxuxnsIk5iALPqg1yVdj9eQGUdjiuE1eAs+QOYztrsMJqwFk8EyHguW95klD+ZD08gsYvBFCBPYgHXBOT1UNpg3ncQpnAicRbrCCQ3j8SIf5QvYEWxvxnlb0mWDr0MIvcOaCiayC78gRKmlH+WDbaIjkJnDzgq/+VHIvMWqag3ehBkIAxXGdkAIDVRlsE24H9//4ty9hju4Hej710c5m83WYging32HMYjMnwSvx75UlQ+iOiDEaEMLZiA8dPc7TFQDnkGYxQ8Iz9Hs8k4riqIa4l5ApojVbm8tiduPL5CZRs5lMGFH8DNYxo+C5d3tMfgohJeow0qMQujxuqRb0RBsZ3DA2ZIuP5LgJDgJToKr4ZHOWjTOy+fzNa6DiezCFGReod1lMGF3IYzjMm5B5rirYIJyEJ4iHezfjW+YRr2n4EHE2LrAa1cg5DwFj2DWLlKljn67p+B+CIdKPAaOsddTcBOEKbTZvjp0Qvjo8Sp9DjJFfIVMjBsef4f34AHeYAxX0VfqMbDnfw97IXMTta6DLbobcxBa3Qdb9BPE2LZQ8G98530ecQi/2QAAAABJRU5ErkJggg==);
}

.drop-sauce:hover>.parent a:first-child:after,
.drop-sauce:focus>.parent a:first-child:after   {border-radius:0 4px 0 0;
background: #ccc;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#fff),color-stop(0.6,#ccc));
background-image: -webkit-linear-gradient(center bottom,#fff 0,#ccc 60%);
background-image: -moz-linear-gradient(center bottom,#fff 0,#ccc 60%);
background-image: -o-linear-gradient(bottom,#fff 0,#ccc 60%);
background-image: -ms-linear-gradient(top,#fff 0,#ccc 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc',endColorstr = '#ffffff',GradientType = 0);
background-image: linear-gradient(top,#fff 0,#ccc 60%);
}

.drop-sauce:hover .parent,
.drop-sauce:focus .parent   {border-bottom:1px solid transparent; border-radius:4px 4px 0 0;
background-color: #eee;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,white),color-stop(0.5,#eee));
background-image: -webkit-linear-gradient(center bottom,white 0,#eee 50%);
background-image: -moz-linear-gradient(center bottom,white 0,#eee 50%);
background-image: -o-linear-gradient(bottom,white 0,#eee 50%);
background-image: -ms-linear-gradient(top,#fff 0,#eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0);
background-image: linear-gradient(top,#fff 0,#eee 50%);
}

.drop-sauce nav ul ul a			{display:block; color:#202020; padding:.25em .75em; text-decoration:none;}
.drop-sauce nav ul ul a:hover,
.drop-sauce nav ul ul a:focus	{background-color:#125c94; color:#fff;}
.drop-sauce nav ul ul           {position:absolute; z-index:9; left:-999em; top:26px; z-index:999 !important; margin:0; padding:0; min-width:91px; background:#fff; border:1px solid #aaa; border-top:none; box-shadow:0 2px 3px #ccc; box-shadow:0 2px 3px rgba(0,0,0,.5);}
.drop-sauce nav ul li li        {float:none; clear:both; width:100% !important; position:relative; z-index:999;}
.drop-sauce nav ul li:hover > ul,
.drop-sauce nav ul li:focus > ul,
.drop-sauce nav ul li ul.show-menu{left:-1px;}
.drop-sauce nav ul.right li:hover > ul,
.drop-sauce nav ul.right li:focus > ul,
.drop-sauce nav ul.right li ul.show-menu{left:auto; right:-1px;}

/* 2ND TIER DROPDOWNS */
.drop-sauce nav ul ul li:hover > ul,
.drop-sauce nav ul ul li:focus > ul {left:100%; top:0;}
.drop-sauce .drop-right>a       {padding-right:24px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIFJREFUeNpi/P//PwMtARMDjcGoBaMW0MmCzs5OfiDmZGRkZEDG1PSBPxCf7ejoMKBVEP0CYk0gPgW0pBeI+WkVB6xAXATEj4CWONAqkr8B8WwgvkqMYhYSfboaiCsrKirugjjl5eVUswBU5HYBDS4n1buMo8X1qAWjFtDeAoAAAwD9XB/zbQCkIQAAAABJRU5ErkJggg==) no-repeat right 50% transparent;}
.drop-sauce .drop-right>ul      {border-top:1px solid #aaa; border-left:none; box-shadow:2px 2px 2px #ccc; box-shadow:2px 2px 2px rgba(0,0,0,.5);}
.drop-sauce nav ul ul li        {padding:0;}

.drop-sauce .break              {display:block; border-top:thin dashed #ccc; height:0; width:90% !important; margin:0 5% !important;}
.drop-sauce .dull a             {color:#777;}

/* ===================================
	PLUGINS
===================================*/
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 8;
    
    /* Specify the width of your pageslide here */
    width: 220px;
    
    /* These styles are optional, and describe how the pageslide will look */
}

/*TIPSY*/
.tipsy{font-size:12px;position:absolute;padding:5px;z-index:100000}.tipsy-inner{background-color:#000;color:#FFF;max-width:200px;padding:5px 8px 4px 8px;text-align:center}.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed #000}.tipsy-arrow-n{border-bottom-color:#000}.tipsy-arrow-s{border-top-color:#000}.tipsy-arrow-e{border-left-color:#000}.tipsy-arrow-w{border-right-color:#000}.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}.tipsy-nw .tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}.tipsy-sw .tipsy-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}.tipsy-se .tipsy-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}.tipsy-e .tipsy-arrow{right:0;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent}.tipsy-w .tipsy-arrow{left:0;top:50%;margin-top:-5px;border-right-style:solid;border-left:0;border-top-color:transparent;border-bottom-color:transparent}

/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
 /*.jcrop-img{max-width:1024px;} when users upload huge images, resize down to 1024 */

.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(../img/Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

/* SELECT2 */
.select2-container{position:relative;display:inline-block;zoom:1;*display:inline;vertical-align:middle}.select2-container,.select2-drop,.select2-search,.select2-search input{-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.select2-container .select2-choice{display:block;height:26px;padding:0 0 0 8px;overflow:hidden;position:relative;border:1px solid #aaa;white-space:nowrap;line-height:26px;color:#444;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(0.5,white));background-image:-webkit-linear-gradient(center bottom,#eee 0,white 50%);background-image:-moz-linear-gradient(center bottom,#eee 0,white 50%);background-image:-o-linear-gradient(bottom,#eee 0,#fff 50%);background-image:-ms-linear-gradient(top,#fff 0,#eee 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff',endColorstr = '#eeeeee',GradientType = 0);background-image:linear-gradient(top,#fff 0,#eee 50%)}.select2-container.select2-drop-above .select2-choice{border-bottom-color:#aaa;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(0.9,white));background-image:-webkit-linear-gradient(center bottom,#eee 0,white 90%);background-image:-moz-linear-gradient(center bottom,#eee 0,white 90%);background-image:-o-linear-gradient(bottom,#eee 0,white 90%);background-image:-ms-linear-gradient(top,#eee 0,#fff 90%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);background-image:linear-gradient(top,#eee 0,#fff 90%)}.select2-container.select2-allowclear .select2-choice span{margin-right:42px}.select2-container .select2-choice span{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}.select2-container .select2-choice abbr{display:inline-block;width:12px;height:12px;position:absolute;right:24px;top:8px;font-size:1px;text-decoration:none;border:0;background:url('../js/vendor/select2/select2.png') right top no-repeat;cursor:pointer;outline:0}.select2-container .select2-choice abbr:hover{background-position:right -11px;cursor:pointer}.select2-drop-mask{position:absolute;left:0;top:0;z-index:9998;background-color:#fff;opacity:0;-ms-filter:"alpha(opacity=0)";filter:"alpha(opacity=0)";filter:alpha(opacity=0)}.select2-drop{width:100%;margin-top:-1px;position:absolute;z-index:9999;top:100%;background:#fff;color:#000;border:1px solid #aaa;border-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15)}.select2-drop-auto-width{border-top:1px solid #aaa;width:auto}.select2-drop-auto-width .select2-search{padding-top:4px}.select2-drop.select2-drop-above{margin-top:1px;border-top:1px solid #aaa;border-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 -4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 -4px 5px rgba(0,0,0,.15);box-shadow:0 -4px 5px rgba(0,0,0,.15)}.select2-container .select2-choice div{display:inline-block;width:18px;height:100%;position:absolute;right:0;top:0;border-left:1px solid #aaa;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;background:#ccc;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(0.6,#eee));background-image:-webkit-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-moz-linear-gradient(center bottom,#ccc 0,#eee 60%);background-image:-o-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-ms-linear-gradient(top,#ccc 0,#eee 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee',endColorstr = '#cccccc',GradientType = 0);background-image:linear-gradient(top,#ccc 0,#eee 60%)}.select2-container .select2-choice div b{display:block;width:100%;height:100%;background:url('../js/vendor/select2/select2.png') no-repeat 0 1px}.select2-search{display:inline-block;width:100%;min-height:26px;margin:0;padding-left:4px;padding-right:4px;position:relative;z-index:10000;white-space:nowrap}.select2-search-hidden{display:block;position:absolute;left:-10000px}.select2-search input{width:100%;height:auto!important;min-height:26px;padding:4px 20px 4px 5px;margin:0;outline:0;font-family:sans-serif;font-size:1em;border:1px solid #aaa;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#fff url('../js/vendor/select2/select2.png') no-repeat 100% -22px;background:url('../js/vendor/select2/select2.png') no-repeat 100% -22px,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,white),color-stop(0.99,#eee));background:url('../js/vendor/select2/select2.png') no-repeat 100% -22px,-webkit-linear-gradient(center bottom,white 85%,#eee 99%);background:url('../js/vendor/select2/select2.png') no-repeat 100% -22px,-moz-linear-gradient(center bottom,white 85%,#eee 99%);background:url('../js/vendor/select2/select2.png') no-repeat 100% -22px,-o-linear-gradient(bottom,white 85%,#eee 99%);background:url('../js/vendor/select2/select2.png') no-repeat 100% -22px,-ms-linear-gradient(top,#fff 85%,#eee 99%);background:url('../js/vendor/select2/select2.png') no-repeat 100% -22px,linear-gradient(top,#fff 85%,#eee 99%)}.select2-drop.select2-drop-above .select2-search input{margin-top:4px}.select2-search input.select2-active{background:#fff url('../js/vendor/select2/select2-spinner.gif') no-repeat 100%;background:url('../js/vendor/select2/select2-spinner.gif') no-repeat 100%,-webkit-gradient(linear,left bottom,left top,color-stop(0.85,white),color-stop(0.99,#eee));background:url('../js/vendor/select2/select2-spinner.gif') no-repeat 100%,-webkit-linear-gradient(center bottom,white 85%,#eee 99%);background:url('../js/vendor/select2/select2-spinner.gif') no-repeat 100%,-moz-linear-gradient(center bottom,white 85%,#eee 99%);background:url('../js/vendor/select2/select2-spinner.gif') no-repeat 100%,-o-linear-gradient(bottom,white 85%,#eee 99%);background:url('../js/vendor/select2/select2-spinner.gif') no-repeat 100%,-ms-linear-gradient(top,#fff 85%,#eee 99%);background:url('../js/vendor/select2/select2-spinner.gif') no-repeat 100%,linear-gradient(top,#fff 85%,#eee 99%)}.select2-container-active .select2-choice,.select2-container-active .select2-choices{border:1px solid #5897fb;outline:0;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.select2-dropdown-open .select2-choice{border-bottom-color:transparent;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;background-color:#eee;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,white),color-stop(0.5,#eee));background-image:-webkit-linear-gradient(center bottom,white 0,#eee 50%);background-image:-moz-linear-gradient(center bottom,white 0,#eee 50%);background-image:-o-linear-gradient(bottom,white 0,#eee 50%);background-image:-ms-linear-gradient(top,#fff 0,#eee 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0);background-image:linear-gradient(top,#fff 0,#eee 50%)}.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices{border:1px solid #5897fb;border-top-color:transparent;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(0.5,#eee));background-image:-webkit-linear-gradient(center top,white 0,#eee 50%);background-image:-moz-linear-gradient(center top,white 0,#eee 50%);background-image:-o-linear-gradient(top,white 0,#eee 50%);background-image:-ms-linear-gradient(bottom,#fff 0,#eee 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0);background-image:linear-gradient(bottom,#fff 0,#eee 50%)}.select2-dropdown-open .select2-choice div{background:transparent;border-left:none;filter:none}.select2-dropdown-open .select2-choice div b{background-position:-18px 1px}.select2-results{max-height:200px;padding:0 0 0 4px;margin:4px 4px 4px 0;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:rgba(0,0,0,0)}.select2-results ul.select2-result-sub{margin:0}.select2-results ul.select2-result-sub>li .select2-result-label{padding-left:20px}.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:40px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:60px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:80px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:100px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:110px}.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label{padding-left:120px}.select2-results li{list-style:none;display:list-item;background-image:none}.select2-results li.select2-result-with-children>.select2-result-label{font-weight:bold}.select2-results .select2-result-label{padding:3px 7px 4px;margin:0;cursor:pointer;min-height:1em;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select2-results .select2-highlighted{background:#3875d7;color:#fff}.select2-results li em{background:#feffde;font-style:normal}.select2-results .select2-highlighted em{background:transparent}.select2-results .select2-highlighted ul{background:white;color:#000}.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit{background:#f4f4f4;display:list-item}.select2-results .select2-disabled.select2-highlighted{color:#666;background:#f4f4f4;display:list-item;cursor:default}.select2-results .select2-disabled{background:#f4f4f4;display:list-item;cursor:default}.select2-results .select2-selected{display:none}.select2-more-results.select2-active{background:#f4f4f4 url('../js/vendor/select2/select2-spinner.gif') no-repeat 100%}.select2-more-results{background:#f4f4f4;display:list-item}.select2-container.select2-container-disabled .select2-choice{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default}.select2-container.select2-container-disabled .select2-choice div{background-color:#f4f4f4;background-image:none;border-left:0}.select2-container.select2-container-disabled .select2-choice abbr{display:none}.select2-container-multi .select2-choices{height:auto!important;height:1%;margin:0;padding:0;position:relative;border:1px solid #aaa;cursor:text;overflow:hidden;background-color:#fff;background-image:-webkit-gradient(linear,0% 0,0% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(top,#eee 1%,#fff 15%);background-image:-moz-linear-gradient(top,#eee 1%,#fff 15%);background-image:-o-linear-gradient(top,#eee 1%,#fff 15%);background-image:-ms-linear-gradient(top,#eee 1%,#fff 15%);background-image:linear-gradient(top,#eee 1%,#fff 15%)}.select2-locked{padding:3px 5px 3px 5px!important}.select2-container-multi .select2-choices{min-height:26px}.select2-container-multi.select2-container-active .select2-choices{border:1px solid #5897fb;outline:0;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.select2-container-multi .select2-choices li{float:left;list-style:none}.select2-container-multi .select2-choices .select2-search-field{margin:0;padding:0;white-space:nowrap}.select2-container-multi .select2-choices .select2-search-field input{padding:5px;margin:1px 0;font-family:sans-serif;font-size:100%;color:#666;outline:0;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:transparent!important}.select2-container-multi .select2-choices .select2-search-field input.select2-active{background:#fff url('../js/vendor/select2/select2-spinner.gif') no-repeat 100%!important}.select2-default{color:#999!important}.select2-container-multi .select2-choices .select2-search-choice{padding:3px 5px 3px 18px;margin:3px 0 3px 5px;position:relative;line-height:13px;color:#333;cursor:default;border:1px solid #aaa;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#e4e4e4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#f4f4f4',GradientType=0);background-image:-webkit-gradient(linear,0% 0,0% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-ms-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%)}.select2-container-multi .select2-choices .select2-search-choice span{cursor:default}.select2-container-multi .select2-choices .select2-search-choice-focus{background:#d4d4d4}.select2-search-choice-close{display:block;width:12px;height:13px;position:absolute;right:3px;top:4px;font-size:1px;outline:0;background:url('../js/vendor/select2/select2.png') right top no-repeat}.select2-container-multi .select2-search-choice-close{left:3px}.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover{background-position:right -11px}.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close{background-position:right -11px}.select2-container-multi.select2-container-disabled .select2-choices{background-color:#f4f4f4;background-image:none;border:1px solid #ddd;cursor:default}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice{padding:3px 5px 3px 5px;border:1px solid #ddd;background-image:none;background-color:#f4f4f4}.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close{display:none;background:0}.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match{text-decoration:underline}.select2-offscreen{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.select2-display-none{display:none}.select2-measure-scrollbar{position:absolute;top:-10000px;left:-10000px;width:100px;height:100px;overflow:scroll}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){.select2-search input,.select2-search-choice-close,.select2-container .select2-choice abbr,.select2-container .select2-choice div b{background-image:url('../js/vendor/select2/select2x2.png')!important;background-repeat:no-repeat!important;background-size:60px 40px!important}.select2-search input{background-position:100% -21px!important}}

/* JQPLOT (CHARTING) */
.jqplot-target{position:relative;color:#666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1em}.jqplot-axis{font-size:.75em}.jqplot-xaxis{margin-top:10px}.jqplot-x2axis{margin-bottom:10px}.jqplot-yaxis{margin-right:10px}.jqplot-y2axis,.jqplot-y3axis,.jqplot-y4axis,.jqplot-y5axis,.jqplot-y6axis,.jqplot-y7axis,.jqplot-y8axis,.jqplot-y9axis,.jqplot-yMidAxis{margin-left:10px;margin-right:10px}.jqplot-axis-tick,.jqplot-xaxis-tick,.jqplot-yaxis-tick,.jqplot-x2axis-tick,.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick,.jqplot-yMidAxis-tick{position:absolute;white-space:pre}.jqplot-xaxis-tick{top:0;left:15px;vertical-align:top}.jqplot-x2axis-tick{bottom:0;left:15px;vertical-align:bottom}.jqplot-yaxis-tick{right:0;top:15px;text-align:right}.jqplot-yaxis-tick.jqplot-breakTick{right:-20px;margin-right:0;padding:1px 5px 1px 5px;z-index:2;font-size:1.5em}.jqplot-y2axis-tick,.jqplot-y3axis-tick,.jqplot-y4axis-tick,.jqplot-y5axis-tick,.jqplot-y6axis-tick,.jqplot-y7axis-tick,.jqplot-y8axis-tick,.jqplot-y9axis-tick{left:0;top:15px;text-align:left}.jqplot-yMidAxis-tick{text-align:center;white-space:nowrap}.jqplot-xaxis-label{margin-top:10px;font-size:11pt;position:absolute}.jqplot-x2axis-label{margin-bottom:10px;font-size:11pt;position:absolute}.jqplot-yaxis-label{margin-right:10px;font-size:11pt;position:absolute}.jqplot-yMidAxis-label{font-size:11pt;position:absolute}.jqplot-y2axis-label,.jqplot-y3axis-label,.jqplot-y4axis-label,.jqplot-y5axis-label,.jqplot-y6axis-label,.jqplot-y7axis-label,.jqplot-y8axis-label,.jqplot-y9axis-label{font-size:11pt;margin-left:10px;position:absolute}.jqplot-meterGauge-tick{font-size:.75em;color:#999}.jqplot-meterGauge-label{font-size:1em;color:#999}table.jqplot-table-legend{margin-top:12px;margin-bottom:12px;margin-left:12px;margin-right:12px}table.jqplot-table-legend,table.jqplot-cursor-legend{background-color:rgba(255,255,255,0.6);border:1px solid #ccc;position:absolute;font-size:.75em}td.jqplot-table-legend{vertical-align:middle}td.jqplot-seriesToggle:hover,td.jqplot-seriesToggle:active{cursor:pointer}.jqplot-table-legend .jqplot-series-hidden{text-decoration:line-through}div.jqplot-table-legend-swatch-outline{border:1px solid #ccc;padding:1px}div.jqplot-table-legend-swatch{width:0;height:0;border-top-width:5px;border-bottom-width:5px;border-left-width:6px;border-right-width:6px;border-top-style:solid;border-bottom-style:solid;border-left-style:solid;border-right-style:solid}.jqplot-title{top:0;left:0;padding-bottom:.5em;font-size:1.2em}table.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em}.jqplot-cursor-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{border:1px solid #ccc;font-size:.75em;white-space:nowrap;background:rgba(208,208,208,0.5);padding:1px}.jqplot-point-label{font-size:.75em;z-index:2}td.jqplot-cursor-legend-swatch{vertical-align:middle;text-align:center}div.jqplot-cursor-legend-swatch{width:1.2em;height:.7em}.jqplot-error{text-align:center}.jqplot-error-message{position:relative;top:46%;display:inline-block}div.jqplot-bubble-label{font-size:.8em;padding-left:2px;padding-right:2px;color:rgb(20%,20%,20%)}div.jqplot-bubble-label.jqplot-bubble-label-highlight{background:rgba(90%,90%,90%,0.7)}div.jqplot-noData-container{text-align:center;background-color:rgba(96%,96%,96%,0.3)}

/* ==========================================================================
   JQUERY SORTABLE BUSINESS
   ========================================================================== */
.ui-sortable, .ui-sortable ol	{margin:0; list-style:none; padding:0;}
.ui-sortable li					{font-size:18px; font-weight:bold; cursor:move; cursor:-webkit-grab; cursor:-moz-grab; list-style:none;}
.ui-sortable li,
.ui-sortable li a				{color:#4b4b4b; text-shadow:0 1px 0 #fff;}

.ui-sortable .parentelement		        {position:relative; width:100%; padding:0 10px 0 0; min-height:55px; line-height:55px; margin:0 0 3px 0; border:1px solid #dddddd;}
.ui-sortable .childelement		        {position:relative; width:100%; padding:0 10px 0 0; min-height:42px; line-height:42px; margin:0 0 17px 0; border:1px solid #ddd; box-shadow:0 1px 2px #222;}
.ui-sortable .parentelement>ol	        {margin:0 0 0 30px;}
.ui-sortable .parentelement>div	        {padding-left:58px;}
.ui-sortable .childelement>div	        {padding-left:46px;}
.ui-sortable .ui-sortable-helper ol     {display:none;}

.pack-items li  {cursor:default}

/* ICONS -------------------------------------*/
#upload-html img.pack-icon:hover, #edit-assessment img.pack-icon:hover      {border:4px solid #5777c4;}
#upload-html .pack-icon, #edit-assessment .pack-icon                        {width:40px; height:40px; border-radius:8px; box-shadow:0 1px 0 #fff;}
.ui-sortable .pack-icon {
    position: absolute;
    left: 9px;
    top: 6px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    box-shadow: 0 1px 0 #fff;
    background-color: black;
    color: white;
    text-align: center;
    line-height: 40px;
}
.ui-sortable .pack-icon-small {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    box-shadow: 0 1px 0 #fff;
    background-color: black;
    color: white;
    text-align: center;
    line-height: 36px;
}
.ui-sortable .draggable-options		{position:absolute; top:10px; left:-55px; cursor:pointer !important;}
.ui-sortable .childelement .draggable-options	{top:5px; left:-85px;}

/* DRAG TO UPLOAD -------------------------------------*/
.fileupload			{display:block; text-align:center; color:#999; font-size:18px; font-weight:bold; padding:10px; border:3px dashed #ccc; margin:15px 15px 0;}
.fileupload.hover	{color: #f00; border-color: #f00; border-style: solid; box-shadow: inset 0 3px 4px #888;}

/* BACKGROUNDS/COLORING -------------------------------------*/
.ui-sortable .parentelement{
background: #eeeeee;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #eeeeee 0%, #e3e3e3 65%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(65%,#e3e3e3));
background: -webkit-linear-gradient(top,  #eeeeee 0%,#e3e3e3 65%);
background: -o-linear-gradient(top,  #eeeeee 0%,#e3e3e3 65%);
background: -ms-linear-gradient(top,  #eeeeee 0%,#e3e3e3 65%);
background: linear-gradient(to bottom,  #eeeeee 0%,#e3e3e3 65%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e3e3e3',GradientType=0 );
}
.ui-sortable .childelement{
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 65%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(65%,#eeeeee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 65%);
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 65%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 65%);
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 65%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}
.ui-sortable .childelement:hover		{background:#f0f7fa;}
.ui-sortable .parentelement:hover		{background:#f0f7fa;}
.ui-sortable .parentelement:active		{cursor:move; cursor:-webkit-grabbing; cursor: -moz-grabbing;}
.ui-sortable .childelement:active		{cursor:move; cursor:-webkit-grabbing; cursor: -moz-grabbing;}

.ui-sortable .drop-sauce        {font-size:12px;}
.ui-sortable .drop-sauce li     {font-size:14px;}
.ui-sortable .drop-sauce li a   {font-weight:normal;}

/* HELPERS/PLACEHOLDERS -------------------------------------*/
.placeholder		{border:2px dashed #4183C4; border-radius:3px; margin:15px; padding:30px 10px;}
.drag-left-helper	{position:absolute; top:-50px; background-color:#dddddd; width:100%;}
#jp-loader			{position:fixed; bottom:0; left:0; right:0; background:#fff; padding:.5em 1em; box-shadow:0 0 8px rgba(0, 0, 0, .75); z-index:3000; opacity:0.85; text-shadow:none !important;}
#jp-loader img		{width:42px;}

#manage-packlist .ui-sortable tr			{cursor:move;}
#manage-packlist .ui-placeholder td			{background:#b3d4fc; height:86px; box-shadow:inset 0 1px 2px #777;}
#manage-packlist .ui-sortable-helper th		{width:100%; background:#fff !important;}
#manage-packlist .ui-sortable-helper td		{width:100px; background:#fff !important;}

.hide{display:none;}

/* ==========================================================================
GRADEBOOK
========================================================================== */
.wrapper-gradebook				{background:#7c7c7c; margin-bottom:10px;}
.lt-ie8 .wrapper-gradebook		{top:227px;}

.gradebook-table				{margin:0; font:400 .875em/1.4 'Open Sans', sans-serif; width:100%; box-shadow:0 7px 8px -5px #000; border:1px solid #cac6de;}
.gradebook-table thead th, .gradebook-table tfoot th		{padding:1em .5em; border:1px solid #cac6de; color:#313131; text-shadow:0 1px 0 #fff; position:relative; background:#efefef;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#efefef 0,#e4e4e4 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(100%,#e4e4e4));background:-webkit-linear-gradient(top,#efefef 0,#e4e4e4 100%);background:-o-linear-gradient(top,#efefef 0,#e4e4e4 100%);background:-ms-linear-gradient(top,#efefef 0,#e4e4e4 100%);background:linear-gradient(to bottom,#efefef 0,#e4e4e4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#e4e4e4',GradientType=0);}

.gradebook-table tbody th,
.gradebook-table tbody td		{padding:0;vertical-align:middle;color:#313131;text-shadow:0 1px 0 #fff;border:1px solid #efe7eb;background:#f7f7f7;}

.gradebook-table th img			{float:left; margin:0 .5em 0 0; vertical-align:middle;}
.gradebook-table th h3			{float:left; margin:.5em 0; vertical-align:middle;}

.wrapper-gradebook .clone-head-table-wrap {
	top: 47px !important;
}

thead .col-students, tfoot .col-students {
	text-align: left;
	width: 12em;
}
thead .col-elements 			{text-align:center; width:9em;}
tbody .col-students				{height:3em; line-height:3em; text-align:left;}
tbody .col-elements 			{height:3em; line-height:3em; text-align:center;}
.col-students span				{width:12em; display:block; margin:0 .5em; height:100%; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.col-elements span  			{width:9em; display:block; height:100%; margin:0 auto; padding:0; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.col-elements a				    {color:#777; display:block; width:100%; height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.col-elements a:hover	    	{background:#fff;}
.col-elements a:active  		{background:#777; color:#fff; text-shadow:none;}

.gradebook-table a.icon-warning	{color:#7d6298;}
.gradebook-table thead th a		{padding:.25em .5em; border-radius:.5em;}


/* ==========================================================================
GRADE
========================================================================== */
#review-grade                           {padding:1em; background:rgba(0,0,0,.07); border:1px solid rgba(0,0,0,.12);}
#review-grade h3                        {margin-top:0;}
#review-grade input[type="checkbox"]    {display:inline; margin-right:5px;}


/* ==========================================================================
FAIR USE
========================================================================== */
.fair-use {margin:20px 0; border:1px solid #999; border-radius:10px; background:#f6f6f6;}
.fair-use:hover {border:1px solid #ccc;}

.fair-use label {font-size:16px; font-weight:bold; display:block; padding:10px 0;}
.fair-use .label-checkbox {padding:20px; background:#fff; border-radius:10px; clear: none; margin: 0;}
.fair-use input[type="checkbox"], .fair-use input[type="radio"] {display:block; clear:none; width:auto; margin-right:8px; margin-top:24px;margin-left: 20px; float:left;}

.fair-use-data {padding:20px; border-top:1px solid #eee;}
.fair-use-data input[type="text"],
.fair-use-data textarea {border:1px solid #A6A6A6;}

.fair-use-ckeditor {display:block !important;}

.fair-use span.creator-error {border:1px solid darkRed; margin-top:10px;}

.expire-option-row {margin: 10px 0;}

span.creator-error {background:pink; border:none; border-top:1px solid darkRed; display:block; font:bold 11px/1.2 HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif, sans-serif; color:#222; padding:5px; background:pink; color:#222;}
span.creator-error:hover {border:none; border-top:1px solid darkRed;}


/* ==========================================================================
FAIR USE
========================================================================== */
#userAssessment .question {font-size: 110%;}
#userAssessment fieldset {text-shadow: initial; padding: 20px;}
#userAssessment .correct {background-color: #4db6ac;}
#userAssessment .incorrect {background-color: #E57373;}