/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

html
{
    height:100%;
    min-height:100%;
}

body
{
    background: url('../images/welcome3.jpg' ) no-repeat top center;
    /*background: url('../images/tree_faded.png' ) no-repeat top center;*/
    height:100%;
    min-height:100%;
    text-align:center;
    font-family: Arial, Helvetica, Verdana, Sans; 
    font-size: 12px; 
    font-weight: normal; 
    line-height: 100%;
    color: Black;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}    

fieldset{ 
    display:block; 
    border-width:1px;
    border-color:Black;
    margin-left:0;
    padding: 3px 3px 3px 3px;
    width:100%;
  }



#welcome
{
    background: url('../images/welcome2.png' ) no-repeat top center;
    /*background: url('../images/tree_faded.png' ) no-repeat top center;*/
    /*height:525px;*/
    height:550px;
    text-align:left;
    font-family: Arial, Helvetica, Verdana, Sans; 
    font-size: 12px; 
    font-weight: normal; 
    color: Black;
    margin: auto auto 0px auto;
    padding: 0px 0px 0px 0px;
}    

#enterimg
{
position:relative; 
top:50%; 
margin-top:-165px; 
text-align:center;
}

#enterhtml {height:100%;text-align:center;}
#enterbody {height:100%;text-align:center;}    
#enterdiv {height:100%;text-align:center;}    

table, tr, td
{
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    margin: 0px auto 0px auto;
    
}

input,select
{font-weight: bold;
 }




li									{ list-style: none outside url('images/li.gif'); }
ol li								{ list-style: decimal; }
ul li								{ list-style: none outside url('images/li.gif'); }
li									{ margin: 5px 0; }

/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/

