body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #231F5B;
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700);

body,
td,
textarea {
	font-family: Arial, sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.cwidth {
	text-align: left;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#page {
	width: 100%;
	background: #ffffff;
	transition: margin 400ms;
}

#banner_ {
	border-bottom: solid 1px #dedede;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: #ffffff;
	z-index: 100;
	transition: margin 400ms;
}

#bannershadow {
	visibility: hidden;
}

#logo img,
.logo img {
	width: 280px;
	margin-top: 14px;
	margin-bottom: 12px;
	border: none;
}

#biglogo img,
.biglogo img {
	width: 400px;
	margin-top: 16px;
	margin-bottom: 18px;
	border: none;
}

#loginbar {
	position: absolute;
	bottom: 33px;
	right: 0;
	font-size: 12px;
	width: 97px;
}

#loginbar acronym {
	text-decoration: none;
	border: none;
}

#loginbar a,
#loginbar img {
	vertical-align: middle;
}

#loginprofile img {
	visibility: hidden;
	width: 35px;
	border-radius: 50px;
	border: solid 1px #cdcdcd;
	margin-right: 5px;
	transition: opacity 400ms;
}

#loginprofile:hover img {
	opacity: 0.8;
}

#loginbar a {
	transition: color 400ms;
}

#loginbar a,
#loginbar a:hover,
#loginbar a:visited,
#loginbar a:link {
	color: #00AEEF;
	text-decoration: none;
}

#signoutlink,
#accountlink {
	position: relative;
}

.accounticon,
.signouticon {
	width: 26px;
	margin-right: 7px;
	opacity: 1;
	position: absolute;
	top: 4px;
	left: -31px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	border: none;
}

.signouticon {
	left: 11px;
}

#accounttop,
#signouttop {
	z-index: 2;
	opacity: 1;
}

#accountbottom,
#signoutbottom {
	z-index: 1;
	opacity: 0;
}

#accountlink:hover #accountbottom,
#signoutlink:hover #signoutbottom {
	opacity: 1;
	z-index: 3;
}

.loginheading {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

.loginheading span {
	display: block;
	padding-top: 5px;
	font-weight: normal;
	font-size: 28px;
}

#countunit {
	font-weight: normal;
}

#loginpanel {
	width: 380px;
	margin: 0 auto;
}

#loginpanel .loginrow {
	margin-bottom: 15px;
}

#loginpanel .label {
	text-align: left;
	margin-bottom: 10px;
}

#loginpanel .label a {
	color: #ffffff;
}

#loginpanel .inp_ {
	padding-left: 5px;
	background: #ffffff;
}

#loginpanel .inp {
	width: 95%;
	border: solid 1px #ffffff;
	height: 32px;
	line-height: 28px;
	font-size: 16px;
	display: block;
}

#loginpanel .inp:focus {
	outline: 0;
}

#loginpanel .signinrow {
	padding-top: 20px;
}

#loginpanel .button {
	background: #34CDDF;
	color: #ffffff;
	border-radius: 22px;
	padding: 15px 60px;
	border: none;
	cursor: pointer;
}

#loginpanel .button:focus {
	outline: 0;
	background: #167E8A;
}

.loginprompt,
.passchange {
	margin-bottom: 30px;
}

.logintitle {
	font-weight: bold;
	padding-top: 80px;
	font-size: 20px;
	margin-bottom: 85px;
	text-align: center;
}

.loginbg {
	background: #221B57;
	color: #ffffff;
}

.herobg {
	background: #1DB9CB;
}

.hero {
	height: 200px;
}

.features {
	padding: 70px 0;
}

#mtrigger {
	display: none;
	width: 28px;
	cursor: pointer;
	position: absolute;
	bottom: 27px;
	right: 0;
}

#mmenu {
	display: none;
	opacity: 0;
	position: fixed;
	width: 70%;
	top: 0;
	right: 0;
	padding-top: 34px;
	transition: opacity 400ms;
}

.mitem {
	display: block;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #cdcdcd;
	margin-left: 10px;
	margin-right: 10px;
}

.mitem,
.mitem:visited,
.mitem:hover,
.mitem:link {
	color: #ffffff;
	text-decoration: none;
}

#menu {
	position: absolute;
	bottom: 0;
	right: 120px;
}

.menuitem {
	display: block;
	float: left;
	font-size: 14px;
	margin-left: 20px;
	padding-bottom: 28px;
	border-bottom: solid 4px #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	transition: border-color 400ms, color 400ms;
}

.menuitem,
.menuitem:hover,
.menuitem:visited,
.menuitem:link {
	text-decoration: none;
	color: #24205C;
}

.menuitem:hover {
	color: #00AEEF;
	border-color: #00AEEF;
}

.menuitem.current {
	border-color: #00AEEF;
	color: #00AEEF;
}

#warning_ {
	border-top: solid 1px #25215C;
	background: #F26C4F;
	color: #ffffff;
	transition: opacity 400ms;
	position: relative;
	margin-bottom: 20px;
}

#warningshadow {
	visibility: hidden;
}

#warning,
#warningshadow {
	padding: 14px 0;
}

#warning {
	margin-left: 75px;
	position: relative;
}

.sessiondesc p {
	display: inline-block;
}

img.full {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

img.left {
	width: 35%;
	margin-right: 2%;
	float: left;
}

img.right {
	width: 35%;
	margin-left: 2%;
	float: right;
}


.sectiontitle {
	color: #25215C;
	font-size: 24px;
	margin-bottom: 30px;
	padding-top: 30px;
}

.subsection {
	background: #FDFCFC;
	border-bottom: solid 5px #E5E5E5;
	margin-bottom: 40px;
}

.subsectiontitle {
	border-left: solid 8px #F26C4F;
}

.subsectiontitle span {
	padding: 20px 8px;
	display: block;
	background: #E4E4E4;
}

.subsectioncontent {
	padding: 40px 25px;
}

.pinboard {
	background: #31BD55;
	color: #ffffff;
	margin-bottom: 30px;
}

.pinhead {
	height: 32px;
	background: transparent url(images/pintop.png) no-repeat top right;
}

.pinmessage {
	padding: 10px;
	padding-bottom: 30px;
	border-right: solid 6px #D6D6D6;
}

.pintail {
	height: 5px;
	font-size: 1px;
	background: #D6D6D6 url(images/pinbottom.png) no-repeat top left;
}

.linkbutton {
	background: #F26C4F;
	border-radius: 13px;
	font-size: 14px;
	color: #ffffff;
	box-shadow: 0 3px 0 #F0F0F0;
	padding: 6px 15px;
	display: block;
	float: left;
	margin-bottom: 10px;
}

#nav {
	margin-bottom: 60px;
}

#mysignups_ {
	float: left;
	height: 210px;
	width: 40%;
	margin-right: 40px;
	margin-top: 18px;
	background: #E5F7FD;
}

#mysignups {
	padding: 20px;
}

.navgroup {
	float: left;
	margin-right: 20px;
}

.navgroup h3 {
	color: #adadad;
}

.navitems {
	height: 170px;
	float: left;
	overflow: auto;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	width: 100%;
	line-height: 23px;
}

.navitems a {
	color: #333333;
}

.navitems em {
	color: #e13f73;
}

.nav_periods {
	width: 15%;
}

.nav_sessiontypeid {
	width: 30%;
	float: right;
}

#sessionlist {
	padding-bottom: 50px;
}

#sessionlist .sessionrow {
	cursor: pointer;
}

.sessionrow,
.sessionrow_registered {
	color: #505050;
	transition: background 300ms, border-color 300ms;
	padding: 10px 15px;
	padding-right: 40px;
	position: relative;
}

/*.sessionrow:hover, .session_registered:hover{background:#e5f7fd;}*/
.sessionrow {
	margin-bottom: 0;
}

.odd {
	background: #f4f4f4;
	border-left: solid 7px #F4F4F4;
}

.even {
	background: #e4e4e4;
	border-left: solid 7px #e4e4e4;
}

.odd:hover,
.even:hover {
	background: #e5f7fd;
	border-left: solid 7px #e5f7fd;
}

#sessioncollapse_,
.proposalcollapse_ {
	position: relative;
	margin-bottom: 20px;
	color: #adadad;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	float: right;
	width: 200px;
}

#sessioncollapse_:hover,
.proposalcollapse_:hover {
	color: #21b9e4;
}

#sessioncollapse,
.proposalcollapse {
	position: absolute;
	right: 40px;
}

.cattooltip {
	display: none;
	position: absolute;
	width: 100px;

	background: #000000;
	color: #ffffff;
	top: -40px;
	left: -100%;
	font-size: 12px;
	text-align: center;
	padding: 7px;
}

.cattooltip:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #000000;
}

.scol4:hover .cattooltip {
	display: block;
}

.pager {
	color: #24205c;
}

.pager a {
	color: #00aeef;
	text-decoration: none;
}

.margintop {
	margin-top: 12px;
}


.scol0 .periodhighlight {
	color: #E33C72;
}

.scol0,
.scol1,
.scol2,
.scol3,
.scol4,
.scol5,
.scol6 {
	float: left;
	margin-right: 2%;
}

.scol0 {
	width: 6%;
}

.scol1 {
	width: 9%;
}

.scol2 {
	width: 23%;
}

.scol3 {
	width: 26%;
}

.scol4 {
	width: 5%;
}

.scol5 {
	width: 10%;
	margin-right: 1%;
}

.scol6 {
	width: 10%;
	margin-right: 0;
	text-align: center;
}

