@charset "UTF-8";
/* MAIN STYLESHEET

VIVEV

*/

::-moz-selection { background: #2e8aca; color: #fff; text-shadow: none; }
::selection { background: #2e8aca; color: #fff; text-shadow: none; }



/* CLEARFIX */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }


/* ============================
    DEFAULT STYLES 
============================ */

body {
	background-color: #ffffff;
	color: #404040;
	font-family: Trebuchet MS;
	font-size: 57.5%;
	line-height: 1.0em;
	margin: 0px 0px 15px 0px;
	text-align: center;
}

A,
A:LINK,
A:VISITED {
    text-decoration: none;
    color: #c83f40;
    outline: none;  
}

A:HOVER {
	text-decoration: underline;
	color: #000000;
	outline: none;
	cursor: pointer;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
}

H1, h2, h3, h4, h5, h6 {
    margin: 0 0 0.5em 0;
    line-height: 1.1em;
}

H1 {
    font-size: 360%;
    color: #000000;
}

H1.ldomain {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 9px 3px;
    background: #e0eef7;
    text-align: center;
}

H2 {
    font-size: 240%;
    color: #404040; 
}

H2.buynow {
    font-weight: bold;
    color: #202020;
}

H3 {
    font-size: 180%;
    color: #000000; 
    text-transform: uppercase;
}

H3.normal { 
    text-transform: none;
}

H3.phone_cta { 
    color: #9b2c32
}


H4 {
    font-size: 150%;
    color: #404040; 
    margin-bottom: 0.75em;
}

H5 {
    font-size: 150%;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 1.5em;
}

H6 {
    font-size: 110%; line-height: 2em;
    text-transform: uppercase;
    letter-spacing: 1px;    
}

P {
    font-size: 130%; line-height: 1.6;
    margin: 0 0 1.5em 0;
}


IMG {
    vertical-align: top;     /* This fixes the icons being "below" paragraph and header text. Could be localized to just P, H1, H2...etc */
}

OL, UL {
    margin: 0 0 2em 30px;
    padding: 0;
    font-size: 100%;
}

UL {
     
}

UL LI,
OL LI {
    font-size: 130%;
    line-height: 1.4em;
    margin: 0 0 0.5em 0;    
    padding: 0;
}

HR {
    border: none;
    border-top: 1px solid #a7d0ec;
    margin: 13px 0;
    height: 1px;
}

HR + P { /* direct adjacent sibling selector! */
    margin-top: 0.7em;
}

HR.end-line {
    border-top: 1px solid #228ad1;
    margin-top: 0;
}

HR.thick-line {
    border-top: 3px solid #404040;
    margin-top: 0;
}

TABLE {
	margin: 0;
	font-size: 100%;
	width: 100%; /* Optional...and may cause problems with IE7 anyway */
	background: white;
	text-align: center;
}

TABLE TH,
TABLE TD {
    padding: 5px 3px;   
}

TABLE TH {
    text-align: left;
    background: 
    color: white;
    font-size: 100%; line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 9px 6px;
}

TABLE TR TD {
    font-size: 130%; line-height: 1.2em;
    border-bottom: 1px solid #a7d0ec;
    
}

TABLE TR.alt {
    background-color: #e8f3fa;  
}

TD IMG,
TH IMG {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-size: 20px;
	text-align: center;
}

TABLE TR.total TD {
    background: #054e81;
    border-top: 1px solid white;
    color: #fff;
    font-weight: bold;
}

TABLE TR.highlight TD {
    background: #ffee00;    
    color: #a69b00;
}

/* FORM STYLES */




FORM INPUT {
    margin: 0 0 6px 0;
}
FORM INPUT.placeholder, FORM TEXTAREA.placeholder {
    color: #aaa;
}

FORM SELECT {
    margin: 0 0 6px 0;  
}


BUTTON {
    border: none;   
}

BUTTON IMG { vertical-align: middle; margin-bottom: 6px; margin-left: 6px;}
BUTTON.xxbutton IMG { margin-bottom: 0; }

FORM LABEL {
    display: block;
    font-size: 120%;
    line-height: 1em;
    margin: 0 4px 12px 0;
    color: #2e8aca;
}

FORM INPUT[disabled='disabled'] {
  color: #000000;
}

FORM INPUT:FOCUS,
FORM TEXTAREA:FOCUS {
    background: #e0eef7;
    box-shadow: inset 0 1px 3px #054e81 !important;
    -moz-box-shadow: inset 0 1px 3px #054e81 !important;    
    border: 3px solid #ffba00 !important;
    outline: none;
    /* color: #000000 !important; */
}


FORM .ishort { width: 80px !important; }
FORM .imed { width: 160px !important; }
FORM .imedlong { width: 240px !important; }
/* Default is 360px */
FORM .ilong { width: 480px !important; }

FORM .field.half {
    width: 43.5%; float: left;  
    margin-right: 10px;
}

.rightborder {
        padding-right: 10px; 
        border-right: 1px solid #A7D0EC; 
}

.fleftc { float: left;  margin: 0 20px 0 0;}
.frightc { }

.lcontact INPUT.hasError, .lcontact SELECT.hasError, .lcontact TEXTAREA.hasError {
    color: #F04040 !important; 
    background: #f0d0d0 !important;
    border-color: #ff0000 !important;
}
h2.error {
    color: #F04040 !important; 
    font-weight: bold;
}


.lcontact INPUT, .lcontact SELECT {
    font-size: 150%;
    line-height: 28px;
    padding: 0 6px;
    color: #404040;
    margin: 0 0 6px 0;
}

.lcontact INPUT[type="text"], .lcontact INPUT[type="email"], .lcontact INPUT[type="tel"], 
.lcontact SELECT, .lcontact INPUT[type="url"] {
    width: 360px;
    height: 28px;
    font-size: 150%;
    font-weight: bold;
    line-height: 28px;
    padding: 0 6px;
    color: #555 !important;;
    border: 3px solid #cbe2f2;
    margin: 0 0 6px 0;
    box-shadow: inset 0 1px 3px #e0eef7;
    -moz-box-shadow: inset 0 1px 3px #e0eef7;
}

.onethird .lcontact INPUT[type="text"], .onethird .lcontact INPUT[type="email"], .onethird .lcontact INPUT[type="tel"], 
.onethird .lcontact SELECT, .onethird .lcontact INPUT[type="url"] {
    width: 280px;
}

.lcontact INPUT[type="radio"] {
    margin: 0  10px 10px 0; 
}

.lcontact SELECT { 
    width: 380px;
}
.lcontact TEXTAREA {
    width: 288px;
    height: 120px;
    font-size: 170%;
    font-weight: bold;  
    line-height: 28px;
    padding: 0 6px;
    color: #555 !important;
    border: 3px solid #cbe2f2;
    margin: 0 0 9px 0;
    box-shadow: inset 0 1px 3px #e0eef7;
    -moz-box-shadow: inset 0 1px 3px #e0eef7;
}

INPUT#loffer {
    width: 288px;
    height: 50px;
    font-size: 240%; line-height: 50px;
}

/* NEW FORM-F STYLES */

body.formF .wrapper { width: 600px; padding-top: 20px; }


body.formF #main {
    background:#fff;
    overflow: hidden; /* Can be AUTO or HIDDEN */
}

body.formF UL.navi { margin-left: 10px; }

