@charset "UTF-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Oswald:400);
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab:400,700);
*{
	padding:0;
	margin:0;
}
html {
  width: 100%;
  height: 100%;
}
body{
	width:100%;
	height:100%;
  	font-family: "Oswald", sans-serif;
	text-align:center;
	font-weight:400;
}



/************************** UI Elements ***********************/

.content{
	width:calc(100% - 6px);
	margin:6px;
}
.radiateContent{
	width:calc(100% - 12px);
	max-width:1000px;
	display:inline-block;
	margin:6px;
	margin-top:50px;
	display: block;
	margin: auto;
	padding-top: 100px;
}
.tutorialViewport .radiateContent{
	margin-bottom:300px;
}
.half{
	display:inline-block;
	width:calc(50% - 12px);
	margin:6px;
	vertical-align:top;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.absoluteCenter{
	text-align:center;
	width:100%;
	height:100%;
	position:relative;
	display:table;
}
.absoluteCenterCell{
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:100%;
	display:table-cell;
}
.button{
	color:#FFF;
	border:solid 2px #FFF;
	display:inline-block;
	padding:10px;
	text-transform:uppercase;
	text-decoration:none;
	background:none;
	transition:all ease-in-out 0.4s;
	text-align:center;
	cursor:pointer;
}
.button:hover{
	background:#42B691;
	color:#FFF;
}
.darkButton{
	color:#42B691;
	border:solid 2px #42B691;
	display:inline-block;
	padding:10px;
	text-transform:uppercase;
	text-decoration:none;
	background:none;
	transition:all ease-in-out 0.4s;
	text-align:center;
	cursor:pointer;
}
.darkButton:hover{
	background:#42B691;
	color:#FFF;
}
.click{
	cursor:pointer;
}
.userButton{
	width:120px;
	font-size:12px;
	margin:10px;
}

.option{
	display:inline-block;
	padding:10px;
	color:#FFF;
	border-radius:8px;
	background:none;
	border:transparent solid 2px;
	transition:all ease-in-out 0.2s;
	margin:0 10px;
}
.option:hover{
	border:#FFF solid 2px;
	cursor:pointer;
}
.options .active{
	background:#FFF;
	color:#465558;
}
#coverall{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	top:0;
	left:0;
	opacity:0;
	position:fixed;
	display:none;
	z-index:9000;
}
#busycoverall{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	top:0;
	left:0;
	opacity:0;
	position:fixed;
	display:none;
	z-index:9010;
}
.window{
	background:rgba(255,255,255,0.2);
	padding:10px;
	
	width:calc(100% - 20px);
	height:calc(100% - 20px) !important;
	max-height:650px;
	max-width:400px;
	display:inline-block;
	opacity:0;
	margin:auto;
	margin:auto;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9001;
}
.tutorialViewport .window{
    margin-bottom: 200px;
	height:calc(100% - 220px) !important;
}
	
.window .rel{
	width:100%;
	height:100%;
	background:#465558;
	display:inline-block;
	position:relative;
	overflow:hidden;
}
.window .container{
	display:inline-block;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}
.window .block{
	display:inline-block;
	width:100%;
	height:100%;
	float:left;
	overflow:hidden;
	overflow-y:auto;
}
.windowHeading {
    color: #FFF;
    margin-top: 60px;
    margin-bottom: -40px;
    font-size: 18px;
    text-align: left;
    padding: 10px;
    background-color: #42B691;
    display: inline-block;
    border-radius: 8px;
}
.loading{
	width:70px;
	height:70px;
	left:50%;
	top:60%;
	margin-left:-35px;
	margin-top:-35px;
	display:none;
	position:absolute;
	border-radius:100%;
	background: url(/radiate/media/images/icons/loading.gif) no-repeat #42B691;
	background-attachment:fixed;
	background-position:center; 
	background-size:50px 50px;
	opacity:0;
}
.window .backContainer{
	width:0px;
	height:0px;
	position:relative;
	z-index:100;
}
.window .back{
	width:50px;
	height:50px;
	top:0;
	left:0;
	display:inline-block;
	position:absolute;
	background: url(/radiate/media/images/icons/backArrow.png) no-repeat #42B691;
	background-size:50px 50px;
	z-index:100;
	cursor:pointer;
}
.window .closeWindow{
	width:50px;
	height:50px;
	top:0;
	left:0;
	display:inline-block;
	position:absolute;
	background: url(/radiate/media/images/icons/closeX.png) no-repeat #42B691;
	background-size:50px 50px;
	z-index:100;
	cursor:pointer;
}
.prompt{
	background:rgba(255,255,255,0.2);
	padding:10px;
	
	width:calc(100% - 20px);
	height:0%;
	max-height:400px;
	max-width:400px;
	display:inline-block;
	opacity:0;
	margin:auto;
	margin:auto;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9001;
}
.prompt .rel{
	width:100%;
	background:#465558;
	display:inline-block;
	position:relative;
	overflow:hidden;
	overflow-y:auto;
	padding-bottom:20px;
}
.prompt .button{
	margin:6px;
}
.prompt h2{
	color:#FFF;
	padding-top:20px;
}
.small{
	font-size:0.5em;
	font-weight:400;
}
#busy{
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	height:200px;
	margin-left:-50px;
	margin-top:-50px;
	background:#42B691;
	z-index:9011;
	display:none;
	border-radius:100%;
	background:url(../media/images/assets/busy.gif) no-repeat #42B691;
	background-size:150px 150px;
	background-position:25px 25px;
}
.list{
	list-style:none;
	width:calc(100% - 12px);
	height:200px;
	overflow-y:auto;
	border-radius:10px;
	padding:0;
	margin:0 6px;
	background:rgba(0,0,0,0.2);
}
.fullHeightList.list{
	height: calc(100% - 100px);
}
.list li{
	width:calc(100% - 12px);
	display:none;
	border-top:solid #ececec 1px;
	background:#FFF;
	color:#465558;
	padding:6px;
	text-align:left;
	transition:background ease-in-out 0.4s;
}
.list > .currentSelection {
    background-color: #42B691;
    color: #FFF;
}
.list li a{
	color:#465558;
	text-decoration:none;
	display:block;
}
.list li:hover{
	background:#ececec;
}
	
.list li.match{
	display:block;
}
.list li.last{
	border-radius:0 0 10px 10px !important;
}
.cardHeader{
	width:100%;
	height:130px;
	background:url(/radiate/media/images/bgs/36.jpg) no-repeat;
	background-size:cover;
	border-bottom:8px solid #31393C;
}
.clickable{
	cursor:pointer;
}
.listFilter{
	width:calc(100% - 24px);
	border-radius:10px;
	margin:60px 6px 6px 6px;
	padding:6px;
	color:#FFF;
	background:#31393C;
	border:none;
}
.colorDark{
	color:rgba(0,0,0,0.2);
}
.bgTeal{
	background-color:#42B691;
}
.bgSalmon{
	background-color:#D3635A;
}
.bgBlue{
	background-color:#4183B7;
}
.bgPurple{
	background-color:#996699;
}
.bgOrange{
	background-color:#FF9900;
}

