body {
background:#D8D8FE;
text-align:center;

}

#bloglink
{
  font-family:"Comic Sans MS";
  font-size:12px;
  text-align: right; 
  color:red;
  text-decoration:none;
	 z-index:476;
}

#entire-page {  /* including ads */
  text-align:left;
  width:875px;  /* 50em; */
}

/* http://apptools.com/examples/tableheight.php */
 html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
   #wrapper {     /* including ads */
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
      width:865px;  /* 50em; */
   }




#helppopup { /* ads div */
	float:left;
	width:200px;
	height:560px;
	/* border:solid red 1px; */
	display:none;
}

#myads { /* ads div */
	float:left;
	width:200px;
	height:560px;
	/* border:solid red 1px; */
}

#ad1div {
	padding-top:12px;
}

#ad2div {
	padding-top:12px;
}

#ad3div {
	height:38px;
	padding-top:12px;		
}

#ad4div {
	height:38px;
	padding-top:13px;
}




#background-container { /* not including ads */
	float:left
}

#header-container {
	clear:left;
}

#header-tl{
	float:left;
	width:40px;
	height:78px;
	background:transparent url(./images/bodyback-tl.jpg) no-repeat;

}

#header-mid{
	float:left;
	width:560px;
	height:78px;
	background:transparent url(./images/bodyback-filler-top.jpg) top left repeat-x;	
	
}

#header-tr{
  float:left;
	width:52px;
	height:78px;
	background:transparent url(./images/bodyback-tr.jpg) no-repeat;
}

#body-container {
	clear:left;
}

#body-mid {
	float:left;
	width:600px;
	height:400px;
	background:transparent url(./images/bodyback-filler.gif) repeat;
}

#body-r {
	float:left;
	width:52px;
	height:400px;
	background:transparent url(./images/bodyback-r.jpg) repeat;
}

#footer-container {
	clear:left;
}

#footer-bl{
	float:left;
	width:40px;
	height:78px;
	background:transparent url(./images/bodyback-bl.jpg) no-repeat;
}

#footer-mid {
	float:left;
	width:560px;
	height:78px;
	background:transparent url(./images/bodyback-filler-bot.jpg) repeat-x;
}

#footer-br {
	float:left;
	width:63px;
	height:78px;
	background:transparent url(./images/bodyback-br.jpg) no-repeat;
}


#headerdiv {    /* container to store header */
  float:left;
  padding-top:0px;
  width:280px; /* 295 */
  
  /* border:1px outset #8B8378; */
}


#taglinediv {    /* container to store tagline */ 
	position:absolute;
	left:390px;
  top:-80px;
	width:206px;	
  color:yellow;  /* #DEFEFE;  */
  padding-left:40px;
/*  border:1px outset #8B8378; */
}

#tagline0div h1{
	position:absolute;
	left:300px;
  top:450px;
  width:100px;
	font-family:"Comic Sans MS";
  font-size:1px;
  color: #D8D8FE;
}

#taglinediv h1 {	
	font-family:"Comic Sans MS";
  font-size:18px;
  text-align: left; 
  margin:0px;
  padding-top:10px;
  display:none;
  
}

#tagline2div {
	position:absolute;
	left:300px;
  top:450px;
  width:100px;
	font-family:"Comic Sans MS";
  font-size:1px;
  color: #D8D8FE;
}

#welcome  {
	position:absolute;
	left:300px;
  top:300px;
  width:100px;
	font-family:"Comic Sans MS";
  font-size:1px;
  color: #D8D8FE;
}

#usergui {
	position:relative;
}

#tscratchdiv {
	  display:none; 
}




.closeicon {
	background: url("images/closeicon.png");  
	position:absolute;
	top: 3px;
	right:3px;
	width:16px;
	height:16px;
}

.closeicon:hover {
	background: url("images/closeicon.png");  
  /* filter:alpha(opacity=60);     Internet Explorer       */  
  opacity: 0.6;                /* newer Mozilla and CSS-3 */      
	position:absolute;
	top: 3px;
	right:3px;
	width:16px;
	height:16px;	
}
 
   

#charreplacediv {    /* container to hold char replace controls */ 

 /* border:1px outset #8B8378; */
 
 font-family:"Comic Sans MS";
 font-size:14px;
 font-weight:bold;
 
 padding-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 margin:0px;
 
 text-align:center;
 vertical-align:middle;
}

