body 
{
    /*background:url('../img/BG.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
    background-size:120% 120%;*/
    background-color:transparent;/*#ed7b00;*/
    margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
    overflow:hidden;
}

#bgContainer
{
    background-color:rgba(0,55,128,1);/*#4b90f8;/*#ed7b00;*/
    position:absolute;
    left:0px;
    top:0px;
	width:100%;
	height:100%;
}

a
{
    color:#b64b23;/*#008ec8;*/
    text-decoration:none;
}

#stageContainer
{
    position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
    opacity:1;
    z-index:1;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;

    /*cursor:url('../img/turn.png'),crosshair;*/
}

#cC
{
    background:transparent;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-ms-perspective: 1200;
	-ms-perspective-origin: 50% 50%;
	-webkit-perspective: 1200;
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective: 1200;
	-moz-perspective-origin: 50% 50%;
	perspective: 1200;
	perspective-origin: 50% 50%;
}

#env3D
{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -transform-style: preserve-3d;
	transform-style: preserve-3d;
    pointer-events:none;
    /*border:2px solid;*/
}

#subMenuHolder
{
    -webkit-overflow-scrolling:touch;
}

.newsOptionOn
{
    border-radius:0px;
    padding:6px;
    padding-top:10px;
    font: 12px/36px 'QuicksandBook', Arial, sans-serif;
    background:rgba(20,200,190,0.5);
    margin-right:10px;
    margin-bottom:15px;
    cursor:pointer;
    color:rgba(0,0,0,1);
}

.newsOptionOff
{
    border-radius:0px;
    padding:6px;
    padding-top:10px;
    font: 12px/36px 'QuicksandBook', Arial, sans-serif;
    background:rgba(20,200,190,0.2);
    margin-right:10px;
    margin-bottom:15px;
    cursor:pointer;
    color:rgba(255,255,255,0.25);
}

.preserve3D
{
	/*perspective: 900px;
	perspective-origin: 50% 50%;*/
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.noClick3D
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.noTransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}


.full3D
{
    -webkit-transform-style: preserve-3d;
	-webkit-perspective: inherit;
	-webkit-perspective-origin: inherit;
	-moz-transform-style: preserve-3d;
	-moz-perspective: inherit;
	-moz-perspective-origin: inherit;
	transform-style: preserve-3d;
	perspective: inherit;
	perspective-origin: inherit;
    border-color:#0000ff;
    border-style:solid;
    border-width:10px;
}

.just3D
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
}


#container
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.rotateSlide
{
    background: -moz-linear-gradient(left, transparent, rgba(255,0,0,1) 50%, transparent 100%);
    background: -webkit-gradient(left top, right top, transparent, rgba(255,0,0,1), transparent);
    background: -webkit-linear-gradient(left, transparent, rgba(255,0,0,1) 50%, transparent 100%);
    background: -o-linear-gradient(left, transparent, rgba(255,0,0,1) 50%, transparent 100%);
    background: -ms-linear-gradient(left, transparent, rgba(255,0,0,1) 50%, transparent 100%);
    background: linear-gradient(to right, transparent, rgba(255,0,0,1) 50%, transparent 100%);
}

.contentMask
{
    -webkit-box-shadow: inset -6px 15px 16px -7px rgba(0,0,0,0.3);
    -moz-box-shadow: inset -6px 15px 16px -7px rgba(0,0,0,0.3);
    box-shadow: inset -6px 15px 16px -7px rgba(0,0,0,0.3);
}

.menuBox
{
    /*-webkit-box-shadow: inset -6px 15px 16px -7px rgba(0,0,0,0.8);
    -moz-box-shadow: inset -6px 15px 16px -7px rgba(0,0,0,0.8);
    box-shadow: inset -6px 15px 16px -7px rgba(0,0,0,0.8);*/
    -webkit-overflow-scrolling:touch;
}

.menuBoxMobile
{
    -webkit-overflow-scrolling:touch;
}

