/* @override http://wansecurity.com/css/wansecurity.css */

/*div { border: solid 1px #ccc; }*/

body {
	color: #2b3165;
	vertical-align: top;
	margin: 0;
	padding: 0;
	text-align: left;
	list-style: none;
	unicode-bidi: normal;
	white-space: normal;
	background: url(/img/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
}

/* 
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*/

body.cn {
	font-family: 'AR PL UKai','AR PL ZenKai Uni','AR PL KaitiM Big5','AR PL UMing','MingLiu','nj chinese traditional'
}

body.jp {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
}

body.en {
	font: 14px Helvetica, serif;
}

a { color: #efae33; text-decoration: none;}
a:hover { color: #2b3165; }
a:focus, a:active { outline: 0; -moz-outline: none; }

li { font-size: 1em; list-style-image: url(/img/bullet.gif); }

em {
	font-style: italic;
}

strong {
	font-weight: bolder;
}

textarea { padding: 3px; }

.justify {
	text-align: justify!important;
}

.center {
	text-align: center!important;
}

.left {
	text-align: left;
}

.pad20px {
	padding: 0 20px 10px;
}

.alert {
	color: red;
}

h1 {
	font-size: 1.8em;
	color: #efae33;
}
h2 {
	font-size: 1.6em;
	color: #efae33;
}
h3 {
	font-size: 1.4em;
	color: #efae33;
}
h4 {
	font-size: 1.2em;
	color: #efae33;
}
h5 {
	font-size: 1.0em;
	font-weight: bold;
	color: #efae33;
}

div#body {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.3em; 
}

div#iframe {
	width: 590px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

div#footer.en { color: #aaa; text-align: center; font-size: 0.8em; margin-top: 30px; margin-bottom: 70px; background-image: url(/img/footer.jpg); width: 880px; height: 36px; }
div#footer.cn { color: #aaa; text-align: center; font-size: 0.8em; margin-top: 30px; margin-bottom: 70px; background-image: url(/img/footer.jpg); width: 880px; height: 36px; }
div#footer.jp { color: #aaa; text-align: center; font-size: 0.7em; margin-top: 30px; margin-bottom: 70px; background-image: url(/img/footer.jpg); width: 880px; height: 36px; }
div#footer td.footer_copyright { padding: 8px 0px 0 25px; text-align: left; }
div#footer td.footer_links { padding: 8px 25px 0 0; margin: 0; text-align: right; }
div#footer td.designer { text-align: center; }

/* legal */
a.wans { color: #efae33!important; text-decoration: none;}
a:visited.wans { color: #efae33!important; text-decoration: none;}
a:hover.wans { color: #2b3165!important; }
div.modal a { color: #efae33!important; text-decoration: none;}
div.modal a:visited { color: #efae33!important; text-decoration: none;}
div.modal a:hover { color: #2b3165!important; }

div.modal p {
	text-align: justify;
	font-size: 1.1em;
	color: #555;
}
div.modal p.sub {
	padding: 3 15 3 30px;
	text-align: justify;
	font-size: 1.1em;
	color: #555;
}
div.modal p.sub span {
	font-weight: bold;
}
div.modal p.sub_header span {
	clear: both;
	font-weight: bold;
	margin: 5px 15px 5px 15px;	
}
div.modal ol li {
	list-style-type: upper-roman;
	list-style-image: none;
	list-style-position: inside;
	font-size: 1.2em;
	margin: 10px 15px 10px 0px;
	padding: 0;	
	color: #555555;
	font-weight: bold;
}
div.modal ul li {
	list-style-type: square;
	list-style-image: none;
	list-style-position: outside;
	color: #555555;
	margin: 6px 15px 10px 30px;
	font-weight: normal;
}

div.modal table.managed_matrix {
	width: 100%;
}

div.modal table.managed_matrix td,th {
	padding: 5px 10px 5px 10px;
}

div.modal table.managed_matrix th {
	font-weight: bold;
}

/* end legal */

/* Logo */
/* ====================================================================== */

div#logo { margin: 0; padding: 0; height: 100px; }
div#logo h1 { float: left; position: relative; margin: 0; padding: 0; height: 100px; width: 347px; text-indent: -3000px; background: url(/img/wans_logo.jpg) no-repeat; z-index: 90; }
div#logo h1 a { display: block; width: 347px; height: 100px; backgroun-repeat:  no-repeat; }

div#language {
	float: right;
	position:relatie;
 	margin: 15px 4px 0 0;
 	right: 0px;
	text-align: right;
}

div#language img {
	display: inline;
	padding: 0 0 0 10px;
}



/* Content */
/* ====================================================================== */


div#content {
	margin: 0;
	padding: 0;
	float: right;
	width: 682px;
}

div#main {
	width: 500px;
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	z-index: 1;
}

div#main #main_image {
	padding: 0;
	margin: 0;
}

div#main p#main_blurb {
	padding: 10px;
	text-align: justify;
	text-indent: 20px;
}

div#main p#quote {
	width: 450px;
	text-indent: 20px;
	text-align: justify;
	font-style: italic;
	margin-bottom: 30px;
}

div#main .quote {
	width: 475px;
	padding: 11px;
	font-style: italic;
}

}

div#main .main {
	padding: 10px
}


div#right_nav { float: right; width: 180px; padding: 0px; }
div#right_nav p {
	padding: 0;
	margin: 0;
	text-indent: +3000px;
}
div#right_nav a#alien {
	display: block;
	width: 168px;
	height: 244px;
	padding: 0 0 10px 0;
}

