*
{
  margin: 0 auto 0 auto;
 text-align:left;
 font-family: Helvetica;
}
 
.contentText
{
width:600px;
padding-left:30px;
padding-right:30px;
font-size:14px;
color:#030712;
line-height:30px;
letter-spacing:-1px;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
box-shadow: 10px 10px 5px #888888;
 margin-top:100px;
font-family:Verdana,sans-serif;
}

input.butn
{
 border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  width:70px;
  height:30px;
  text-align:center;
}

input.contbutn
{
   border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  width:110px;
  height:30px;
  text-align:center;
}

label.error {
text-decoration:none;
        font-family:Georgia, "Times New Roman", Times, serif;
        color:red;
        font-size:10px;
        padding-left:4px;
}

#image_container_icon {
width:10%;
height:2%;
}

.message {
        text-decoration:none;
        font-family:Georgia, "Times New Roman", Times, serif;
        color:red;
        font-size:15px;
        text-align:center;
}



.buttonDiv {
text-align:center;
margin: 20px;
}

.tableDiv
{
width:100%;
height:50%;
overflow:scroll;
}

.cultural-table {
        border: 1px solid #e3e3e3;
        background-color: #AFC7C7;
        width: 100%;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
}

.cultural-table td, #cultural-table th {
        padding: 5px;
        color: #333;
}

.cultural-table thead {
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        padding: .2em 0 .2em .5em;
        text-align: left;
        color: #4B4B4B;
        background-color: #C8C8C8;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
        background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
        border-bottom: solid 1px #999;
}

.cultural-table th {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 17px;
        line-height: 20px;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        text-shadow: white 1px 1px 1px;
}

.cultural-table td {
        line-height: 10px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 14px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
}

.cultural-table td p {
line-height:1.5;
}

.cultural-table td:hover {
        background-color: #fff;
}

.paraTitle {
text-align:center;
font-size:25px;
}

.imageLogo {
width:200; 
height:100 
}

html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	overflow: hidden;
}

#body-wrapper {
        width:1000px;
        height:auto;
        margin:auto;
        padding:0px;
        clear:both;
        min-height:80%
}

#header-line {
        background-color:#cd1283;
        height:7px;
}

#header {
        width:100%;
        height:75px;
        overflow:hidden;
}

#logo {
        width:232px;
        height:96px;
        float: left;
        overflow:hidden;
}

#header-right {
        width:668px;
        height:96px;
        float:center;
        overflow:hidden
}

#icons {
        width:100%;
        text-align:right;
        height:36px;
        overflow:hidden;
}

#topmenu {
        width:75%;
        height:34px;
        overflow:hidden;
        /*background-image:url(../img/topmenu.jpg);*/
        background-color: black;
        border-radius:25px;
        -moz-border-radius:25px;
        background-repeat:no-repeat;
        background-position:left top;
        padding:0px 15px 0px 15px;
}

#topmenu td{
        text-decoration:none;
        font-family:Verdana, Geneva, sans-serif;
        color:#FFF;
        font-size:15px;
        line-height:28px;
        padding-right:17px;
        text-align: center;
}

#footer-wrapper-absolute {
        width:100%;
        background-color:#000;
    position:absolute;
    bottom:0;
}

#footer-wrapper-relative {
        width:100%;
        background-color:#000;
    position:relative;
    bottom:0;
}

#footer td{
        text-decoration:none;
        font-family:Verdana, Geneva, sans-serif;
        color:#FFF;
        font-size:12px;
        line-height:15px;
        padding-right:17px;
        text-align: center;
}

div.hidden
{
   display: none
}

#footer a {
color:white;
font-size:15px;
}

canvas#game {
    /*display: block;
    margin: auto;
    border: 1px solid black;*/
}

.reportheader{
font-size:12pt;font-family:calibri;font-weight:bold
}

.reportcategory {
font-size:18pt;line-height:20pt;font-family:Garamond, Georgia, serif;background-color:#FC88E7;text-align:center;font-weight:bold
}