body.formF UL.navi LI A:LINK,
body.formF UL.navi LI AVISITED {
         margin: 6px 9px 0 9px;
        padding: 0px;
     text-transform: none;
}

body.formF UL.navi LI A:HOVER {
    background: none;
    color: white;   
}

ul.debug { list-style: none; margin: 0; }
ul.debug LI { display: inline; margin: 0 5px; font-size: 140%; }


/* SITE PANELS 
==================================== */

#mask {
    width: 500%;
    height: 100%; 
}

.panel {
    width: 20%;
    height: 100%; /* Really? */
    background: white;
    float: left;
}



.inner-panel {
    padding: 30px 0;
    width: 380px;
    height: 480px;
    margin: 0 auto 0 auto;
    background: white;
    overflow: hidden; /* AUTO OR HIDDEN */
}

#pane5 .inner-panel { width: 460px; padding: 30px 0; }

.fdesc {
    /*background: #faeced;*/
    color: gray;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.2;
}

.fhint {
    background: #faeced;
    color: #ed1c24;
    padding: 5px;
    margin: 0 0 5px 0;
    font-size: 13px;
}

.ferrmsg {
    display: none;
}


.formF INPUT, .formF SELECT {
    font-size: 150%;
    line-height: 28px;
    padding: 0 6px;
    color: #404040;
    margin: 0 0 6px 0;
}

.formF INPUT[type="text"], .formF INPUT[type="password"], .formF INPUT[type="email"], .formF INPUT[type="tel"], 
.formF SELECT, .formF INPUT[type="url"], .formF .text {
    width: 360px;
    height: 40px;
    font-size: 210%;
    font-weight: normal;
    line-height: 40px;
    padding: 0 6px;
    color: #000 !important;
    border: 3px solid #cbe2f2;
    background: none;
    margin: 0 0 5px 0;
    box-shadow: inset 0 1px 3px #e0eef7;
    -moz-box-shadow: inset 0 1px 3px #e0eef7;
}

.formF INPUT[type="radio"] {
    margin: 0  10px 10px 0; 
}

.formF SELECT { 
    width: 380px;
}
.formF TEXTAREA {
    width: 360px;
    height: 120px;
    font-size: 170%;
    font-weight: bold;  
    line-height: 28px;
    padding: 0 6px;
    color: #555 !important;
    border: 3px solid #cbe2f2;
    margin: 0 0 15px 0;
    box-shadow: inset 0 1px 3px #e0eef7;
    -moz-box-shadow: inset 0 1px 3px #e0eef7;
}


.formF H3, .formF H4 {
    margin-bottom: 10px;
}

.formF P {
    margin: 0 0 0.6em 0;    
}

.formF .error,
.formF .error *{
 color: #ed1c24;    
}

.formF INPUT.error {
    border-color: #ed1c24 !important;   
}


.formF INPUT[type="button"] {
    float: right;   
}

#whois-form LABEL {
    display: block;
    font-size: 120%;
    line-height: 1em;
    margin: 2px 4px 16px 4px;
    color: #2e8aca;
}
#whois-form INPUT, #whois-form SELECT {
    margin:0;
    font-size: 120%;
    line-height: 28px;
    padding: 0 6px;
    color: #404040;
}

#whois-form INPUT[type="text"], #whois-form INPUT[type="email"], #whois-form INPUT[type="tel"], 
#whois-form SELECT, #whois-form INPUT[type="url"] {
    width: 300px;
    height: 25px;
    font-size: 135%;
    font-weight: normal;
    line-height: 22px;
    padding: 0 3px;
    color: #555 !important;;
    border: 3px solid #cbe2f2;
    box-shadow: inset 0 1px 3px #e0eef7;
    -moz-box-shadow: inset 0 1px 3px #e0eef7;
}
#whois-form SELECT { 
    height: 33px;
    width: 225px;
}
#whois-form INPUT[name="firstname"], #whois-form INPUT[name="lastname"], 
#whois-form INPUT[name="postalcode"] {
    width: 200px;
}
#whois-form .field {
    /* min-height: 5.75em;*/
}
#whois-form .field[name="firstname"] {
    float: left;
    position:relative;
}
#whois-form .field[name="lastname"] {
    float: left;
    position: relative;
    padding-left: 2em;
}
#whois-form #more_address, #whois-form #have_fax{
    font-weight: normal;
    font-family:'SerifaStd45Light',helvetica,Aria,sans-serif;
    font-size:125%;
    padding-left: 1em;
}

#whois-form .complete {
    background-color: #E4F1D3;
}

.onethird .searchbox INPUT[type="text"] {
    width:  auto;
}

#ldomain {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.5em;
    height: 48px;
    width: 600px;
    padding: 9px 0;
    color: #000000 !important;
    background: #e0eef7;
    border-left: none;
    border-right: none;
    border-top: 1px solid #007dd4;
    border-bottom: 1px solid #007dd4;
    text-align: center;
}

H2#ldomain {
    height: auto;
    font-size: 32px;    
}

H2#ldomain.multi {
    font-size: 20px;
    line-height: 1.2em;
}

.lc-flag {
    background: #2e8aca;
    color: white;
    padding: 3px;
    width: 270px;   
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 30px;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    -kpml-border-radius: 6px;
}

.lc-flag SPAN {
    float: left;
    background: #054e81;
    color: #ffba00;
    display: block;
    padding: 3px 6px;
    font-size: 18px;
    line-height: 24px;
    margin-right: 10px;
     border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    -kpml-border-radius: 3px;
    box-shadow: inset 0 1px 5px #003;
    -moz-box-shadow: inset 0 1px 5px #003;
}

.lcontact LABEL {
    position: relative; 
    margin: 10px 4px 2px 0;
}

.lciover span.emailAddr {
    word-wrap: break-word;
}

.ie6 .lciover {
    background: url(../images/lciover-bg-gold.gif) top left no-repeat;
}

.lciover {
    background: url(../images/lciover-bg-gold.png) top left no-repeat;
    padding: 10px 5px 5px 30px;
    width: 180px;   
    max-width: 500px;
    max-height: 480px;
    font-size: 11px;
    position: absolute; 
    top: 20px; right: 0; 
    display: none;
}

.lcontact .lciover {
    top: 10px;
    
}

.lciover.red {
    background: url(../images/lciover-bg-red.png) top left no-repeat;
}
.lciover.blue {
    background: url(../images/lciover-bg-blue.png) top left no-repeat;
}
.lciover.green {
    background: url(../images/lciover-bg-green.png) top left no-repeat;
}
.lciover.orange {
    background: url(../images/lciover-bg-org.png) top left no-repeat;
}
.lciover.ltblue {
    background: url(../images/lciover-bg-ltblue.png) top left no-repeat;
}

.lciover * {
    color: black;
    font-weight: normal;
}

.lciover.red * {
    color: white;
}

.lciover H1, 
.lciover H2, 
.lciover H3,
.lciover H4,
.lciover H5,
.lciover H6 {
    color: #000;
    margin-bottom: 0.25em;
}

.lciover P {
    margin-bottom: 0.25em;  
}
.lciover.email P.first {
    margin-bottom: 0;
}
.lciover P.emailAddr {
    font-size: 120%;
    word-wrap: break-word;
}
.lciover .emailAddr, .lciover .fn { 
    font-weight: normal; 
    text-decoration: underline;
}

.lcontact .reqd { color: red; font-size: 160% }

/* NON-DEFAULT STYLES - REUSABLE */


