/*temporary*/
#main .fpo { color:red; }

/***** general, grid *****/
html { *background:url(/en/server/img/blank.gif) fixed; }
body {
	background-image: url(/en/server/img/bodybg20080108.gif);
	background-repeat: repeat-x;
	position:relative;
}


#content {
	clear:both;
	width:1006px;
	background:url(/en/server/img/mainbg20080108.png) repeat-y center bottom;
	behavior:url(/en/server/iepngfix_scale.htc);
	margin-top: 0px;
	margin-bottom: 0em;
	padding-top: 2.6em;
	padding-bottom: 0;
	margin-right: -3px;
	margin-left: -3px;
	padding-right: 35px;
	padding-left: 35px;
}
#content .cap {
	clear:both;
	position:relative;
	z-index:10;
	height:10px;
	background:url(/en/server/img/mainbgbottom20080108.png);
	font-size:1px;
	behavior:url(/en/server/iepngfix.htc);
	margin-top: 0;
	margin-bottom: 0;
	margin-right: -35px;
	margin-left: -35px;
}

.column {
	display:inline;
}
.grid2colc .column.first {
	width:450px;
	float: left;
}
.grid2colc .column.last {
	width:450px;
}

.grid2colc .grid2col .column.first { margin-left:0 !important; }

#main .clearfix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }

/***** localnav *****/
#main #localnav {
	position:relative;
	width:1000px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 0;
}

#main #localnav h1 {
	width:200px;
	height:24px;
	float:left;
	_margin-bottom:2px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 10px;
}
#main #localnav h1 a {
	display:block;
	width:290px;
	height:18px;
	color:#858585;
	font-weight:normal;
	text-decoration:none;
	text-indent:-99999px;
	outline:none;
}

#main #localnav h1 a.back1 {
background:url(/en/server/img/localnav_xsan20080108.gif) no-repeat;

}
#main #localnav h1 a.back2 {
background:url(/en/server/img/localnav_xsan200801082.gif) no-repeat;

}
#main #localnav h1 a.back3 {
background:url(/en/server/img/localnav_xsan200801083.gif) no-repeat;

}
#main #localnav h1 a.back4 {
background:url(/en/server/img/localnav_xsan2008010899.gif) no-repeat;

}
#main #localnav h1 a.back5 {
background:url(/en/server/img/title_sitemap2007061121323.gif) no-repeat;

}
#main #localnav h1 a.back6 {
background:url(/en/server/img/localnav_xsan200801085.gif) no-repeat;

}
#main #localnav h1 a.back7 {
background:url(/en/server/img/localnav_xsan200801086.gif) no-repeat;

}
#main #localnav h1 a.back9 {
background:url(/en/server/img/localnav_xsan200801089.gif) no-repeat;

}
#main #localnav h1 a.back8 {
background:url(/en/server/img/localnav_xsan200801088.gif) no-repeat;

}
#main #localnav h1 a.back10 {
background:url(/en/server/img/localnav_xsan200801077.gif) no-repeat;

}








body#index #main #localnav h1 a { cursor:default; }

#main #localnav ul { position:relative; float:right; margin:0; padding:0 0 1px; z-index:20; }
#main #localnav ul li { display:inline; margin:0; padding:0; }
#main #localnav ul li a {
	float:left;
	margin:11px 1em 0;
	padding:0;
	color:#959595;
}
#main #localnav ul li a:hover { color:#08c; }

body#index #main #localnav ul li#ln-overview a,
body.features #main #localnav ul li#ln-features a,
body.deployments #main #localnav ul li#ln-deployments a,
body.resources #main #localnav ul li#ln-resources a,
body.specs #main #localnav ul li#ln-specs a { color:#000; cursor:default; }

body#compatibility #main #localnav ul li#ln-resources a { color:#000; }
body#compatibility #main #localnav ul li#ln-resources a:hover { color:#08c; cursor: pointer;}

