/* @override
	http://phase2.usgbc.josiah.mododev.com/themes/base/lib/css/base.css */

* {
    margin: 0;
    padding: 0;
    /* text-rendering: optimizeLegibility; */
    /*-webkit-font-smoothing: antialiased; */
    outline: none;
}

base,
input,
textarea,
select {
	line-height: 1.45;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.25;
}


body div.uploader {
	float: none;
}

/* clears column containers */
.container_12:after,
.container_16:after,
.container-12:after,
.container-12:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

fieldset,
a img {
    border: 0;
}

body {
    background-color: #fff;
    color: #333;
}
#body-container {
  min-height: 100%;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
	overflow-x: hidden;
}

/* reusables */
.aside-placeholder {
	padding: 45px 0;
	font-style: italic;
	color: #777;
	text-align: center;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 12px;
}


.hide, .hidden { display: none; }
.show { display: block; }


.clears {
    clear: both;
}

.aside,
.aside-dark {
	padding: 12px;
	background: white;
	border: 1px solid #DDD;
	overflow: hidden;
	margin-bottom: 20px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.aside-dark {
    background: #f6f6f6;
}

.aside .division {
    border-top: 1px solid #ddd;
    margin: 8px -12px -12px -12px;
    padding: 6px 12px 6px 12px;
    background: #eee repeat-x;
}


.action-link {
    padding-right: 15px;
    background: url("base/sm_arrow_r.gif") right center no-repeat;
    color: #666;
}

.docked-button {
    display: block;
    padding: 7px 10px;
    text-align: center;

    -moz-border-radius: 4px;
    border-radius: 4px;
}


pre, code {
	font-family: "espresso mono", monaco, monospace;
	font-size: .9em;
	display: inline;
	position: static;
}

code {
    background: rgba(255,255,100,.3);
}

pre code {
    background: none;
}

blockquote {
    padding: 0 2em 0 1.8em;
    margin-bottom: 1.5em;
    border-left: 2px solid #eee;
}

blockquote span {
    display: block;
    color: #999;
    font-size: .85em;
    font-style: italic;
}

hr {
    height: 0;
    border: 0;
    border-bottom: 1px solid #CCC;
    margin-bottom: 0.8em;
}

.pad-down {
	padding-bottom: 15px;
}

.no-bottom {
	margin-bottom: 0;
}

.styledlist li,
.contributed-content ul li {
	list-style: none;
    background: url("base/bullet.gif") left .5em no-repeat;
    padding-left: .88em;
    margin:2px 0 5px 5px;
    line-height: 20px;
    color: #444;
}

.marginlist li {
	margin-bottom: 15px;
}

.styledlist.small li { line-height: 16px; }



/* link coloring */
a { color:#069; }
a:hover { color: #09C; }
a:active { color: #333; }

/* list radio buttons or checkboxes */
.inputlist li,
#mainCol .inputlist li {
	list-style: none;
	margin-left: 0;
	/*margin-top: 3px;*/
	clear: left;
}

.inputlist li label,
#mainCol .inputlist li label {
	font-weight: normal;
	font-size: 11px;
}

.inputlist li input.radio,
.inputlist li input.checkbox,
#mainCol .inputlist li input.radio,
#mainCol .inputlist li input.checkbox {
	float: left;
	margin: 0em .4em 0 1px; /* 1px margin to alleviate overflow hidden cropping shadow */
}

.inputlist li input.checkbox,
#mainCol .inputlist li input.checkbox {
	margin: /*.25em*/0 .4em 0 0;
}

/* for floating radio/checkbox
lists into multiple columns */
.columnlist li,
#mainCol .columnlist li {
	float: left;
	width: 165px; /* adjust as necessary */
	clear: none;
}

/* list with no bullets, separated
by horizontal lines */
.linelist li {
	border-top: 1px solid #eee;
	padding: .45em 0;
	list-style: none;
	margin-left: 0;
}

.linelist li:first-child,
#mainCol .linelist li:first-child {
	border-top: 0px dashed #eee;
}



#content ul.nopad,
#content ol.nopad {
    margin-bottom:0;
}

/* pagination */
.pagination {

}

.pagination li {
    padding-left: 0;
    list-style: none;
    margin: 0 .5em 0 0;
    /* float: left;*/
    display: inline;
}

.pagination li a {
    color: #999;
    text-decoration: none;
}

.pagination li a.selected {
    font-weight: bold;
    color: #666;
}

/* link list */
.linklist li {
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
    display: inline;
    border-left: 1px solid #ccc;
}

.linklist li:first-child {
    margin-left: 0;
    padding-left: 0;
    border: 0;
}

/* nav list */
.navlist li {
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
    display: inline;
    float: left;
    border-left: 1px solid #ccc;
}

.navlist li:first-child {
    margin-left: 0;
    padding-left: 0;
    border: 0;
}

.navlist li a {
	 display: block;
	 float: left;
}

/* plain list */
.plainlist {
	margin-right: 25px;
}

.plainlist li {
    list-style: none;
    margin: 0;
    line-height: 1.4;
    padding: 4px 0;
    display: block;
}

/* subnav */

.subnav li {
    list-style: none;
    margin: 0;
}

.subnav li a {
    display: block;
    border-bottom: 1px solid #eee;
    padding: .4em;
}

/* tabbed list */

.tablist {
    background: #eee;
    overflow: hidden;
    padding: 1em;
    padding-bottom: 0;
    margin: 0;
}

.tablist li {
    list-style: none;
    margin: 0;
}

.tablist li.selected a {
    background: #fff;
    -webkit-box-shadow: 0 0 5px #666;
    color: #333;
}

.tablist li a {
    background: #f9f9f9;
    display: block;
    float: left;
    margin-right: 1em;
    padding: .5em 1em;
    font-size: 1.05em;
    text-decoration: none;
    font-weight: bold;

    -moz-border-radius:2px 2px 0 0;
    border-radius:2px 2px 0 0;

    -webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
}

