body {
 background-color: #000;
/*background: #191919 url(snowback1.jpg) no-repeat;*/
/* background: #000 url(bg4.jpg);*/
 font: 1em Calibri, 'Lucida Grande', Arial, Verdana, Sans-Serif;
 color: #ffffff;
 width: 100%;
 
 margin: 0 auto;
 text-align: center;

}

* { margin: 0; padding: 0; }
img { border: 0; }
input { padding: 0; }

.notice {
 margin: 0 auto;

 position: relative;
 top: 0px;
 left: 0px;
}

.container {
width: 896px;
/*width: 900px;*/
/*height: 1500px;*/
margin: 0 auto;

 position: relative;
 top: 0px;
 left: 0px;

border: 1px solid #000000;
background: #000 url(glowtxt-topleft.png) no-repeat;
}

:focus
{
  -moz-outline-style: none;
}

.footer-copy {
font: .7em Calibri, 'Lucida Grande', Arial, Verdana, Sans-Serif;
margin: 4px 0 0 0;
}
.footer {
font: 1em Calibri, 'Lucida Grande', Arial, Verdana, Sans-Serif;
/*position: absolute;
top: 1200px;
left: 280px;
*/
}
.footer a {
 text-decoration: none;
 color: #fff;
}
.footer a:hover {
 text-decoration: underline;
}

#hostedby a {
 text-decoration: none;
 color: #fff;
}

#hostedby a:hover {
 text-decoration: underline;
}


.clearer {
clear: both;
line-height:0px;
height:0px;
margin:-3px 0 -3px 0;
}

#gen {
margin: 86px 0 2px 0px;
}
#spacer1 {
margin: 0px 0 10px 0;
}
#spacer2 {
margin: 4px 0 4px 0;
}

#box-height {
height: 160px;
}

#input-box {
float: left;
margin-left:10px;
text-align:left;
display:inline;
font: .8em Arial, Helvetica, sans-serif;
}

#options-box {
float: left;
margin-left:58px;
display:inline;
}

#fontouterbox {
position: absolute;
left: -10px; 
top:517px;
}

#fontbox {
position: relative;
left: 10px;
margin-top:25px;
}

/*
.input-style {
background-color:404040;
color:ffffff;
border:0px;
font-family:Arial;
font-size:20;
padding:4px;
cursor-color:00ff00;
}
*/

#yourtext {
font: 1.4em Tahoma, Arial, Helvetica, sans-serif;
background-color: #ddd ! important;
color: #222;
border: 1px solid #000;
width: 230px;
height: 30px;
padding: 0 4px 0 4px;
margin: 9px 0 1px 0;
}

#yourtext2 {
font: 1.4em Tahoma, Arial, Helvetica, sans-serif;
background-color: #999 ! important;
color: #222;
border: 1px solid #000;
width: 230px;
height: 30px;
padding: 0 4px 0 4px;
margin: 0 0 1px 0;
}
#yourtext3 {
font: 1.4em Tahoma, Arial, Helvetica, sans-serif;
background-color: #999 ! important;
color: #222;
border: 1px solid #000;
width: 230px;
height: 30px;
/*
margin-top: 2px;
margin-bottom: 6px;
*/
padding: 0 4px 0 4px;
margin: 0 0 1px 0;
}

#yourtextbutton {
font: 1.3em Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border:outset 1px #ccc;
color: #222; 
background: #777;
height: 30px;
width: 105px;
margin: 12px 5px 4px 0;
cursor:pointer;
}

#yourcommentbutton {
font: 1.3em Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border:outset 1px #ccc;
color: #222; 
background: #777;
height: 30px;
width: 140px;
margin: 12px 0 4px 0;
cursor:pointer;
}

#yourstyle {
font: .7em Tahoma, Arial, Helvetica, sans-serif;
border: none;
padding: 0 2px 0 2px;
margin: 0 10px 0 0;
width: 100px;
height: 20px;
}
#yourbgsel {
font: .7em Tahoma, Arial, Helvetica, sans-serif;
border: none;
padding: 0 2px 0 2px;
}
#yourbgval {
font: .7em Tahoma, Arial, Helvetica, sans-serif;
border: 1px solid #888;
padding: 0 2px 0 2px;
}