.welcomeNote
{
    width:100%;
    font: 14px/18px 'QuicksandBold', Arial, sans-serif;
    text-align:left;
    color:rgba(255,255,255,0.5);
}

.uploadInstr
{
    width:100%;
    font: 14px/18px 'QuicksandBook', Arial, sans-serif;
    text-align:center;
    color:rgba(255,255,255,0.5);
}


.prefPanel
{
    color:#ffffff;
    text-align:left;
    font: 14px/18px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
}

.iconBay
{
    position:relative;
    color:#ffffff;
    text-align:left;
    font: 10px/12px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
    margin-bottom:20px;
    cursor:pointer;
    pointer-events:default;
    overflow:hidden;
    margin-top:-38px
}

.iconTitle
{
    color:#ffffff;
    width:100px;
    text-align:left;
    font: 10px/12px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
    margin-top:10px;
    margin-left:10px;
    float:left;
    opacity:0.5;
    overflow:hidden;
    word-break:break-all;
    white-space: nowrap;
    text-overflow:ellipsis;
    cursor:pointer;
    pointer-events:default;
}

.iconTitleiPad
{
    width:1px;
    overflow:hidden;
    word-break:break-all;
    white-space: nowrap;
    text-overflow:ellipsis;
    visibility:hidden;
    pointer-events:default;
}

.iconIMG
{
    margin-bottom:5px;
    width:30px;
    height:30px;
    overflow:hidden;
    float:left;
    cursor:pointer;
}

.iconIMGMobile
{
    margin-bottom:5px;
    width:60px;
    height:60px;
    overflow:hidden;
    float:left;
    cursor:pointer;
}

.relatedNav
{
    color:rgba(255,255,255,1);
    text-align:left;
    font: 24px/30px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
    margin-left:5px;
}

.columnQ
{
    opacity:0.5;
    font: 14px/14px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
}


.relatedNavMobile
{
    color:rgba(255,255,255,1);
    text-align:left;
    font: 24px/24px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
    margin-top:3px;
    margin-left:5px;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.prevNews
{
    color:rgba(255,255,255,1);
    text-align:left;
    margin-top:5px;
    font: 12px/13px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
    width:40px;
}

.nextNews
{
    color:rgba(255,255,255,1);
    text-align:right;
    margin-top:5px;
    font: 12px/13px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
    width:40px;
}

.relatedTags
{
    color:rgba(0,0,0,1);
    text-align:left;
    font: 20px/24px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
}

.relatedTagsMobile
{
    color:rgba(0,0,0,1);
    text-align:left;
    font: 24px/28px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.postButton
{
    color:rgba(0,0,0,1);
    text-align:center;
    font: 24px/30px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
    padding-top:9px;
    
}


#title
{
    color:#aaaaaa;
    text-align:center;
    font: 32px/24px 'QuicksandBook', Arial, sans-serif;
}


.radioTitle
{
    font: 32px/24px 'QuicksandBold', Arial, sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
    text-overflow:ellipsis;
}

.click
{
    pointer-events:default;
}

.noClick
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

/*--------------------------------GLOBE-----------------------*/

.noClickSphere
{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.globeSurface
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     pointer-events:none;
     /*border-style:solid;
     border-width:1px;
     border-color:#ffffff;*/
}

.sphereGlow
{
    /*   border-radius:280px;*/
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
    /*box-shadow:0px 0px 40px #053765;
    
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(radial, 60% 40%, 0, 60% 40%, 80, from(#053765), to(#000000));
    
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-radial-gradient(60% 35%, closest-corner, #053765, #021932, #000000, #000000, #010916);
    
    /* Firefox 3.6+ */
    background: -moz-radial-gradient(60% 30%, closest-corner, #053765, #000000);
    
    /* IE 10 */
    background: -ms-radial-gradient(60% 40%, closest-corner, #053765, #000000);

    
    
    /*background:#000912;
    /*-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -backface-visibility: hidden;
    backface-visibility: hidden;*/
}

.locatorHolder
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    /*border-radius:2px;
     box-shadow:0px 0px 10px #ffffff;*/
}

.locator
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    border-radius:50%;
    box-shadow:0px 0px 10px #ffffff;
}

.locatorBlock
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -backface-visibility: hidden;
    backface-visibility: hidden;
}

.locatorBeam
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-border-radius:2px;
    -moz-border-radius: 2px;
    border-radius:2px;
    /*box-shadow:0px 0px 10px #ffffff;*/
    /*background: -webkit-linear-gradient(left, white, #053765, transparent); /* Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(left, #2e50ab, #053765, transparent); /* For Opera 11.6 to 12.0 */
    /*background: -moz-linear-gradient(left, #2e50ab, #053765, transparent); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(left, #2e50ab, #053765, transparent); /* Standard syntax #0f1f60, */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.locatorLabel
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
    -webkit-backface-visibility: inherit;
    -moz-backface-visibility: inherit;
    -backface-visibility: inherit;
    backface-visibility: inherit;
    color:#ffffff;
    font: 10px/8px 'QuicksandBold', Arial, sans-serif;
    text-shadow: 0px 0px 8px #000000;
    text-overflow:ellipsis;
    text-align:center;
}

