/*
    Document   		: aqua-blue.css
    Created on 		: Jan 16, 2010, 10:02:43 PM
    Last Updated	: Dec 4, 2014, 1:25:00 PM
    Author     		: Mark Greig
    Description:
        Common Jappleng University Stylesheet for Aqua Blue theme
        Contents within must not be used outside of Jappleng.
        Copyright 2005-2014, Jappleng University
*/
/* BASICS */
body {
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/wallpaper/aqua-blue.gif');
	background-repeat: repeat-x;
	background-color: #ffffff;
    text-align : center ;
    min-width : 1031px ;
    margin-top: 0px;
	margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}
a:link {
	text-decoration: none;
    color: inherit;
}
a:visited {
	text-decoration: none;
    color: inherit;
}
a:hover {
	text-decoration: none;
	color: #FF7D7D;
}
a:active {
	text-decoration: none;
	color: #ff7654;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
li {
	display: inline;
	list-style: none;
}
@font-face {
  font-family: "GSMTBold";
  src: url("../fonts/gsmtbold.ttf") format("truetype");
}
@font-face {
  font-family: "GSMT";
  src: url("../fonts/gsmt.ttf") format("truetype");
}

/*	The following CSS is for the Final reivison of the site */


/* fonts */

@font-face {
  font-family: "jplprime";
  src: url("../fonts/jplprime.ttf") format("truetype"),
  		url('../fonts/jplprime.eot?#iefix') format('embedded-opentype'),
  		url('../fonts/jplprime.woff') format('woff');
}
@font-face {
  font-family: "jplprime-b";
  src: url("../fonts/jplprime-b.ttf") format("truetype"),
  		url('../fonts/jplprime-b.eot?#iefix') format('embedded-opentype');
}

/* Common CSS */
.whiteshadow {
    background: #fff;
    box-shadow: 1px 2px 2px #c8c8c8, #eaeaea 1px 0px 1px inset;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
.whiteshadow-img {
    background: #fff;
    box-shadow: 1px 2px 2px #c8c8c8, #eaeaea 1px 0px 1px inset;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
.whitelink {
	color: #fff;
	text-decoration: none;
}
.whitelink a:link {
	color: #fff;
	text-decoration: none;
}
.whitelink a:visited {
	color: #fff;
	text-decoration: none;
}
.whitelink a:active {
	color: #fff;
	text-decoration: none;
}
.whitelink a:hover {
	color: #37b1de;
	text-decoration: none;
}
.gradient_a {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 67%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(67%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 67%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 67%,#f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 67%,#f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 67%,#f9f9f9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */
}
/* Coloring Fonts */
.fita {
	font-style: italic;
}
.fontwhite {
	color: #fff;
}
.fontwhite a:link {
	color: #fff;
	text-decoration: none;
}
.fontwhite a:visited {
	color: #fff;
	text-decoration: none;
}
.fontwhite a:hover {
	color: #ffeb40;
	text-decoration: none;
}
.fontwhite a:active {
	color: #fff;
	text-decoration: none;
}

.warningcolor {
	color: #b48137;
	text-decoration: none;
}
.warningcolor a:link {
	color: #e68a06 !important;
	text-decoration: none !important;
}
.warningcolor a:visited {
	color: #e68a06 !important;
	text-decoration: none !important;
}
.warningcolor a:active {
	color: #e68a06 !important;
	text-decoration: none !important;
}
.warningcolor a:hover {
	color: #d47826 !important;
	text-decoration: none !important;
}

.page_title {
	color: #ffb391;
}
.page_title a:link {
	color: #ffb391;
	text-decoration: none;
}
.page_title a:visited {
	color: #ffb391;
	text-decoration: none;
}
.page_title a:active {
	color: #ffb391;
	text-decoration: none;
}
.page_title a:hover {
	color: #cc541e;
	text-decoration: none;
}
.page_description {
	color: #8f8f8f;
}
.page_description a:link {
	color: #8f8f8f;
	text-decoration: none;
}
.page_description a:visited {
	color: #8f8f8f;
	text-decoration: none;
}
.page_description a:active {
	color: #8f8f8f;
	text-decoration: none;
}
.page_description a:hover {
	color: #769ec8;
	text-decoration: none;
}

.article-body {
	color: #8f8f8f;
}
.article-body a:link {
	color: #50a55a;
	text-decoration: none;
}
.article-body a:visited {
	color: #50a55a;
	text-decoration: none;
}
.article-body a:active {
	color: #50a55a;
	text-decoration: none;
}
.article-body a:hover {
	color: #407bde;
	text-decoration: none;
}

.right-quick-profile {
	color: #c1c1c1;
}
.right-quick-profile a:link {
	color: #50a55a;
	text-decoration: none;
}
.right-quick-profile a:visited {
	color: #50a55a;
	text-decoration: none;
}
.right-quick-profile a:active {
	color: #50a55a;
	text-decoration: none;
}
.right-quick-profile a:hover {
	color: #407bde;
	text-decoration: none;
}

.r_source {
	color: #e39876;
}
.r_source a:link {
	color: #e39876;
	text-decoration: none;
}
.r_source a:visited {
	color: #e39876;
	text-decoration: none;
}
.r_source a:active {
	color: #e39876;
	text-decoration: none;
}
.r_source a:hover {
	color: #cc5c2a;
	text-decoration: none;
}

.share_article_container {

}
.share_article_container ul {
    list-style-type: none;
    padding-right: 10px;
}
.share_article_container li {
    display: inline;
}
.share_article_div {
	position: absolute;
	z-index: 9;
	margin-left: 283px;
	margin-top: 13px;
	width: 396px;
}

.linktype-a {
	color: #df7242;
}

.linktype-a a:link {
	color: #df7242;
	text-decoration: none;
}
.linktype-a a:visited {
	color: #df7242;
	text-decoration: none;
}
.linktype-a a:hover {
	color: #ec2213;
	text-decoration: none;
}
.linktype-a a:active {
	color: #df7242;
	text-decoration: none;
}

.justify-left {
	display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row wrap; /* Safari 6.1+ */
    -webkit-align-content: space-around; /* Safari 7.0+ */
    display: flex;
    flex-flow: row wrap;
    align-content: space-around;
}
.access_menu_a {
	color: #a7a7a7;
}
.access_menu_a a:link {
	color: #a7a7a7;
	text-decoration: none;
}
.access_menu_a a:visited {
	color: #a7a7a7;
	text-decoration: none;
}
.access_menu_a a:active {
	color: #a7a7a7;
	text-decoration: none;
}
.access_menu_a a:hover {
	color: #7cafd3;
	text-decoration: none;
}
.access_menu_b {
	color: #a7a7a7;
}
.access_menu_b a:link {
	color: #35b53e;
	text-decoration: none;
}
.access_menu_b a:visited {
	color: #35b53e;
	text-decoration: none;
}
.access_menu_b a:active {
	color: #35b53e;
	text-decoration: none;
}
.access_menu_b a:hover {
	color: #347538;
	text-decoration: none;
}

.menu-color-a {
	color: #56a3c3;
}
.menu-color-a a:link {
	color: #56a3c3 !important;
	text-decoration: none;
}
.menu-color-a a:visited{
	color: #56a3c3 !important;
	text-decoration: none;
}
.menu-color-a a:hover {
	color: #6a97ca !important;
	text-decoration: none;
}
.menu-color-a a:active{
	color: #56a3c3 !important;
	text-decoration: none;
}

.menu-color-b {
	color: #ed8531;
}
.menu-color-b a:link {
	color: #ed8531 !important;
	text-decoration: none;
}
.menu-color-b a:visited{
	color: #ed8531 !important;
	text-decoration: none;
}
.menu-color-b a:hover {
	color: #e86800 !important;
	text-decoration: none;
}
.menu-color-b a:active{
	color: #ed8531 !important;
	text-decoration: none;
}

/* Used to disable selection, primarily for visual reasons */
.nsel {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

::selection { background: #4e4e4e; color:inherit; }
::-moz-selection { background: #4e4e4e; color:inherit; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* This is all the css that's needed to make it work. The two rules below are generated by the tabs plugin */
.tabs-hide {
display:none; /* hide non-active tabs */
}
.tabs-container {
background:#fff; /* kills fadding in/out IE text bug */
}
#wrapper {
        width : 1031px ;
        overflow: hidden;
        text-align : left ;
        margin-left : auto ;
        margin-right : auto ;
        position : relative ;
		padding-left: 16px;
		background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/header/background-shadow.png');
		background-repeat: repeat-y;
}

/* FOOTER */
.site-footer {
	width: 1001px;
	height: 33px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/footer/overall-footer.gif');
	background-repeat: repeat-x;
}
.site-footer-text-l {
	font-size: 10px;
	text-align: left;
	color: #686d72;
	position: absolute;
	margin: 11px 8px;
	text-shadow: 0px 0px 1px #fff;
	filter: text-shadow(Color=#fff, Direction=90, Strength=1);
	z-index: auto;
}
.site-footer-text-r {
	font-size: 10px;
	text-align: right;
	color: #686d72;
	position: absolute;
	margin: 11px 690px;
	width: 300px;
	text-shadow: 0px 0px 1px #fff;
	filter: text-shadow(Color=#fff, Direction=90, Strength=1);
}
.site-footer-text-l a:link {
	color: #686d72;
	text-decoration: none;
}
.site-footer-text-l a:hover {
	color: #686d72;
	text-decoration: none;
}
.site-footer-text-r a:link {
	color: #686d72;
	text-decoration: none;
}
.site-footer-text-r a:hover {
	color: #686d72;
	text-decoration: none;
}

/* UNORGANIZED */
.header-orange {
	color: #ff7654;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
}
/* Quick Access Panel */
.quick-access-text {
	color: #8b8b8b;
        font-size: 11px;
}
.quick-access-text a:link {
	color: #8b8b8b;
}
.quick-access-text a:visited {
	color: #8b8b8b;
}
.quick-access-text a:hover {
	color: #5586be;
}

/* Jappleng News Module */
.head {
	width: 229px;
	height: 340px;
	margin: 0;
	padding-left: 3px;
}
.jnmheader {
	min-height: 43px;
	max-height: 43px;
	width: 229px;
	margin: 0;
	padding: 0;
}
.jnmfooter {
	min-height: 20px;
	max-height: 20px;
	min-width: 229px;
	max-width: 229px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9c9c9c;
	text-align:center;
    text-decoration: none;
    padding-top: 3px;
	position: absolute;
	margin-top: -1px;
	z-index: 40;
}
.jnmfooter a:link {
        color: #ff7654;
        font-weight: bold;
        text-decoration: none;
}

.jnmfooter a:visited {
        color: #ff7654;
        font-weight: bold;
        text-decoration: none;
}

.jnmfooter a:active {
        color: #ff7654;
        font-weight: bold;
        text-decoration: none;
}

.jnmfooter a:hover {
        color: #ff7654;
        font-weight: bold;
        text-decoration: none;
}
.mparticles-footer-text {
	position: absolute;
	margin-top: 21px;
	width: 389px;
	text-align: center;
	font-size: 10px;
	color: #999ea3;
	z-index: 10;
	text-shadow: 0px 0px 1px #fff;
	filter: text-shadow(Color=#fff, Direction=90, Strength=1);
}
.mparticles-footer-text a:link {
	color: #999ea3;
	text-decoration: none;
}
.mparticles-footer-text a:hover {
	color: #5586be !IMPORTANT;
	text-decoration: none;
}
.mparticles-footer-text a:visited {
	color: #999ea3;
	text-decoration: none;
}
/* Font Properties */
.green-a {
	color: #7dac86;
}
.green-b {
	font-weight: bold;
	color: #7dac86;
}
/* EXTRA */
.education-m1 {
    margin-left: 2px;
    margin-top: 3px;
    width: 153px;
    height: 118px;
    color: #3b5363;
    text-shadow: 0px 0px 1px #fff;
    filter: text-shadow(Color=#fff, Direction=90, Strength=1);
    padding-top: 4px;
    padding-left: 4px;
    font-size: 11px;
    background-image: url('/application/assets/images/modules/education-popular-articles/bg-blue.png');
    background-repeat: no-repeat;
}
.education-m1 a:hover {
    color: #146ca7;
    text-decoration: none;
}
.education-m2 {
    margin-left: 165px;
    margin-top: 40px;
    position: absolute;
    height: 85px;
    color: #557990;
    text-shadow: 0px 0px 1px #fff;
    filter: text-shadow(Color=#fff, Direction=90, Strength=1);
    padding-top: 7px;
    font-size: 11px;
    z-index: 50;
}
.education-m2 a:hover {
    color: #664cb8;
    text-decoration: none;
}
.box {
	width: 229px;
	margin: 0 0 15px;
	padding: 0px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	min-height: 74px;
	max-height: 74px;
}

.thumbnail {
	width: 75px;
	height: 74px;
	float: left;
	z-index: 3;
	position: absolute;
}
.dotted_seperator {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 9px;
	color: #91a6dd;
	text-align: center;
	margin-top: -16px;
	padding-bottom: 3px;
	float: left;
	width: 229px;
}

.box h3 {
	margin: 0px;
	padding: 0px 4px 0px;
	font-size: 12px;
        font-weight: bold;
	color: #ff7654;
	float: left;
	min-width: 140px;
	max-width: 140px;
        font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
        overflow: hidden;
}

.box h4 {
	margin: 0px;
	padding: 0px 0px 0px;
	font-size: 10px;
	color: #91a6dd;
	float: left;
	text-align: center;
	min-width: 145px;
	max-width: 145px;
        font-weight: lighter;
}

.box h5 {
	margin: 0px 5px 0px;
	font-size: 10px;
	min-height: 42px;
	max-height: 42px;
	min-width: 28ex;
	max-width: 28ex;
	color: #7c7c7c;
	font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-weight:lighter;
	float: left;
        overflow: hidden;
}

.box h5:after {
        content: "...";
}
/* End of Jappleng News Module */

/* Begin Fun Article Module */
.avthead {
	width: 229px;
	margin: 25px 5px 10px;
	padding: 0;
	float: left;
}
.avtheader {
	min-height: 20px;
	max-height: 20px;
	width: 229px;
	margin: 0;
	padding: 0;
}
.s_thumbnail {
	width: 35px;
	height: 35px;
        padding-right: 3px;
	float: left;
	clear: left;
}
.avtbox {
	width: 229px;
	margin: 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
.avtbox h3 {
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	font-size: 12px;
	color: #ff7654;
	float: right;
        text-decoration: none;
        font-weight: bold;
	min-width: 191px;
	max-width: 191px;
}

.avtbox h3 a:link {
        text-decoration: none;
        color: #ff7654;
}

.avtbox h4 {
	margin: 0px;
	padding: 0px 0px 0px;
	font-size: 10px;
	color: #7c7c7c;
	float: right;
        font-weight: lighter;
	min-width: 191px;
	max-width: 191px;
}
.avtbox h5 {
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	font-size: 10px;
	color: #91a6dd;
	float: right;
        text-decoration: none;
        font-weight: lighter;
	min-width: 191px;
	max-width: 191px;
}
.dotted2_seperator {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 9px;
	color: #91a6dd;
	text-align: center;
	float: left;
	width: 229px;
}

/* End Fun Module */

/* Begin View Article */
.bthead {
        padding-top: 10px;
        background-image: url("/application/assets/images/education/main-background.gif");
        background-repeat: repeat-y;
}
.vthead {
	width: 679px;
	margin: 10px 10px 10px;
	padding: 8px 8px 0px;
	float: left;
        background-image: url("/application/assets/images/articles/main-background.gif");
        background-repeat: repeat-y;
}
.vtheader {
	min-height: 20px;
	max-height: 20px;
	width: 672px;
	margin: 0;
	padding: 0;
}
.vtfooter {
	min-height: 20px;
	max-height: 20px;
	min-width: 229px;
	max-width: 229px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9c9c9c;
	text-align:center;
}
.l_thumbnail {
	width: 219px;
	height: 215px;
	float: right;
	clear: right;
        padding-bottom: 10px;
        margin-right: 11px;
        z-index: 777;
}
.l2_thumbnail {
	width: 219px;
	height: 127px;
	float: right;
	clear: right;
        padding-bottom: 10px;
        margin-right: 8px;
}
.vtbox {
	width: 672px;
	margin: 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
}
.vtbox h2 {
	margin: 0px;
	padding: 0px 4px 0px;
	font-size: 10px;
	color: #aaaaaa;
}
.vtbox h3 {
	margin: 0px;
	padding: 0px 0px 0px;
	font-size: 14px;
	color: #7ac187;
}

.vtbox h4 {
	margin: 0px;
	padding: 0px 0px 0px;
	font-size: 10px;
	color: #91a6dd;
	text-align: center;
}
.vtbox h5 {
	font-size: 12px;
	color: #557990;
	min-height: 400px;
        padding-right: 8px;
        font-weight: lighter;
}
.vtbox h6 {
	min-height:  75px;
	max-height: 75px;
}
.vtbox h8 {
	font-size: 12px;
	color: #57788e;
        padding-right: 8px;
        font-weight: lighter;
}
.vtbhdr {
	color: #fe7a2b;
	font-size: 14px;
	font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding-left: 3px;
        margin-top: -10px;
}
.vtsep {
        min-height: 35px;
        max-height: 35px;
	position: relative;
	min-width: 672px;
	max-width: 672px;
}
.vtbox h9 {
        min-height: 15px;
        max-height: 15px;
}
.vtbop {
        padding-top: 10px;
        padding-bottom: 10px;
}
.vtct {
	font-size: 14px;
	color: #7ac187;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        z-index: 1000;
}
/* End View Article */

/* Begin Bottom Announcement */
.bamid {
        position: absolute;
        z-index: 2;
        margin: -65px 0px 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #57788e;
        font-weight: lighter;
        text-decoration: none;
}

/* End Bottom Announcement */

/* Begin search box */
#searchwrapper {
width:136px;
height:30px;
background-image:url('/application/assets/images/menu/jappleng-search.gif');
background-repeat:no-repeat;
padding:0px;
margin:0px;
position:absolute;
}

#searchwrapper form {
    display:inline;
    position: absolute;
}
.opera #searchwrapper form {
    margin-left: 5px;
    margin-top: -8px;
}

.searchbox {
border:0px;
background-color:transparent;
position: absolute;
margin-left: 5px;
padding-top: 7px;
width:136px;
height:30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bolder;
color: #80b088;
text-decoration: none;
}

.searchbox_submit {
border:0px;
background-color:transparent;
position:absolute;
left: 136px;
width:20px;
height:30px;
top: 0px;
}
/* end search box*/
a.miniblue {
	color: #91a6dd;
}
a.miniblue:hover {
	color: #FF7D7D;
}
a.footer-url {
	color: #949494;
}
a.footer-url:hover {
	color: #FF7D7D;
}
.pink-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #dc6578;
	font-weight: bold;
}
.light-gray_text {
	font-size: 12px;
	color: #7c7c7c;
	font-family: Arial, Helvetica, sans-serif;
}
.light-gray_text-bold {
	font-size: 12px;
	color: #7c7c7c;
	font-family: Arial, Helvetica, sans-serif;
}
.footer {
	font-size: 8px;
	color: #7c7c7c;
	font-family: Arial, Helvetica, sans-serif;
}
.green-info {
	font-size: 12px;
	font-weight: bold;
	color: #62b187;
	font-family: Arial, Helvetica, sans-serif;
}
.dimred-unavailable {
	font-size: 12px;
	font-weight: bold;
	color: #ff7654;
	font-family: Arial, Helvetica, sans-serif;
}
.text-red {
	font-size: 12px;
	font-weight: bold;
	color: #ad5353;
	font-family: Arial, Helvetica, sans-serif;
}
.text-gold {
	font-size: 12px;
	font-weight: bold;
	color: #b69d6c;
	font-family: Arial, Helvetica, sans-serif;
}
.text-pink {
	font-size: 12px;
	font-weight: bold;
	color: #f47fc4;
	font-family: Arial, Helvetica, sans-serif;
}
.text-black {
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
}
.text-green {
	font-size: 12px;
	font-weight: bold;
	color: #6d9870;
	font-family: Arial, Helvetica, sans-serif;
}
.o-ita {
	font-size: 12px;
	color: #e8a67a;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.bluenav-1 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #99b1ff;
	text-decoration: none;
}
.bluenav-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #cbd7ff;
	text-decoration: none;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #949494;
	text-decoration: none;
}
.style10 {
	font-size: 10px;
	color: #dc6578;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #91a6dd;
        padding-left: 5px;
}
.credits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #91a6dd;
	font-weight: bold;
        padding-left: 8px;
}
.style12 {
	color: #7c7c7c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none}
.style13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #91a6dd;
	text-decoration: none}
.style13 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #91a6dd;
	text-decoration: none}
.style13 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff7654;
	text-decoration: none}
.educationmenu{
	color: #91a6dd;
        font-weight: bold;
	text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
}
.educationmenub {
	color: #7c7c7c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.style14 {
	color: #c1c1c1;
	background-repeat: no-repeat;
}
.style15 {
	font-size: 10px;
	color: #9c9c9c;
	font-weight: bold;
	text-decoration: none}
.style16 {
	color: #ffbb5b;
}
.style17 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ff7654;
}
.listheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #dc6578;
}
.style17 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ff7654;
}
.japanese-header {
	font: MS Gothic;
	font-size: 13px;
	color: #dcadb4;
}
.style19 {
	font-size: 12px
}
.style20 {
	font-size: 11px
}
#mfeature {
	position:absolute;
	left: 203px;
}
#mfnews {
	position:absolute;
	left: 235px;
}
#macademics {
	position:absolute;
	left: 449px;
}
#msupport {
	position:absolute;
	z-index: 4;
	top: 478px;
	left: 890px;
}
#msponsorsb {
	position:absolute;
	left: 890px;
	top: 827px;
	z-index: 3281;
}
#mfooter {
	position:absolute;
	top: 1080px;
	z-index: 1;
}
p {
	margin:0 0 1em 0
}
#msticker {
	position:absolute;
	top: 708px;
	left: 447px;
}
#jnewshd {
	background-image: url('/application/assets/images/modules/newsbg.png');
}
#mclubjp {
	position:absolute;
	top: 820px;
	left: 232px;
}
#mmnewsr {
	position: absolute;
	overflow: hidden;
        margin-left: 2px;
	z-index: 15;
}
#spnsrs {
	position: absolute;
        margin-left: 1px;
	top: 820px;
	z-index: 12;
}
.green-header {
	font-size: 14px;
	font-weight: bold;
	color: #62b187;
	font-family: Arial, Helvetica, sans-serif;
}
.green-header a {
	font-size: 14px;
	font-weight: bold;
	color: #62b187;
	font-family: Arial, Helvetica, sans-serif;
}
#relatedlinks {
	font-size: 14px;
	font-weight: bold;
	color: #1b6aa2;
	font-family: Arial, Helvetica, sans-serif;
}
/* Japan Life */
#jlcontent {
	position:absolute;
	left: 200px;
	top: 182px;
	z-index: 1;
}
#jlsupport {
	position: absolute;
	left: 890px;
	top: 182px;
	z-index: 40;
}
#jlsponsorsb {
	position: absolute;
	left: 890px;
	top: 530px;
	z-index: 50;
}
#jlpicture {
	position:absolute;
	left:672px;
	top:192px;
	width:197px;
	height:208px;
	z-index:9999;
}
#jlnakama {
}
#jlcampus {
}
#jlhelpful {
	position: absolute;
	left: 890px;
	top: 768px;
	z-index: 45;
}
.campus_spotlight_headlim {
    padding-left: 3px;
    min-width: 136px;
    max-width: 136px;
    margin-top: -3px;
    max-height: 40px;
}
.campus_spotlight_desclim {
    padding-left: 3px;
    min-width: 136px;
    max-width: 136px;
    min-height: 40px;
    max-height: 40px;
}
.campus_spotlight_header {
    color: #ff8174;
    font-weight: bold;
}
.campus_spotlight_desc {
    color: #414141;
}

