/*-------- global styles -------------*/
a img { border: 0 }
a:link  { color: #2F6EBC; text-decoration: underline }
a:visited { color: #2F6EBC; text-decoration: underline }
a:hover  { color: #d27b00; text-decoration: underline }
html, body { height: 100%; padding:0; margin:0; font-size: 11px; font-family: Arial; color: #000000}
input { font-size: 11px; font-family: Arial; color: #000000; padding-left: 2px }
.spacer { padding: 0; margin: 0; visibility: hidden; clear: both}
.nobr {white-space: nowrap}
p {font-size: 11px; font-family: Verdana; font-weight: normal}
/*--  header style --*/
#header-login { width: 773px; font-size: 10px; margin: 0; padding: 0 }
#header-login a:link { color: #484848; }
#header-login a:visited { color: #484848; }
#header-login a:hover { color: #d27b00; }
#header-login img  { float: left; }
#header-login ul  { width: 555px; list-style: none; padding: 0; margin-top: 3px; margin-bottom: 0; float: left }
#header-login ul li { margin-top: 2px; clear:both; text-align: right  }
/*#header-login input { font-size: 11px; font-family: Arial; color: #000000; padding-left: 2px }*/
.formLogin { float: right }
#header-login .col1, #header-login .col2, #header-login .col3, #header-login .col4 { width: auto !important; float: left; text-align: left; padding-right: 5px }
#header-login label { display: block }
#forgotpassword { float: right }
.login-fail { float: left; color: red; font-family: Verdana, Arial, Helvetica; font-size: 10px; margin: 0; padding: 0 }
.login-box { padding: 0; margin: 0 }
input.loginUsername, input.loginPassword { width: 70px; background: #fafafa; border: 1px solid #cccccc }
select.domain { font-size: 12px; padding: 0; margin: 0; background: #fafafa;}
/*--  top nav style --*/
.tbltopnav { background: url("images/bk_topnav.gif"); border-bottom: 2px solid #fff; }
.topnav { padding-left: 15px; }
.topnav ul{ list-style: none; margin: 0; padding: 0; height: 26px }
.topnav li { float: left; height: 26px; padding: 0; border: 0; padding-bottom: 0; }
.topnav li a .alt {display:none}
.topnav li img { height: 26px; display: block }
a#topnav-home  { width: 47px; height: 26px; display: block; background-image: url("images/topnav/b_home_off.gif");  z-index: 1}
a#topnav-home:hover  { width: 47px; height: 26px; display: block; background-image: url("images/topnav/b_home_on.gif") }
a#topnav-aboutus  { width: 63px; height: 26px; display: block; background: url("images/topnav/solutions_off.gif"); z-index: 1}
a#topnav-aboutus:hover  { width: 63px; height: 26px; display: block; background-image: url("images/topnav/solutions_on.gif") }

a#topnav-agency  { width: 121px; height: 26px; display: block; background-image: url("images/topnav/products_off.gif"); z-index: 1}
a#topnav-agency:hover  { width: 121px; height: 26px; display: block; background-image: url("images/topnav/products_on.gif") }

a#topnav-interests  { width: 121px; height: 26px; display: block; background-image: url("images/topnav/products_off.gif"); z-index: 1}
a#topnav-interests:hover  { width: 121px; height: 26px; display: block; background-image: url("images/topnav/products_on.gif") }

a#topnav-products  { width: 74px; height: 26px; display: block; background-image: url("images/topnav/partners_off.gif"); z-index: 1}
a#topnav-products:hover  { width: 74px; height: 26px; display: block; background-image: url("images/topnav/partners_on.gif") }

a#topnav-custom  { width: 109px; height: 26px; display: block; background-image: url("images/topnav/b_custom_off.gif"); z-index: 1}
a#topnav-custom:hover  { width: 109px; height: 26px; display: block; background-image: url("images/topnav/b_custom_on.gif") }

a#topnav-training  { width: 74px; height: 26px; display: block; background-image: url("images/topnav/about_off.gif"); z-index: 1}
a#topnav-training:hover  { width: 74px; height: 26px; display: block; background-image: url("images/topnav/about_on.gif") }

a#topnav-news  { width: 100px; height: 26px; display: block; background-image: url("images/topnav/resourceroom_off.gif"); z-index: 1}
a#topnav-news:hover  { width: 100px; height: 26px; display: block; background-image: url("images/topnav/resourceroom_on.gif") }

a#topnav-contactus  { width: 43px; height: 26px; display: block; background-image: url("images/topnav/b_news_off.gif"); z-index: 1}
a#topnav-contactus:hover  { width: 43px; height: 26px; display: block; background-image: url("images/topnav/b_news_on.gif") }

a#topnav-contactus2  { width: 73px; height: 26px; display: block; background-image: url("images/topnav/b_contactus_off.gif"); z-index: 1}
a#topnav-contactus2:hover  { width: 73px; height: 26px; display: block; background-image: url("images/topnav/b_contactus_on.gif") }

.topnav-extra { float: right; margin: 0px; padding: 5px 10px 5px 0; color: #777777}
.topnav-extra a:link {color: #2F6EBC; text-decoration: underline;  }
.topnav-extra a:visited {color: #2F6EBC; text-decoration: underline; }
.topnav-extra a:hover {color: #d27b00; text-decoration: underline; }
.topnav-myproperty { display: block; margin: 0; padding: 5px 0 5px 15px; color: #777777; background: url("images/header/h_g_home.gif") left center no-repeat }
.topnav-myproperty a:link { white-space:nowrap !important; color: #2F6EBC; text-decoration: underline; }
.topnav-myproperty a:visited {color: #2F6EBC; text-decoration: underline; }
.topnav-myproperty a:hover {color: #d27b00; text-decoration: underline; }
/*--  banner style --*/
#banner-title  { width: 100%; height: 63px;background-color: #3775c2; background-image: url("images/header/h_bk_banner.jpg"); background-repeat: no-repeat; margin-bottom: 0px; border-bottom: #EAEAEA solid 4px;  }
#banner-title h1  { top: 35px; left: 190px; padding-top: 35px; padding-left: 190px; margin: 0; color: #fff; font-size: 20px; font-family: Trebuchet MS, Helvetica, Verdana; font-weight: normal }
/*----- left navigation ----*/
.left-nav-bk   {}
#left-nav a:link  { text-decoration: none }
#left-nav a:visited  { text-decoration: none }
#left-nav a:hover  { color: #d27b00; text-decoration: none }
#left-nav ul { list-style: none; margin: 0; padding: 0 0 0 10px;  line-height: 14px;  }
.ln-divider {width: 189px; text-align: center; padding-top: 10px; padding-bottom: 10px}
#ln-ad {width: 189px; text-align: center; color: #4A4A4A}
#ln-ad p {margin: 0; margin-right: 20px; text-align: right}
#ln-map {width: 180px; margin-top: 10px; text-align: center; color: #4A4A4A}
#ln-map img {padding-bottom: 5px}
/*----- main content -----*/
#content { margin-top: 25px; margin-bottom: 25px; padding-bottom: 25px; width: 575px;}
#content h3 { font-size: 14px; color: #3270BD; font-weight: bold; margin: 0}
#content h4 { font-size: 13px; color: #121212; font-weight: bold; line-height: 20px; margin: 0}
#content h5 { font-size: 12px; color: #000000; font-weight: bold; margin: 0}
.content { margin-top: 25px; margin-bottom: 25px; width: 575px;}
.content h3 { font-size: 14px; color: #3270BD; font-weight: bold; margin: 0}
.content h4 { font-size: 13px; color: #121212; font-weight: bold; line-height: 20px; margin: 0}
.content h5 { font-size: 12px; color: #000000; font-weight: bold; margin: 0}
/*--- registration page pt2 ----*/
#contentB { margin-top: 25px; margin-bottom: 25px; width: 575px; }
#contentB h3 { font-size: 14px; color: #3270BD; font-weight: bold; margin: 0}
#contentB h4 { font-size: 13px; color: #121212; font-weight: bold; margin: 0}
#contentB h5 { font-size: 12px; color: #000000; font-weight: bold; margin: 0}
.productImg { float: left; display: block }
.productImg img { margin-left: 10px }
.productDesc { float: left; position: relative; width: 75%; margin-left: 10px }
.productDesc h3 { margin-bottom: 0px; padding: 0 }
.productDesc p { margin: 0 0 5px 0; padding: 0 }
/*--- registration page pt3 ----*/
#contentC { margin-top: 25px; margin-bottom: 25px; width: 575px; }
#contentC h3 { font-size: 14px; color: #3270BD; font-weight: bold; margin: 0}
#contentC h4 { font-size: 13px; color: #121212; font-weight: bold; margin: 0}
#contentC h5 { font-size: 12px; color: #000000; font-weight: bold; margin: 0}
/*------- footer ------*/
#footer { padding: 0 0 0 100px; background: #739DD2; color: #ffffff; font-size: 10px; clear: both }
#footer div { float: left; padding: 10px 5px 0 0; }
#footer a:link { color: #ffffff; }
#footer a:visited { color: #ffffff; }
#footer a:hover { color: #d27b00; }
/*------ homepage page section -------- */
#home { background-image: url("images/bk_homepage.gif"); background-repeat: repeat-x; margin: 0 }
td.contentHome { background: #f3f3f3 url("images/bk_mainHome.gif") left top repeat-y }
#content-container { width: 100%; padding: 0 0 30px 0; margin: 0 }
#section1 { width: 225px; padding: 28px 0 0 8px;  float: left }
#section2 { width: 323px; padding: 28px 0 20px 0;  float: left  }
#section3 { padding: 28px 0 0 0; float: left; background: url("images/bk_events.jpg") left top no-repeat; }
.home-body-main { color: #696969; padding: 0 10px 0 0 }
.home-body-main h2 { color: #00326a; font-weight: normal; margin: 0; padding: 0;  font-size: 15px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;}
.home-body-main p { margin: 7px 0 10px }
.home-body-main .propertyinfo { color: #696969 }
a.help0, a.help1, a.help2 { background: url("images/g_spacer.gif") top left; width: 50px; height: 30px; display: block; position: absolute; }
a.help0 { top: 255px; left: 485px } /* Banner help link */
a.help1 { top: 250px; left: 215px }
a.help2 { top: 255px; left: 225px }
dl.interestMenu { margin: 0; padding: 0; text-align: left; }
dl.interestMenu dt { margin: 0; padding: 0; }
dl.interestMenu dt a:link { width: 245px; margin: 0; display: block; padding: 5px 10px 5px 25px; text-decoration: none; border-bottom: 1px #b2b2b2 dotted; background: url("images/crossBullet.gif") 10px center no-repeat; color: #2F6EBC; cursor: pointer }
dl.interestMenu dt a:visited { width: 245px; display: block; padding: 5px 10px 5px 25px; text-decoration: none; border-bottom: 1px #b2b2b2 dotted; background: url("images/crossBullet.gif") 10px center no-repeat; color: #2F6EBC; cursor: pointer }
dl.interestMenu dt a:hover { color: #d6692f; background: url("images/crossBullet_on.gif") 10px center no-repeat; text-decoration: none  }
dl.interestMenu dt a:active { text-decoration: none; color: #2F6EBC; }
dl.interestMenu dd { width: 280px; margin: 0 !important; padding: 0; color: #fff; background: #7aa2d4 } 
dl.interestMenu dd ul { margin: 10px; padding: 0; list-style: none; }
dl.interestMenu dd ul h3 { font-size: 11px; text-transform:uppercase; margin: 0; padding: 0;}
dl.interestMenu dd ul a:link { text-indent: 5px; color: #fff; text-decoration: none }
dl.interestMenu dd ul a:visited { text-indent: 5px; color: #fff; text-decoration: none  }
dl.interestMenu dd ul a:hover { color: #d6692f; text-decoration: none  }
dl.interestMenu dd ul a:active { color: #fff; text-decoration: none  }
dl.interestMenu dd ul li ul { margin: 0 0 15px 15px }
.interestArea { list-style-type: none; padding: 0; margin: 0; list-style-position: outside }
.interestArea li { border-bottom: 1px #b2b2b2 dotted; width: 245px }
.interestArea li a { width: 210px; display: block; padding: 5px 10px 5px 25px; background: url("images/crossBullet.gif") 10px center no-repeat; text-decoration: none }
.interestArea li a:hover { color: #fff; background: #7aa2d4 url("images/crossBulletWhite.gif") 10px center no-repeat; text-decoration: none }
.home-body-events { width: 150px; padding: 0 0 0 20px; color: #808080; line-height: 15px }
.home-body-events h3 { color: #535353; font-size: 12px; text-transform: uppercase }
.home-body-events em { color: #4a4a4a; font-variant:small-caps; font-style:normal }
.home-body-events span { color: #000; padding: 0; margin: 0; display: block }
.bannerContainer { width: 100%; border-bottom: 2px #fff solid; background: #427bc2 }
.banner, .bannerSide { margin: 0; padding: 0; float: left;}
.banner { padding-left: 0; border-right: 2px #fff solid;}
.bannerSide {  width: 171px; height: 189px; border-right: 2px #fff solid; }
.bannerSide a { display: block; clear: both; padding: 0; margin: 0; width: 171px }
.bannerSide a.stewart { background: url("images/g_stewartLogo_off.gif") left top no-repeat }
.bannerSide a.sureclose { background: url("images/g_sureCloseLogo_off.gif") left top no-repeat }
.bannerSide a.fds{ background: url("/Stewart.REI.Portal.PortalWebSite/portal/images/g_fdsLogo_off.gif") left top no-repeat }
.bannerSide a.ultima { background: url("/Stewart.REI.Portal.PortalWebSite/portal/images/g_ultimaLogo_off.gif") left top no-repeat }
.bannerSide a.stewart:hover { background: url("/Stewart.REI.Portal.PortalWebSite/portal/images/g_stewartLogo_on.gif") left top no-repeat }
.bannerSide a.sureclose:hover { background: url("/Stewart.REI.Portal.PortalWebSite/portal/images/g_sureCloseLogo_on.gif") left top no-repeat }
.bannerSide a.fds:hover { background: url("/Stewart.REI.Portal.PortalWebSite/portal/images/g_fdsLogo_on.gif") left top no-repeat }
.bannerSide a.ultima:hover { background: url("/Stewart.REI.Portal.PortalWebSite/portal/images/g_ultimaLogo_on.gif") left top no-repeat }
#map {border-bottom: #ffffff solid 2px; width: 199px; vertical-align: top; padding: 0; margin: 0 }
#home-footer { height: 15px; background: #739DD2; color: #ffffff; font-size: 10px; line-height: 10px; margin-left: 100px; margin-bottom: 0; margin-top: 0} 
#home-footer a:link { height: 24px; width: 100%; }
#home-footer a:visited { height: 24px; width: 100%; }
.formbutton { cursor:pointer; border:outset 1px #3177bf; background:#a9d2e7; color:#276aae; background:url(/Stewart.REI.Portal.PortalWebSite/portal/images/bk_button.gif) repeat-x left top}
/*------ interior pages section -------------*/
#interior { background-color: white; margin: 0; padding: 0; border: none;}
.required { color: #D20000; margin: 0px; padding: 0px }
.required-text {color: #D20000 ! important; margin-left: 5px; font-size: 10px; font-family: verdana, arial, helvetica; background: #FFF0F0; border: 1px solid #FEDCDC; padding: 2px}
.spacer-table { padding: 0; margin: 0; clear: both; height: 0; overflow: hidden }
.bio-col1 { width: 130px; float: left; margin: 5px auto 20px auto }
.bio-col2 { width: 430px; margin: 5px 0 20px 10px; float: left; clear: right }
.job-title { font-weight: normal; margin-left: 10px }
.errorList { display: block; border: 1px solid #ffcc66; margin: 5px 0; padding: 5px; color: #ca0403; font-weight: bold; background: #ffffc3 }
.errorList ul { margin: 5px 30px; list-style: disc inside }
.errorList ul li { color: #333327; font-weight: normal; border: #000; display: block !important; list-style-type: disc }