.sessionrow_registered,
.session_registered:hover,
.sessionrow_registered.even:hover,
.sessionrow_registered.odd:hover {
	cursor: pointer;
	border-left: solid 7px #F26C4F;
}


.scol6 .statusbutton {
	display: none;
}

.scol6:hover .statuslabel {
	display: none;
}

.scol6:hover .statusbutton {
	display: block;
}

/*padding:20px;*/
.sessiondesc,
.starcontainer,
.proposaldesc {
	padding: 0 20px;
	background: #fdfcfc;
	color: #333333;
	line-height: 22px;
	height: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.desc_col1,
.desc_col2,
.desc_col3 {
	float: left;
	margin-right: 2%;
}

.desc_col1 {
	width: 18%;
}

.desc_col2 {
	width: 48%;
}

.desc_col3 {
	width: 28%;
}

.desc_reqmaterials_,
.desc_curricular_expectation_,
.desc_eval_ {
	width: 100%;
	margin-bottom: 20px;
}

.desc_reqmaterials,
.desc_curricular_expectation,
.desc_eval {
	padding: 14px;
	color: #333333;
}

.desc_curricular_expectation {
    background: #CCF1FF;
}

.desc_reqmaterials {
	background: #e9f5ef;
}

.desc_eval {
	background: #fdf7e2;
}

.sessiondesc h4 {
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 14px;
}

.fontcolor_academic {
	color: #229c6c;
}

.fontcolor_arts {
	color: #db5076;
}

.fontcolor_athletics {
	color: #adcb2e;
}

.fontcolor_helping {
	color: #21cdc0;
}

.fontcolor_film {
	color: #f48b38;
}

.fontcolor_geography {
	color: #40abde;
}

.fontcolor_health {
	color: #2a81c1;
}

.fontcolor_history {
	color: #e4a726;
}

.fontcolor_languages {
	color: #8e6d63;
}

.fontcolor_writing {
	color: #e45c5e;
}

.fontcolor_music {
	color: #754f9b;
}

.fontcolor_nature {
	color: #26ae61;
}

.fontcolor_planning {
	color: #46448e;
}

.fontcolor_math {
	color: #b5509c;
}

.fontcolor_strategy {
	color: #48647c;
}

.fontcolor_stress {
	color: #5eafc3;
}

.fontcolor_tech {
	color: #e7be31;
}

.fontcolor_ufa {
	color: #80334e;
}

.desc_catname {
	text-align: center;
	margin-top: 15px;
}

#footer_ {
	background: #24205C;
	color: #ffffff;
	height: 55px;
	;
}

#footer {
	padding: 20px 0;
	font-size: 13px;
}

.footerbackto {
	text-decoration: none;
	color: #93e3db;
}

.paneltitle {
	color: #25215C;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

#mg_L,
#mg_R {
	float: left;
	margin-bottom: 60px;
}

#mg_L {
	width: 74%;
	margin-right: 1%;
	padding-top: 17px;
}

#mg_R {
	width: 25%;
}

#mg_A,
#mg_B {
	float: left;
	text-align: center;
}

#mg_A {
	width: 28%;
	margin-right: 4%;
}

#mg_A .welcome {
	color: #25215C;
	margin-bottom: 10px;
	font-size: 18px;
}

#mg_A .welcome span {
	display: block;
	padding-top: 4px;
	font-size: 22px;
}

#mg_B {
	width: 68%;
}

#mx_M,
#mx_N {
	display: none;
}

#mg_C .paneltitle,
#mg_D .paneltitle {
	border-bottom: solid 4px #25215C;
	padding-bottom: 8px;
}

#warnaccountlink {
	color: #ffffff;
	text-decoration: none;
	padding: 4px 40px 4px 23px;
	border: solid 1px #ffffff;
	border-radius: 25px;
	position: absolute;
	right: 60px;
	top: 9px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#warnaccountlink:hover {
	background: #ffffff;
	color: #F26C4F;
}

#warnaccountlink:after {
	position: absolute;
	content: '';
	background: url(images/rightarrow2x.png);
	width: 8px;
	height: 13px;
	right: 9px;
	top: 6px;
	background-size: cover;
}

#warnaccountlink:hover:after {
	background: url(images/rightarrow2x-hover.png);
	background-size: cover;
}

.warningicon {
	position: absolute;
	width: 27px;
	left: -48px;
	top: 9px;
}

#closewarningbtn img {
	width: 19px;
	display: block;
	position: absolute;
	right: 0;
	top: 12px;
}

.dashoverlay_ {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	z-index: 200;
	opacity: 1;
	top: 0;
	left: 0;
	-webkit-transition: all 0.75s ease-in-out;
	-moz-transition: all 0.75s ease-in-out;
	-ms-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out;
}

.dashoverlay {
	width: 600px;
	height: 400px;
	position: absolute;
	border-radius: 15px;
	background: url(images/bg.jpg) no-repeat;
	background-position: 50% 57%;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -300px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	display: block;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;

	-webkit-transition: all 0.75s ease-in-out;
	-moz-transition: all 0.75s ease-in-out;
	-ms-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out;
}

.overlaybadge {
	width: 235px;
	margin: 57px auto 0;
}

.congratsbanner {
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -250px;
	width: 500px;
}

.dashmessage {
	color: #ee2c5e;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 18px;
	font-weight: 700;
	font-size: 33px;
}

.overlayclose {
	width: 19px;
	position: absolute;
	right: -30px;
	top: -30px;
	cursor: pointer;
}

.overlaybadgebg {
	width: 150px;
	height: 150px;
	border-radius: 75px;
	background: #ffffff;
	position: absolute;
	z-index: 0;
	left: 50%;
	margin-left: -75px;
	top: 83px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-webkit-filter: blur(25px);
	filter: blur(25px);
	animation: badgebganim 2s ease-in-out infinite;
}

@keyframes badgebganim {
	0% {
		-webkit-filter: blur(3px);
	}

	50% {
		-webkit-filter: blur(35px);
	}

	100% {
		-webkit-filter: blur(3px);
	}
}

.dashcurrentsessions {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	color: #444444;
}

.dashcurrentsessions hr {
	box-shadow: none;
	border: none;
	height: 1px;
	background: #cccccc;
}

.infotitle {
	background: #F26C4F;
	color: #ffffff;
	padding: 10px 0;
}

.dashtile {
	width: 48%;
	float: left;
	background: #F4F4F4;
	border-bottom: solid 4px #D6D6D6;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.dash1,
.dash3 {
	margin-right: 2%;
}

.dashcount {
	color: #27235A;
	padding: 30px 0;
	font-size: 90px;
	font-weight: 100;
}

.dashtitle {
	display: table;
	width: 100%;
}

.dashtitle span {
	height: 50px;
	vertical-align: middle;
	display: table-cell;
	line-height: 1.2em;
}

.dashbutton {
	border-radius: 13px;
	font-size: 14px;
	color: #ffffff;
	box-shadow: 0 3px 0 #E6E6E6;
	padding: 6px 0;
	display: block;
	width: 60%;
	margin: 0 auto;
}

.dasubutton,
.dashbutton:hover,
.dashbutton:visited,
.dashbutton:link {
	text-decoration: none;
}

.boldmessage {
	font-weight: bold;
}

.pink,
.darkblue,
.purple,
.teal,
.lightblue {
	height: 16px;
	position: relative;
	overflow: hidden;
}

.btntop,
.btnbottom {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 5px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.btntop {
	left: 0;
}

.btnbottom {
	left: -100%;
}

.dashbutton:hover .btntop {
	left: 100%;
}

.dashbutton:hover .btnbottom {
	left: 0;
}

.pink {
	background: #E33C72;
	border: solid 1px #E33C72;
}

.darkblue {
	background: #448CCB;
	border: solid 1px #448CCB;
}

.purple {
	background: #605CA8;
	border: solid 1px #605CA8;
}

.teal {
	background: #1CBBB4;
	border: solid 1px #1CBBB4;
}

.lightblue {
	background: #21b9e4;
	border: solid 1px #21b9e4;
}

.pink:hover {
	box-shadow: none;
	background: #ffffff;
	color: #E33C72;
}

.darkblue:hover {
	box-shadow: none;
	background: #ffffff;
	color: #448CCB;
}

.purple:hover {
	box-shadow: none;
	background: #ffffff;
	color: #605CA8;
}

.teal:hover {
	box-shadow: none;
	background: #ffffff;
	color: #1CBBB4;
}

.lightblue:hover {
	box-shadow: none;
	background: #ffffff;
	color: #21b9e4;
}

.orange,
.green,
.grey {
	-webkit-transition: background 0.25s ease-in-out;
	-moz-transition: background 0.25s ease-in-out;
	-ms-transition: background 0.25s ease-in-out;
	-o-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
}

.orange {
	background: #f26c4f;
	border: solid 1px #f26c4f;
	color: #ffffff;
}

.orange a {
	color: #ffffff;
}

.orange:hover {
	box-shadow: none;
	background: #ffffff;
	color: #f26c4f;
}

.orange:hover a {
	color: #f26c4f;
}

.green {
	background: #3cb878;
	border: solid 1px #3cb878;
	color: #ffffff;
}

.green a {
	color: #ffffff;
}

.green:hover {
	box-shadow: none;
	background: #ffffff;
	color: #3cb878;
}

.green:hover a {
	color: #3cb878;
}

.grey {
	background: #CCCCCC;
	border: solid 1px #CCCCCC;
	color: #ffffff;
}

.grey a {
	color: #ffffff;
}

.grey:hover {
	box-shadow: none;
	background: #ffffff;
	color: #CCCCCC;
}

.grey:hover a {
	color: #CCCCCC;
}


.dash_col1,
.dash_col2,
.dash_col2b,
.dash_col3,
.dash_col4 {
	float: left;
	margin-right: 2%;
	padding-top: 6px;
}

.dash_col1,
.dash_col3,
.dash_col4 {
	width: 11%;
}

.dash_col2 {
	width: 48%;
}

.dash_col2b {
	width: 9%;
	font-size: small;
}

.dash_col4 {
	padding-top: 0;
}

.reginfocontainer {
	margin-bottom: 30px;
}

.reg_col1,
.reg_col2,
.reg_col3 {
	float: left;
	margin-right: 2%;
	width: 29%;
}

.reg_col1 {
	width: 28%;
}

.reg_col2 {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	width: 37%;
}

.reginfo_col1,
.reginfo_col2,
.reginfo_col3 {
	float: left;
	margin-right: 2%;
	margin-bottom: 15px;
	color: #333333;
}

.reginfo_col1 {
	width: 66%;
	color: #2da4d5;
}

.reginfo_col2 {
	width: 10%;
}

.reginfo_col3 {
	width: 18%;
}

.regnum {
	font-size: 25px;
	color: #e33c72;
}

.desktopclear {
	clear: both;
}

.tabletclear {
	display: none;
}

.achievement {
	width: 100%;
	min-height: 55px;
	position: relative;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 55px;
	font-size: 14px;
}

.achievementtile {
	width: 32%;
	float: left;
	background: #F4F4F4;
	border-bottom: solid 4px #D6D6D6;
	margin-bottom: 30px;
	padding-bottom: 45px;
	text-align: center;
	margin-right: 2%;
	position: relative;
}

.achievementtilelast {
	margin-right: 0;
}

.explorebtn {
	background: #e23b71;
	width: 200px;
	box-shadow: none;
	padding: 10px 15px;
	border-radius: 50px;
	border: solid 1px #e23b71;
	margin: 40px auto;
	text-align: center;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.explorebtn:hover {
	background: #ffffff;
	color: #e23b71;
}

#certpinboard .pinboard {
	background: #21b9e4;
	position: relative;
	font-weight: 100;
}

#certpinboard .pinhead {
	background: transparent url(images/pintop-blue.png) no-repeat top right;
}

#certpinboard .dashbutton {
	box-shadow: 0 3px rgba(0, 0, 0, 0.1);
	text-align: center;
	margin-top: 25px;
	width: 100%;
}