.article-list_title {
    position: absolute;
    margin-top: -80px;
    margin-left: 112px;
    font-size: 14px;
    color: #ff7200;
}

.article-list_description {
    position: absolute;
    margin-top: -64px;
    margin-left: 112px;
    min-width: 500px;
    max-width: 500px;
    width: 500px;
    font-size: 11px;
    color: #aaaaaa;
}

.article-list_subcat {
    position: absolute;
    margin-top: -80px;
    margin-left: 355px;
    font-size: 13px;
    color: #c1cde8;
    min-width: 250px;
    max-width: 250px;
    text-align: right;
    font-weight: normal;
    text-decoration: none;
}

.article-list_readmore {
    width: 18px;
    height: 60px;
    display: block;
    position: absolute;
    margin-left: 620px;
    margin-top: 12px;
}
.sortbyalpha {
    background-image: url('/application/assets/images/alphabet/blank-semitrans.png');
    width: 27px;
    height: 30px;
    font-size: 12px;
    color: #ffddc1;
    text-align: center;
}
.ack1 {
	font-size: 14px;
	color: #ff7200;
}

a.ack1 {
    	font-size: 14px;
        font-weight: bold;
	color: #ff7200;
}

/* CAMPUS MODULE */
.campus-x1 {
    list-style-type: none;
}
.campus-x1 a:link {
    color: #57b769;
    text-decoration: none;
}
.campus-x1 a:visited {
    color: #57b769;
    text-decoration: none;
}
.campus-x1 a:hover {
    color: #d04c7b;
    text-decoration: none;
}
.campus-x2 a:link {
    color: #57b769;
    text-decoration: none;
}
.campus-x2 a:visited {
    color: #57b769;
    text-decoration: none;
}
.campus-x2 a:hover {
    color: #d04c7b;
    text-decoration: none;
}
.nakama-pink {
    color: #d04c7b;
    text-decoration: none;
}
.nakama-pink a:link {
    color: #d04c7b;
    text-decoration: none;
}
.nakama-pink a:visited {
    color: #d04c7b;
    text-decoration: none;
}
.nakama-pink a:hover {
    color: #d04c7b;
    text-decoration: none;
}
#featured{ 
	min-width: 290px;
	max-width: 290px;
	font-size: 11px;
	color: #8f8f8f;
}
#featured ul.ui-tabs-nav{
	position: absolute;
	z-index: 600;
	list-style:none;
}
#featured ul.ui-tabs-nav li{
    outline: none;
}
#featured ul.ui-tabs-nav li span{
	display:block; 
	width: 313px;
	height: 71px;
    outline: none;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	width: 313px;
	height: 71px;
	background-image: url('/application/assets/templates/aqua-blue/plugins/articlescarousel/background-unselected.png');
	background-repeat: no-repeat;
    outline: none;
}
#featured li.ui-tabs-nav-item a:hover{
	display:block; 
	width: 313px;
	height: 71px;
	background-image: url('/application/assets/templates/aqua-blue/plugins/articlescarousel/background-unselected.png');
	background-repeat: no-repeat;
    outline: none;
}
#featured li.ui-tabs-selected{
	width: 313px;
	height: 71px;
	background-image: url('/application/assets/templates/aqua-blue/plugins/articlescarousel/background-selected.png');
	background-repeat: no-repeat;
	outline: none;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	width: 313px;
	height: 71px;
	background-image: url('/application/assets/templates/aqua-blue/plugins/articlescarousel/background-selected.png');
	background-repeat: no-repeat;
	outline: none;
}
#featured .ui-tabs-panel{ 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
.featuredtickerbox {
	position: absolute;
	z-index: 4;
	min-width: 535px;
	max-width: 535px;
	width: 535px;
	min-height: 259px;
	max-height: 259px;
	height: 259px; 
}
.featuredtickertop {
	position: absolute;
	width: 535px;
	height: 40px; 
}
.primticker {
	position: absolute;
	margin-left: 5px;
	margin-top: 38px;
	z-index: 5;
}
#jpticker{
	width:292px;
	position: absolute;
    z-index: 10;
	height:289px;
	margin-top: 11px;
	overflow: hidden;
	z-index: 30;
}
#jpticker ul.ui-tabs-nav2{
}
#jpticker ul.ui-tabs-nav2 li{
}
#jpticker li.ui-tabs-nav2-item2 a{
	outline: none;
}
#jpticker li.ui-tabs-nav2-item2 a:hover{
}
#jpticker li.ui-tabs-selected{
outline: none;
}
#jpticker ul.ui-tabs-nav2 li.ui-tabs-selected a{
outline: none;
}
#jpticker .ui-tabs-panel2{
}
#jpticker .ui-tabs-panel3{
	width:267px;
	height:210px;
	margin-left: 11px;
	position:absolute;
	max-width: 267px;
	max-height: 167px;
	overflow: hidden;
}
#jpticker .ui-tabs-hide{
	display:none;
}