.reportpersonality {
font-size:14pt;font-family:calibri;font-weight:bold
}

.reportcharttitle {
font-size:12pt;font-family:calibri;font-weight:bold;color:grey;text-align:center
}

.reportanalysis {
font-size:12pt;font-family:calibri;font-weight:bold
}

.reportanalysisgood {
font-size:12pt;font-family:calibri;font-weight:bold;color:green
}

.reportanalysisbad {
font-size:12pt;font-family:calibri;font-weight:bold;color:red
}

.reportanalysisnotsure {
font-size:12pt;font-family:calibri;font-weight:bold;color:yellow
}

.reportdescription {
font-size:12pt;font-family:calibri;font-weight:bold
}

.reportdescriptiondetail {
font-size:12pt;font-family:calibri
}

.reportchartwidth {
width:500px; height:200px;
}

/* SpaceBlock Game UI */

#splogo {
        width:232px;
        height:96px;
        float: left;
        overflow:hidden;
        margin-left: 10px;
        margin-top: 10px;
}

#spheader-right {
        width:60%;
        float:left;
        overflow:hidden
}

#spheader-right2 {
        width:20%;
        //float: right;
        position: absolute;
        right:0;
}

#sptopmenu {
        width:90%;
        height:34px;
        overflow:hidden;
        background-color: black;
        border-radius:25px;
        -moz-border-radius:25px;
        background-repeat:no-repeat;
        background-position:left top;
        padding:0px 15px 0px 15px;
}

#sptopmenu td{
        text-decoration:none;
        font-family:Verdana, Geneva, sans-serif;
        color:#FFF;
        font-size:15px;
        line-height:28px;
        padding-right:17px;
        text-align: center;
}

#sptopmenu1 {
        width:100%;
        height:34px;
        overflow:hidden;
        background-color: black;
        border-radius:30px;
        -moz-border-radius:30px;
        background-repeat:no-repeat;
        background-position:left top;
        float: right;
}

#sptopmenu1 td{
        text-decoration:none;
        font-family:Verdana, Geneva, sans-serif;
        color:#FFF;
        font-size:15px;
        line-height:28px;
        padding-right:17px;
        text-align: center;
}