#certpinboard .dashbutton:hover {
	box-shadow: none;
}


.achievementsection {
	position: relative;
	margin: 35px 0;
	color: #25215c;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
}

.achievementsection h3 {
	display: inline;
	margin: 0;
	margin-left: 15px;
}

.achtext {
	padding-left: 14px;
	display: inline;
}

.ach-1 {
	background: #b74d9d;
}

.ach-4 {
	background: #e65b5b;
}

.ach-7 {
	background: #e5a800;
}

.ach-10 {
	background: #39aae0;
}

.ach-13 {
	background: #accd12;
}

.ach-16 {
	background: #2480c3;
}

.ach-19 {
	background: #8f6d62;
}

.ach-22 {
	background: #1aaf5e;
}

.ach-25 {
	background: #dd4e75;
}

.ach-28 {
	background: #764d9d;
}

.ach-31 {
	background: #f68b2b;
}

.ach-34 {
	background: #00cec1;
}

.ach-37 {
	background: #47647d;
}

.ach-40 {
	background: #e8bf17;
}

.ach-43 {
	background: #5bafc4;
}

.ach-46 {
	background: #179d6b;
}

.ach-49 {
	background: #8d455e;
}

.ach-52 {
	background: #464290;
}

.achievementicons {
	background: transparent url(images/achievements.png) no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 6px;
	float: left;
	width: 40px;
	height: 40px;
	display: block;
}

.achievementicons.achicon-1 {
	background-position: 0px 0px;
}

.achievementicons.achicon-4 {
	background-position: 0px -40px;
}

.achievementicons.achicon-7 {
	background-position: 0px -80px;
}

.achievementicons.achicon-10 {
	background-position: 0px -120px;
}

.achievementicons.achicon-13 {
	background-position: 0px -160px;
}

.achievementicons.achicon-16 {
	background-position: 0px -200px;
}

.achievementicons.achicon-19 {
	background-position: 0px -240px;
}

.achievementicons.achicon-22 {
	background-position: 0px -280px;
}

.achievementicons.achicon-25 {
	background-position: 0px -320px;
}

.achievementicons.achicon-28 {
	background-position: 0px -360px;
}

.achievementicons.achicon-31 {
	background-position: 0px -400px;
}

.achievementicons.achicon-34 {
	background-position: 0px -440px;
}

.achievementicons.achicon-37 {
	background-position: 0px -480px;
}

.achievementicons.achicon-40 {
	background-position: 0px -520px;
}

.achievementicons.achicon-43 {
	background-position: 0px -560px;
}

.achievementicons.achicon-46 {
	background-position: 0px -600px;
}

.achievementicons.achicon-49 {
	background-position: 0px -640px;
}

.achievementicons.achicon-52 {
	background-position: 0px -680px;
}

.achievementicons.star {
	background-position: 0px -720px;
}

.achievementicons.badgeicon {
	background-position: 0px -800px;
	margin: 0;
}

.achievementicons.progress {
	background-position: 0px -840px;
	margin: 0;
}

.dashboardicons {
	background: url(images/dashboardsprites.png) no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 5px;
	top: 5px;
}

.dashboardicons.dbannouncements {
	background-position: 0px 0px;
}

.dashboardicons.dbmybadges {
	background-position: 0px -40px;
}

.dashboardicons.dbcertificate {
	background-position: 0px -120px;
	position: static;
	float: right;
	display: inline;
}

.sessionicons {
	background: url(images/sessionsprites.png) no-repeat;
	width: 40px;
	height: 40px;
	position: relative;
	cursor: pointer;
}

.sessionicons.grey_academic {
	background-position: 0px 0px;
}

.sessionicons.grey_arts {
	background-position: 0px -40px;
}

.sessionicons.grey_athletics {
	background-position: 0px -80px;
}

.sessionicons.grey_helping {
	background-position: 0px -120px;
}

.sessionicons.grey_film {
	background-position: 0px -160px;
}

.sessionicons.grey_geography {
	background-position: 0px -200px;
}

.sessionicons.grey_health {
	background-position: 0px -240px;
}

.sessionicons.grey_history {
	background-position: 0px -280px;
}

.sessionicons.grey_languages {
	background-position: 0px -320px;
}

.sessionicons.grey_writing {
	background-position: 0px -360px;
}

.sessionicons.grey_music {
	background-position: 0px -400px;
}

.sessionicons.grey_nature {
	background-position: 0px -440px;
}

.sessionicons.grey_planning {
	background-position: 0px -480px;
}

.sessionicons.grey_math {
	background-position: 0px -520px;
}

.sessionicons.grey_strategy {
	background-position: 0px -560px;
}

.sessionicons.grey_stress {
	background-position: 0px -600px;
}

.sessionicons.grey_tech {
	background-position: 0px -640px;
}

.sessionicons.grey_ufa-spirit {
	background-position: 0px -680px;
}

.sessionicons.sessionarrowexpand {
	background-position: 0px -720px;
	position: absolute;
	right: 0;
	top: 9px;
}

.sessionicons.sessionarrowcollapse {
	background-position: 0px -760px;
	position: absolute;
	right: 0;
	top: 9px;
}

.sessionicons.collapseicon {
	background-position: 0px -800px;
	position: absolute;
	right: 0;
}

#sessioncollapse_:hover .sessionicons.collapseicon {
	background-position: 0px -840px;
}

.proposalcollapse_:hover .sessionicons.collapseicon {
	background-position: 0px -840px;
}

.coloredicons {
	background: url(images/coloredsprites.png) no-repeat;
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
	margin: 0 auto;
}

.coloredicons.color_academic {
	background-position: 0px 0px;
}

.coloredicons.color_arts {
	background-position: 0px -100px;
}

.coloredicons.color_athletics {
	background-position: 0px -200px;
}

.coloredicons.color_helping {
	background-position: 0px -300px;
}

.coloredicons.color_film {
	background-position: 0px -400px;
}

.coloredicons.color_geography {
	background-position: 0px -500px;
}

.coloredicons.color_health {
	background-position: 0px -600px;
}

.coloredicons.color_history {
	background-position: 0px -700px;
}

.coloredicons.color_languages {
	background-position: 0px -800px;
}

.coloredicons.color_writing {
	background-position: 0px -900px;
}

.coloredicons.color_music {
	background-position: 0px -1000px;
}

.coloredicons.color_nature {
	background-position: 0px -1100px;
}

.coloredicons.color_planning {
	background-position: 0px -1200px;
}

.coloredicons.color_math {
	background-position: 0px -1300px;
}

.coloredicons.color_strategy {
	background-position: 0px -1400px;
}

.coloredicons.color_stress {
	background-position: 0px -1500px;
}

.coloredicons.color_tech {
	background-position: 0px -1600px;
}

.coloredicons.color_ufa-spirit {
	background-position: 0px -1700px;
}

.propicons {
	background: url(images/propsprites.png) no-repeat;
	width: 17.5px;
	height: 14px;
	position: absolute;
	cursor: pointer;
	top: 6px;
	left: 11px;
}