div#right_nav a#alien.en { background: url(/img/alien_nextgen_solutions-en.jpg) no-repeat; }
div#right_nav a#alien.cn { background: url(/img/alien_nextgen_solutions-cn.jpg) no-repeat; }
div#right_nav a#alien.jp { background: url(/img/alien_nextgen_solutions-jp.jpg) no-repeat; }

div#project_icons { float: right; width: 180px; padding-top: 0px; z-index: 1000;}

div#project_icons a { margin: 0; padding: 0; float: right; } 

div#project_icons img { margin: 0; padding: 0 0 10px 0; float: right; } 

/* Left Nav */
/* ====================================================================== */

div#left_nav { float: left; text-align: center; width: 180px; padding-bottom: 10px; }


div#left_nav #navi { margin: 0 0 10px 0; padding: 0; }

div#left_nav #navi ul { margin: 0; list-style: none; }
div#left_nav #navi li { margin: 0; list-style: none; }

div#left_nav #navi li#home.en { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/home-unselected-en.gif) no-repeat; }
div#left_nav #navi li#home.en a { display: block; width: 180px; height: 36px; background: url(/img/buttons/home-unselected-en.gif) no-repeat; }
div#left_nav #navi li#home.en a:hover { background: url(/img/buttons/home-selected-en.gif) no-repeat; }
div#left_nav #navi li#home.en a:active { background-image: url(/img/buttons/home-selected-en.gif); background-repeat:  no-repeat; } 

div#left_nav #navi li#home.en-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/home-selected-en.gif) no-repeat; }
div#left_nav #navi li#home.en-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/home-selected-en.gif) no-repeat; }
div#left_nav #navi li#home.en-selected a:hover { background: url(/img/buttons/home-unselected-en.gif) no-repeat; }
div#left_nav #navi li#home.en-selected a:active { background-image: url(/img/buttons/home-unselected-en.gif); background-repeat:  no-repeat; } 


div#left_nav #navi li#about.en { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/about-unselected-en.gif) no-repeat; }
div#left_nav #navi li#about.en a { display: block; width: 180px; height: 36px; background: url(/img/buttons/about-unselected-en.gif) no-repeat; }
div#left_nav #navi li#about.en a:hover { background: url(/img/buttons/about-selected-en.gif) no-repeat; }
div#left_nav #navi li#about.en a:active { background-image: url(/img/buttons/about-selected-en.gif); background-repeat:  no-repeat; } 

div#left_nav #navi li#about.en-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/about-selected-en.gif) no-repeat; }
div#left_nav #navi li#about.en-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/about-selected-en.gif) no-repeat; }
div#left_nav #navi li#about.en-selected a:hover { background: url(/img/buttons/about-unselected-en.gif) no-repeat; }
div#left_nav #navi li#about.en-selected a:active { background-image: url(/img/buttons/about-unselected-en.gif); background-repeat:  no-repeat; } 


div#left_nav #navi li#products.en { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/products-unselected-en.gif) no-repeat; }
div#left_nav #navi li#products.en a { display: block; width: 180px; height: 36px; background: url(/img/buttons/products-unselected-en.gif) no-repeat; } 
div#left_nav #navi li#products.en a:hover { background: url(/img/buttons/products-selected-en.gif) no-repeat; } 

div#left_nav #navi li#products.en-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/products-selected-en.gif) no-repeat; }
div#left_nav #navi li#products.en-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/products-selected-en.gif) no-repeat; } 
div#left_nav #navi li#products.en-selected a:hover { background: url(/img/buttons/products-unselected-en.gif) no-repeat; } 


div#left_nav #navi li#services.en { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/services-selected-en.gif) no-repeat; }
div#left_nav #navi li#services.en a { display: block; width: 180px; height: 36px; background: url(/img/buttons/services-unselected-en.gif) no-repeat; }
div#left_nav #navi li#services.en a:hover { background: url(/img/buttons/services-selected-en.gif) no-repeat; }

div#left_nav #navi li#services.en-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/services-unselected-en.gif) no-repeat; }
div#left_nav #navi li#services.en-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/services-selected-en.gif) no-repeat; }
div#left_nav #navi li#services.en-selected a:hover { background: url(/img/buttons/services-unselected-en.gif) no-repeat; }


div#left_nav #navi li#support.en { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/support-unselected-en.gif) no-repeat; }
div#left_nav #navi li#support.en a { display: block; width: 180px; height: 36px; background: url(/img/buttons/support-unselected-en.gif) no-repeat; }
div#left_nav #navi li#support.en a:hover { background: url(/img/buttons/support-selected-en.gif) no-repeat; } 

div#left_nav #navi li#support.en-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/support-selected-en.gif) no-repeat; }
div#left_nav #navi li#support.en-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/support-selected-en.gif) no-repeat; }
div#left_nav #navi li#support.en-selected a:hover { background: url(/img/buttons/support-unselected-en.gif) no-repeat; } 


div#left_nav #navi li#customers.en { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/customers-unselected-en.gif) no-repeat; }
div#left_nav #navi li#customers.en a { display: block; width: 180px; height: 36px; background: url(/img/buttons/customers-unselected-en.gif) no-repeat; }
div#left_nav #navi li#customers.en a:hover { background: url(/img/buttons/customers-selected-en.gif) no-repeat; } 

div#left_nav #navi li#customers.en-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/customers-selected-en.gif) no-repeat; }
div#left_nav #navi li#customers.en-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/customers-selected-en.gif) no-repeat; }
div#left_nav #navi li#customers.en-selected a:hover { background: url(/img/buttons/customers-unselected-en.gif) no-repeat; } 