.userPhoto{
	width:120px;
	height:120px;
	border-radius:100%;
	border:solid #FFF 4px;
	display:inline-block;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
}
.userPhoto img{
	width:100%;
}
.userCard .userPhoto{
	margin-top:-68px;
}
.userCard h1{
	font-size:20px;
	color:#FFF;
	font-weight:normal;
}
.userCard h2{
	font-size:16px;
	color:#42B691;
	font-weight:normal;
}
#userMessageForm{
	padding:6px;
}
#userMessageForm label{
	display:block;
	margin-top:6px;
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
}	
#userMessageForm input{
	display:block;
	width:calc(100% - 12px);
	padding:6px;
	border:none;
	border-radius:10px;
	color:#FFF;
	background:rgba(0,0,0,0.2);
}	
#userMessageForm textarea{
	display:block;
	width:calc(100% - 12px);
	padding:6px;
	border:none;
	border-radius:10px;
	color:#FFF;
	background:rgba(0,0,0,0.2);
	height:200px;
	resize: none;
}
.portalConnected{
	background-image:url(../media/images/icons/acceptWhite.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:6px 6px;
	background-color:#42B691;
	color:#FFF;
	font-size:22px;
	line-height:22px;
	padding:10px;
	padding-left:42px;
	display:inline-block;
	border-radius:12px;
}
.portalDisconnect{
	background-image:url(../media/images/icons/closeXGrey.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:6px 6px;
	background-color:#ececec;
	color:#465558;
	font-size:22px;
	line-height:22px;
	padding:10px;
	padding-left:42px;
	display:inline-block;
	cursor:pointer;
	border-radius:12px;
	margin-left:10px;
}
.portalConnect{
	background-image:url(../media/images/icons/addFolder.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:6px 6px;
	background-color:#ececec;
	color:#465558;
	font-size:22px;
	line-height:22px;
	padding:10px;
	padding-left:42px;
	display:inline-block;
	cursor:pointer;
	border-radius:12px;
}

.radiateForm{
	padding-right:6px;
}
.radiateForm label{
	display:block;
	margin-top:6px;
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
}	
.radiateForm input{
	display:block;
	width:calc(100% - 12px);
	padding:6px;
	border:none;
	border-radius:10px;
	color:#FFF;
	background:rgba(0,0,0,0.2);
}	
.radiateForm textarea{
	display:block;
	width:calc(100% - 12px);
	padding:6px;
	border:none;
	border-radius:10px;
	color:#FFF;
	background:rgba(0,0,0,0.2);
	height:200px;
	resize: none;
}
.radiateForm input[type=checkbox],.radiateForm input[type=radio]{
	display:inline-block;
	width:auto;
	padding:6px;
	border:none;
	border-radius:10px;
	color:#FFF;
	margin-right:10px;
	vertical-align:middle;
	background:rgba(0,0,0,0.2);
}	
.validated{
	background:rgba(0,0,0,0.2);
}
body:not(#pageEditorBody) .unvalidated{
	background:#F90 !important;
}
#addPageWindow{
	margin-top:56px;
}
.switchContainer{
	display:block;
	text-align:left;
}
.switch{
	display:inline-block;
	background:none;
	padding:6px 3px;
	color:#FFF;
	border:solid #FFF 2px;
	border-radius:10px;
}
.switch .option{
	display:inline-block;
	background:none;
	padding:6px 10px;
	color:#FFF;
	border-radius:6px;
	margin:0 3px;
	vertical-align: top;
}

.switch .on{
	background:#FFF;
	color:#42B691;
}

/*Date Picker*/

.dateContainer{
	display:block;
	position:relative;
}
.datePicker{
	width:calc(100% - 64px) !important;
	height:40px !important;
	border:4px solid #FFF !important;
	border-right:none !important;
	border-radius:0 !important;
	box-shadow:none;
	background:none !important;
	display:inline-block !important;
	color:#FFF;
	font-size:16px !important;
	padding:0 6px !important;
	vertical-align:top;
}
.useTime .datePicker{
	width:calc(100% - 112px) !important;
}
.dateContainer .dateButton{
	width:48px;
	height:48px;
	display:inline-block;
	background-image: url(/radiate/media/images/icons/datePicker.png);
	background-repeat:no-repeat;
	background-color:#FFF;
	background-size:48px 48px;
	vertical-align:top;
	position:relative;
	cursor:pointer;
	transition:all ease-in-out 0.4s;
}
.dateContainer .dateButton:hover{
	background-color:#ececec;
}
.dateContainer .timeButton{
	width:48px;
	height:48px;
	display:inline-block;
	background-image: url(/radiate/media/images/icons/timePicker.png);
	background-repeat:no-repeat;
	background-color:#FFF;
	background-size:48px 48px;
	vertical-align:top;
	position:relative;
	cursor:pointer;
	transition:all ease-in-out 0.4s;
}
.dateContainer .timeButton:hover{
	background-color:#ececec;
}
.dateContainer .datePickerWindow{
	width:100%;
	background:#465558;
	min-height:90px;
	display:none;
	position:absolute;
	top:48px;
	left:0;
	z-index:1000;
}
.dateContainer .timePickerWindow{
	width:100%;
	background:#465558;
	min-height:90px;
	display:none;
	position:absolute;
	top:48px;
	left:0;
	z-index:1000;
	text-align:right;
}
.timeApprove{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(../media/images/icons/ok.png) no-repeat center center #31393C;
	background-size:contain;
	transition:all ease-in-out 0.4s;
}
.timeApprove:hover{
	background-color:#465558;
}
.timePickerWindow .pick{
	width:50%;
	width:calc(33.3333333333% - 16px);
	display:inline-block;
	float:left;
}
.datePickerWindow .left{
	background:url(/radiate/media/images/icons/backArrow.png) no-repeat #31393C;
}
.datePickerWindow .right{
	background:url(/radiate/media/images/icons/forwardArrow.png) no-repeat #31393C;
}
.datePickerWindow .left, .datePickerWindow .right{
	display:table-cell;
	width:30px;
	background-position:center;
	background-size:30px 30px;
	cursor:pointer;
}
.datePickerWindow .dates{
	display:table-cell;
	width:calc(100% - 66px);
}
.datePickerWindow .cal{
	padding-right:6px;
	padding-bottom:6px;
	text-align:left;
}
.datePickerWindow .date{
	display:inline-block;
	margin:6px;
	margin-right:0;
	margin-bottom:0;
	background:#FFF;
	color:#465558;
	width:calc(14.2857% - 6px);
	text-align:center;
	cursor:pointer;
}
.datePickerWindow .ghostDate{
	display:inline-block;
	margin:6px;
	margin-right:0;
	margin-bottom:0;
	background:rgba(255,255,255,0.2);
	color:rgba(255,255,255,0.2);
	width:calc(14.2857% - 6px);
	text-align:center;
}

.datePickerWindow .off{
	cursor:default !important;
	background:none !important;
}
.datePickerWindow .pick{
	width:50%;
	display:inline-block;
	float:left;
}




/*Key Value Pair*/
.kv_key, .kv_value{
	width:calc(50% - 38px) !important;
	background:rgba(255,255,255,0.3) !important;
	color:#FFF !important;
	padding:3px !important;
	margin:2px !important;
	border-radius:0 !important;
	display:inline-block !important;
	font-size:18px;
}
.keyValueButtons{
	text-align:right;
	background:#42B691;
}
.keyValueButton{
	display:inline-block;
	width:40px;
	height:40px;
	background-color:#42B691;
	cursor:pointer;
	transition:all ease-in-out 0.4s;
	border:solid 5px rgba(0,0,0,0.0);
	opacity:0.3;
}
.keyValueButton.on{
	opacity:1.0;
}
.keyValueButton:hover{
	background-color:#389779;
}
.keyValueButtons .add{
	background-image:url(../media/images/icons/add.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:5px 5px;
}
.keyValueButtons .remove{
	background-image:url(../media/images/icons/closeX.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:5px 5px;
}
.keyValueButtons .up{
	background-image:url(../media/images/icons/upArrow.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
.keyValueButtons .down{
	background-image:url(../media/images/icons/downArrow.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
.kv_row label{
	display:inline-block !important;
}
.keyValueLabels{
	padding-left:28px;
}
.keyValueLabel{
	width:calc(50% - 38px) !important;
	display:inline-block;
	color:#FFF;
	text-align:left;
	font-size:14px;
	padding:3px !important;
	margin:2px !important;
}


select{
	display:block;
	width:100%;
	padding:4px 0px;
	background:#fff;
	border:none;
	color:#666;
	height:40px;
	font-size:18px;
	margin-top:0px;
}
.radiateSelect select {
   background: transparent;
   -webkit-appearance: none;
   width:620px;
   width: -webkit-calc(100% + 40px);
   width: -moz-calc(100% + 40px);
	width: -ms-calc(100% + 40px);
	width: -o-calc(100% + 40px);
	width: calc(100% + 40px);
	height:100%;
	color:#FFF;
	font-size:18px;
	padding:8px;
}
.radiateSelect select option{
	background:#465558;
	cursor:pointer;
}
.radiateSelect {
	width:calc(100% - 8px);
   height: 50px;
   overflow: hidden;
   border:solid 4px #FFF;
   border-radius:0;
   background: url(/radiate/media/images/icons/downArrow.png) no-repeat right;
   background-size:50px 50px;
}
.selectColored{
	border:none;
   	background: url(/radiate/media/images/icons/downArrow.png) no-repeat right #42B691;
   background-size:50px 50px;
	width:100%;
}
.selectDarkColored{
	border:none;
   	background: url(/radiate/media/images/icons/downArrow.png) no-repeat right #389779;
    background-size:50px 50px;
  
	width:100%;
}
.datePickerWindow .pick .selectColored, .datePickerWindow .pick .selectDarkColored{
	 /*background-position:120% 50%;*/
     background-size:48px 48px;
}
.radiateSelect select option:hover {
	box-shadow: 0 0 10px 100px #42B691 inset;
	color:#FFF;
}

.radiateSelectBarsOption {
    display: inline-block;
    background: none;
    padding: 12px 24px;
    margin-right: 10px;
    text-transform: uppercase;
	transition:0.4s;
	cursor:pointer;
	font-size:18px;
	width: calc(100% - 64px);
	border-radius: 4px;
	transition:all ease-in-out 0.4s;
	position:relative;
	letter-spacing: 3px;
}
.radiateSelectBarsOption::before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 31px;
    background: #ececec;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    transform-origin: 100% 100%;
    transform: rotate(0deg);
	transition:all ease-in-out 0.4s;
}
.radiateSelectBarsOption::after {
    content: "";
    display: inline-block;
    width: 21px;
    height: 31px;
    background: #ececec;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px;
    transform-origin: 100% 0%;
    transform: rotate(0deg);
	transition:all ease-in-out 0.4s;
}
.radiateSelectBarsOption.on::before {
    background: #FFF;
    transform: rotate(30deg);
}
.radiateSelectBarsOption.on::after {
    background: #FFF;
    transform: rotate(-30deg);
}

.radiateSelectBarsOption.on {
	background:#FFF;
}
.radiateSelectBars .radiateSelect{
	display:block;
}
.radiateSelectBars .radiateSelectBarsOption{
	display:none;
}
.colorBand {
    display: block;
    height: 200px;
    background: #42B691;
}
.radiateContent.colorBanded{
	margin-top: -60px;
	padding:0;
}
#subsiteSelector{
	margin-bottom:20px;
}
.siteCoachBlock{
	display:block;
	margin-bottom:10px;
	background:#FFF;
	border-radius:4px;
	overflow:hidden;
}
.siteCoachLineChart{
	margin-left:-15px;
	margin-bottom:-7px;
	width:100%;
	width:calc(100% + 30px) !important;
	height:300px !important;
}
.siteCoachBlockTitle{
	display:block;
	text-align:center;
	padding:24px;
	letter-spacing:3px;
	color:#31393C;
	opacity:0.6;
	text-transform:uppercase;
	font-size:18px;
}
.chartUnderText{
	padding:24px;
	color:#FFF;
	background-color:#59BF9E;
}
.coachPieChart{
	float:left;
}
.siteCoachTextWrap{
	padding:0 24px 24px 24px;
}
.coachPieChart .pieLabel{
	font-size:72px;
	color:#59BF9E;
	z-index:9;
	line-height:72px;
	margin-top:-38px;
	
}

@media screen and (min-width: 1000px) {
	.radiateSelectBars .radiateSelect.mobileSelect{
		display:none;
	}
	.radiateSelectBars .radiateSelectBarsOption{
		display:inline-block;
	}
}
	
.windowContent{
	padding-top:60px;
}
.windowContent h1{
	color:#FFF;
	font-size:1.5em;
}
.fileDrop{
	width:calc(100% - 60px);
	padding:50px 20px;
	margin:6px;
	border:dashed #42B691 4px;
	border-radius:10px;
	color:#FFF;
}
.filehover
{
	border-color: #389779;
	background:#31393C;
}
.loadingContainer{
	width:calc(100% - 32px);
	margin:6px;
	padding:6px;
	border:solid #FFF 4px;
	text-align:left;
}
.loadingBar{
	width:0%;
	height:12px;
	background:#42B691;
	display:inline-block;
}
.imagePickerPreview {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: center center;
    border-radius: 6px;
    overflow: hidden;
    vertical-align: middle;
}
#layoutBlockList .imagePickerPreview {
    width: 120px;
}
.imagePickerName {
	padding:6px;
    display: inline-block;
    vertical-align: middle;
}

.windowPrompt{
	background:rgba(255,255,255,0.2);
	padding:10px;
	width:calc(100% - 40px);
	height:calc(100% - 20px);
	max-height:300px;
	max-width:300px;
	display:inline-block;
	opacity:0;
	margin:auto;
	margin:auto;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9005;
}
.windowPromptContent{
	background:#31393C;
	width:calc(100% - 12px);
	height:calc(100% - 12px);
	padding:6px;
	overflow:hidden;
	overflow-y:auto;
}
.windowPromptContent h2{
	color:#FFF;
	font-size:18px;
	margin:12px 0;
}
.fileContainer{
	display:block;
	position:relative;
}
.fileContainer input{
	width:calc(100% - 20px);
	height:40px;
	border:4px solid #FFF;
	border-radius:0;
	box-shadow:none;
	background:url('/radiate/media/images/icons/upArrow.png') no-repeat;
	background-size:48px 48px;
	background-position: 100% 80px;
	display:inline-block;
	color:#FFF;
	font-size:16px;
	padding:0 6px;
	vertical-align:top;
	transition: all 0.3s ease 0s;
	cursor:pointer;
}
.fileContainer input:hover{
	background-position: right;
}
.selectFile input {
   opacity:0;
   width:620px;
   width: -webkit-calc(100% + 40px);
   width: -moz-calc(100% + 40px);
	width: -ms-calc(100% + 40px);
	width: -o-calc(100% + 40px);
	width: calc(100% + 40px);
	height:100%;
	color:#FFF;
	font-size:18px;
	padding:0 6px;
	position:absolute;
	z-index:9010;
	top:0;
	left:0;
}
.selectFile {
	/*width:200px;
   	height: 36px;*/
   	overflow: hidden;
   	/*border:solid 4px #FFF;
   	border-radius:0;*/
	position:relative;
}
.selectFile div {
	width:100%;
	height:100%;
	text-align:center;
	color:#FFF;
	padding:6px 0;
}
.fileRemove{
	background: #FFF center center no-repeat;
	background-image:url(../media/images/icons/closeXGrey.png);
	background-size:30px 30px;
	display: inline-block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 8px;
	top: 8px;
	border-radius: 100%;
	cursor:pointer;
	transition: all 0.3s ease 0s;
}
.fileRemove:hover{
	background-color:#ececec;
}

.terms{
	display:inline-block;
	width:100%;
	width:calc(100% - 20px);
	padding:10px;
	background:rgba(0,0,0,0.2);
	height:230px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	font-size:14px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
}
/*MultiSelect*/
.multiSelectContainer{
	background: rgba(0,0,0,0.05);
	border-radius:10px;
	padding:6px 0;
}
.selectedOption{
	display:none !important;
}
.multiSelectPicks{
	width:calc(100% - 20px);
	/*border:4px solid #FFF;
	border-radius:0;*/
	box-shadow:none;
	display:inline-block;
	color:#FFF;
	font-size:16px;
	padding:0 0 6px 6px;
	vertical-align:top;
	transition: all 0.3s ease 0s;
	cursor:pointer;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:left;
}
.multiSelectSelection{
	
	background-color:#42B691;
	display:inline-block;
	padding:6px;
	color:#FFF;
	margin-right:6px;
	margin-top:6px;
	border-radius:10px;
	transition:background-color ease-in-out 0.4s;
}
.multiSelectContainer.hasConnectedPartial .multiSelectSelection{
	display:block;
}
.multiSelectSelection>span{
	vertical-align:middle;
}
.multiSelectContainer.hasConnectedPartial .multiSelectSelection>span{
	width: calc(100% - 72px);
	display: inline-block;
}
.multiSelectSelection:hover{
	
	background-color: #389779;
	
}
.removeMultiSelectSelection{
	display:inline-block;
	background-image:url(../media/images/icons/closeX.png);
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:30px 30px;
	cursor:pointer;
	width:30px;
	height:30px;
	margin-left:6px;
	border-radius:30px;
	vertical-align:middle;
	transition:background-color ease-in-out 0.4s;
}
.connectedPartialOpen {
    display: inline-block;
    background-image: url(../media/images/icons/editWhite.png);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-left: 6px;
    border-radius: 30px;
    vertical-align: middle;
    transition: background-color ease-in-out 0.4s;
}
.removeMultiSelectSelection:hover{
	background-color:#42B691;
}
.connectedPartialOpen:hover{
	background-color:#42B691;
}
.multiSelectContainer .listFilter{
	margin-top:6px;
	width: calc(100% - 30px) !important;
	margin-left: 6px;
}
/*Counter*/
.counter{
	width:calc(100% - 66px);
	height:42px;
	border:4px solid #FFF;
	border-right:none;
	border-radius:0;
	box-shadow:none;
	background:none;
	display:inline-block;
	color:#FFF;
	font-size:16px;
	padding:0 6px;
	vertical-align:top;
}
.counterContainer{
	width:100%;
	display:inline-block;
	position:relative;
}
.counterContainer .counterButtons{
	width:50px;
	height:50px;
	display:inline-block;
	/*background: url(/radiate/media/images/icons/datePicker.png) no-repeat #FFF;
	background-size:48px 48px;*/
	vertical-align:top;
}
.counterContainer .counterButtons .up{
	width:50px;
	height:25px;
	display:inline-block;
	background: url(/radiate/media/images/icons/upArrowGrey.png) no-repeat #FFF;
	background-size:25px 25px;
	background-position:center;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
}


.counterContainer .counterButtons .up:hover{
	background: url(/radiate/media/images/icons/upArrowGrey.png) no-repeat #42B691;
	background-size:25px 25px;
	background-position:center;
	color:#FFF;
}
.counterContainer .counterButtons .down{
	width:50px;
	height:25px;
	display:inline-block;
	background: url(/radiate/media/images/icons/downArrowGrey.png) no-repeat #FFF;
	background-size:25px 25px;
	background-position:center;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
}
.counterContainer .counterButtons .down:hover{
	background: url(/radiate/media/images/icons/downArrowGrey.png) no-repeat #42B691;
	background-size:25px 25px;
	background-position:center;
	color:#FFF;
}
.counterContainer input{
	width:calc(100% - 70px);
	height:42px;
	border:4px solid #FFF;
	border-radius:0;
	box-shadow:none;
	background:transparent;
	display:inline-block;
	color:#FFF;
	font-size:16px;
	padding:0 6px;
	vertical-align:top;
	transition: all 0.3s ease 0s;
	cursor:pointer;
}

#colorPicker{
	width:100%;
	max-width:400px;
	height:600px;
	margin:50px 0;
}
#hex{
	display: inline-block;
	width: calc(100% - 140px);
	margin-right: 60px;
	border: none;
	background-color: rgba(0,0,0,0.3);
	padding: 10px;
	margin-left: 20px;
	color: #FFF;
	border-radius: 8px;
	font-size: 18px;
	line-height: 18px;
	margin-top: 30px;
}
.tabContainer{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	display:inline-block;
}
.tabSlider{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.tabContainer .tabItem{
	width:100%;
	height:100%;
	display:inline-block;
	vertical-align:top;
}
.tabButton{
	background:#465558;
	text-align:center;
	padding:14px 0;
	text-transform:uppercase;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,0.3);
	cursor:pointer;
	-webkit-transition: all 0.3s; /* For Safari 3.1 to 6.0 */
	transition: all 0.3s ease-in-out;
}
.tabButton:hover{
	color:rgba(255,255,255,0.75);
}
.tabButton.active{
	color:#FFF;
	border-bottom:solid 4px #FFF;
	padding:14px 0 10px 0;	
}
.radiateSlider{
	display:block;
	padding:20px;
}
.radiateSlider .track{
	display:block;
	padding:4px 0;
	background:#389779;
	border-radius:8px;
}
.radiateSlider .groove{
	display:block;
	height:0;
	position:relative;
}
.radiateSlider .point{
	position:absolute;
	width:0;
	height:0;
	left:0%;
	top:0px;
}
.radiateSlider .handle{
	margin-top:-10px;
	margin-left:-10px;
	background:#fff;
	width:16px;
	height:16px;
	border-radius:100%;
	border:solid 2px #42B691;
	cursor:move;
}

#colorWheelImage{
	width:100%;
}
.colorWheel{
	display:inline-block;
	position:relative;
	width:100%;
}
.spacer {
    margin-top: 100%;
}
.spectrum {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	overflow:hidden;
	padding:0 10px;
}
.alphaWrap{
	background:url(../media/images/assets/colorAlpha.png) repeat;
	background-size:20px 20px;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50px;
	z-index:9001;
	
}
.selectedColor{
	width:calc(100% - 50px);
	height:50px;
	background:none;
	display:inline-block;
}
.approveColor{
	width:50px;
	height:50px;
	display:inline-block;
	background:url(../media/images/icons/ok.png) no-repeat #42B691;
	background-size:40px 40px;
	background-position:5px 5px;
	cursor:pointer;
}
.colorPickerContainer{
	display:block;
}
.colorPickerContainer input{
	width:calc(100% - 20px);
	height:40px;
	border:4px solid #FFF;
	border-radius:0;
	box-shadow:none;
	display:inline-block;
	color:#FFF;
	font-size:16px;
	padding:0 6px;
	vertical-align:top;
	transition: all 0.3s ease 0s;
	cursor:pointer;
}
.colorPickerContainer input:hover{
	-moz-box-shadow:    inset 0 0 0px 4px #42B691;
   	-webkit-box-shadow: inset 0 0 0px 4px #42B691;
   	box-shadow:         inset 0 0 0px 4px #42B691;
}
#viewPort{
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:16px;
	border:3px solid #FFF;
	margin-left:-11px;
	margin-top:-11px;
	z-index:9000;
	border-radius:100%;
}
.mixLabel{
	width:40px;
	color:#fff;
	font-size:16px;
	display:inline-block;
	vertical-align:middle;
}
.mixValue{
	width:40px;
	color:#fff;
	font-size:16px;
	display:inline-block;
	vertical-align:middle;
}
.mixSlider{
	width:calc(100% - 80px);
	display:inline-block;
	vertical-align:middle;
}
.swatch{
	cursor:pointer;
	border:solid 4px rgba(255,255,255,0.8);
	width:40px;
	height:40px;
	display:inline-block;
	margin:5px;
}
.roundedCheck input[type=checkbox] {
	visibility: hidden;
}
.roundedCheck {
	width: 28px;
	height: 28px;
	background: #fcfff4;
	display:inline-block;
	background:none;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border:solid #FFFFFF 4px;
	position: relative;
	vertical-align:middle;
}

.roundedCheck label.check {
	padding:0;
	margin:0;
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;

}

.roundedCheck label.check:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
	transition: all 0.3s ease 0s;
}

.roundedCheck label.check:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.roundedCheck input[type=checkbox]:checked + label.check:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.checkLabel{
	padding:6px;
	display:inline-block !important;
	vertical-align:middle;
	margin-top:0 !important;
    width: calc(100% - 48px);
}
/*Radio Button */
.roundedRadio input[type=radio] {
	visibility: hidden;
}
.roundedRadio {
	width: 28px;
	height: 28px;
	background: #fcfff4;
	display:inline-block;
	background:none;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border:solid #FFFFFF 4px;
	position: relative;
	vertical-align:middle;
}

.roundedRadio label.check {
	padding:0;
	margin:0;
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;

}

.roundedRadio label.check:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fcfff4;
	top: 5px;
	left: 5px;
	border-radius:100%;
	border-top: none;
	border-right: none;
	
	transition: all 0.3s ease 0s;
}

