<style>
.preview { float: left; 
background-color: aaaaaa;
border-color: aaaaaa;
border-style: solid;
border-width: 5px;}

.preview span { display: block; }
</style>


<style>
body
{
overflow-x:hidden;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:13px;
font-color:3c3c3c;
background-color:dbf3fd !important;
background-image: url("http://www.sharpermyspace.com/images/revamp/bg6.png");
background-repeat: repeat-y !important;
background-attachment: fixed !important;
background-position: 50% 0%; 

}
a:link, a.man{font-family:arial; font-size:12px; color:4b91c1; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:12px; color:4b91c1; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:arial; font-size:12px; color:4b91c1; font-weight:none;border:0px; text-transform: none;} 
a:hover{font-family:arial; font-size:12px; color:458bba; font-weight:none;border:0px; text-transform: none;} 


img {border-width:0px;}
a.img {border-width:0px;}

a.nav1, a.nav1:visited {display:block;color:black !important;
font-family:arial; font-size:11pt!; letter-spacing: 0px;font-weight: normal;width:198px; 
text-transform:none;text-decoration:none!important;line-height:11pt;background-color:transparent;margin: 2px; text-align: left;
padding-left:5px; border-left-color: 7fbbca !important; border-left-width: 4px; border-left-style:solid; }

a.nav1:hover, a.nav:active {display:block;color:black !important;
font-family:arial; font-size:11pt!; letter-spacing: 0px;font-weight: normal;width:198px; 
text-transform:none;text-decoration:none!important;line-height:11pt;background-color:transparent;margin: 2px; text-align: left;
padding-left:5px; border-left-color: 7fbbca !important; border-left-width: 6px; border-left-style:solid; }


a.nav2, a.nav2:visited {display:block;color:black !important;
font-family:arial; font-size:11pt!; letter-spacing: 0px;font-weight: normal;width:198px; 
text-transform:none;text-decoration:none!important;line-height:11pt;background-color:transparent;margin: 2px; text-align: left;
padding-left:5px; border-left-color: 9bccbd !important; border-left-width: 4px; border-left-style:solid; }

a.nav2:hover, a.nav2:active {display:block;color:black !important;
font-family:arial; font-size:11pt!; letter-spacing: 0px;font-weight: normal;width:198px; 
text-transform:none;text-decoration:none!important;line-height:11pt;background-color:transparent;margin: 2px; text-align: left;
padding-left:5px; border-left-color: 9bccbd !important; border-left-width: 6px; border-left-style:solid; }

.hd3{
	font-family: Andale Mono;
	text-align:right;
	font-weight:normal;
	letter-spacing : 1pt;
	font-size: 14px;
	color : 3c3c3c; 
	background-color:transparent;
	display:block;
	border-style: solid;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 1.5px;
	border-left-width : 0px;
	border-color:7fbbcb;
        line-height : 130%;
	padding-right:10px;}





}
textarea.gencode
{
height:200;
width:250;

scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #020000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}

textarea.gencode2
{
height:50;
width:250;

scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #020000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}

textarea.mp
{
height:51;
width:100;

scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #020000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}


textarea.laycode
{
height:50;
width:427;

scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #020000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}

textarea.laycodea
{
height:50;
width:427;

scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #020000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}
textarea.laycodew
{
height:50;
width:427;

scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #020000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}

textarea.code2
{
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #020000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}

textarea.code3
{
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #020000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
width: 110px;
}



h1 {
font-size:2.5em;
float:right;
color:#ccc;
padding-top:15px;

}



.acticle {
font-size:16px;
color: 6EB0CD;
text-align:right;

}

.subtext {
font-size:10px;
color: black;
text-align:right;

}


h3 {
font-size:24px;
color: 6EB0CD;
text-align:center;

}




.tutcode {
font-size:14px;
color:black;
text-align:left;
border-style: dashed;
border-color: grey;
border-width: 1px;
padding:3px;
padding-left:6px;
}




</style>