div#left_nav #navi li#partners.en { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/partners-unselected-en.gif) no-repeat; }
div#left_nav #navi li#partners.en a { display: block; width: 180px; height: 36px; background: url(/img/buttons/partners-unselected-en.gif) no-repeat; }
div#left_nav #navi li#partners.en a:hover { background: url(/img/buttons/partners-selected-en.gif) no-repeat; } 

div#left_nav #navi li#partners.en-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/partners-selected-en.gif) no-repeat; }
div#left_nav #navi li#partners.en-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/partners-selected-en.gif) no-repeat; }
div#left_nav #navi li#partners.en-selected a:hover { background: url(/img/buttons/partners-unselected-en.gif) no-repeat; } 


div#left_nav #navi li#training.en { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/training-unselected-en.gif) no-repeat; }
div#left_nav #navi li#training.en a { display: block; width: 180px; height: 36px; background: url(/img/buttons/training-unselected-en.gif) no-repeat; }
div#left_nav #navi li#training.en a:hover { background: url(/img/buttons/training-selected-en.gif) no-repeat; }

div#left_nav #navi li#training.en-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/training-selected-en.gif) no-repeat; }
div#left_nav #navi li#training.en-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/training-selected-en.gif) no-repeat; }
div#left_nav #navi li#training.en-selected a:hover { background: url(/img/buttons/training-unselected-en.gif) no-repeat; }


div#left_nav #navi li#contact.en { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/contact-unselected-en.gif) no-repeat; }
div#left_nav #navi li#contact.en a { display: block; width: 180px; height: 36px; background: url(/img/buttons/contact-unselected-en.gif) no-repeat; }
div#left_nav #navi li#contact.en a:hover { background: url(/img/buttons/contact-selected-en.gif) no-repeat; } 

div#left_nav #navi li#contact.en-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/contact-selected-en.gif) no-repeat; }
div#left_nav #navi li#contact.en-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/contact-selected-en.gif) no-repeat; }
div#left_nav #navi li#contact.en-selected a:hover { background: url(/img/buttons/contact-unselected-en.gif) no-repeat; } 



div#left_nav #navi li#home.jp { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/home-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#home.jp a { display: block; width: 180px; height: 36px; background: url(/img/buttons/home-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#home.jp a:hover { background: url(/img/buttons/home-selected-jp.gif) no-repeat; }
div#left_nav #navi li#home.jp a:active { background-image: url(/img/buttons/home-selected-jp.gif); background-repeat:  no-repeat; } 

div#left_nav #navi li#home.jp-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/home-selected-jp.gif) no-repeat; }
div#left_nav #navi li#home.jp-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/home-selected-jp.gif) no-repeat; }
div#left_nav #navi li#home.jp-selected a:hover { background: url(/img/buttons/home-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#home.jp-selected a:active { background-image: url(/img/buttons/home-unselected-jp.gif); background-repeat:  no-repeat; } 


div#left_nav #navi li#about.jp { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/about-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#about.jp a { display: block; width: 180px; height: 36px; background: url(/img/buttons/about-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#about.jp a:hover { background: url(/img/buttons/about-selected-jp.gif) no-repeat; }
div#left_nav #navi li#about.jp a:active { background-image: url(/img/buttons/about-selected-jp.gif); background-repeat:  no-repeat; } 

div#left_nav #navi li#about.jp-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/about-selected-jp.gif) no-repeat; }
div#left_nav #navi li#about.jp-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/about-selected-jp.gif) no-repeat; }
div#left_nav #navi li#about.jp-selected a:hover { background: url(/img/buttons/about-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#about.jp-selected a:active { background-image: url(/img/buttons/about-unselected-jp.gif); background-repeat:  no-repeat; } 


div#left_nav #navi li#products.jp { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/products-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#products.jp a { display: block; width: 180px; height: 36px; background: url(/img/buttons/products-unselected-jp.gif) no-repeat; } 
div#left_nav #navi li#products.jp a:hover { background: url(/img/buttons/products-selected-jp.gif) no-repeat; } 

div#left_nav #navi li#products.jp-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/products-selected-jp.gif) no-repeat; }
div#left_nav #navi li#products.jp-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/products-selected-jp.gif) no-repeat; } 
div#left_nav #navi li#products.jp-selected a:hover { background: url(/img/buttons/products-unselected-jp.gif) no-repeat; } 


div#left_nav #navi li#services.jp { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/services-selected-jp.gif) no-repeat; }
div#left_nav #navi li#services.jp a { display: block; width: 180px; height: 36px; background: url(/img/buttons/services-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#services.jp a:hover { background: url(/img/buttons/services-selected-jp.gif) no-repeat; }

div#left_nav #navi li#services.jp-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/services-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#services.jp-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/services-selected-jp.gif) no-repeat; }
div#left_nav #navi li#services.jp-selected a:hover { background: url(/img/buttons/services-unselected-jp.gif) no-repeat; }


div#left_nav #navi li#support.jp { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/support-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#support.jp a { display: block; width: 180px; height: 36px; background: url(/img/buttons/support-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#support.jp a:hover { background: url(/img/buttons/support-selected-jp.gif) no-repeat; } 

div#left_nav #navi li#support.jp-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/support-selected-jp.gif) no-repeat; }
div#left_nav #navi li#support.jp-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/support-selected-jp.gif) no-repeat; }
div#left_nav #navi li#support.jp-selected a:hover { background: url(/img/buttons/support-unselected-jp.gif) no-repeat; } 