.propicons.propsubmit {
	background-position: 0px 0px;
}

.propicons.propedit {
	background-position: -17.5px 0px;
}

.propicons.propremove {
	background-position: -35px 0px;
}

.propicons.propcollapse {
	background-position: -52.5px 0px;
	top: 12px;
	left: auto;
	right: 14px;
}

.propicons.propexpand {
	background-position: -70px 0px;
	top: 12px;
	left: auto;
	right: 14px;
}

.propicons.propcollapseall {
	background-position: -87.5px 0px;
}

.propicons.propcollapseallhover {
	background-position: -105px 0px;
}

.propicons.propview {
	background-position: -122.5px 0px;
	top: 11px;
	left: 8%;
}

.propicons.propadd {
	background-position: -140px 0px;
	top: 11px;
	left: 8%;
}

.statusbtn {
	display: block;
	border-radius: 5px;
	width: 42px;
	height: 28px;
	box-shadow: 0 3px 0 #D2D2D2;
	float: left;
	position: relative;
	margin-right: 7px;
}

.propeditbg {
	background: #3cb878;
}

.propremovebg {
	background: #f26c4f;
}

.propsubmitbg {
	background: #00aeef;
	margin-right: 0;
}

/* ------------------------------------------------ */

.historyrow {
	padding: 20px 15px;
}

.sortheader_ {
	width: 100%;
	margin-top: 100px;
}

.sortheader_ span {
	margin-bottom: 25px;
	margin-right: 35px;
	float: right;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.sortheader_ span:after {
	content: '';
	width: 18px;
	height: 18px;
	background: url(images/collapseall.png) no-repeat;
	position: absolute;
	right: -30px;
}

.sortheader {
	width: 100%;
	height: 50px;
	color: #ffffff;
	background: #25215c;
	line-height: 50px;
}

.sorthead {
	position: relative;
	padding-left: 14px;
}

.sortheadarrow {
	width: 10px;
	height: 7px;
	position: absolute;
	right: -20px;
	top: 5px;
	background: url(images/headerarrow.png) no-repeat;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);

	-webkit-transition: transform 0.25s ease-in-out;
	-moz-transition: transform 0.25s ease-in-out;
	-ms-transition: transform 0.25s ease-in-out;
	-o-transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
}

.sortheader div {
	cursor: pointer;
}

.mobilesortheader {
	display: none;
}

.histyear,
.histperiod,
.histteacher,
.histsession,
.histshortdesc,
.histcategory,
.histmark {
	float: left;
	position: relative;
}

.textcenter {
	text-align: center;
}

.histyear,
.histperiod {
	width: 7%;
}

.histteacher {
	width: 12%;
}

.histsession {
	width: 20%;
}

.histshortdesc {
	width: 30%;
}

.histcategory {
	width: 13%;
}

.histmark {
	width: 11%;
}

.historytile {
	width: 23%;
	float: left;
	background: #F4F4F4;
	border-bottom: solid 4px #D6D6D6;
	margin-bottom: 30px;
	padding-bottom: 45px;
	text-align: center;
	margin-right: 2%;
	position: relative;
}

.historytitle {
	color: #27235a;
	font-size: 16px;
	position: absolute;
	bottom: 30px;
	width: 100%;
}

.hist1 {
	padding-bottom: 39px;
}

.goalpin_ .pinmessage {
	padding-bottom: 39px;
}

.circle_ {
	position: relative;
	padding-top: 26px;
}

.circle {
	width: 129px;
	z-index: 5;
}

.circlepercent {
	width: 100%;
	position: absolute;
	top: 31%;
	text-align: center;
	font-size: 35px;
	color: #27235a;
}

.circlepercent div {
	display: inline;
}

.goalpin_ {
	width: 23%;
	margin-right: 2%;
	float: left;
	margin-top: -16px;
}

.goalpinboard {
	background: #46cbc0;
	color: #ffffff;
	margin-bottom: 30px;
}

.goalpinhead {
	height: 32px;
	background: transparent url(images/pintop-turquoise.png) no-repeat top right;
}

.confinfo_col1,
.confinfo_col2,
.confinfo_col3 {
	float: left;
	margin-right: 2%;
	margin-top: 18px;
}

.confinfo_col1,
.confinfo_col2 {
	width: 40%;
}

.confinfo_col3 {
	width: 10%;
}

.confinfo_col3 h3 {
	margin-top: 43px;
	text-transform: uppercase;
}

.confinfo_col1 h3,
.confinfo_col2 h3,
.confinfo_col1 h4 {
	font-size: 14px;
	color: #333333;
	text-transform: uppercase;
}

.confname {
	margin: 0;
	font-size: 30px;
	display: inline-block;
}


.inputrow {
	margin-bottom: 10px;
}

.formlabel {
	padding-bottom: 5px;
}

.studentlabel {
	float: left;
	display: block;
	padding: 3px 6px;
	font-size: 12px;
	margin: 5px;
	border-radius: 4px;
	background: #80324E;
	color: #ffffff;
}

.studentlabel a {
	color: #ff0000;
	font-size: 11px;
	cursor: pointer;
}

.lookupitem {
	border-bottom: solid 1px #dedede;
	margin-bottom: 3px;
}

.lookupitem a {
	display: block;
	padding: 3px 5px;
	cursor: pointer;
}

.proposalside h4 {
	color: #27235a;
	font-weight: normal;
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
}

.proposalside,
.proposalview {
	float: left;
}

.proposalside {
	width: 20%;
	margin-right: 3%;
}

.proposalview {
	width: 73%;
}

.newproposal .proposalside,
.editproposal .proposalside {
	margin-right: 15%;
}

.newproposal .proposalview,
.editproposal .proposalview {
	width: 65%;
}

.propcontainer {
	line-height: 30px;
}

.prop_col1,
.prop_col2,
.prop_col3 {
	float: left;
	margin-right: 2%;
}

.prop_col1 {
	width: 38%;
}

.prop_col2 {
	width: 23%;
}

.prop_col3 {
	width: 35%;
	margin-right: 0;
}

.status_col1 {
	width: 38%;
	margin-right: 2%;
	float: left;
}

.status_col2 {
	width: 60%;
	float: left;
}

/*.prop_col3 a{display:block;width:100%;border-radius:50px;line-height:40px;margin-top:8px;text-align:center;text-decoration:none;text-transform:capitalize;height:40px; background:#3cb878;color:#ffffff;}*/
.proparrow_ {
	width: 10%;
	float: left;
	padding: 0 14px;
}


.leader_col1,
.leader_col2 {
	float: left;
	margin-right: 2%;
}

.leader_col1 {
	width: 59%;
	margin-left: 2%;
}

.leader_col2 {
	width: 35%;
	text-align: center;
}

.proposalheading {
	margin: 10px 0;
	color: #333333;
	text-transform: uppercase;
	font-size: 16px;
}

.proposalpara {
	margin: 0;
	font-size: 14px;
}

.weekheading {
	font-size: 14px;
	margin: 0 0 0 15px;
}

.weekpara {
	margin: 0 0 15px 15px;
	font-size: 14px;
}

.propsvg {
	width: 25px;
	display: block;
	margin: 0 auto;
}

.arrowimg {
	width: 12px;
	cursor: pointer;
	margin: 25% auto;
	display: block;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.propheader_ {
	width: 100%;
	margin-top: 100px;
}

.propheader_ span {
	margin-bottom: 25px;
	margin-right: 35px;
	float: right;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.propheader_ span:after {
	content: '';
	width: 18px;
	height: 18px;
	background: url(images/collapseall.png) no-repeat;
	position: absolute;
	right: -30px;
}

.propheader {
	width: 100%;
	height: 50px;
	color: #ffffff;
	background: #25215c;
	line-height: 50px;
}

.prophead {
	position: relative;
}

.propheadarrow {
	width: 10px;
	height: 7px;
	position: absolute;
	right: -20px;
	top: 5px;
	background: url(images/headerarrow.png) no-repeat;
}

.mobilelabel {
	display: none;
}

.proposalrow {
	color: #505050;
	transition: background 300ms;
	padding: 10px 15px;
	margin-bottom: 8px;
	position: relative;
}

.proposalrow.odd,
.proposalrow.even {
	border: none;
}

.propbtn {
	text-decoration: none;
	display: block;
	position: relative;
	color: #ffffff;
	border-radius: 25px;
	box-shadow: 0 3px 0 #D2D2D2;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	margin: 15px 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.addnewprop {
	background: #e23b71;
}

.viewallprop {
	background: #00aeef;
}

.archiveprop {
	background: #f26c4f;
}

.statusexp {
	min-height: 350px;
}

.statusexp h4 {
	text-transform: uppercase;
	color: #333333;
	font-size: 14px;
	margin: 30px 0;
}

.statusexp ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #333333;
}

.statusexp li {
	margin: 30px 0;
}

.statusexp span {
	font-weight: bold;
}

.expapproved {
	color: #e23b71;
	font-weight: bold;
}

.expclaimed {
	color: #22b05e;
	font-weight: bold;
}

.default {
	font-weight: bold;
}


.mobilerowlabel,
.mobilehr,
.mobiletooltip {
	display: none;
}

.inputrow input,
.inputrow textarea {
	border: solid 1px #c1c1c1;
	padding: 10px 5px;
	width: 100%;
	box-sizing: border-box;
}

.inputrow textarea {
	height: 165px;
}

.required {
	color: #f26c4f;
}

#proposalleaders,
#proposalcap {
	width: 31%;
	margin-right: 2%;
}

