@charset "UTF-8";
/* CSS Document */

body {
	font-family:Courier,Verdana,Arial;
	 	color:#fff;
		margin:0;
		padding:0;
}

#display {
	position:absolute;
	top:300;
	left:0;
	z-index:1;
	font-face:Courier;
	font-family:Courier, Courier New;
	font-weight:bolder;
	-khtml-user-select: none;
}

#form {
 	position:absolute;
	top:0;
	left:0;
	
}

#controlPanel {
	top:0;
	left:0;
}


body[orient="landscapeLeft"] #logo {
	height:60px;
}
	
body[orient="landscapeRight"] #logo {
	height:60px;
}

#cpLogo {
	height:60px;
} 
 
#controlPanel option {
 	font-size:14px;
	size:14px;
 }
 
 #controlPanel select {
 	font-size:14px;
	size:41px;
 }
 
 #controlPanel input {
 	min-width:120px;
	font-size:14px;
 }

#controlPanel tr {
	padding-top:5px;
	padding-bottom:5px;
} 

 .label {

 }
 

#submitbutton {
	padding:0px;
	margin:0px;
	
	/* -webkit-appearance: button-bevel;*/

}

textarea {
	font-size:16px;
	padding:4px;
	margin:0px;
	border:0px;
	
	
}
body[orient="portrait"] textarea {
	height:80px;
	padding:8px;
}

select {
	font-size:16px;
}

option {
	font-size:16px;
}



/*
body[orient="landscape"] #controlPanel,
 {
	width:416px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	font-size:1.5em;
	
}

body[orient="profile"] #controlPanel  {
	width:268px;
	position:absolute;
	left:0px;
	top:0px;
	font-size:1.5em;
}

body [orient="landscape"]#q  {
	width:400px;

}

body[orient="profile"] #q  {
	 width:250px;
 }
 
body[orient="landscape"]  #form {
	width:416px;
	
}

 body[orient="profile"] > #form {
	 width:268px;
 	border:#fff 1px soid;
 }
 
body [orient="landscape"]  #submit {
	width:400px;
	
}
*/

 
 
span {
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
 }
 

@-webkit-keyframes fade
{
	0%   { opacity: .1; }
	12%   { opacity: .4;}
	30%   { opacity: 1; }
	70%   { opacity: 1; }
	88%  { opacity: .4; }
	100% { opacity: .1; }
}

@-webkit-keyframes slide
{
	0%   { -webkit-transform: translate(500px, 0px); }
	24%   { -webkit-transform: translate(0px, 0px); }
	18%   { -webkit-transform: translate(0px, 0px); }
	76%   { -webkit-transform: translate(0px, 0px); }
	100% { -webkit-transform: translate(-500px, 0px); }
}


@-webkit-keyframes slowslide
{
    0%   { -webkit-transform: translate(1000px, 0px); }
	5%   { -webkit-transform: translate(800px, 0px); }
	10%   { -webkit-transform: translate(600px, 0px); }
	15%   { -webkit-transform: translate(400px, 0px); }
20%   { -webkit-transform: translate(200px, 0px); }
25%   { -webkit-transform: translate(0px, 0px); }
75%   { -webkit-transform: translate(0px, 0px); }
80%   { -webkit-transform: translate(-200px, 0px); }
85%   { -webkit-transform: translate(-400px, 0px); }
90%   { -webkit-transform: translate(-600px, 0px); }
95%   { -webkit-transform: translate(-800px, 0px); }
	100% { -webkit-transform: translate(-100px, 0px); }
}


@-webkit-keyframes topbounce
{
    0%   { -webkit-transform: translate(0px, -500px); }
	8%   { -webkit-transform: translate(0px, -300px); }
	18%   { -webkit-transform: translate(0px, -100px); }
 	30%   { -webkit-transform: translate(0px, -10px); }
 	40%   { -webkit-transform: translate(0px, -1px); }
 	60%   { -webkit-transform: translate(0px, 1px); }
	
 	70%   { -webkit-transform: translate(0px, 20px); }
 	80%   { -webkit-transform: translate(0px, -10px); }
  90% { -webkit-transform: translate(0px, 5px); }
	95% { -webkit-transform: translate(0px, -2px); }
	
}

@-webkit-keyframes wobble
{
    0%   { -webkit-transform: rotate(15deg); }
    5%   { -webkit-transform: rotate(-15deg); }
    15%   { -webkit-transform: rotate(-10deg); }
    30%   { -webkit-transform: rotate(10deg); }
    45%   { -webkit-transform: rotate(-5deg); }
    55%   { -webkit-transform: rotate(5deg); }
    60%   { -webkit-transform: rotate(0deg); }
		
}

@-webkit-keyframes zoomout
{
	0%   { -webkit-transform: scale(.2); }    
	40%   { -webkit-transform: scale(1); }
    80%   { -webkit-transform: scale(1.5); }
    90%   { -webkit-transform: scale(2); }
    100%   { -webkit-transform: scale(5); }
		
}


@-webkit-keyframes zoomin
{
    0%   { -webkit-transform: scale(5); }
    5%   { -webkit-transform: scale(2); }
    20%   { -webkit-transform: scale(1.5); }
    30%   { -webkit-transform: scale(1); }
		80%   { -webkit-transform: scale(1); }
    100%   { -webkit-transform: scale(.5); }
		
}