P .label {
    display: inline-block;
    width: 70px;
    font-weight: bold;  
}

P .label140 {
    display: inline-block;
    width: 140px;
    font-weight: bold;  
}

H2 .label {
    display: inline-block;
    width: 100px;
    font-weight: bold;      
}

.floatleft {float: left; }
.floatright {float: right; }

/* RANDOM MARGIN AND TYPE STYLES */

.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt40 { margin-top: 40px !important; }

.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml70 { margin-left: 70px !important; }
.ml65 { margin-left: 65px !important; }

.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px !important; }

.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr40 { margin-right: 40px !important; }

.grey { color: #999; }
p.grey, p .grey { font-style: italic; }



/* ============================
    CONTENT AND HEADER STYLES 
 ============================ */

.wrapper {
    width: 940px;
    margin: 0 auto !important;
    text-align: left; /* IE HACK */
}

#ticker-outer-wrapper {
	min-width: 940px;
	width: 100%;
	background: url(../images/ticker-bg.gif) top repeat-x;
	height: 29px;
	overflow: hidden;
	position: relative;
	margin: 0 0 0px 0;
	background-color: #000000;
	background-image: url(../images/ticker-bg.gif);
}

#ticker-outer-wrapper-single {
    min-width: 940px;
    width: 100%;
    background: url(../images/ticker-bg.gif) top repeat-x;  
    background-position: 0px -30px;
    height: 68px;   
    overflow: hidden;
    position: relative;
    margin: 0 0 0px 0;          
}


#ticker_titles {
    position: absolute;
    top: 0; left: 0;    
    z-index: 1000;
}

#ticker_titles .flag {
    margin: 1px 0 1px 0;
    height: 29px;
    width: 70px;
    z-index: 99;
    display: block;
    color: white;
    text-align: right;
    padding: 0 15px 0 5px;
    line-height: 29px;
    font-size: 120%;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #454545;
}

#ticker_titles .org {
    background: url(../images/ticker-flag-org.png) top right no-repeat; 
}

#ticker_titles .gold {
    background: url(../images/ticker-flag-gold.png) top right no-repeat;    
}

#ticker_titles .blue {
    background: url(../images/ticker-flag-blue.png) top right no-repeat;    
}

#ticker_titles .grn {
    background: url(../images/ticker-flag-grn.png) top right no-repeat; 
}

UL.ticker {
	list-style: none outside;
	margin: 0;
	padding: 0;
	height: 50px;
	overflow: hidden;
	position: relative;
}

UL.ticker LI {
    display: inline;    
    line-height: 29px;  
    margin: 0 24px 0 0;
    color: white;
}

UL.ticker LI span.rat {
    font-size: 11px;
    font-weight: bold;
    color: white;
    background: #2e8aca;
    padding: 3px 3px 1px 3px;
     border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    -kpml-border-radius: 3px;
    margin: 0;
}

#top_ticker { color: #2e8aca; }

#top_ticker A,
#top_ticker A:LINK,
#top_ticker A:VISITED { color: #ffffff; }

#top_ticker A:HOVER { color: #ca0002; }

#top_ticker span.rat { background: #ca0002; }
#top_ticker A:HOVER span.rat { background: #ca0002; }



#top_ticker_grn A,
#top_ticker_grn A:LINK,
#top_ticker_grn A:VISITED { color: #78b822; }

#top_ticker_grn A:HOVER { color: #8de516; }

#top_ticker_grn span.rat { background: #78b822; }
#top_ticker_grn A:HOVER span.rat { background: #8de516; }



#bottom_ticker { color: #2e8aca; }

#bottomGraphs { 
    clear: both; 
    margin-top: 25px; 
}
.col.full.bottomBanner { margin-left: 10px; }

/* HEADER STUFF
============================= */

HEADER {
    margin: 10px 0 0 0; 
    position: relative;
}

HEADER .util {
    height: 25px;
    margin: 0 0 10px 0;
}

HEADER .utilflag { float: left; }

HEADER .utilnav { float: right; }

HEADER .utilnav A {
    font-size: 13px;
    line-height: 24px;
    font-weight: bold; 
}

HEADER .slogan {
    position: absolute;
    top: 20px; right: 0;
    font-size: 24px; line-height: 24px;
    font-weight: bold;
    margin: 0;
    color: black;
    text-shadow: 0 1px 2px #999;
}
.home HEADER .slogan {
    top: 55px; right: 0;
}

HEADER .logo A {
    display: block;
    width: 275px;
    height: 50px;
    background: url(../images/logo.png) top left no-repeat; 
    text-indent: -9000px;
}



.nav {
    height: 48px; overflow: hidden;
    background: url(../images/navi-bg.gif) top repeat-x;
    padding: 0; margin: 15px 0 0 0;
    -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

UL.navi {
    list-style: none outside;
    margin: 0; padding: 0;  
}

UL.navi LI {
    display: inline;
    font-size: 15px;
    text-transform: uppercase;
}


UL.navi LI A:LINK,
UL.navi LI A:VISITED {
    display: block;
    float: left;
    color: #bfd8e9;
    margin: 6px 9px 0 9px;
    background: none;
    line-height: 30px;
    padding: 0px 12px 3px 12px;
    -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
text-shadow: 0 -1px 0px #114466;
}

UL.navi LI A:HOVER {
    color: #ffffff; 
    text-decoration: none;
    background: #11aaff;
}

UL.navi LI.selected A:LINK,
UL.navi LI.selected A:VISITED {
    color: #ffffff; 
    text-decoration: none;
    background: #164362;
}

/* FOOTER STUFF */

FOOTER {
    margin: 0 0 10px 0; 
}

UL.footnav {
    list-style: none;
    margin: 0; padding: 0;  
}

UL.footnav LI {
    display: inline;    
    margin: 0 15px 0 0;
}

FOOTER .right {
    float: right;   
    font-size: 120%;
}


/* COLUMN LAYOUTS AND OTHER GRID-BASED STUFF
 ============================ */

.col {
    float: left;
    margin: 0 20px 0 0; 
}

.onesixth {
    width: 130px;   
}

.onethird {
    width: 310px;   
}


.onethirdish {
    width: 290px;    margin-right: 0px;
}

.twothird {
    width: 600px;
}

.twofifth {
    width: 420px;   
}

.half {
    width: 460px;   
}

.last {
    margin-right: 0 !important; 
}

.full {
    width: 940px;
    margin: 0 0px 10px 0px; 
}

/* EXCEPTIONS */

.home .onethird {
    width: 320px;   
}

.home .twothird {
    width: 620px;
    margin: 0;
}

.lcontact .twothird {
    margin-left: 10px;
}

#top-boxes .half {
    width: 447px;
}


/* BOX STYLES */

.box {
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    -kpml-border-radius: 6px;
    box-shadow: 0 1px 2px #787878;
    -webkit-box-shadow: 0 1px 3px #787878;
    padding: 9px;
    margin: 0 0 15px 0;
    overflow: hidden;
    background: white;  
    display: none;
}

.box H4 { margin-bottom: 3px; }

.lblue,
#salesgraphs,
#quotesgraphs,
#inquiriesgraphs {
    background: #eff6fb;    
}

.highcharts-container { 
    background: white;
    margin: 3px;
}

/* LBox */

.lbox {
    display: block;
    height: 63px;   
    margin: 0 0 9px 0;
    position: relative;
}