.roundedRadio label.check:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.roundedRadio input[type=radio]:checked + label.check:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.bigMessage{
	margin-top:40px;
	text-align:center;
}
.bigIcon{
	width:200px;
	height:200px;
	display:inline-block;
	border:4px solid #FFF;
	border-radius:100%;
	background-size:100px 100px;
	background-position:50px 50px;
	position:relative;
}
.littleIcon{
	width:80px;
	height:80px;
	display:inline-block;
	border:4px solid #FFF;
	border-radius:100%;
	background-size:100px 100px;
	background-position:-10px -10px;
	position:relative;
}
.bigCheck{
	background:url(../media/images/assets/check.png) no-repeat;
	background-size:140px 140px;
	background-position:30px 30px;
}
.bigAnalytics{
	background:url(../media/images/assets/analytics.png) no-repeat;
	background-size:120px 120px;
	background-position:40px 40px;
	transition: background-color 0.4s ease 0s;
    position:absolute;
	top:40px;
	left:50%;
	margin-left:-350px;
}
.bigLaunch{
	background:url(../media/images/assets/launch.png) no-repeat;
	background-size:100px 100px;
	background-position:50px 50px;
	transition: background-color 0.4s ease 0s;
    position:absolute;
	top:40px;
	left:50%;
	margin-left:-100px;
}
.bigTasks{
	background:url(../media/images/assets/check.png) no-repeat;
	background-size:100px 100px;
	background-position:50px 50px;
	transition: background-color 0.4s ease 0s;
    position:absolute;
	top:40px;
	left:50%;
	margin-left:150px;
}
.bigWarning{
	background:url(../media/images/assets/exclaimation.png) no-repeat;
	background-size:140px 140px;
	background-position:30px 30px;
}
.littleSliders{
	background:url(../media/images/icons/sliders.png) no-repeat;
	background-size:60px 60px;
	background-position:10px 10px;
}
.bigAnalytics:hover,.bigLaunch:hover,.bigTasks:hover{
	background-color:#42B691;
    cursor: pointer;
}
.goodJob{
	margin-top:30px;
	color:#FFF;
	font-size:24px;
}

.coachmarkTip{
	display:inline-block;
	width:300px;
	background:#31393C;
	position:absolute;
	z-index:9001;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
.coachmarkTip:before {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    z-index:9998;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

.coachmarkHead:before {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    content: " ";
    line-height: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
	border:4px solid #42B691;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
.cmLeft .coachmarkTip:before {
    width: 35px;
    border-width: 2px medium;
    border-style: solid none;
    height: 0px;
    border-color: #42B691;
    right: -35px;
    top: 50%;
}
.cmLeft .coachmarkHead:before {
    top: calc(50% - 18px);
    right: -69px;
	left:auto;
}
.cmRight .coachmarkTip:before {
    width: 35px;
    border-width: 2px medium;
    border-style: solid none;
    height: 0px;
    border-color: #42B691;
    left: -35px;
    top: 50%;
}
.cmRight .coachmarkHead:before {
    top: calc(50% - 18px);
    left: -69px;
}
.cmBottom .coachmarkTip:before {
    height: 35px;
    border-width: 2px medium;
    border-style: none solid;
    width: 0px;
    border-color: #42B691;
    top: -35px;
    left: 50%;
	margin-left:-2px;
}
.cmBottom .coachmarkHead:before {
    left: calc(50% - 18px);
    top: -69px;
}
.cmTop .coachmarkTip:before {
    height: 35px;
    border-width: 2px medium;
    border-style: none solid;
    width: 0px;
    border-color: #42B691;
    bottom: -35px;
    left: 50%;
}
.cmTop .coachmarkHead:before {
    left: calc(50% - 16px);
	top:auto;
    bottom: -69px;
}
.cmCenter .coachmarkTip:before {
	display:none;
}
.cmCenter .coachmarkHead:before {
	display:none;
}
.coachmarkHead{
	background:#42B691;
	color:#FFF;
	padding:10px;
	text-align:left;
	font-size:18px;
}
.coachmarkContent{
	color:#FFF;
	padding:10px;
	text-align:left;
}
.coachmarkShape{
	display:inline-block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(45,76,135,0.2);
	z-index:9002;
}
.cmClose{
	display:inline-block;
	width:50%;
	padding:10px 0;
	text-align:center;
	color:#FFF;
	background:#389779;
	transition:all ease-in-out 0.4s;
	cursor:pointer;
}
.cmNext{
	display:inline-block;
	width:50%;
	padding:10px 0;
	text-align:center;
	color:#FFF;
	background:#42B691;
	transition:all ease-in-out 0.4s;
	cursor:pointer;
}
.cmClose:hover{
	background:#FFF;
	color:#389779;
}
.cmNext:hover{
	background:#FFF;
	color:#389779;
}
.tutorialStarter{
	background:rgba(255,255,255,0.2);
	padding:10px;
	
	width:calc(100% - 20px);
	height:calc(100% - 20px) !important;
	max-height:500px;
	max-width:690px;
	display:none;
	opacity:0;
	margin:auto;
	margin:auto;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10002;
}
.tutorialStarter .tutorialInside{
	width:100%;
	height:calc(100% - 40px);
	background:#31393C;
	display:table;
	position:relative;
	overflow:hidden;
}
.tutorialGraphic{
	display:table-cell;
	width:40%;
	height:100%;
	vertical-align:top;
	background:url(../media/images/assets/rocket.png);
	background-size:100px 330px;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.tutorialContent{
	display:table-cell;
	width:60%;
	height:100%;
	vertical-align:top;
	color:#FFF;
	text-align:right;
	overflow-x:hidden;
	overflow-y:auto;
}
.tutorialContent h1{
	font-size:26px;
	padding:10px;
	text-transform:uppercase;
	padding-right:20px;
	font-weight:400;
}
.tutorialContent h2{
	font-size:22px;
	padding:10px;
	margin-top:10px;
	padding-right:20px;
	font-weight:400;
}
.tutorialContent h3{
	font-size:16px;
	padding:10px;
	padding-top:0;
	padding-right:20px;
	font-weight:400;
}
.tutorialButtons{
	display:block;
	width:100%;
	height:40px;
}
.tutorialMarkCompleted{
	background:#131114;
}
.tutorialPostpone{
	background:#389779;
}
.tutorialGo{
	background:#42B691;
}
.tutorialButtons div{
	display:inline-block;
	width:33.3333333%;
	height:18px;
	font-size:16px;
	line-height:18px;
	padding:11px 0;
	color:#FFF;
	transition:all ease-in-out 0.4s;
	cursor:pointer;
	float:right;
}
.tutorialButtons div:hover{
	background:#FFF;
	color:#389779;
}



@media only screen 
and (max-width : 710px) {
	.tutorialStarter .tutorialInside{
		height:calc(100% - 120px);
	}
	.tutorialButtons div{
		display:block;
		width:auto;
		float:none;
	}
	.tutorialContent h1{
		font-size:20px;
	}
	.tutorialContent h2{
		font-size:16px;
	}
	.tutorialContent h3{
		font-size:13px;
	}
}

/****/
#tutorialBG{
	display:inline-block;
	position:fixed;
	left:0;
	bottom:0;
	width: 100%;
	height:100%;
	max-height:200px;
	text-align: center;
	background: transparent linear-gradient(230deg, #F90, #42B691, #4183B7) repeat scroll 0% 0% / 300% 300%;
	z-index:9000;
	background-size:300% 300%;
	-webkit-animation:MoveBG 30s ease infinite;
	-moz-animation:MoveBG 30s ease infinite;
	-o-animation:MoveBG 30s ease infinite;
	animation:MoveBG 30s ease infinite;
	opacity:0.8;
}
#pageEditorBody #tutorialBG{
	width:calc(100% - 240px);
	left:240px;
}
#tutorialContent{
	display:inline-block;
	width:100%;
	width:calc(100% - 420px);
	height:100%;
	height:calc(100% - 20px);
	margin:10px 0;
	text-align:left;
	max-height:180px;
	overflow-x:hidden;
	overflow-y:auto;
}
#tutorialText{
	color:#FFF;
	opacity:1.0;
}
.tutorialHeader{
	font-size:36px;
}

#tutorialPrevious{
	background:url(../media/images/icons/backArrow.png) center center no-repeat;
	position:absolute;
	right:140px;
	bottom:74px;
}
#tutorialNext{
	background:url(../media/images/icons/forwardArrow.png) center center no-repeat;
	position:absolute;
	right:12px;
	bottom:74px;
}
#tutorialClose{
	background:url(../media/images/icons/closeX.png) center center no-repeat;
	position:absolute;
	right:76px;
	bottom:74px;
}
#tutorialNext,#tutorialPrevious,#tutorialClose{
	display:inline-block;
	width:44px;
	height:44px;
	border-radius:100%;
	border:4px #FFF solid;
	background-color:transparent;
	background-size:34px 34px;
	background-position:5px 5px;
	transition:background-color ease-in-out 0.4s;
}
#tutorialPrevious:hover,#tutorialNext:hover,#tutorialClose:hover{
	background-color:rgba(255,255,255,0.3);
}
@-webkit-keyframes MoveBG {
    0%{background-position:0% 84%}
    50%{background-position:100% 16%}
    100%{background-position:0% 84%}
}

@-moz-keyframes MoveBG {
    0%{background-position:0% 84%}
    50%{background-position:100% 16%}
    100%{background-position:0% 84%}
}
@-o-keyframes MoveBG {
    0%{background-position:0% 84%}
    50%{background-position:100% 16%}
    100%{background-position:0% 84%}
}
@keyframes MoveBG { 
    0%{background-position:0% 84%}
    50%{background-position:100% 16%}
    100%{background-position:0% 84%}
}
#tutorialCanvas{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:inline-block;
	z-index:9980;
	transition:all ease-in-out 0.5s;
	opacity:1.0;
	pointer-events: none;
}
body.canvasOff #tutorialCanvas{
	display:none;
	opacity:0;
}
#tutorialCanvas circle{
	/*transition:all ease-in-out 0.5s;*/
}
#tutorialCanvas line,#tutorialCanvas circle{
	stroke-width:4px;
	stroke:#FC0;
}
#tutorialBG{
	transition:all ease-in-out 1.2s;
	transition-delay:0;
}
#tutorialBG.on{
	height:74px;
}
#tutorialPrevious{
	transition:bottom ease-in-out 0.5s;
	transition-delay:0.1s;
	cursor:pointer;
}
#tutorialClose{
	transition:bottom ease-in-out 0.5s;
	transition-delay:0.2s;
	cursor:pointer;
}
#tutorialNext{
	transition:bottom ease-in-out 0.5s;
	transition-delay:0.3s;
	cursor:pointer;
}
	
#tutorialBG.on #tutorialNext,#tutorialBG.on #tutorialPrevious,#tutorialBG.on #tutorialClose {
	bottom:11px;
}
#tutorialPrevious.tutorialDisabled,#tutorialNext.tutorialDisabled{
	opacity:0.1;
	cursor:auto;
}
#tutorialAris{
	display:inline-block;
	position:fixed;
	z-index:10002;
	left:22px;
	bottom:22px;
	width:140px;
	height:140px;
	text-align:center;
	opacity:1.0;
}
#pageEditorBody #tutorialAris{
	left:262px;
}
#tutorialArisCircle{
	background:rgba(255,255,255,0.4);
	width:140px;
	height:140px;
	border-radius:100%;
	overflow:hidden;
	position:relative;
}
#tutorialArisParts{
}
#tutorialArisBody{
	background:#EEEEEE;
	width:100px;
	height:100px;
	border-radius:100%;
	position:absolute;
	left:20px;
	bottom:-60px;
}
#tutorialArisNeck{
	background:#CCCCCC;
	width:12px;
	height:40px;
	border-radius:12px;
	position:absolute;
	left:64px;
	bottom:32px;
}
#tutorialArisChin{
	background:#EEEEEE;
	width:50px;
	height:50px;
	border-radius:100%;
	position:absolute;
	left:45px;
	bottom:54px;
}
#tutorialArisHead{
	background:#CCCCCC;
	width:150px;
	height:48px;
	border-radius:12px;
	position:absolute;
	left:-5px;
	bottom:64px;
	overflow:hidden;
	-webkit-animation:HeadMove 12s ease infinite;
	-moz-animation:HeadMove 12s ease infinite;
	-o-animation:HeadMove 12s ease infinite;
	animation:HeadMove 12s ease infinite;
}
.tutorialArisEyes{
	background:#333;
	width:20px;
	height:30px;
	border-radius:8px;
	position:absolute;
	-webkit-animation:LeftBlink 5.614s ease infinite;
	-moz-animation:LeftBlink 5.614s ease infinite;
	-o-animation:LeftBlink 5.614s ease infinite;
	animation:LeftBlink 5.614s ease infinite;
}
#leftEye{
	left:9px;
	bottom:9px;
}
#rightEye{
	right:9px;
	bottom:9px;
}
@-webkit-keyframes LeftBlink {
    0%{width:20px; height:30px;}
	90%{width:20px; height:30px;}
    95%{width:12px; height:0px;}
    100%{width:20px; height:30px;}
}

@-moz-keyframes LeftBlink {
    0%{width:20px; height:30px;}
	90%{width:20px; height:30px;}
    95%{width:12px; height:0px;}
    100%{width:20px; height:30px;}
}
@-o-keyframes LeftBlink {
    0%{width:20px; height:30px;}
	90%{width:20px; height:30px;}
    95%{width:12px; height:0px;}
    100%{width:20px; height:30px;}
}
@keyframes LeftBlink { 
    0%{width:20px; height:30px;}
	90%{width:20px; height:30px;}
    95%{width:12px; height:0px;}
    100%{width:20px; height:30px;}
}

@-webkit-keyframes HeadMove {
    0%{	-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	80%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	85%{-ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
    95%{-ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);}
    100%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
}
@-moz-keyframes HeadMove {
    0%{	-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	80%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	85%{-ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
    95%{-ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);}
    100%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
}
@-o-keyframes HeadMove {
    0%{	-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	80%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	85%{-ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
    95%{-ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);}
    100%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
}
@keyframes HeadMove { 
    0%{	-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	80%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	85%{-ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg);}
    95%{-ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);}
    100%{-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
}

#pageEditArea .topMenu {
	pointer-events:none;
}
#pageEditArea .topMenu li,#pageEditArea .topMenu div.closeMenu,#pageEditArea .topMenu div.openSubpage {
	pointer-events: all;
}
	

/***************************Login Styles*****************************/
.messageBar{
	width:100%;
	background:#31393C;
	padding:10px 0;
}
.loginContainer{
	width:100%;
	height:100%;
	max-height:520px;
	max-width:570px;
	display:inline-block;
	margin:auto;
	margin:auto;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9001;
	overflow:auto;
}
#login{
	text-align:center;
	color:#FFF;
}
#login .button{
	margin:10px 6px 0px 6px;
	background:#FFF;
	color:#465558;
	width:calc(100% - 96px);
	max-width:300px;
	padding:10px 40px;
}
#login .button:hover{
	background:#42B691;
	color:#FFF;
}
#login-logo{
	width:70px;
	margin:20px 0px;
	display:inline-block;
	margin-top:20px;
}
#login-logo img{
	width:100%;
}
#login h1{
	font-size:36px;
	font-family: 'Josefin Slab', serif;
	text-transform:uppercase;
	font-weight:700;
}
#login form{
	width:100%;
	max-width:570px;
	display:inline-block;
}
#login form label{
	padding:8px 8px 0px 8px;
	margin:0px 6px;
	text-align:left;
	font-size:18px;
	font-weight:normal;
	display:inline-block;
	width:100%;
	width: -webkit-calc(100% - 28px);
    width: -moz-calc(100% - 28px);
    width: -o-calc(100% - 28px);
    width: -ms-calc(100% - 28px);
    width: calc(100% - 28px);
}
.loginInput{
	font-family: 'Josefin Slab', serif;
	font-size:20px;
	color:#FFF;
	padding:8px;
	background:none;
	background-color:transparent;
	border:solid 2px #FFF;
	margin:0px 6px;
	display:inline-block;
	width:100%;
	width: -webkit-calc(100% - 32px);
    width: -moz-calc(100% - 32px);
    width: -o-calc(100% - 32px);
    width: -ms-calc(100% - 32px);
    width: calc(100% - 32px);
	border-radius:0px;
	box-shadow:none;
}
#formMessage{
	margin-top:40px;
	display:none;
	padding-top:20px;
	color:#FFF;
}
.verifyWrap{
	display:inline-block;
	width:100%;
	width:calc(100% - 20px);
	max-width:400px;
	padding:10px;
	background:rgba(255,255,255,0.2);
	vertical-align:middle;
}
.verifyBox{
	display:inline-block;
	width:100%;
	width:calc(100% - 20px);
	padding:10px;
	text-align:center;
	vertical-align:middle;
}
.lockedField{
	display:block;
	text-align:left;
	color:#999;
}
.loginTile{
	color:#42B691;
	font-size:24px;
}
#or:not(li){
	display:inline-block;
	width:80px;
	height:80px;
	margin:10px;
	position:relative;
	border-radius:100%;
	background:#FFF;
	vertical-align:middle;
}
#or>div{
	display:table;
	width:100%;
	height:100%;
	position:relative;
}
#or>div>div{
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	color:#42B691;
	font-size:20px;
}
@media only screen 
and (max-width : 940px) {
	.verifyWrap{
		display:block;
	}
}

