/* ---[ General settings ]-------------------------------------------------- */

/*
html, body  {
	height: 100%;
  margin: 0;
	padding: 0;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size: 96%;
  letter-spacing : 0.01em;
	line-height: 1.5em;
	background: #EFEFEF url(../images/bgtest.gif) repeat-y 50% 0; 
  }
*/



html, body  {
	font-size: 96%;    
	font-family: Arial,Helvetica,sans-serif;
	background: #fafafa;
	color: #000;
	margin: 0px;
 	padding: 0px;
}


/*
#container {
  font-size : 0.9em; 
	width: 734px;
  position: relative; 
	margin: 0 auto;
	padding: 0px;
	text-align: left;
  border-left: 1px solid #848484;
	border-right: 1px solid #848484;
  background-color:#fff;
}
*/




/* ---[ Main menu items ]--------------------------------------------------- */


.menubar {
  	clear: both;
	background: #F7F8F8 url("../images/header-background.jpg") repeat-x;
	text-align: left;
	font-size: 1em;
	height: 50px;
	padding: 0px;
}

.menubarframe {
      width: 800px;
	  margin: auto;

}

.logo {
	padding-top:3px;
	padding-left: 4px;
	float:left;
}


			
/* ---[ header tabs ]------------------------------- */			
			
			
			
.miniflex {
  	  float:left;
      line-height:normal;		  
	  padding-top: 15px;
	  margin: 0px;
	}

.miniflex ul {
 	  margin: 0px;
	  padding: 0px;
	  padding-left: 90px;        
	  list-style:none;
    }
	
.miniflex li {
	float: left;
	margin: 0px; 
	padding: 0px;

	}
	
.miniflex a:link, .miniflex a:visited {
	float: left;
	font-size: 95%;
	line-height: 15px;
	margin: 0 10px 0 10px;
	text-decoration: none;
	font-weight: bold;
	color: #e0e0e0;
    padding-bottom: 4px;
	}

.miniflex a.active:link, .miniflex a.active:visited, .miniflex a:hover {
	border-bottom: 3px solid #f6f6f6;
	padding-bottom: 1px;
	color: #fff;
	}

.crumbarcontent {
  	clear: both;
	background: #F7F8F8 url("../images/breadcrumbs-background.jpg") repeat-x;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #eee;
}

.crumbarframe {
	width: 800px;
	margin: auto;
}

.crumbar { 
 	padding-left: 18px;
    padding-top: 4px;
    padding-bottom: 5px;
	text-align: left;
	font-size: 0.9em;
	color: #222;
}

.cruminfo {
	float: right;
 	padding-right: 30px;
    padding-top: 4px;
    padding-bottom: 5px;
	text-align: right;
	font-size: 0.9em;
	color: #222;
}

.cruminfo  a{
	text-decoration: none;
	color: #222;
}

.crumbar a {
	color: #222;
	padding: 1px;
	text-decoration: none;
}



.search {
	float:right;
	padding-top: 10px;
	margin-right: 12px;
}

.options {
	float:right;
	padding-right: 40px;
}


.contentframe {
   	clear: both;
	background: #fff;
	margin: auto;

}

.contentbar {
 	margin: auto;
    padding-left: 0px;
	width: 800px;
	text-align: left;
	font-size: 1.0em;
	background: #fff;
}

.mainpane {
	float:left;
	width: 480px;
	margin-top: 28px;
	margin-bottom: 40px;
	margin-left: 20px;
}

.subpane {
	float:right;
	color: #fff;
	width: 270px;
	margin-bottom: 40px;

}

.footbarframe {
	background: #fff url("../images/footer.png") repeat-x;
  	clear: both;
 	border-top: 1px solid #ccc;
    padding-top: 10px;	
	}

.footer {
	margin: auto;
 	padding-left: 5px;
 	padding-right: 5px;
	padding-bottom: 5px;
	width: 760px;

}

.footbar {
 	font-size: 1.0em;
	text-align: left;
	color: #808080;
	line-height: 1.6em;
}

.footbar a:link, .footbar a:visited, .footbar a:active {
	color: #808080;
    text-decoration: none;
}

.footbar a:hover {
	color: #808080;
}


.devby {
	float:right;
	text-align: right;
	color: #808080;
	line-height: 1.5em;
	font-size: 1.0em;
}