.sphereCentre
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius:50%;
}


/*--------------------------------PROG BAR-----------------------*/

.progBarHolder
{
    color:#ffffff;
    font: 16px/14px 'QuicksandBook', Arial, sans-serif;
    padding-top:10px;
    padding-left:15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
    /*box-shadow:0px 0px 40px #053765;*/
    -webkit-border-radius:18px;
    -moz-border-radius: 18px;
    border-radius:18px;
    height:5px;
    background:#000912;
    overflow:hidden;
    /*border-style:solid;
    border-width:1px;
    /*border-color:#182861;*/
}

.progBar
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
    -webkit-border-radius:18px;
    -moz-border-radius: 18px;
    border-radius:18px;
    overflow:hidden;
}

/*--------------------------------NAVS-----------------------*/

.navGrad
{
    background: rgba(0,0,0,0.25);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 35%, transparent 90%);
    background: -webkit-gradient(left top, left bottom, color-stop(35%, rgba(0,0,0,0.25)), color-stop(90%, transparent));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 35%, transparent 90%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.25) 35%, transparent 90%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.25) 35%, transparent 90%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.25) 35%, transparent 90%);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.navMain
{
    color:#dddddd;
    font: 28px/28px 'QuicksandDash', Arial, sans-serif;
    text-shadow: 0px 0px 10px #0000ff;
    letter-spacing:10px;
    cursor:pointer;
}

.navMainMobile
{
    color:#dddddd;
    font: 28px/28px 'QuicksandBook', Arial, sans-serif;
    text-shadow: 0px 0px 10px #0000ff;
    letter-spacing:10px;
    text-align:center;
}

.navCrumbs
{
    -webkit-border-radius:12px;
    -moz-border-radius: 12px;
    border-radius:12px;
    padding:3px;
    color:#000000;
    font: 12px/12px 'QuicksandBold', Arial, sans-serif;
    text-shadow: 0px 0px 10px #0000ff;
    letter-spacing:1px;
    word-break:break-all;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:pointer;
    text-align:center;
}

.hitPoint
{
    -webkit-border-radius:12px;
    -moz-border-radius: 12px;
    border-radius:12px;
    background: -webkit-radial-gradient(white, transparent, transparent); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(white, transparent, transparent); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(white, transparent, transparent); /* For Firefox 3.6 to 15 */
    background: radial-gradient(white, transparent, transparent); /* Standard syntax #0f1f60, */
    top:0px;
    position:absolute;
    user-select: none;
    pointer-events:none;
    visibility:hidden;

    opacity:0.25;
}