div#left_nav #navi li#customers.jp { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/customers-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#customers.jp a { display: block; width: 180px; height: 36px; background: url(/img/buttons/customers-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#customers.jp a:hover { background: url(/img/buttons/customers-selected-jp.gif) no-repeat; } 

div#left_nav #navi li#customers.jp-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/customers-selected-jp.gif) no-repeat; }
div#left_nav #navi li#customers.jp-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/customers-selected-jp.gif) no-repeat; }
div#left_nav #navi li#customers.jp-selected a:hover { background: url(/img/buttons/customers-unselected-jp.gif) no-repeat; } 


div#left_nav #navi li#partners.jp { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/partners-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#partners.jp a { display: block; width: 180px; height: 36px; background: url(/img/buttons/partners-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#partners.jp a:hover { background: url(/img/buttons/partners-selected-jp.gif) no-repeat; } 

div#left_nav #navi li#partners.jp-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/partners-selected-jp.gif) no-repeat; }
div#left_nav #navi li#partners.jp-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/partners-selected-jp.gif) no-repeat; }
div#left_nav #navi li#partners.jp-selected a:hover { background: url(/img/buttons/partners-unselected-jp.gif) no-repeat; } 


div#left_nav #navi li#training.jp { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/training-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#training.jp a { display: block; width: 180px; height: 36px; background: url(/img/buttons/training-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#training.jp a:hover { background: url(/img/buttons/training-selected-jp.gif) no-repeat; }

div#left_nav #navi li#training.jp-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/training-selected-jp.gif) no-repeat; }
div#left_nav #navi li#training.jp-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/training-selected-jp.gif) no-repeat; }
div#left_nav #navi li#training.jp-selected a:hover { background: url(/img/buttons/training-unselected-jp.gif) no-repeat; }


div#left_nav #navi li#contact.jp { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/contact-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#contact.jp a { display: block; width: 180px; height: 36px; background: url(/img/buttons/contact-unselected-jp.gif) no-repeat; }
div#left_nav #navi li#contact.jp a:hover { background: url(/img/buttons/contact-selected-jp.gif) no-repeat; } 

div#left_nav #navi li#contact.jp-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/contact-selected-jp.gif) no-repeat; }
div#left_nav #navi li#contact.jp-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/contact-selected-jp.gif) no-repeat; }
div#left_nav #navi li#contact.jp-selected a:hover { background: url(/img/buttons/contact-unselected-jp.gif) no-repeat; } 



div#left_nav #navi li#home.cn { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/home-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#home.cn a { display: block; width: 180px; height: 36px; background: url(/img/buttons/home-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#home.cn a:hover { background: url(/img/buttons/home-selected-cn.gif) no-repeat; }
div#left_nav #navi li#home.cn a:active { background-image: url(/img/buttons/home-selected-cn.gif); background-repeat:  no-repeat; } 

div#left_nav #navi li#home.cn-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/home-selected-cn.gif) no-repeat; }
div#left_nav #navi li#home.cn-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/home-selected-cn.gif) no-repeat; }
div#left_nav #navi li#home.cn-selected a:hover { background: url(/img/buttons/home-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#home.cn-selected a:active { background-image: url(/img/buttons/home-unselected-cn.gif); background-repeat:  no-repeat; } 


div#left_nav #navi li#about.cn { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/about-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#about.cn a { display: block; width: 180px; height: 36px; background: url(/img/buttons/about-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#about.cn a:hover { background: url(/img/buttons/about-selected-cn.gif) no-repeat; }
div#left_nav #navi li#about.cn a:active { background-image: url(/img/buttons/about-selected-cn.gif); background-repeat:  no-repeat; } 

div#left_nav #navi li#about.cn-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/about-selected-cn.gif) no-repeat; }
div#left_nav #navi li#about.cn-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/about-selected-cn.gif) no-repeat; }
div#left_nav #navi li#about.cn-selected a:hover { background: url(/img/buttons/about-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#about.cn-selected a:active { background-image: url(/img/buttons/about-unselected-cn.gif); background-repeat:  no-repeat; } 


div#left_nav #navi li#products.cn { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/products-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#products.cn a { display: block; width: 180px; height: 36px; background: url(/img/buttons/products-unselected-cn.gif) no-repeat; } 
div#left_nav #navi li#products.cn a:hover { background: url(/img/buttons/products-selected-cn.gif) no-repeat; } 

div#left_nav #navi li#products.cn-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/products-selected-cn.gif) no-repeat; }
div#left_nav #navi li#products.cn-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/products-selected-cn.gif) no-repeat; } 
div#left_nav #navi li#products.cn-selected a:hover { background: url(/img/buttons/products-unselected-cn.gif) no-repeat; } 


div#left_nav #navi li#services.cn { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/services-selected-cn.gif) no-repeat; }
div#left_nav #navi li#services.cn a { display: block; width: 180px; height: 36px; background: url(/img/buttons/services-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#services.cn a:hover { background: url(/img/buttons/services-selected-cn.gif) no-repeat; }

div#left_nav #navi li#services.cn-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/services-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#services.cn-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/services-selected-cn.gif) no-repeat; }
div#left_nav #navi li#services.cn-selected a:hover { background: url(/img/buttons/services-unselected-cn.gif) no-repeat; }


div#left_nav #navi li#support.cn { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/support-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#support.cn a { display: block; width: 180px; height: 36px; background: url(/img/buttons/support-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#support.cn a:hover { background: url(/img/buttons/support-selected-cn.gif) no-repeat; } 

div#left_nav #navi li#support.cn-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/support-selected-cn.gif) no-repeat; }
div#left_nav #navi li#support.cn-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/support-selected-cn.gif) no-repeat; }
div#left_nav #navi li#support.cn-selected a:hover { background: url(/img/buttons/support-unselected-cn.gif) no-repeat; } 