#output-wrapper {
height: 118px;
/*margin-left:210px;*/
}
#output-overlay {
z-index:150;
/*
opacity:.85;
filter: alpha(opacity=85);
*/
/*display:none;*/
}
#output {
height: 118px;
/*margin-left:210px;*/
}

#hidden_output {
display:none;
}

#embed_code {
}

#copypaste {
display: inline;
font: 1.1em Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
margin: 10px 0 0 10px;
color: #ff90ff;
}

#hostedby {
font: .6em Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
display: inline;
}

#blogpaste {
font: .5em Tahoma, Arial, Helvetica, sans-serif;
display: block;
color:#cc4;
margin: 4px 0 12px 8px;
}

#embed_textarea {
font: .7em Tahoma, Arial, Helvetica, sans-serif;
background-color: #555;
color: #eee;
margin: 0 0 0 10px;
width: 360px;
/*height: 40px;*/
color: #f6b65b;
overflow: auto;
}

#embed_textarea2 {
font: .5em Tahoma, Arial, Helvetica, sans-serif;
background-color: #333;
color: #eee;
margin: 4px 0 0 5px;
width: 300px;
height: 60px;
border: 2px solid #e560e5;
border: 2px solid #a570a5;
color: #f6b65b;
/*overflow-x:hidden;
overflow-y:scroll;*/
overflow: hidden;
padding: 2px;
}

#embed_textarea3 {
font: .5em Tahoma, Arial, Helvetica, sans-serif;
background-color: #333;
color: #eee;
margin: 10px 0 0 0px;
width: 210px;
height: 75px;
border: 2px solid #e560e5;
border: 2px solid #a570a5;
color: #f6b65b;
/*overflow-x:hidden;
overflow-y:scroll;*/
overflow: hidden;
padding: 2px;
padding-left:0px;
}

#hint {
font: .8em Tahoma, Arial, Helvetica, sans-serif;
color: #f6b65b;
}

.roundedcornr_box_258840 {
   background: #555555;
   margin: 4px 0 0 0;
}
.roundedcornr_top_258840 div {
   background: url(roundedcornr_258840_tl.png) no-repeat top left;
}
.roundedcornr_top_258840 {
   background: url(roundedcornr_258840_tr.png) no-repeat top right;
}
.roundedcornr_bottom_258840 div {
   background: url(roundedcornr_258840_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_258840 {
   background: url(roundedcornr_258840_br.png) no-repeat bottom right;
}

.roundedcornr_top_258840 div, .roundedcornr_top_258840,
.roundedcornr_bottom_258840 div, .roundedcornr_bottom_258840 {
   width: 100%;
   height: 12px;
   font-size: 1px;
}
.roundedcornr_content_258840 { margin: 0 5px; }

#codesbutton {
font: 1.2em Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border:outset 1px #ccc;
color: #993377; 
background: #999;
width: 94px;
height: 60px;
margin: 26px 0 2px 0;
cursor:pointer;
}

#downloadbutton {
font: 1.2em Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border:outset 1px #ccc;
color: #773377; 
background: #999;
width: 94px;
height: 60px;
margin: 26px 0 2px 8px;
cursor:pointer;
}

#previewbutton {
font: 1.1em Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border:outset 1px #ccc;
color: #773399; 
background: #999;
width: 94px;
height: 60px;
margin: 26px 0 2px 8px;
cursor:pointer;
}

#embed_code_text {
font: .8em Tahoma, Arial, Helvetica, sans-serif;
/*width: 375px;*/
height: 110px;
text-align: left;
margin: 0 10px 0 10px;
}

#mode-status {
width:100%;
text-align: center;
font: .7em Tahoma, Arial, Helvetica, sans-serif;
/*color: #a7a;*/
color: #979;
}

#welcome {
float:left; 
width:195px;
display:inline;
margin: 4px 10px 0 20px;
font: .7em Tahoma, Arial, Helvetica, sans-serif;
color: #e0e0e0;
}

#welcome-small {
font: 1em Tahoma, Arial, Helvetica, sans-serif;
/*margin-bottom: 14px;*/
color: #a0a0e0;

}

