﻿body {

	margin-left: auto;
	margin-right: auto;
	width: 1050px;
}

#cssLeftTitle
{
    float: left;
    width: 250px;
    height:62px;
    padding-left:50px;
}

#cssRightTitle
{
	width: 595px;
	float:left;
    text-align:right;
    padding-top: 11px;
}

#cssCentreTitle
{
    height:62px;
}

#cssTitleBar
{
    background-image: url(/images/Blue/Blue_header_right.jpg);
    clear:both;
    height: 30px;
}

#vista_toolbar 
{
clear:both;
float:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:0;
padding:0;
}

#vista_toolbar ul {
background-image:url(../images/Blue/Blue_back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
width:350px;
}


#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar .search {
float:right;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(../images/Blue/Blue_left.png) no-repeat left center;
}

#vista_toolbar a:hover span {
background:url(../images/Blue/Blue_right.png) no-repeat right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}
#MainContent
{
   clear:both;
    float:left; 
}


.quickSearch{
background-image:url(../images/Blue/Blue_back.gif);
width:650px;
line-height:32px;
float:left;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
    text-align : left; 
    list-style-type : none;
    
}

/* AutoComplete highlighted item*/

.autocomplete_highlightedListItem
{

	background-color: #ffff99;
	color: black;
	padding: 1px;
}
 
/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : White;
	color :  Black;
	padding : 1px;
}

.AutoExtender
        {
            display:block;
            font-family: Verdana, Helvetica, sans-serif; 
            font-size: .8em;
            font-weight: normal; 
            border:solid 1px #006699;
            line-height:20px; 
            padding:2px;
            background-color:White; 
            background-image: none; 
            float: none;
        }

 .AutoExtenderList
        {
            clear:both;
            display:block;
            border-bottom:dotted 1px #006699; 
            cursor:pointer;
            color:Maroon;
            background-color:White; 
            background-image: none; 
            float: none;
            z-index: 1000;
           
        }

  .AutoExtenderHighlight
        {
            display:block;
            color:White; 
            background-color:#003399;
            cursor:pointer; 
            background-image: none; 
            float: none;
            
        }
        
        

.conarea
{
	clear:both;
	position:relative; 
	width:1024px; 
	height:800px; 
	background-color:#FFF; 
	background-image:url(../images/Blue/blue_Grad_border.jpeg); 
	background-repeat:repeat-y;
	
}

.footerbarHead
{
	border-color: #1F6198;
	background-color: #FFF;
	width: 1024px;
	border-top-style: solid;
	border-top-width: thin;
}


.footerbarEnd
{ 
	border-color: #1F6198; 
	background-color:#FFF; 
	width:1024px; 
	 border-top-style: solid; border-top-width: medium; }



.footer
{
	height:75px;
	background-color:#FFF; 
	background-image:url(../images/Blue/blue_Grad_border.jpeg); 
	background-repeat:repeat-y;
	clear:both; 
	width:1024px; 
	text-align:center; 

}

