body {
	        padding: 0px;
		margin: 0px auto;
		font-size: 10pt;
		text-align: left;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                line-height: 1em;
	        background: #5566b3;
		color: #333;
	}

tr.alt {
        background: #F5FAFA;
        color: #204060;
}
tr.normal {
        background: #E6EAE9;
        color: #204060;
}


        label.sounds {
                text-align: right;
                width: 100px;
                padding: 0px;
                padding-right: 20px;
                margin: 0px;
                margin-bottom: 2px;
                float: left;
                display: block;
        }

DIV.table-row-3 {
  background: none #ffffff;
  border: solid #000000 0px;
  color: #000000;
  margin-top: 0;
  margin-right: 2px;
  margin-bottom: 0;
  margin-left: 2px;
  padding: 0;
  text-align: center;
  float: left;
  width: 30%;
  background: transparent;
}

DIV.table-row-2-l {
  background: none #ffffff;
  border: solid #000000 0px;
  color: #000000;
  margin-top: 5px;
  margin-right: 3px;
  margin-bottom: 0;
  margin-left: 0px;
  padding: 0;
  text-align: right;
  float: left;
  width: 26%;
  font-weight: bold;
  background: transparent;
}

DIV.table-row-2-r {
  background: none #ffffff;
  border: solid #000000 0px;
  color: #000000;
  margin-top: 5px;
  margin-right: 1px;
  margin-bottom: 0;
  margin-left: 3px;
  padding: 0;
  text-align: justify;
  float: left;
  width: 70%;
  background: transparent;
}