/***************************Radiate Menu*****************************/
.radiateMenu{
	width:100%;
	max-width:1000px;
	display:inline-block;
	text-align:left;
	margin: 0 auto;
	display: block;
}
.radiateMenu .home{
	background:url(../media/images/icons/logo-white.png) no-repeat #31393C;
	background-size:60px 60px;
	background-position:10px 10px;
	width:80px;
	height:80px;
	display:inline-block;
	cursor:pointer;
	vertical-align:top;
	float:left;
	transition:all ease-in-out 0.4s;
}
.radiateMenu .home:hover{
	background:url(../media/images/icons/logo-white.png) no-repeat #42B691;
	background-size:60px 60px;
	background-position:10px 10px;
}
.radiateMenu ul{
	width:calc(100% - 80px);
	background:#31393C;
	list-style:none;
	display:inline-block;
	vertical-align:top;
	float:left;
}
.radiateMenu ul>li{
	width:50px;
	height:50px;
	display:inline-block;
	float:left;
	vertical-align:top;
	position:relative;
}
.radiateMenu ul>li>ul{
	width:400%;
	background:#31393C;
	vertical-align:top;
	position:absolute;
	top:50px;
	left:0;
	display:none;
	opacity:0;
	transition:all ease-in-out 0.2s;
	padding:3px 0;
	z-index:100;
}
.radiateMenu ul>li>ul>li{
	width:auto;
	height:auto;
	float:none;
	position:relative;
	font-family: 'Josefin Slab', serif;
	color:#FFF;
	text-transform:uppercase;
	display:block;
	padding:3px 6px 3px 6px;
	transition:all ease-in-out 0.2s;
}
.radiateMenu ul>li>ul>li:hover{
	background:#42B691;
}
.radiateMenu>ul>li>a{
	display:block;
	height:50px;
	text-decoration:none;
	color:#FFF;
}
.radiateMenu ul>li>ul>li>a{
	display:block;
	text-decoration:none;
	color:#FFF;
}
.radiateMenu ul>li .title{
	display:none;
}
.radiateMenu ul>li:hover>ul{
	display:inline-block;
	opacity:1;
}
.radiateMenu .pages{
	background-image:url(../media/images/icons/pages.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
}
.radiateMenu .events{
	background-image:url(../media/images/icons/events.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
}
.radiateMenu .sites{
	background:url(../media/images/icons/sites.png) no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
	transition:all ease-in-out 0.2s;
}
.radiateMenu .media{
	background:url(../media/images/icons/media.png) no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
	transition:all ease-in-out 0.2s;
}
.radiateMenu .social{
	background:url(../media/images/icons/socialMedia.png) no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
	transition:all ease-in-out 0.2s;
}
.radiateMenu .analytics{
	background:url(../media/images/icons/marketingManager.png) no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
	transition:all ease-in-out 0.2s;
}
.radiateMenu .users{
	background:url(../media/images/icons/users.png) no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
	transition:all ease-in-out 0.2s;
}
.radiateMenu .settings{
	background:url(../media/images/icons/settings.png) no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
	transition:all ease-in-out 0.2s;
}
.radiateMenu .logout{
	background:url(../media/images/icons/logout.png) no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
	transition:all ease-in-out 0.2s;
}
.radiateMenu>ul>li:nth-child(5n+1){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiateMenu>ul>li:nth-child(5n+1):hover{
	background-color:#42B691;
}
.radiateMenu>ul>li:nth-child(5n+1).currentSection{
	border-bottom:solid 5px #42B691;
	height:45px;
}
.radiateMenu>ul>li:nth-child(5n+2){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiateMenu>ul>li:nth-child(5n+2):hover{
	background-color:#D3635A;
}
.radiateMenu>ul>li:nth-child(5n+2).currentSection{
	border-bottom:solid 5px #D3635A;
	height:45px;
}
.radiateMenu>ul>li:nth-child(5n+3){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiateMenu>ul>li:nth-child(5n+3):hover{
	background-color:#4183B7;
}
.radiateMenu>ul>li:nth-child(5n+3).currentSection{
	border-bottom:solid 5px #4183B7;
	height:45px;
}
.radiateMenu>ul>li:nth-child(5n+4){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiateMenu>ul>li:nth-child(5n+4):hover{
	background-color:#996699;
}
.radiateMenu>ul>li:nth-child(5n+4).currentSection{
	border-bottom:solid 5px #996699;
	height:45px;
}
.radiateMenu>ul>li:nth-child(5n+5){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiateMenu>ul>li:nth-child(5n+5):hover{
	background-color:#FF9900;
}
.radiateMenu>ul>li:nth-child(5n+5).currentSection{
	border-bottom:solid 5px #FF9900;
	height:45px;
}
.radiateMenu .notifications{
	display:inline-block;
}
.radiateMenu .notifications .bubble{
	display:inline-block;
	position:absolute;
	top:6px;
	right:6px;
	padding:2px;
	background:#FFF;
	color:#31393C;
	border-radius:100%;
	text-align:center;
	font-size:10px;
	width:14px;
	height:14px;
}

.radiateMenu .alerts{
	background:url(../media/images/icons/alertMask.png) no-repeat #131114;
	background-color:#131114 !important;
	background-size:50px 50px;
	transition:all ease-in-out 0.2s;
	float:right;
}
.radiateMenu .alerts:hover{
	background:url(../media/images/icons/alertMask.png) no-repeat #42B691;
	background-color:#42B691 !important;
	background-size:50px 50px;
}
.radiateMenu .messages{
	background:url(../media/images/icons/messageMask.png) no-repeat #131114;
	background-color:#131114 !important;
	background-size:50px 50px;
	transition:all ease-in-out 0.2s;
	float:right;
}
.radiateMenu .messages:hover{
	background:url(../media/images/icons/messageMask.png) no-repeat #42B691;
	background-color:#42B691 !important;
	background-size:50px 50px;
}
.radiateMenu .tasks{
	background:url(../media/images/icons/tasksMask.png) no-repeat #131114;
	background-color:#131114 !important;
	background-size:50px 50px;
	transition:all ease-in-out 0.2s;
	float:right;
}
.radiateMenu .tasks:hover{
	background:url(../media/images/icons/tasksMask.png) no-repeat #42B691;
	background-color:#42B691 !important;
	background-size:50px 50px;
}
.radiateMenu .closeMenu,.radiateMenu .homeMenu{
	display:none;
}
.progressBar{
	display:block;
	padding:10px;
	border-radius:30px;
	overflow:hidden;
	font-size:10px;
	color:#465558;
	position:relative;
	background:rgba(0,0,0,0.2);
}
.progressBar .progress{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	opacity:0.4;
	width:0%;
	transition:all ease-in-out 3.0s;
}
	
@media only screen 
and (max-width : 1000px) {
	.radiateMenu .home{
		width:50px;
		height:50px;
		background-size:40px 40px;
		background-position:5px 5px;
	}
	.radiateMenu .home:hover{
		background:url(../media/images/icons/logo-white.png) no-repeat #42B691;
		background-size:40px 40px;
		background-position:5px 5px;
	}
	.radiateMenu .closeMenu{
		display:block;
		text-align:center;
		padding:12px;
		background:#42B691;
		color:#FFF;
		text-transform:uppercase;
		cursor:pointer;
	}
	.radiateMenu .homeMenu{
		display:block;
		text-align:center;
		padding:12px;
		background:#389779;
		color:#FFF;
		text-transform:uppercase;
		cursor:pointer;
	}
	.radiateMenu>ul{
		width:100%;
		background:#465558;
		padding:10px 0;
		text-align:center;
		position:absolute;
		top:0;
		left:-100%;
		transition:all ease-in-out 0.4s;
		z-index:2000;
	}
	
	.radiateMenu>ul.activeMenu{
		left:0%;
	}
	.radiateMenu ul>li>ul{
		width:100%;
		height:auto;
		max-height:0px;
		overflow:hidden;
		display:block !important;
		position:static;
		opacity:1 !important;
		transition:all ease-in-out 0.4s;
		padding:0;
		top:0;
		left:0;
		float:none;
		clear:both;
	}
	.radiateMenu ul>li>ul>li{
		padding:10px 0;
	}
	.radiateMenu ul>li>ul.activeMenu{
		max-height:2000px;
	}
	.radiateMenu ul>li>ul.activeMenu>li{
		padding:10px 0;
	}
	.radiateMenu>ul>li .title{
		display:block;
		vertical-align:middle;
		padding:14px 0;
		margin-left:60px;
		text-align:left;
	}
	.radiateMenu>ul>li .title .go{
		display:inline-block;
		width:40px;
		height:40px;
		background:url(../media/images/icons/downArrow.png) no-repeat #31393C;
		background-size:30px 30px;
		background-position:5px 5px;
		cursor:pointer;
		float:right;
		border-radius:100%;
		margin:-10px 6px 0 0;
	}
		
	.radiateMenu>ul>li{
		background:#465558;
		border-radius:100%;
		float:none;
		margin:0 6px;
		display:block;
		border-bottom:solid 2px #31393C;
		width:auto !important;
		height:auto !important;
		border-radius:0 !important;
	}
	.radiateMenu>ul>.notifications{
		border-radius:100% !important;
		border:none !important;
		width:50px !important;
		float:none !important;
		display:inline-block;
		margin:10px;
	}
	.radiateMenu>ul>.notifications>.title{
		display:none;
	}
	.radiateContent{
		margin-top:30px;
	}
	.half{
		display:block;
		width:calc(100% - 12px);
	}
	.bigIcon{
		width:120px;
		height:120px;
		background-size:70px 70px;
		background-position:25px 25px;
	}
	.bigAnalytics, .bigLaunch, .bigTasks{
		position:static;
		top:auto;
		left:auto;
		margin-left:0px;
		margin:10px;
	}

}



/***************************Radiate Page Menu*****************************/
.radiatePageMenu{
	width:100%;
	display:inline-block;
	text-align:left;
}
.radiatePageMenu .home{
	background:url(../media/images/icons/logo-white.png) no-repeat #31393C;
	background-size:40px 40px;
	background-position:5px 5px;
	width:50px;
	height:50px;
	display:inline-block;
	cursor:pointer;
	vertical-align:top;
	float:left;
	transition:all ease-in-out 0.4s;
}
.radiatePageMenu .home:hover{
	background:url(../media/images/icons/logo-white.png) no-repeat #42B691;
	background-size:40px 40px;
	background-position:5px 5px;
}
.radiatePageMenu ul{
	width:calc(100% - 50px);
	background:#31393C;
	list-style:none;
	display:inline-block;
	vertical-align:top;
	float:left;
	padding:0 !important;
}
.radiatePageMenu ul>li{
	height:50px;
	display:inline-block;
	float:left;
	vertical-align:top;
	position:relative;
	padding:0 !important;
}
.radiatePageMenu>ul>li>a{
	display:block;
	width:50px;
	height:50px;
	text-decoration:none;
	color:#FFF;
}
.radiatePageMenu>ul>.editPage>a{
	height:34px;
	width:auto;
	padding:16px 10px 0 50px;
	font-size:18px;
	line-height:18px;
}
.radiatePageMenu .editPage{
	background-image:url(../media/images/icons/editWhite.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:10px 10px;
}
.radiatePageMenu>ul>li:nth-child(5n+1){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiatePageMenu>ul>li:nth-child(5n+1):hover{
	background-color:#42B691;
}
.radiatePageMenu>ul>li:nth-child(5n+2){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiatePageMenu>ul>li:nth-child(5n+2):hover{
	background-color:#D3635A;
}
.radiatePageMenu>ul>li:nth-child(5n+3){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiatePageMenu>ul>li:nth-child(5n+3):hover{
	background-color:#4183B7;
}
.radiatePageMenu>ul>li:nth-child(5n+4){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiatePageMenu>ul>li:nth-child(5n+4):hover{
	background-color:#996699;
}
.radiatePageMenu>ul>li:nth-child(5n+5){
	background-color:transparent;
	transition:all ease-in-out 0.2s;
}
.radiatePageMenu>ul>li:nth-child(5n+5):hover{
	background-color:#FF9900;
}
.radiatePageMenu .notifications{
	display:inline-block;
}
.radiatePageMenu .notifications .bubble{
	display:inline-block;
	position:absolute;
	top:6px;
	right:6px;
	padding:2px;
	background:#FFF;
	color:#31393C;
	border-radius:100%;
	text-align:center;
	font-size:10px;
	width:14px;
	height:14px;
}

.radiatePageMenu .alerts{
	background:url(../media/images/icons/alertMask.png) no-repeat #131114;
	background-color:#131114 !important;
	background-size:50px 50px;
	transition:all ease-in-out 0.2s;
	float:right;
}
.radiatePageMenu .alerts:hover{
	background:url(../media/images/icons/alertMask.png) no-repeat #42B691;
	background-color:#42B691 !important;
	background-size:50px 50px;
}
.radiatePageMenu .messages{
	background:url(../media/images/icons/messageMask.png) no-repeat #131114;
	background-color:#131114 !important;
	background-size:50px 50px;
	transition:all ease-in-out 0.2s;
	float:right;
}
.radiatePageMenu .messages:hover{
	background:url(../media/images/icons/messageMask.png) no-repeat #42B691;
	background-color:#42B691 !important;
	background-size:50px 50px;
}
.radiatePageMenu .tasks{
	background:url(../media/images/icons/tasksMask.png) no-repeat #131114;
	background-color:#131114 !important;
	background-size:50px 50px;
	transition:all ease-in-out 0.2s;
	float:right;
}
.radiatePageMenu .tasks:hover{
	background:url(../media/images/icons/tasksMask.png) no-repeat #42B691;
	background-color:#42B691 !important;
	background-size:50px 50px;
}




/****************************Home********************************/
.analyticChartContainer{
	position:relative;
	/*border:solid 5px rgba(255,255,255,0.2);
	background:rgba(255,255,255,0.2);*/
}
.analyticPieContainer{
	display:inline-block;
	text-align:center;
	line-height:40px;
	max-width:200px;
	margin:20px;
	width:calc(100% - 50px);
	border:solid 5px rgba(255,255,255,0.0);
	vertical-align:top;
	position:relative;
}
.analyticDateContainer{
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 32px);
	margin-right:5px;
}
.analyticButton{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	line-height:16px;
	height:16px;
	width:46px;
	text-align:center;
	padding:12px 0;
	cursor:pointer;
	color:#FFF;
	border:solid 4px #FFF;
	background:none;
	transition:all ease-in-out 0.4s;
}
.analyticButton:hover{
	background:#42B691;
	color:#FFF;
}
.button:hover{
	background:#42B691;
	color:#FFF;
}
.pieLabel{
	color:#FFF;
	font-size:24px;
	line-height:24px;
	display:inline-block;
	width:100%;
	height:24px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-12px;
	z-index:-1;
}
.analyticLine{
	opacity:0;
	height:100%;
	width:2px;
	background:rgba(255,255,255,0.4);
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	transition:opacity ease-in-out 0.3s;
}
.analyticChartContainer:hover .analyticLine{
	opacity:1.0;
}
#homeOptions{
	position:relative;
}
#analytics{
	display:none;
}
.analyticsSection{
	display:block;
	margin-bottom:12px;
}
.analyticsTab{
	display:inline-block;
	vertical-align:top;
	width:50px;
	height:50px;
	padding:6px;
	border-radius:100% 0 0 100%;
	background:#ececec;
}
.analyticsSectionContent{
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 62px);
	background:#FFF;
}
.analyticsSectionTitle{
	background:#ececec;
	padding:6px;
	padding-right:12px;
	min-height:50px;
	font-size:34px;
	text-align:right;
	color:#31393C;
}
.analyticsSectionBody{
	display:block;
	padding:12px;
}
.analyticsSectionBody .darkButton{
	margin-top:12px;
}
.analyticsSectionBody .pieLabel{
	color:#42B691;
	z-index:0;
}
.analyticsSectionBody canvas{
	z-index:1;
}

.newPieChart canvas {
    position: absolute;
}
.newPieChart{
	display:inline-table;
}
.newPieChart .pieLabel{
	display:table-cell;
	width:200px;
	height:200px;
	top:0;
	left:0;
	margin-top:0;
	text-align:center;
	vertical-align:middle;
	position:static;
}
.newPieChart .pieText{
	display:inline-block;
}

.
.{
	position:relative;
}
.alertLittle:hover{
	cursor:pointer;
}
.alertLittleContent{
	display:none;
	position:absolute;
	left: 0;
	top:0;
	width:250px;
	padding:6px;
	padding-left:50px;
	border-radius:25px;
	min-height:38px;
	background:inherit;
	z-index:900;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	color:#FFF;
	text-align: left;
}

.alertLittle:hover .alertLittleContent{
	display:inline-block;
}
.analyticsStat{
	background:#ececec;
	display:inline-block;
	border-radius:12px;
	overflow:hidden;
	color:#31393C;
	font-size:32px;
	padding-bottom:12px;
	margin-left:12px;
	text-align:center;
	width:50%;
	max-width:180px;
}
.analyticsStatTitle{
	display:block;
	color:#FFF;
	font-size:18px;
	padding:6px;
}
.analyticsChartDescription{
	display:inline-block;
	width:calc(100% - 254px);
	color:#465558;
}
.analyticsChartTitle{
	font-size:24px;
	color:#FFF;
	margin-top:12px;
	padding:6px;
	background:#42B691;
	border-radius:12px;
	cursor:pointer;
}
.analyticsChartHide{
	display:inline-block;
	width:100%;
	height:0;
	transition:all ease-in-out 0.4s;
	overflow:hidden;
}
.analyticsChartHide p{
	padding-top:12px;
}
.analyticsSection.on .analyticsChartHide{
	height:auto;
}
.analyticsBarData{
	display:block;
	vertical-align:top;
	height:50px;
	padding:6px;
	border-radius:56px;
	background:#ececec;
	margin-top:12px;
}
.analyticsBarData .alertLittle{
	vertical-align:middle;
}
.analyticsBarLabel{
	display:inline-block;
	vertical-align:middle;
	padding:6px;
	color:#FFF;
	margin-left:6px;
	border-radius:50px;
}
.siteScore{
	margin:20px;
	vertical-align:middle;
	display:inline-block;
}
.siteScore>div>div{
	font-size:60px;
	color:#FFF;
}
.siteOutOf{
	font-size:20px;
}
.siteScoreDescription{
	background:#FFF;
	display:inline-block;
	padding:12px;
	width:calc(100% - 280px);
	vertical-align:middle;
}
.pageScoreItem{
	margin-bottom:8px;
}

.pageScoreData{
	display: inline-block;
    padding: 8px;
    background: #ececec;
    border-radius: 8px;
    position: relative;
    padding-left: 30px;
    text-align: right;
	margin-left:25px;
	margin-top:8px;
}
span.pageScoreBig {
    display: block;
    text-align: right;
    font-size: 22px;
}
.pageScoreData .alertLittle {
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -25px;
}
.pageScoreTitle {
    display: block;
    background-color: #ececec;
    padding: 6px;
    border-radius: 40px;
    vertical-align: middle;
}
.pageScoreTitleText {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    font-size: 24px;
    margin-left: 8px;
}
.pageScoreDataWrap {
    display: inline-block;
    width: 80%;
    width: calc(100% - 94px);
    border: solid #ececec 2px;
    padding: 4px 12px 12px 12px;
    margin-left: 33px;
	border-radius:0 0 12px 12px;
	border-top:0;
	transition:opacity ease-in-out 0.4s;
}
.pageScoreItem>.pageScoreDataWrap {
	display:none;
	opacity:0;
}
.pageScoreItem.on>.pageScoreDataWrap {
	display:block;
	opacity:1;
}
.urgentSuggestionArea{
	background-color:#42B691;
}
.trendUp { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 50px solid #ececec; margin-bottom:12px; display: inline-block; }
.trendUp.on { border-bottom: 50px solid #42B691; }
.trendDown { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 50px solid #ececec; margin-top:12px; display: inline-block; }
.trendDown.on { border-top: 50px solid #D3635A; }

.siteCoachOverviewContent {
    display: inline-block;
    width: calc(100% - 300px);
    margin-left: 60px;
    vertical-align: top;
	color:#333;
}
.siteCoachOverviewContent h1 {
    font-size:72px;
	line-height:96px;
	margin-bottom:10px;
	text-transform:uppercase;
}
.siteCoachPageList {
    position: relative;
	margin: 50px 20px;
    line-height: 3;
}

.siteCoachPageList ul {
    text-indent: .5em;
    border-left: .25em solid gray;
	list-style:none;
}

.siteCoachPageList ul ul {
    margin-top: -1.25em;
    margin-left: 1em;

}

.siteCoachPageList li {
    position: relative;
    bottom: -1.25em;
	padding-top: 2px;
	white-space: nowrap;
}
.siteCoachPageList li span{
	white-space: nowrap;
}
	

.siteCoachPageList li:before {
    content: "";
    display: inline-block;
    width: 2em;
    height: 0;
    position: relative;
    left: -.75em;
    border-top: .25em solid gray;
	top: -.25em;
}
.siteCoachPageList ul ul:before, .siteCoachPageList h3:before, .siteCoachPageList li:after {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    position: absolute;
    background: salmon;
    border: .25em solid white;
    top: 1em;
    left: .4em;
	border-radius:50%;
}

.siteCoachPageList h3 {
    position: absolute;
    top: -1em;
    left: 1.75em;
	white-space: nowrap;
}

.siteCoachPageList h3:before {
    left: -2.25em;
    top: .75em;
}
.siteCoachSection{
	display:none;
	width:100%;
	max-width:660px;
	vertical-align: top;
}
.siteCoachSection.on{
	display:inline-block;
}
.radiateSelectBars{
	display: inline-block;
	width: 320px;
	margin-right: 20px;
	vertical-align: top;
}

.siteCoachSection .animate{
	opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
	transition:all 0.6s ease-in-out;
}
.siteCoachSection .animate.on{
	-webkit-transform: none;
    transform: none;
	opacity:1;
}
.siteCoachPageList{
	display:none;
}
.siteCoachPageList.siteOn{
	display:block;
}
.siteCoachSubsiteExplorer{
	width:30%;
	width:calc(30% - 20px);
	padding:10px;
	vertical-align:top;
	overflow-x:hidden;
	display: inline-block;
}
.siteCoachSubsiteBlock{
	width:70%;
	width:calc(70% - 20px);
	padding:10px;
	vertical-align:top;
	display: inline-block;
}
.pageViewSection{
	display:none;
}
.pageViewSection.sectionOn{
	display:block;
}
.pageViewLabel {
    border-bottom: 0px solid #333;
	transition:all 0.2s ease-in-out;
	cursor:pointer;
}
.pageViewLabel:hover {
    border-bottom: 4px solid #333;
}
.siteCoachPageMetricStatus {
    display: inline-table;
    width: 200px;
    height: 200px;
    background: #336699;
    border-radius: 200px 0 200px 200px;
    color: #FFF;
    position: relative;
    text-align: center;
}
.siteCoachPageMetricStatus.siteCoachGood{
	background-color:#42B691;
}
.siteCoachPageMetricStatus.siteCoachOkay{
	background-color:#F90;
}
.siteCoachPageMetricStatus.siteCoachBad{
	background-color:#D3635A;
}
.siteCoachPageMetricStatus>div.siteCoachPageMetricCell {
    height: 100%;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.siteCoachMetricBigStat {
    font-size: 56px;
    line-height: 50px;
}
.siteCoachPageContent {
    display: inline-block;
    width: calc(100% - 240px);
    vertical-align: top;
    padding: 20px;
}
.siteCoachPageMetricIcon {
    position: absolute;
    width: 80px;
    background: #fff;
    height: 80px;
    top: -16px;
    left: -16px;
    border-radius: 50%;
}
.siteCoachPageHeading {
    font-size: 26px;
    text-transform: uppercase;
}
.pageViewTitle {
    font-size: 46px;
    padding-bottom: 20px;
}
    

	


/****************************Pages********************************/
.parentPage{
	display:inline-block;
	padding:6px 16px 6px 38px;
	font-size:20px;
	color:#FFF;
	background:url(../media/images/icons/upArrow.png) no-repeat #42B691;
	background-position:-5px -5px;
	background-size:52px;
	margin-bottom:6px;
}

.subPage{
	background:#FFF;
	display:block;
	padding:6px;
	color:#42B691;
	font-size:20px;
	min-height:30px;
	border:dashed 0px #31393C;
}
.subPage.currentPage{
	background:#42B691;
	display:block;
	padding:0px;
	color:#FFF;
	font-size:20px;
}
.currentPage .drag{
	padding:6px;
	display:inline-block;
}
.currentOptions{
	background:#FFF;
	display:inline-block;
	float:right;
	padding:6px;
	vertical-align:top;
}
div>.subPage:nth-child(4n+4){
	background:#ececec;
}

.subPage a,.subPage span{
	color:#31393C;
	text-decoration:none;
	vertical-align:middle;
}
.notApproved{
	background:rgba(255,255,255,0.70) !important;
}
.notApproved a, .notApproved .drag{
	opacity:0.5 !important;
}
.long{
	padding:10px 30px;
	margin:10px;
}
.dragContainer{
	position:relative;
}
#pageContainer .dragContainer{
	max-width: calc(100% - 160px);
}
.dragContainer .drag{
	display:inline-block;
	height:30px;
	background-color:rgba(255,255,255,0);
	z-index:31;
}
.dragContainer .drag>a{
	display: inline-block;
	width: calc(100% - 36px);
	vertical-align: top;
	overflow-x: hidden;
	height: 32px;
}
.dragContainer .drag>a>.radiateIcon{
	padding-top:12px;
}
.handle{
	display:inline-block;
	width:30px;
	height:30px;
	vertical-align:middle;
	background:url(../media/images/icons/drag.png) no-repeat;
	background-size:30px 30px;
	margin-right:6px;
	cursor:move;
}
.dropZone{
	height:6px;
	background:rgba(255,255,255,0.2);
	display:inline-block;
	width:100%;
}
.dropZone.pep-dpa {
  background:rgba(255, 153, 0, 0.5);
}
.subPage .on{
	float:right;
	display:inline-block;
	width:30px;
	height:30px;
	position:relative;
	cursor:pointer;
}
.subPage .off{
	float:right;
	display:inline-block;
	width:30px;
	height:30px;
	position:relative;
	cursor:pointer;
}
.subPage .cir1, .subPage .cir2, .subPage .cir3{
	display:inline-block;
	position:absolute;
	border-radius:100%;
}
.subPage .off .cir1{
	width:10px;
	height:10px;
	left:50%;
	top:50%;
	margin-top:-5px;
	margin-left:-5px;
	background:#F90;
	z-index:32;
}
.subPage .off .cir2{
	width:10px;
	height:10px;
	left:50%;
	top:50%;
	margin-top:-5px;
	margin-left:-5px;
	background:#FFF;
	z-index:31;
}

.subPage .off .cir3{
	width:10px;
	height:10px;
	left:50%;
	top:50%;
	margin-top:-5px;
	margin-left:-5px;
	background:#F90;
	z-index:30;
}
.subPage .on .cir1{
	width:10px;
	height:10px;
	left:50%;
	top:50%;
	margin-top:-5px;
	margin-left:-5px;
	background:#42B691;
	z-index:32;
}
.subPage .on .cir2{
	width:20px;
	height:20px;
	left:50%;
	top:50%;
	margin-top:-10px;
	margin-left:-10px;
	background:#FFF;
	z-index:31;
}
.subPage .on .cir3{
	width:30px;
	height:30px;
	left:50%;
	top:50%;
	margin-top:-15px;
	margin-left:-15px;
	background:#42B691;
	z-index:30;
}
.subPage:nth-child(4n+4) .cir2{
	background:#ececec;
}
.subPage .click{
	border-radius:100%;
	background-color:transparent;
	float:right;
	display:inline-block;
	width:30px;
	height:30px;
	margin-left:6px;
	transition:all ease-in-out 0.2s;
}
.subPage .click:hover{
	background-color:#42B691;
	cursor:pointer;
}
.subPage .delete{
	background:url(../media/images/icons/closeXGrey.png) no-repeat;
	background-size:30px 30px;
}
.subPage .accept{
	background:url(../media/images/icons/accept.png) no-repeat;
	background-size:30px 30px;
}
.subPage .edit, .subPage .editLink{
	background:url(../media/images/icons/edit.png) no-repeat;
	background-size:30px 30px;
}
.subPage .addTask{
	background:url(../media/images/icons/addTask.png) no-repeat;
	background-size:30px 30px;
}
.subPage .preview{
	background:url(../media/images/icons/preview.png) no-repeat;
	background-size:30px 30px;
}
.subPage .manage{
	background:url(../media/images/icons/addFolder.png) no-repeat;
	background-size:30px 30px;
}
.subPage .view{
	background:url(../media/images/icons/preview.png) no-repeat;
	background-size:30px 30px;
}
.subPage .start{
	background:url(../media/images/icons/playGrey.png) no-repeat;
	background-size:30px 30px;
}
.subPage .duplicate{
	background-image:url(../media/images/icons/copyGrey.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
}
.subsiteContainer{
	display:block;
	background:#42B691;
	padding:5px;
}
.iconContainer{
	display:inline-block; 
	margin: 0 6px;
	width:30px;
	height:30px;
	vertical-align:top;
	padding:0;
}
.pageIcon{
	background:url(../media/images/icons/pageIcon.png) no-repeat;
	background-size:20px 20px;
	background-position:5px 5px;
}
.linkIcon{
	background:url(../media/images/icons/linkIcon.png) no-repeat;
	background-size:20px 20px;
	background-position:5px 5px;
}
.subsiteIcon{
	background:url(../media/images/icons/subsiteIcon.png) no-repeat;
	background-size:20px 20px;
	background-position:5px 5px;
}
.navIcon{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.navIcon>img{
	width:100%;
}


/*********************************** Page Editor *****************************************/
.elementBlock:nth-child(5n+1) .element{
	background-color:#42B691;
}
.elementBlock:nth-child(5n+2) .element{
	background-color:#D3635A;
}
.elementBlock:nth-child(5n+3) .element{
	background-color:#4183B7;
}
.elementBlock:nth-child(5n+4) .element{
	background-color:#996699;
}
.elementBlock:nth-child(5n+5) .element{
	background-color:#FF9900;
}
#rotate{
	display:inline-block;
	width:50px;
	height:50px;
	background:url(../media/images/icons/rotate.png) no-repeat #42B691;
	background-size:30px 30px;
	background-position:10px 10px;
	cursor:pointer;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
}
#details{
	display:inline-block;
	width:50px;
	height:50px;
	background:url(../media/images/icons/settings.png) no-repeat #42B691;
	background-size:30px 30px;
	background-position:10px 10px;
	cursor:pointer;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
}
#listEdit{
	display:inline-block;
	width:50px;
	height:50px;
	background:url(../media/images/icons/listEdit.png) no-repeat #42B691;
	background-size:30px 30px;
	background-position:10px 10px;
	cursor:pointer;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
}
#undo{
	display:inline-block;
	width:50px;
	height:50px;
	background:url(../media/images/icons/backArrow.png) no-repeat #42B691;
	background-size:30px 30px;
	background-position:10px 10px;
	cursor:pointer;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
}
#save{
	display:inline-block;
	width:50px;
	height:50px;
	background:url(../media/images/icons/save.png) no-repeat #42B691;
	background-size:30px 30px;
	background-position:10px 10px;
	cursor:pointer;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
}
#rotate:hover{
	background:url(../media/images/icons/rotate.png) no-repeat #389779;
	background-size:30px 30px;
	background-position:10px 10px;
}
#details:hover{
	background:url(../media/images/icons/settings.png) no-repeat #389779;
	background-size:30px 30px;
	background-position:10px 10px;
}
#listEdit:hover{
	background:url(../media/images/icons/listEdit.png) no-repeat #389779;
	background-size:30px 30px;
	background-position:10px 10px;
}
#undo:hover{
	background:url(../media/images/icons/backArrow.png) no-repeat #389779;
	background-size:30px 30px;
	background-position:10px 10px;
}
#save:hover{
	background:url(../media/images/icons/save.png) no-repeat #389779;
	background-size:30px 30px;
	background-position:10px 10px;
}
.elementContainer, .elementContainerStart{
	display:block;
	position:relative;
}
.elementContainerOverlap{
	display:block;
}
.editContainer,.editColumnContainer{
	position:absolute;
	display:inline-block;
	height:40px;
	background:#42B691;
	width:0px;
	left:0;
	top:0;
	overflow:hidden;
	z-index:1000;
	text-align:left;
	opacity:0;
	transition:opacity ease-in-out 0.3s;
}
html.touch .editContainer,html.touch .editColumnContainer{
	opacity: 1;
}
#pageEditArea:hover .editContainer,#pageEditArea:hover .editColumnContainer{
    opacity: 1;
}
.elementContainerOverlap>.editContainer, .elementContainerStart>.editContainer,.elementContainerOverlap>.editColumnContainer,.elementContainerStart>.editColumnContainer{
	position:absolute;
	display:inline-block;
	height:40px;
	background:#42B691;
	width:40px;
	top:0;
	overflow:hidden;
	z-index:1000;
	text-align:right;
	direction:rtl;
}
.editContainer img,.editColumnContainer img{
	width:40px;
}
.editContainerOverlap img{
	width:40px;
	float:right;
}
.editContainer.pep-active,.editColumnContainer.pep-active{
	width:160px !important;
}
.listEditContainer{
	display:inline-block;
	height:40px;
	background:#42B691;
	width:160px;
}
.listEditContainer img{
	width:40px;
}
.elementContainerList{
	display:block;
	position:relative;
	height:40px;
}
.hasCopy .editContainer.pep-active,.hasCopy .editColumnContainer.pep-active{
	width:200px !important;
}
.anchor{
	display:block;
	border:dashed 0px #31393C;
}
.anchor .drag{
	cursor:move;
}
.anchor .edit,.anchor .delete,.anchor .copy{
	cursor:pointer;
}
.buttonContainerStyle {
    display: table-cell !important;
}
.dropContainer.buttonDivider {
    width: 0px;
    height: 100% !important;
    display: table-cell;
}
.dropContainer.buttonDivider>.droppable {
    display: inline-block;
    width: 10px;
    position: absolute;
    height: 100% !important;
    left: -5px;
    top: 0;
    display: none;
    background: rgba(255, 153, 0, 0.2);
    z-index: 195;
}
.videoPicker ul{
	list-style:none;
	display:block;
	border-radius:10px;
	overflow:auto;
	margin:10px 0;
	height:220px;
	background:rgba(0,0,0,0.2);
}
.videoPicker ul>li{
	padding:6px;
	background:#FFF;
	cursor:pointer;
	color:#31393C;
}

.videoPicker ul>li:nth-child(even){
	background:#ececec;
}
.videoPicker ul>li.selected{
	background:#42B691;
	color:#FFF;
}
.videoThumb{
	display:inline-block;
	width:30%;
	vertical-align:top;
}
.videoThumb img{
	display:inline-block;
	width:100%;
}
.videoInfo{
	display:inline-block;
	width:70%;
	vertical-align:top;
	text-align:left;
}
.videoTitle {
	display:block;
	padding:8px;
	font-size:16px;
}
.videoDescription{
	display:block;
	padding:8px;
	font-size:16px;
}
div.vid{
	padding:6px;
	background:#FFF;
	margin-top:10px;
	color:#31393C;
	border-radius:10px;
}
#mapArea{
	height:300px;
	margin-top:10px;
}
.mapContainer{
	height:100%;
}
.columnContainer{
	display:inline-block;
	width:auto;
}
.dropColumn, .column_item{
	vertical-align:top;
	/*float:left;*/
}
/*.columns.wider .dropColumn{
	float:none;
}
.columns:not(.wider) .dropColumn{
	float:left;
}*/
.Medium{
    position: relative;
    min-height: 10px;
    }
.Medium-clear{
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
.Medium,
    .Medium p:first-child{
        margin-top:0;
        }
    .Medium p:last-child{
        margin-bottom:0;
        }
    .Medium p:empty {
        display: block;
	    height: 1em;
    }
.Medium-paste-hook{
    position: absolute;
    opacity:0;
    }
.Medium-placeholder{
	position: absolute;
	}
.Medium-placeholder div{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: absolute;
	}
.Medium-placeholder-rich div{
	font-style: italic;
	}
.Medium-inline,
.Medium-placeholder-inline div,
.Medium-inlineRich,
.Medium-placeholder-inlineRich div{
	overflow: hidden;
	white-space: nowrap;
	}
/*#textEditorTop{
	display:inline-block;
	position:absolute;
	width:calc(100% - 80px);
	height:50px;
	top:50px;
	right:0px;
	background:rgba(49,57,60,1.00);
	z-index:2020;
	white-space: nowrap;
  	overflow-y: hidden;
  	overflow-x: scroll;
  	-webkit-overflow-scrolling: touch;
}*/
#textEditorTop{
	display:none;
	opacity:0;
	position:absolute;
	width:200px;
	padding-top:30px;
	top:140px;
	left:20px;
	background:rgba(49,57,60,1.00);
	z-index:2020;
	white-space: nowrap;
	cursor:move;
}
#textEditorTop div{
	white-space:normal;
	cursor:pointer;
}

#bold{
	background-image:url(../media/images/icons/textEditor/bold.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#italic{
	background-image:url(../media/images/icons/textEditor/italic.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#underline{
	background-image:url(../media/images/icons/textEditor/underline.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#ul{
	background-image:url(../media/images/icons/textEditor/ul.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#ol{
	background-image:url(../media/images/icons/textEditor/ol.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#indent{
	background-image:url(../media/images/icons/textEditor/indent.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#outdent{
	background-image:url(../media/images/icons/textEditor/outdent.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#textImage{
	background-image:url(../media/images/icons/textEditor/image.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#justifyLeft{
	background-image:url(../media/images/icons/textEditor/justifyLeft.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#justifyCenter{
	background-image:url(../media/images/icons/textEditor/justifyCenter.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#justifyRight{
	background-image:url(../media/images/icons/textEditor/justifyRight.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#justifyFull{
	background-image:url(../media/images/icons/textEditor/justifyFull.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#textLink{
	background-image:url(../media/images/icons/textEditor/link.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#textUnlink{
	background-image:url(../media/images/icons/textEditor/unlink.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#hr{
	background-image:url(../media/images/icons/textEditor/hr.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#textRipple{
	background-image:url(../media/images/icons/textEditor/ripple.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#imageLeft{
	background-image:url(../media/images/icons/textEditor/imageLeft.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#imageCenter{
	background-image:url(../media/images/icons/textEditor/imageCenter.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#imageRight{
	background-image:url(../media/images/icons/textEditor/imageRight.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#imageBorder{
	background-image:url(../media/images/icons/textEditor/imageBorder.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#textEditorAccept{
	background-image:url(../media/images/icons/textEditor/acceptWhite.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
}
#textEditorDeny{
	background-image:url(../media/images/icons/textEditor/closeX.png);
	background-repeat:no-repeat;
	background-size:40px 40px;
	margin-left:5px;
}
.textEditorButton{
	display:inline-block;
	width:40px;
	height:40px;
	background-color:#42B691;
	float:left;
	cursor:pointer;
	transition:all ease-in-out 0.4s;
	border:solid 5px rgba(0,0,0,0.0);
}
.textEditorButton:hover{
	background-color:#389779;
}
.textEditorOn{
	border:solid 5px rgba(0,0,0,0.3);
}
#textColorPickerSelect {
    border: solid 6px #FFF;
    width: calc(100% - 12px);
	position:relative;
}
#textColorPicker{
	width:100%;
	text-shadow: 1px 1px 0px #000,-1px 1px 0px #000,1px -1px 0px #000,-1px -1px 0px #000,0px 1px 0px #000,1px 0px 0px #000;
}
#textColorPicker option {
    padding: 20px;
}
#textColorPickerSelect::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    right: -6px;
    width: 56px;
    background: #FFF;
    height: 50px;
	pointer-events: none;
	background-image:url(../media/images/icons/downArrowGrey.png);
	background-size:40px 40px;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#FFF;
}
#textEditorTab{
	height:140px;
	margin-top:50px;
}
#textEditorTab #tab{
	width:100%;
	height:calc(100% - 50px);
}
#textEditorTab #tab .left{
	color:#FFF;
	margin-top:10px;
	font-size:18px;
}
.textEditorInsert{
	padding-right:5px;
	margin-top:50px;
}
.textEditorInsert label{
	display:block;
	color:#FFF;
	margin-top:10px;
	font-size:18px;
	text-align:left;
}
.boxInput{
	width:calc(100% - 20px);
	height:40px;
	border:4px solid #FFF;
	border-radius:0;
	box-shadow:none;
	background:transparent;
	display:inline-block;
	color:#FFF;
	font-size:16px;
	padding:0 6px;
	vertical-align:top;
}
#addTextLink{
	margin-top:10px;
}
.textEditorFrame{
	background:rgba(0,0,0,0.4);
	z-index:2000;
	display:none;
	opacity:0.0;
	position:absolute;
}
.textEditorDataContainer{
	width:200px;
	height:100%;
	display:inline-block;
	float:left;
}
.mediumImage{
	resize:none;
}
.editImage{
	position:relative;
}
.coverImage{
	background:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	opacity:0;
	z-index:9;
	transition:all ease-in-out 0.4s;
}
.imageOptions{
	width:calc(100% - 20px);
	height:calc(100% - 20px) !important;
	max-height:50px;
	max-width:100px;
	display:none;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
}
.editImage:hover .coverImage{
	opacity:1.0;
}
.editImage:hover .imageOptions{
	display:inline-block;
}
.editImage .cropImage{
	background:url(../media/images/icons/crop.png) no-repeat #FFF;
	background-size:40px 40px;
}
.editImage .resizeImage{
	background:url(../media/images/icons/resize.png) no-repeat #FFF;
	background-size:40px 40px;
}
.imageOptions div{
	display:inline-block;
	height:40px;
	width:40px;
	cursor:pointer;
	margin:0 5px;
	border-radius:100%;
	background-color:#FFF;
	transition:all ease-in-out 0.4s;
}
.imageOptions div:hover{
	background-color:#42B691;
}
#imageResizer{
	background:#465558;
	text-align:right;
	z-index:2025;
	position:fixed;
	top:0;
	right:0px;
	width:calc(100% - 240px);
	height:50px;
	overflow:hidden;
	box-shadow: 6px 6px 12px rgba(0,0,0,0.6);
	display:none;
}
#imageSliderContainer{
	width:calc(100% - 100px);
	float:left;
}
#acceptImage{
	display:inline-block;
	width:50px;
	height:50px;
	background:url(../media/images/icons/acceptWhite.png) no-repeat #42B691;
	background-size:30px 30px;
	background-position:10px 10px;
	cursor:pointer;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
	float:left;
}
#cancelImage{
	display:inline-block;
	width:50px;
	height:50px;
	background:url(../media/images/icons/closeX.png) no-repeat #42B691;
	background-size:30px 30px;
	background-position:10px 10px;
	cursor:pointer;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
	float:left;
}
#acceptImage:hover{
	background:url(../media/images/icons/acceptWhite.png) no-repeat #389779;
	background-size:30px 30px;
	background-position:10px 10px;
}
#cancelImage:hover{
	background:url(../media/images/icons/closeX.png) no-repeat #389779;
	background-size:30px 30px;
	background-position:10px 10px;
}
#imageOptions{
	display:none;
}
.elementEditWrap{
	display:inline-block;
}

.editElementBlock{
	display:inline-block;
	width:100%;
	height:0;
	position:relative;
}
.editElementBlock .editElementWrap{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	height:auto;
	width:100%;
}
.editElementBlock .editElementWrap .anchor{
	height:40px !important;
	display:inline-block;
	width: 40px;
	float: left;
	position: relative;
}
.editElementBlock .editElementWrap .anchor .editContainer{
	position:absolute;
	left:0;
	top:0;
}

/********************************Events********************************************/
#eventContainer .dragContainer, #eventContainer .drag{
	display:inline-block;
}
#repeatSummary{
	background:#42B691;
	display:block;
	padding:10px;
	margin:10px 0;
	color:#FFF;
}
/********************************Media********************************************/
.fileLeft{
	display:inline-block;
	vertical-align:top;
	width:30%;
}
.fileRight{
	display:inline-block;
	vertical-align:top;
	width:70%;
	min-height:10px;
}
.fileLeft .listFilter{
	margin-top:10px;
}
.fileRight .listFilter{
	margin-top:6px;
}
.fileLeft .list,.fileRight .list{
	height:500px;
}
.noneFound{
	text-align:center;
	text-transform:uppercase;
	color:rgba(255,255,255,1.00);
	margin-top:220px;
}
.fileTable{
	display:table;
	width:100%;
}
.fileTableHeader{
	background:rgba(255,255,255,0.7);
	border-radius:10px;
	padding-bottom:5px;
}
.fileCell{
	display:table-cell;
	width:auto;
	padding:4px;
	text-align:left;
	overflow:hidden;
	cursor:pointer;
	vertical-align: middle;
}
.cellFilter{
	padding:4px;
	transition:padding ease-in-out 0.2s;
}
.cellFilter.asc{
	padding-left:24px;
	background:url(../media/images/icons/downArrowGrey.png) no-repeat;
	background-size:20px 20px;
	background-position:0 50%;	
}
.cellFilter.desc{
	padding-left:24px;
	background:url(../media/images/icons/upArrowGrey.png) no-repeat;
	background-size:20px 20px;
	background-position:0 50%;	
}
#fileList li{
	position:relative;
	overflow-x:hidden;
}
.fileOptions{
	width:100%;
	max-width:150px;
	height:100%;
	background-color:rgba(49,57,60,0.7);
	position:absolute;
	right:-100%;
	top:0px;
	display:inline-block;
	transition:all ease-in-out 0.2s;
}
.optionsContainer{
	width:100%;
	height:100%;
	position:relative;
	display:inline-block;
}
#fileList li:hover .fileOptions{
	right:0;
}
.fileForty{
	width:40%;
}
.fileFifteen{
	width:15%;
}
.fileButton{
	border-radius:100%;
	background-color:transparent;
	display:inline-block;
	width:30px;
	height:30px;
	margin-left:6px;
	transition:all ease-in-out 0.2s;
	opacity:0.2;
}
.fileButton.on{
	opacity:1.0;
	cursor:pointer;
}
.downloadFile{
	opacity:1.0;
	cursor:pointer;
	background:url(../media/images/icons/download.png) no-repeat #FFFFFF;
	background-size:30px 30px;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-15px;
}
.previewFile{
	opacity:1.0;
	cursor:pointer;
	background:url(../media/images/icons/preview.png) no-repeat #FFFFFF;
	background-size:30px 30px;
	position:absolute;
	left:36px;
	top:50%;
	margin-top:-15px;
}
.unlockFile{
	opacity:1.0;
	cursor:pointer;
	background:url(../media/images/icons/lock.png) no-repeat #FFFFFF;
	background-size:30px 30px;
	position:absolute;
	left:72px;
	top:50%;
	margin-top:-15px;
}
.lockFile{
	opacity:1.0;
	cursor:pointer;
	background:url(../media/images/icons/unlock.png) no-repeat #FFFFFF;
	background-size:30px 30px;
	position:absolute;
	left:72px;
	top:50%;
	margin-top:-15px;
}
.deleteFile{
	opacity:1.0;
	cursor:pointer;
	background:url(../media/images/icons/closeXGrey.png) no-repeat #FFFFFF;
	background-size:30px 30px;
	position:absolute;
	left:108px;
	top:50%;
	margin-top:-15px;
}
.downloadFile:hover,.previewFile:hover,.lockFile:hover,.unlockFile:hover,.deleteFile:hover{
	background-color:#42B691;
}
#addFolder{
	background:url(../media/images/icons/addFolder.png) no-repeat #FFFFFF;
	background-size:30px 30px;
}
#deleteFolder{
	background:url(../media/images/icons/closeXGrey.png) no-repeat #FFFFFF;
	background-size:30px 30px;
}
#editFolder{
	background:url(../media/images/icons/edit.png) no-repeat #FFFFFF;
	background-size:30px 30px;
}
#addFolder.on:hover,#deleteFolder.on:hover,#editFolder.on:hover{
	background-color:#42B691;
}
.selectedFolder{
	background:#42B691 !important;
	color:#FFF !important;
}
#spotlightContainer .dragContainer, #spotlightContainer .drag{
	display:inline-block;
}
#spotlightContainer .dragContainer{
	max-width: calc(100% - 120px);
}
/*Spotlight Editor*/
#leftMenu{
	display:inline-block;
	width:180px;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:#42B691;
	overflow-x:hidden;
	overflow-y:auto;
	padding:10px;
	z-index:300;
	padding-top:70px;
	transition:all ease-in-out 0.4s;
}
#leftMenuHandle{
	display:none;
	width:56px;
	height:56px;
	position:fixed;
	left:200px;
	top:0;
	background:#42B691;
	z-index:300;
	transition:all ease-in-out 0.4s;
}
#leftMenu .slide{
	margin-bottom:5px;
	border-radius:12px;
	padding:2px 6px;
	color:#FFF;
	text-align:left;
	cursor:pointer;
}
#leftMenu .slide:hover{
	background:rgba(255,255,255,0.1);
}
#leftMenu .state{
	margin-bottom:5px;
	border-radius:12px;
	padding:2px 6px 2px 26px;
	color:#FFF;
	text-align:left;
	cursor:pointer;
}
#leftMenu .state:hover{
	background:rgba(255,255,255,0.1);
}
.slide.current, .state.current{
	background:#31393C;
}
.slideContainer{
	border-top:1px solid #389779;
	padding-top:5px;
}
.slideContainer:first-child{
	border-top:none;
}
#saveSpotlight{
	display:inline-block;
	width:180px;
	position:fixed;
	left:0;
	top:0;
	background:#389779;
	padding:10px;
	z-index:400;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	transition:all ease-in-out 0.4s;
}
#saveSpotlight img{
	width:36px;
	vertical-align:middle;
	margin-right:6px;
}
.addState, .addSlide{
	margin-bottom:5px;
	border-radius:12px;
	padding:2px 6px;
	color:#FFF;
	text-align:left;
	background:#389779;
	cursor:pointer;
}
#editArea{
	display:inline-block;
	width:calc(100% - 210px);
	height:calc(50% - 60px);
	position:fixed;
	right:0px;
	bottom:0;
	background:#389779;
	overflow:hidden;
	overflow-y:auto;
	padding:5px;
}
#playBar{
	display:inline-block;
	width:calc(100% - 200px);
	height:50px;
	position:fixed;
	right:0px;
	top:50%;
	overflow:hidden;
	background:#42B691;
	text-align:left;
}
#display{
	display:inline-block;
	width:calc(100% - 200px);
	height:50%;
	position:fixed;
	right:0px;
	top:0;
	overflow:hidden;
	overflow-y:auto;
	background:
}
#editArea .column{
		width:calc(25% - 10px);
	display:inline-block;
	padding:5px;
	vertical-align:top;
}
.slideContainer .delete{
	background:url(../media/images/icons/closeX.png) no-repeat center;
	background-size:20px 20px;
	display:none;
	border-radius:100%;
	width:20px;
	height:20px;
	margin-top:2px;
	float:right;
	transition:all ease-in-out 0.4s;
}
.slideContainer .up{
	background:url(../media/images/icons/upArrow.png) no-repeat center;
	background-size:40px 40px;
	display:none;
	border-radius:100%;
	width:20px;
	height:20px;
	margin-top:2px;
	float:right;
	transition:all ease-in-out 0.4s;
}
.slideContainer .down{
	background:url(../media/images/icons/downArrow.png) no-repeat center;
	display:none;
	background-size:40px 40px;
	border-radius:100%;
	width:20px;
	height:20px;
	margin-top:2px;
	float:right;
	transition:all ease-in-out 0.4s;
}
#leftMenu .state:hover .delete, #leftMenu .slide:hover .delete,#leftMenu .state:hover .up, #leftMenu .slide:hover .up,#leftMenu .state:hover .down, #leftMenu .slide:hover .down{
	display:inline-block;
}
#leftMenu .delete:hover,#leftMenu .up:hover,#leftMenu .down:hover{
	background-color:rgba(0,0,0,0.2);
}
@media only screen 
and (max-width : 650px) {
	#editArea .column{
	width:calc(100% - 10px);
	}
	#leftMenu{
		left:-200px;
	}
	#editArea{
		width:calc(100% - 10px);
	}
	#display{
		width:100%;
	}
	#playBar{
		width:100%;
	}
	#saveSpotlight{
		left:-200px;
	}
	#leftMenuHandle{
		display:inline-block;
		left:0px;
		background:url(../media/images/icons/forwardArrow.png) no-repeat #42B691;
		background-size:46px 46px;
		background-position:5px 5px;
	}
	
	#leftMenu.menuShown{
		left:0px;
	}
	#saveSpotlight.menuShown{
		left:0px;
	}
	#leftMenuHandle.menuShown{
		left:200px;
		background:url(../media/images/icons/backArrow.png) no-repeat #42B691;
		background-size:46px 46px;
		background-position:5px 5px;
	}
	.fileLeft{
		display:block;
		width:auto;
	}
	.fileRight{
		display:block;
		width:auto;
		min-height:10px;
		padding-top:10px;
	}
	.fileLeft .listFilter{
		margin-top:10px;
	}
	.fileRight .listFilter{
		margin-top:6px;
	}
	.fileLeft .list{
		height:140px;
	}
	.fileRight .list{
		height:250px;
	}
	li>.fileTable{
		display:block;
	}
	li>.fileTable>.fileForty{
		width:auto;
		background:#ececec;
		padding:6px;
		margin:6px;
		border-radius:6px;
		display:block;
	}
	.fileForty, .fileFifteen{
		font-size:12px;
	}
	li>.fileTable>.fileFifteen:first-child{
		padding-left:40%;
	}
}
.spotlight{
	width:100%;
	height:100%;
	position:relative;
	display:inline-block;
	overflow:hidden;
}
.r-slide{
	width:100%;
	height:100%;
	display:inline-block;
	position:absolute;
	background-repeat:no-repeat;
	background-size:cover;
	top:0;
	left:0;
	overflow:hidden;
}
.r-slide .text{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
  	z-index:13;
	/*transition:all ease-in-out 0.4s;*/
}
.r-slide .button{
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
  z-index:12;
}
.r-slide video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
}
.spotlightNav{
	display:inline-block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:auto;
	opacity:0;
	transition:opacity ease-in-out 0.4s;
}
.spotlightNavOption{
	display:inline-block;
	float:left;
	position:relative;
	width:20px;
	height:20px;
	background:#333;
	border:2px solid #FFF;
	margin:10px 0 10px 10px;
  	z-index:11;
	border-radius:100%;
	cursor:pointer;
}
.spotlightNavLabel{
	display:none;
	position:absolute;
	padding:4px;
	background:rgba(0,0,0,0.4);
	color:#FFF;
	font-size:14px;
	left:-2px;
	top:-34px;
	border-radius:6px;
}
.spotlightNavOption:hover .spotlightNavLabel{
	display:inline-block;
}
.next{
	display:inline-block;
	background:url(../media/images/icons/forwardArrow.png) no-repeat #389779;
	width:50px;
	height:50px;
	position:absolute;
	z-index:15;
	top:50%;
	right:0;
	margin-top:-25px;
	background-position:5px 5px;
	background-size:40px 40px;
	cursor:pointer;
	opacity:0;
	transition:opacity ease-in-out 0.4s;
}
.previous{
	display:inline-block;
	background:url(../media/images/icons/backArrow.png) no-repeat #389779;
	width:50px;
	height:50px;
	position:absolute;
	z-index:15;
	top:50%;
	left:0;
	margin-top:-25px;
	background-position:5px 5px;
	background-size:40px 40px;
	cursor:pointer;
	opacity:0;
	transition:opacity ease-in-out 0.4s;
}
.spotlight:hover .spotlightNav, .spotlight:hover .next, .spotlight:hover .previous{
	opacity:1.0;
}
#play{
	background:url(../media/images/icons/play.png) no-repeat #389779;
	background-position:5px 5px;
	background-size:40px 40px;
	display:inline-block;
	width:50px;
	height:50px;
	cursor:pointer;
	transition:all ease-in-out 0.4s;
}
#stop{
	background:url(../media/images/icons/pause.png) no-repeat #389779;
	background-position:5px 5px;
	background-size:40px 40px;
	display:inline-block;
	width:50px;
	height:50px;
	cursor:pointer;
	transition:all ease-in-out 0.4s;
}
#play:hover, #stop:hover{
	background-color:#42B691;
}