.lowMain
{
    color:#dddddd;
    font: 14px/14px 'QuicksandBook', Arial, sans-serif;
    text-shadow: 0px 0px 10px #0000ff;
    letter-spacing:4px;
    cursor:pointer;
}

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

.searchForm
{
    font: 18px/18px 'QuicksandBook', Arial, sans-serif;
    text-shadow: none;
    color:#dddddd;
    margin-bottom:20px;
    padding:15px;
    height:20px;
}

.photoIDTag
{
    padding-left:3px;
    padding-right:3px;
    opacity:1;
    background:rgba(100,0,100,0.4);
    color:rgba(255,255,255,1);
    margin-left:20px;
}

.articleIDTag
{
    padding-left:3px;
    padding-right:3px;
    opacity:1;
    background:rgba(0,100,100,0.4);
    color:rgba(255,255,255,1);
    margin-left:20px;
}

.eventIDTag
{
    padding-left:3px;
    padding-right:3px;
    opacity:1;
    background:rgba(100,100,0,0.4);
    color:rgba(255,255,255,1);
    margin-left:20px;
}

.urlInput
{
    position:absolute;
    width:80%;
    height:26px;
    left:2px;
    top:2px;
    font: 18px/24px 'source_sans_proregular', Arial, sans-serif;
    padding:10px;
    border-style:none;
}

.searchInput
{
    position:absolute;
    font: 36px/36px 'source_sans_proregular', Arial, sans-serif;
    padding:10px;
    border-style:none;
}