.twothird .lbox {
    width: 610px;   
    background: url(../images/lbox-610-blue.gif);
}

.onethird .lbox {
    width: 290px;
    background: url(../images/lbox-290-blue.gif);   
}

.lbox H2 {
    color: #000;
    position: absolute;
    bottom: 0px; left: 10px;    
    line-height: 1em;
    text-shadow: 0 1px 0 #FFF;
    text-transform: uppercase;
}

.onethird .lbox.gold {
    background: url(../images/lbox-290-gold.gif);   
}



.twothird .lbox.gold {
    background: url(../images/lbox-610-gold.gif);   
}

/* fbox */

.fbox {
    background: white;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    -kpml-border-radius: 6px;
    border: 1px solid #2e8aca;
    padding: 10px;
    margin: 0 0 9px 0;
}

.fbox UL {
    list-style: url(../images/ico/flag_orange.png);
    margin: 0 0 0 24px; padding: 0;
}

.time { font-size: 75%; color: #666; }


.sbox-head {
    height: 39px;
    line-height: 39px;
    padding: 0 9px;
    background: #1a6bb8 url(../images/gradient-39px-blue.gif) top repeat-x;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.sbox {
    border: 1px solid #054e81;  
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
    margin: 0 0 9px; 0;
}

.sbox TABLE TD {
    border: none;
    padding: 4px 6px;   
}

.ie7 .sbox { overflow-x: hidden }
.ie7 #domain-cart .button.red { display: inline; height: 21px }
.ie7 #domain-cart ul { list-style-image: none }


/* LBox - sideBlue Box */

.sbbox {
    background: #E0EEF7;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    -kpml-border-radius: 6px;
    border: 1px solid #007DD4;
    padding: 10px;
    margin: 0 0 9px 0;  
}

.sbbox.error {
    color: #F04040 !important; 
    background: #f0d0d0 !important;
    border-color: #ff0000 !important;

}
.sbbox.error label {
    color: #F04040 !important; 
}

/* LBox - shortList Box */

/* SLbox */

.slbox {
    background: #f1f8e8;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    -kpml-border-radius: 6px;
    border: 1px solid #78b822;
    padding: 10px;
    margin: 0 0 9px 0;
}

.slbox UL {
    list-style: none;
    margin: 0 0 0 0; padding: 0;
}

.slbox UL LI {
    font-size: 15px;
    padding-top: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid #c9e3a7;   
}


/* NEWS LINK LIST */


UL.news {   
    list-style: none;
    /*border-top: 3px solid #ffba00;
    border-bottom: 3px solid #ffba00;   */
    margin: 0 0 10px 0; padding: 0;
}

UL.news LI {
    margin: 0; padding: 0;  
}

UL.news LI A:LINK,
UL.news LI A:VISITED {
    display: block;
    color: black;
    padding: 4px 0;
    line-height: 1.4em; 
    border-bottom: 1px solid #a7d0ec;
}

UL.news LI A:HOVER {
    color: #11aaff;
}

UL.news .publisher {
    color: #999;
    font-size: 10px;
}

UL.news .views {
    float: right;
    color: #999;
    font-size: 10px;
    font-weight: bold;
    margin-right: 5px;
}


UL.news .date_label { 
    float: right;
    color: #999;
    font-size: 10px;
    font-style: italic; 
    margin-right: 5px;
}

/* MAIN AREA STUFF 
=============================== */

#main {
    box-shadow: 0 1px 2px #787878;
    -webkit-box-shadow: 0 1px 3px #787878;
    margin: 0 0 15px 0;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: url(../images/body-rightside-bg.gif) left repeat-y;
}

.home #main,
.fullwidth #main,
#main.home,
#main.fullwidth { background: white; }

.left-sidebar #main,
#main.left-sidebar { 
    background: url(../images/body-leftside-bg.gif) left repeat-y; /* DEFAULT BACKGROUND */
}


.page-title {
    display: block;
    height: 63px;
    position: relative;
    background: url(../images/contenthead-bg.gif) top left no-repeat;
    border-bottom: 1px solid #005588;
    padding-bottom: 9px;
}

.page-title H1 {
    font-size: 420%;
    color: white;
    position: absolute;
    bottom: 9px;
    left: 12px;
    text-shadow: 0 1px 1px #000;
    margin: 0; line-height: 1em;    
}

.page-title.tall {
       height: 100px;
}

.page-title.tall H1 {
       font-size: 630%;
}


/*  SLIDER STUFF
   ============================*/

#slider-wrapper {
    width: 620px;
    height: 193px;
    overflow: hidden;
    margin: 0 0 10px 0; 
}

/* SEARCH BOX */

.searchbox {
    padding: 10px 0 10px 10px;
    background: #f1f7fc url(../images/search-bg.gif) bottom repeat-x;
    margin: 0 0 10px 0;
}

.home .searchbox { padding-left: 20px; }

.searchbox FORM {
    margin: 0;
    padding: 0; 
}

.searchbox FORM LABEL {
    display: block; 
    width: auto;
    color: #000;
    font-size: 210%;
    line-height: 1.6em; 
}

.searchbox FORM INPUT#searchterms {
    background: url(../images/searchbox-input.gif) top repeat-x;
     border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px; 
    -kpml-border-radius: 9px;
    box-shadow: inset 0 2px 5px #666;
    font-size: 175%;
    font-weight: bold;
    color: #555 !important;
    line-height: 39px;
    border: none;
    height: 39px;
    margin: 3px 23px 13px 3px;
    padding: 0px 9px;
    width: 190px;
}
.searchbox FORM INPUT#searchterms:FOCUS {
    margin: 0 20px 10px 0;
}

.twothird .searchbox FORM INPUT#searchterms { width: 390px;  }
.fullwidth .searchbox FORM INPUT#searchterms { width: 540px;  }

.searchbox FORM BUTTON {
    background: url(../images/btn-39px-green.gif) top repeat-x;
    height: 39px;
    line-height: 39px;
    font-size: 18px;
    color: white;
    text-shadow: 0 1px 2px #333;
    font-weight: bold;
    padding: 0 15px;
    text-align: center;
     border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px; 
    -kpml-border-radius: 9px;
    margin: 0; 
    box-shadow: 0 1px 2px #666;
}
.ie7 .searchbox FORM BUTTON { top: -5px }

.searchbox FORM BUTTON:HOVER {
    background-position: center;
    text-shadow: 0 1px 1px #000;    
}

.searchbox P { margin: 0; }


.searchbox .filters .fil-left,
.searchbox .filters .fil-right {
    width: 290px;
    float: left;
}

.searchbox .filters LABEL {
    clear: left !important;
    font-size: 120%; 
    width: 120px;
    float: left;
    line-height: 18px;
    margin: 0px;
}

.searchbox .filters SELECT {
    width: 120px;
    font-size: 150%;
    margin: 0 0 15px 0;
    padding: 3px 3px;   
}

.searchbox .filters INPUT {
    width: 140px;   
    vertical-align: middle;
    height: 24px;
    margin: 0 0 3px 0;
}

TABLE TR.paginate TD {
    background: #cbe2f2;
    border-top: 1px solid #054e81;
    border-bottom: 1px solid #054e81;
    color: #054e81;
    font-weight: normal;
    text-align: right;
}

TABLE TR.paginate TD A {
    margin: 0 2px;  
    padding: 2px 5px;
    background: white;
     border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    -kpml-border-radius: 3px;
}