div#left_nav #navi li#customers.cn { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/customers-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#customers.cn a { display: block; width: 180px; height: 36px; background: url(/img/buttons/customers-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#customers.cn a:hover { background: url(/img/buttons/customers-selected-cn.gif) no-repeat; } 

div#left_nav #navi li#customers.cn-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/customers-selected-cn.gif) no-repeat; }
div#left_nav #navi li#customers.cn-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/customers-selected-cn.gif) no-repeat; }
div#left_nav #navi li#customers.cn-selected a:hover { background: url(/img/buttons/customers-unselected-cn.gif) no-repeat; } 


div#left_nav #navi li#partners.cn { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/partners-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#partners.cn a { display: block; width: 180px; height: 36px; background: url(/img/buttons/partners-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#partners.cn a:hover { background: url(/img/buttons/partners-selected-cn.gif) no-repeat; } 

div#left_nav #navi li#partners.cn-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/partners-selected-cn.gif) no-repeat; }
div#left_nav #navi li#partners.cn-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/partners-selected-cn.gif) no-repeat; }
div#left_nav #navi li#partners.cn-selected a:hover { background: url(/img/buttons/partners-unselected-cn.gif) no-repeat; } 


div#left_nav #navi li#training.cn { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/training-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#training.cn a { display: block; width: 180px; height: 36px; background: url(/img/buttons/training-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#training.cn a:hover { background: url(/img/buttons/training-selected-cn.gif) no-repeat; }

div#left_nav #navi li#training.cn-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/training-selected-cn.gif) no-repeat; }
div#left_nav #navi li#training.cn-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/training-selected-cn.gif) no-repeat; }
div#left_nav #navi li#training.cn-selected a:hover { background: url(/img/buttons/training-unselected-cn.gif) no-repeat; }


div#left_nav #navi li#contact.cn { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/contact-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#contact.cn a { display: block; width: 180px; height: 36px; background: url(/img/buttons/contact-unselected-cn.gif) no-repeat; }
div#left_nav #navi li#contact.cn a:hover { background: url(/img/buttons/contact-selected-cn.gif) no-repeat; } 

div#left_nav #navi li#contact.cn-selected { width: 180px; height: 36px; text-indent: -3000px; background: url(/img/buttons/contact-selected-cn.gif) no-repeat; }
div#left_nav #navi li#contact.cn-selected a { display: block; width: 180px; height: 36px; background: url(/img/buttons/contact-selected-cn.gif) no-repeat; }
div#left_nav #navi li#contact.cn-selected a:hover { background: url(/img/buttons/contact-unselected-cn.gif) no-repeat; } 










div#left_nav div#mail_login { width: 128px; height: 87px; margin: 10px 0 0 0; padding : 48px 0 0 52px; background-image: url(/img/mail_login.jpg); }
div#left_nav div#support_login { width: 128px; height: 87px; margin: 10px 0 0 0; padding : 48px 0 0 52px; background-image: url(/img/support_login.jpg); }
div#left_nav div.nav_login input { width: 100px; }
div#left_nav table.nav_login { height: 60px; padding-bottom: 0px; }
div#left_nav td.nav_login { padding-bottom: 5px; } 

#error {
	color: red;
	font-size: 13px;
}

#required {
	color: #efae33;
	font-size: 13px;
}

/* Content */
/* ====================================================================== */