#embed_code_wrapper {
width: 328px;
height:115px;
margin: 0 0 10px 0;
float:left;
/*border:1px solid;*/
}
#embed_code_wrapper2 {
width: 340px;
height: 250px;
margin: 40px 0px 45px 10px;
float: left;
/*border: 1px solid;*/
}
#embed_code_wrapper3 {
width: 755px;
/*height: 160px;*/
margin: 10px 0px 25px 10px;
float: left;
/*border: 1px solid;*/
}

#ad1 {
width:200px;
height:200px;
position:absolute;
top:430;
left:20;
background-color: #000000;
/*
border: 1px solid;
*/
}

#ad1 img {
width:200px; 
height:165px;
}


#ad2 {
width:200px;
height:200px;
position:absolute;
top:375;
left:670;
background-color: #000000;
border: 1px solid;
}

#smallrect1 {
width:210px;
float:left;
margin: 0 0 0 10px;
}
#leaderboard {
width:768px;
height:90px;
}
#medrect {
width:300px;
height:250px;
/*position:absolute;*/
background-color: #000000;
float: left;
margin: 25px 0 0 10px;
/*margin: 48px 0 0 10px;*/
/*display: inline;*/
}

#medrect-main {
width:300px;
height:250px;
background-color: #000000;
float: left;
margin: 0 0 10px 0px;
display: inline;
}

#medrect-main2 {
width:300px;
height:250px;
background-color: #000000;
float: left;
margin: 10px 0 10px 0px;
display: inline;
}

#linkunit2 {
width:200px;
height:90px;
background-color: #000000;
float: left;
margin: 10px 0 5px 20px;
display: inline;
}
#halfbanner1 {
width:234px;
height:60px;
background-color: #000000;
float: left;
margin: 5px 0 2px 24px;
display: inline;
}
#cjbanner {
width:260px;
height:90px;
background-color: #000000;
float: left;
margin: 13px 0 2px 20px;
text-align:left;
display: inline;
}
#linkunit2a {
width:200px;
height:90px;
background-color: #000000;
float: left;
margin: 5px 0 15px 20px;
display: inline;
}
#cj1 {
/*width:200px;
height:90px;
*/
background-color: #000000;
float: left;
margin: 5px 0 5px 20px;
display: inline;
}
#cj1 a {
 color: #ffa0a0;
}

#ad-banner1 {
/*width:468px;*/
/*width:875px;*/
width:468px;
height:60px;
margin: 0 10 0 auto;
float: right;
/*
position:absolute;
top:410;
left:215;
*/
background-color: #000000;
/*border: 1px solid;*/
padding: 10px 0 0 0;
}
#ad-banner2 {
width:468px;
height:60px;
/*
position:absolute;
top:410;
left:215;
*/
background-color: #000000;
border: 1px solid;
margin: 0 auto;
}

#ad-mid {
width:468px;
height:60px;
position:absolute;
top:410;
left:215;
background-color: #000000;
border: 1px solid;
}

#ad-lu {
width:200px;
height:90px;
position:absolute;
top:340;
left:640;
background-color: #000000;
/*
border: 1px solid;
*/
}

#ad-referral {
width:200px;
height:90px;
position:absolute;
/*top:430;*/
top:710;
left:640;
background-color: #000000;
/*
border: 1px solid;
*/
}

#ad-leader {
width:728px;
height:90px;
position:absolute;
top:0;
left:10;
background-color: #000000;
/*
border: 1px solid;
*/
}

#textpanel {
width:300px;
/*
width:200px;
height:120px;*/
/*
position:absolute;
display:block;
top:433;
left:570;
*/
background-color: #000000;

/*border: 1px solid;*/

font: .9em Calibri, 'Lucida Grande', Arial, Verdana, Sans-Serif;

}

#welike {
/*
width:220px;
height:200px;

position:absolute;
top:900;
left:0;
*/
background-color: #000000;
text-align: center;
padding: 0 0 0 20px;
/*font: 1em Tahoma, Arial, Helvetica, sans-serif;*/
font: 1.2em Arial, Verdana, Sans-Serif;
/*
border: 1px solid;
*/
}