.supby {
 	float:right;
	margin-right: 20px;
	margin-top: 60px;

}

	
/* ---[ Basic elements ]---------------------------------------------------- */

H1 {
 	margin: 0px;
  	margin-left: 0px;
  	font-size : 1.8em;
  	color : #777;
  	margin-bottom: 20px;
    margin-top: 0px;
}

H2 {
  margin: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size : 1.1em;
  font-weight: bold;
  color : #777;
}

H3 {
  	margin: 0px;
  	margin-left: 0px;
  	font-size : 1.0em;
  	color : #555;
  	font-weight: bold;
}

P {
  	font-size : 1.1em;	
	margin-top: 15px;
	margin-bottom: 15px;
 }

A {
	text-decoration: none;
 }


HR {
          height : 1px;
          background : #ffffff;
          color : #999999;
   }

/*
UL {
          list-style-type : circle;
          line-height : 1.5em;
          margin : 2px 2px 2px 15px;
      }
*/

LI {
          display : block;
      }
			
	
FORM {
          margin-bottom : 0;
      }
	


			
TD {
	 padding-left: 3px;
}


.wsnh  {
	font-size : 0.9em;
}
	
	
/* ---[ Page layout ]--------------------------------------------------------*/	
	

.maincontent {
          padding-left : 24px;
          padding-bottom : 50px;
      }
			
.maincontent P {
          padding-left : 1px;
          font-size : 0.9em;
      }

.mainleftcolumn {
					
					padding-right: 40px;
}			

.onecolumn {
					padding-right: 30px;
					padding-top: 30px;
					/* width: 668px; */
}





/* ---[ Text formatting ]--------------------------------------------------- */

.ptitle {
          font-size : 2.6em;
          letter-spacing : -0.02em;
          font-family : Helvetica, Verdana, Arial, sans-serif;
          color: #fff;
				  padding-top: 25px;
          margin-left: 70px;
      }

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

			
.pstatus{
          font-size : 0.9em;
          letter-spacing : -0.03em;
					line-height: 1.2;
          color: #FFFFFF;

      }

.pstatus a {
          color: #FFFFFF;
          text-decoration : none;
      }			
			
			

.source A {
          text-decoration : none;
          color : #809;
      }

.source A:hover {
          color : #9000a0;
          text-decoration : underline;
      }


.target A {
          text-decoration : none;
          color : #058;
      }

.target A:hover {
          color : #0070a0;
          text-decoration : underline;
      }			
			
.navigation a {
					/* display: block; */
          text-decoration : none;
          color : #000;
      }

.navigation A:hover {
          color : #808080;
          text-decoration : none;
      }

.smallmenu A {
          text-decoration : underline;
}			

.smallmenu A:hover  {
          text-decoration : none;
          color : #000;
}

.smallmenu A.active  {
          text-decoration : none;
          color : #000;
}
			
.warning {
          color : #ff0000;
      }

			
.debug {
          padding: 30px;
          color : #000000;
          font-size : 0.85em;
      }

.debug A {
          color : #000000;
          text-decoration : none;
      }

.debug A:hover {
          color : #0000ee;
          text-decoration : none;
      }
			
.small {
          color : #000;
          font-size : 0.85em;
      }

.small A {
          color : #000;
          text-decoration : none;
					border-bottom: 1px dotted #666;
      }

.small A:hover {
          color : #0000ee;
          text-decoration : none;
					border-bottom: 1px solid #ee0;
      }
			

.footer {
          color : #808080;
          font-size : 0.85em;
      }

.footer A {
          color : #808080;
          text-decoration : none;
      }


.footer A:hover {
          color : #A0A0A0;
          text-decoration : underline;
      }
						


.subtitle {
          font-size : 1em;
          font-family : Helvetica, Verdana, Arial, sans-serif;
          color : #ffffff;
          font-weight : bold;
          margin-left : 32px;
      }

.pagedetails {
          font-size : 0.7em;
          font-family : Helvetica, Verdana, Arial, sans-serif;
          color : #ffffff;
      }

.example {
				 border-bottom: 1px dotted #666;
}		
/* ---[ Sections for boxes ]------------------------------------------------ */