#main #localnav a#ln-buynow { display:block; float:right; width:73px; height:23px; margin:6px 5px 0 8px; background:url(/en/server/img/localnav_buynow20080108.gif); }
#main #localnav a#ln-buynow span { display:none; }

#main #localnav .cap {
	clear:both;
	position:relative;
	z-index:10;
	height:5px;
	background:url(/en/server/img/mainbgtop20080108.png) no-repeat;
	font-size:1px;
	behavior:url(/en/server/iepngfix.htc);
	margin-top: 0;
	margin-bottom: 0;
	margin-right: -3px;
	margin-left: -3px;
}


/***** main, content *****/
body, #content { color:#666; }
#main h1 { font-weight:normal; color:#333; margin-bottom:.5em; }
#main h1 span { color:#666; }
#main h2 {
	font-size:18px;
	line-height:22px;
}
#main h3 {
	font-size:13px;
	margin-bottom:.2em;
}
#main h2,
#main h3,
#main h4,
#main strong { color:#000; }                                               
#main p.intro { font-size:13px; line-height:1.5em; font-weight:normal; }   

/* landing */
#main div.landing-features { clear:both; }
#main div.landing-features h3 { margin-top:-3px;}
#main .grid2colc .column.last .grid3col.landing-features .column { width:190px; margin-left:45px; margin-bottom:2em; height:300px; }
#main .grid2colc .column.last .grid3col.landing-features .column.first { margin-left:0 !important;}


/* links */
#main a {
	
	text-decoration:none;
}
#main a:hover { text-decoration:underline; }
#main a.arrow { padding-right:10px; text-decoration:none; background:url(/en/server/img/arrow20080108.gif) no-repeat 100% .3em; position:relative; }
#main a.arrow:hover { text-decoration:underline; }

#main .column h3 a { color:#404040; }
#main .column h3 a:hover { text-decoration:underline; }

/* images */
#main div.center { text-align:center; }    
#main img.center { display:block; margin-right:auto; margin-left:auto; *position:relative; }
#main img.icon { margin:1px 15px 4px; }
#main img.icon.left { margin-left:0; }
#main img.icon.right { margin-right:0; }

#main img.flushtop,
#main img.flushleft,
#main img.flushbottom,
#main img.flushright { position:relative; _zoom:1; }
#main img.flushtop { margin-top:-4.5em; *margin-top:-2.6em; }
#main img.flushleft { margin-left:-32px; }
#main img.flushbottom { margin-bottom:-4px; *margin-bottom:-22px; }
#main img.flushright { margin-right:-32px; }
#main img.diagram {display: block; clear: both; padding-top: 25px; border-top: 1px solid #eee;}

#main img.inline { margin-top:12px; }

#main img.small { margin-bottom:5px; }
#main img.left.small { margin-right:10px; }
#main img.right.small { margin-left:10px; }

#main img.last { margin-bottom:0; width:auto !important; float:none !important; }
#main img.lastright { margin-bottom:0; width:auto !important; float:right !important; }
#main img.lastleft { margin-bottom:0; width:auto !important; float:left !important; }

/* left sidebar */
#main #subnav {
	position:relative;
	margin:-15px 0 1.4em;
	background:url(/en/server/img/subnav_bg20080108.gif) repeat-y left;
	z-index:1;
}
#main #subnav . bottom { position:relative; z-index:10; height:8px; margin-top:-8px; background:url(/en/server/img/subnav_bgbottom20080108.gif) no-repeat 0 100%; font-size:1px; }
#main #subnav h2 { margin:0; padding:10px 14px 8px; font-size:12px; background:url(/en/server/img/subnav_bgtop20080108.gif) no-repeat 0 0; zoom:1; }
#main #subnav h2 a { color:#303030; text-decoration:none; }
#main #subnav h2 a:hover { text-decoration:underline; }