/* Most Popular Articles This Week Module */
.header-bg-loop {
	width: 388px;
	height: 28px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/header-loop.png');
	background-repeat: repeat-x;
}
.header-fg-center {
	position: absolute;
	z-index: 9;
	margin-top: -2px;
	width: 388px;
	height: 36px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/header-center.png');
	background-repeat: repeat-x;
}
.header-fg-left {
	position: absolute;
	z-index: 10;
	margin-top: -2px;
	width: 12px;
	height: 36px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/header-left.png');
	background-repeat: no-repeat;
}
.header-fg-right {
	position: absolute;
	margin-left: 365px;
	margin-top: -2px;
	z-index: 10;
	width: 23px;
	height: 36px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/header-right.png');
	background-repeat: no-repeat;
}
.header-text-centered {
	position: absolute;
	margin-left: 25px;
	margin-top: 7px;
	width: 345px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-shadow: 2px 1px 2px #0a324f;
	filter: Shadow(Color=#0a324f, Direction=135, Strength=2);
}
.header-ball-left {
	position: absolute;
	margin-left: 7px;
	margin-top: 3px;
	width: 20px;
	height: 25px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/corner-ball.png');
	background-repeat: no-repeat;
}
.header-ball-right {
	position: absolute;
	margin-left: 363px;
	margin-top: 3px;
	width: 20px;
	height: 25px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/corner-ball.png');
	background-repeat: no-repeat;
}
.login-header-ball-left {
	position: absolute;
	margin-left: 7px;
	margin-top: 3px;
	width: 20px;
	height: 25px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/corner-ball.png');
	background-repeat: no-repeat;
}
.login-header-ball-right {
	position: absolute;
	margin-left: 393px;
	margin-top: 3px;
	width: 20px;
	height: 25px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/corner-ball.png');
	background-repeat: no-repeat;
}

/* Newest in Education Module (home Page) */

.edu-module-bg-loop {
	width: 829px;
	height: 28px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/header-loop.png');
	background-repeat: repeat-x;
}
.edu-module-fg-center {
	position: absolute;
	z-index: 9;
	margin-top: -2px;
	width: 829px;
	height: 36px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/header-center.png');
	background-repeat: repeat-x;
}
.edu-module-fg-left {
	position: absolute;
	z-index: 10;
	margin-top: -2px;
	width: 12px;
	height: 36px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/header-left.png');
	background-repeat: no-repeat;
}
.edu-module-fg-right {
	position: absolute;
	margin-left: 806px;
	margin-top: -2px;
	z-index: 10;
	width: 23px;
	height: 36px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/header-right.png');
	background-repeat: no-repeat;
}
.edu-module-text-left {
	position: absolute;
	margin-left: 25px;
	margin-top: 7px;
	width: 500px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	text-shadow: 2px 1px 2px #0a324f;
	filter: Shadow(Color=#0a324f, Direction=135, Strength=2);
}
.edu-module-text-right {
	position: absolute;
        z-index: 12;
	margin-left: 299px;
	margin-top: 7px;
	width: 500px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: right;
	text-shadow: 2px 1px 2px #0a324f;
	filter: Shadow(Color=#0a324f, Direction=135, Strength=2);
}
.edu-module-text-right a:link{
        color: #fff;
        text-decoration: none;
}
.edu-module-text-right a:active{
        color: #fff;
        text-decoration: none;
}
.edu-module-text-right a:hover{
        color: #fff;
        text-decoration: none;
}
.edu-module-text-right a:visited{
        color: #fff;
        text-decoration: none;
}
.edu-module-ball-left {
	position: absolute;
	margin-left: 7px;
	margin-top: 3px;
	width: 20px;
	height: 25px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/corner-ball.png');
	background-repeat: no-repeat;
}
.edu-module-ball-right {
	position: absolute;
	margin-left: 803px;
	margin-top: 3px;
	width: 20px;
	height: 25px;
	background-image: url('/jSpot/Sekai/styles/aqua-blue/theme/images/common/corner-ball.png');
	background-repeat: no-repeat;
}
.edu-menu-footer {
    width: 167px;
    height: 33px;
    font-size: 10px;
    color: #999ea3;
    text-align: center;
    padding-top: 4px;
    text-shadow: 0px 0px 1px #fff;
    filter: text-shadow(Color=#fff, Direction=90, Strength=1);
    background-image: url('/application/assets/images/modules/education-menu/footer.gif');
    background-repeat: no-repeat;
}
.edu-menu-backdrop {
    width: 167px;
    height: 126px;
    font-size: 11px;
    padding-top: 36px;
    padding-left: 8px;
    color: #557990;
    background-image: url('/application/assets/images/modules/education-menu/backdrop.gif');
    background-repeat: repeat-y;
}
.edu-menu-backdrop2 {
    width: 167px;
    height: 300px;
    font-size: 11px;
    padding-top: 36px;
    padding-left: 8px;
    color: #557990;
    background-image: url('/application/assets/images/modules/education-menu/backdrop.gif');
    background-repeat: repeat-y;
}
.edu-menu-featured {
    color: #3752a0;
}

.pagination {
    position: absolute;
    margin-left: 665px;
    margin-top: 10px;
    width: 150px;
    text-align: right;
    color: #9c9c9c;
    font-size: 11px;
}
.pagination a:link {
    font-weight: bold;
    color: #3186bc;
}
.pagination a:visited {
    font-weight: bold;
    color: #3186bc;
}
.pagination a:active {
    font-weight: bold;
    color: #3186bc;
}
.pagination a:hover {
    font-weight: bold;
    color: #ff3682;
}
.rightmenua {
	width: 159px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	font-style: normal;
	padding-top: 24px;
	margin-bottom: 10px;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 23%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#ffffff), color-stop(100%,#f9f9f9));
	background: -webkit-linear-gradient(top, #ffffff 23%,#f9f9f9 100%);
	background: -o-linear-gradient(top, #ffffff 23%,#f9f9f9 100%);
	background: -ms-linear-gradient(top, #ffffff 23%,#f9f9f9 100%);
	background: linear-gradient(to bottom, #ffffff 23%,#f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
.newsrightmenu {
	padding: 0px;
	color: #a7a7a7;
}
.newsrightmenu a:link{
	padding: 0px;
	color: #a7a7a7;
}
.newsrightmenu a:visited{
	padding: 0px;
	color: #a7a7a7;
}
.newsrightmenu a:hover{
	padding: 0px;
	color: #83b8e1;
}
.newsrightmenu a:active{
	padding: 0px;
	color: #a7a7a7;
}
#queueid{
	color: #da9292;
	background-color: transparent;
	border: none;
	border-width: 0px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
	filter: text-shadow(Color=#fff, Direction=90, Strength=1);
}
#queueid a:link {
	color: #da9292;
	text-decoration: none;
}
#queueid a:visited {
	color: #da9292;
	text-decoration: none;
}
#queueid a:active {
	color: #da9292;
	text-decoration: none;
}
#queueid a:hover {
	color: #6a97ca;
	text-decoration: none;
}
.commentblue {
	color: #969da6;
}
.commentblue a:link{
	color: #969da6;
	text-decoration: none;
}
.commentblue a:visited{
	color: #969da6;
	text-decoration: none;
}
.commentblue a:hover {
	color: #6a97ca;
	text-decoration: none;
}
.commentgray {
	color: #a2abb4;
}
.commentgray a:link{
	color: #a2abb4;
	text-decoration: none;
}
.commentgray a:visited{
	color: #a2abb4;
	text-decoration: none;
}
.commentgray a:hover {
	color: #6a97ca;
	text-decoration: none;
}
.jplearnblue {
	color: #87a8ce;
}
.jplearnblue a:link{
	color: #87a8ce;
	text-decoration: none;
}
.jplearnblue a:visited{
	color: #87a8ce;
	text-decoration: none;
}
.jplearnblue a:hover {
	color: #e85c9b;
	text-decoration: none;
}
.pastelorange {
	color: #e8c294;
}
.pastelorange a:link{
	color: #e8c294;
	text-decoration: none;
}
.pastelorange a:visited{
	color: #e8c294;
	text-decoration: none;
}
.pastelorange a:hover {
	color: #fff;
	text-decoration: none;
}
.navorange {
	color: #ffbf95;
}
.navorange a:link{
	color: #ffbf95;
	text-decoration: none;
}
.navorange a:visited{
	color: #ffbf95;
	text-decoration: none;
}
.navorange a:hover {
	color: #fff;
	text-decoration: none;
}
.commongreen {
	color: #7ebf80;
}
.commongreen a:link{
	color: #7ebf80;
	text-decoration: none;
}
.commongreen a:visited{
	color: #7ebf80;
	text-decoration: none;
}
.commongreen a:hover {
	color: #6a97ca;
	text-decoration: none;
}
.commonlightblue {
	color: #e5f0fa;
}
.commonlightblue a:link{
	color: #e5f0fa; 
	text-decoration: none;
}
.commonlightblue a:visited{
	color: #e5f0fa; 
	text-decoration: none;
}
.commonlightblue a:hover {
	color: #7ffffd;
	text-decoration: none;
}
.commonfadedblue {
	color: #a3d3ff; 
}
.commonfadedblue a:link{
	color: #a3d3ff; 
	text-decoration: none;
}
.commonfadedblue a:visited{
	color: #a3d3ff; 
	text-decoration: none;
}
.commonfadedblue a:hover {
	color: #7ffffd;
	text-decoration: none;
}
.commonblue {
	color: #79b6d5;
}
.commonblue a:link{
	color: #79b6d5;
	text-decoration: none;
}
.commonblue  a:visited{
	color: #79b6d5;
	text-decoration: none;
}
.commonblue  a:hover {
	color: #6a97ca;
	text-decoration: none;
}
.commongray {
	color: #818181;
}
.commongray a:link{
	color: #818181;
	text-decoration: none;
}
.commongray  a:visited{
	color: #818181;
	text-decoration: none;
}
.commongray  a:hover {
	color: #fe5e18;
	text-decoration: none;
}
.commonlightgray {
	color: #c1bebe;
}
.commonlightgray a:link{
	color: #c1bebe;
	text-decoration: none;
}
.commonlightgray a:visited{
	color: #c1bebe;
	text-decoration: none;
}
.commonlightgray a:hover{
	color: #fe5e18;
	text-decoration: none;
}
.commonorange {
	color: #ff7800;
}
.commonorange a:link{
	color: #ff7800;
	text-decoration: none;
}
.commonorange a:visited{
	color: #ff7800;
	text-decoration: none;
}
.commonorange a:hover{
	color: #fe5e18;
	text-decoration: none;
}
.commonwhite {
	color: #ffffff;
}
.commonwhite a:link{
	color: #ffffff;
	text-decoration: none;
}
.commonwhite a:visited{
	color: #ffffff;
	text-decoration: none;
}
.commonwhite a:active {
	color: #ffffff;
	text-decoration: none;
}
.commonwhite a:hover{
	color: #80a1ff;
	text-decoration: none;
}
.tickerorange {
	color: #dd753c;
}
.tickerorange a:link{
	color: #dd753c;
	text-decoration: none;
}
.tickerorange  a:visited{
	color: #dd753c;
	text-decoration: none;
}
.tickerorange  a:hover {
	color: #6695ba;
	text-decoration: none;
}
.entmenublue {
	font-weight: bold;
	color: #6c95af;
	font-style: normal;
	font-size: 12px;
}
.entmenublue a:link {
	font-weight: bold;
	color: #6c95af;
	font-style: normal;
	font-size: 12px;
	text-decoration: none;
}
.entmenublue a:visited{
	font-weight: bold;
	color: #6c95af;
	font-style: normal;
	font-size: 12px;
	text-decoration: none;
}
.entmenublue a:hover{
	font-weight: bold;
	color: #7453b1;
	font-style: normal;
	font-size: 12px;
	text-decoration: none;
}
.entmenublue a:active{
	font-weight: bold;
	color: #7453b1;
	font-style: normal;
	font-size: 12px;
	text-decoration: none;
}
.entmenured {
	font-style: italic;
	color: #b97979;
}
.entmenured a:link{
	font-style: italic;
	color: #b97979;
	text-decoration: none;
}
.entmenured a:visited{
	font-style: italic;
	color: #b97979;
	text-decoration: none;
}
.entmenured a:hover{
	font-style: italic;
	color: #6fae83;
	text-decoration: none;
}
.entmenured a:active{
	font-style: italic;
	color: #6fae83;
	text-decoration: none;
}
.text-center {
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	color: #8f8f8f;
	font-stretch: extended;
	line-height: 19px;
}
.text-center a:link{
	color: #7ebf80;
	font-weight: bold;
	text-decoration: none;
}
.text-center a:visited{
	color: #7ebf80;
	font-weight: bold;
	text-decoration: none;
}
.text-center a:hover{
	color: #6c95af;
	font-weight: bold;
	text-decoration: none;
}
.text-center a:active{
	color: #6c95af;
	font-weight: bold;
	text-decoration: none;
}
.tcomment_text {
	 color: #a2abb4;
}
.tcomment_text a:link {
	 color: #a2abb4;
	 text-decoration: none;
}
.tcomment_text a:hover {
	 color: #5da5ee;
	 text-decoration: none;
}
.tcomment_text a:visited {
	 color: #a2abb4;
	 text-decoration: none;
}
.tcomment_text a:active {
	 color: #a2abb4;
	 text-decoration: none;
}
.viewmoretext {
	color: #8f8f8f; 
	text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
	filter: text-shadow(Color=#fff, Direction=90, Strength=1);
	text-decoration: none;
}
.viewmoretext a:link{
	color: #7ebf80;
	text-decoration: none;
}
.viewmoretext a:visited{
	color: #7ebf80;
	text-decoration: none;
}
.viewmoretext a:hover{
	color: #ff7dab;
	text-decoration: none;
}
.footertext {
	color: #b3b3b3;
	font-style: normal;
}
.footertext a:link{
	color: #b3b3b3;
	text-decoration: none;
	font-style: normal;
}
.footertext a:visited{
	color: #b3b3b3;
	text-decoration: none;
	font-style: normal;
}
.footertext a:hover{
	color: #ff7dab;
	text-decoration: none;
	font-style: normal;
}
.purpleblue {
	color: #798dae;
}
.purpleblue a:link{
	color: #798dae;
	text-decoration: none;
}
.purpleblue a:visited{
	color: #798dae;
	text-decoration: none;
}
.purpleblue a:hover{
	color: #ff8297;
	text-decoration: none;
}
.navigray {
	color: #adadad;
}
.navigray a:link{
	color: #adadad;
	text-decoration: none;
}
.navigray a:visited{
	color: #adadad;
	text-decoration: none;
}
.navigray a:hover{
	color: #ff8297;
	text-decoration: none;
}
.usernormblue {
	color: #6c95af;
}
.usernormblue a:link {
	color: #6c95af;
	text-decoration: none;
}
.usernormblue a:visited {
	color: #6c95af;
	text-decoration: none;
}
.usernormblue a:active {
	color: #6c95af;
	text-decoration: none;
}
.usernormblue a:hover {
	color: #ff8297;
	text-decoration: none;
}
.usernameorange {
	color: #ed813a;
}
.usernameorange a:link {
	color: #ed813a;
	text-decoration: none;
}
.usernameorange a:active {
	color: #ed813a;
	text-decoration: none;
}
.usernameorange a:visited {
	color: #ed813a;
	text-decoration: none;
}
.usernameorange a:hover {
	color: #ff8297;
	text-decoration: none;
}
.commentbody {
	color: #8f8f8f;
	font-size: 11px;
	width: 722px;
	padding-top: 1px;
	padding-bottom: 15px;
	line-height: 18px;
	word-wrap: break-word;
}
.commentbody a:link {
	color: #6d9870;
	text-decoration: none;
}
.commentbody a:visited {
	color: #6d9870;
	text-decoration: none;
}
.commentbody a:hover {
	color: #ff8297;
	text-decoration: none;
}
.commentbody a:active {
	color: #6d9870;
	text-decoration: none;
}
.commentnamepad {
	margin-left: 92px;
	margin-top: -4px;
}
.textred {
	color: #b97979;
}
.textred a:link{
	color: #b97979;
	text-decoration: none;
}
.textred a:visited{
	color: #b97979;
	text-decoration: none;
}
.textred a:hover{
	color: #6fae83;
	text-decoration: none;
}
.textred a:active{
	color: #b97979;
	text-decoration: none;
}
.graydient {
	color: #fff;
	text-shadow: 0px 0px 4px #000000;
	background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,0.88) 12%, rgba(102,102,102,0.75) 25%, rgba(71,71,71,0.61) 39%, rgba(44,44,44,0.5) 50%, rgba(0,0,0,0.49) 51%, rgba(17,17,17,0.4) 60%, rgba(43,43,43,0.24) 76%, rgba(28,28,28,0.09) 91%, rgba(19,19,19,0) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,0.88)), color-stop(25%,rgba(102,102,102,0.75)), color-stop(39%,rgba(71,71,71,0.61)), color-stop(50%,rgba(44,44,44,0.5)), color-stop(51%,rgba(0,0,0,0.49)), color-stop(60%,rgba(17,17,17,0.4)), color-stop(76%,rgba(43,43,43,0.24)), color-stop(91%,rgba(28,28,28,0.09)), color-stop(100%,rgba(19,19,19,0)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,0.88) 12%,rgba(102,102,102,0.75) 25%,rgba(71,71,71,0.61) 39%,rgba(44,44,44,0.5) 50%,rgba(0,0,0,0.49) 51%,rgba(17,17,17,0.4) 60%,rgba(43,43,43,0.24) 76%,rgba(28,28,28,0.09) 91%,rgba(19,19,19,0) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,0.88) 12%,rgba(102,102,102,0.75) 25%,rgba(71,71,71,0.61) 39%,rgba(44,44,44,0.5) 50%,rgba(0,0,0,0.49) 51%,rgba(17,17,17,0.4) 60%,rgba(43,43,43,0.24) 76%,rgba(28,28,28,0.09) 91%,rgba(19,19,19,0) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,0.88) 12%,rgba(102,102,102,0.75) 25%,rgba(71,71,71,0.61) 39%,rgba(44,44,44,0.5) 50%,rgba(0,0,0,0.49) 51%,rgba(17,17,17,0.4) 60%,rgba(43,43,43,0.24) 76%,rgba(28,28,28,0.09) 91%,rgba(19,19,19,0) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,0.88) 12%,rgba(102,102,102,0.75) 25%,rgba(71,71,71,0.61) 39%,rgba(44,44,44,0.5) 50%,rgba(0,0,0,0.49) 51%,rgba(17,17,17,0.4) 60%,rgba(43,43,43,0.24) 76%,rgba(28,28,28,0.09) 91%,rgba(19,19,19,0) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#00131313',GradientType=0 );
	-webkit-border-radius: 10px; border-radius: 10px;
}
.graydient a:link {
	color: #ffffff;
	text-decoration: none;
}
.graydient a:active {
	color: #ffffff;
	text-decoration: none;
}
.graydient a:hover {
	color: #6fae83;
	text-decoration: none;
}
.graydient a:visited {
	color: #ffffff;
	text-decoration: none;
}
.lessonheader {
	min-width: 816px;
	max-width: 816px;
	min-height: 48px;
	max-height: 48px;
	margin-left: -5px;
	font-size: 14px;
	color: #858d98;
	background-image: url("/application/assets/templates/aqua-blue/plugins/education/module_recent-lesson-cell.png");
	background-repeat: no-repeat;
}
.shrunkheader {
	min-width: 605px;
	max-width: 605px;
	min-height: 48px;
	max-height: 48px;
	margin-left: -5px;
	font-size: 14px;
	color: #858d98;
	background-image: url("/application/assets/templates/aqua-blue/plugins/education/module_recent-lesson-cell.png");
	background-repeat: no-repeat;
}
.lessonfootie {
	min-width: 816px;
	max-width: 816px;
	min-height: 48px;
	max-height: 48px;
	margin-left: 2px;
	font-size: 14px;
	color: #858d98;
	background-image: url("/application/assets/templates/aqua-blue/plugins/education/module_recent-lesson-cell.png");
	background-repeat: no-repeat;
}
.previouslesson {
	float: left;
	margin-left: 5px;
	min-width: 251px;
	max-width: 251px;
	font-weight: bold;
	color: #c9c9c9;
}
.previouslesson a:link {
	float: left;
	margin-left: 5px;
	min-width: 251px;
	max-width: 251px;
	font-weight: bold;
	color: #858d98;
}
.previouslesson a:visited {
	float: left;
	margin-left: 5px;
	min-width: 251px;
	max-width: 251px;
	font-weight: bold;
	color: #858d98;
}
.nextlesson {
	float:right;
	text-align: right;
	color: #c9c9c9;
	margin-right: 15px;
	font-weight: bold;
}
.nextlesson a:link {
	float:right;
	text-align: right;
	color: #c48a8a;
	margin-right: 15px;
	font-weight: bold;
}
.nextlesson a:visited {
	float:right;
	text-align: right;
	color: #c48a8a;
	margin-right: 15px;
	font-weight: bold;
}
.lessongreen {
	color: #1cbe36;
}
.lessonblue {
	color: #3d74b7;
}
.lessonaqua {
	color: #46d6ff;
}
.lessonpurple {
	color: #8c68d5;
}
.lessonorange {
	color: #ff4646;
}
.charttable {
	font-size:12px;
	color:#333333;
	width:100%;
	border-width: 1px;
	border-color: #729ea5;
	border-collapse: collapse;
}
.charttable th {
	font-size:12px;
	background-color:#acc8cc;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #729ea5;
	text-align:center;
}
.charttable tr {
	background-color:#ffffff;
}
.charttable td {
	font-size:12px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	text-align: center;
	border-color: #729ea5;
}
.charttable tr:hover {
	background-color:#ffff99;
}
.smallcharttable {
	font-size:12px;
	color:#333333;
	width:50%;
	border-width: 1px;
	border-color: #729ea5;
	border-collapse: collapse;
}
.smallcharttable th {
	font-size:12px;
	background-color:#acc8cc;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #729ea5;
	text-align:center;
}
.smallcharttable tr {
	background-color:#ffffff;
}
.smallcharttable td {
	font-size:12px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	text-align: center;
	border-color: #729ea5;
}
.smallcharttable tr:hover {
	background-color:#ffff99;
}
.leftcharttablecg {
	font-size:14px;
	color:#333333;
	width:100%;
	border-width: 1px;
	border-color: #729ea5;
	border-collapse: collapse;
}
.leftcharttablecg th {
	font-size:14px;
	background-color:#acc8cc;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #729ea5;
	text-align:left;
}
.leftcharttablecg tr {
	background-color:#ffffff;
}
.leftcharttablecg td {
	font-size:14px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	text-align: left;
	line-height: 20px;
	border-color: #729ea5;
}
.leftcharttablecg tr:hover {
	background-color:#ffff99;
}
.leftcharttable {
	font-size:12px;
	color:#333333;
	width:100%;
	border-width: 1px;
	border-color: #729ea5;
	border-collapse: collapse;
}
.leftcharttable th {
	font-size:12px;
	background-color:#acc8cc;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #729ea5;
	text-align:left;
}
.leftcharttable tr {
	background-color:#ffffff;
}
.leftcharttable td {
	font-size:12px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	text-align: left;
	border-color: #729ea5;
}
.leftcharttable tr:hover {
	background-color:#ffff99;
}
.smallcharttableleft {
	font-size:12px;
	color:#333333;
	width:50%;
	border-width: 1px;
	border-color: #729ea5;
	border-collapse: collapse;
}
.smallcharttableleft th {
	font-size:12px;
	background-color:#acc8cc;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #729ea5;
	text-align:left;
}
.smallcharttableleft tr {
	background-color:#ffffff;
}
.smallcharttableleft td {
	font-size:12px;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	text-align: left;
	border-color: #729ea5;
}
.smallcharttableleft tr:hover {
	background-color:#ffff99;
}
.circliful {
    position: relative; 
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circle-info, .circle-info-half {
	color: #999;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}
.morris-hover {
	position:absolute;z-index:1000;
}
.morris-hover.morris-default-style{
	border-radius:10px;
	padding:6px;
	color:#666;
	background:rgba(255, 255, 255, 0.8);
	border:solid 2px rgba(230, 230, 230, 0.8);
	font-family:sans-serif;
	font-size:12px;
	text-align:center;
-webkit-box-shadow: 1px 1px 4px 4px #B4B4CC;
box-shadow: 1px 1px 4px 4px #B4B4CC;
}
.morris-hover.morris-default-style .morris-hover-row-label{
	font-weight:bold;
	margin:0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point{
	white-space:nowrap;
	margin:0.1em 0;
}
.pln{
	color:#000;
}
@media screen{
	.str{
		color:#080;
	}
	.kwd{
		color:#008;
	}
	.com{
		color:#800;
	}
	.typ{
		color:#606;
	}
	.lit{
		color:#066;
	}
	.pun,.opn,.clo{
		color:#660;
	}
	.tag{
		color:#008;
	}
	.atn{
		color:#606;
	}
	.atv{
		color:#080;
	}
	.dec,.var{
		color:#606;
	}
	.fun{
		color:red;
	}
}
@media print,projection{
	.str{
		color:#060;
	}
	.kwd{
		color:#006;
		font-weight:bold;
	}
	.com{
		color:#600;
		font-style:italic;
	}
	.typ{
		color:#404;
		font-weight:bold;
	}
	.lit{
		color:#044;
	}
	.pun,.opn,.clo{
		color:#440;
	}
	.tag{
		color:#006;
		font-weight:bold;
	}
	.atn{
		color:#404;
	}
	.atv{
		color:#060;
	}
}
pre.prettyprint{
	padding:2px;
	border:1px solid #888;
}
ol.linenums{
	margin-top:0;
	margin-bottom:0;
}
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{
	list-style-type:none;
}
li.L1,li.L3,li.L5,li.L7,li.L9{
	background:#eee;
}
#graph {
  width: 390px;
  height: 120px;
  margin: 20px auto 0 auto;
}
pre {
  height: 250px;
  overflow: auto;
}
.banner--clone {

    /* Required styles */
    position: fixed;
    top: 0;

    /* Additional styles */

    /* Translate -100% to move off screen */
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);

    /* Animations */
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;

}


/**
 * Headhesive stick
 * > `stick` class for the cloned element:
 *
 |  var options = {
 |      classes {
 |          stick: 'banner--stick';
 |      }
 |  }
 *
 */
.banner--stick {

    /* Translate back to 0%; */
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
}


/**
 * Headhesive unstick
 * > `unstick` class for the cloned element:
 *
 |  var options = {
 |      classes {
 |          unstick: 'banner--unstick';
 |      }
 |  }
 *
 */
.banner--unstick {
    /* Not required to use, but could be useful to have */
}
.container {
    max-width: 1001px;
    position: relative;
}
.jpshadow{
border-width: 2px;
border-style: solid;
border-color: white;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 3px rgb(180, 180, 180);
background: #ffffff;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.settings_save {
border-width: 2px;
border-style: solid;
border-color: white;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 3px rgb(180, 180, 180);
background: #d2ff52; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZmY1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MWU4NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d2ff52 0%, #91e842 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d2ff52 0%,#91e842 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-8 */

}
.shadowboxy {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.jspotwarning{
border-style: solid;
border-color: white;
border-radius: 0px 0px 4px 4px;
box-shadow: 1px 1px 3px rgb(180, 180, 180);
background: #ffc578; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzU3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjlkMjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffc578 0%, #fb9d23 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(100%,#fb9d23)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc578 0%,#fb9d23 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-8 */

}
.jspotsuccess{
border-style: solid;
border-color: white;
border-radius: 0px 0px 4px 4px;
box-shadow: 1px 1px 3px rgb(180, 180, 180);
background: #d2ff52; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZmY1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MWU4NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d2ff52 0%, #91e842 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d2ff52 0%,#91e842 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d2ff52 0%,#91e842 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-8 */
}
.gradorange{
border-style: solid;
border-color: white;
border-radius: 2px 2px 2px 2px;
box-shadow: 1px 1px 3px rgb(180, 180, 180);
background: #ffd000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk2MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffd000 0%, #ff9616 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd000), color-stop(100%,#ff9616)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffd000 0%,#ff9616 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffd000 0%,#ff9616 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffd000 0%,#ff9616 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffd000 0%,#ff9616 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd000', endColorstr='#ff9616',GradientType=0 ); /* IE6-8 */
}
.gradred {
border-style: solid;
border-color: white;
border-radius: 2px 2px 2px 2px;
box-shadow: 1px 1px 3px rgb(180, 180, 180);
background: #ff3019; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
}
.jspotfailed {
border-style: solid;
border-color: white;
border-radius: 0px 0px 4px 4px;
box-shadow: 1px 1px 3px rgb(180, 180, 180);
background: #ff3019; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
}
.jspotlove{
border-style: solid;
border-color: white;
border-radius: 0px 0px 4px 4px;
box-shadow: 1px 1px 3px rgb(180, 180, 180);
background: #febbbb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZlOTA5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjVjNWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-8 */

}
.childcomment{
border-width: 2px;
border-style: solid;
border-color: white;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 3px rgb(180, 180, 180);
background: #ffffff;
background: rgb(255,255,255);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.innershadow{
	-webkit-box-shadow:inset 0 0 3px 2px #E6E6E6;
	box-shadow:inset 0 0 3px 2px #E6E6E6;
}
.likecolor {
	color: #aa96ff;
}
.likecolor a:link{
	color: #aa96ff;
	text-decoration: none;
}
.likecolor a:hover{
	color: #fbaa40;
	text-decoration: none;
}
.likecolor a:active{
	color: #aa96ff;
	text-decoration: none;
}
.likecolor a:visited{
	color: #aa96ff;
	text-decoration: none;
}
.bubblingG {
text-align: center;
width:64px;
height:40px;
}

.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
margin: 20px auto;
background: #4898BD;
-moz-border-radius: 40px;
-moz-animation: bubblingG 0.8s infinite alternate;
-webkit-border-radius: 40px;
-webkit-animation: bubblingG 0.8s infinite alternate;
-ms-border-radius: 40px;
-ms-animation: bubblingG 0.8s infinite alternate;
-o-border-radius: 40px;
-o-animation: bubblingG 0.8s infinite alternate;
border-radius: 40px;
animation: bubblingG 0.8s infinite alternate;
}

#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

#bubblingG_2 {
-moz-animation-delay: 0.24s;
-webkit-animation-delay: 0.24s;
-ms-animation-delay: 0.24s;
-o-animation-delay: 0.24s;
animation-delay: 0.24s;
}

#bubblingG_3 {
-moz-animation-delay: 0.48s;
-webkit-animation-delay: 0.48s;
-ms-animation-delay: 0.48s;
-o-animation-delay: 0.48s;
animation-delay: 0.48s;
}
/* JSPOT THEMES */
/* ** DEFAULT ** */
.jspot_color_1 {
	color: #3f79a5;
}
.jspot_color_1 a:link{
	color: #3f79a5;
}
.jspot_color_1 a:visited{
	color: #3f79a5;
}
.jspot_color_1 a:hover{
	color: #f06363;
}
.jspot_color_1 a:active{
	color: #3f79a5;
}
.jspot_head_color_1 {
	color: #3f79a5;
}
.jspot_head_color_1 a:link{
	color: #3f79a5;
}
.jspot_head_color_1 a:visited{
	color: #3f79a5;
}
.jspot_head_color_1 a:hover{
	color: #f06363;
}
.jspot_head_color_1 a:active{
	color: #3f79a5;
}
.jspot_gradient_1 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}
.jspot_full_grad_1 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
/* ** PINK DIAMONDS ** */
.jspot_color_2 {
	color: #e639a3;
}
.jspot_color_2 a:link{
	color: #e639a3;
}
.jspot_color_2 a:visited{
	color: #e639a3;
}
.jspot_color_2 a:hover{
	color: #b681a1;
}
.jspot_color_2 a:active{
	color: #e639a3;
}
.jspot_head_color_2 {
	color: #9b63b0;
}
.jspot_head_color_2 a:link{
	color: #9b63b0;
}
.jspot_head_color_2 a:visited{
	color: #9b63b0;
}
.jspot_head_color_2 a:hover{
	color: #ca3d79;
}
.jspot_head_color_2 a:active{
	color: #9b63b0;
}
.jspot_gradient_2 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,219,234,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,219,234,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,219,234,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,219,234,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,219,234,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,219,234,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdbea', endColorstr='#ffffff',GradientType=0 );
}
.jspot_full_grad_2 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(255,236,244,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(255,236,244,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,236,244,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,236,244,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,236,244,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(255,236,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffecf4',GradientType=0 );
}
/* ** LIGHT BLUE DIAMONDS ** */
.jspot_color_3 {
	color: #1f84d0;
}
.jspot_color_3 a:link{
	color: #1f84d0;
}
.jspot_color_3 a:visited{
	color: #1f84d0;
}
.jspot_color_3 a:hover{
	color: #a567cc;
}
.jspot_color_3 a:active{
	color: #1f84d0;
}
.jspot_head_color_3 {
	color: #5c80a2;
}
.jspot_head_color_3 a:link{
	color: #5c80a2;
}
.jspot_head_color_3 a:visited{
	color: #5c80a2;
}
.jspot_head_color_3 a:hover{
	color: #285b8a;
}
.jspot_head_color_3 a:active{
	color: #5c80a2;
}
.jspot_gradient_3 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(218,232,255,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(218,232,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(218,232,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(218,232,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(218,232,255,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(218,232,255,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae8ff', endColorstr='#ffffff',GradientType=0 );
}
.jspot_full_grad_3 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(238,244,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(238,244,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(238,244,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(238,244,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(238,244,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(238,244,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef4ff',GradientType=0 );
}
/* ** LIGHT ORANGE DIAMONDS ** */
.jspot_color_4 {
	color: #c16f26;
}
.jspot_color_4 a:link{
	color: #c16f26;
}
.jspot_color_4 a:visited{
	color: #c16f26;
}
.jspot_color_4 a:hover{
	color: #ff8416;
}
.jspot_color_4 a:active{
	color: #c16f26;
}
.jspot_head_color_4 {
	color: #816f58;
}
.jspot_head_color_4 a:link{
	color: #816f58;
}
.jspot_head_color_4 a:visited{
	color: #816f58;
}
.jspot_head_color_4 a:hover{
	color: #cc852a;
}
.jspot_head_color_4 a:active{
	color: #816f58;
}
.jspot_gradient_4 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,244,219,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,244,219,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,244,219,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,244,219,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,244,219,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,244,219,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4db', endColorstr='#ffffff',GradientType=0 );
}
.jspot_full_grad_4 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(255,245,225,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(255,245,225,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,245,225,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,245,225,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,245,225,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(255,245,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff5e1',GradientType=0 );
}
/* ** PURPLE DIAMONDS ** */
.jspot_color_5 {
	color: #7b45be;
}
.jspot_color_5 a:link{
	color: #7b45be;
}
.jspot_color_5 a:visited{
	color: #7b45be;
}
.jspot_color_5 a:hover{
	color: #965a9f;
}
.jspot_color_5 a:active{
	color: #7b45be;
}
.jspot_head_color_5 {
	color: #785998;
}
.jspot_head_color_5 a:link{
	color: #785998;
}
.jspot_head_color_5 a:visited{
	color: #785998;
}
.jspot_head_color_5 a:hover{
	color: #a480ca;
}
.jspot_head_color_5 a:active{
	color: #785998;
}
.jspot_gradient_5 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(237,219,255,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(237,219,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(237,219,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(237,219,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(237,219,255,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(237,219,255,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eddbff', endColorstr='#ffffff',GradientType=0 );
}
.jspot_full_grad_5 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(248,242,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(248,242,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(248,242,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(248,242,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(248,242,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(248,242,255,11) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff5e1',GradientType=0 );
}
/* ** GREEN DIAMONDS ** */
.jspot_color_6 {
	color: #14aa57;
}
.jspot_color_6 a:link{
	color: #14aa57;
}
.jspot_color_6 a:visited{
	color: #14aa57;
}
.jspot_color_6 a:hover{
	color: #006d31;
}
.jspot_color_6 a:active{
	color: #14aa57;
}
.jspot_head_color_6 {
	color: #2e8139;
}
.jspot_head_color_6 a:link{
	color: #2e8139;
}
.jspot_head_color_6 a:visited{
	color: #2e8139;
}
.jspot_head_color_6 a:hover{
	color: #0ba82c;
}
.jspot_head_color_6 a:active{
	color: #2e8139;
}
.jspot_gradient_6 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(185,238,211,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(185,238,211,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(185,238,211,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(185,238,211,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(185,238,211,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(185,238,211,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9eed3', endColorstr='#ffffff',GradientType=0 );
}
.jspot_full_grad_6 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(150,230,190,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(150,230,190,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(150,230,190,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(150,230,190,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(150,230,190,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(150,230,190,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#94e5be',GradientType=0 );
}
/* ** GREEN DIAGONALS ** */
.jspot_color_7 {
	color: #14aa57;
}
.jspot_color_7 a:link{
	color: #14aa57;
}
.jspot_color_7 a:visited{
	color: #14aa57;
}
.jspot_color_7 a:hover{
	color: #006d31;
}
.jspot_color_7 a:active{
	color: #14aa57;
}
.jspot_head_color_7 {
	color: #2e8139;
}
.jspot_head_color_7 a:link{
	color: #2e8139;
}
.jspot_head_color_7 a:visited{
	color: #2e8139;
}
.jspot_head_color_7 a:hover{
	color: #0ba82c;
}
.jspot_head_color_7 a:active{
	color: #2e8139;
}
.jspot_gradient_7 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(185,238,211,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(185,238,211,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(185,238,211,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(185,238,211,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(185,238,211,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(185,238,211,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9eed3', endColorstr='#ffffff',GradientType=0 );
}
.jspot_full_grad_7 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(150,230,190,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(150,230,190,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(150,230,190,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(150,230,190,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(150,230,190,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(150,230,190,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#94e5be',GradientType=0 );
}
/* ** LIGHT ORANGE DIAGONALS ** */
.jspot_color_8 {
	color: #c16f26;
}
.jspot_color_8 a:link{
	color: #c16f26;
}
.jspot_color_8 a:visited{
	color: #c16f26;
}
.jspot_color_8 a:hover{
	color: #ff8416;
}
.jspot_color_8 a:active{
	color: #c16f26;
}
.jspot_head_color_8 {
	color: #816f58;
}
.jspot_head_color_8 a:link{
	color: #816f58;
}
.jspot_head_color_8 a:visited{
	color: #816f58;
}
.jspot_head_color_8 a:hover{
	color: #cc852a;
}
.jspot_head_color_8 a:active{
	color: #816f58;
}
.jspot_gradient_8 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,244,219,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,244,219,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,244,219,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,244,219,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,244,219,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,244,219,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4db', endColorstr='#ffffff',GradientType=0 );
}
.jspot_full_grad_8 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(255,245,225,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(255,245,225,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,245,225,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,245,225,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,245,225,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(255,245,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff5e1',GradientType=0 );
}
/* ** PINK DIAGONALS ** */
.jspot_color_9 {
	color: #e639a3;
}
.jspot_color_9 a:link{
	color: #e639a3;
}
.jspot_color_9 a:visited{
	color: #e639a3;
}
.jspot_color_9 a:hover{
	color: #b681a1;
}
.jspot_color_9 a:active{
	color: #e639a3;
}
.jspot_head_color_9 {
	color: #9b63b0;
}
.jspot_head_color_9 a:link{
	color: #9b63b0;
}
.jspot_head_color_9 a:visited{
	color: #9b63b0;
}
.jspot_head_color_9 a:hover{
	color: #ca3d79;
}
.jspot_head_color_9 a:active{
	color: #9b63b0;
}
.jspot_gradient_9 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,219,234,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,219,234,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,219,234,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,219,234,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,219,234,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,219,234,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdbea', endColorstr='#ffffff',GradientType=0 );
}
.jspot_full_grad_9 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(255,236,244,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(255,236,244,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,236,244,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,236,244,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,236,244,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(255,236,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffecf4',GradientType=0 );
}
/* ** PURPLE DIAGONALS ** */
.jspot_color_10 {
	color: #b0faff;
}
.jspot_color_10 a:link{
	color: #b0faff;
}
.jspot_color_10 a:visited{
	color: #b0faff;
}
.jspot_color_10 a:hover{
	color: #ffffff;
}
.jspot_color_10 a:active{
	color: #b0faff;
}
.jspot_head_color_10 {
	color: #b0e6ff;
}
.jspot_head_color_10 a:link{
	color: #b0e6ff;
}
.jspot_head_color_10 a:visited{
	color: #b0e6ff;
}
.jspot_head_color_10 a:hover{
	color: #43728d;
}
.jspot_head_color_10 a:active{
	color: #b0e6ff;
}
.jspot_gradient_10 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(129,108,220,1) 23%, rgba(179,166,235,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(129,108,220,1)), color-stop(100%,rgba(179,166,235,1)));
	background: -webkit-linear-gradient(top,  rgba(129,108,220,1) 23%,rgba(209,201,243,1) 100%);
	background: -o-linear-gradient(top,  rgba(129,108,220,1) 23%,rgba(179,166,235,1) 100%);
	background: -ms-linear-gradient(top,  rgba(129,108,220,1) 23%,rgba(179,166,235,1) 100%);
	background: linear-gradient(to bottom,  rgba(129,108,220,1) 23%,rgba(179,166,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#816cdc', endColorstr='#b3a6eb',GradientType=0 );
}
.jspot_full_grad_10 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(248,242,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(248,242,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(248,242,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(248,242,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(248,242,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(248,242,255,11) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#816cdc',GradientType=0 );
}
/* ** BLACK DIAMONDS ** */
.jspot_color_11 {
	color: #ffd339;
}
.jspot_color_11 a:link{
	color: #ffd339;
}
.jspot_color_11 a:visited{
	color: #ffd339;
}
.jspot_color_11 a:hover{
	color: #ff8549;
}
.jspot_color_11 a:active{
	color: #ffd339;
}
.jspot_head_color_11 {
	color: #fff;
}
.jspot_head_color_11 a:link{
	color: #fff;
}
.jspot_head_color_11 a:visited{
	color: #fff;
}
.jspot_head_color_11 a:hover{
	color: #ffbf59;
}
.jspot_head_color_11 a:active{
	color: #fff;
}
.jspot_gradient_11 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(38,38,38,1) 23%, rgba(148,148,148,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(38,38,38,1)), color-stop(100%,rgba(148,148,148,1)));
	background: -webkit-linear-gradient(top,  rgba(38,38,38,1) 23%,rgba(148,148,148,1) 100%);
	background: -o-linear-gradient(top,  rgba(38,38,38,1) 23%,rgba(148,148,148,1) 100%);
	background: -ms-linear-gradient(top,  rgba(38,38,38,1) 23%,rgba(148,148,148,1) 100%);
	background: linear-gradient(to bottom,  rgba(38,38,38,1) 23%,rgba(148,148,148,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#949494',GradientType=0 );
}
.jspot_full_grad_11 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(148,148,148,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(148,148,148,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(148,148,148,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(148,148,148,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(148,148,148,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(148,148,148,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#949494',GradientType=0 );
}
/* ** BLACK CHECKERED ** */
.jspot_color_12 {
	color: #ffd339;
}
.jspot_color_12 a:link{
	color: #ffd339;
}
.jspot_color_12 a:visited{
	color: #ffd339;
}
.jspot_color_12 a:hover{
	color: #ff8549;
}
.jspot_color_12 a:active{
	color: #ffd339;
}
.jspot_head_color_12 {
	color: #fff;
}
.jspot_head_color_12 a:link{
	color: #fff;
}
.jspot_head_color_12 a:visited{
	color: #fff;
}
.jspot_head_color_12 a:hover{
	color: #ffbf59;
}
.jspot_head_color_12 a:active{
	color: #fff;
}
.jspot_gradient_12 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(38,38,38,1) 23%, rgba(148,148,148,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(38,38,38,1)), color-stop(100%,rgba(148,148,148,1)));
	background: -webkit-linear-gradient(top,  rgba(38,38,38,1) 23%,rgba(148,148,148,1) 100%);
	background: -o-linear-gradient(top,  rgba(38,38,38,1) 23%,rgba(148,148,148,1) 100%);
	background: -ms-linear-gradient(top,  rgba(38,38,38,1) 23%,rgba(148,148,148,1) 100%);
	background: linear-gradient(to bottom,  rgba(38,38,38,1) 23%,rgba(148,148,148,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#949494',GradientType=0 );
}
.jspot_full_grad_12 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(148,148,148,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(148,148,148,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(148,148,148,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(148,148,148,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(148,148,148,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(148,148,148,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#949494',GradientType=0 );
}
/* ** RED DIAMONDS ** */
.jspot_color_13 {
	color: #ffd339;
}
.jspot_color_13 a:link{
	color: #ffd339;
}
.jspot_color_13 a:visited{
	color: #ffd339;
}
.jspot_color_13 a:hover{
	color: #ff8549;
}
.jspot_color_13 a:active{
	color: #ffd339;
}
.jspot_head_color_13 {
	color: #fff;
}
.jspot_head_color_13 a:link{
	color: #fff;
}
.jspot_head_color_13 a:visited{
	color: #fff;
}
.jspot_head_color_13 a:hover{
	color: #ffbf59;
}
.jspot_head_color_13 a:active{
	color: #fff;
}
.jspot_gradient_13 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(113,5,37,1) 23%, rgba(132,13,46,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(113,5,37,1)), color-stop(100%,rgba(132,13,46,1)));
	background: -webkit-linear-gradient(top,  rgba(113,5,37,1) 23%,rgba(132,13,46,1) 100%);
	background: -o-linear-gradient(top,  rgba(113,5,37,1) 23%,rgba(132,13,46,1) 100%);
	background: -ms-linear-gradient(top,  rgba(113,5,37,1) 23%,rgba(132,13,46,1) 100%);
	background: linear-gradient(to bottom,  rgba(113,5,37,1) 23%,rgba(132,13,46,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#710525', endColorstr='#840d2e',GradientType=0 );
}
.jspot_full_grad_13 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(132,13,46,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(132,13,46,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(132,13,46,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(132,13,46,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(132,13,46,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(132,13,46,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8a0624',GradientType=0 );
}
/* ** RED CHECKERED ** */
.jspot_color_14 {
	color: #ffd339;
}
.jspot_color_14 a:link{
	color: #ffd339;
}
.jspot_color_14 a:visited{
	color: #ffd339;
}
.jspot_color_14 a:hover{
	color: #ff8549;
}
.jspot_color_14 a:active{
	color: #ffd339;
}
.jspot_head_color_14 {
	color: #fff;
}
.jspot_head_color_14 a:link{
	color: #fff;
}
.jspot_head_color_14 a:visited{
	color: #fff;
}
.jspot_head_color_14 a:hover{
	color: #ffbf59;
}
.jspot_head_color_14 a:active{
	color: #fff;
}
.jspot_gradient_14 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(113,5,37,1) 23%, rgba(132,13,46,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(113,5,37,1)), color-stop(100%,rgba(132,13,46,1)));
	background: -webkit-linear-gradient(top,  rgba(113,5,37,1) 23%,rgba(132,13,46,1) 100%);
	background: -o-linear-gradient(top,  rgba(113,5,37,1) 23%,rgba(132,13,46,1) 100%);
	background: -ms-linear-gradient(top,  rgba(113,5,37,1) 23%,rgba(132,13,46,1) 100%);
	background: linear-gradient(to bottom,  rgba(113,5,37,1) 23%,rgba(132,13,46,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#710525', endColorstr='#840d2e',GradientType=0 );
}
.jspot_full_grad_14 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(132,13,46,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(132,13,46,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(132,13,46,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(132,13,46,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(132,13,46,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(132,13,46,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8a0624',GradientType=0 );
}
/* ** NAVY DIAMNONDS ** */
.jspot_color_15 {
	color: #ffd339;
}
.jspot_color_15 a:link{
	color: #ffd339;
}
.jspot_color_15 a:visited{
	color: #ffd339;
}
.jspot_color_15 a:hover{
	color: #ff8549;
}
.jspot_color_15 a:active{
	color: #ffd339;
}
.jspot_head_color_15 {
	color: #fff;
}
.jspot_head_color_15 a:link{
	color: #fff;
}
.jspot_head_color_15 a:visited{
	color: #fff;
}
.jspot_head_color_15 a:hover{
	color: #ffbf59;
}
.jspot_head_color_15 a:active{
	color: #fff;
}
.jspot_gradient_15 {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(23,40,67,1) 23%, rgba(102,77,146,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(23,40,67,1)), color-stop(100%,rgba(102,77,146,1)));
	background: -webkit-linear-gradient(top,  rgba(23,40,67,1) 23%,rgba(102,77,146,1) 100%);
	background: -o-linear-gradient(top,  rgba(23,40,67,1) 23%,rgba(102,77,146,1) 100%);
	background: -ms-linear-gradient(top,  rgba(23,40,67,1) 23%,rgba(102,77,146,1) 100%);
	background: linear-gradient(to bottom,  rgba(23,40,67,1) 23%,rgba(102,77,146,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#172843', endColorstr='#664d92',GradientType=0 );
}
.jspot_full_grad_15 {
	border-style: solid;
	border-color: white;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(28,55,94,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(28,55,94,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(28,55,94,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(28,55,94,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(28,55,94,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(28,55,94,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1c375e',GradientType=0 );
}
/* END OF JSPOT THEMES */
.settings_red {
	color: #e97171;
}
.settings_red a:link{
	color: #e97171;
	text-decoration: none;
}
.settings_red a:hover{
	color: #ff4141;
	text-decoration: none;
}
.settings_red a:visited{
	color: #e97171;
	text-decoration: none;
}
.settings_red a:active{
	color: #e97171;
	text-decoration: none;
}
.settings_gray {
	color: #ababab;
}
.settings_blue {
	color: #5ba4d3;
}
.settings_lightgray {
	color: #cbcbcb;
}
.settings_border {
	width: 788px;
	height: 67px;
	padding: 9px;
	outline: 1px dashed #C7C7C7;
	margin-bottom: 9px;
}
.settings_notifications_box {
	position: absolute;
	z-index: 5000;
	display: none;
	font-size: 14px;
	margin-left: 173px;
	margin-top: -39px;
	min-width: 450px;
	max-width: 450px;
	height: 142px;
	color: #8b8b8b;
	padding: 10px;
}
.settings_notifications_boxb {
	position: absolute;
	z-index: 5000;
	font-size: 14px;
	color: #8b8b8b;
	padding: 10px;
}
.settings_notifications_inner{
	position: absolute;
	z-index: 5001;
	margin-left: -13px;
	margin-top: -14px;
	width: 462px;
	padding: 4px;
	color: #fff;
	height: 23px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 0 3px #E07800;
}
.settings_notifications_innerb{
	position: absolute;
	z-index: 5001;
	margin-left: -13px;
	margin-top: -14px;
	padding: 4px;
	color: #fff;
	height: 23px;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 0 3px #E07800;
}
.graydient2 {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZjZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9fcf7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9fcf7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9fcf7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f9fcf7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f9fcf7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f9fcf7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fcf7',GradientType=0 ); /* IE6-8 */
}
.settings_button {
	position: absolute;
	cursor: pointer;
	z-index: 5001;
	padding: 5px;
	text-align: center;
}
.user_avatar {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 1px 3px rgb(180, 180, 180);
	background: #ffffff;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );	
}
.written_message {
	font-size: 13px;
	color: #8f8f8f;
	margin-top: 3px;
	margin-left: 55px;
}
.chat_username {
	color: #51b3ec;
	font-size: 16px;
	font-weight: bold;
}
.chat_author {
	color: #ffb391;
	font-size: 16px;
	font-weight: bold;
}
.chat_admin {
	color: #ff4343;
	font-size: 16px;
	font-weight: bold;
}
.chat_guest {
	color: #949494;
	font-size: 16px;
	font-weight: bold;
}
.message_time {
	color: #c1c1c1;
	font-size: 12px;
}
.chat_message_header {
	font-size: 10px;
	color: blue;
}
.emoji {
	margin-left: 3px; margin-top: 8px;
	height: 23px;
	padding: 6px;
	float: left;
	cursor: pointer;
}
p.message_content{
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 10px;
	margin-right: 0px;
}
.translgrad {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzk0OTQ5NCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(148,148,148,0) 42%, rgba(0,0,0,0.2) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(42%,rgba(148,148,148,0)), color-stop(100%,rgba(0,0,0,0.2)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(148,148,148,0) 42%,rgba(0,0,0,0.2) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(148,148,148,0) 42%,rgba(0,0,0,0.2) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(148,148,148,0) 42%,rgba(0,0,0,0.2) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(148,148,148,0) 42%,rgba(0,0,0,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33000000',GradientType=0 );
}
/* Submit Message Button */
#chat_viewport ul li.by_current_user span.chat_message_header {
	font-size: 10px;
	font-weight: bold;
	color: #e9561b;
}
#trigger {
  cursor: pointer;
}
#toolWrapper {
  position:absolute;
  margin-left: 0px;
  margin-top:29px;
  z-index:120;
  padding: 6px;
  border:2px solid #ffffff;
  display:none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width:611px;
  padding-right:20px;
  min-height: 36px;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 40%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#f5f5f5));
  background: -webkit-linear-gradient(top,  #ffffff 40%,#f5f5f5 100%);
  background: -o-linear-gradient(top,  #ffffff 40%,#f5f5f5 100%);
  background: -ms-linear-gradient(top,  #ffffff 40%,#f5f5f5 100%);
  background: linear-gradient(to bottom,  #ffffff 40%,#f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
  -webkit-border-radius: 8px;
  border-radius: 8px; 
  -webkit-box-shadow: 0px 0px 2px 2px #c2c2c2;
  box-shadow: 0px 0px 2px 2px #c2c2c2; 
}
@-moz-keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4898BD;
-moz-transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
-moz-transform: translateY(-17px);
}

}

@-webkit-keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4898BD;
-webkit-transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
-webkit-transform: translateY(-17px);
}

}

@-ms-keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4898BD;
-ms-transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
-ms-transform: translateY(-17px);
}

}

@-o-keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4898BD;
-o-transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
-o-transform: translateY(-17px);
}

}

@keyframes bubblingG {
0% {
width: 8px;
height: 8px;
background-color:#4898BD;
transform: translateY(0);
}

100% {
width: 19px;
height: 19px;
background-color:#FFFFFF;
transform: translateY(-17px);
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}
.progress-bar[aria-valuenow="0"] {
  color: #777777;
  min-width: 30px;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.uploader
{
	border: 2px dotted #A5A5C7;
	width: 100%;
	color: #92AAB0;
	text-align: center;
	vertical-align: middle;
	padding: 30px 0px;
	margin-bottom: 10px;
	font-size: 200%;

	cursor: default;

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

.uploader div.or {
	font-size: 50%;
	font-weight: bold;
	color: #C0C0C0;
	padding: 10px;
}

.uploader div.browser label {
	background-color: #5a7bc2;
	padding: 5px 15px;
	color: white;
	padding: 6px 0px;
	font-size: 40%;
	font-weight: bold;
	cursor: pointer;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	display: block;
	width: 300px;
	margin: 20px auto 0px auto;

	box-shadow: 2px 2px 2px #888888;
}

.uploader div.browser span {
	cursor: pointer;
}


.uploader div.browser input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: .0;
	filter: alpha(opacity= 0);
	-o-transform: translate(250px,-50px) scale(1);
	-moz-transform: translate(-300px,0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.uploader div.browser label:hover {
	background-color: #427fed;
}
#demo-nav {
  background: url(images/dark-bg.png);
  min-height: 40px;
}

#demo-nav a {
  /*color: #aaa;*/
  font-weight: bold;
  
  font-size: 12px;
  
  padding: 10px 15px;
}

#demo-nav a.home {
  color: #FFBF00;
  font-size: 16px;
  padding-left: 0px;
}

.demo-wrapper {
	margin-top:40px;
}

.demo-columns {
	margin-top: 35px;
	margin-bottom: 15px
}

.demo-note{
	color:gray;
	font-style: italic;
}

.demo-footer {
	padding-top: 19px;
	color: #777;
	border-top: 1px solid #e5e5e5;
}

/* Debug console */
.demo-panel-debug {
	min-height: 90px;
	max-height: 90px;
	overflow: auto;
	cursor: default;
}

.demo-panel-debug ul {
	margin-bottom: 0px;
	padding-left: 0px;
	list-style-type:none;
}

.demo-panel-debug ul li,
.demo-panel-debug ul li.demo-default {
	color: gray;
}

.demo-panel-debug ul li.demo-error {
	color: #990000;
}

.demo-panel-debug ul li.demo-success {
	color: #009900;
}

.demo-panel-debug ul li.demo-info {
	color: #000099;
}

/* D&D Demo */
.demo-panel-files {
	max-height: 290px;
	min-height: 290px;
	overflow: auto;
	cursor: default;
}

.demo-file-id {
	font-weight: bold;
}

.demo-file-size{
	font-style: italic;
	color: gray;
	font-size: 90%;
}

.demo-file-status,
.demo-file-status-default{
	color: gray;
}

.demo-file-status-error{
	color: #990000;
}

.demo-file-status-success{
	color: #009900;
}

.demo-image-preview {
	float:left;
	margin-right: 10px;
	margin-top: 4px;
	height: 250px;
	width: 250px;
}
/*
 * File list
 */
#fileList {
  float:right;
  width: 330px;
  height:196px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: gray;
  
  font-size: 12px;
  
  overflow: auto;
}

#fileList .file {
  width: 290px;
  margin-bottom: 15px;
}

#fileList .info {
  width: 290px;
  height: 26px;
  display: block;
  overflow: hidden;
  
  line-height: 13px;
}

#fileList .filename {
  font-weight: bold;
}

#fileList .bar {
  border: solid 1px #C0C0C0;
  height: 12px;
  margin-top: 5px;
  padding: 1px;
  width: 290px;
}

#fileList .progress {
  height: 12px;
  background-color: #00CCFF;
}

#fileList span.success {
  color: #009900;
}

#fileList span.error {
  color: #990000;
}

/* Debug */
#debug {
  clear: both;
  padding-top: 15px;
  color: #333;
}

#debug h2 {
  margin: 0px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  color: #333;
}

#debug div {
  height: 150px;
  width: 100%;
  overflow: auto;
  margin-top: 10px;
  margin-bottom: 30px;
}

#debug ul {
  padding: 0px 0px 0px 20px;
  font-size: 12px;
}

#debug li {
  padding: 0px;
  margin: 0px 0px 7px 0px;
}
/* Used for the viewport message window */