.spbackimg { 
        /*background: url(../img/white_background.jpg) no-repeat center center fixed; */
        background: -ms-linear-gradient(top, #FFFFFF 0%, #8383EF 100%);
        background: -moz-linear-gradient(top, #FFFFFF 0%, #8383EF 100%);
        background: -o-linear-gradient(top, #FFFFFF 0%, #8383EF 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #8383EF));
        background: -webkit-linear-gradient(top, #FFFFFF 0%, #8383EF 100%);
        background: linear-gradient(to bottom, #FFFFFF 0%, #8383EF 100%);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#8383EF')";
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

.spdivhelp {
        float: left; margin-left: 0%;
}

#sphelptext {
        font-size: 14px;
        font-family:Verdana, Geneva, sans-serif;
        color:white;
}

.spdivgame {
        float: left;width: 56%;height: 100%;
}

.sphelpdescriptiondetail {
font-size:12pt;font-family:calibri;color:white;
}

.space { 
line-height: 60%; 
}

.scorecardtable {
border: 2px solid #F2BB07;
width: 300px;
border-collapse: collapse;
border-spacing: 0;
}

.scorecard
{
width: 20%;
height: 50%;
font-size:14px;
color:#030712;
line-height:20px;
letter-spacing:-1px;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
/*box-shadow: 10px 10px 5px #888888;*/
font-family:Verdana,sans-serif;
background-color: #657383;
float: right;
}

.scorecardtitle {
font-size:18pt;line-height:20pt;font-family:Georgia, Verdana,Arial,sans-serif;font-weight:bold;color:#ECD872;
}

.scorecardname {
font-size:10pt;font-family:Georgia, Verdana,Arial,sans-serif;font-weight:bold;color:#FFFFFF;word-spacing:2px;
}

.counters {
        background: #282828;
        border: 1px solid #444;
        color: #fff;    
        font-size: 20px;
        font-weight: bold;      
        float: left;
        padding: 5px 10px;
        margin: 0 25px 0 0;
        text-shadow: 0 1px 1px rgba(0,0,0,1);
        -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
        -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
        -box-shadow: 0 3px 10px rgba(0,0,0,.3);
}

.counterBlue, .counterYellow, .counterRed, .counterGreen {
        float: right;
        margin: 0 10px 0 10px;
}

.counterBlue {color: blue;}
.counterRed {color: red;}
.counterGreen {color:#00FF00;}
.counterYellow {color:yellow;}

.scorecard-table {
}

.scorecard-table td{
        height: 10px;
        padding: 5px;
}

.spreportbutton {
padding:1em;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-opera-border-radius:8px;
-khtml-border-radius:8px;
border-radius:60px;
background-color: grey;
color:black;
width: 120px;
height: 100px;
font-weight: bold;
font-size: 16px;
text-align:center;
}

.spreportbuttonname {
font-size:12pt;font-family:Georgia, Verdana,Arial,sans-serif;font-weight:bold;color:#ECD872;
}                                     

canvas.piece
{
        cursor:pointer;
        position: absolute;
}

canvas.grid
{
        cursor:default;
        position: absolute;
}

.spcntlbutton {
padding:1em;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-opera-border-radius:3px;
-khtml-border-radius:3px;
border-radius:10px;
background-color: #151B8D;
width: 110px;
height: 50px;
font-weight: bold;
font-size: 12px;
text-align:center;
color:#FFFFFF;
word-wrap: break-word;
cursor:pointer;
}

.cntl-table {
}

.cntl-table td{
        padding: 8px;
}

.cntl
{
border-radius:25px;
-moz-border-radius:25px;
box-shadow: 10px 10px 5px;
z-index:1;
}

.spinner {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -50px; /* half width of the spinner gif */
        margin-top: -50px; /* half height of the spinner gif */
        text-align:center;
        z-index:1234;
        overflow: auto;
        width: 100px; /* width of the spinner gif */
        height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

#spheader-line {
        background-color:#F5F5F5;
        height:30px;
        width:100%;
}

.spheadertitle {
text-align:center;font-size:15px;font-family:Verdana, Geneva, sans-serif;font-weight:bold;align:center;
}

.splogoicon {
height:30px;width:140px;
}

.spgameover {
text-align:center;margin-top:20px;
}

.spcontrol {
        width:20%;
        position: absolute;
        left:0;
}

#sptopmenu2 {
        width:20%;
        height:34px;
        overflow:hidden;
        background-color: black;
        border-radius:30px;
        -moz-border-radius:30px;
        background-repeat:no-repeat;
        background-position:left top;
        float: left;
}

#sptopmenu2 td{
        text-decoration:none;
        font-family:Verdana, Geneva, sans-serif;
        color:#FFF;
        font-size:15px;
        line-height:28px;
        padding-right:17px;
        text-align: center;
}

.spreplaycontrol
{
width: 20%;
height: 50%;
font-size:14px;
color:#030712;
line-height:20px;
letter-spacing:-1px;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
/*box-shadow: 10px 10px 5px #888888;*/
font-family:Verdana,sans-serif;
background-color: #657383;
float: left;
}

.spreplaycontrol-table {
}

.spreplaycontrol-table td{
        height: 10px;
        padding: 10px;
}

.spreplaycontrolbuttonsdiv
{
width: 60%;
padding:7px;
background:#2B3856;
overflow: auto;
bottom: 0px;
border:1px #BBB solid;
overflow: visible;
margin-bottom:5%;
}

.spreplaycontrolbutton {
padding:1em;
background-color: #151B8D;
width: 110px;
height: 50px;
font-weight: bold;
font-size: 12px;
text-align:center;
color:#FFFFFF;
word-wrap: break-word;
cursor:pointer;
}

.spreplaycontrolbuttondisabled {
padding:1em;
background-color: grey;
width: 110px;
height: 50px;
font-weight: bold;
font-size: 12px;
text-align:center;
color:#FFFFFF;
word-wrap: break-word;
cursor:pointer;
}

.styled-select{
   background: #C0C0C0;
   border: 1px solid #CCC;
   font-family:Calibri;
   width:100%;
}

.spreplaycontrolname {
font-size:10pt;font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold;color:#000000;word-spacing:2px;
}

.login_form {
    background-color: #F1f1f1;
    border-radius: 25px;
        -moz-border-radius: 25px;
-webkit-border-radius: 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    height: auto;
    left: 44%;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top:350px;
    z-index: 0;
        width:600px;
        line-height:30px;
        border-width: 2px; border-style: dotted;border-color: #F9f9f9;
}

.login-field-label{
  font-weight: bold;
  display: block;
  margin-left:60%;
  font-size:15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
 }
 
 .register_form {
    background-color: #F1f1f1;
    border-radius: 25px;
        -moz-border-radius: 25px;
-webkit-border-radius: 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    height: auto;
    left: 40%;
    margin: -150px 0 0 -230px;
    padding: 10px;
    position: absolute;
    top:250px;
    z-index: 0;
        width:700px;
        height:400px;
        line-height:30px;
        border-width: 2px; border-style: dotted;border-color: #F9f9f9;
}

.confirmation_form {
    background-color: #F1f1f1;
    border-radius: 25px;
        -moz-border-radius: 25px;
-webkit-border-radius: 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    height: auto;
    left: 50%;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top:350px;
    z-index: 0;
        width:400px;
        line-height:30px;
        border-width: 2px; border-style: dotted;border-color: #F9f9f9;
}

.confirmation_message {
margin:0;font-family:calibri;font-size:14px;
}

.login_register_message {
text-align:right;margin:0;font-family:calibri;font-size:14px;font-weight:bold;
}

.register_form_textbox {
width:200px;border: 1px solid #CCC;
}

.register-field-label{
  display: block;
  margin-left:50%;
  font-size:14px;
  font-family:calibri;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
 }
 
 .changepassword_form {
    background-color: #F1f1f1;
    border-radius: 25px;
        -moz-border-radius: 25px;
-webkit-border-radius: 25px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    height: auto;
    left: 36%;
    margin: -150px 0 0 -230px;
    padding: 30px;
    position: absolute;
    top:250px;
    z-index: 0;
        width:740px;
        height:170px;
        line-height:30px;
        border-width: 2px; border-style: dotted;border-color: #F9f9f9;
}

.changepassword-field-label{
  display: block;
  margin-left:40%;
  font-size:14px;
  font-family:calibri;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
 }
 
 input.changepassbutn
{
   border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  width:130px;
  height:30px;
  text-align:center;
}

.white_screen {
	position: absolute;
	background-color: white;
	width: 100%;
	height: 100%;
	z-index: 100;
}


.application-text{
	display: block;
	position: absolute;
	z: 0px;
	bottom: 0px;
	font-size: 12px;
}

#footer {
	width: 100%;
	height: 18px;
	line-height: 18px;
    position: fixed;
    bottom: 0px;
	font-size: 12px;
	margin-top: 20px;
	bottom: 0px;
	opacity: 0.7;
}

#footer div.footer-left {
	color: #fff;
	float: left;
	text-align:left;
	padding-left: 10px;
	font-size: 10px;
}

#footer div.footer-center {
	color: #fff;
	float: center;
	text-align:center;
	font-size: 13px;
	background-color: rgba(0, 0, 0, 0.3);
	padding-left: 250px;
}

#footer div.footer-right {
	float: right;
	text-align:right;
	font-size: 13px;
	padding-right: 10px;
}