.sectionheader {
		width: 220px;
		padding: 4px;
		margin: 0px;
		background: #FFB200 url("../images/sidebar_bg_green.gif");
	    padding-left: 10px;
		font-size: 85%;
		font-weight: bold;
	    color: #fff;
		margin-top: 28px;
}

.sectionheader_warning {
		width: 185px;
		padding: 0px;
		margin: 0px;
		margin-top: 22px;
		background: #bbb url("../images/sidebar_bg_warning.gif");
	  	padding-left: 3px; 		
		font-size: 85%;
		font-weight: bold;
	  	color: #fff;
}

.sectionheader_info {
		width: 185px;
		padding: 0px;
		margin: 0px;
		margin-top: 22px;
		background: #bbb url("../images/sidebar_bg_info.gif");
	  	padding-left: 3px; 		
		font-size: 85%;
		font-weight: bold;
	  	color: #fff;
}

.sectionheader_help {
		width: 185px;
		padding: 0px;
		margin: 0px;
		margin-top: 22px;
		background: #bbb url("../images/sidebar_bg_help.gif");
	  	padding-left: 3px; 		
		font-size: 85%;
		font-weight: bold;
	  	color: #fff;
}

.sectionmenu {
		width: 232px;
		padding: 0px;
		margin: 0px;
		line-height: 1.5;
	  	background: #EAEAEA;
		font-size: 85%;
	  	border-left: 1px solid #bbb;
	  	border-right: 1px solid #bbb;
	  	border-bottom: 1px solid #bbb;
}

.sectionmenu ul {
		margin: 0px; 	
		padding: 0px;		
}

.sectionmenu ul, .sectionmenu li,  .sectionmenu a {
  		display:block;
		text-decoration : none;
		color: #000;	
}


.sectionmenu li  {
		margin: 0px; 
		padding: 0px;
  		list-style-type: none;
		line-height: 18px; 
	  	border-top: 1px solid #bbb;
}

.sectionmenu a {
		width: 216px;
		padding: 3px;
    	display: block; 
		color: #333;
	  	background-repeat: no-repeat;
  		background-position: 0 45%;
		background-image: url('../images/pil.gif');
	  	text-decoration: none;
  		padding-left: 13px;
}

.sectionmenu a.active {
		color: #000;
		background-image: url('../images/pil3.gif');
		background-color: #fff;
}

.sectionmenu a:hover {
		color: #000;
		background-image: url('../images/pil3.gif');
		background-color: #fff;
}

.sectioncontent {
		width: 228px;
		padding: 3px;
		padding-right: 1px;
		margin: 0px;
		margin-top: -1px;
		line-height: 1.5;
	    background: #EAEAEA;
		color: #666;
		font-size: 85%;
	    border-left: 1px solid #bbb;
	    border-bottom: 1px solid #bbb;
		border-right: 1px solid #bbb;
		
}

.sectioncontent ul {
		margin: 0px; 
		margin-top: -1px;		
		padding: 0px;	
		display: block;
	  text-decoration : none;
	  color: #000;	
}


.sectioncontent .newsitem {
	  padding-top: 2px;	
	  padding-bottom: 2px;
		line-height: 1.4;
		background-repeat: no-repeat;
  	background-position: 0 4px;
		background-image: url('../images/pil.gif');
	  text-decoration: none;
  	padding-left: 13px;	
}

.sectioncontent .forumitem {
	  padding-top: 2px;	
	  padding-bottom: 2px;
		line-height: 1.4;
		background-repeat: no-repeat;
  	background-position: 0 4px;
		background-image: url('../images/pil.gif');
	  text-decoration: none;
  	padding-left: 13px;	
}

.sectioncontent li {
	  padding-top: 2px;	
	  padding-bottom: 2px;
	  background-repeat: no-repeat;
  	background-position: 0 4px;
		background-image: url('../images/pil.gif');
	  text-decoration: none;
  	padding-left: 13px;	
}


.sectioncontent a {
		color: #666;
	  text-decoration: none;
}

.sectioncontent a:hover {
		color: #000;
	  text-decoration: none;
}


/* ---[ Table formatting ]-------------------------------------------------- */

td {
margin: 2px;
padding: 3px;
}

.sqltable td {

		position: relative;
		font-size: 85%;
		margin: 0px;
		padding: 2px;
	    vertical-align: top;
	    border: 1px solid;
}