/* show/hide list */

.expandableList {
    margin-bottom: 1.5em;
}

.expandableList li {
    list-style:none;
    margin-left: 0;
    margin: 3px 0;
}

.expandableList li.opened {
    background: url(base/arrow-down.gif) left 5px no-repeat;
    padding-left: 12px;
}

.expandableList li.closed {
    background: url(base/arrow.gif) left 5px no-repeat;
    padding-left: 12px;
}

/* Tables
-------------------------------------------------------------- */
/*
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }*/
/*tr.even td  { background: #e5ecf9; }*/
/*tfoot       { font-style: italic; }*/
caption     { background: #eee; }


/* Forms
----------------------------------------------------------------- */


fieldset.collapsible .fieldset-title { cursor:pointer; }
html.js fieldset.collapsed .fieldset-content { display:none; }


/* Errors & Notifications
----------------------------------------------------------------- */
.notification,
.messages {
	padding: 7px 12px;
	color: #666;
	background: #eee url("base/gradient_7-0-black-40px.png") bottom left repeat-x;
	font-size: 13px;
	font-weight: bold;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #bbb;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.5) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.5) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.5) inset;
}

.positive { color: #92C33A; }
.neutral  { color: #FC0; }
.negative, .error { color: #9B3A28; }

div.positive,
p.positive,
li.positive {
	background-color: #92c33a;
	color: #3e5318;
	border: 1px solid #669422;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.3) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.3) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.3) inset;
}

div.neutral,
p.neutral,
li.neutral {
	background-color: #FFCC33;
	color: #960;
	border-color: #C69720;
}

div.negative,
div.error,
p.negative,
p.error,
li.negative,
li.error {
	background-color: #FEBFBF;
	color: #9B3A28;
	border-color: #C88081;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.3) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.3) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.3) inset;
}

.flag {
	background-image: url("base/corners_lightgray.gif");
	background-repeat: no-repeat;
}

.flag-right {
	padding-right: 5px;
	background-position: right 0px;
}

.flag-left {
	padding-left: 5px;
	background-position: left top;
}

.flag-up {
	padding-top: 5px;
	background-position: 0 0;
}

.flag-down {
	padding-bottom: 5px;
	background-position: bottom left;

}

.flag span {
	display: block;
	background: #eee;
	padding: .5em .6em;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* these styles won't work in IE, need solution */
.flag.positive,
.flag.negative,
.flag.neutral {
	background-color: inherit;
}

.flag.positive span { background-color: #92c33a; }
.flag.negative span { background-color: #9b3a28; }
.flag.neutral span  { background-color: #FFCC33; }

.flag.positive { background-image: url("base/corners_green.gif"); }
.flag.negative { background-image: url("base/corners_red.gif"); }
.flag.neutral  { background-image: url("base/corners_yellow.gif"); }


/* growl notifications */

#growl {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 20;
}

#growl li {
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 1px solid #999;
	width: 200px;
	opacity: .8;
	list-style: none;

	-moz-border-radius: 3px;
	border-radius:3px;

	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}

#growl .positive { border: 1px solid #729336; }
#growl .neutral { border: 1px solid #a88d38; }
#growl .negative { border: 1px solid #7d2f20; }




.highlight { text-shadow: 0 1px 0 rgba(255,255,255,.5); }
.shadow { text-shadow: 0 1px 0 rgba(0,0,0,.5); }

.insethighlight { text-shadow: 0 -1px 0 rgba(255,255,255,.35); }
.insetshadow { text-shadow: 0 -1px 0 rgba(0,0,0,.5); }


/* Resusable Styles
----------------------------------------------------------------- */

.section {
	// border-bottom: 1px solid #eee;
	margin-bottom: 1.2em;
	padding-bottom:1.2em;
	
}

.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.section-box {
	margin-bottom: 1.2em;
}

.section h6 {
	color: #666;
}

.element {
	margin-bottom: 1.2em;
}


.padded, #content .padded { margin-bottom: 1.7em; }
.unpadded { margin-bottom: 0; }
.padd-right { margin-right: 1.5em !important; }
.padd-left { margin-left: 1.5em !important;}

.note { display: block; font-size: .9em; color: #666;}
label .note {
    display: inline;
    font-weight: normal;
    font-size: .85em
}
.compact { margin-bottom: .5em; }
.sub-compact { margin-bottom: 0; }
.tight { line-height: 1.2em; }
.small { font-size: .85em; line-height: 1.6em; }

.no-margin-right {margin-right: 0 !important;}
.left  { float: left; }
.right { float: right !important; }

ul.left {
    margin-right: 15px;
}

img.left  { margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; }


.divider {
	border-bottom: 1px solid #eee;
	margin-bottom: .5em;
	padding-bottom: .5em;
}

.aside-block {
	background: #F9F9F9;
	padding: 1.5em 1.5em 0;
	margin-bottom: 1.5em;
	border: 1px solid #EEE;

	-moz-border-radius: 5px;
	border-radius:5px;
}

.shadow-block {
    background: #f9f9f9;
    padding: 15px;
    border: 1px solid #ddd;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.08) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.08) inset;
    box-shadow: 1px 1px 2px rgba(0,0,0,.08) inset;
}

.autocomplete-anchor {
	position: relative;
	margin-bottom: 12px;
}
#content #autocomplete {
	position:absolute;
	border:1px solid #969696;
	left: 0px;
/*	top: 1px; */
	margin-left:20px;
	z-index:100;
	background: #FFF;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: 0px 5px 20px #888;
	-moz-box-shadow: 0px 5px 20px #888;
	box-shadow: 0px 5px 20px #888;
}
#content #autocomplete ul {
	margin: 5px 0;
}
#content #autocomplete li {
	//background:#fff;
	margin: 0;
	color:#000;
	font-size: 11px;
	white-space:pre;
	cursor:default;
	list-style: none;
	padding: 5px 10px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #EFEFEF;
}
.form-item #autocomplete .reference-autocomplete {
  overflow: hidden;
  clear: both;
}

/* people reference auto-complete */
#autocomplete .reference-autocomplete .views-field-field-per-profileimg-fid,
#autocomplete .reference-autocomplete .views-field-field-prjt-profile-image-fid,
#autocomplete .reference-autocomplete .views-field-field-org-profileimg-fid{
  display: block;
  float: left;
  margin-right: 12px;
}
#autocomplete .reference-autocomplete .views-field-title,
#autocomplete .reference-autocomplete .views-field-field-prjt-id-value{
  display: block;
  float: left;
  line-height: 35px;
  margin-right: 12px;
}


#content #autocomplete li.selected,
#content #autocomplete li:hover {
	background: #667aed;
	background: -webkit-gradient(linear, left top, left bottom, from(#667aed), to(#3745e9));
	background: -webkit-linear-gradient(top, #667aed, #3745e9);
	background: -moz-linear-gradient(top, #667aed, #3745e9);
	background: -o-linear-gradient(top, #667aed, #3745e9);
	background: -ms-linear-gradient(top, #667aed, #3745e9);
	background: linear-gradient(top, #667aed, #3745e9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#667aed', EndColorStr='#3745e9');
	border-top: 1px solid #667aed;
	border-bottom: 1px solid #3745e9;
	color:#fff;
}

/******************************
 * ui_tabbable
 * tabbed inter-page navigation
 */
.tabbable {
  margin: 20px 0;
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
}
.tabbable:after {clear: both;}
.tabbable .nav-tabs {
  list-style: none;
  margin: 0;
  padding: 8px 0 0;
  *zoom: 1;
}
.tabbable .nav-tabs:before,
.tabbable .nav-tabs:after {
  display: table;
  content: "";
}
.tabbable .nav-tabs:after {clear: both;}
.tabbable .nav-tabs li {
  float: left;
  margin: 0 0 -1px 4px;
}
.tabbable .nav-tabs li:first-child {margin-left: 0;}
.tabbable .nav-tabs li a {
  text-decoration: none;
  display: block;
  padding: 6px 14px 4px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
  color: #a0a0a0;
  letter-spacing: 1px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.tabbable .nav-tabs li a:hover {
  text-decoration: none;
  border-color: #ddd;
  color: #5C6163;
}
.tabbable .nav-tabs li.active a {
  border: 1px solid #ddd;
  cursor: default;
  background: #fff;
  border-bottom-color: #fff;
  color: #848484;
}
.tabbable .tab-content {
  border: 1px solid #ddd;
  padding: 12px;
  background: #ffffff;
  margin-bottom: 15px;
  -moz-border-radius: 0 3px 3px 3px;
  border-radius: 0 3px 3px 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.tabbable .tab-content .tab-pane {display: none;}
.tabbable .tab-content .active {display: block;}
.tabbable .tab-content *:last-child {margin-bottom: 0;}
/* @group Bootstrap buttons */


.btn {
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "proxima-nova-1", "proxima-nova-2", sans-serif;
}
.btn-micro {
  font-family: "proxima-nova-1", "proxima-nova-2", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.3;
  text-transform: none;
}

.btn,
.btn-note {
  display: block;
  margin-bottom: 15.959999999999999px;
  font-size: 13px;
  text-align: center;
  *margin-left: .3em;
}
.btn:first-child,
.btn-note:first-child {
  *margin-left: 0;
}
.btn {
  padding: 6px 12px;
  color: #464748;
  font-weight: bold;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #e4e5e5;
  background-image: -moz-linear-gradient(top, #f4f4f4, #cdcecf);
  background-image: -ms-linear-gradient(top, #f4f4f4, #cdcecf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#cdcecf));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #cdcecf);
  background-image: -o-linear-gradient(top, #f4f4f4, #cdcecf);
  background-image: linear-gradient(top, #f4f4f4, #cdcecf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#cdcecf', GradientType=0);
  border-color: #a6a8a9;
  border-width: 1px;
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn:hover,
.btn:focus,
.btn.disabled,
.btn[disabled] {
  border-color: #9ea0a2;
}
.btn:active,
.btn.active {
  background-color: #dcdddd;
  background-image: -moz-linear-gradient(top, #dadbdb, #dfe0e0);
  background-image: -ms-linear-gradient(top, #dadbdb, #dfe0e0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadbdb), to(#dfe0e0));
  background-image: -webkit-linear-gradient(top, #dadbdb, #dfe0e0);
  background-image: -o-linear-gradient(top, #dadbdb, #dfe0e0);
  background-image: linear-gradient(top, #dadbdb, #dfe0e0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadbdb', endColorstr='#dfe0e0', GradientType=0);
  border-color: #8c8e90;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-note {
  padding: 7px 12px;
}
.btn:hover,
.btn:focus {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
  color: #2c2d2e;
  text-decoration: none;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  padding-top: 7px;
  padding-bottom: 5px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.3);
  outline: 0;
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  opacity: 0.45;
  filter: alpha(opacity=45);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  font-size: 16px;
  line-height: normal;
}
.btn-large.btn {
  padding: 9px 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn-large.btn:active {
  padding-top: 10px;
  padding-bottom: 8px;
}
.btn-large.btn-note {
  padding: 10px 19px;
}
.btn-large .icon {
  margin-top: 1px;
}
.btn-small {
  font-size: 12px;
}
.btn-small.btn {
  padding: 5px 12px;
}
.btn-small.btn:active {
  padding-top: 6px;
  padding-bottom: 4px;
}
.btn-small.btn-note {
  padding: 6px 13px;
}
.btn-small .icon {
  margin-top: -1px;
}
.btn-micro {
  font-size: 11px;
}
.btn-micro.btn {
  padding: 3px 8px;
}
.btn-micro.btn:active {
  padding: 3px 8px;
}
.btn-micro.btn-note {
  padding: 4px 9px;
}
.btn-primary,
.btn-warning,
.btn-danger,
.btn-success,
.btn-info,
.btn-dark {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.95);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-warning:hover,
.btn-warning:focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-success:hover,
.btn-success:focus,
.btn-info:hover,
.btn-info:focus,
.btn-dark:hover,
.btn-dark:focus {
  color: #ffffff;
}
.btn-primary:active,
.btn-primary.active,
.btn-warning:active,
.btn-warning.active,
.btn-danger:active,
.btn-danger.active,
.btn-success:active,
.btn-success.active,
.btn-info:active,
.btn-info.active,
.btn-dark:active,
.btn-dark.active {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.btn-primary {
  background-color: #57ABC0;
  background-image: -moz-linear-gradient(top, #57ABC0, #3D92A8);
  background-image: -ms-linear-gradient(top, #57ABC0, #3D92A8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#57ABC0), to(#3D92A8));
  background-image: -webkit-linear-gradient(top, #57ABC0, #3D92A8);
  background-image: -o-linear-gradient(top, #57ABC0, #3D92A8);
  background-image: linear-gradient(top, #57ABC0, #3D92A8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57ABC0', endColorstr='#3D92A8', GradientType=0);
  border-color: #347F93;
  border-width: 1px;
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #138fa7;
  background-image: -moz-linear-gradient(top, #17B0CD, #128FA6);
  background-image: -ms-linear-gradient(top, #17B0CD, #128FA6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#17B0CD), to(#128FA6));
  background-image: -webkit-linear-gradient(top, #17B0CD, #128FA6);
  background-image: -o-linear-gradient(top, #17B0CD, #128FA6);
  background-image: linear-gradient(top, #17B0CD, #128FA6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17B0CD', endColorstr='#128FA6', GradientType=0);
  border-color: #0E7486;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:active,
.btn-primary.active {
  background-color: #128aa1;
  background-image: -moz-linear-gradient(top, #12879d, #138fa6);
  background-image: -ms-linear-gradient(top, #12879d, #138fa6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#12879d), to(#138fa6));
  background-image: -webkit-linear-gradient(top, #12879d, #138fa6);
  background-image: -o-linear-gradient(top, #12879d, #138fa6);
  background-image: linear-gradient(top, #12879d, #138fa6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12879d', endColorstr='#138fa6', GradientType=0);
  border-color: #0a4c58;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning {
  background-color: #f19747;
  background-image: -moz-linear-gradient(top, #f3a967, #ed7c17);
  background-image: -ms-linear-gradient(top, #f3a967, #ed7c17);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3a967), to(#ed7c17));
  background-image: -webkit-linear-gradient(top, #f3a967, #ed7c17);
  background-image: -o-linear-gradient(top, #f3a967, #ed7c17);
  background-image: linear-gradient(top, #f3a967, #ed7c17);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3a967', endColorstr='#ed7c17', GradientType=0);
  border-color: #c0691b;
  border-width: 1px;
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #ec8f3c;
  background-image: -moz-linear-gradient(top, #f2a159, #e27412);
  background-image: -ms-linear-gradient(top, #f2a159, #e27412);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2a159), to(#e27412));
  background-image: -webkit-linear-gradient(top, #f2a159, #e27412);
  background-image: -o-linear-gradient(top, #f2a159, #e27412);
  background-image: linear-gradient(top, #f2a159, #e27412);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2a159', endColorstr='#e27412', GradientType=0);
  border-color: #b26119;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:active,
.btn-warning.active {
  background-color: #f0913b;
  background-image: -moz-linear-gradient(top, #ef8f38, #f09441);
  background-image: -ms-linear-gradient(top, #ef8f38, #f09441);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef8f38), to(#f09441));
  background-image: -webkit-linear-gradient(top, #ef8f38, #f09441);
  background-image: -o-linear-gradient(top, #ef8f38, #f09441);
  background-image: linear-gradient(top, #ef8f38, #f09441);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8f38', endColorstr='#f09441', GradientType=0);
  border-color: #935015;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger {
  background-color: #d10000;
  background-image: -moz-linear-gradient(top, #e60000, #b30000);
  background-image: -ms-linear-gradient(top, #e60000, #b30000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e60000), to(#b30000));
  background-image: -webkit-linear-gradient(top, #e60000, #b30000);
  background-image: -o-linear-gradient(top, #e60000, #b30000);
  background-image: linear-gradient(top, #e60000, #b30000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60000', endColorstr='#b30000', GradientType=0);
  border-color: #a30000;
  border-width: 1px;
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #c20000;
  background-image: -moz-linear-gradient(top, #d60000, #a30000);
  background-image: -ms-linear-gradient(top, #d60000, #a30000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d60000), to(#a30000));
  background-image: -webkit-linear-gradient(top, #d60000, #a30000);
  background-image: -o-linear-gradient(top, #d60000, #a30000);
  background-image: linear-gradient(top, #d60000, #a30000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60000', endColorstr='#a30000', GradientType=0);
  border-color: #940000;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:active,
.btn-danger.active {
  background-color: #b70000;
  background-image: -moz-linear-gradient(top, #b30000, #bd0000);
  background-image: -ms-linear-gradient(top, #b30000, #bd0000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b30000), to(#bd0000));
  background-image: -webkit-linear-gradient(top, #b30000, #bd0000);
  background-image: -o-linear-gradient(top, #b30000, #bd0000);
  background-image: linear-gradient(top, #b30000, #bd0000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30000', endColorstr='#bd0000', GradientType=0);
  border-color: #700000;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success {
  background-color: #8fc254;
  background-image: -moz-linear-gradient(top, #9ece67, #79b038);
  background-image: -ms-linear-gradient(top, #9ece67, #79b038);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ece67), to(#79b038));
  background-image: -webkit-linear-gradient(top, #9ece67, #79b038);
  background-image: -o-linear-gradient(top, #9ece67, #79b038);
  background-image: linear-gradient(top, #9ece67, #79b038);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ece67', endColorstr='#79b038', GradientType=0);
  border-color: #669530;
  border-width: 1px;
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #88bb4c;
  background-image: -moz-linear-gradient(top, #97cb5b, #71a535);
  background-image: -ms-linear-gradient(top, #97cb5b, #71a535);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97cb5b), to(#71a535));
  background-image: -webkit-linear-gradient(top, #97cb5b, #71a535);
  background-image: -o-linear-gradient(top, #97cb5b, #71a535);
  background-image: linear-gradient(top, #97cb5b, #71a535);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97cb5b', endColorstr='#71a535', GradientType=0);
  border-color: #5e8a2c;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:active,
.btn-success.active {
  background-color: #88c343;
  background-image: -moz-linear-gradient(top, #86c240, #8bc448);
  background-image: -ms-linear-gradient(top, #86c240, #8bc448);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#86c240), to(#8bc448));
  background-image: -webkit-linear-gradient(top, #86c240, #8bc448);
  background-image: -o-linear-gradient(top, #86c240, #8bc448);
  background-image: linear-gradient(top, #86c240, #8bc448);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86c240', endColorstr='#8bc448', GradientType=0);
  border-color: #4c6f23;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info {
  background-color: #787a7c;
  background-image: -moz-linear-gradient(top, #87898b, #616364);
  background-image: -ms-linear-gradient(top, #87898b, #616364);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#87898b), to(#616364));
  background-image: -webkit-linear-gradient(top, #87898b, #616364);
  background-image: -o-linear-gradient(top, #87898b, #616364);
  background-image: linear-gradient(top, #87898b, #616364);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87898b', endColorstr='#616364', GradientType=0);
  border-color: #5a5b5d;
  border-width: 1px;
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #707274;
  background-image: -moz-linear-gradient(top, #7f8183, #5a5b5d);
  background-image: -ms-linear-gradient(top, #7f8183, #5a5b5d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7f8183), to(#5a5b5d));
  background-image: -webkit-linear-gradient(top, #7f8183, #5a5b5d);
  background-image: -o-linear-gradient(top, #7f8183, #5a5b5d);
  background-image: linear-gradient(top, #7f8183, #5a5b5d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f8183', endColorstr='#5a5b5d', GradientType=0);
  border-color: #525355;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:active,
.btn-info.active {
  background-color: #707273;
  background-image: -moz-linear-gradient(top, #6e7071, #737577);
  background-image: -ms-linear-gradient(top, #6e7071, #737577);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6e7071), to(#737577));
  background-image: -webkit-linear-gradient(top, #6e7071, #737577);
  background-image: -o-linear-gradient(top, #6e7071, #737577);
  background-image: linear-gradient(top, #6e7071, #737577);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e7071', endColorstr='#737577', GradientType=0);
  border-color: #404243;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-dark {
  background-color: #525355;
  background-image: -moz-linear-gradient(top, #6b6d6f, #2c2d2e);
  background-image: -ms-linear-gradient(top, #6b6d6f, #2c2d2e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6b6d6f), to(#2c2d2e));
  background-image: -webkit-linear-gradient(top, #6b6d6f, #2c2d2e);
  background-image: -o-linear-gradient(top, #6b6d6f, #2c2d2e);
  background-image: linear-gradient(top, #6b6d6f, #2c2d2e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6d6f', endColorstr='#2c2d2e', GradientType=0);
  border-color: #272829;
  border-width: 1px;
  border-style: solid;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.disabled,
.btn-dark[disabled] {
  background-color: #4b4c4d;
  background-image: -moz-linear-gradient(top, #646567, #252626);
  background-image: -ms-linear-gradient(top, #646567, #252626);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#646567), to(#252626));
  background-image: -webkit-linear-gradient(top, #646567, #252626);
  background-image: -o-linear-gradient(top, #646567, #252626);
  background-image: linear-gradient(top, #646567, #252626);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646567', endColorstr='#252626', GradientType=0);
  border-color: #202021;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-dark:active,
.btn-dark.active {
  background-color: #545557;
  background-image: -moz-linear-gradient(top, #525355, #57595a);
  background-image: -ms-linear-gradient(top, #525355, #57595a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#525355), to(#57595a));
  background-image: -webkit-linear-gradient(top, #525355, #57595a);
  background-image: -o-linear-gradient(top, #525355, #57595a);
  background-image: linear-gradient(top, #525355, #57595a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#525355', endColorstr='#57595a', GradientType=0);
  border-color: #0e0f0f;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-clear,
.btn-clear:hover,
.btn-clear:active {
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.large,
input[type="submit"].btn.large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.small,
input[type="submit"].btn.small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
.btn-group,
.btn-row {
  position: relative;
  margin-bottom: 15.959999999999999px;
  *zoom: 1;
  *margin-left: .3em;
}
.btn-group:before,
.btn-row:before,
.btn-group:after,
.btn-row:after {
  display: table;
  content: "";
}
.btn-group:after,
.btn-row:after {
  clear: both;
}
.btn-group:first-child,
.btn-row:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  margin-top: 7.9799999999999995px;
  margin-bottom: 7.9799999999999995px;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-group .btn,
.btn-group .btn-note {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.btn-row .btn,
.btn-row .btn-note {
  float: left;
  margin-left: 7.9799999999999995px;
  margin-bottom: 0;
}
.btn-row .btn:first-child,
.btn-row .btn-note:first-child {
  margin-left: 0;
}
.btn-group .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group .btn:last-child,
.btn-group .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group .btn.large:last-child,
.btn-group .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
.btn-group.open {
  *z-index: 1000;
}
.btn-group.open .dropdown-menu {
  display: block;
  margin-top: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn .caret {
  margin-top: 7px;
  margin-left: 0;
}
.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-primary .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret {
  border-top-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.btn-small .caret {
  margin-top: 4px;
}
/* @end */
/* @group 960 grid system */
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;}

.grid_1,.grid_2,.grid_3,.grid_4,
.grid_5,.grid_6,.grid_7,.grid_8,
.grid_9,.grid_10,.grid_11,.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

.container_12 .grid_1{width:60px}
.container_12 .grid_2{width:140px}
.container_12 .grid_3{width:220px}
.container_12 .grid_4{width:300px}
.container_12 .grid_5{width:380px}
.container_12 .grid_6{width:460px}
.container_12 .grid_7{width:540px}
.container_12 .grid_8{width:620px}
.container_12 .grid_9{width:700px}
.container_12 .grid_10{width:780px}
.container_12 .grid_11{width:860px}
.container_12 .grid_12{width:940px}

.container_12 .prefix_1{padding-left:80px}
.container_12 .prefix_2{padding-left:160px}
.container_12 .prefix_3{padding-left:240px}
.container_12 .prefix_4{padding-left:320px}
.container_12 .prefix_5{padding-left:400px}
.container_12 .prefix_6{padding-left:480px}
.container_12 .prefix_7{padding-left:560px}
.container_12 .prefix_8{padding-left:640px}
.container_12 .prefix_9{padding-left:720px}
.container_12 .prefix_10{padding-left:800px}
.container_12 .prefix_11{padding-left:880px}

.container_12 .suffix_1{padding-right:80px}
.container_12 .suffix_2{padding-right:160px}
.container_12 .suffix_3{padding-right:240px}
.container_12 .suffix_4{padding-right:320px}
.container_12 .suffix_5{padding-right:400px}
.container_12 .suffix_6{padding-right:480px}
.container_12 .suffix_7{padding-right:560px}
.container_12 .suffix_8{padding-right:640px}
.container_12 .suffix_9{padding-right:720px}
.container_12 .suffix_10{padding-right:800px}
.container_12 .suffix_11{padding-right:880px}

.container_12 .push_1{left:80px}
.container_12 .push_2{left:160px}
.container_12 .push_3{left:240px}
.container_12 .push_4{left:320px}
.container_12 .push_5{left:400px}
.container_12 .push_6{left:480px}
.container_12 .push_7{left:560px}
.container_12 .push_8{left:640px}
.container_12 .push_9{left:720px}
.container_12 .push_10{left:800px}
.container_12 .push_11{left:880px}

.container_12 .pull_1 {left:-80px;}
.container_12 .pull_2 {left:-160px;}
.container_12 .pull_3 {left:-240px;}
.container_12 .pull_4 {left:-320px;}
.container_12 .pull_5 {left:-400px;}
.container_12 .pull_6 {left:-480px;}
.container_12 .pull_7 {left:-560px;}
.container_12 .pull_8 {left:-640px;}
.container_12 .pull_9 {left:-720px;}
.container_12 .pull_10 {left:-800px;}
.container_12 .pull_11 {left:-880px;}
/* @end */
/* @group ID & Level Badge */
.course-badge,
.bundle-badge {
	border: 1px solid #bbb;
	padding: 6px 10px 8px;
	margin-bottom: 10px;

	-moz-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow: 0 0 1px #FFF inset;
	-webkit-box-shadow: 0 0 1px #FFF inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 1px 2px rgba(0,0,0,.1);

	background-color: #d1d1d1;
	background-image: -moz-linear-gradient(100% 100% 90deg, #d3d3d3, #eaebeb);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaebeb), to(#d3d3d3));
	-pie-background: linear-gradient(#eaebeb, #d3d3d3 100%);
}

.course-badge .course-id,
.bundle-badge .course-id {
	color: #7a7a7a;
	text-shadow: 0 1px #FFF;
	font-size: 12px;
	font-weight: 700;
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

.course-badge .level,
.bundle-badge strong {
	margin-bottom: 0 !important;
	padding-left: 19px;
	background: white url(../../img/course-badge.gif) no-repeat 5px 50%;

	-moz-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) inset, 0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) inset, 0 1px 0 rgba(255,255,255,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.2) inset, 0 1px 0 rgba(255,255,255,.4);
	
	border: 1px solid #bbb;
}

.bundle-promo .bundle-badge {
	margin: 10px 0 0 30px;
}

.bundle-badge strong {
	display: block;
	background: white;
	padding: 10px 10px 8px;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	color: #919191;
	line-height: 1;
	margin-bottom: 0;
}

.bundle-badge strong em {
	font-size: 10px;
	display: block;
//	text-transform: capitalize;
	font-weight: normal;
	font-style: normal;
}


.course-badge .level dt,
.course-badge .level dd {
	border-left: 1px solid #C9C9C9;
	margin-bottom: 0;
	text-align: center;
	color: #919191;
}

#content .course-badge .level dt {
	font-size: 36px;
	font-weight: 800;
	line-height: 36px;
	padding-top: 4px;
	margin-bottom: 0;
}

#content .course-badge .level dd {
	font-size: 10px;
	margin-top: -3px;
	padding-bottom: 4px;
	margin-bottom: 0;
}

/* @end */


/* @group Twitter Box */    
#twitter-box {
	position: relative;
	z-index: 1;
	padding-bottom: 0;
}

#twitter-box:after {
	content: " ";
	display: block;
	background: url("img/blue-fade.png") left bottom repeat-x;
	position: absolute;
	bottom: 4px;
	left: 4px;
	right: 4px;
	height: 60px;	
}

	#twitter-box .head .follow {
		float: right;
		width: 140px;
	}
	
	#twitter-box a {
		color: #5e8ea4;
	}
	
	#twitter-box a:hover {
		text-decoration: underline;
	}

#twitter-box li {
	list-style: none;
	margin-left: 0;
	font-size: 12px;	
	padding-left: 42px;
	margin-bottom: 15px;
	overflow: hidden;

}
	
	#twitter-box .tweet_avatar {
		float: left;
		margin: 3px 0 0 -42px;
		display: block;
		overflow: hidden;
	
		-moz-border-radius: 3px;
		border-radius: 3px;
		
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.8) inset, 0 1px 0 white;
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.8) inset, 0 1px 0 white;
		box-shadow: 0 1px 2px rgba(0,0,0,.8) inset, 0 1px 0 white;
	}
	
		#twitter-box li img {
			position: relative;
			z-index: -1;
			margin: 0;
			display: block;
			
			-moz-border-radius: 3px;
			border-radius: 3px;
		
			
		}

	#twitter-box .tweet_user {
		display: block;
		float: left;
		font-weight: bold;
		color: inherit;
	}
	
		#twitter-box .tweet_user:before {
			content: "@";
		}
		
	#twitter-box .tweet_time {
		display: block;
		float: right;
		font-size: 11px;
	}
	
	#twitter-box .tweet_text {
		display: block;
		float: left;
	}


/* @end */

/* @group Box */

.box,
.color-box {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.box .head,
.color-box .head {
	margin:-15px -15px 12px;
	padding: 10px 15px;
	border-bottom: 1px solid #eee;
}

.color-box {
	background: #E9F2F3;
	border: 1px solid #C0D1D5;
}

.color-box .head {
	border-color: #C0D1D5;
	text-shadow: 0 1px 0 #FFF;
}

/* @end */

/* @group Image containers */


.frame-container {
    position: relative;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffffff;
}

.frame {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.frame object, .frame embed, .frame iframe, .frame img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.frame img {
    display: block;
    z-index: -1;
    position: relative;
}

.bordered {
    padding: 4px;
    border: 1px solid #d5d5d6;
    -webkit-box-shadow: 0 1px 2px rgba(0,  0,  0,  0.1);
    -moz-box-shadow: 0 1px 2px rgba(0,  0,  0,  0.1);
    box-shadow: 0 1px 2px rgba(0,  0,  0,  0.1);
}
.bordered object, .bordered embed, .bordered iframe, .bordered img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

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

.full img {
	width: 100%;
}

.inset {
    padding: 0;
    border: 0;
    -webkit-box-shadow: 0 2px 5px rgba(0,  0,  0,  0.35) inset;
    -moz-box-shadow: 0 2px 5px rgba(0,  0,  0,  0.35) inset;
    box-shadow: 0 2px 5px rgba(0,  0,  0,  0.35) inset;
}
.inset img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.outset {
    padding: 0;
    border: 0;
    -webkit-box-shadow: 0 1px 0 rgba(0,  0,  0,  0.2) inset, 0 -1px 0 rgba(0,  0,  0,  0.2) inset, 1px 0 0 rgba(0,  0,  0,  0.2) inset, -1px 0 0 rgba(0,  0,  0,  0.2) inset, 0 2px 0 rgba(255,  255,  255,  0.3) inset, 0 1px 2px rgba(0,  0,  0,  0.25);
    -moz-box-shadow: 0 1px 0 rgba(0,  0,  0,  0.2) inset, 0 -1px 0 rgba(0,  0,  0,  0.2) inset, 1px 0 0 rgba(0,  0,  0,  0.2) inset, -1px 0 0 rgba(0,  0,  0,  0.2) inset, 0 2px 0 rgba(255,  255,  255,  0.3) inset, 0 1px 2px rgba(0,  0,  0,  0.25);
    box-shadow: 0 1px 0 rgba(0,  0,  0,  0.2) inset, 0 -1px 0 rgba(0,  0,  0,  0.2) inset, 1px 0 0 rgba(0,  0,  0,  0.2) inset, -1px 0 0 rgba(0,  0,  0,  0.2) inset, 0 2px 0 rgba(255,  255,  255,  0.3) inset, 0 1px 2px rgba(0,  0,  0,  0.25);
}
.outset img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

video {
    width: 100%;
    height: auto;
}

.fluid {
	width: 100%;
	max-width: 100%;
}


/* @end */


/* @group Simple grid */
.grid {
	width: 940px;
	margin: 0 auto;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	display: inline;
	margin-left: 20px;
}
.grid1 { 
	width: 60px;
}
.grid2 {
	width: 140px;
}
.grid3 {
	width: 220px;
}
.grid4 {
	width: 300px;
}
.grid5 {
	width: 380px;
}
.grid6 {
	width: 460px;
}
.grid7 {
	width: 540px;
}
.grid8 {
	width: 620px;
}
.grid9 {
	width: 700px;
}
.grid10 {
	width: 780px;
}
.grid11 {
	width: 860px;
}
.first {
	margin-left: 0;
	clear: left;
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */

/* @end */

/* @group Membership banners */

.mem-banner {
	border: 1px solid #C6C6C6;
	padding: 16px 18px 16px 18px;
	position: relative;
	margin-bottom: 10px;
	
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 8% -90deg,rgb(255,255,255) 0%,rgb(225,225,225) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 8%,50% 101%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(225,225,225)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(225,225,225) 100%);
	background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(225,225,225) 100%);
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}


.mem-banner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

	.mem-banner .flag {
		float: left;
		margin-right: 12px;
	}
	
	.mem-banner .title {
		font-size: 18px;
		font-family: proxima-nova-1, proxima-nova-2, "Helvetica neue", Arial;
		text-transform: uppercase;
		font-weight: 600;
		line-height: 1;
		text-shadow: 0 1px 0 white;
	}
	
	.mem-banner .meta {
		display: block;
		font-family: proxima-nova-1, proxima-nova-2, "Helvetica neue", Arial;
		font-weight: 600;
		color: #777;
		text-shadow: 0 1px 0 white;
	}

	.mem-banner .more-link {
		position: absolute;
		right: 14px;
		top: 50%;
		margin-top: -9px;
		font-size: 12px;
	}
	.mem-banner .upgradebutton {
		float:right;
	}
.inputlist .mem-banner {
	margin-left: 36px;
}

.inputlist.special label {
	position: relative;
}

.inputlist.special .radio {
	position: absolute;
	top: 50%;
	margin-top: -10px;
}


/* @end */

/* @group Course List */
#body .course-list {
	list-style: none;
	margin: 0 0 25px;
	padding: 0;
}

	#body .course-list * {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	}
	
	#body .course-list a {
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
		    -ms-transition: all .4s ease;
		     -o-transition: all .4s ease;
		        transition: all .4s ease; 
	}

	#body .course-list li {
		position: relative;
		list-style: none;
		margin: 0;
		border: 1px solid #ccc;
		background: #fdfdfd;
		
		-moz-border-radius: 3px;
		border-radius: 3px;
		
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.05);
		   -moz-box-shadow: 0 1px 3px rgba(0,0,0,.05);
		    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.05);
		     -o-box-shadow: 0 1px 3px rgba(0,0,0,.05);
		        box-shadow: 0 1px 3px rgba(0,0,0,.05);
	}
	
	#body .course-list li:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	#body .course-list li + li { margin-top: 15px; }
	
	#body .course-list .info-primary {
		float: left;
		width: 70%;
		margin: 20px 0 20px 20px;
	}
	
	#body .course-list .info-secondary {
		float: right;
		max-width: 28%;
		margin: 45px 20px 20px 0;
		text-align: right;
	}
	
	#body .course-list .info-tertiary {
		clear: both;
		background: #eaf2f3;
		border-top: 1px solid #cccccc;
		padding: 12px 20px;
		margin: 20px 0 0 0;
		
		-moz-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
		
		-webkit-box-shadow: 0 1px 0 #fdfdfd inset;
		   -moz-box-shadow: 0 1px 0 #fdfdfd inset;
		    -ms-box-shadow: 0 1px 0 #fdfdfd inset;
		     -o-box-shadow: 0 1px 0 #fdfdfd inset;
		        box-shadow: 0 1px 0 #fdfdfd inset;
	}
	
	#body .course-list .info-poi {
		position: absolute;
		top: -3px;
		right: 10px;
		border: 1px solid #658a31;
		
		-moz-border-radius: 3px;
		border-radius: 3px;
		
		-webkit-box-shadow: 0 1px 1px #bbdb8c inset, 0 1px 2px rgba(0,0,0,.08);
		   -moz-box-shadow: 0 1px 1px #bbdb8c inset, 0 1px 2px rgba(0,0,0,.08);
		    -ms-box-shadow: 0 1px 1px #bbdb8c inset, 0 1px 2px rgba(0,0,0,.08);
		     -o-box-shadow: 0 1px 1px #bbdb8c inset, 0 1px 2px rgba(0,0,0,.08);
		        box-shadow: 0 1px 1px #bbdb8c inset, 0 1px 2px rgba(0,0,0,.08);
		
		background-color: #8cbb45; /* fallback color */
		background-image: -moz-linear-gradient(top, #a0cc5f, #8cbb45);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a0cc5f), to(#8cbb45));
		background-image: -webkit-linear-gradient(top, #a0cc5f, #8cbb45);
		background-image: -o-linear-gradient(top, #a0cc5f, #8cbb45);
		background-image: linear-gradient(to bottom, #a0cc5f, #8cbb45);
		background-repeat: repeat-x;
	}
	


.course-list .bundle-course {
	
	
}

.course-list .badge-identifier {
	margin: 0 0 18px 0;	
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 20px;
	margin-top: 8px;
	background: url(/sites/all/themes/usgbc/lib/img/bundle.png) center center no-repeat;
	border: 1px solid #eee;
	border-radius: 4px;
	position: relative;
}

.course-list .info-tertiary .badge-identifier {
	margin-bottom: 0;
}

.course-list .badge-identifier span {
	background: #97C453;
	padding: 2px 5px;
	display: block;
	position: absolute;
	right: -8px;
	top: -8px;
	width: 20px;
	text-align: center;
	-moz-border-radius: 40px;
	border-radius: 40px;
	text-transform: uppercase;
	font-size: 12px;
	color: white;
}
	
	
	
	#body .course-list .course-id {
		font-size: 10px;
		font-weight: 500;
		color: #90bbc6;
		margin: 0 0 10px;
	}
	
	#body .course-list h3 {
		font-size: 14px;
		font-weight: 700;
		padding: 0;
	}
	
		#body .course-list h3 a { color: #333; }
		#body .course-list h3 a:hover { color: #0099cc; }
		
	#body .course-list .rating,
	#body .course-list .course-provider { 
		display: inline-block; 
		float: left;
		margin: 0;
	}
	
	#body .course-list .course-provider {
		font-size: 11px;
		font-weight: 700;
		color: #333;
		margin-left: 4px;
	}
	
	#body .course-list .course-type {
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		color: #8fbac5;
		margin: 0;
	}
	
	#body .course-list .course-specialties { margin-top: 3px; }
	
	#body .course-list .course-price,
	#body .course-list .course-ce {
		font-size: 13px;
		font-weight: 700;
		line-height: 15px;
		color: #333333;
		text-shadow: 0 1px 0 rgba(255,255,255,.4);
		padding: 6px 8px;
		display: inline-block;
	}
	
	#body .course-list .course-price + .course-ce {
		border-left: 1px solid #658a31;
	
		-webkit-box-shadow: 1px 0 0 #b4d780 inset;
		   -moz-box-shadow: 1px 0 0 #b4d780 inset;
		    -ms-box-shadow: 1px 0 0 #b4d780 inset;
		     -o-box-shadow: 1px 0 0 #b4d780 inset;
		        box-shadow: 1px 0 0 #b4d780 inset;
	}
	
	#body .course-list .course-time,
	#body .course-list .course-location {
		font-size: 12px;
		color: #300;
		display: inline-block;
		margin: 0;
	}
	
	#body .course-list .course-time { font-weight: 700; }
	#body .course-list .course-time + .course-location { margin-left: 20px; }
	
	#body .course-list .course-location {
		padding-left: 14px;
		background: url('/sites/all/assets/section/courses/icon-map_pin-xsm.png') no-repeat left;
	}
/* @end */