.noClickInput
{
    position:absolute;
    font: 18px/24px 'source_sans_proregular', Arial, sans-serif;
    padding:10px;
    border-style:none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

#linkURLOKHolder
{
    position:absolute;
    width:40px;
    height:40px;
    right:5px;
    top:5px;
    background:#aaaaaa;
    border-radius:20px;
}

/*--------------------------------ARTICLES-----------------------*/

.feedbackFigure
{
    color:#ffffff;
    text-align:center;
    padding:6px;
    font: 11px/11px 'QuicksandBold', Arial, sans-serif;
/*    font: 12px/12px 'source_sans_proregular', Arial, sans-serif;*/
    border-style:solid;
    border-color:#ffffff;
    border-width:2px;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.articleTitle
{
    color:#ffffff;
    text-align:center;
    text-shadow: 0px 0px 10px #000000;
    font: 24px/30px 'QuicksandBook', Arial, sans-serif;
}

.articleColumn
{
    color:#ffffff;
    text-align:left;
    font: 28px/36px 'source_sans_proregular', Arial, sans-serif;
    cursor:pointer;
    text-shadow: none;
}

.liveButtonText
{
    padding:8px;
    padding-left:12px;
    padding-right:12px;
    color:#000000;
    text-align:center;
    font: 24px/36px 'QuicksandBook', Arial, sans-serif;
    text-shadow: none;/*0px 0px 2px #ffffff;*/
}

.liveButton
{
    padding:8px;
    color:#ffffff;
    text-align:center;
    font: 24px/36px 'QuicksandBook', Arial, sans-serif;
    text-shadow: 0px 0px 0px #ffffff;
    background:rgba(50,50,50,0.5);
    width:auto;
}

.articleNav
{
    color:#ffffff;
    text-align:left;
    font: 36px/36px 'QuicksandDash', Arial, sans-serif;
}

.navTitle
{
    color:#000000;
    text-align:left;
    font: 24px/30px 'source_sans_proregular', Arial, sans-serif;
    padding-top:2%;
    padding-left:2%;
}

.calendarDay
{
    color:#ffffff;
    text-align:left;
    font: 14px/18px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
}

.calEvent
{
    width:100%;
    text-align:left;
    font: 12px/11px 'source_sans_proregular', Arial, sans-serif;
    margin-bottom: 5px;
    text-shadow: none;
}

.calArticlePanel
{
    padding:5px;
    width:90%;
    margin-bottom:5px;
    text-overflow:ellipsis;
    overflow:hidden;
    background:rgba(0,255,255,0.15);
}

.calAsset
{
    text-align:left;
    font: 12px/11px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
}


.dayEventsPreview
{
    width:100%;
    padding:6px;
    text-align:left;
    font: 18px/22px 'source_sans_proregular', Arial, sans-serif;
    margin-bottom: 12px;
    background:rgba(0,255,255,0.15);
    text-shadow: none;
}

.dayArticlePreview
{
    width:100%;
    padding:6px;
    text-align:left;
    font: 18px/22px 'source_sans_proregular', Arial, sans-serif;
    margin-bottom: 12px;
    text-shadow: none;
}

.dayArticlePanel
{
    padding:5px;
    width:100%;
    margin-bottom:10px;
    text-overflow:ellipsis;
    overflow:hidden;
    background:rgba(0,255,255,0.15);
    text-shadow: none;
}

.dayAssetPanel
{
    padding:5px;
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    overflow:hidden;
    background:rgba(0,255,255,0.15);
    text-shadow: none;
}


.mainAssetWindow
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:pointer;
}

.mainAssetButton
{
    /*box-shadow:0px 0px 30px #053765;*/
}


.commentBox
{
    color:#333333;
    font: 14px/14px 'QuicksandBold', Arial, sans-serif;
    padding:10px;
    border-style:none;
    -webkit-touch-callout: default;
    -webkit-user-select: default;
    -khtml-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    user-select: default;
    cursor:pointer;
}

.authorBar
{
    color:#ffffff;
    font: 12px/12px 'QuicksandBold', Arial, sans-serif;
    cursor:pointer;
}

.postedBy
{
    padding-top:6px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    cursor:pointer;
}

.barInteractions
{
    padding-top:8px;
    float:left;
    margin-left:5px;
}


/*--------------------------------FORMS-----------------------*/


.formHeader
{
    color:#ffffff;
    font: 24px/48px 'QuicksandBold', Arial, sans-serif;
    cursor:pointer;
    white-space: wrap;
    text-overflow:ellipsis;
    text-decoration:none;
    text-align:center;
}

.formSubmit
{
    padding:12px;
    font: 24px/24px 'QuicksandBold', Arial, sans-serif;
    color:#ffffff;
    white-space: wrap;
    text-overflow:ellipsis;
    text-decoration:none;
    text-align:center;
}

.formField
{
    float:left;
    margin-right:10px;
    color:#ffffff;
    font: 14px/14px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
}

.formField50
{
    float:left;
    margin-right:10px;
    color:#ffffff;
    font: 14px/14px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
}

.formFieldEntry
{
    color:#333333;
    font: 14px/14px 'QuicksandBold', Arial, sans-serif;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    text-align:left;
}

.fieldDesc
{
    margin-left:12px;
    margin-bottom:12px;
    color:#ffffff;
    font: 12px/12px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
}

.formMenuOptions
{
    font: 12px/12px 'QuicksandBold', Arial, sans-serif;
    text-align:left;
}

.noC
{
    
}



.dataLayer
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:pointer;

}

#dataBlockHolder
{
    /*border-top-right-radius:24px;
    /*box-shadow:0px 0px 30px #182861;*/
}