#Page
{
    width:760px;
    text-align:left ;
    border: solid 0px orange;
    min-height:98%; 
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

#PageHeader
{
    width:750px;
    height:113px;
    text-align:left ;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    border: solid 0px green;
}

#PageDetail
{
    width:750px;
    text-align:center ;
    border: solid 0px green;
    margin: 0px auto 0px auto;
    padding: 10px 5px 50px 5px;
}

#PageFooter
{
    height:50px;
    width:750px;
    text-align:center ;
    margin: -52px auto 0px auto;
    padding: 0px 0px 0px 0px;
    border: solid 0px blue;
    background-color:Transparent;
    /*background: url('../images/bg_bottom.jpg' ) no-repeat bottom left;*/
}

#Terms
{
    height:40px;
    width:350px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    background-color:Transparent;
    border: solid 0px green;
}

#Logo1
{
    height:120px;
    width:350px;
    text-align:left ;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    border: solid 0px green;
    float:left;
    display:block ;
    /*background: url('../images/company_logo.jpg' ) no-repeat top left; */
}

#Menu1
{
    height:103px;
    width:350px;
    text-align:center ;
    margin: 0px 0px 0px 0px;
    padding: 23px 0px 0px 0px;
    border: solid 0px green;
    float:right;
}

/* Headings */
h1, h1 .head
{
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #008000;
    border: none;
    vertical-align: top;
    width: 100%;
    margin-bottom: 10px;
    font-style: italic;
}
h2									{font-size: 16px; font-weight: 700; line-height: 18px; color:Navy; border: none; letter-spacing: -1px; }
h3									{font-size: 14px; font-weight: 700; line-height: 16px; color: #382327; border: none; letter-spacing: -1px; }
h4									{font-size: 12px; font-weight: 700; line-height: 14px; color: #004626; border: none; }
h5									{font-size: 11px; font-weight: 700; line-height: 14px; color: #666666; border: none; }


/*========================================================*/
/*  3. Classes
/*========================================================*/

.left								{ float: left; }
.right								{ float: right; }
.clear								{ clear: both; }
.dummy								{ display: none; }
.border1                            { border: solid 0px black}

.user_greeting
{
    color: Black ;
    font-weight:bold;
    font-size: 16px;
    line-height:120%;
    padding: 5px 5px 5px 5px;
 }

.greeting_div
{
    padding: 7px 7px 7px 7px;
 }

.table_view
{
   border: solid 1px black
}

.new_docket_error
{
   width:80%
}

.grid_row
{
    font-weight:bold;
}


.specbox
{
     border: solid 9px black;
}

.AddressBox
{
    height:100px;
    width:300px;
    text-align:left;
    border: solid 1px gray;
    font-family: Arial, Helvetica, Verdana, Sans; 
    font-size: 12px; 
    font-weight: bold; 
    line-height: 140%;
    color: Black;
    overflow:hidden;
    padding: 3px 3px 3px 3px;
    /*
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, StartColorStr=#FFFFFF, endColorStr=#C7953E)
            progid:DXImageTransform.Microsoft.Alpha(Opacity=50, FinishOpacity=10, Style=1, StartX=100,  FinishX=100, StartY=100, FinishY=0);
    */
     
}

.Welcome
{
    text-align:left;
    border: solid 1px gray;
    font-family: Arial, Helvetica, Verdana, Sans; 
    font-size: 12px; 
    font-weight: bold; 
    line-height: 140%;
    color: Black;
    overflow:hidden;
    padding: 8px 8px 8px 8px;
    /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, StartColorStr=#FFFFFF, endColorStr=#C7953E)
            progid:DXImageTransform.Microsoft.Alpha(Opacity=50, FinishOpacity=10, Style=1, StartX=100,  FinishX=100, StartY=100, FinishY=0);
    */
}


.AddressBox
{
    height:100px;
    width:300px;
    text-align:left;
    border: solid 1px gray;
    font-family: Arial, Helvetica, Verdana, Sans; 
    font-size: 12px; 
    font-weight: bold; 
    line-height: 140%;
    color: Black;
    overflow:hidden;
    /*
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, StartColorStr=#FFFFFF, endColorStr=#C7953E)
            progid:DXImageTransform.Microsoft.Alpha(Opacity=50, FinishOpacity=10, Style=1, StartX=100,  FinishX=100, StartY=100, FinishY=0);
    */
     
}

.error_msg
{
    color: red;
    font-weight:bold;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff;}
a.tt:hover span.tooltip
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    padding: 15px 0 0 0;
    width: 200px;
    color: black;
    text-align: center;
    filter: alpha(opacity:100);
    khtmlopacity: 1;
    mozopacity: 1;
    opacity: 1;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url("../images/bubble.gif") no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url("../images/bubble_filler.gif") repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url("../images/bubble.gif") no-repeat bottom;
}



/* Text Box with Rounded Corners: */
.tb-rounded {
    border:0;
    background: transparent url(rounded.gif) no-repeat top left;
    height: 22px;
    width: 230px;
    padding-top:2px;	
}

/* Text Box with Gradient: */
.tb-gradient {
    border:0;
    background: transparent url(gradient.gif) no-repeat top left;
    height: 22px;
    width: 230px;
    padding-top:2px;
}

.hidden {display:none}

.Normal,
.normal								{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: normal; color: #333; line-height: 120%; }

.SubHead							{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #333; line-height: 120%; }
span.SubHead						{ font-size: 9px; margin:0; padding:0; }
span.SubHead br						{ display: none; }
.font-family						{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 12px; font-weight: bold; color: #777; line-height: 120%; background: transparent; }



/*****  Containers CSS designed by bind.pt 		*****/
/*****  00 in Light British Title				    *****/

                                 .container                 { margin-bottom:10px; }

/*-- title line				--*/ .C00_LightBritish_TitleLine  { margin:0px; position:relative; height:25px; }
/*-- title   				--*/ .C00_British_LightTitle      { float:left; font-family:Arial; font-size:16px; font-weight:300; line-height:120%; color:#05c06b; text-transform:lowercase; }
/*-- actions   				--*/ .C00_Actions               { float:left; width:0px; }
/*-- visibility  			--*/ .C00_Visibility            { float:right; }
                                 .C00_Visibility a:hover    { background-color:Transparent; }


/*-- content pane			--*/ .C00_ContentPane           { margin:10px 0px 0px; }
                                 .FullContentPane           { width:100%; }

/*-- bottom icons  			--*/ .C00_Icons                 { margin-right: 0px; }
                                 
                                 .C00_Icons a img, 
                                 .C00_Icons input           { margin-top:10px; }


.mybutton
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 12px;
    font-variant:small-caps;
    height: 24px;
    /*background-color:#006600;*/
    color: Yellow;
    padding: 0px 4px 0px 4px;
    border: 1px 1px 1px 1px;
    border-color:white;
    overflow: visible;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#33cc33',EndColorStr='#006600');
}

.mybutton:hover
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 12px;
    font-variant:small-caps;
    height: 24px;
    /*background-color:#33CC33;*/
    color: White;
    cursor: hand;
    padding: 0px 4px 0px 4px;
    border: 1px 1px 1px 1px;
    border-color:Green;
    overflow: visible;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#33cc33',EndColorStr='#006600'); 
}

.mybutton2
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 12px;
    font-variant:small-caps;
    height: 24px;
    /*background-color:#006600;*/
    color: Yellow;
    padding: 0px 4px 0px 4px;
    border: 1px 1px 1px 1px;
    border-color:white;
    overflow: visible;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#000099',EndColorStr='#99ccff');
}

.mybutton2:hover
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 12px;
    font-variant:small-caps;
    height: 24px;
    /*background-color:#33CC33;*/
    color: White;
    cursor: hand;
    padding: 0px 4px 0px 4px;
    border: 1px 1px 1px 1px;
    border-color:Green;
    overflow: visible;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#000099',EndColorStr='#99ccff');
}


.ma
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 10px;
    font-weight:bold;
    color: White;
    padding: 1px 4px 3px 4px;
    margin: 2px 0px 0px 0px;
    border: 1px 1px 1px 1px;
    border-color:Yellow;
    overflow: visible;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#006600',EndColorStr='#33cc33');
}

.ma:hover
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 10px;
    font-weight: bold;
    color: Black;
    cursor: hand;
    padding: 1px 4px 3px 4px;
    margin: 2px 0px 0px 0px;
    border: 1px 1px 1px 1px;
    border-color: white;
    overflow: visible;
    text-decoration: underline;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#99ccff'); 
}

.ma_selected
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 10px;
    font-weight: bold;
    color: Black;
    cursor: hand;
    height:22px;
    padding: 0px 4px 0px 4px;
    border: 1px 1px 1px 1px;
    border-color: white;
    overflow: visible;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#99ccff'); 
}