#main #subnav ul { zoom:1; margin:0; padding:2px 1px 2px; background:url(/en/server/img/subnav_bgbottom20080108.gif) no-repeat 0 100%; }
#main #subnav ul li { display:block; margin:-2px 0 0; padding:0 0 1px; background:url(/en/server/img/subnav_bgitem20080108.gif) no-repeat 50% 100%; _margin-bottom:-2px; }   
#main #subnav ul li a { display:block; margin:0; position:relative; height:44px; line-height:46px; padding:0px 12px; color:#666; text-decoration:none; outline:none; border:1px solid #f8f8f8; border-width:1px 0; background:url(/en/server/img/subnav_bgitemarrow20080108.gif) no-repeat 0 17px; }
#main #subnav ul li a img { padding-right:8px; margin-bottom:0px; float:left; }
#main #subnav ul li a span { display:block; width:120px; line-height:1.2em;  margin-left:38px; }
#main #subnav ul li.last { background:none; }   
#main #subnav ul li.last a { margin-bottom:-1px; }
#main #subnav ul li a:hover { color:#08c; background-position:0 -33px; }


body#setup #main #subnav ul li#sn-setup,
body#admin #main #subnav ul li#sn-admin,
body#performance #main #subnav ul li#sn-performance,
body#multisan #main #subnav ul li#sn-multisan,
body#spotlight #main #subnav ul li#sn-spotlight,
body#architecture #main #subnav ul li#sn-architecture,
body#clustering #main #subnav ul li#sn-clustering,
body#video #main #subnav ul li#sn-video,
body#broadcast #main #subnav ul li#sn-broadcast,
body#storage #main #subnav ul li#sn-storage,
body#ical #main #subnav ul li#sn-ical,
body#mail #main #subnav ul li#sn-mail,
body#podcast #main #subnav ul li#sn-podcast
	{ background:none; } 
