@font-face {
                font-family:'Titillium Web';font-style:normal;font-weight:400;src:local('Titillium Web'),local('TitilliumWeb-Regular'),url(../includes/titillium.woff) format('woff');
            }
@font-face {
    font-family:RobotoBold;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../includes/robotoBold.woff) format('woff');
}
@font-face {
    font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto Regular'),local('Roboto-Regular'),url(../includes/roboto.woff) format('woff');
}
   	
body {
	text-align:center;margin: 0;padding: 0;background-color: #014862; background-image:url(/codejs/images/table_bg.jpg); background-repeat:no-repeat; background-position:0 0; background-size:100% auto;
}
	
#cta {
	z-index: 999; display:none; position:absolute; left: 50%; max-width:563px; width:92%; top:15%; min-height:269px; background:#018285;background-size:100% 100%;padding-top:1px
}
   
#cta > div:first-child {
	padding:15px; box-sizing:border-box;
}
.call-2-action {
    float:right;
    margin-top:10px
}
.cta-copy{
	margin:10px 0 10px; padding:10px 0; text-align: center; font-size:22px; font-family:helvetica, Arial, sans-serif; float:left;color:#fff
}

#handcommentry{
	clear:both;font:15px arial; text-align:left;overflow-y:auto; overflow-x:hidden; height: 105px; padding: 9px; background:#fff;
}

#overlay {
	width:100%;height:100%;position: absolute;z-index: 99;left:0;top:0;display: none;background:transparent
}

#close{
	float:right;
	margin:-5px 0 5px
}

.cta-copy span{
	color:#9a0d0d
}

#random-quote {
	z-index:999999999999999;display:none;position:absolute;left:50%;margin-left:-15%;top:30%;width:70%;background:#014761;padding:25px;font-family:helvetica,Arial,sans-serif;font-size:16px;color:#fff;line-height:24px;text-align:left;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:solid 3px #b0c2a4;-moz-box-shadow:0 0 8px 8px rgba(0,0,0,.3);-webkit-box-shadow:0 0 8px 8px rgba(0,0,0,.3);box-shadow:0 0 8px 8px rgba(0,0,0,.3);
}

#loading {
	position:absolute;bottom:-90px;right:0;background:url(/codejs/images/loading_msg.png) no-repeat right top;width:100%;height:80px
}

.quote-logo{
	margin-top:-80px;margin-left:-50px
}

img.playbutton{
	width:80px;position:absolute;top:50%;margin-top:-40px;left:50%;margin-left:-40px;display:block
}

#orientation-msg { 
	font-family:helvetica,Arial,sans-serif;font-size:18px;color:#000;padding:15px;display:none;margin:40px auto 20px;
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;width:90%;text-align:left;
	background:#fff;box-sizing:border-box;overflow:hidden
}

#orientation-msg img { 
	float:right;padding:10px 10px 10px 10px
}

.powered-by { 
	left:60%;top:60%; position:absolute; display:none 
}

.group {
	width:100%;height:100%;border:solid 0 red;position:absolute;left:0;top:0;opacity:.6;display:none
}

.group-logo{
	display:table-cell;vertical-align:middle;text-align:center;z-index:0
}

#group-img {
  	width:75%
}

.kineticjs-content{
	text-align:left
}
#full-screen { font:15px arial;line-height:40px;text-decoration:none;text-align:center;z-index:99999999999;position:absolute;top:45%;left:50%;margin-left:-120px;height:40px;width:240px;background:black;color:#fff;display:none;border-radius: 5px;display:none }