.gridContainer{
	display:inline-block;
	width:100%;
	height:calc(100% - 130px);
	overflow:auto;
	position:relative;
}
.grid{
	display:table;
	width:auto;
	padding-top:40px;
}
.grid>div>div{
	padding:6px;
	border:solid 1px #EFEFEF;
}
.gridHeaderRow{
	display:table-row;
}
.gridHeaderCell{
	display:table-cell;
	border:none !important;
	color:#FFF;
	background-color:#42B691;
}
.gridRow{
	display:table-row;
	background:#FFF;
}
.gridRow:nth-child(2n+2){
	background:#ececec;
}
.gridRow:hover{
	background:#CFEAD9;
}
.gridCell{
	display:table-cell;
	vertical-align:top;
}
.gridDelete{
	border-radius:100%;
	background-color:transparent;
	display:inline-block;
	width:30px;
	height:30px;
	transition:all ease-in-out 0.2s;
	background:url(../media/images/icons/closeXGrey.png) no-repeat;
	background-size:30px 30px;
}
.gridDelete:hover{
	background-color:#42B691;
	cursor:pointer;
}

.csvSelect{
	margin-left:50px;
	width:80%;
	width:calc(100% - 50px);
	display:inline-block;
}
.csvWrap{
	display: inline-block;
	width: 100%;
	overflow: auto;
	height: 80%;
	height: calc(100% - 119px);
}
.csvVal{
	border: solid 2px #fff;
	padding: 4px;
	background: none;
	margin: 1px;
	color: #FFF;
}
.csvVal.on{
	box-shadow: 0px 0px 4px 4px #42B691;
	border-color: #CFEAD9;
}