body#setup #main #subnav ul li#sn-setup a,
body#admin #main #subnav ul li#sn-admin a,
body#system #main #subnav ul li#sn-system a,
body#performance #main #subnav ul li#sn-performance a,
body#multisan #main #subnav ul li#sn-multisan a,
body#spotlight #main #subnav ul li#sn-spotlight a,
body#architecture #main #subnav ul li#sn-architecture a,
body#clustering #main #subnav ul li#sn-clustering a,
body#video #main #subnav ul li#sn-video a,
body#broadcast #main #subnav ul li#sn-broadcast a,
body#storage #main #subnav ul li#sn-storage a,
body#ical #main #subnav ul li#sn-ical a,
body#mail #main #subnav ul li#sn-mail a,
body#podcast #main #subnav ul li#sn-podcast a 
	{ position:relative; color:#000; text-decoration:none; cursor:default; border-color:#eaeaea; background-color:#efefef; background-position:0 -83px; }

/* next/previous links */
#main #pagenav { clear:both; padding-top:2em; _zoom:1; }
#main #pagenav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#main #pagenav hr { width:660px; height:1px; margin:.7em 0; color:#eee; background:#eee; border:none; }
#main #pagenav img { display:none; }
#main #pagenav div.column { margin-bottom:1.6em; }
#main #pagenav div.previous { text-align:left; }
#main #pagenav div.previous a.arrow { padding-left:20px; padding-right:0; background:url(/en/server/img/pagenav_arrowleft20080108.gif) no-repeat 0 .1em; }
#main #pagenav div.next { text-align:right; }
#main #pagenav div.next a.arrow { padding-right:20px; background:url(/en/server/img/pagenav_arrowright20080108.gif) no-repeat 100% .1em; _zoom:1; }

/* sosumi */
#main ol.sosumi, #main ul.sosumi, #main p.sosumi { padding-top:2em; margin-bottom:-1em; line-height:1.4em; }

/* performance chart */
#content .performance-chart { position:relative; clear:both; z-index:5; min-height:235px; _height:260px; padding:0 30px 20px; margin:0; background:url('/server/img/performance_chart_bgbottom20080108.gif') no-repeat 0 100%; }
#content .performance-chart h3 { clear:both; position:relative; top:-4px; margin:0 -30px; padding:25px 30px 10px; font-size:19px; line-height:1.4em; color:#333; background:url('/server/img/performance_chart_bgtop20080108.gif') no-repeat 0 0; *height:53px; }
#content .performance-chart h3 span { display: block; color:#999; font-weight:normal; }
#content .performance-chart h4 { margin:1.3em 0 2em; font-size:12px; color:#333; }
#content .performance-chart img.right { margin-bottom:0; }
#content .performance-chart .bar { height:37px; clear:left; }
#content .performance-chart .bars span { color:#fff; display:block; line-height:37px; float:right; padding-right:10px; text-align:right;}
#content .performance-chart .bars strong { color:#fff; padding-top:5px; font-size:11px; display:block; float:left; padding-left:10px; font-weight:normal; line-height:1.2em; }
#content .performance-chart .bars strong b { display:block; padding-top:1px; font-weight:normal; color:#8fb7c6; font-size:10px; }
#content .performance-chart .bars .blue { margin-bottom:1.3em; background:url('/server/img/performance_chart_bluebar20080108.gif') no-repeat top right; }
#content .performance-chart .bars strong.outside { color:#666; margin-bottom: -52px; }
#content .performance-chart .bars strong.outside b { color:#a1a5a9; }
#content .performance-chart ul { position:relative; zoom:1; clear:both; }
#content .performance-chart ul li { float:left; padding:0 9px 0 10px; border-left:1px solid #999; font-size:11px; margin-bottom:25px; }
#content .performance-chart ul li.first { border:0; padding:0; }
#content .performance-chart ul li.noborder { border:0; }
#content .performance-chart ul li a { display;block; padding-bottom:8px; text-decoration:none; outline:none; cursor:pointer; }
#content .performance-chart ul li a:hover { color:#333; }
#content .performance-chart ul li.active a { color:#333; position:relative; background:url('/server/img/performance_chart_arrow20080108.gif') no-repeat 50% 100%; }
#content .performance-chart p { clear:both; margin:0 -29px 0 -29px; padding:1.5em 30px 0; border-top:1px solid #cacaca; font-size:11px; line-height:1.3em; color:#999;  }
#content .performance-chart .bars { display:none; padding-bottom:5px; }
#content .performance-chart .bars.active { display:block; }



/* contentfooter */
#contentfooter {
	clear:both;
	width:974px;
	color:#999;
	font-size:11px;
	line-height:1.6em;
	position:relative;
	background:url(/en/server/img/mainbg20080108.png) repeat-y 0 0;
	behavior:url(/en/server/iepngfix_scale.htc);
	margin-top: -3px;
	margin-right: -3px;
	margin-bottom: 0;
	margin-left: -3px;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
}
#contentfooter .padder { background:url(/en/server/img/contentfooter_bglines20080108.gif) repeat-y 0 0; }
#contentfooter .cap { height:10px; margin:0 -3px; position:relative; z-index:10; behavior:url(/en/server/iepngfix_scale.htc); }
#contentfooter .cap.top {
	height:5px;
	margin-bottom:-5px;
	background:url(/en/server/img/contentfooter_bgtop20080108.png) no-repeat top left;
	behavior:url(/en/server/iepngfix.htc);
}
#contentfooter .cap.bottom { clear:both; background:url(/en/server/img/contentfooter_bgbottom20080108.png) no-repeat bottom left; }
#contentfooter.grid4col .column { width:205px; _width:205px; margin:0; padding:1.6em 20px 0; }
#contentfooter a.block { display:block; color:#999; font-weight:bold; }
#main #contentfooter p { margin-bottom:8px; line-height:1.3em; } 