#footer div.footer-right:hover {
	text-decoration: underline;
}

.login_background_ground {
	
	height: 100%;
	width: 100%;
	background-image:url('../img/background.png');
	
	background-position: left bottom;
	
	background-repeat: repeat-x;
	
	z-index: -5;
}

/*Custom clouds via css inspired from http://thecodeplayer.com/walkthrough/pure-css3-animated-clouds-background */

/*container*/
.cloudContainer{
	position:relative;
	width: 100%;
	height: 100%;
	margin-top: 10%;
	z-index: -6;
}

/*Base class*/
.cloud{
    height: 150px;
	width: 390px;
	margin-left: 100%;
    position: absolute;
    border-radius: 200px;
	 background-color: #E0E0E0 ;
}

.cloud:before,.cloud:after{
    position: absolute;
    content: "";
    background-color: #E0E0E0 ;
    border-radius: 200px;
}

.cloud:before{
    
    width: 50%;
    height: 100%;
    z-index: 1;
    top: -10%;
    left: 45%;
	
	transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
	-moz-transform:rotate(70deg);
	-o-transform:rotate(70deg);
	-ms-transform:rotate(70deg);
}
.cloud:after {
	z-index: -1;
    width: 60%;
    height: 170%;
    top: -56%;
    left: 5%;
    
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
}