#prunepopup {
 	font-family:"Comic Sans MS";
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  color:blue;
  
	position:absolute;	
  left:100px;
  top:30px;
  z-index:476;
  display:none;
  vertical-align:middle;
  text-align:center;  
}

#replacepopup {
 	font-family:"Comic Sans MS";
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  color:blue;
  
	position:absolute;	
  left:100px;
  top:30px;
  z-index:476;
  display:none;
  vertical-align:middle;
  text-align:center;  
}

#labelspopup {
 	font-family:"Comic Sans MS";
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  color:blue;
  
	position:absolute;	
  left:100px;
  top:30px;
  z-index:476;
  display:none;  
}


#itemseppopup {
	position:absolute;	
  left:100px;
  top:30px;
  z-index:475;
  display:none;
}

#seperatorinputdiv {    /* container to hold input seperator selection */
 position:absolute;
 left:20px;
 top:0px;
 width:190px;
 height:95px;
 
 /* border:1px outset #8B8378; */
 
 padding-left:0px;
 margin:0px;
 
 font-family:"Comic Sans MS";
 font-style: normal;
 font-size: 13px;
 font-weight: bold;
 text-align:center;
 color:blue;
}
#seperatoroutputdiv {    /* container to hold seperator selection */
 position:absolute;
 left:220px;
 top:0px;
 width:190px;
 height:95px;
 
/*  border:1px outset #8B8378; */
 
 padding-left:0px;
 margin:0px;
 
 font-family:"Comic Sans MS";
 font-style: normal;
 font-size: 13px;
 font-weight: bold;
 text-align:center;
 color:blue;
}

#seperatorinputdiv label { /* this is redefined bitizerIE3d for Internet Explorer */
  
  color:black;
}



.radiolabel { /* this is redefined bitizerIE3d for Internet Explorer */
/* background-color:#E1B5D5; */ /* FFC0CB = pink */
background:transparent url(./images/radio.png) no-repeat scroll 0%;
 /* border:2px outset #8B8378; */
  color:blue;
  width: 90px;
  height:21px;
  float: left;  
  text-align: left; 
  padding-left:1px;
  padding-top:0px;
  margin-top:2px;
  margin-bottom:0px;
  margin-right:0px; 
  font-family:"Comic Sans MS";
  font-size:13px;
  font-weight: normal;   
  vertical-align:middle; 
}

.radiolabel:hover {
	 /* background-color:#D5B3E3; */
  background:transparent url(./images/radioh.png) no-repeat scroll 0%;
}

.rlabellong { /* this is redefined for Internet Explorer */
  background:transparent url(./images/radio_long.png) no-repeat scroll 0%;
 /* border:2px outset #8B8378; */
  color:blue;
  width: 180px;
  height:21px;
  float: left;  
  text-align: left; 
  padding-left:1px;
  padding-top:0px;
  margin-top:2px;
  margin-bottom:0px;
  margin-right:0px; 
  font-family:"Comic Sans MS";
  font-size:13px;
  font-weight: normal;  
  vertical-align:middle; 
}

.rlabellong:hover {
	 /* background-color:#D5B3E3; */
  background:transparent url(./images/radio_longh.png) no-repeat scroll 0%;
}


#textprocessingdiv3 {    /* container to hold text processing */
 position:absolute;
 left:3px;
 top:225px;
 
 /* border:1px outset #8B8378; */
  
 width:135px;
 height:110px; 

 padding-left:3px;
 margin:0px;
 
 font-family:"Comic Sans MS";
 font-style: normal;
 font-size: 12px;
 font-weight: bold;
 text-align:left;
 color:white;
 
 vertical-align:middle;
}

#itemseperatordiv {
	position:absolute;
  left:115px;
  top:41px;
}



#inputtextareadiv {    /* container to hold text area */
 position:absolute;
 left:15px;
 top:30px;
 
 /* border:1px outset #8B8378;  */
 
 font-family:Serif; /*"Comic Sans MS"; */
 font-style: normal;
 font-size: 18px;
 font-weight: bold;
 
 color:#E6E600;   /*#DEFEFE; */

}

#statuslineandbuttonsdiv {
/*	border:1px solid red; */
  position:relative;
	height:25px;
	width:605px;
	vertical-align:middle;
}