#contentfooter a.block:hover { color:#08c; }
#contentfooter a.block strong { display:block; margin:-0.2em 0 0.1em; }
#contentfooter a.block span { display:block; }
#contentfooter a.block img.center { display:block; margin-right:auto; margin-left:auto; *position:relative; }
#contentfooter a.block img.flushright { margin-left:19px; position:relative; }
#contentfooter a.block img.flushbottom { margin-bottom:1px; }
#contentfooter a.block #osxfeatures { margin-left: 0px; }    

#contentfooter #cf-buynow { position:relative; }
#contentfooter #cf-buynow h3 { margin:0; }
#contentfooter #cf-buynow span { display:block; margin:-.2em 0 1em; }
#contentfooter #cf-buynow img.right { margin:0 12px -30px -30px; }
#contentfooter #cf-buynow img.rightdisc { margin:0 2px -40px -30px; }
#contentfooter #cf-buynow img.button { margin:10px 10px 17px -2px; display:block; }
#contentfooter #cf-buynow ul,
#contentfooter #cf-buynow ul li { margin:0; padding:0 0 1px; position:relative; }
#contentfooter #cf-buynow ul li.reseller { margin-top:-.2em; }
#contentfooter #cf-buynow ul li.call,
#contentfooter #cf-buynow ul li.reseller { padding-bottom:.6em; }
#contentfooter #cf-buynow .violator { position:absolute; top:0; right:0; }
#contentfooter .column { *z-index: 200; position: relative; }


/* datasheet table (specs) */
#main .datasheet { margin:25px -32px 1.6em; }
#main .datasheet th, #main .datasheet td { padding:10px; vertical-align:top; text-align:left; }
#main .datasheet th { padding-left:40px; font-weight:normal; }
#main .datasheet th a { color:#676868; text-decoration:none; font-weight:bold; }
#main .datasheet th a:hover { color:#505050;text-decoration:underline; }
#main .datasheet .images th { padding:8px 0; text-align:center; }
#main .datasheet .header th { padding:8px; font-size:12px; color:#bababa; background:#f7f7f7; }
#main .datasheet .header th.divider { border-right:1px solid #fff; }
#main .datasheet .description { vertical-align:bottom; }
#main .datasheet .even { background:#f7f7f7; }
#main .datasheet .even .divider { border-right:1px solid #fff; }
#main .datasheet .odd { background:#fff; }
#main .datasheet .odd .divider { border-right:1px solid #f7f7f7; }


/* nav for popup */
#main ul.enlarge { float:left; padding:9px 0 1px; margin:0 24px 0 0; position:relative; }
#main ul.enlarge li { display:inline; }
#main ul.enlarge li a { display:block; float:left; width:75px; height:51px; padding:4px 2px 5px; margin:0 6px 0 0; background:url(/en/server/img/popup_thumb20080108.gif) no-repeat 0 0; }
#main ul.enlarge li.enlarge { float:left; position:relative; width:17px; height:17px; margin:-9px -12px -17px -5px; background:url(/en/server/img/popup_enlarge20080108.gif) no-repeat 0 0; font-size:1px; }

#main ul.enlarge.qtvr { margin:0; }
#main ul.enlarge.qtvr li.enlarge { background-image:url(/en/server/img/popup_enlarge_qtvr20080108.gif); }
#main ul.enlarge.qtvr li .description,
#main ul.enlarge.qtvr li .iphone { display:none; }

#main .popupqtthumb { margin:0 0 1.6em; }
#main .popupqtthumb .description,
#main .popupqtthumb .poster { display:none; }

/* popup */
.popup,
.popupshadow { position:absolute; top:0; left:-1122px; z-index:9999; }

.popup { width:900px; height:540px; margin:40px 40px 112px 40px; }

.popupshadow { width:974px; height:692px; }
.popupshadow img { width:100%; height:100%; }
.popupshadow.isanim img { *display:none; _display:block; }

