﻿body  
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/bg_2.jpg) center repeat-y;
    background-color: #96C8EB;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.twoColFixLtHdr #container 
{ 
	width: 990px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left;
} 
.twoColFixLtHdr #header 
{ 
	background: #DDDDDD; 
	padding: 0;
    margin: 0;
} 
.twoColFixLtHdr #header h1 
{
	margin: 0; 
	padding: 10px 0;
}
.twoColFixLtHdr #sidebar1 
{
	float: left;
	width: 180px; 
	background: none; 
	padding: 10px 0px 10px 5px;
    border-right: #ebebeb;
    _margin-top: -20px;
}
.twoColFixLtHdr #mainContent 
{ 
	margin: 0 0 0 190px; 
    _margin: 0 0 0 180px;
	padding: 0px 5px 5px 5px;
} 
.twoColFixLtHdr #footer 
{ 
	padding: 0 10px 0 20px;
	background:#f2f2f2;
    font-size: 10px;
} 
.twoColFixLtHdr #footer p 
{
	margin: 0; 
	padding: 10px 0;
}
.floatright
{ 
	float: right;
	margin-left: 8px;
}
.floatleft 
{
	float: left;
	margin-right: 8px;
}
.clearfloat 
{ 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.sidebar-title
{
    padding: 2px 10px;
    font-size: 12px;
}
.sidebar-widget
{
    padding: 5px 10px;
    margin: 0px;
    font-size: 12px;
}
.jProc-button
{
    font-size: 12px;
    padding: 0.3em 1em 0.3em 0.2em;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.jProc-button span.ui-icon
{
    margin: -8px 5px 0 0;
    position: absolute;
    right: 0.4em;
    _right: 0px;
    top: 50%;
}

/* TOP MENU BAR */
ul.menubar-horizontal
{
    margin:             0;
    padding:            7px 0 8px 0;
    padding:            7px 0 7px 0;] /* Hack for Google Chrome */
    list-style-image:   none;
    list-style-position:outside;
    list-style-type:    none;
    text-align:         left;
}
ul.menubar-horizontal li
{
    display:    inline;
    padding:    4px 10px;
    font-size:  14px;
    position:   relative;
    cursor:     pointer;
    text-align: left;
}
ul.menubar-horizontal li a
{
    padding-left: 16px;
}
ul.menubar-horizontal li span.ui-icon
{
    left:       5px;
    margin-top: -8px;
    position:   absolute;
    top:        50%;
    _top:       0;
    _margin-top:12px;
}

/* Menu List Container */
div.menulist-container
{
    display:    none;
    background: #ffffff url(../img/menulist_bg.png) 50% 50% repeat-y;
    border:     1px solid #aaaaaa;
}

ul.menulist {
    list-style-image:   none;
    list-style-position:outside;
    list-style-type:    none;
    margin:             0;
    padding:            0;
    width:              170px;
    _position:          relative;
    /* _background:        skyblue; */
}

ul.menulist li {
    cursor:     pointer;
    font-size:  12px;
    padding:    4px 10px;
    margin:     0;
    display:    block;
    _position:  relative;
}

/* VERTICAL MENU BAR */
ul.menubar-vertical
{
    margin:             0;
    padding-left:       4px;
    list-style-image:   none;
    list-style-position:outside;
    list-style-type:    none;
    text-align:         left;
    _height:            30px;
}
ul.menubar-vertical li
{
    padding:    4px 10px;
    font-size:  12px;
    position:   relative;
    cursor:     pointer;
    text-align: left;
}
ul.menubar-vertical li a
{
    padding-right: 16px;
}
ul.menubar-vertical li span.ui-icon
{
    left:       85%;
    _left:      75%;
    margin-top: -8px;
    position:   absolute;
    top:        50%;
    _top:       0;
    _margin-top:5px;
}

div#menu-location-scrolleable
{
    height:     220px;
    margin:     0;
    padding:    0;
    overflow:   hidden;
    position:   relative
}

div.newspace {
    font-size:      8px;
    height:         8px;
    line-height:    8px;
}

form
{
    margin: 0 auto;
}

a.highlight
{
    color:  white;
}

li.specialHover
{
    border-top: 2px #eeeeee solid;
    border-bottom: 2px #eeeeee solid;
}

/* Header Section */
.logo 
{
	position: absolute;
	z-index: 100;
	left: 55px;
	top: 40px;
}
#header_search 
{
	position: absolute;
	z-index: 50;
	left: 710px;
	top: 110px;
	padding: 5px 10px;
	border: white 1px solid;
}

#header_search input.search-component
{
	padding:    3px;
    _margin-right:  5px;
}

.search-component
{
    border:     1px solid #AAAAAA;
    font-size:  12px;
    color:      #555555;
}

select.cbx-cities
{
    display:    none;
}

ul.prop-list
{
    list-style-image:   url(../img/list.gif);
    list-style-position:outside;
    list-style-type:    none;
    padding:            0 20px;
    _padding:           0 18px;
    margin:             0;
    font-size:          11px;
}

ul.prop-list li
{
    padding:            2px 0;
}

ul.prop-list li a
{
    text-decoration:    none;
}

ul.prop-list li a:hover
{
    text-decoration:    underline;
}

iframe
{
	border:	none;
	width:	100%;
    height:	1150px;
}

input[type="text"], select
{
    border:             1px solid #AAAAAA;
}

input.focusControl, select.focusControl
{
    border:             1px solid #E1E463;
    color:              black;
}

button.special-button 
{ 
    border: 1px solid #ffffff;
    _border: none;
    background: #fba62e url(../img/special-button-default.png) 50% 50% repeat; 
    color: #fafafa; 
    font-weight: bold; 
}

button.special-button-hover
{
    /* background: #35414f url(../img/special-button-hover.png) 50% 50% repeat; */
    color:      #222222;
}

button.special-button-click
{
    /* background: #35414f url(../img/special-button-click.png) 50% 50% repeat; */
}
button.special-button .ui-icon 
{ 
    background-image: url(inner-red/images/ui-icons_ffffff_256x240.png); 
}
button.special-button-hover .ui-icon 
{
    background-image: url(inner-red/images/ui-icons_cc0000_256x240.png); 
}

a.banner-link
{
    font-weight:    bold;
    text-decoration:none;
    color:          #222222;
    font-size:      14px;
}

a.banner-link:hover
{
    text-decoration:underline;
    color:          #ee2922;
}