/* BASIC TAGS */
	a,
	a:link,
	a:active, a:visited {
		color: #06c;
		text-decoration: none;
		font-weight: bold;
	}

	a:hover {
		color: #f66;
		text-decoration: none;
		font-weight: bold;
	}
	

	br {
		clear: left;
	}

	h1 {
		color: #000;
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h2 {
		color: #000;
		font-size: 1.5em;
                line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h3 {
		color: #000;
		font-size: 1.3em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	h4 {
		color: #000;
		font-size: 1.2em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
		color: #000;
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h6 {
		color: #000;
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}




	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	

	p {
		font-size: 1em;
		margin: 0 0 0 0;
		padding: 0em;
		line-height:1.4em;
                text-align: justify;
		text-indent: 20px;
	}
	blockquote {
		border-left: 10px;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}



	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}

	
	
	table {
	        font-size: 1em;
		margin: 0px 0px 0px 0px;
	        padding: 0px;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
		vertical-align: middle;
	}

	
	hr {
		width: 80%;
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted black;
	}
	

	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		border: 0px;
		padding: 0px;
	}
	fieldset {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		border: 1px solid #00f;
		float: left;
	}

	fieldset legend {
		font-size: 1.7em;
		color: #00f;
		padding: 2px 6px;
		padding-bottom: 10px;
	}

	* html fieldset legend {
		margin: 0 0 10px 10px;
		padding-bottom: 10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     
	
        input, select {
                font-size:0.7em;
                font-family: "Trebuchet MS", Verdana, arial, helvetica, sans-serif;
                margin: 0;
                padding-left: 6px;
                background: transparent url(/images/addressfield.gif) no-repeat;
        border: 2px;

        }

        textarea {
                font-size:0.7em;
                font-family: "Trebuchet MS", Verdana, arial, helvetica, sans-serif;
                margin: 0;
                padding-left: 6px;
                background: transparent url(/images/addressfield.gif) no-repeat;
		height: 130px;
		width: 230px;
        border: 2px;

        }

        
	input, select {
		vertical-align:middle;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}

	textarea.addressfield {
		background: transparent url(/images/addressfield.gif) no-repeat;
		width: 220px;
		height: 130px;
		border: 0;
		padding-left: 5px;
	}	

	select.didselect {
		background: transparent url(/images/textfield_bg.gif) no-repeat;
		padding-top: 0;
                font-size: 0.7em;
                font-family: "Trebuchet MS", Verdana, arial, helvetica, sans-serif;
                margin: 0;
                padding-left: 6px;
                height: 20px;
	        border: 2px;
	}	

	input.textfield {
		vertical-align: middle;
		font:0.9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
		color:#333 ;
		margin:0px;
		height:20px;
		padding-left: 7px;
		padding-right: 7px;
		border:solid 0px #fff;
		background: transparent url(/images/textfield_bg.gif) no-repeat;
		width:150px;
		outline: none;
	}


	input.numtextfield {
		vertical-align: middle;
		font:0.9em  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
		color:#333 ;
		margin:0px;
		height:20px;
		padding-left: 7px;
		padding-right: 7px;
		border:solid 0px #fff;
		background: transparent url(/images/numtextfield_bg.gif) no-repeat;
		width:50px;
		outline: none;
	}



	input.bigtextfield {
		vertical-align: middle;
		font:0.9em  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;
		color:#333 ;
		margin:0px;
		padding-left: 7px;
		padding-right: 7px;
		height:20px;
		border:solid 0px #fff;
		background: transparent url(/images/bigtextfield_bg.gif) no-repeat;
		width:220px;
		outline: none;
	}


input[type="radio"] {
	visibility: hidden;
	width: 0px;
	height: 0px;
	padding: 0px; 
	margin-bottom: 0px;
	margin-right: 0px;
	clear: left;
}				

.checkbox, input[type="checkbox"] + label{
        clear: left;
        width: 0px;
        height: 0px;
	background: url("/images/checkbox.gif") 0 0 no-repeat;
}

.checkbox,input[type="checkbox"]:focus + label{
        clear: left;
        width: 0px;
        height: 0px;
	background: url("/images/checkbox.gif") 0 0 no-repeat;
}

.checkbox,input[type="checkbox"]:checked + label{
        clear: left;
        width: 0px;
        height: 0px;
	background: url("/images/checkbox-checked.gif") 0 0 no-repeat;
}

.checkbox,input[type="checkbox"]:checked:focus + label{
        clear: left;
        width: 0px;
        height: 0px;
	background: url("/images/checkbox-checked.gif") 0 0 no-repeat;
}


input[type="radio"] + label{
        background: url("/images/checkbox.gif") 0 0 no-repeat;
}

input[type="radio"]:checked:focus + label{
        background: url("/images/checkbox-checked.gif") 0 0 no-repeat;

}

input[type="radio"]:focus + label{
        background: url("/images/checkbox.gif") 0 0 no-repeat;

}

input[type="radio"]:checked + label{
        background: url("/images/checkbox-checked.gif") 0 0 no-repeat;
}


label {
	padding-left: 10px;
	margin-bottom: 0px;
}

.biglabel {
	float: left;
	width: 75px;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 20px;
	margin: 0px;
}

.goleft {
	float: left;
}

.goright {
	float: right;
}

.smalllabelleft {
	float: left;
	width: 95px;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 20px;
	margin: 0px;
}
.smalllabelright {
	width: 93px;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 20px;
	margin: 0px;
}




	input.submit {
		vertical-align: middle;
		font:0.9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		margin:0px;
		height:20px;
		border:solid 0px #fff;

		background: transparent url(/images/submit.gif) no-repeat;
		width: 45px;

		margin-top: 10px;
		text-transform:uppercase;
		outline: none;
	}

	input.submit:hover {
		color: #f00;
	}


	input.smallsubmit {
		vertical-align: middle;
		font:0.7em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		color:#666;
		margin:0px;
		height:20px;
		border:solid 0 #fff;

		background: transparent url(/images/submit.gif) no-repeat;
		width: 45px;

		text-transform:uppercase;
		outline: none;
	}
	input.logoutsubmit:hover {
		color: #f00;
	}
/* END FORM ELEMENTS */
		

 
/* SITE SPECIFIC LAYOUT */
	/* this holds everything */
	.page {
	        width: 780px;
	        margin:  10px auto 10px auto;
	        padding: 0px;
		border: 1px solid #000;
		background: #fff;
	}
    


/* HEADER */
	.header {
		color: #fff;
	 	position: relative;
		top: 0px;
		left: 0px;
		margin: 0px;
		padding: 0px;
	        border: 0px solid #fff;
		background: #000;
	}

	.logo { position: absolute; top: 0px; left: 5px; }

	/* toolbar in the logo space */
	.navbartop {
		position: absolute;
		top: 0px;
		right: 0px;

		margin: 0px;
		border: 0px solid #000;
		padding: 3px 6px;

		color: #FFF;

		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: normal;
	}

	.navbartop a          { color: #FFF; text-decoration: none;}
	.navbartop a:visited  { color: #FFF; text-decoration: none;}
	.navbartop a:hover    { color: #F66; text-decoration: none;}

	.navbarbottom {
		position: absolute;
		top: 35px;
		right: 0px;

		margin: 0px;
		border: 0px solid #000;
		padding: 3px 6px;

		color: #FFF;

		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: normal;
	}

	.navbarbottom a          { color: #FFF; text-decoration: none;}
	.navbarbottom a:visited  { color: #FFF; text-decoration: none;}
	.navbarbottom a:hover    { color: #F66; text-decoration: none;}


	/* for commands when logged in */
	.toolbar {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 775px;

		margin: 0px;
		border: 0px solid #000;
		padding-bottom: 7px;
		padding-left: 5px;

		color: #000;
		background: #78f;

		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: normal;
	}

	.toolbar a          { color: #000; text-decoration: none;}
	.toolbar a:visited  { color: #000; text-decoration: none;}
	.toolbar a:hover    { color: #F66; text-decoration: none;}

/* END HEADER */


/* FOOTER */
	.footer {
		width: 780px;
		color: #000;
		background-color: #BDD4F7;
	}
		
        .footer p {
            font-size: 0.8em;
            margin: 0;
            padding: 15px;
            text-align: center;
        }
/* END FOOTER */


/* CONTENT */
	.content {
	        width: 760px;
	        
	        text-align: left;
	
		position: relative;
		top: 0px;
		left: 0px;
		float: left;
	
		vertical-align: top;
		margin: 0px auto;
		padding: 20px 10px;
		padding-bottom: 25px;
	
		background: #FFF;	
		background-image: url("/images/trxtel-back.jpg");
		background-repeat: no-repeat;
		background-position: center;
	}


	.minheight {
		height: 400px;
		width: 0px;
		float: right;
	}
        


	/* Main page formatting */
	.heading {
		margin: 0px auto;
		margin-bottom: 0.75em;
		border: 0px solid #000;
		border-bottom: 1px solid #000;
		padding: 0.25em 0px;
	
		color: #08F;
	
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
	
		text-align: left;
	}


	sub_heading {
		font-weight: bold;
	}



	/* generic types */
	#inputerror {
		font-weight: bold;
		color: #f00;
	}


	/* Grey alternating rows */
	table.greyalt {
		font-size: 90%;
		margin: 0 0 0 0;
		padding: 0;
		width: 100%;
	}

	table.greyalt tr.greyalt-odd {
		background-color: #ddd;
		margin: 0;
		padding: 0;
	}

	table.greyalt tr.greyalt-even {
		background-color: #bbb;
		margin: 0;
		padding: 0;
	}

	.topline {
		margin: 1em auto auto 1em;
	}

	.main {
		width: 100%;
		position: relative;
		margin-top: 10px;
	}
		


	.boxit {
		width: 345px;
		margin-left: 10px;
		margin-right: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 1px solid #00f;
	}

	.bigboxit {
		width: 720px;
		margin-left: 10px;
		margin-right: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
		border: 1px solid #00f;
	}
        .boxit-r {
                width: 45%;
                margin-left: 5px;
                margin-right: 5px;
                margin-top: 10px;
                margin-bottom: 10px;
                border: 1px solid #00f;
                float: right;

        }

        .boxit-l {
                width: 45%;
                margin-left: 10px;
                margin-right: 5px;
                margin-top: 10px;
                margin-bottom: 10px;
                border: 1px solid #00f;
                float: left;

        }

	.boxit legend {
		font-size: 1.7em;
		color: #00f;
		padding: 2px 6px;
		padding-bottom: 10px;
	}

#spacer {
        margin-right: 50px;
        float: left;

}