div.news_post { text-align: left; margin: 0 0 10px 0; padding: 10px; }
div.news_post p.news_post_date { font-style : italic; font-weight: normal; font-size: 90%; }
div.news_post p.news_post_title { font-size: 100%; color: #efae33; }
div.news_post p.news_post { text-align: justify; font-size: .9em; }

div.customer_post { text-align: left; margin: 0 0 10px 0; padding: 10px; }
div.customer_post p.wrapl { text-align: justify; font-size: 1em; float: left; margin: 0 0 20px 0; }
div.customer_post img.wrapl { float: left; padding: 0 10px 0 0;}
div.customer_post p.wrapr { text-align: justify; font-size: 1em; float: right; margin: 0 0 20px 0; }
div.customer_post img.wrapr { float: right; padding: 0 0 0 10px;}

div.partner_post { text-align: left; margin: 0 0 10px 0; padding: 10px; }
div.partner_post p.wrapl { text-align: justify; font-size: 1em; float: left; margin: 0 0 20px 0; }
div.partner_post img.wrapl { float: left; padding: 0 10px 0 0;}
div.partner_post p.wrapr { text-align: justify; font-size: 1em; float: right; margin: 0 0 20px 0; }
div.partner_post img.wrapr { float: right; padding: 0 0 0 10px;}

.hide {
	display: none;
}

div.about { text-align: left; margin: 0 0 10px 0; padding: 10px; }
div.about p.about_header { font-size: 1.2em; font-weight: bolder; }
div.about p { text-align: justify; font-size: 1em; margin: 0 0 20px 0; }

div.training { text-align: left; margin: 0 0 10px 0; padding: 10px; }
div.training p.training_header { font-size: 1.2em; font-weight: bolder; }
div.training p { text-align: justify; font-size: 1em; margin: 0 0 20px 0; }

div.support { text-align: left; margin: 10px 0 0 0; padding: 10px; }
div.support p.support_header { font-size: 1.2em; font-weight: bolder; color: #efae33; }
div.support p { text-align: justify; font-size: 1em; margin: 0 0 20px 0; }

div.contact { text-align: left; margin: 0 0 10px 0; padding: 10px; }
div.contact p.contact_header { font-size: 1.2em; font-weight: bolder; }
div.contact p { text-align: justify; font-size: 1em; margin: 0 0 20px 0; }


/* products page */

div.products { text-align: left; margin: 0 0 10px 0; padding: 10px; width: 480px;}
div.products span.products_header { font-size: 1.6em; font-weight: bolder; margin: 4px 0 0 0; padding: 0 10px 0 0; float: left;}
div.products span.products_header a { text-decoration: none; }
div.products p { text-align: justify; line-height: 1.3em; font-size: 1em; margin: 0 0 20px 0; }
div.products p.wrapl { text-align: justify; font-size: 1em; float: left; margin: 0 0 20px 0; }
div.products img.wrapl { float: left; padding: 0; margin: 0 10px 0 0;}
div.products p.wrapr { text-align: justify; font-size: 1em; float: right; margin: 0 0 20px 0; }
div.products img.wrapr { float: right; padding: 0 0 0 10px;}
table.product_images { margin: 15px 0 15px 0; }
table.product_images td { padding: 5px 0 5px 0; }

h4.main a {
	text-decoration: none;	
}

img.products_header {
	margin: 20px 0 15px 0;
}

div.data_sheet {
	float: left;
	width: 33%;
}

ul.data_sheet {
	padding: 0!important;
	margin-left: 15px!important;
}

ul.data_sheet li {
	line-height: 1.3em!important;
	text-align: left;
	font-size: .9em;
	margin: 5px 10px 0 10px;
}
  /*border: 0.1em dotted #c0c0c0;*/


div.data_sheet p {
	margin: 10px 10px 0 10px;
	font-size: .9em;
}

.data_sheet_column_heading {
	color: #EFAE33;
}



/* end products page */


div#content h2.main { padding: 0 0 0 10px; margin: 25px 0 15px 0; font-size: 1.8em; color: #efae33; }
div#content h3.main { padding: 0 0 0 10px; margin: 25px 0 15px 0; font-size: 1.5em; color: #efae33; }
div#content h4.main { padding: 0 0 0 10px; margin: 25px 0 15px 0; font-size: 1.3em; }
div#content h3.sub { padding: 0 0 0 20px; margin: 25px 0 15px 0; font-size: 1.3em; color: #e05216; }
div#content p.sub { padding: 0 0 0 20px; margin: 25px 0 15px 0; font-size: 1.2em; color: #6021ae; }
div#content table { text-align: left; }
div#content table.main { width: 100%; }
div#content table.main td.header { height: 10px; background: url(/img/content_header.jpg) no-repeat; }
div#content table.main td.content { background: url(/img/content_content.jpg) repeat-y; padding: 5px 20px 5px 20px; }
div#content table.main td.content p { text-align: justify; line-height: 1.3em; }
div#content table.main td.content ul { margin: 15px 0 15px 25px; }
div#content table.main td.content li { line-height: 1.8em; }
div#content table.main td.footer { height: 10px; background: url(/img/content_footer.jpg) no-repeat; }


/* services page */

table#service_buttons {
	margin: 0 0 0 0;
	padding: 0;
	width: 491px;
	border: none;
	border-collapse: collapse;
}

table#service_buttons td {
	text-indent: -3000px;
	width: 50%;
	height: 106px;
}	

table#service_buttons td#managed { background-position: top left; }
table#service_buttons td#managed.en { background: url(/img/services_managed_hosting-en.jpg) no-repeat; }
table#service_buttons td#managed.cn { background: url(/img/services_managed_hosting-cn.jpg) no-repeat; }
table#service_buttons td#managed.jp { background: url(/img/services_managed_hosting-jp.jpg) no-repeat; }

table#service_buttons td#colocation { background-position: top right; position: relative; top: 0; right: 0; }
table#service_buttons td#colocation.en { background: url(/img/services_colocation-en.jpg) no-repeat; }
table#service_buttons td#colocation.cn { background: url(/img/services_colocation-cn.jpg) no-repeat; }
table#service_buttons td#colocation.jp { background: url(/img/services_colocation-jp.jpg) no-repeat; }

div#service_buttons {
	margin: 0 0 0 0;
	padding: 0;
	width: 491px;
	border: none;
}

div#service_buttons div {
	width: 49%;
	height: 106px;
	margin: 15px 0 15px 0;
	text-indent: -3000px;
}

div#service_buttons div#managed { float: left; }
div#service_buttons div#managed.en { background: url(/img/services_managed_hosting-en.jpg) no-repeat; }
div#service_buttons div#managed.cn { background: url(/img/services_managed_hosting-cn.jpg) no-repeat; }
div#service_buttons div#managed.jp { background: url(/img/services_managed_hosting-jp.jpg) no-repeat; }

div#service_buttons div#colocation { float: right; } 
div#service_buttons div#colocation.en { background: url(/img/services_colocation-en.jpg) no-repeat; }
div#service_buttons div#colocation.cn { background: url(/img/services_colocation-cn.jpg) no-repeat; }
div#service_buttons div#colocation.jp { background: url(/img/services_colocation-jp.jpg) no-repeat; }

div#service_buttons div#virtualized { float: left; } 
div#service_buttons div#virtualized.en { background: url(/img/services_cloud_services-en.jpg) no-repeat; }
div#service_buttons div#virtualized.cn { background: url(/img/services_cloud_services-cn.jpg) no-repeat; }
div#service_buttons div#virtualized.jp { background: url(/img/services_cloud_services-jp.jpg) no-repeat; }