.weekoutlinecontainer .formlabel {
	width: 23%;
	float: left;
	margin-right: 2%;
}

.weekoutlinecontainer textarea {
	width: 73%;
	float: left;
	height: 100px;
}

.weekoutlinecontainer .inputrow {
	margin-bottom: 20px;
}

.weekoutlinecontainer .optional {
	margin-top: 7px;
}

.formcontrols {
	width: 75%;
	float: right;
}

.formbutton {
	border-radius: 13px;
	font-size: 14px;
	color: #ffffff;
	cursor: pointer;
	box-shadow: 0 3px 0 #E6E6E6;
	padding: 6px 15px;
	display: block;
	width: 60%;
	margin-right: 15px;
	float: left;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.formgreen {
	background: #3cb878;
	border: solid 1px #3cb878;
}

.formblue {
	background: #00aeef;
	border: solid 1px #00aeef;
}

.formred {
	background: #e23b71;
	border: solid 1px #e23b71;
}

.formgreen:hover {
	background: #ffffff;
	color: #3cb878;
}

.formblue:hover {
	background: #ffffff;
	color: #00aeef;
}

.formred:hover {
	background: #ffffff;
	color: #e23b71;
}

.sidepropinfo {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px #d6d6d6;
	color: #333333;
}

.sidepropinfo li {
	border-bottom: solid 1px #d6d6d6;
	padding: 12px 0;
}

.sidepropinfo .sidelabel {
	width: 73%;
	float: left;
	margin-right: 2%;
}

.sidepropinfo .sidenum {
	width: 23%;
	float: right;
	margin-right: 2%;
	text-align: right;
	font-weight: bold;
}

.sidepropinfo li a:link,
.sidepropinfo li a:visited,
.sidepropinfo li a:hover,
.sidepropinfo li a:focus,
.sidepropinfo li a:active {
	color: #333;
	font-weight: 500;
}

.sidepropinfo li a:hover {
	color: #666;
}

.sidepropinfo a .sidelabel {
	text-decoration: underline;
}

.sidepropinfo li a:hover .sidelabel {
	text-decoration: none;
}


.accountside {
	width: 20%;
	margin-right: 5%;
	float: left;
}

.accountview {
	width: 73%;
	float: left;
}

.accountview h2 {
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px;
	background: #f4f4f4;
	color: #333333;
}

.accountview form {
	padding: 10px;
	padding-right: 0;
}

.accountview .formlabel {
	width: 23%;
	float: left;
	margin-right: 2%;
	padding: 9px 0;
	font-weight: 400;
}

.accountview .input_ {
	width: 75%;
	float: left;
}

.accountview .inputrow {
	margin-bottom: 20px;
}

.accountviewbtn {
	border-radius: 45px;
	background: #3cb878;
	font-size: 14px;
	display: block;
	color: #ffffff;
	text-align: center;
	padding: 10px 20px;
	box-shadow: 0 3px 0 #D2D2D2;
	border: solid 1px #3cb878;
	margin: 20px auto;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.recordbtn {
	border-radius: 45px;
	background: #3cb878;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	padding: 10px 20px;
	box-shadow: 0 3px 0 #D2D2D2;
	border: solid 1px #3cb878;
	margin: 20px auto;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.recordbtn.disabled {
	background: #ADADAD !important;
}

.accountviewbtn:hover {
	background: #ffffff;
	color: #3cb878;
	box-shadow: none;
	cursor: pointer;
}

.accountview .emailaddress {
	color: #a1a1a1;
	padding-top: 9px;
	font-size: 16px;
}

.unverified {
	background: #ADADAD;
	padding: 3px 20px;
	border-radius: 25px;
	color: #f4f4f4;
	margin-left: 20px;
}

.tdsbemail {
	color: #e82f86;
}

.showtdsbbtn {
	float: left;
	margin-right: 2%;
	text-decoration: none;
}

.removeemailbtn {
	background: #f26c4f;
	border: solid 1px #f26c4f;
}

.removeemailbtn:hover {
	background: #ffffff;
	color: #f26c4f;
}


@media screen and (min-width:20px) {
	.cwidth {
		width: 1160px;
		margin-left: auto;
		margin-right: auto;
	}

	#banner_ {
		position: fixed;
	}

	.menuitem {
		font-size: 15px;
		padding-bottom: 28px;
		margin-left: 25px;
	}

	.dashtile {
		width: 49%;
	}
}

/* ------------------------------------------------ */

@media screen and (max-width:1200px) {
	.cwidth {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}
}

@media screen and (max-width:1070px) {
	.goalpin_ .pinmessage {
		padding-bottom: 17px;
	}
}

@media screen and (max-width:1050px) {
	.menuitem {
		margin-left: 15px;
	}

	#mysignups_ {
		width: 100%;
	}

	.nav_sessiontypeid {
		width: 70%;
	}

	.menuitem {
		font-size: 14px;
	}

	.histshortdesc {
		width: 24%;
	}

	.histyear,
	.histperiod {
		width: 9%;
	}
}

@media screen and (min-width:1020px) and (max-width:1080px) {
	.propbtn {
		border-radius: 45px;
	}

	.propicons.propadd,
	.propicons.propview {
		top: auto;
		left: auto;
		position: relative;
		display: block;
		margin: 0 auto 10px;
	}
}

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

	.proposalside,
	.proposalview,
	.newproposal .proposalview {
		width: 100%;
		margin-right: 0;
	}

	.sidepropinfo,
	.sidebuttons {
		width: 48%;
		float: left;
		margin-right: 2%;
	}

	.proposalside h4 {
		text-align: left;
		font-size: 20px;
	}

	#proposalleaders,
	#proposalcap {
		width: 100%;
	}
}


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

	.historytile,
	.goalpin_ {
		width: 48%;
	}

	.goalpin_ .pinmessage {
		padding-bottom: 82px;
	}
}

@media screen and (max-width:950px) {
	#menu {
		display: none;
	}

	#mtrigger {
		display: block;
	}

	#loginbar {
		right: 45px;
	}

	#signoutlink,
	#accountlink {
		display: none;
	}

	#warning {
		margin-left: 20px;
		margin-right: 20px;
	}

	.warningmessage {
		margin-left: 40px;
	}

	.warningicon {
		left: 0;
	}

	.sessionrow {
		padding-right: 15px;
	}

	.scol0,
	.scol1,
	.scol4 {
		width: 100% !important;
	}

	.scol2 {
		width: 100% !important;
		margin: 0;
	}

	.scol3 {
		width: 100% !important;
		margin-bottom: 15px;
	}

	.scol5,
	.scol6 {
		width: 100% !important;
		margin: 5px 0;
	}

	.scol5 {
		margin-bottom: 35px;
	}

	.sessionicons.sessionarrowexpand,
	.sessionicons.sessionarrowcollapse {
		bottom: 0;
		margin: 0;
	}

	.sessionicons {
		float: left;
		margin-right: 15px;
	}

	.collapseicon {
		margin-right: 0;
	}

	.sortheader {
		display: none;
	}

	.mobilesortheader {
		display: block;
		margin-bottom: 20px;
	}

	.mobilesortheader h3 {
		margin-bottom: 7px;
		font-weight: normal;
		color: #27235a;
	}

	.mobilesortheader select {
		margin-right: 15px;
	}

	.mobilerowlabel {
		display: block;
		margin-bottom: 5px;
		margin-right: 10px;
		font-weight: bold;
	}

	.mobilehr {
		display: block;
		border: none;
		box-shadow: none;
		height: 1px;
		width: 100%;
		background: #333333;
	}

	.scol4:hover .cattooltip {
		display: none;
	}

	.mobiletooltip {
		line-height: 40px;
		display: inline;
	}
}

@media screen and (max-width:935px) {
	.desc_col2 {
		width: 78%;
	}

	.desc_col3 {
		width: 100%;
	}

	.desc_reqmaterials_,
    .desc_curricular_expectation_,
	.desc_eval_ {
		width: 48%;
		margin-right: 2%;
		margin-top: 25px;
		float: left;
	}
}

@media screen and (max-width:900px) {
	#warnaccountlink {
		position: relative;
		right: auto;
		top: auto;
		width: 140px;
		margin: 25px auto 5px;
		display: block;
	}
}

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

	.reg_col1,
	.reg_col2 {
		width: 48%;
		margin-bottom: 20px;
	}

	.reg_col3 {
		width: 100%;
	}
}

@media screen and (max-width:800px) {
	.confinfo_col1 {
		width: 98%;
	}

	.confinfo_col2 {
		width: 73%;
	}

	.confinfo_col3 {
		width: 23%;
	}

	.goalpin_ .pinmessage {
		padding-bottom: 61px;
	}
}

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

	.status_col1,
	.status_col2 {
		width: 100%;
	}

	.nav_periods,
	.nav_sessiontypeid {
		width: 100%;
		float: left;
	}

	.historytile,
	.goalpin_ {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.goalpin_ .pinmessage {
		padding-bottom: 82px;
	}

	.accountside,
	.accountview {
		width: 100%;
	}
}

@media screen and (max-width:715px) {
	#dashoverlay {
		width: 80%;
		position: relative;
		left: auto;
		top: auto;
		margin: 10% auto 0;
	}

	#overlaybadge {
		width: 25%;
	}

	#congratsbanner {
		width: 80%;
		position: relative;
		top: auto;
		left: auto;
		margin: -4% auto;
	}

	#dashmessage {
		font-size: 25px;
		bottom: 27px;
	}
}