/********************************Alerts********************************************/
.alert{
	display:inline-block;
	width:100%;
}
.alert .alertTitle{
	color:#FFF;
	font-size:20px;
}
.alert .alertText{
	color:#FFF;
	font-size:15px;
}
.alertCheck,.alertDash,.alertX{
	width:calc(100% - 60px);
	padding:10px 10px 10px 50px;
	min-height:30px;
	border-radius:0 10px 10px 0;
}
.alertLittle{
	width:30px;
	padding:10px;
	height:30px;
	border-radius:100%;
	display:inline-block;
	position:relative;
}
.weekWrap .alertLittle{
	vertical-align:middle;
}
.alertCheck{
	background:url(../media/images/icons/shadowCheck.png) no-repeat #42B691;
	background-position:10px 10px;
	background-size:30px 30px;
}
.alertDash{
	background:url(../media/images/icons/shadowDash.png) no-repeat #F90;
	background-position:10px 10px;
	background-size:30px 30px;
}
.alertX{
	background:url(../media/images/icons/shadowX.png) no-repeat #D3635A;
	background-position:10px 10px;
	background-size:30px 30px;
}
.alertQ{
	background:url(../media/images/icons/shadowQ.png) no-repeat #42B691;
	background-position:10px 10px;
	background-size:30px 30px;
}
.windowHint{
	display:block;
	text-align:left;
	padding:12px;
}
.partialHint {
    padding: 6px;
    background-color: #42B691;
    margin-top: 6px;
    color: #FFF;
    text-align: left;
}
.weekWrap{
	background:rgba(255,255,255,0.4);
	border-radius:10px;
	padding:20px;
	display:block;
	vertical-align:top;
	text-align:left;
	margin-bottom:10px;
}
.weekContainer{
	display:inline-block;
	width:calc(100% - 150px);
	text-align:left;
	vertical-align:middle;
}
.weekLabel{
	display:inline-block;
	width:100px;
	text-align:center;
	vertical-align:middle;
}
.weekSpace{
	margin-top:20px;
}