@-webkit-keyframes shake
{
	0%   { -webkit-transform: translate(0px, 0px); }
	15%   { -webkit-transform: translate(-20px, 10px); }
	30%   { -webkit-transform: translate(30px, -15px); }
	45%   { -webkit-transform: translate(-15px, 5px); }
	60%   { -webkit-transform: translate(3px, 0px); }
	21%   { -webkit-transform: skewy(2deg); }    
	32%   { -webkit-transform: skewx(-6deg); }    
	75%   { -webkit-transform: translate(0px, 0px); }
	76%   { -webkit-transform: skewy(-4deg); }    
	77%   { -webkit-transform: skewx(6deg); }    
	90%   { -webkit-transform: translate(0px, 0px); }
	98%   { -webkit-transform: skewy(0deg); }    
	99%   { -webkit-transform: skewx(0deg); }    
	100% { -webkit-transform: translate(-0%, 0px); }
}

@-webkit-keyframes spinaway
	{
	0%    { -webkit-transform: scale(1.5); -webkit-transform: rotate(-5deg) }
	15%   { -webkit-transform: scale(1.1); }
	30%   { -webkit-transform: rotate(5deg); }
	45%   { -webkit-transform: scale(.9); }
	60%   { -webkit-transform: rotate(10deg); }
	85%   { -webkit-transform: rotate(40deg); }
	86%   { -webkit-transform: scale(.8); }	
	80%   { -webkit-transform: rotate(120deg); }
	84%   { -webkit-transform: rotate(250deg); }
	90%   { -webkit-transform: scale(.6); }
	98%   { -webkit-transform: scale(.2); }	
	100%  { -webkit-transform: rotate(580deg); }

}


@-webkit-keyframes wiggle
{
0%   { -webkit-transform: skewy(5deg); }    
	50%   { -webkit-transform: skewy(-10deg); }
    70%   { -webkit-transform: skewy(15deg); }
    90%   { -webkit-transform: skewy(-20deg); }
    100%   { -webkit-transform: skewy(30deg); }
		
}

@-webkit-keyframes waggle
{
	0%    { -webkit-transform: skewy(2deg); }    
	20%   { -webkit-transform: skewx(-6deg); }    	
	30%   { -webkit-transform: skewy(-5deg); }
	40%   { -webkit-transform: skewx(10deg); }    
	50%   { -webkit-transform: skewy(10deg); }
	60%   { -webkit-transform: skewx(-16deg); }    
	80%   { -webkit-transform: skewy(-12deg); }
	90%   { -webkit-transform: skewx(18deg); }    
	100%   { -webkit-transform: skewy(20deg); }
}	


@-webkit-keyframes vibrato
{
	0%    { -webkit-transform: skewx(2deg); }    
	20%   { -webkit-transform: skewx(-2deg); }    
	30%   { -webkit-transform: skewx(3deg); }
	40%   { -webkit-transform: skewx(-3deg); }    
	50%   { -webkit-transform: skewx(4deg); }
	60%   { -webkit-transform: skewx(-4deg); }    
	80%   { -webkit-transform: skewx(3deg); }
	90%   { -webkit-transform: skewx(-3deg); }    
	
	100%   { -webkit-transform: skewx(2deg); }
		
}


@-webkit-keyframes pulsate
{
    0%    { -webkit-transform: scale(1); }
    15%   { -webkit-transform: scale(1.1); }
    30%   { -webkit-transform: scale(.9); }
    45%   { -webkit-transform: scale(1.2); }
		60%   { -webkit-transform: scale(.8); }
		75%   { -webkit-transform: scale(1.3); }				
		90%   { -webkit-transform: scale(.9); }
    100%  { -webkit-transform: scale(.5); }
		
}


		
div.category {
	background-color:black;
	font-weight:bold;
	border:solid 1px #333;
	border-bottom:solid 1px #333;
	font-color:#f1f1f1;
	font-size:1.5em;
	text-align:center;
	color:#f1f1f1;
	margin-top:4px;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:0px;
	padding-left:0px;
	margin-left:0px;
	margin-right:0px;
	-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;
	
}	
div.category a {
	text-decoration:none;
	color:#f1f1f1;
}

div.msg {
	background-color:f1f1f1;
	font-color:#333;
	border-top:1px dotted #919191;
	padding:3px 4px 3px 4px;
	color:#333;
	text-align:left;
	font-size:1em;
	margin: 0px 3px 0px 3px;
}

div.msg a {
	text-decoration:none;
	color:#333;
	font-color:#333;
}



span.hide {
	float:right;
}
.body {
	padding:0px;
	border:0px;
	margin:0px;
}

div.collapsed {
	-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;-webkit-border-bottom-right-radius:15px;
}
.collapsed .msg {
	display:none;
	
}


#settingsBlock {
	font-size:16px;
	width:98%;
	padding:0px;
}
	
		
#settingsBlock select {
	font-size:18px;
	size:18px;
	margin-bottom:10px;
}	


#settingsBlock td {
	font-size:18px;
	size:18px;
	vertical-align:center;
	
}	

input.cpButton {
	font-size:18px;
	size:18px;
}


#controlpanel h3 {
	margin:2px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	border:0px 0px 0px 0px;
	
}

a.catlink {
	width:100%;
	display:block;
}

.msg a {
	width:100%;
	display:block;
}

.colorBox {
	width:40px;
	height:30px;
	margin:0px;
	border:1px solid #eee;
	padding:0px;
	float:left;
	
}

#darkpalette, #lightpalette {
	float:right;
}

#palette input {
	width:22px;
	height:30px;
	min-width:30px;
}

.littlelabel {
	font-size:9px;
	letter-spacing:-1px;
}