.popup a.close, #popupmovie a.close { position:relative; display:block; width:28px; height:28px; top:-12px; margin:0 -28px -28px -15px; text-indent:-9999px; background:url(/en/server/img/widget_close.png) no-repeat; cursor:pointer; outline:none; behavior:url(/en/server/iepngfix_scale.htc); }
.popup.isanim a.close, #popupmovie.isanim a.close { display:none; }


/* image gallery popup */
.popup .popupimg { width:100%; height:100%; }

.popup#popup .popupnav { padding-top:9px; border-top:1px solid #ccc; }
.popup#popup.isanim .popupnav { display:none; }
.popup#popup .popupnav ul { width:261px; margin:0 auto; }
.popup#popup .popupnav ul.w2 { width:174px; }
.popup#popup .popupnav ul.w4 { width:348px; }
.popup#popup .popupnav ul.w5 { width:435px; }
.popup#popup .popupnav ul li { float:left; }
.popup#popup .popupnav ul li a { display:block; width:75px; height:51px; margin:0 5px; border:1px solid #fff; }
.popup#popup .popupnav ul li a.active { border-color:#ccc; }


/* qtvr popup */
.popup#popupqtvr,
.popupshadow#popupqtvrshadow { position:absolute; top:0; left:-1122px; z-index:9999; }

.popup#popupqtvr { width:512px; height:566px; margin:50px; }

.popupshadow#popupqtvrshadow { width:612px; height:666px; }

.popup#popupqtvr .qtvr { width:512px; height:552px; margin:14px auto 0; }


/* movie popup */
.popup#popupmovie,
.popupshadow#popupmovieshadow { position:absolute; top:0; left:-1122px; z-index:9999; }

.popup#popupmovie { height:450px; width:900px; margin:40px; }

.popupshadow#popupmovieshadow { width:974px; height:540px; }

.popup#popupmovie .movie { width:640px; height:360px; margin:0 0 0 235px; padding-top:30px; }

.popup#popupmovie .description { position:absolute; width:195px; left:20px; top:120px; font-size:12px !important; }
.popup#popupmovie .description h3 { margin-bottom:1em; }

.popup#popupmovie .controller { display:none; position:relative; width:640px; padding:0; margin:14px 0 0 235px; }
.popup#popupmovie .controller div.control { width:10px; height:10px; margin-top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/en/server/img/popup_movie_playpause20080108.gif) left top no-repeat; }
.popup#popupmovie .controller div.control.pause { background-position:left -10px; }
.popup#popupmovie .controller div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:624px; }
.popup#popupmovie .controller div.sliderPanel div.track { position:absolute; left:0; width:624px; height:12px; text-align:left; background:url(/en/server/img/popup_movie_bgtrack_load20080108.gif) no-repeat; }
.popup#popupmovie .controller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(/en/server/img/popup_movie_bgtrack20080108.gif) no-repeat; }
.popup#popupmovie .controller div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
.popup#popupmovie .controller div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(/en/server/img/popup_movie_pointer20080108.png) no-repeat; cursor:pointer; behavior:url(/en/server/iepngfix.htc); }
.popup#popupmovie.popped .controller { display:block; }


.sourcecodebox {
	border: 1px solid #c7cfd5;
	background: #f1f5f9;
	margin: 10px 0;
	padding: 15px;
	text-align: left;
	line-height:150%;
	}
/* INFO TABLES */
table.infotable {clear:both; border-collapse:collapse; width:100%; margin-top:10px; margin-bottom:30px;}
table.infotable td, table.infotable th { border:1px solid #a1a5a9; padding:5px 8px; text-align:left; vertical-align:top;}
table.infotable th.topbar {background:#e1e3e5 url(/web/img/infotable_topbar_bg.gif) repeat-x bottom left; font-size:12px;}
table.infotable tr.odd td, table.infotable tr.odd th { background:#eceeef;}