.maintable {
	width: 600px;
}

.tableheader {
	   background:#408040 url("../images/sidebar_bg_y.gif");
	    

		/* background: #85C13D; */
}

.tableheader td {
    padding: 0px;
		padding: 4px;
		font-size: 85%;
		color: #fff;
    font-weight: bold;
	  /* border: 1px solid #C0C0C0; */
		
		/*
		border-bottom: 1px solid #77AD37;
		border-right: 1px solid #77AD37;
		border-top: 1px solid #AFD678;
		border-left: 1px solid #AFD678;
		*/
				
	  margin-bottom: 2px;

}


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

.tablecontrast {
		background:#EAEAEA;
}

.tabledoublecontrast {
		background:#DCDCDC;
}



.wizardcontent {
	  vertical-align: top;
    background:#EAF0EA;
		padding-left: 5px;
}

.tablespacer {
		background:#FFFFFF;
		height: 10px;
}

.tableval {
	  vertical-align: top;
		background: #EAF0EA;
} 

.tablevar {
	  vertical-align: top;
		width: 120px;		
		background: #DAE0DA;
}

.submitvar {
	  vertical-align: top;
		width: 120px;		
		background: #E4E4E4;
}

.submitval {
	  height: 40px;
	  vertical-align: middle;
		background:#E9E9DF;
}


.selectedrow {
    /*
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-top: 1px solid #bbb;
		border-left: 1px solid #bbb;
		*/
}

.selectedrow A, .unselectedrow A {
          text-decoration : none;
          color : #000;
      }

.selectedrow A:hover, .unselectedrow A:hover {
          color : #9a0000;
          text-decoration : underline;
      }			
			

			
			
			
.results  {
		border-top: 1px solid #bbb;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
	  margin-top: 5px;
	  margin-bottom: 5px;
}

.results td {
		padding-left: 5px;
	  padding-right: 5px;
	  border-left: 1px solid #bbb; 
}

.resultsheader  {

		border-bottom: 1px solid #bbb;
		border-left: 1px solid #bbb;
		font-weight: bold;
		font-size: 0.85em;
	  background:#85C13D;	
		color: #fff;
}

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

.topresults  {
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;		
}

.topresults td {
		padding-left: 5px;
	  padding-right: 5px;
	  border-left: 1px solid #bbb;
}

.topresultsactive td {
		padding-left: 5px;
	  padding-right: 5px;
	  border-left: 1px solid #bbb; 
	  background:#EEEEEE;	 		
}

.topresultsheader td {
		border-top: 1px solid #bbb;
		border-left: 1px solid #bbb;
		font-weight: bold;
		font-size: 0.85em;
	  background:#85C13D;	
		color: #fff;
}

.topresultsheader td.active {
	  /* background:#AFD678; */
		background: #77AD37;
}


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

/* ---[ Form formatting ]--------------------------------------------------- */


.greyform {
          font-size : 0.9em;
          background-color : #ffffff;
          border : medium none #666666;
          border-style : solid;
          border-top-width : 1px;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-left-width : 1px;
				  color: #666666;
      }
			
select {
          font-family : Verdana, Times, sans-serif;
          font-size : 1em; 
      }

textarea {
          font-family : Verdana, Times, sans-serif;
          font-size : 1em; 
      }

.loginbox {
		padding-top: 10px;
		}
		
.formcontainer {
    /*  background:#ECECEC url("../images/headbot.gif") repeat-x top; */
		clear:both;
		background:#ffffff;
		padding: 14px;
		border-left: 1px solid #bbb;
		border-right: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
}

.fullformcontainer {
    /*  background:#ECECEC url("../images/headbot.gif") repeat-x top; */
		clear:both;
		background:#ffffff;
		padding: 10px;
		border: 1px solid #bbb;
}


/* ---[ Form selector ]----------------------------------------------------- */

#formselect {
		  padding-top:10px;
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:85%;
      line-height:normal;
			}
			
#formselect ul {
      margin:0;
      padding:0px 0px 0;
      list-style:none;

      }
#formselect li {
      float:left;
      /* background:url("../images/left.gif") no-repeat left top; */
      margin:0;
      padding:0 0 0 2px;
      }