div#service_buttons div#remote_backup { float: right; } 
div#service_buttons div#remote_backup.en { background: url(/img/services_remote_backup-en.jpg) no-repeat; }
div#service_buttons div#remote_backup.cn { background: url(/img/services_remote_backup-cn.jpg) no-repeat; }
div#service_buttons div#remote_backup.jp { background: url(/img/services_remote_backup-jp.jpg) no-repeat; }



table#service_buttons td#colocation_blurb {
	background: url(/img/colocation_button_blurb.jpg) no-repeat;
	background-position: 15px 2px;
	height: 50px;
}

table#service_buttons td#virtualized {
	background: url(/img/virtualized_services_button.jpg) no-repeat;
	background-position: bottom left;
}
table#service_buttons td#virtualized_blurb {
	background: url(/img/virtualized_services_button_blurb.jpg) no-repeat;
	background-position: 10px 2px;
	height: 50px;
}

table#service_buttons td#remote_backup {
	background: url(/img/remote_backup_button.jpg) no-repeat;
	background-position: bottom right;
}
table#service_buttons td#remote_backup_blurb {
	background: url(/img/remote_backup_button_blurb.jpg) no-repeat;
	background-position: 15px 2px;
	height: 50px;
}

table.managed_plans th {
	margin: 0;
	padding-right: 0;
	padding-left: 0;
}

table.managed_matrix th {
	margin: 0;
	padding-right: 0;
	padding-left: 0;
}

.titles {
	padding-top: 20px;
	padding-bottom: 5px;
}

/*#service_buttons td*/ 

a.services-button-link {
	display:block;
	width:100%;
	height:100%;
}

div#main table#other_services {
	margin: 0 0 0 5px;
	width: 490px;
}

.red_bg { height: 25px; width: 490px; text-align: left; margin: 0 0 5px 0; padding: 5px 0 5px 10px; background-image: url(/img/services_bg_red.jpg); background-repeat: no-repeat; background-position: center center; }
.yellow_bg { height: 25px; width: 490px; text-align: left; margin: 0 0 5px 0; padding: 5px 0 5px 10px; background-image: url(/img/services_bg_yellow.jpg); background-repeat: no-repeat; background-position: center center; }


#managed_services_content {
	position: relative;
	left: 0;
	top: -65px;
	z-index: 1;
}

#managed_services_content table#fourstep_illustration {
	background-image: url(/img/process_illustration.jpg);
	background-repeat: no-repeat;
	background-position: top left; 
	width: 680px;
	height: 120px;
	margin-top: 15px;
}
#managed_services_content table#fourstep_illustration td {
	width: 25%;
	height: 120px;
	text-indent: -3000px;
}

/*#managed_services_content table#fourstep_illustration*/

a.box-link {
	display: block;
	height: 120px;
	width: 100%;
}

div.fourstep_step {
	margin: 20px 0 0 0;
	padding: 10px;
	width: 680px;
}

div.fourstep_step img {
	display: block;
}

div.fourstep_step p {
	margin: 0 0 0 40px;
	padding: 0 20px 0 15px;
	text-align: justify;
}


/*service fine border blue box*/
div#content table.fine_border_blue { width: 680px; }
div#content table.fine_border_blue td.header { height: 12px; background: url(/img/fine_border_blue_top.jpg) no-repeat; }
div#content table.fine_border_blue td.content { background: url(/img/fine_border_blue_middle.jpg) repeat-y; padding: 10px; }
div#content table.fine_border_blue td.content p { text-align: justify; line-height: 1.3em; }
div#content table.fine_border_blue td.content ul { margin: 15px 0 15px 25px; }
div#content table.fine_border_blue td.content li { line-height: 1.8em; }
div#content table.fine_border_blue td.footer { height: 12px; background: url(/img/fine_border_blue_bottom.jpg) no-repeat; }
/*end service fine border blue box*/

table#rback_encryption { width: 100%; height: 177px;}
table#rback_encryption td { text-indent: -3000px; padding: 0; margin: 0; width: 218px; height: 177px; }
table#rback_encryption td#e1 { background: url(/img/rback_encryption_e1.jpg) no-repeat; }
table#rback_encryption td#e2 { background: url(/img/rback_encryption_e2.jpg) no-repeat; }
table#rback_encryption td#e3 { background: url(/img/rback_encryption_e3.jpg) no-repeat; }


table#rback_backups { width: 100%; height: 213px;}
table#rback_backups td { text-indent: -3000px; padding: 0; margin: 0; width: 218px; height: 213px; }
table#rback_backups td#b1 { background: url(/img/rback_backups_b1.jpg) no-repeat; }
table#rback_backups td#b2 { background: url(/img/rback_backups_b2.jpg) no-repeat; }
table#rback_backups td#b3 { background: url(/img/rback_backups_b3.jpg) no-repeat; }


table#rback_support { width: 100%; }
table#rback_support td { text-indent: -3000px; padding: 0; margin: 0; width: 218px; height: 177px; }
table#rback_support td.extra_extra { text-indent: -3000px; padding: 0; margin: 0; width: 218px; height: 180px; }
table#rback_support td#s1 { background: url(/img/rback_support_s1.jpg) no-repeat; }
table#rback_support td#s2 { background: url(/img/rback_support_s2.jpg) no-repeat; }
table#rback_support td#s3 { background: url(/img/rback_support_s3.jpg) no-repeat; }
table#rback_support td#s4 { background: url(/img/rback_support_s4.jpg) no-repeat; }
table#rback_support td#s5 { background: url(/img/rback_support_s5.jpg) no-repeat; }
table#rback_support td#s6 { background: url(/img/rback_support_s6.jpg) no-repeat; }