.weekSpace:first-child{
	margin-top:0;
}
.weekNote{
	color:#42B691;
	background:#ececec;
	border-radius:6px;
	padding:6px;
	text-align:left;
	display:inline-block;
	margin-top:6px;
	margin-left:6px;
}
.weekNoteGood{
	color:#FFF;
	background:#42B691;
}
.weekNoteOkay{
	color:#FFF;
	background:#F90;
}
.weekNoteBad{
	color:#FFF;
	background:#D3635A;
}
.weekNote:first-child{
	margin-left:0;
}
.weekBar{
	display:inline-block;
	position:relative;
	width:100%;
	height:20px;
	background:#ececec;
	vertical-align:middle;
}
.weekBarCurrent{
	display:inline-block;
	height:50%;
	position:absolute;
	top:0;
	left:0;
	background:#42B691;
}
.weekBarAverage{
	display:inline-block;
	height:50%;
	position:absolute;
	bottom:0;
	left:0;
	background:#D3635A;
}
.pageAlertPreviewHeader{
	background:url(../media/images/bgs/diagonal-noise_@2X.png);
	background-size:100px 100px;
}
#pageAlertPreviewPageLeft,#pageAlertPreviewPageRight{
	width:calc(50% - 15px);
	vertical-align:top;
	display:inline-block;
	float:left;
	margin:10px;
}
#pageAlertPreviewPageLeft *,#pageAlertPreviewPageRight *{
	float:none;
}
#pageAlertPreviewPageLeft{
	margin-right:5px;
}
#pageAlertPreviewPageRight{
	margin-left:5px;
}
.pageAlertPreviewLabel{
	padding:10px;
	font-size:24px;
	color:#FFF;
	text-align:center;
}
#pageAlertPreviewPageLeft .pageAlertPreviewLabel{
	background:#389779;
}
#pageAlertPreviewPageRight .pageAlertPreviewLabel{
	background:#42B691;
}
.alertPreviewButton{
	padding:14px;
	padding-left:50px;
	display:inline-block;
	margin:10px 5px;
	color:#FFFFFF;
	transition:all ease-in-out 0.4s;
}
.alertPreviewButton.back{
	background:url(../media/images/icons/backArrow.png) no-repeat #D3635A;
	background-size:30px 30px;
	background-position:12px 12px;
}
.alertPreviewButton.deny{
	background:url(../media/images/icons/closeX.png) no-repeat #FF9900;
	background-size:30px 30px;
	background-position:12px 12px;
}
.alertPreviewButton.edit{
	background:url(../media/images/icons/editWhite.png) no-repeat #996699;
	background-size:30px 30px;
	background-position:12px 12px;
}
.alertPreviewButton.accept{
	background:url(../media/images/icons/acceptWhite.png) no-repeat #4183B7;
	background-size:30px 30px;
	background-position:12px 12px;
}
.alertPreviewButton:hover{
	background-color:#42B691;
	cursor:pointer;
}
.classValue{
	background:rgba(255,255,255,0.70);
	padding:6px;
}
.healthStats{
	background:#42B691;
	border-radius:10px;
	padding:20px;
	width:250px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.healthNotes{
	border-radius:10px;
	padding:20px 0;
	width:calc(100% - 290px);
	display:inline-block;
	vertical-align:top;
}
.centerCircle{
	display:inline-block;
	width:200px;
	height:200px;
	border-radius:100%;
    position: relative;
}
.centerCircle>div{
	display:table;
	height:100%; width:100%;
}
.centerCircle>div>div{
	display:table-cell;
	vertical-align:middle; text-align:center;
}
.centerCircle::before {
    content: "Out Of 100";
    display: inline-block;
    position: absolute;
    top: -30px;
    right: -30px;
    width: 100px;
    height: 100px;
    background: #FFF;
    border-radius: 100%;
    box-sizing: border-box;
    padding: 26px 20px;
    font-size: 16px;
    text-align: center;
}
.healthStats .percent{
	color:#FFF;
	font-size:46px;
}
.healthStats .healthLabel{
	color:#FFF;
	font-size:24px;
	margin-top:6px;
}
.healthStats .littleStat{
	color:#42B691;
	background:#FFF;
	border-radius:6px;
	padding:6px;
	text-align:left;
	display:inline-block;
	width:238px;
	margin-top:6px;
}


/********************************Tasks********************************************/
.taskTitle{
	background:#42B691;
	display:inline-block;
	font-size:24px;
	color:#FFF;
	padding:10px;
	margin-top:30px;
}
.task{
	display:block;
	background:rgba(255,255,255,0.6);
	margin-top:6px;
	color:#31393C;
}
.taskName{
	background:#FFF;
	padding:6px;
}
.taskMessage{
	padding:6px;
}
.soonTaskDeadline{
	color:#F90;
	display:block;
}
.taskDeadline{
	color:#42B691;
	display:block;
	font-size:12px;
}
.mark{
	background:#42B691;
	padding:10px;
	color:#FFF;
	text-align:center;
	transition:all ease-in-out 0.4s;
	cursor:pointer;
}
.mark:hover{
	background:#FFF;
	color:#42B691;
}
/********************************Messages********************************************/
#messageNav{
	width:140px;
	display:inline-block;
	padding-right:10px;
	vertical-align:top;
}
#messageContainer{
	width:calc(100% - 150px);
	display:inline-block;
	vertical-align:top;
}
.messageButton{
	padding:10px;
	border:solid #FFF 4px;
	color:#FFF;
	margin-top:10px;
	background-color:transparent;
	transition:all ease-in-out 0.4s;
	cursor:pointer;
}
.messageButton:hover{
	background-color:rgba(255,255,255,0.2);
}
.messageButton.active{
	background:#42B691;
}
.messageList{
	display:block;
	text-align:left;
	background:#FFF;
	margin-top:6px;
	color:#31393C;
	padding:5px;
	border-radius:29px 0 0 29px;
	min-height:48px;
	text-height:48px;
	cursor:pointer;
}
.read{
	background:rgba(255,255,255,0.2);
}
.messageSubject{
	display:inline-block;
	padding:10px 0;
	margin-left:10px;
	width:calc(100% - 156px);
}
.messageList .click{
	border-radius:100%;
	background-color:transparent;
	float:right;
	display:inline-block;
	width:30px;
	height:30px;
	margin:9px;
	margin-left:0px;
	transition:all ease-in-out 0.2s;
}
.messageList .click:hover{
	background-color:#42B691;
	cursor:pointer;
}
.messageList .delete{
	background:url(../media/images/icons/closeXGrey.png) no-repeat;
	background-size:30px 30px;
}
.messageList .markRead{
	background:url(../media/images/icons/markRead.png) no-repeat;
	background-size:30px 30px;
}
.read .markRead{
	background:url(../media/images/icons/markUnread.png) no-repeat;
	background-size:30px 30px;
}
.fullMessage {
  margin: 0 0 0.5em;
  border-radius: 1em;
  padding: 0.5em 1em;
  background: #31393C;
  max-width: calc(100% - 148px);
  clear: both;
  position: relative;
}
  
