/*
'====================================================================
' Module	: tea-web-style-ie.css
' Author	: Ascendent Technology / TEA
' Date		: January 2009
' Purpose	: tea style sheet [WebSEAL Components] (IE specific)
' Notes		:
'====================================================================
' AMENDMENT HISTORY:
' TEA - 01/12/2009 - Made sizing, padding adjustments, and added fieldset and legend elements
'====================================================================
*/

html, body { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
text-align: center;
padding: 0px;
height: 100%;   
}

table, input, textarea, button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

div, span, p, ul, li, td, th { 
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

pre {
font-family: monospace;
font-size: 11px;
}

a, a:active {
color: #51688e;
font-weight: bold;
}

a:visited { 
color: #51688e;
font-weight: bold;
}

a:hover { 
color: #999999;
font-weight: bold;
}

.spacer {
clear:both;
}

label {
font-size:12px;
}

h1 {	
color: #999999;
font-size: 13pt;
font-weight: bold;
}

h1.error {
color: #9d0000;
font-size: 13pt;
font-weight: bold;	
}

.tools {
color: #999999;
font-size:10px;
}

.instruct {
color: #606060;
font-size:12px;
font-weight: bold;
padding-left: 0px;
}

.footer {
margin: 10px;	
color: #6E6E6E;
font-size: 10px;
}

ul {
list-style-type: disc;
margin: 10px;
color: #999999;
}

li {
color: #000000;
}

div.tea-seal {
#background-image: url('../images/tea_logo.png?ver=2.0');
#background-position: 25% 10%;
#background-position: top left;
#background-repeat: no-repeat;
position: relative;
left: 220px;
top: 0px;
z-index:1;
}

div.outer-envelope {
min-height: 80%; 
height: 100%; 
margin: 0 auto 0em; 
width: 600px;
position:relative;
top: 30px;
}

div.envelope {
#width: 600px; 
border: 1px solid #999999;
background-color: #f2f3f5;
padding: 20px 20px 20px 20px;
margin: 20px auto;
padding-left: 75px;
height: auto !important;
height: 250px;	
}

fieldset {
font-family: verdana, arial, sans-serif;
width: 600px;
}

legend {
font-family: verdana, arial, sans-serif;
color: #000000;
font-size: 18px;
font-weight: bold;
}

span.error, div.error{
color: #A20000;
font-size: 14px;
padding-top: 5px;
font-family: arial;
} 	

div.warning-box {
#width: 600px;
color: #6E6E6E;
border: none;
padding: 5px;
margin: 10px auto;
}

div.error-box {
color: #3D0000;
border: 1px solid #996666;
background-color: #FFCACA;
padding: 10px;
margin: 10px auto;
}

div.password-utility-box { 
#border: 1px solid #efefef;
#background-color: #ededed;
padding: 15px;
margin: 10px auto;
}	

div.form-box {
width: 520px; 
#border: 1px solid #ededed; 
padding: 10px;
margin: 0px auto;
padding-bottom: 0px;
}	

div.row {
clear: both;
padding-top: 2px;
}

div.row span.label {
float: left;
width: 220px;
text-align: right;
}

div.row span.formw {
float: right;
width: 150px;
text-align: left;
} 

div.spacer {
clear: both;
}

.footer, .push { 
height: -4em; 
text-align: center;
font-size: 11px;
white-space: nowrap;
clear:both;	
} 

.instruct {    
    color:#606060;
}

.instruct li 
{
    font-size:100%;
    color: #606060;
    font-weight:normal;
}
ul {
    list-style-type: disc;
    list-style-position: inside; 
    margin-left:25px;	
    color: #606060;	
}

ul.circle 
{
    list-style-type:circle;
    margin-left:25px;  
} 

a.error, a.error:active {
color: #A20000;
font-weight: bold;
}

a.error:visited { 
color: #A20000;
font-weight: bold;
}

a.error:hover { 
color: #A20000;
font-weight: bold;
}

.bold 
{
   font-weight: bold;
}