table#virtualization_features { width: 100%; }
table#virtualization_features td { text-indent: -3000px; padding: 0; margin: 0; width: 218px; height: 72px; }
table#virtualization_features td.extra_extra { text-indent: -3000px; padding: 0; margin: 0; width: 218px; height: 76px; }
table#virtualization_features td#v1 { background: url(/img/virtualization_features_v1.jpg) no-repeat; }
table#virtualization_features td#v2 { background: url(/img/virtualization_features_v2.jpg) no-repeat; }
table#virtualization_features td#v3 { background: url(/img/virtualization_features_v3.jpg) no-repeat; }
table#virtualization_features td#v4 { background: url(/img/virtualization_features_v4.jpg) no-repeat; }
table#virtualization_features td#v5 { background: url(/img/virtualization_features_v5.jpg) no-repeat; }
table#virtualization_features td#v6 { background: url(/img/virtualization_features_v6.jpg) no-repeat; }
table#virtualization_features td#v7 { background: url(/img/virtualization_features_v7.jpg) no-repeat; }
table#virtualization_features td#v8 { background: url(/img/virtualization_features_v8.jpg) no-repeat; }
table#virtualization_features td#v9 { background: url(/img/virtualization_features_v9.jpg) no-repeat; }
table#virtualization_features td#v11 { background: url(/img/virtualization_features_v11.jpg) no-repeat; }

table#virtualization_pricing tr.highlight { background: url(/img/virtualization_items_bg.gif) no-repeat; height: 20px; width: 680px;}
table#virtualization_pricing td { vertical-align: middle; text-align: left; padding: 0 0 0 30px; margin: 0;
width: 230px;
}
table#virtualization_pricing td.item { width: 450px; height: 20px; }
table#virtualization_pricing td.price { width: 230px; height: 20px; }
/*table#virtualization_pricing td.highlight { background: url(/img/virtualization_prices_bg.gif) no-repeat; width: 230px;}*/

/* contact page */
table.contact_info {
	width: 490px;
}
table.contact_info td,
table.contact_info th {
	vertical-align: top;
	width: 50%;
}

table#contact {
	width: 490px;
}
table#contact td.header {
	padding: 0 0 0 25px;
}
table#contact td.address {
	vertical-align: top;
	padding: 10px 25px 10px 25px;
}

/* end contact page */

/* contact form styling */
.cform { margin:10px auto 0 auto; width: 410px; }
.cform fieldset	{ margin-top:10px; padding:5px 0 5px 0; border:none; }
.cform .cf_hidden { display:none; border:none!important; background:none!important; padding:0!important; margin:0!important; }
.cform legend { margin:0; padding:0; font:normal 18px Helvetica; color: #aaa; letter-spacing:3px; }
ol.cf-ol { margin:0!important; padding:15px 0 0 0!important; border-top:1px solid #f2f2f2; }
ol.cf-ol li	{ background:none!important; margin:5px 0!important; /*some themes may interfere otherwise*/ padding:0; list-style:none!important; text-align:left; line-height:1.1em; }
.cform label { width:90px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ text-align:left; vertical-align:top; color: #aaa; font:0.9em Trebuchet MS,sans-serif; }
.cform label span { width:90px; /* must be the same as above!*/ display:block; }

label.cf-before { margin:4px 10px 0 0; }
label.cf-after 	{ margin:4px 2px 0pt 6px; text-align:left; width:75px; }
label.cf-after span { width:75px; display:block; } 
label.cf-group-after { margin:4px 0 0 2px; width:60px; text-align:left; }
label.cf-group-after span { width:60px; display:block; }

.cform input,
.cform textarea,
.cform select		{ padding:3px; border:1px solid #aaa; font:0.9em Trebuchet MS,sans-serif; color:#888; background:#ffffff url(../images/field-bg-top.gif) repeat-x top left; vertical-align:top; }
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{ border: 1px solid #FFCC00; background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; } 
.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ color:#666; background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; }

.cform textarea,
.cform input { width:298px; }
.cform select { width:306px; /* attempt to have equal length */ }  
.cform select.cfselectmulti { height:7.5em; }
.cform textarea { font-family: arial; font-size: 0.9em; overflow:auto; }

span.reqtxt,
span.emailreqtxt { margin:0px 5px 7px 103px; display: block; vertical-align:top; color: #aaa; font-size:0.7em; line-height:1.2em; }
ol.cf-ol li.cf-box-title { color:#888888; font-size:1em; letter-spacing:2px; margin:12px 0pt 0 !important; padding:0pt 0pt 0pt 100px; }
input.cf-box-a,
input.cf-box-b 	{ margin:1px 0 0 0; width:16px; height:22px; border:none!important; background:none!important; }
input.cf-box-a 	{ margin-left:100px; /* check with label 'width' incl. */ } 

ol.cf-ol li.cf-box-group { padding: 0 0 5px 100px; } 
p.cf-sb { margin: 0; padding:0pt 3px 0pt 0pt !important; text-align:right; }
.cform input.sendbutton	{ width:100px;  padding:2px; margin: 0 0 0 100px; font-size:0.8em; background:url(../images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important; }

/* end contact form styling */


/* tool tip styling */
#tooltip {
        position: absolute;
        z-index: 3000;
        border: 1px dotted #111;
        background-color: #fff;
        padding: 5px;
        opacity: 0.95;
        width: 400px;
        text-align: justify;
}

#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('/img/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('/img/shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('/img/shadow2-reverse.png');
}


#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }

/* end tool tip styling */