/*  ****  03/21/06 Forms CSS ESSEFF  ****  */  

/*  ****  This is style_panels.css for registration boxes and display panels  ****  */  

.TMcenter {
    margin:0px 0px; padding:0px;
	text-align:center;
}
  
.TMpanelbox {
	width:450px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:2px solid #D2D2D2;
	background-color: #FDFDFD;
	color: inherit;
	
}

/* Set the text and background color properties for all the forms.
   Be careful there... these are the dady tags.  */

form {
   margin-top: 0px;
   margin-bottom: 0px;
}

input, textarea, select { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #FFFFFF;
}

textarea {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   font-weight: normal;
} 

label {
   font-size : 1em; 
   line-height : 1.2em;
   float:right; 
   text-align: right;
   white-space: nowrap; /*  */
   color : #000000; 
   background-color: inherit;
   font-weight : normal; 
   font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; 
   margin-top: 2px;
   margin-right: 10px;
}

fieldset {
   margin: 0px 20px 0px 0px;
   padding: 0;
   border: #CCE7FF 2px solid;
   background-color: inherit;
   color: #000000;
}

fieldset label {
   display: block;
   margin: 4px 0 0 5px;
}

fieldset input {
   background-color: #FFFFFF;
   color: #000000;
   border: 1px solid #000000;
   margin-left: 5px;
   
}

fieldset legend {
   margin: 0px 0px 0px 0px;
   background-color: #CCE7FF;
   color: #000000;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   font-weight: normal;
}

fieldset ul {
   background-color: inherit;
   color: #0A4C84;
   margin: 0px 0px 0px 0px;
  /*  list-style: square; */
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   font-weight: normal;
   padding: 0px;
}


/* ***** MAIN CONTENT AREA FORMS (TM____) ***** */

.TMformbox {
   width: 160px;
   margin: 10px auto 10px auto;
   padding: 5px;
   background-color: #f5f5f5;
   border: #D2D2D2 1px solid;
   color: #000000;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   font-weight: normal;
}

.TMinput { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #FFFFFF;
}

.TMlabel {
   font-size : 1em; 
   line-height : 1.2em;
   float: right; 
   text-align: right;
   white-space: nowrap;
   color : #000000; 
   background-color: inherit;
   font-weight : normal; 
   font-family : Arial, Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   margin-top: 4px;
}

.TMtextarea { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #FFFFFF;
}

.TMselect { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #FFFFFF;
}

.TMtextbox {
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   color: #000000;
} 

.TMselectbox {
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   color: #000000;
} 

.TMcheckbox {
   background-color: #FFFFFF;
   border: #000000 solid 0px;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #000000;
}

.TMradio {
   background-color: #FFFFFF;
   border: #000000 solid 0px;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #000000;
}

.TMfieldcaption {
   margin-left: 5px;
   margin-bottom: 3px;
   font-size : .7em; 
   line-height : 1.2em; 
   color : #888888; 
   background-color: inherit;
   font-weight : normal; 
   font-family : "Arial Narrow", Arial, Tahoma, Verdana, Helvetica, sans-serif; 
}

.TMsubmitbutton {
   background-color: #FDCB00;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #000000;
   margin: 5px auto 2px auto;
} 

.TMsubmitbutton:hover {
   background-color: #FD9800;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #000000;
   margin: 5px auto 2px auto;
} 

.TMsubmitbutton:active {
   background-color: #188CEE;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #EAF5FF;
   margin: 5px auto 2px auto;
} 

.TMsubmitresetbutton {
   /* float: left;
   clear: left;  */
   text-align: center;   
   margin: 5px auto 2px auto;
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #000000;
}

.TMsubmitresetbutton:hover {
   /* float: left;
   clear: left;  */
   text-align: center;   
   margin: 5px auto 2px auto;
   background-color: #FDCB00;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #000000;
}

.TMsubmitbuttonsmall {
   float: right;
   background-color: #FDCB00;
   font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: .7em;
   font-weight: bold;
   color: #000000;
   margin-bottom: 0px;
} 

.TMsubmitbuttonsmall:hover {
   float: right;
   background-color: #FD9800;
   font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: .7em;
   font-weight: bold;
   color: #000000;
   margin-bottom: 0px;
} 

div#TMdomainbox {
   /* display: none; */
   width: 300px;
   margin: 0px auto 20px auto;
   text-align: center;
   background-color: #DBECF8;
   color: inherit;
   white-space: nowrap;
   border-top: 2px #0A4C84 solid;
   border-bottom: 2px #0A4C84 solid;
   border-left: 0px #0A4C84 solid;
   border-right: 0px #0A4C84 solid;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
}


/* ***** LEFT PANEL FORMS (TML____) ***** */