.ma_selected:hover
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 10px;
    font-weight: bold;
    color: Black;
    cursor: hand;
    padding: 0px 4px 0px 4px;
    border: 1px 1px 1px 1px;
    border-color: white;
    overflow: visible;
    text-decoration: underline;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#99ccff'); 
}

.mb
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 10px;
    font-weight: bold;
    color: White;
    padding: 1px 4px 3px 4px;
    border: 1px 1px 1px 1px;
    margin: 2px 0px 0px 0px;
    border-color:Yellow;
    overflow: visible;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#000099',EndColorStr='#99ccff');
}

.mb:hover
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 10px;
    font-weight: bold;
    color: Black;
    cursor: hand;
    padding: 1px 4px 3px 4px;
    margin: 2px 0px 0px 0px;
    border: 1px 1px 1px 1px;
    border-color: white;
    overflow: visible;
    text-decoration: underline;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#99ccff'); 
}

.mb_selected
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 10px;
    font-weight: bold;
    color: Black;
    cursor: hand;
    height:22px;
    padding: 0px 4px 0px 4px;
    border: 1px 1px 1px 1px;
    border-color: white;
    overflow: visible;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#99ccff'); 
}

.mb_selected:hover
{
    font-family: Arial, Helvetica, Verdana, Sans;
    font-size: 10px;
    font-weight: bold;
    color: Black;
    cursor: hand;
    padding: 0px 4px 0px 4px;
    border: 1px 1px 1px 1px;
    border-color: white;
    overflow: visible;
    text-decoration: underline;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#99ccff'); 
}

.report 
{
    background-image: url('../images/report.png');
    background-position: right center;
    background-repeat: no-repeat;
    color: yellow;
    display: block;
    background-color:navy;
    padding: 5px 33px 2px 4px;
    height:19px;
    text-align:right;
    font-size:small;
    font-weight:normal;    
}
.report:hover
{color:White;}

.report2
{color: yellow;}

.report2:hover
{color:White;}

.page_title
{
    padding: 2px 5px 2px 5px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, Sans;
    margin: 0px 0px 0px 0px;
    color: yellow;
    font-weight: bold;
    font-size: 16px;
    padding: 0px 0px 0px 0px;
    max-width: 937px;
    width: 100%;
    border-bottom: solid 1px white;
    background-color:navy;
    height:38px;
}