@media screen and (max-width:700px) {
	.propheader {
		display: none;
	}

	.mobilelabel {
		display: block;
		font-size: 18px;
		text-align: left;
	}

	.proposalrow .mobilelabel {
		display: inline;
		float: left;
		width: 23%;
		margin-right: 2%
	}

	.proposallist {
		line-height: normal;
		position: relative;
	}

	.proparrow_ {
		position: absolute;
		right: 0;
		top: 14px;
	}

	.proptext {
		padding: 14px;
	}

	.prop_col1,
	.prop_col2,
	.prop_col3 {
		width: 100%;
		margin-bottom: 10px;
		display: block;
		clear: both;
	}

	.desktopclear {
		display: none;
	}

	.tabletclear {
		clear: both;
	}
}

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

	.desc_col1,
	.desc_reqmaterials_,
    .desc_curricular_expectation_,
	.desc_eval_ {
		width: 100%;
	}

	.desc_col2,
	.desc_col3 {
		width: 98%;
	}

	.desc_col2 {
		margin-top: 25px;
	}

	.desc_reqmaterials_,
    .desc_curricular_expectation_,
	.desc_eval_ {
		margin-bottom: 0;
	}

}

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

	.reg_col1,
	.reg_col2 {
		width: 100%;
	}

	.reg_col2 {
		padding-left: 10px;
	}

	.dash_col1,
	.dash_col2,
	.dash_col2b,
	.dash_col3,
	.dash_col4 {
		width: 100%;
		margin-bottom: 10px;
	}

	.warningmessage {
		width: 80%;
	}
}

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

	.histyear,
	.histperiod,
	.histteacher,
	.histsession,
	.histshortdesc,
	.histcategory,
	.histmark {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:600px) {
	.achievementtile {
		width: 100%;
	}

	.footerbackto {
		display: block;
		margin-top: 25px;
	}

	.footerbar {
		display: none;
	}
}

@media screen and (max-width:520px) {
	.cwidth {
		margin-left: 10px;
		margin-right: 10px;
	}

	#logo img,
	.logo img {
		width: 200px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#loginbar {
		right: 50px;
		bottom: 12px;
	}

	#mtrigger {
		bottom: 14px;
		margin-right: 15px;
	}

	#loginprofile img {
		width: 30px;
	}

	.sidepropinfo,
	.sidebuttons {
		width: 100%;
	}
}

@media screen and (max-width:500px) {
	#congratsbanner {
		width: 100%;
	}

	#overlaybadge {
		width: 150px;
	}

	#dashoverlay {
		margin: 14% auto 0;
	}

	.weekoutlinecontainer .formlabel,
	.weekoutlinecontainer textarea,
	.formcontrols {
		width: 100%;
	}

	.weekoutlinecontainer .optional {
		display: inline;
	}
}

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

	.confinfo_col2,
	.confinfo_col3 {
		width: 98%;
	}

	.warningmessage {
		width: 66%;
	}

	img.left,
	img.right {
		width: 100%;
		display: block;
		margin: 0;
		margin-bottom: 5px;
		float: none;
	}

}

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

	.accountview .formlabel,
	.accountview .input_ {
		width: 100%;
	}

	.tdsbemail {
		padding-left: 10px;
	}
}

@media screen and (max-width:400px) {
	#loginbar {
		display: none;
	}
}

/*BADGES*/


/*.pink{
		-webkit-transition:stroke 2s ease-in-out;
		-moz-transition:stroke 0.5s ease-in-out;
		-ms-transition:stroke 0.5s ease-in-out;
		-o-transition:stroke 0.5s ease-in-out;
		transition:stroke 2s ease-in-out;
		stroke:#E23B71;
	}*/

/*.miscbadge{width:100%;margin:13% auto;display:block;}
	.propbadge{width:77%;display: block;margin:12% auto;}
	.propcrown{margin: 1.9% auto;}
	.specialbadge{width: 85%;display: block;margin: 7% auto;}
	.specialcrown{width:95%;margin:-3% auto;}
	.ufabadge{width: 95%; display: block;margin: 7% auto;}
	.ufacrown{width:108%; margin:-7.8% auto;}
	.voyagerbadge{width: 78%;margin: 10% auto;display: block;}*/
.voyager7_mountain {
	opacity: 0;
}

.voyager9_flag {
	-webkit-transform: translate3d(0px, 20px, 0px);
	-moz-transform: translate3d(0px, 20px, 0px);
	-ms-transform: translate3d(0px, 20px, 0px);
	-o-transform: translate3d(0px, 20px, 0px);
	transform: translate3d(0px, 20px, 0px);

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.voyagercrown {
	width: 95%;
	margin: -12% auto;
}

.outline,
.badgebanner,
.badgebg {
	-webkit-transition: fill 0.25s ease-in-out;
	-moz-transition: fill 0.25s ease-in-out;
	-ms-transition: fill 0.25s ease-in-out;
	-o-transition: fill 0.25s ease-in-out;
	transition: fill 0.25s ease-in-out;
	fill: #ffffff;
}

.badge {
	width: 100%;
	position: relative;
	margin: 0px auto;
}

.badge.notowned {
	opacity: 0.4;
	filter: alpha(opacity=40%);
	filter: grayscale(90%) blur(1px);
	/* msie */
}

.badge svg {
	max-height: 100%;
}

.badge_ {
	position: relative;
}

.badge_ .badgeTooltip {
	visibility: hidden;
	background-color: #CCC;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 10px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	position: absolute;
	width: 90%;
	margin: auto;
	top: 0;
}

.badgeTooltip h5 {
	margin: 4px;
	color: #000;
	font-weight: bold;
}

.seemore {
	text-transform: none;
	color: #00AEEF;
	font-size: 14px;
	cursor: pointer;
}

/*        .badge_ .badgeTooltip::after {
            content: " ";
            position: absolute;
            bottom: 100%;   At the top of the tooltip 
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #CCC transparent;
        }*/

.badge_:hover .badgeTooltip {
	visibility: visible;
	opacity: 1;
}

.ringphases,
.ringmask {
	position: absolute;
	top: 0;
	z-index: 1;
}

.ringmask {
	z-index: 2;
}

.hideonfallback {
	display: block;
	position: fixed;
	left: -100%;
	height: 0;
	width: 0;
	overflow: hidden;
}

/*.circlenum{position:absolute;top:39%;left:35px;font-size:40px;z-index:10;}
	.percentnum{position:absolute;left:85px;top:50px;font-size:40px;}*/
.alertbanner {
	width: 100%;
	height: 44px;
	border-top: solid 1px #24205c;
	background: #f26c4f;
	color: #ffffff;
	line-height: 44px;
}

#alertbanner {
	padding: 0 50px;
}

.alerticon {
	position: relative;
	float: left;
}

.alerticon:before {
	position: absolute;
	content: '';
	background: url(images/alert-icon.png);
	width: 27px;
	height: 27px;
	left: -40px;
	top: 7px;
}

.alertbtn {
	border-radius: 40px;
	border: solid 1px #ffffff;
	display: block;
	float: right;
	height: 25px;
	width: 200px;
	line-height: 25px;
	text-decoration: none;
	color: #ffffff;
	margin-top: 7px;
	text-align: center;
	float: right;
	position: relative;
}