.dataUnit
{
    padding:15px;
    color:#ffffff;
    font: 16px/14px 'QuicksandBold', Arial, sans-serif;
    word-break:break-all;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.dataUnitContent
{
    color:#ffffff;
    font: 14px/18px 'QuicksandBold', Arial, sans-serif;
    word-break:normal;
    white-space: normal;
    text-overflow:no;
}

.dataCount
{
    color:#ffffff;
    font: 12px/18px 'QuicksandBold', Arial, sans-serif;
}

.dataUnitTitle
{
    color:#ffffff;
    text-align:left;
    font: 32px/32px 'QuicksandBook', Arial, sans-serif;
}

.dataUnitSubTitle
{
    color:#ffffff;
    text-align:left;
    font: 14px/16px 'QuicksandBold', Arial, sans-serif;
}

.locInfoVarContent
{
    font: 14px/18px 'QuicksandBold', Arial, sans-serif;
    word-break:normal;
    white-space: normal;
    text-overflow:no;
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:rgba(150,150,200,0.25);
}

.locInfoButton
{
    padding:4px;
    padding-left:8px;
    background: rgba(255,255,255,0.5);
    color:#000000;
    font: 10px/12px 'QuicksandBold', Arial, sans-serif;
}

.articleSummaryTitle
{
    text-align:left;
    font: 16px/20px 'QuicksandBold', Arial, sans-serif;
}

.articleSummaryDate
{
    color:#ffffff;
    text-align:left;
    font: 12px/20px 'QuicksandBold', Arial, sans-serif;
}


.contentHolder
{
    -webkit-touch-callout: default;
    -webkit-user-select: default;
    -khtml-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    user-select: default;
    pointer-events:default;
}

#contentSpace
{
    /*border-top-right-radius:12px;*/
    color:#dddddd;
    font: 14px/14px 'QuicksandBook', Arial, sans-serif;
}

#contentBG
{
    /*background: -webkit-linear-gradient(top, transparent, #25458f, #25458f, transparent); /* Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(top, transparent, #25458f, #25458f, transparent); /* For Opera 11.6 to 12.0 */
    /*background: -moz-linear-gradient(top, transparent, #25458f, #25458f, transparent); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(top, transparent, #25458f, #25458f, transparent); /* Standard syntax #0f1f60, */

}

.closeButton
{
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
    background-size:40% 40%;
    -webkit-border-radius:0%;
    -moz-border-radius: 0%;
    border-radius:0%;
    border-style:solid;
    border-width:0px;
    border-color:#ffffff;
/*    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    cursor:pointer;
}

.timelineYearPanel
{
    /*background: rgba(255,0,0,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, transparent 50%, transparent 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(255,0,0,1)), color-stop(50%, transparent), color-stop(100%, transparent));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, transparent 50%, transparent 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, transparent 50%, transparent 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,0,0,1) 0%, transparent 50%, transparent 100%);
    background: radial-gradient(ellipse at center, rgba(255,0,0,1) 0%, transparent 50%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff', GradientType=1 );*/
    
    border-radius:50%;
    text-align:right;
    
    /*background: transparent;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,1) 51%, transparent 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(51%, rgba(0,0,0,1)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,1) 51%, transparent 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0,0,0,1) 51%, transparent 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0,0,0,1) 51%, transparent 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 51%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );*/
}

.timelineYearTitle
{
    font: 18px/18px 'QuicksandBold', Arial, sans-serif;
    text-align:right;
    color:#ffffff;
    -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-backface-visibility: hidden;
	backface-visibility: hidden;
}

.timelineMonthTitle
{
    padding:6px;
    font: 16px/16px 'QuicksandBold', Arial, sans-serif;
    text-align:right;
    text-shadow: 0px 0px 10px #000000;
    color:#ffffff;
    /*-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-backface-visibility: hidden;
	backface-visibility: hidden;*/
}

.sparkJoiner
{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.sparkLabel
{
    text-transform:uppercase;
    font: 10px/14px 'QuicksandBook', Arial, sans-serif;
    text-shadow: 0px 0px 10px #000000;
    color:#dddddd;
    /*-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-backface-visibility: hidden;
	backface-visibility: hidden;*/
    white-space: nowrap;
    text-overflow:ellipsis;
    /*border-radius:25px;
    border-color:#ffffff;
    border-style:solid;
    border-width:2px;
    background-color:#555555;*/
    opacity:0.25;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.sparkHitRight
{
    -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-backface-visibility: hidden;
	backface-visibility: hidden;
}


.sparkHitLeft
{
    -webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-backface-visibility: visible;
	backface-visibility: visible;
}


.sparkLabelDark
{
    text-transform:uppercase;
    font: 10px/10px 'QuicksandBook', Arial, sans-serif;
    text-shadow: 0px 0px 10px #000000;
    color:#444444;
    opacity:0.75;
    white-space: nowrap;
    text-overflow:ellipsis;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.sparkJoint
{
    background-color:transparent;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.sparkHead
{
    /*background: -webkit-radial-gradient(#1b3b5f, transparent, transparent); /* Safari 5.1 to 6.0 */
    /*background: -o-radial-gradient(#111111, transparent, transparent); /* For Opera 11.6 to 12.0 */
    /*background: -moz-radial-gradient(#111111, transparent, transparent); /* For Firefox 3.6 to 15 */
    /*background: radial-gradient(#111111, transparent, transparent); /* Standard syntax */
    
    background: rgba(0,25,60,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,25,100,1) 0%, transparent 71%, transparent 100%); /*25,55,95*/
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(0,25,60,1)), color-stop(71%, transparent), color-stop(100%, transparent));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,25,60,1) 0%, transparent 71%, transparent 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,25,60,1) 0%, transparent 71%, transparent 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,25,60,1) 0%, transparent 71%, transparent 100%);
    background: radial-gradient(ellipse at center, rgba(0,25,60,1) 0%, transparent 71%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#003680', GradientType=1 );
    
    font: 10px/11px 'QuicksandBook', Arial, sans-serif;
    text-shadow: 0px 0px 10px #000000;
    color:#444444;
    opacity:1;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    cursor:pointer;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;*/
    -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    cursor:pointer;
}