TABLE TR.paginate TD A:HOVER {
    text-decoration: none;
    background: #2e8aca;
    color: white;   
}

TABLE TR.paginate .curPage {
    background: #054e81;
    color: white;
    font-weight: bold;
}

/* RECENT TABLES STYLES */

.tabs,
.coda-nav {
    
}

.tabs UL,
.coda-nav UL {
    list-style: none;
    margin: 0; padding: 0;  
}



.tabs UL LI,
.coda-nav UL LI {
    display: inline;
}

.tabs UL LI A:LINK,
.tabs UL LI A:VISITED,
.coda-nav UL LI A:LINK,
.coda-nav UL LI A:VISITED {
    display: block;
    float: left;
    width: 140px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    font-size: 15px;
    background-color: transparent;
    background: url(../images/tabs-nav-all.gif) top center no-repeat;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    margin: 0 5px;
    padding: 0;
    font-size: 15px;
}

.tabs UL LI A:HOVER,
.coda-nav UL LI A:HOVER {
    color: #fff;    
    text-shadow: 0 -1px 0 #000;
    text-decoration: none;
    background-position: center center;
}

.tabs UL LI.selected A:LINK,
.tabs UL LI.selected A:VISITED,
.coda-nav UL LI A.current:LINK,
.coda-nav UL LI A.current:VISITED {
    background: url(../images/tabs-nav-all.gif) bottom center no-repeat;
    color: white;
    text-shadow: 0 1px 0 #000;
}

.table-wrapper {
    width: 608px;
    height: 520px;
    border: 1px solid #054e81;  
    overflow: auto;
}

.table-panel {
    width: 100%;
    height: auto;   
}







/* MINI TABS */

.mini-tabs {
    display: block;
    height: 24px;
}