.cloudIE{
    height: 150px;
	width: 390px;
	margin-left: 100%;
    position: absolute;
    border-radius: 200px;
}


.c1{
	left: 0px; top: 150px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-animation: moveclouds 14s linear -10s infinite;
	-moz-animation: moveclouds 14s linear -10s infinite;
	-o-animation: moveclouds 14s linear -10s infinite;
	-ms-animation: moveclouds 14s linear -10s infinite;
}
.c2{
	left: 120px; top: 0px;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-animation: moveclouds 17s linear -5s infinite;
	-moz-animation: moveclouds 17s linear -5s infinite;
	-o-animation: moveclouds 17s linear -5s infinite;
}
.c3{
	left: 70px; top: -120px;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-animation: moveclouds 20s linear 0s infinite;
	-moz-animation: moveclouds 20s linear 0s infinite;
	-o-animation: moveclouds 20s linear 0s infinite;
}
.c4{
	left: 140px; top: 50px;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-animation: moveclouds 15s linear 5s infinite;
	-moz-animation: moveclouds 15s linear 5s infinite;
	-o-animation: moveclouds 15s linear 5s infinite;
}

.c5{
	left: 140px; top: -25px;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: moveclouds 19s linear 10s infinite;
	-moz-animation: moveclouds 19s linear 10s infinite;
	-o-animation: moveclouds 19s linear 10s infinite;
}

.ie1{
	left: 0px; top: 150px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.ie2{
	left: 120px; top: 0px;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transform: scale(0.75);
}
.ie3{
	left: 70px; top: -120px;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}
.ie4{
	left: 140px; top: 50px;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);

}

.ie5{
	left: 140px; top: -25px;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}



@-webkit-keyframes moveclouds {
	0% {margin-left: 110%;}
	100% {margin-left: -110%;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 110%;}
	100% {margin-left: -110%;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 110%;}
	100% {margin-left: -110%;}
}

.cloud-image {
	position: absolute;
	size: 120% 10%;
	left: 0px;
	
	transition: all 20s;
	-moz-transition: all 20s; /* Firefox 4 */
	-webkit-transition: all 20s; /* Safari and Chrome */
	-o-transition: all 20s; /* Opera */
}

#spheader-line {
	background-color:#F5F5F5;
	height:30px;
	width:100%;
}

#spheader-linemenu {
	background-color:#F5F5F5;
	height:30px;
	width:100%;

}

.leftheaderdiv {
	position:absolute;
	width:15%;
	top: 0px;
	left: 0px;
}

.centerheaderdiv {
	position:absolute;
	width:100%;
	top: 0px;
	
}

.rightheaderdiv {
	position:absolute;
	width:15%;
	top: 0px;
	right: 0px;
}

.spheadertitle {
text-align:center;font-size:15px;font-family:Verdana, Geneva, sans-serif;font-weight:bold;align:center;
}

.splogoicon {
height: 100%;
}

.logout_container{
	position:absolute;
	right: 0px;
	z-index: 10;
}

.logout-button{
	width:50px;
	border: none;
	z-index: 9;
}