#textareaheader{
	padding-left:10px;
	display:inline;
	width:300px;	
	vertical-align:middle;
}

#fileuploaddiv{
	background:transparent url(./images/bigpopup.png) no-repeat scroll 0%;
	z-index:10;
	position:absolute;
	top:40px;
	left:65px;
	width:468px;
	height:132px;
	/* border-style: solid;
  border-color: black;
  border-width:1px;
*/
	color:black;
	/* background-color: #87AEC5; */
	padding-top:10px;
	margin:0px;
	display:none;
	text-align:center;
	line-height:16px;
}

#fileuploaddiv p {
	margin:0px;
	padding:0px;
	margin-top:10px;
}

#printdiv {
	background:transparent url(./images/bigpopup.png) no-repeat scroll 0%;
	z-index:10;
	position:absolute;
	top:40px;
	left:65px;
  width:450px;
	height:120px;
/*	border-style: solid;
  border-color: black;
  border-width:1px;
*/
	color:black;
	/* background-color: #87AEC5; */
	padding:10px;
	display:none;
	text-align:center;
}

#printdiv p {
	margin:0px;
	padding:0px;
	margin-top:10px;
}

.defaulttextbox {    
  background-color: #DEFEFE;
  border:none; 
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight: bold; 
  margin:0pt;
  padding:0pt;
  text-align: center; 
  margin-top:5px;
}

#inputtextarea {    /* text area formatting*/ 
/* background:white url(./images/popup.png) repeat scroll 0%; */
 
 background-color: #EBD6D6; /* #E4E4E4; */ /* #D8D8FE; */ /* #DEFEFE; */
 color:black;
 
 font-family:monospace;     /* broke safari <-""Helvetica"; */
 font-style: normal;
 font-size: 14px;
 font-weight: bold;
}

.smalltextbox {    
  background-color: #DEFEFE;
  border:none; 
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight: bold; 
  margin:0pt;
  padding:0pt;
  text-align: center; 
  margin-top:5px;
}


.button1class {
    font-family:"Comic Sans MS";
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    
    width:80px;
    margin:0px;
    padding:0px;
    height:25px;
    
    vertical-align:middle;
   
/*    background-color: D4D4D4; */
}



.button2class {
    font-family:"Comic Sans MS";
    font-style: normal;
    font-size: 13px;  /* 14px; */
    font-weight: normal;
   /* color: #0000FF; */
    width:65px;  
    margin-top:0px;
    margin-left:0px;
    margin-right:2px;
    padding-left:0px;
    padding-right:0px;
    height:22px;  /* 25px; */
 /*   background-color: #E1B5D5;  */
}

.button2class:hover{   
  /*  background-color: #D5B3E3; */
}

.button3class {
    font-family:"Comic Sans MS";
    font-style: normal;
    font-size: 13px;  /* 14px; */
    font-weight: normal;
    /* color: #0000FF; */
    width:210px;  
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
    height:22px;  /* 25px; */
 /*   background-color: #E1B5D5;  */
}

.button3class:hover{   
  /*  background-color: #D5B3E3; */
}

.button4class {
    font-family:"Comic Sans MS"; 
    font-style: normal;
    font-size: 13px;  /* 14px; */
    font-weight: normal;
    /* color: #0000FF; */
    width:140px;  
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
    height:22px;  /* 25px; */
  /*  background-color: #E1B5D5; */
  
}

.button5class {
    font-family:"Comic Sans MS"; 
    font-style: normal;
    font-size: 13px;  /* 14px; */
    font-weight: normal;
   /* color: #0000FF; */
    width:108px;  
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
    height:22px;  /* 25px; */
  /*  background-color: #E1B5D5; */
}


.button4class:hover{   
  /*  background-color: #D5B3E3; */
}

.popup {
	background:transparent url(./images/popup.png) no-repeat scroll 0%;
  position:absolute;	
  left:200px;
  top:200px;
  display:block;

  height:71px;
  width:205px;
  z-index:4;
  
  
  font-family:"Comic Sans MS";
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  text-align:center;
  padding:10px;
  /* border:1px solid #8B8378; */
}

.popup p {
	line-height:14px;
	margin:0px;
	padding-top:15px;
	color:blue;
}

/* Inset 3D Raised */
.raised {background: transparent; width:40%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999; }

.boxcontent h1 {
	color:blue;
}