.sparkBlocker
{
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    cursor:pointer;
}

.headRingHolder
{
    border-radius:50%;
}

.sparkHeadLabel
{
     text-transform:uppercase;
     font: 12px/11px 'QuicksandBook', Arial, sans-serif;
    text-shadow: 0px 0px 10px #000000;
    color:#ffffff;
    opacity:0.75;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
    text-align: center;
}

.sparkHeadRing
{
    opacity:0.75;
    /*-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-backface-visibility: hidden;
	backface-visibility: hidden;*/
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-transform-style: preserve-3d;
	transform-style: preserve-3d;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
    text-align: center;
    -webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-backface-visibility: hidden;
	backface-visibility: hidden;
    border-radius:50%;
}


.bodyIMG
{
    width:100%;
}


.bodyIMGHolder
{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    box-shadow:0px 0px 30px rgba(255,255,255,0.5);
}

.bodyiFrame
{
    width:100%;
    border:none;
    background:transparent;
    height:550px;
}

.bodyiFrameHolder
{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
    box-shadow:0px 0px 30px rgba(255,255,255,0.5);
}

.bodyEmbedHolder
{
    width:100%;
    margin-top:20px;
    margin-bottom:20px;
}

.bodyVideo
{
    width:100%;
    border:none;
    background:transparent;
    height:420px;
}

.articleMainBody
{
    color:#ffffff;
    font: 18px/24px 'source_sans_proregular', Arial, sans-serif;
}

.articleNotes
{
    color:#aaaaaa;
    font: 14px/18px 'source_sans_proregular', Arial, sans-serif;
}

h2
{
    color:#ffffff;
    font: 30px/30px 'QuicksandDash', Arial, sans-serif;
}

h3
{
    color:rgba(255,255,255,0.6);
    font: 24px/28px 'QuicksandBook', Arial, sans-serif;
}

h4
{
    color:rgba(255,255,255,0.6);
    font: 22px/26px 'source_sans_proregular', Arial, sans-serif;
    font-style:bold;
}


.creditIMG
{
    color:rgba(255,255,255,0.4);
    font: 12px/18px 'source_sans_proregular', Arial, sans-serif;
}

.setListSong
{
    padding:5px;
    background:rgba(0,255,255,0.15);
    color:rgba(255,255,255,0.4);
    font: 18px/18px 'source_sans_proregular', Arial, sans-serif;
    text-shadow:none;
    cursor = pointer;
    pointer-events = auto;
}