#welike a {
 text-decoration: none;
 color: #fff;
 color: #f6a67b;
}
#welike a:hover {
 text-decoration: underline;
}

#altcolor {
 margin-top:2px;
 margin-bottom:2px;
}
#altcolor a {
 margin-top:10px;
 text-decoration: none;
 color: #ffa6bb;
}

#example-sites {
font-size:11px;
}

#getcodes {
margin: 0px 0px 20px 180px;
text-align: left;
}
#about {
margin: 100px 100px 20px 180px;
text-align: left;
}
#about h2 {
margin: 20px 0 20px 0;
font: 1.1em Tahoma, Arial, Helvetica, sans-serif;
}
#about h3 {
margin: 20px 0 20px 0;
font: .8em Tahoma, Arial, Helvetica, sans-serif;
}

#contact {
margin: 100px 100px 0px 180px;
text-align: left;
}

#contact h2{
font: 1em Tahoma, Arial, Helvetica, sans-serif;
color: #f6b65b;
}

.orange {
color: #f6b65b;
}
#textsize1 {
color: #f6b65b;
font: .8em Arial, Helvetica, sans-serif;
display:block;
line-height:20px;
float:left;
}
#texteffects {
color: #ff767b;
font: .8em Arial, Helvetica, sans-serif;
display:block;
line-height:20px;
float:left;
}
#textoptions {
color: #aaa;
font: .8em Arial, Helvetica, sans-serif;
display:block;
line-height:20px;
height:20px;
float:left;
}
#animeffects {
color: #c67bdf;
font: .8em Arial, Helvetica, sans-serif;
display:block;
float:left;
line-height:20px;
}
#listmargin {
float: left;
width: 85px;
text-align: left;
/*background: #00ff00;*/
}
#optionwidth1 {
float: left;
/*margin-right:15px;*/
text-align: left;
width:65px;
}
/*
#optionwidth1:hover {
 text-decoration: underline;
}
*/

#optionwidth2 {
float: left;
margin-right:15px;
text-align: left;
}
#optionwidth2a {
float: left;
margin-right:15px;
text-align: left;
font: .8em Arial, Helvetica, sans-serif;
line-height:20px;
height:20px;
}
#optionwidth3 {
float: left;
/*width:50px;*/
width:65px;
text-align: left;
/*margin-right:4px;*/
}

#optionwidth3a {
float: left;
width:40px;
height:18px;
text-align: left;
background: url(buttonbg.png) no-repeat;
cursor:pointer;
position:relative;
margin-right:1px;
}

#optionwidth3a_default {
float: left;
width:40px;
height:18px;
text-align: left;
background: url(buttonbg.png) no-repeat;
background-position:-80px 0px;
cursor:pointer;
position:relative;
margin-right:1px;
}

#style-opt {
color: #ddd;
font: 1em Arial, Helvetica, sans-serif;
display:block;
line-height:20px;
margin-bottom: 5px;
margin-top: 5px;
float:left;
}
#background-col {
color: #aaa;
font: .8em Arial, Helvetica, sans-serif;
display:block;
line-height:20px;
float:left;
}
.font-colour {
width:25px;
height:17px;
margin-top:1px;
border-top:2px solid #2B0B31;
float:left;
cursor:pointer;
}

#update {
color: #f6b65b;
color: #eecccc;
color: #ddbbbb;
font: .8em Tahoma, Arial, Helvetica, sans-serif;
}

#update2 {
color: #ff767b;
font: .7em Tahoma, Arial, Helvetica, sans-serif;
margin: 5px 0 0 0;
}

#legal {
margin: 100px 100px 0px 180px;
text-align: left;
}

#legal h2{
font: 1em Tahoma, Arial, Helvetica, sans-serif;
}
#legal h3{
font: .8em Tahoma, Arial, Helvetica, sans-serif;
}

#codebox1 {
font: 1.4em Tahoma, Arial, Helvetica, sans-serif;
}
#codebox2 {
font: 1.4em Tahoma, Arial, Helvetica, sans-serif;
}
#codebox3 {
font: 1.4em Tahoma, Arial, Helvetica, sans-serif;
}