.mini-tabs A:LINK,
.mini-tabs A:VISITED {
    display: block;
    float: left;
    width: 70px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    background: url(../images/tabs-nav-all.gif) top center no-repeat;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    margin: 0 0 0 5px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.mini-tabs A:HOVER {
    color: #fff;    
    text-shadow: 0 -1px 0 #000;
    text-decoration: none;
    background-position: center center;
}

.mini-tabs A.selected:LINK,
.mini-tabs A.selected:VISITED {
    background-position: bottom center; 
    color: white;
    text-shadow: 0 1px 0 #000;
}


.mini-filter {
    float: right;   
}

.mini-filter A:LINK,
.mini-filter A:VISITED {
    background: #d7d7d7;
    color: #fff;    
    padding: 3px 5px;
    margin-left: 3px;
     border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    -kpml-border-radius: 3px;
}

.mini-filter A:HOVER {
    color: #212121;
    background: #aaa;   
    text-decoration: none;
}

.mini-filter A.selected:LINK,
.mini-filter A.selected:VISITED {
    background: #2e8aca;
    color: white;
    text-shadow: 0 1px 0 #000;
}



/* TOOL TIP STYLES */

.tooltip {
    display: none;
    background: #fff;
    color: #303030;
    padding: 9px;
    border: 1px solid #2e8aca;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    -kpml-border-radius: 6px;
    font-size: 12px; line-height: 1.4em;
}

.ddetails {
    width: 390px;
    background: url(../images/overlay-dblue90.png);
    color: white;   
}

.ddetails P {
    color: white;
    font-size: 12px;    
}

.ddetails * { color: white; }

.dflag {
    /* ckground: #78b822; */
    background: #2e8aca;
    display: block;
    font-size: 15px;
    line-height: 1.2em;
    padding: 3px 6px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
     border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    -kpml-border-radius: 3px;   
    color: #fff;
}

.dflags {
        
}

.add {
    font-size: 180%; 
    font-weight: bold;
    vertical-align: middle;
}

.flagrate {
   font-size: 14px;
   color: white;
   background: #2e8aca;
   padding: 4px 6px 4px 6px;
    border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;    
   -kpml-border-radius: 3px;
   margin: 0;
   vertical-align: middle;
}

/* ============================
    MINI BUTTON STYLES 
   ============================*/


.button,
BUTTON  {
    position: relative;
    top: -4px;
    display: inline-block;  
    margin: 0; padding: 0;
}

.button A,
input.button,
BUTTON {
    display: block;
    border: none;
    background: #228ad1;
    height: 20px;
    text-decoration: none;
    font-size: 12px; line-height: 21px;
    font-weight: normal;
    color: white;
    text-shadow: 0 1px 1px #000;
    padding: 0 8px;
    margin: 0 0px 8px 5px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;    
    -kpml-border-radius: 13px;
    

    -moz-box-shadow: 0px 2px 3px #444;
    -webkit-box-shadow: 0px 2px 3px #444;
    box-shadow: 0px 2px 3px #444;
    
    /* INSET BUTTONS - DISABLED 
    
    -moz-box-shadow:inset 0 1px 3px #000000;
    -webkit-box-shadow:inset 0 1px 3px #000000;
    box-shadow:inset 0 1px 3px #000000;
   
   */
   
    background-image: linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -o-linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -moz-linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -webkit-linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -ms-linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #248CD1),
        color-stop(1, #59A6DD)
    );
}

.button A:HOVER,
input.button:HOVER,
BUTTON:HOVER {
    background-color: #37c4ff;  
    background-image: linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -o-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -moz-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -webkit-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -ms-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #2EB9FF),
        color-stop(1, #61C8FF)
    );
    
}

.button A:ACTIVE,
input.button:ACTIVE,
BUTTON:ACTIVE,
.button.active A {
    -moz-box-shadow:inset 0 1px 3px #000000;
    -webkit-box-shadow:inset 0 1px 3px #000000;
    box-shadow:inset 0 1px 3px #000000; 
}

.button A IMG
input.button IMG,
BUTTON {
    margin-top: 2px;
    margin-left: 5px;
}

.dblue A:LINK,
.dblue A:VISITED,
INPUT.dblue,
BUTTON.dblue,
#main .xbutton.dblue {
    background-color: #0F6194;
    background-image: linear-gradient(bottom, #0F6194 0%, #378BC7 100%);
background-image: -o-linear-gradient(bottom, #0F6194 0%, #378BC7 100%);
background-image: -moz-linear-gradient(bottom, #0F6194 0%, #378BC7 100%);
background-image: -webkit-linear-gradient(bottom, #0F6194 0%, #378BC7 100%);
background-image: -ms-linear-gradient(bottom, #0F6194 0%, #378BC7 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #0F6194),
    color-stop(1, #378BC7)
);
}

.dblue A:HOVER,
INPUT.dblue:HOVER,
BUTTON.dblue:HOVER,
#main .xbutton.dblue:HOVER {
    background-color: #37c4ff;  
    background-image: linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -o-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -moz-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -webkit-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -ms-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #2EB9FF),
        color-stop(1, #61C8FF)
    );
    
}


.red A:LINK,
.red A:VISITED,
INPUT.red,
BUTTON.red,
#main .xbutton.red {
    background-color: #ed1c24;
    background-image: linear-gradient(bottom, #b3151b 0%, #ed1c24 100%);
    background-image: -o-linear-gradient(bottom, #b3151b 0%, #ed1c24 100%);
    background-image: -moz-linear-gradient(bottom, #b3151b 0%, #ed1c24 100%);
    background-image: -webkit-linear-gradient(bottom, #b3151b 0%, #ed1c24 100%);
    background-image: -ms-linear-gradient(bottom, #b3151b 0%, #ed1c24 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #b3151b),
        color-stop(1, #ed1c24)
    );
}

.red A:HOVER,
INPUT.red:HOVER,
BUTTON.red:HOVER,
#main .xbutton.red:HOVER {
    background-color: #fb4c53;
    background-image: linear-gradient(bottom, #990000 0%, #BA2A2F 100%);
    background-image: -o-linear-gradient(bottom, #990000 0%, #BA2A2F 100%);
    background-image: -moz-linear-gradient(bottom, #990000 0%, #BA2A2F 100%);
    background-image: -webkit-linear-gradient(bottom, #990000 0%, #BA2A2F 100%);
    background-image: -ms-linear-gradient(bottom, #990000 0%, #BA2A2F 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #990000),
        color-stop(1, #BA2A2F)
    );
}

.green A:LINK,
.green A:VISITED,
INPUT.green,
BUTTON.green,
#main .xbutton.green {
    background-color: #8BC53F;
    background-image: linear-gradient(bottom, #79A936 0%, #8BC53F 100%);
    background-image: -o-linear-gradient(bottom, #79A936 0%, #8BC53F 100%);
    background-image: -moz-linear-gradient(bottom, #79A936 0%, #8BC53F 100%);
    background-image: -webkit-linear-gradient(bottom, #79A936 0%, #8BC53F 100%);
    background-image: -ms-linear-gradient(bottom, #79A936 0%, #8BC53F 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #79A936),
        color-stop(1, #8BC53F)
    );
}

.green A:HOVER,
INPUT.green:HOVER,
BUTTON.green:HOVER,
#main .xbutton.green:HOVER {
    background-color: #96eb24;
    background-image: linear-gradient(bottom, #80c91f 0%, #96eb24 100%);
    background-image: -o-linear-gradient(bottom, #80c91f 0%, #96eb24 100%);
    background-image: -moz-linear-gradient(bottom, #80c91f 0%, #96eb24 100%);
    background-image: -webkit-linear-gradient(bottom, #80c91f 0%, #96eb24 100%);
    background-image: -ms-linear-gradient(bottom, #80c91f 0%, #96eb24 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #80c91f),
        color-stop(1, #96eb24)
    );
}

.grey A:LINK,
.grey A:VISITED,
INPUT.grey,
BUTTON.grey,
#main .xbutton.grey {
    color: #fff;
    font-style: normal;
    text-shadow: none;
    box-shadow: none;
    background-color: #666;
    background-image: linear-gradient(bottom, #999999 0%, #CCCCCC 100%);
background-image: -o-linear-gradient(bottom, #999999 0%, #CCCCCC 100%);
background-image: -moz-linear-gradient(bottom, #999999 0%, #CCCCCC 100%);
background-image: -webkit-linear-gradient(bottom, #999999 0%, #CCCCCC 100%);
background-image: -ms-linear-gradient(bottom, #999999 0%, #CCCCCC 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #999999),
    color-stop(1, #CCCCCC)
);
    -moz-box-shadow: 0 1px 2px #333;
    -webkit-box-shadow: 0 1px 2px #333;
   box-shadow: 0 1px 2px #333;  
}

.grey A:HOVER,
INPUT.grey:HOVER,
BUTTON.grey:HOVER,
#main .xbutton.grey:HOVER {
    background-color: #ccc;
    background-image: linear-gradient(bottom, #BBBBBB 0%, #dddddd 100%);
background-image: -o-linear-gradient(bottom, #BBBBBB 0%, #dddddd 100%);
background-image: -moz-linear-gradient(bottom, #BBBBBB 0%, #dddddd 100%);
background-image: -webkit-linear-gradient(bottom, #BBBBBB 0%, #dddddd 100%);
background-image: -ms-linear-gradient(bottom, #BBBBBB 0%, #dddddd 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #BBBBBB),
    color-stop(1, #dddddd)
);
}
.disabled A:LINK,
.disabled A:VISITED,
INPUT.disabled,
BUTTON.disabled,
#main .xbutton.disabled,
#main .xbutton.disabled:HOVER {
    cursor: default;
    color: #eee;
    text-shadow: none;
    box-shadow: none;
    background-color: #666;
    background-image: linear-gradient(bottom, #999 0%, #ccc 100%);
    background-image: -o-linear-gradient(bottom, #999 0%, #ccc 100%);
    background-image: -moz-linear-gradient(bottom, #999 0%, #ccc 100%);
    background-image: -webkit-linear-gradient(bottom, #999 0%, #ccc 100%);
    background-image: -ms-linear-gradient(bottom, #999 0%, #ccc 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #999),
        color-stop(1, #ccc)
    );
    -moz-box-shadow:inset 0 1px 3px #666;
    -webkit-box-shadow:inset 0 1px 3px #666;
    box-shadow:inset 0 1px 3px #666;    
}


/* LARGER BUTTONS - 39px by Auto-Width - BLUE GREEN RED */


#main .xbutton {
        position: relative;
        top: 1px;
    display: inline-block;
    /* display: block; DISABLED */
    text-decoration: none;
    font-size: 18px; line-height: 39px;
    font-weight: normal;
    color: white;
    text-shadow: 0 1px 1px #000;
    padding: 0 10px;
    margin: 6px 5px 15px 5px;
    width: auto;
    height: 39px;
    
    border: none;
    
    -moz-box-shadow: 0 1px 2px #333;
    -webkit-box-shadow: 0 1px 2px #333;
   box-shadow: 0 1px 2px #333;  
    
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    -kpml-border-radius: 5px;
    
    background-image: linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -o-linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -moz-linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -webkit-linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -ms-linear-gradient(bottom, #248CD1 0%, #59A6DD 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #248CD1),
        color-stop(1, #59A6DD)
    );
}


#main .xbutton:HOVER {
    background-color: #37c4ff;  
    background-image: linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -o-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -moz-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -webkit-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -ms-linear-gradient(bottom, #2EB9FF 0%, #61C8FF 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #2EB9FF),
        color-stop(1, #61C8FF)
    );
    
}

/* EXTRA LARGE BUTTONS 210 x 63  BLUE GREEN RED*/

#main .xxbutton {
    border: none;
    position: relative;
    top: 1px;
    display: inline-block;
    height: 63px;
    width: 210px;
    text-decoration: none;
    font-size: 32px; line-height: 34px;
    font-weight: bold;
    color: white;
    background:
    padding: 0 16px;
    margin: 9px 0px 15px 6px;
    
    text-shadow: 0 1px 1px #000;
    -moz-box-shadow: 0 1px 2px #333;
    -webkit-box-shadow: 0 1px 2px #333;
    box-shadow: 0 1px 2px #333; 
    
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px; 
    -kpml-border-radius: 9px;   
}

#main .xxbutton.wider {
    width: 230px;
}

#main .xxbutton:HOVER {
    background-position: center center;
    cursor: pointer;    
}



#main .xxbutton.green {
    background-image:
    background-position: top;
    background-repeat: x;
    
    
}
#main .xxbutton.green:HOVER {
    background-position: center;
}

#main .xxbutton.blue {
    background-image:
    background-position: top;
    background-repeat: x;
    
}
#main .xxbutton.blue:HOVER {
    background-position: center;
    background-repeat: x;
}


#main .xxbutton.red {
    background-image:
    background-position: top;
    background-repeat: x;
    
}
#main .xxbutton.red:HOVER {
    background-position: center;
    background-repeat: x;
}


#main .xxbutton.grey,
#main .xxbutton.grey:HOVER {
    background-image:
    background-position: bottom;
    background-repeat: x;
    color: #efefef;
    cursor: default;
    box-shadow: none;
    text-shadow: none;
    -moz-box-shadow:inset 0 1px 3px #666;
    -webkit-box-shadow:inset 0 1px 3px #666;
    box-shadow:inset 0 1px 3px #666;    
}


#main .xbutton:ACTIVE,
#main .xxbutton:ACTIVE {
    -moz-box-shadow:inset 0 1px 3px #000000;
    -webkit-box-shadow:inset 0 1px 3px #000000;
    box-shadow:inset 0 1px 3px #000000;     
}





.langSwitch {
    float: right;
}

.namesearch_results .meta { display: none }
h2 img.throbber { vertical-align: baseline }
.throbber { display: none }
.hidden { display: none }

.date_label { font-style: italic; }

DIV.news-wrapper {
    overflow: auto;
    overflow-x: hidden;
    height: 525px;
    margin-bottom: 10px;
    border-top: 3px solid #ffba00;
    border-bottom: 3px solid #ffba00;   
    display: none;
}

SPAN.news-search-bar {
       font-size: 11px;
       font-weight: bold;
       width: 260px; 
       display: inline-block; 
       padding: 1px 3px 3px 15px;
       background: #ffba00;
       color: #000;
}

SPAN.news-search-bar input {
       font-size: 12px;        
}


iframe.postboard_iframe {
    border: 0 solid #DDDDDD;
    height: 520px;
    width: 608px;
    position: relative;
}


div.top-graph {
    width: 435px; 
    height: 80px; 
    margin: 0 auto; 
    display:none;
}

.container-list .selected {
    display: inline-block;
}


/* NEW PROGRESS BAR STYLES */


UL.progbar {
    min-height: 40px;
    margin: 0 10px 20px 0px; padding: 0;
    max-width: 600px;
}

UL.progbar LI {
    display: block;
    float: left;
    color: #737373;
    font-size: 13px; line-height: 14px;
    height: 30px;
    padding: 5px; margin: 0 10px 0 0;
    text-decoration: none;
    max-height: 40px; overflow: hidden;
    background-color: #efefef;
    border: 1px solid #ccc;
}


UL.progbar LI.select,
UL.progbar LI.inquire,
UL.progbar LI.negotiate,
UL.progbar LI.finalize {
    width: 90px;
    padding-left: 40px;
    background-position: 8px center;
    background-repeat: no-repeat;
}

UL.progbar LI.select { 
    background-image:
    width: 100px;
}
UL.progbar LI.inquire { 
    background-image:
    width: 70px;
}
UL.progbar LI.negotiate { 
    background-image:
    width: 75px;
}
UL.progbar LI.finalize {
    background-image:
    width: 85px;
}

UL.progbar LI.select.current,
UL.progbar LI.inquire.current,
UL.progbar LI.negotiate.current,
UL.progbar LI.finalize.current {
    background-image:
    background-color: #bbb;
    color: #ffffff;
    border-color: #aaa;
}

UL.progbar LI.select.complete,
UL.progbar LI.inquire.complete,
UL.progbar LI.negotiate.complete,
UL.progbar LI.finalize.complete {
    background-image: 
    color: #aaa;
    
    background-color: #ddd;
}


.inquiry-history {
    padding: 10px 10px 2px 10px;    
    margin: 0 0 10px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #ffffff !important;
    border: 1px solid #a7d0ec;
}

.inquiry-history P {
    margin-bottom: 0.5em;   
}

.inquiry-history HR { margin: 10px 0 5px 0; }

.inquiry-history H1,
.inquiry-history H2 { margin: 0 0 0.2em 0; }

.inquiry-history.green {
    background: #e4f1d3 !important;
    border: 1px solid #78b822;
}

.inquiry-history.blue {
    background: #eaf3fa !important; 
}

.inquiry-history.yellow {
    background: #ffbe00 !important;
    border: 1px solid #ffbe00;
}

.inquiry-history.orange {
    background: #ffee00 !important;
    border: 1px solid #ffee00;
}
.inquiry-history.yellow a, .inquiry-history.orange a {
    color: black;
    text-decoration: underline;
}

.top-blue {
    color: #2e8aca;
    font-size: 130%;
}

.inquiry-history.green HR { border-color: #78b822; }

.inquiry-history.green .top-blue {
    color: #548610; 
}

/* with checked-out */

.checked-out .inquiry-history P,
.checked-out .inquiry-history H1,
.checked-out .inquiry-history H2,
.checked-out .inquiry-history H3 {
    color: #9f9f9f !important;
}

.checked-out .inquiry-history .top-blue {
    color: #96c4e4;
}
.checked-out .inquiry-history HR { border-color: #96c4e4; }


.checked-out .inquiry-history.green .top-blue {
    color: #bbdb90; 
}
.checked-out .inquiry-history.green HR { border-color: #bbdb90; }


/* CALL BOX STYLES */

.call-box {
    text-align: center;
    margin: 0px 0 20px 0;
    background: #2e8aca;
    padding: 5px;
    -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color: white;   
}

.call-box * { color: white; }

.call-box H3 {
    font-size: 140%;    
}

.call-box H2 {
    color: #ffba00;
    background: #054e81;
    padding: 3px;   
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: inset 0 1px 5px #003;
    -moz-box-shadow: inset 0 1px 5px #003;
    margin: 0 0 5px 0;
}

.call-box H1 {
    font-size: 260%;    margin-bottom: 0.1em; line-height: 1.0em;
}

.call-photo {
    height: auto; overflow: hidden;
    margin: 0 0 10px 0; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.onethirdish .call-box IMG { max-width: 100% !important;

 -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}




UL.domainlist {
    list-style: none;
    margin: 0 0 20px 0; 
    padding: 0; 
}

UL.domainlist LI {
    margin: 0 10px 10px 0;
    padding: 0;
    float: left;
}

UL.domainlist LI A:LINK,
UL.domainlist LI A:VISITED {
    padding: 10px 10px 10px 10px;   
    margin: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #E0EEF7;
    border: 1px solid #a7d0ec;
    width: 273px;
    display: block;
    float: left:
}

UL.domainlist LI A:HOVER {
    background: #054e81;
    color: #ffba00;
    text-decoration: none;
    border-color: #fff;
}

UL.domainlist LI.alt {
    margin-right: 0;    
}

P.fineprint { font-size: 60% }

.emphasis { font-family: 'SerifaStd65Bold',Helvetica }

/* NEW CODE TO ADD TO EXISTING LIVE FILE LATER */

.photobox {
    background-position: 0 -90px;
    background-repeat: no-repeat;
    background-size: 940px 400px;
    width: 940px; height: 300px;
    position: relative;
    margin: 0 0 10px 0;
}

.nonav {
    margin: 15px 0 0 0;
    background: #ffba00;
    background:
    height: 9px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}



.photobox .pho-domain {
    width: 100%;
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    /* background-color: rgba(203,226,242,0.9); */
    position: absolute;
    bottom: 0; left: 0;
    z-index: 1;
    padding: 2px 0 6px 0;
}

.oldie .photobox .pho-domain {
    background-color: rgb(0, 0, 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60); 
}

.photobox .pho-slogan {
    width: 100%;
    text-align: center;
    color: white;   
    background-color: rgba(46,138,202,0.8);

    color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0; left: 0;
    z-index: 1;
}

.oldie .photobox .pho-slogan {
    background-color: rgb(46,138,202);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80); 
}

.pho-domain H1 { font-size: 360%; margin: 0; line-height: 1.2em; color: #ffffff; }
.pho-domain H2 { color: #fff; line-height: 1.1em; margin: 0;}

.photobox .pho-slogan H2 { font-size: 260%; color: white; margin: 0 0 0.1em 0; line-height: 1.6em;  }

.pho-domain H1, .pho-domain H2 { text-shadow: 0 1px 3px #000; }
.photobox .pho-slogan H1 { text-shadow: 0 1px 3px #2c6f9d; }



/* LCSLIDER  SCROLLING PANELS
==================================== */

#lcslide-wrap {
    height:420px;
    width:460px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

#lcslide-container {
    width: 500%;
    height: 100%;

}
    
.lcslide-panel {
    float:left;
    width: 460px;
    height: 420px;
    margin: 0; padding: 0;
    position: relative;
}

.lc-sign {
    position: absolute;
    bottom: 6px; right: 30px;
    background:
    padding-bottom: 30px;
    max-width: 380px;
    word-break: break-all;
    word-wrap: break-word;
}

.lc-sign SPAN { 
    display: block;
    text-align: center; 
    background: #ffba00;
    color: black;
    padding: 10px 20px;
    font-size: 200%; 
    line-height: 1.5em;
    font-weight: bold;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    -kpml-border-radius: 6px;
}

.lc-card-fingers {
    position: absolute;
    bottom: 64px; right: 129px;
    width: 150px; height: 240px;
    background:
    z-index: 92;
}

.lc-card {
    position: absolute; top: 160px; 
    width: 460px;
    text-align: center;
    margin: 0 auto;
}

.lc-card SPAN.email {
    display: inline-block; min-width: 200px;
    text-align: center;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #00467f;
    font-size: 180%; line-height: 1em;
    padding: 50px 20px;
    color: black;
    max-width: 380px;
    word-break: break-all;
    word-wrap: break-word;
}

#lcslide-nav {
    text-align:center;
    height: 30px;
    display: none;
}
#lcslide-nav ul{
    list-style: none outside;
    margin: 0; padding: 0;
}
#lcslide-nav li{
    margin: 0; padding: 0;
}
#lcslide-nav a {
    display: block; float: left;
    
    padding: 3px 8px; color:#efefef;
    font-weight:bolder;
    text-decoration:none;
}

#lcslide-nav A.selected {
    color: #cccccc;
}

#lcslide-nav A:HOVER {
    color: #777777;
}
 
.call-img {
    position: relative; 
}
 
.lc-lotsign {
    position: absolute;
    top: 40px; left: 0; right: 0;
    text-align: center;
    background:  
    padding-bottom: 30px;
    margin: 0 auto;
}

.lc-lotsign SPAN { 
    display: inline-block;
    margin: 0 auto;
    text-align: center; 
    background: #d8131a;
    color: white;
    padding: 0 6px;
    font-size: 190%; line-height: 1.2em;
    font-weight: bold;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    -kpml-border-radius: 6px;
}

.lc-lot-house {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 62px;

}

.lc-lot-house SPAN { 
    display: inline-block;
    margin: 0 auto;
    text-align: center; 
    background: #fdba31;
    color: white;
    padding: 3px 6px;
    font-size: 200%; line-height: 1.2em;
    font-weight: bold;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    -kpml-border-radius: 6px;
    letter-spacing: -1px;
}

#lc-house1 {
    background: url(../images/lc-lots-house1.png) bottom center no-repeat;  
    left: 10px; top: 60px;
}

#lc-house2 {
    background: url(../images/lc-lots-house2.png) bottom center no-repeat;  
    left: 208px; top: 50px;
}

#lc-house3 {
    background: url(../images/lc-lots-house3.png) bottom center no-repeat;  
    left: 194px; top: 172px;
}
 
.lc-carprice {
    position: absolute;
    bottom: 14px; left: 0; right: 0;
    text-align: center;
    background:  none;
    margin: 0 auto;
}

.lc-carprice SPAN { 
    display: inline-block;
    margin: 0 auto;
    text-align: center; 
    color: white;
    font-size: 190%; line-height: 1.1em;
    font-weight: bold;
}
 
#lc-car1 {
    top: 76px; left: 0; right: 0;
}

#lc-car2 {
    bottom: 14px; left: 0; right: 0;
}

.lc-city-price {
    position: absolute;
    text-align: center;
    background: url(../images/lc-city-arrow-y.png) left center no-repeat;
    padding-left: 50px;
}

.lc-city-price SPAN { 
    display: block;
    text-align: center; 
    background: #fdba31;
    color: white;
    padding: 3px 6px;
    font-size: 160%; line-height: 1.2em;
    font-weight: bold;
}

#lc-price1 {
    top: 100px; left: 110px;    
}

#lc-price2 {
    top: 154px; left: 75px; 
    padding-left: 60px;
}

#lc-price3 {
    bottom: 20px; right: 8px;
    background: url(../images/lc-city-arrow.png) left center no-repeat;
    padding-left: 50px; 
}

#lc-price3 SPAN {
    background: #ee2e24;
}

.lcslide-panel P {
    position: absolute; margin: 0;
    color: #054e81;
    font-size: 36px; line-height: 1em;
}

.lcslide-panel P STRONG {
    color: #f26522; 
}

#slide1 P {
    bottom: 30px; left: 35px; right: 35px;
}

#slide2 P {
    font-size: 27px;
}

#slide2 #s2p1 {
    top: 18px; left: 40px;  right: 60px;
}

#slide2 #s2p2 {
    top: 120px; left: 110px;    right: 30px;
}

#slide3 p { 
    font-size: 20px;
    top: 25px; left: 35px; right: 20px;
    margin-bottom: 0.25em;
}

#slide4 p {
    font-size: 24px;
    bottom: 20px;
    left: 25px; right: 20px;    
}

#slide4 p strong {
    font-size: 140%; line-height: 1.4em;    
}

#slide5 p {
    font-size: 29px; text-align: center;    
}

#slide5 #s5p1 {
    top: 18px; left: 20px;  right: 20px;
}

#slide5 #s5p2 {
    bottom: 24px; left: 20px;   right: 20px;
}


.call-out {
    text-align: center;
    margin: 0px 0px 10px 0px;
    background: #fff;
    padding: 5px;
    color: white;        
}

.call-out H3 { color: black; margin: 0; }

.bluebord { 
    padding: 3px 6px;
    color: #2e8aca !important;
    font-size: 180%;
    border: 3px solid #cbe2f2;
    margin: 0 0 6px 0;
    box-shadow: inset 0 1px 3px #e0eef7;
    -moz-box-shadow: inset 0 1px 3px #e0eef7;
}
 
.error ul {
    margin-bottom: 0;
    margin-left: 17px;
}
.sbbox.error li {
    list-style-type: square;
    list-style-image: none;
    color: #666666;
    font-size: 135%
}

.hmargin10 {
    margin: 0px 10px
}

.dnsoffer-recently-sold .sbox {
    height: 312px;
}