.propcontainer {
	height: 0;
	position: relative;
	background: #ffffff;
	padding: 0 14px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.proptext {
	padding-left: 14px;
}

.propcontainer p {
	margin: 0;
}

.proposallist {
	width: 100%;
	min-height: 55px;
	border-bottom: solid 3px #ffffff;
	color: #333333;
	position: relative;
	line-height: 55px;
}

.odd {
	background: #f4f4f4;
}

.even {
	background: #e4e4e4;
}

/*ufa badges*/
.badgeshadow {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.rotate {
	-webkit-transform-origin: 60% 50%;
	transform-origin: 60% 50%;
	-webkit-animation: rotateanim 3s linear infinite;
}

.specialrotate {
	-webkit-transform-origin: 50% 50%;
	-webkit-animation: rotateanim 6s linear infinite;
}

@-webkit-keyframes rotateanim {

	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotateanim {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


/*commitment badges*/

.leaf {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;

	-webkit-transition: all 1.4s cubic-bezier(.81, 0, .05, 1);
	-moz-transition: all 1.4s cubic-bezier(.81, 0, .05, 1);
	-ms-transition: all 1.4s cubic-bezier(.81, 0, .05, 1);
	-o-transition: all 1.4s cubic-bezier(.81, 0, .05, 1);
	transition: all 1.4s cubic-bezier(.81, 0, .05, 1);
}

.letter {
	-webkit-transition: fill 0.25s ease-in-out;
	-moz-transition: fill 0.25s ease-in-out;
	-ms-transition: fill 0.25s ease-in-out;
	-o-transition: fill 0.25s ease-in-out;
	transition: fill 0.25s ease-in-out;
	fill: #ffffff;
}

.diamond {
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;

	-webkit-transform: scale(0) rotate(90deg);
	-moz-transform: scale(0) rotate(180deg);
	-ms-transform: scale(0) rotate(180deg);
	-o-transform: scale(0) rotate(180deg);
	transform: scale(0) rotate(90deg);

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.commnumber,
.commnumshadow {
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-o-transform-origin: bottom;
	transform-origin: bottom;

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;

	opacity: 0;
}

.commnumber {
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
}

@-moz-document url-prefix() {
	.mozfix {
		-moz-transform: translate(50%, 50%);
	}
}

.commbg {
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: 50% 50%;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

	-webkit-transition: all 1s cubic-bezier(.81, -0.54, .05, 1.57);
	-moz-transition: all 1s cubic-bezier(.81, -0.54, .05, 1.57);
	-ms-transition: all 1s cubic-bezier(.81, -0.54, .05, 1.57);
	-o-transition: all 1s cubic-bezier(.81, -0.54, .05, 1.57);
	transition: all 1s cubic-bezier(.81, -0.54, .05, 1.57);
}

.bottomcrown {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	-o-transform: translateY(-8px);
	transform: translateY(-8px);

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;

	opacity: 0;
}

/*specialization badges*/

.specialribbon {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);

	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;


	-webkit-transition: transform 1.4s cubic-bezier(.78, -0.56, .32, 1.68);
	-ms-transition: all 1.4s cubic-bezier(.78, 0, .32, 1);
	-o-transition: all 1.4s cubic-bezier(.78, 0, .32, 1);

}

.specialouterring {
	-webkit-transition: fill 0.25s ease-in-out;
	-moz-transition: fill 0.25s ease-in-out;
	-ms-transition: fill 0.25s ease-in-out;
	-o-transition: fill 0.25s ease-in-out;
	transition: fill 0.25s ease-in-out;
}

.zeroopacity {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;

	opacity: 0;
}

.specialstar {
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;

	-webkit-transform: scale(0) rotate(-900deg);
	-moz-transform: scale(0) rotate(-900deg);
	-ms-transform: scale(0) rotate(-900deg);
	-o-transform: scale(0) rotate(-900deg);
	transform: scale(0) rotate(-900deg);

	-webkit-transition: all 0.75s ease-in-out;
	-moz-transition: all 0.75s ease-in-out;
	-ms-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
	transition: all 0.75s ease-in-out;
}

/*voyager badges*/
.voyagerbanner {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s cubic-bezier(.78, -0.56, .32, 1.68);
	-o-transition: all 1s ease-in-out;
	transition: all 1s cubic-bezier(.78, -0.56, .32, 1.68);
}

.voyagerbannerleft {
	-webkit-transform: translateX(45px);
	-moz-transform: translateX(45px);
	-ms-transform: translateX(45px);
	-o-transform: translateX(45px);
	transform: translateX(45px);
}

.voyagerbannercenter {
	opacity: 0;
}

.voyagerbannerright {
	-webkit-transform: translateX(-45px);
	-moz-transform: translateX(-45px);
	-ms-transform: translateX(-45px);
	-o-transform: translateX(-45px);
	transform: translateX(-45px);
}

.voyagertextshadow,
.bird {
	-webkit-transition: opacity 0.25s ease-in-out 1.8s;
	-moz-transition: opacity 0.25s cubic-bezier(.78, -0.56, .32, 1.68) 1.8s;
	-ms-transition: opacity 0.25s ease-in-out 1.8s;
	-o-transition: opacity 0.25s ease-in-out 1.8s;
	transition: opacity 0.25s cubic-bezier(.78, -0.56, .32, 1.68) 1.8s;
	opacity: 0;
}

.voyageroutline {
	-webkit-transition: fill 0.25s ease-in-out;
	-moz-transition: fill 0.25s ease-in-out;
	-ms-transition: fill 0.25s ease-in-out;
	-o-transition: fill 0.25s ease-in-out;
	transition: fill 0.25s ease-in-out;
}

/*voyager 4*/
.voyager4_flashlight {
	-webkit-animation: flickeranim 3s cubic-bezier(.19, .51, 0, 0) infinite;
	-moz-animation: flickeranim 3s cubic-bezier(.19, .51, 0, -0.97) infinite;
	-ms-animation: flickeranim 3s linear infinite;
	-o-animation: flickeranim 3s liner infinite;
	animation: flickeranim 3s cubic-bezier(.19, .51, 0, -0.97) infinite;
}

@keyframes flickeranim {
	0% {
		opacity: 0.2;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 0.2;
	}
}

@-webkit-keyframes flickeranim {
	0% {
		opacity: 0.2;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 0.2;
	}
}

/*voyager 5*/
.voyager5_cloud2 {
	-webkit-animation: cloud2anim 15s linear infinite;
	-moz-animation: cloud2anim 15s linear infinite;
	-ms-animation: cloud2anim 15s linear infinite;
	-o-animation: cloud2anim 15s linear infinite;
	animation: cloud2anim 15s linear infinite;
}

.voyager5_cloud1 {
	-webkit-transform: translateX(90px);
	-moz-transform: translateX(90px);
	-ms-transform: translateX(90px);
	-o-transform: translateX(90px);
	transform: translateX(90px);

	-webkit-animation: cloud1anim 15s linear infinite 5s;
	-moz-animation: cloud1anim 15s linear infinite 5s;
	-ms-animation: cloud1anim 15s linear infinite 5s;
	-o-animation: cloud1anim 15s linear infinite 5s;
	animation: cloud1anim 15s linear infinite 5s;
}

@keyframes cloud1anim {
	0% {
		-webkit-transform: translateX(90px);
		-moz-transform: translateX(90px);
		-ms-transform: translateX(90px);
		-o-transform: translateX(90px);
		transform: translateX(90px);
	}

	100% {
		-webkit-transform: translateX(-22px);
		-moz-transform: translateX(-22px);
		-ms-transform: translateX(-22px);
		-o-transform: translateX(-22px);
		transform: translateX(-22px);
	}
}

@-webkit-keyframes cloud1anim {
	0% {
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		transform: translateX(30px);
	}

	100% {
		-webkit-transform: translateX(-75px);
		-moz-transform: translateX(-75px);
		-ms-transform: translateX(-75px);
		-o-transform: translateX(-75px);
		transform: translateX(-75px);
	}
}

@keyframes cloud2anim {
	0% {
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		transform: translateX(30px);
	}

	100% {
		-webkit-transform: translateX(-75px);
		-moz-transform: translateX(-75px);
		-ms-transform: translateX(-75px);
		-o-transform: translateX(-75px);
		transform: translateX(-75px);
	}
}

@-webkit-keyframes cloud2anim {
	0% {
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
		-ms-transform: translateX(30px);
		-o-transform: translateX(30px);
		transform: translateX(30px);
	}

	100% {
		-webkit-transform: translateX(-75px);
		-moz-transform: translateX(-75px);
		-ms-transform: translateX(-75px);
		-o-transform: translateX(-75px);
		transform: translateX(-75px);
	}
}

/*voyager 6*/
.voyager6_bird1 {
	-webkit-animation: birdanim 4s linear infinite;
	animation: birdanim 4s linear infinite;
}

.voyager6_bird2 {
	-webkit-animation: birdanim 4s linear infinite 1s;
	animation: birdanim 4s linear infinite 1s;
}

.voyager6_bird3 {
	-webkit-animation: birdanim 4s linear infinite 1.5s;
	animation: birdanim 4s linear infinite 1.5s;
}

@-webkit-keyframes birdanim {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
		transform: translateY(3px);
	}

	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes birdanim {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(3px);
		-moz-transform: translateY(3px);
		-ms-transform: translateY(3px);
		-o-transform: translateY(3px);
		transform: translateY(3px);
	}

	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.voyager6_water {
	-webkit-animation: wateranim 5s linear infinite;
	-ms-animation: wateranim 5s linear infinite;
	-moz-animation: wateranim 5s linear infinite;
}

@keyframes wateranim {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(-2px);
		-moz-transform: translateY(-2px);
		-ms-transform: translateY(-2px);
		-o-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

/*voyager 7*/
.voyager7_balloon {

	-ms-transform-origin: center;
	transform-origin: center;
}

@keyframes balloonanim {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	25% {
		-webkit-transform: scale(0.25) translate(60px, 30px);
		-ms-transform: scale(0.25) translate(60px);
		-o-transform: scale(0.25) translate(60px);
		transform: scale(0.25) translate(60px, 30px);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(0.25) translate(120px, 30px);
		-ms-transform: scale(0.25) translate(120px);
		-o-transform: scale(0.25) translate(120px);
		transform: scale(0.25) translate(120px, 30px);
		opacity: 1
	}

	75% {
		-webkit-transform: scale(0.25) translate(320px, 30px);
		-ms-transform: scale(0.25) translate(320px);
		-o-transform: scale(0.25) translate(320px);
		transform: scale(0.25) translate(320px, 30px);
		opacity: 1;
	}

	76% {
		-webkit-transform: scale(0.25) translate(320px, 0px);
		-ms-transform: scale(0.25) translate(320px, 0px);
		-o-transform: scale(0.25) translate(320px, 0px);
		transform: scale(0.25) translate(320px, 0px);
		opacity: 0
	}

	77% {
		-webkit-transform: scale(0.25) translate(-180px, 0px);
		-ms-transform: scale(0.25) translate(-180px, 0px);
		-o-transform: scale(0.25) translate(-180px, 0px);
		transform: scale(0.25) translate(-180px, 0px);
		opacity: 0;
	}

	78% {
		-webkit-transform: scale(0.5) translate(-90px, 0px);
		-ms-transform: scale(0.5) translate(-90px, 0px);
		-o-transform: scale(0.5) translate(-90px, 0px);
		transform: scale(0.5) translate(-90px, 0px);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1) translate(0px 0px);
		-ms-transform: scale(1) translate(0px 0px);
		-o-transform: scale(1) translate(0px 0px);
		transform: scale(1) translate(0px 0px);
		opacity: 1
	}
}

@-webkit-keyframes balloonanim {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	25% {
		-webkit-transform: scale(0.25) translate(60px, 30px);
		transform: scale(0.25) translate(60px);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(0.25) translate(120px, 30px);
		transform: scale(0.25) translate(120px);
		opacity: 1
	}

	75% {
		-webkit-transform: scale(0.25) translate(230px);
		transform: scale(0.25) translate(230px);
		opacity: 1;
	}

	76% {
		-webkit-transform: scale(0.25) translate(320px, 0px);
		transform: scale(0.25) translate(320px, 0px);
		opacity: 0
	}

	77% {
		-webkit-transform: scale(0.25) translate(-180px, 0px);
		transform: scale(0.25) translate(-180px, 0px);
		opacity: 0;
	}

	78% {
		-webkit-transform: scale(0.5) translate(-90px, 0px);
		transform: scale(0.5) translate(-90px, 0px);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1) translate(0px 0px);
		transform: scale(1) translate(0px 0px);
		opacity: 1
	}
}

.voyager7_cloud {
	-webkit-animation: cloud3anim 15s linear infinite 4s;
	-moz-animation: cloud3anim 15s linear infinite 4s;
	-ms-animation: cloud3anim 15s linear infinite 4s;
	-o-animation: cloud3anim 15s linear infinite 4s;
	animation: cloud3anim 15s linear infinite 4s;

	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	-o-transform: translateX(-40px);
	transform: translateX(-40px);
}

@keyframes cloud3anim {
	0% {
		-webkit-transform: translateX(-40px);
		-moz-transform: translateX(-40px);
		-ms-transform: translateX(-40px);
		-o-transform: translateX(-40px);
		transform: translateX(-40px);
	}

	100% {
		-webkit-transform: translateX(140px);
		-moz-transform: translateX(140px);
		-ms-transform: translateX(140px);
		-o-transform: translateX(140px);
		transform: translateX(140px);
	}
}

@-webkit-keyframes cloud3anim {
	0% {
		-webkit-transform: translateX(-27px);
		transform: translateX(-27px);
	}

	100% {
		-webkit-transform: translateX(85px);
		transform: translateX(85px);
	}
}

.voyager7_bird {
	-webkit-animation: voyager7bird 5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;
}

@keyframes voyager7bird {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-3px);
	}

	100% {
		transform: translateY(0px);
	}
}

/*voyager 8*/
.voyager8_rocketp {
	transform: translate(57px, 60px);
}

.voyager8_stars path,
.voyager9_stars path {
	-webkit-animation: flickeranim 1s infinite;
	-moz-animation: flickeranim 1s infinite;
	-ms-animation: flickeranim 1s infinite;
	-o-animation: flickeranim 1s infinite;
	animation: flickeranim 1s infinite;
}

/*proposal badges*/

.prophighlight {
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	opacity: 0;
}

/*proposal 2*/
.prop2_icon {
	transform: translate(-48px, 43px);
	/*-webkit-animation:prop2anim 0.75s linear 2.2s forwards;
				-ms-animation:prop2anim 0.75s linear 2.2s forwards;
				animation:prop2anim 0.75s cubic-bezier(.78,-0.56,.32,1.68) 2.2s forwards;*/
}

@keyframes prop2anim {
	0% {
		-webkit-transform: translate(-48px, 43px);
		-moz-transform: translate(-48px, 43px);
		-ms-transform: translate(-48px, 43px);
		-o-transform: translate(-48px, 43px);
		transform: translate(-48px, 43px);
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes prop2anim {
	0% {
		-webkit-transform: translate(-48px, 43px);
		transform: translate(-48px, 43px);
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

.prop2_flame1 {
	-webkit-animation: flameanim 2s linear infinite;
	-moz-animation: flameanim 2s linear infinite;
	-ms-animation: flameanim 2s linear infinite;
	-o-animation: flameanim 2s linear infinite;
	animation: flameanim 2s linear infinite;
}

.prop2_flame2 {
	-webkit-animation: flameanim 2s linear infinite 2.5s;
	-moz-animation: flameanim 2s linear infinite 2.5s;
	-ms-animation: flameanim 2s linear infinite 2.5s;
	-o-animation: flameanim 2s linear infinite 2.5s;
	animation: flameanim 2s linear infinite 2.5s;
}

@keyframes flameanim {
	0% {
		opacity: 0.6;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.6;
	}
}

@-webkit-keyframes flameanim {
	0% {
		opacity: 0.25;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.25;
	}
}

.propspeedline {
	-webkit-animation: speedlineanim 5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;
	-moz-animation: speedlineanim 5s cubic-bezier(.78, 0, .63, 1) infinite;
	-ms-animation: speedlineanim 5s cubic-bezier(.78, 0, .63, 1) infinite;
	-o-animation: speedlineanim 5s cubic-bezier(.78, 0, .63, 1) infinite;
	animation: speedlineanim 5s cubic-bezier(.78, 0, .63, 1) infinite;
}

@keyframes speedlineanim {
	0% {
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}

	50% {
		-webkit-transform: translate(-2px, 2px);
		-moz-transform: translate(-2px, 2px);
		-ms-transform: translate(-2px, 2px);
		-o-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes speedlineanim {
	0% {
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}

	50% {
		-webkit-transform: translate(-2px, 2px);
		-moz-transform: translate(-2px, 2px);
		-ms-transform: translate(-2px, 2px);
		-o-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

/*proposal 3*/
.prop3_lighting1 {
	-webkit-transform: translateY(-20px);
	-webkit-transform-origin: top;
	-webkit-animation: proplighting 2.5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;

	-moz-animation: flameanim 2.5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;

	-ms-transform: translateY(-20px);
	-ms-transform-origin: top;
	-ms-animation: proplighting 2.5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;

	-o-transform: translateY(-20px);
	-o-transform-origin: top;
	-o-animation: proplighting 2.5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;
}

@keyframes proplighting {
	0% {
		-webkit-transform: translateY(-2px) scale(0);
		opacity: 1;
		-ms-transform: translateY(-2px) scale(0);
		opacity: 1;
		-o-transform: translateY(-2px) scale(0);
		opacity: 1;
	}

	50% {
		-webkit-transform: translateY(-1px) scale(1);
		opacity: 1;
		-ms-transform: translateY(-1px) scale(1);
		opacity: 1;
		-o-transform: translateY(-1px) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(-2px) scale(0);
		opacity: 0;
		-ms-transform: translateY(-2px) scale(0);
		opacity: 0;
		-o-transform: translateY(-2px) scale(0);
		opacity: 0;
	}
}

@-webkitkeyframes proplighting {
	0% {
		-webkit-transform: translateY(-2px) scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: translateY(-1px) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(-2px) scale(0);
		opacity: 0;
	}
}

.prop3_lighting2 {
	-webkit-animation: flameanim 2.5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;
	-moz-animation: flameanim 2.5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;
	-ms-animation: flameanim 2.5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;
	-o-animation: flameanim 2.5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;
	animation: flameanim 2.5s cubic-bezier(.78, -0.56, .32, 1.68) infinite;
}

/*leader badges*/
.leaderbar,
.stitch {
	-webkit-transform: scale(0);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.leadtopbar {
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
}

.leadbottombar {
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
}

.stitch {
	-webkit-transform-origin: bottom left;
}

.leaderouterring {
	-webkit-transition: fill 0.25s ease-in-out;
	-moz-transition: fill 0.25s ease-in-out;
	-ms-transition: fill 0.25s ease-in-out;
	-o-transition: fill 0.25s ease-in-out;
	transition: fill 0.25s ease-in-out;
}

.leaderrightbanner,
.leaderleftbanner {
	-webkit-transition: all 1s ease-in-out 1.5s;
	-moz-transition: all 1s ease-in-out 1.5s;
	-ms-transition: all 1s ease-in-out 1.5s;
	-o-transition: all 1s ease-in-out 1.5s;
	transition: all 1s cubic-bezier(.78, -0.56, .32, 1.68) 1.5s;
}

.leaderrightbanner {
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);
}

.leaderleftbanner {
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
}

.leaderstar {
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;

	-webkit-transform: scale(0) rotate(-900deg);
	-moz-transform: scale(0) rotate(-900deg);
	-ms-transform: scale(0) rotate(-900deg);
	-o-transform: scale(0) rotate(-900deg);
	transform: scale(0) rotate(-900deg);

	-webkit-transition: all 0.75s ease-in-out 2s;
	-moz-transition: all 0.75s ease-in-out 2s;
	-ms-transition: all 0.75s ease-in-out 2s;
	-o-transition: all 0.75s ease-in-out 2s;
	transition: all 0.75s ease-in-out 2s;
}


/*misc badges*/
.misc_bg,
.misc_outerring {
	-webkit-transition: fill 0.25s ease-in-out;
	-moz-transition: fill 0.25s ease-in-out;
	-ms-transition: fill 0.25s ease-in-out;
	-o-transition: fill 0.25s ease-in-out;
	transition: fill 0.25s ease-in-out;
}

.misc_shadow {
	opacity: 0;
	-webkit-transition: opacity 0.25s ease-in-out;
	-moz-transition: opacity 0.25s ease-in-out;
	-ms-transition: opacity 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
}


/*star badges cubic-bezier(0,.35,.62,-0.65)*/
.bigstar_bg {
	-webkit-animation: rotateanim 16s linear infinite;
	transform-origin: center;
	opacity: 0;
	-weibkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.innerstar {
	opacity: 0;
	-weibkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}