.TMLformbox {
   width: 148px;
   margin: 10px auto 10px auto;
   padding: 5px;
   background-color: #0B5492;
   border: navy 1px solid;
   color: white;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   font-weight: normal;
}

.TMLinput { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #EAF5FF;
}

.TMLlabel {
   font-size : 1em; 
   line-height : 1.2em;
   float:right; 
   text-align: right;
   white-space: nowrap;
   color : #000000; 
   background-color: inherit;
   font-weight : normal; 
   font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; 
   margin-top: 4px;
}

.TMLtextarea { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #EAF5FF;
}

.TMLselect { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #EAF5FF;
}

.TMLtextbox {
   background-color: #EAF5FF;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   color: #000000;
} 

.TMLselectbox {
   background-color: #EAF5FF;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   color: #000000;
} 

.TMLcheckbox {
   background-color: #0B5492;
   border: #000000 solid 0px;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #000000;
}

.TMLradio {
   background-color: #0B5492;
   border: #000000 solid 0px;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #000000;
}

.TMLfieldcaption {
   margin-left: 5px;
   margin-bottom: 3px;
   font-size : .7em; 
   line-height : 1.2em; 
   color : #EAF5FF; 
   background-color: inherit;
   font-weight : normal; 
   font-family : "Arial Narrow", Arial, Tahoma, Verdana, Helvetica, sans-serif; 
}

.TMLsubmitbutton {
   float: right;
   clear: right;
   background-color: #FDCB00;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #000000;
   margin: 5px auto 2px auto;
} 

.TMLsubmitbutton:hover {
   background-color: #FD9800;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #000000;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2px;
} 

.TMLsubmitbutton:active {
   background-color: #188CEE;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #EAF5FF;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2px;
}

.TMLsubmitresetbutton {
   float: left;
   clear: left;
   background-color: #0A4C84;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #FDCB00;
   margin: 5px auto 2px auto;
}

.TMLsubmitbuttonsmall {
   float: right;
   background-color: #FDCB00;
   font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: .7em;
   font-weight: bold;
   color: #000000;
   margin-bottom: 0px;
} 

.TMLsubmitbuttonsmall:hover {
   float: right;
   background-color: #FD9800;
   font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: .7em;
   font-weight: bold;
   color: #000000;
   margin-bottom: 0px;
} 


/* ***** RIGHT PANEL forms (TMR____) ***** */

.TMRformbox {
   width: 148px;
   margin: 10px auto 10px auto;
   padding: 5px;
   background-color: #0B5492;
   border: navy 1px solid;
   color: white;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   font-weight: normal;
}

.TMRinput { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #EAF5FF;
}

.TMRlabel {
   font-size : 1em; 
   line-height : 1.2em;
   float:right; 
   text-align: right;
   white-space: nowrap;
   color : #000000; 
   background-color: inherit;
   font-weight : normal; 
   font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; 
   margin-top: 4px;
}

.TMRtextarea { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #EAF5FF;
}

.TMRselect { 
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
   font-size: 1.0em; 
   color: #000000; 
   background-color: #EAF5FF;
}

.TMRtextbox {
   background-color: #EAF5FF;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   color: #000000;
} 

.TMRselectbox {
   background-color: #EAF5FF;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.0em;
   color: #000000;
} 

.TMRcheckbox {
   background-color: #0B5492;
   border: #000000 solid 0px;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #000000;
}

.TMRradio {
   background-color: #0B5492;
   border: #000000 solid 0px;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 1.2em;
   color: #000000;
}

.TMRfieldcaption {
   margin-left: 5px;
   margin-bottom: 3px;
   font-size : .7em; 
   line-height : 1.2em; 
   color : #EAF5FF; 
   background-color: inherit;
   font-weight : normal; 
   font-family : "Arial Narrow", Arial, Tahoma, Verdana, Helvetica, sans-serif; 
}

.TMRsubmitbutton {
   float: right;
   clear: right;
   background-color: #FDCB00;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #000000;
   margin: 5px auto 2px auto;
} 

.TMRsubmitbutton:hover {
   background-color: #FD9800;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #000000;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2px;
} 

.TMRsubmitbutton:active {
   background-color: #188CEE;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #EAF5FF;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2px;
}

.TMRsubmitresetbutton {
   float: left;
   clear: left;
   background-color: #0A4C84;
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: 1.0em;
   font-weight: bold;
   color: #FDCB00;
   margin: 5px auto 2px auto;
}

.TMRsubmitbuttonsmall {
   float: right;
   background-color: #FDCB00;
   font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: .7em;
   font-weight: bold;
   color: #000000;
   margin-bottom: 0px;
}

.TMRsubmitbuttonsmall {
   float: right;
   background-color: #FD9800;
   font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
   border: #000000 1px solid;
   font-size: .7em;
   font-weight: bold;
   color: #000000;
   margin-bottom: 0px;
}