.imageBackDrop
{
    background-size:cover;

/*    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px); */

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;

}

.profileBackdrop
{
    width:100%;
    height:100%;
    /*-webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);*/
    opacity:0.1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events:none;
}

.cityLink
{
    float:left;
}

.globeHolder20
{
    margin-top:3px;
    width:20px;
    height:20px;
    margin-left:8px;
    margin-right:8px;
}


.globeLink
{
    margin-top:3px;
    margin-left:8px;
    margin-right:8px;
    border-radius:50%;
    opacity:0.6;
    cursor = pointer;
}

.clearFloat
{
    clear: both;
}

.wordList
{
    color:#aaaaaa;
    text-align:left;
    font: 16px/34px 'source_sans_proregular', Arial, sans-serif;
    border-style:solid;
    border-width:1px;
    border-color:#ffffff;
    padding:3px;
    padding-left:5px;
    padding-right:5px;
    background:#ffffff;
    text-shadow:none;
}

.mobileMenu2D
{
    color:#ffffff;
    font: 30px/30px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    overflow:hidden;
    word-break:break-all;
    white-space: nowrap;
    text-overflow:ellipsis;
    cursor:pointer;

}

.menu2D
{
    color:#ffffff;
    font: 16px/16px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    overflow:hidden;
    word-break:break-all;
    white-space: nowrap;
    text-overflow:ellipsis;
    cursor:pointer;
    
}

.specialAdditional
{
    width:100%;
    font: 18px/22px 'QuicksandBook', Arial, sans-serif;
    text-align:center;
    color:rgba(255,255,255,1);
}

/*-----------------PROFILE-----------------------*/

#profileContainer
{
    position:absolute;
    height:0px;
    background-color:rgba(0,0,0,0.25);
    overflow:scroll;
}

.profileTitles
{
    width:100%;
    font: 14px/18px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    color:rgba(255,255,255,1);
}

.profileTitleNotes
{
    width:100%;
    font: 10px/18px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    color:rgba(255,255,255,0.5);
}

.profileArticleTitle
{
    font: 14px/18px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    color:rgba(255,255,255,0.5);
    text-shadow: none;
    cursor:pointer;
}

.profileArticleTitleNotes
{
    font: 10px/18px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    color:rgba(255,255,255,0.5);
    text-shadow: none;
}

.feedbackTitle
{
    font: 12px/18px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    color:rgba(255,255,255,0.5);
    text-shadow: none;
    cursor:pointer;
    margin-bottom:10px;
}

.feedbackTitleNotes
{
    font: 12px/15px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    color:rgba(255,255,255,0.5);
    text-shadow: none;
    margin-bottom:10px;
}

.userName
{
    font: 30px/36px 'QuicksandDash', Arial, sans-serif;
    text-align:left;
    color:#ffffff;
    text-shadow: none;
}

.userSkills
{
    font: 12px/28px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    color:#ffffff;
    text-shadow: none;
}

.userDetail
{
    font: 13px/20px 'QuicksandBook', Arial, sans-serif;
    text-align:left;
    color:#ffffff;
    text-shadow: none;
}

.fullFrame
{
    position:absolute;
    border:none;
    left:0px;
    right:0px;
    width:100%;
    height:100%;
    -webkit-overflow-scrolling:touch;
}

.iFrameEmbed
{
    -webkit-overflow-scrolling:touch;
}

.navigatorTitle
{
    color:#ffffff;
    width:150px;
    text-align:left;
    font: 12px/12px 'source_sans_proregular', Arial, sans-serif;
    text-shadow: none;
    margin-top:10px;
    margin-left:10px;
    float:left;
    opacity:0.5;
    overflow:hidden;
    word-break:break-all;
    white-space: nowrap;
    text-overflow:ellipsis;
    cursor:pointer;
    pointer-events:default;
}

.knockBack
{
    opacity:0.5;
}