.them {
    float: left;
	margin-left:68px;
}
.them .userBadgeSmall{
	position: absolute;
    left: -68px;
    bottom: -24px;
}
 .them::after {
      content: "";
      position: absolute;
      left: -0.5em;
      bottom: 0;
      width: 0.5em;
      height: 1em;
      border-right: 0.5em solid #31393C;
      border-bottom-right-radius: 1em 0.5em;
    } 
  
.me {
    float: right;
    background-color: #42B691;
    color: white;
	margin-right:68px;
}
.me .userBadgeSmall{
	position: absolute;
    right: -68px;
    bottom: -24px;
}
   
.me::after {
      content: "";
      position: absolute;
      right: -0.5em;
      bottom: 0;
      width: 0.5em;
      height: 1em;
      border-left: 0.5em solid #42B691;
      border-bottom-left-radius: 1em 0.5em;
}
.messageTitle{
	color:#FFF;
	font-size:24px;
	display:block;
	padding:5px;
	border-bottom:solid 1px rgba(0,0,0,0.2);
	text-align:left;
}
.messageText{
	color:#FFF;
	font-size:14px;
	display:block;
	padding:5px;
	border-top:solid 1px rgba(255,255,255,0.2);
	text-align:left;
}
.messageForm{
	display:block;
	clear:both;
	padding-top:20px;
}
@media only screen 
and (max-width : 650px) {
	#messageNav{
		width:auto;
		display:block;
		padding:10px;
	}
#messageContainer{
	width:100%;
	display:block;
}
}



/********************************Users********************************************/
#teamContainer .dragContainer, #teamContainer .drag{
	display:inline-block;
}
#teamContainer .subPage{
	margin-top:10px;
}
.addUser{
	background:url(../media/images/icons/add.png) no-repeat;
	display:inline-block;
	width:40px;
	height:40px;
	border:solid 4px #FFF;
	background-size:30px 30px;
	background-position:5px 5px;
	overflow:hidden;
	transition:all ease-in-out 0.4s;
	opacity:0.7;
	border-radius:100%;
	vertical-align:top;
	cursor:pointer;
}
.addUser:hover{
	opacity:1;
}
.teamMemberContainer{
	padding:10px;
	background:rgba(255,255,255,0.2);
}
.teamUser{
	display:inline-block;
	width:auto;
	max-width:48px;
	height:48px;
	margin-right:10px;
	overflow:hidden;
	transition:all ease-in-out 0.4s;
	background:#42B691;
	border-radius:48px;
	vertical-align:top;
}
.teamUser:hover{
	max-width:500px;
}
.teamUser .memberName{
	display:inline-block;
	height:48px;
	line-height: 48px;
  	text-align: center;
	vertical-align:top;
}
.userBadgeSmall{
	display:inline-block;
	width:48px;
	height:48px;
	overflow:hidden;
	margin-right:6px;
	border-radius:48px;
	vertical-align:top;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
}
.userBadgeLarge{
	display:inline-block;
	width:240px;
	height:240px;
	overflow:hidden;
	border-radius:100%;
	vertical-align:top;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
}
.userBadgeLarge img{
	min-width:100%;
	min-height:100%;
}
.userBadgeSmall img{
	min-width:100%;
	min-height:100%;
}
.userBadgeSmall .memberName{
	display:none;
	position:fixed;
	bottom:4px;
	left:0;
	width:auto;
	background:#42B691;
	border-radius:16px;
	color:#FFF;
	font-size:12px;
	padding:4px;
}
.userBadgeSmall:hover .memberName{
	display:inline-block;
}
.teamUser .deleteMember{
	display:inline-block;
	width:38px;
	height:38px;
	margin:5px;
	background:url(../media/images/icons/closeXGrey.png) #FFF no-repeat;
	background-size:30px 30px;
	background-position:4px 4px;
	border-radius:38px;
	vertical-align:top;
	cursor:pointer;
}
.teamColor{
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:100%;
	margin-right:6px;
}
#userContainer{
	text-align:center;
}
.user{
	display:inline-block;
	padding:10px;
	min-height:320px;
	max-width:240px;
	vertical-align:top;
}
.userOptions{
	display:inline-block;
	border-radius:100%;
	width:100%;
	height:40px;
	padding:100px 0;
	background:rgba(0,0,0,0.6);
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	opacity:0.0;
	transition:all ease-in-out 0.4s;
}
.user:hover .userOptions{
	opacity:1.0;
}
.touch .user .userOptions{
	opacity:1.0;
}
.user .addTask{
	background:url(../media/images/icons/addTask.png) no-repeat #FFF;
	background-size:40px 40px;
}
.user .edit{
	background:url(../media/images/icons/edit.png) no-repeat #FFF;
	background-size:40px 40px;
}
.user .delete{
	background:url(../media/images/icons/closeXGrey.png) no-repeat #FFF;
	background-size:40px 40px;
}
.userOption{
	display:inline-block;
	height:40px;
	width:40px;
	cursor:pointer;
	margin:0 5px;
	border-radius:100%;
	background-color:#FFF;
	transition:all ease-in-out 0.4s;
}
.userOption:hover{
	background-color:#42B691;
}
.userName{
	background-color:#42B691;
	display:inline-block;
	padding:6px;
	color:#FFF;
	border-radius:12px;
	margin-top:10px;
}
.addUserLeft{
	display:inline-block;
	padding:10px;
	vertical-align:top;
	width:calc(75% - 20px);
}
.addUserRight{
	display:inline-block;
	padding:10px;
	vertical-align:top;
	width:calc(25% - 20px);
	background:#42B691;
	margin-top:44px;
	text-align:center;
}
.addUserRight .littleSliders{
	margin-top:-54px;
	background-color:#42B691;
}
.permissionArea{
	text-align:left;
}
#fineTune{
	background:#FFF;
	padding:6px;
	color:#42B691;
	cursor:pointer;
	margin-top:10px;
}
@media only screen 
and (max-width : 1000px) {
	.addUserLeft{
		display:block;
		width:auto;
	}
	.addUserRight{
		display:block;
		width:auto;
	}
}


/********************************Image Cropper********************************************/
#cropper{
	display:none;
	background:rgba(0,0,0,0.4);
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	top:0;
	left:0;
	opacity:0;
	position:fixed;
	display:none;
	z-index:9000;
	padding:5px;
}
#cropArea{
	background:url(../media/images/bgs/debut_dark_@2X.png);
	width:100%;
	height:100%;
	overflow:auto;
	display:inline-block;
	text-align:center;
}
#cropHead{
	background:#42B691;
	background-size:100px 100px;
	width:100%;
	display:inline-block;
}
.cropButton{
	display:inline-block;
	background:#42B691;
	color:#FFF;
	padding:10px;
	cursor:pointer;
	vertical-align:top;
	transition:all ease-in-out 0.4s;
	float:left;
}
.cropButton:hover{
	background:#389779;
}
/********************************Header Manager********************************************/
.header{
	display:inline-block;
	padding:10px;
	max-width:230px;
	vertical-align:top;
	position:relative;
	text-align:center;
}
.header img{
	width:100%;
}

.headerOptions{
	display:none;
	width:calc(100% - 20px);
	height:40px;
	padding:10px 0;
	background:rgba(0,0,0,0.6);
	position:absolute;
	margin:auto;
	margin:auto;
	top:10px;
	left:10px;
	text-align:center;
}
.header:hover .headerOptions,.touch .header .headerOptions{
	display:inline-block;
}
.header .crop{
	background:url(../media/images/icons/crop.png) no-repeat #FFF;
	background-size:40px 40px;
}
.header .edit{
	background:url(../media/images/icons/edit.png) no-repeat #FFF;
	background-size:40px 40px;
}
.header .delete{
	background:url(../media/images/icons/closeXGrey.png) no-repeat #FFF;
	background-size:40px 40px;
}
.headerOption{
	display:inline-block;
	height:40px;
	width:40px;
	cursor:pointer;
	margin:0 5px;
	border-radius:100%;
	background-color:#FFF;
	transition:all ease-in-out 0.4s;
}
.headerOption:hover{
	background-color:#42B691;
}
.headerName{
	background-color:#42B691;
	display:inline-block;
	padding:6px;
	color:#FFF;
	border-radius:12px;
	margin-top:10px;
}

/********************************Podcast Manager********************************************/
#subcategories .radiateSelect{
	display:none;
}
#subcategories .on{
	display:inline-block;
}
.series{
	display:table;
	width:100%;
	margin-bottom:40px;
}
.seriesInfo{
	display:table-cell;
	width:300px;
	vertical-align:top;
	background:rgba(255,255,255,0.3);
	text-align:center;
}
.seriesImage img{
	width:100%;
}
.seriesTitle{
	background-color:#42B691;
	display:inline-block;
	padding:6px;
	color:#FFF;
	border-radius:12px;
	margin:10px 0;
}
.audioIcon{
	background:url(../media/images/icons/audioIcon.png) no-repeat;
	background-size:20px 20px;
	background-position:5px 5px;
}
.videoIcon{
	background:url(../media/images/icons/videoIcon.png) no-repeat;
	background-size:20px 20px;
	background-position:5px 5px;
}
.textIcon{
	background:url(../media/images/icons/textIcon.png) no-repeat;
	background-size:20px 20px;
	background-position:5px 5px;
}
.podcastLocation{
	border-radius:12px;
	padding:10px;
	background:rgba(255,255,255,0.3);
	margin:10px 0;
	overflow:auto;
}
@media only screen 
and (max-width : 650px) {
	.series{
		display:block;
	}
	.seriesInfo{
		display:block;
		width:auto;
	}
	.seriesTitle{
		display:block;
		margin:0;
		border-radius:0;
	}
}


/********************************Update Manager********************************************/
.updateArea{
	display:block;
	margin:20px 0;
	background:#ececec;
	text-align:left;
}
.updateHead{
	background-color:#42B691;
	display:block;
	padding:10px;
	font-size:24px;
	color:#FFF;
}
.updateContent{
	padding:10px;
	color:#31393C;
}
.updateLeft{
	display:inline-block;
	width:200px;
	vertical-align:top;
}
.updateRight{
	display:inline-block;
	width:calc(100% - 220px);
	padding:0 10px;
	vertical-align:top;
}
.updateArea .current{
	background: url(../media/images/assets/check.png) center left no-repeat;
	background-position:10px 50%;
	background-size:30px 30px;
	padding:10px;
	text-align:right;
	background-color:#42B691;
	color:#FFF;
	border-radius:30px;
	font-size:20px;
}
.updateArea .button{
	background:#42B691;
	border:none;
	margin:10px;
}
.updateArea .button:hover{
	background:#389779;
}
.updateArea .installed{
	display:block;
	border-top:solid 1px rgba(0,0,0,0.4);
	border-bottom:solid 1px rgba(255,255,255,0.4);
	padding:10px 0;
}
.updateArea .archiveRow{
	display:block;
	border-top:solid 1px rgba(0,0,0,0.4);
	border-bottom:solid 1px rgba(255,255,255,0.4);
	padding:10px 0 10px 20px;
	transition:all ease-in-out 0.4s;
}
.updateArea .archiveRow:hover{
	background:#31393C;
	color:#FFF;
}
.updateArea .archiveRow .button{
	float:right;
	margin-top:-10px;
}
#openArchive{
	padding-top:20px;
}
#updateArchive{
	padding-top:50px;
}