#preview1 {
height: 280px;
width: 750px;
/*border: 1px solid #fff;*/
background-color: #000000;
}
#preview2 {
height: 280px;
width: 750px;
/*border: 1px solid #fff;*/
background-color: #ffffff;
}
#preview3 {
height: 280px;
width: 750px;
/*border: 1px solid #fff;*/
background: url(greyscale3.jpg) repeat;
}
#preview4 {
height: 280px;
width: 750px;
/*border: 1px solid #fff;*/
background: url(coloured3.jpg) repeat;
}

.roundedcornr_box_612872 {
	background: url(roundedcornr_612872_tl.png) no-repeat top left;
/* width: 355px;*/
}
.roundedcornr_top_612872 {
	background: url(roundedcornr_612872_tr.png) no-repeat top right;
}
.roundedcornr_bottom_612872 {
	background: url(roundedcornr_612872_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_612872 div {
	background: url(roundedcornr_612872_br.png) no-repeat bottom right;
}
.roundedcornr_content_612872 {
	background: url(roundedcornr_612872_r.png) top right repeat-y;
}

.roundedcornr_top_612872 div,.roundedcornr_top_612872,
.roundedcornr_bottom_612872 div, .roundedcornr_bottom_612872 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_612872, .roundedcornr_bottom_612872 {
	margin-top: -6px;
}
.roundedcornr_content_612872 { padding: 0 15px; }



.roundedcornr_box_294222 {
   background: #342639;
}
.roundedcornr_top_294222 div {
   background: url(roundedcornr_294222_tl.png) no-repeat top left;
}
.roundedcornr_top_294222 {
   background: url(roundedcornr_294222_tr.png) no-repeat top right;
}
.roundedcornr_bottom_294222 div {
   background: url(roundedcornr_294222_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_294222 {
   background: url(roundedcornr_294222_br.png) no-repeat bottom right;
}

.roundedcornr_top_294222 div, .roundedcornr_top_294222, 
.roundedcornr_bottom_294222 div, .roundedcornr_bottom_294222 {
   width: 100%;
   height: 6px;
   font-size: 1px;
}
.roundedcornr_content_294222 { margin: 0 6px; }

.smallpanel {
text-align:left;
}


.roundedcornr_box_463531 {
	background: url(roundedcornr_463531_tl.png) no-repeat top left;
}
.roundedcornr_top_463531 {
	background: url(roundedcornr_463531_tr.png) no-repeat top right;
}
.roundedcornr_bottom_463531 {
	background: url(roundedcornr_463531_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_463531 div {
	background: url(roundedcornr_463531_br.png) no-repeat bottom right;
}
.roundedcornr_content_463531 {
	background: url(roundedcornr_463531_r.png) top right repeat-y;
}

.roundedcornr_top_463531 div,.roundedcornr_top_463531,
.roundedcornr_bottom_463531 div, .roundedcornr_bottom_463531 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_463531, .roundedcornr_bottom_463531 {
}
.roundedcornr_content_463531 { padding: 0 15px; }


.roundedcornr_box_233289 {
	background: url(roundedcornr_233289_tl.png) no-repeat top left;
}
.roundedcornr_top_233289 {
	background: url(roundedcornr_233289_tr.png) no-repeat top right;
}
.roundedcornr_bottom_233289 {
	background: url(roundedcornr_233289_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_233289 div {
	background: url(roundedcornr_233289_br.png) no-repeat bottom right;
}
.roundedcornr_content_233289 {
	background: url(roundedcornr_233289_r.png) top right repeat-y;
}

.roundedcornr_top_233289 div,.roundedcornr_top_233289,
.roundedcornr_bottom_233289 div, .roundedcornr_bottom_233289 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_233289, .roundedcornr_bottom_233289 {
}
.roundedcornr_content_233289 { padding: 0 15px; }


/* fancyform styles */
.checked{background-color:#222;background-image:url(chk_on.png) no-repeat;}
.unchecked{background-color:#1c1c1c;background-image:url(chk_off.png) no-repeat;}
.selected{background-color:#222;background-image:url(rdo_on.png) no-repeat;}
.unselected{background-color:#1c1c1c;background-image:url(rdo_off.png) no-repeat;}