#formselect a {
      float:right;
      display:block;
      /* background:url("../images/right.gif") no-repeat right top; */
      padding:2px 12px 2px 4px;
      text-decoration:none;
      font-weight:bold; 
      color:#765;
      }
			
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
#formselect a {float:none;}
    /* End IE5-Mac hack */
		
#formselect a:hover {
      color:#333;
      }
    
#formselect #current {
      border-width:0;
			background:#ECECEC;
      }

#formselect #current a {
      color:#333;
      padding-bottom: 3px;
      }
			

/* ---[ Tabbed nav ]-------------------------------------------------------- */

			
.tabnav
	{
		height: 20px;
		margin: 0;
		padding: 0;
		background: url(../images/tab_bottom.gif) repeat-x bottom;
	}

.tabnav li 
	{
		margin: 0; 
		padding: 0;
  	display: inline;
  	list-style-type: none;
  	}
	
.tabnav a:link, .tabnav a:visited	
	{
		float: left;
	  background: #E9E9DF;
		/* background: #f3f3f3; */
		font-size: 0.85em;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 2px;
		border: 1px solid #bbb;
		text-decoration: none;
		color: #666;
	}


.tabnav a:link.active, .tabnav a:visited.active	
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #444;
	}

.tabnav a:hover
	{
		background: #fff;
		color: #444;
	}


/* ---[ Main menu ]--------------------------------------------------------- */

/*
    #menu {
		  float:left;
			width: 100%;
      background:#fff url("../images/head.gif") no-repeat left bottom;
      }
*/
    #header {
			margin-left:20px;
      }
			
    #header ul {
		  float:left;
      list-style:none;
			padding: 0px;
			margin: 0px;
      }
			
    #header li {  
		  font-size:85%;
      line-height:normal;
      float:left;
      background:url("../images/left_both.gif") no-repeat left top;
      margin:0px;
      padding:0px 0px 0px 8px;
      border-bottom:1px solid #848484;
      }
    #header a {
		  display:block;
      float:left;
      background:url("../images/right_both.gif") no-repeat right top;
      padding:4px 14px 3px 8px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
			white-space:nowrap;
      }
    #header > ul a {width:auto;} 
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }
    #header #current {
      background-position:0 -150px;
      border-width:0;
      }
    #header #current a {
      background-position:100% -150px;
      padding-bottom:4px;
      color:#333;
      }
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #header li:hover a {
      background-position:100% -150px;
      }




/* ---[ Progress bar ]------------------------------------------------------ */
			

.progressbox {
 	height: 150px;
	width: 540px;
	margin-top: -30px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #ccc;
}

.mailbar {
	background-image: url(../images/progressbar.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 514px;
	padding-right: 30px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

.fakefooter {
	background-image: url(../images/fakefooter.gif);
	margin-right: auto;
	margin-left: auto;
  position: absolute;
  height: 30px;
	width: 734px;
}

.baritems {
	padding-top: 7px;
	padding-left: 7px;
	text-align: left;
}
.statusbox {
	background-color: #FFFFFF;
	position: absolute;
	left: 50%;
	width: 514px;		
	margin-left: -257px;
	height: 90px;		
}

.percentbox {
	background-color: #FFFFFF;
	position: absolute;
	left: 50%;
	width: 304px;
	margin-left: -170px;
	height: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	text-align: center;
}

.precodia {	
	padding: 15px;
	border: 1px solid #ccc;
}

#textcolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#backcolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#vowelcolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#nncolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#vbcolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#jjcolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#abcolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#pncolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#ppcolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#kncolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}

#dtcolor {	
	width: 20px;
	height: 6px;
	background: #ccc;
	border: 1px solid #aaa;
}


/* ---[ Dynamic floats ]----------------------------------------------------- */

#colorpicker {
	z-index: 100;
	width: 200px;
    background: #eee;
	height: 220px;
	position: absolute;
	border: 1px solid #999;
	left: 100px;
	top: 100px;
	display: none;
    padding: 8px;
}

#colorpicker .left {float: left;}
#colorpicker .right {float: right;}

#wordinfo {
	z-index: 110;
	width: 350px;
	background: #eee;
	position: absolute;
	border: 1px solid #999;
	left: 100px;
	top: 100px;
	padding: 6px;
	display: none;
}

#wordinfo .north div { color: #555; float: right; padding: 5px 7px; CURSOR: pointer; }