/* ---[ 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: #F1F1F1 url(../images/bgtest.gif) repeat-y 50% 0; 
  }

#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;

	}

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

H1 {
          font-size : 1.5em;
          color : #bbb;
          margin-top : 20px;
      }

H2 {
          font-size : 1.1em;
          letter-spacing : -0.01em;
          color : #000000;
          font-style : italic;
          margin-bottom : 25px;
      }

H3 {
          font-size : 0.9em;
          letter-spacing : -0.02em;
          color : #000000;
      }

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;
      }
	

P {
	  margin-top: 15px;
		margin-bottom: 15px;
}

			
TD {
	 padding-left: 3px;
}


	
	
/* ---[ Page layout ]--------------------------------------------------------*/	
	

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

.mainleftcolumn {
					width: 450px;
					padding-right: 30px;
}			

.onecolumn {
					width: 668px;
}


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




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

.ptitle a {
          color: #707070;
          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 {
          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: 185px;
		padding: 0px;
		margin: 0px;
		background: #bbb url("../images/sidebar_bg.gif");
	  padding-left: 3px; 		
		font-size: 85%;
		font-weight: bold;
	  color: #fff;
		margin-top: 22px;
}

.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 {
		padding: 0px;
		margin: 0px;
		line-height: 1.5;
	  background: #E9E9DF;
		font-size: 85%;
	  border-left: 1px solid #bbb;
	  border-right: 1px solid #bbb;
	  border-bottom: 1px solid #bbb;

}

.sectionmenu ul {
		margin: 0px; 
		margin-top: -1px;		
		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: 170px;
		padding: 3px;
    display: block; 
		color: #555;
	  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: 182px;
		padding: 3px;
		padding-right: 1px;
		margin: 0px;
		margin-top: -1px;
		line-height: 1.5;
	  background: #fff;
		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 ]-------------------------------------------------- */



.sqltable td {

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


.tableheader {
	  background:#DDD6BB;	
}

.tableheader td {
    padding: 2px;
		padding-left: 3px;
		font-size: 85%;
		color: #777;
    font-weight: bold;
		border-bottom: 1px solid #CDC6AB;
		border-right: 1px solid #CDC6AB;
		border-top: 1px solid #EDE6CB;
		border-left: 1px solid #EDE6CB;
		margin-bottom: 2px;

}


.tableheader A {
		color: #666;
		text-decoration: none;
}

.tablecontrast {
		background:#EFEFD0;
}

.tabledoublecontrast {
		background:#DCDCDC;
}



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

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

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

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

.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;
      }			
			

/* ---[ 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: 10px;
		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 {
      float:left;
      display:block;
      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;
}