.rounded { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; -ms-border-radius: 4px; }
.shadow { box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -mox-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -o-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -ms-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; }

/*---- layout ----*/
html, body { background:#f8f8f8 url(bg20080226.jpg) repeat-x 0 0; }
#main { margin-top:7px; background:url(content_bg20090502.png) repeat-y; }

#content .cap { position:absolute; width:984px; height:7px; left:0; font-size:1px; }
#content .cap.top { top:0; background:url(content_bg_captop20080609.gif) no-repeat; }
#content .cap.bottom { bottom:0; _bottom:-1px; background:url(content_bg_capbottom20080609.gif) no-repeat; }

#main .maincap { width:984px; position:absolute; height:10px; left:0; font-size:1px; }
#main .maincap.top { top:0; background:url(content_bgtop20090502.png) no-repeat; }
#main .maincap.bottom { bottom:0; background:url(content_bgbottom20090502.png) no-repeat 0 100%; }
#content { padding:45px 50px; }

/*---- product header ----*/
#productheader h1 a {
	width:226px;
	background-image:url(productnav_title20080609.gif);
	margin:0px;
}
#productheader a.freetrial { margin-left:20px; width:82px; background:url(overview_freetrial_btn20090502.png) no-repeat 0 0; }
#productheader div { width:150px; float:right }

	body.pricing   #productheader ul#productnav li#pn-pricing a,
	body.whatsnew  #productheader ul#productnav li#pn-whatsnew a,
	body.features  #productheader ul#productnav li#pn-services a,
	body.tutorials #productheader ul#productnav li#pn-tutorials a { color:#999; }

	body#pricing   #productheader ul#productnav li#pn-pricing a,
	body#whats-new  #productheader ul#productnav li#pn-whatsnew a,
	body#features  #productheader ul#productnav li#pn-services a,
	body#tutorials #productheader ul#productnav li#pn-tutorials a { color:#999 !important; cursor:default; }

/*-- sosumi --*/
.sosumi_features {clear:both; width:940px; margin:0 auto; padding:9px 20px 0; text-align:center; }



/*--- stripe ----*/
#main.stripe { background-image:url(content_stripe_bg20090502.png); }
#main.stripe .maincap.top { background-image:url(content_stripe_bgtop20090502.png); }
#main.stripe .maincap.bottom { background-image:url(content_stripe_bgbottom20090502.png); }
#main.stripe #content { padding:0 50px 45px 2px; }

/*---- sidenavs ----*/
#content #sidenav { float:left; width:202px; padding-top:15px;  }
#content #sidenav ul { margin:0; }
#content #sidenav ul.rule { padding-top:20px; background:url(sidenav_rule20080609.gif) no-repeat 18px 10px; }
#content #sidenav ul li { clear:left; line-height:16px; padding:5px 18px; }
#content #sidenav ul li a { display:block; position:relative; padding:9px 20px 9px 42px; color:#666; outline:none; background:url(sidenav_item20080609.gif) no-repeat 100% -1px; }
#content #sidenav ul li a:hover { color:#08c; text-decoration:none; background:url(sidenav_item_hover20080609.gif) no-repeat 100% -6px; }
#content #sidenav ul li a img { display:block; position:absolute; top:0; left:0; _left:-42px; }

#content #sidenav li.wide img { left:-5px; _left:-47px; }
#content #sidenav li.tall img { top:-3px; }

	body.features#features #content #sidenav li#sn-mail,
	body.features#gallery  #content #sidenav li#sn-gallery,
	body.features#idisk    #content #sidenav li#sn-idisk,
	body.features#medotcom #content #sidenav li#sn-medotcom,
	body.features#mac      #content #sidenav li#sn-mac,
	body.features#pc       #content #sidenav li#sn-pc,
	body.features#iphone   #content #sidenav li#sn-iphone { background:#f5f5f5 url(sidenav_item_bg20080609.gif) repeat-x 0 100%; }

	body.features#features #content #sidenav li#sn-mail a,
	body.features#gallery  #content #sidenav li#sn-gallery a,
	body.features#idisk    #content #sidenav li#sn-idisk a,
	body.features#medotcom #content #sidenav li#sn-medotcom a,
	body.features#mac      #content #sidenav li#sn-mac a,
	body.features#pc       #content #sidenav li#sn-pc a,
	body.features#iphone   #content #sidenav li#sn-iphone a { color:#000; background:url(sidenav_item20080609.gif) no-repeat 100% -64px; cursor:default; }

	body.features          #content #sidenav li#sn-mail a { padding-top:4px; padding-bottom:4px; }
	body.features          #content #sidenav li#sn-mail a img { top:-2px; left:-13px; _left:-55px; }

/*---- dark ----*/
#content .dark { position:relative; width:980px; margin:-45px -48px 0; background:#bac3cb url(content_bg_dark20080609.jpg) repeat-x; }
#content .dark .cap.top { top:0; left:-2px; background:url(content_bg_dark_captop20080609.gif) no-repeat; }

/*---- elements ----*/
#content .center { text-align:center; }
#content h2 { margin-bottom:2em; }
#content p.end { margin-bottom:0; }
#content li.end { margin-right:0 !important; }
#content p.intro { font-size:18px; line-height:1.3em; color:#777; font-weight:normal; margin-bottom:80px; }
#content p.intro span { color:#000; }
#content img.right.flushright { position:relative; margin-right:-48px; z-index:10; }
p.underpromos { margin-bottom:0; }

/*---- hr ----*/
#content .hr { position:relative; margin:0 -2px; height:38px; background:#f8f8f8; }
#content .hr .maincap.bottom { top:0; }
#content .hr .maincap.top { bottom:0; top:auto; }
#content .hr hr { display:none; }

#content div.inaction { width:264px; min-height:310px; padding:18px 18px 0; background:url(inaction_callout20080609.gif) no-repeat 0 0; }
#content div.inaction a.thumb { display:block; width:89px; float:left; margin-left:0px; margin-top:60px; }
#content div a.title { display:block; width:130px; float:left; margin-left:15px; margin-top:80px; line-height:1.4em; }
#content img.badge { margin:0 0 -7px 10px; }


#content #feature { position:relative; z-index:5; _display:inline; float:right; width:680px; padding-top:45px; }
#content #feature h2 { margin-bottom:0.5em; position:relative; z-index:20; }
#content #feature h3 { font-size:14px; margin-bottom:0.3em; color:#000; }
#content #feature img.flushright { margin-right:-49px; margin-bottom:15px;}
#content #feature img.galleryright { margin-right:-49px; margin-bottom:15px; _margin-bottom: -20px;}
#content #feature .column { width:325px; margin-bottom:40px; }

/*---- callouts ----*/
#content .calloutblue { position:relative; width:325px; min-height:148px; _height:280px; margin-bottom:40px; background:url(calloutblue_bgtop20080609.gif) no-repeat; }
#content .calloutblue .cap.bottom { width:325px; height:21px; background:url(calloutblue_bgbottom20080609.gif) no-repeat; _margin-bottom: 0; _position: absolute; padding-bottom:0; _left:0;}
#content .calloutblue .thumb { position:absolute; width:150px; height:112px; left:10px; top:10px; z-index:10; padding:18px 0 0 17px; cursor:pointer; background:url(calloutblue_thumb_bg20080609.png) no-repeat; behavior:url(iepngfix.htc); }
#content .calloutblue .enlarge { display:block; position:absolute; z-index:2; left:0; top:0; _left:-17px; _top:-17px; width:30px; height:29px; background:url(quicktour_playicon20080609.png) no-repeat 0 0; font-size:1px; behavior:url(iepngfix.htc); }
#content .calloutblue h3 { padding:60px 0 0 186px; *padding-top:30px; margin-bottom:0; font-weight:normal; position:relative; }
#content .calloutblue h3.twoline { padding-top:51px; }
#content .calloutblue h3.threeline { padding-top:42px; }
#content .calloutblue h3.fourline { padding-top:33px; }
#content .calloutblue h3 span { color:#797C80; }
* html #content .calloutblue a.OverlayPanel img { display:block; position:relative; top:-29px; }
#content .calloutblue a.more { font-size:11px; padding-left:186px; outline:none; }

#content .calloutsplit { padding-bottom:.8em; _padding-bottom:25px; _position: relative; }
#content .calloutsplit hr { margin:56px 0 .8em; *margin: 65px 0 -10px; _margin: 56px 0 0 0; height:1px; border:none; background:#e5f3fa; color:#fff; }
#content .calloutsplit a.extra { position:relative; padding-left:22px; z-index:1; font-size:11px; }

/*---- feature galleries ----*/
#content .featuregallery { width:265px; padding:0 22px 10px; margin-bottom:25px; background:url(calloutgallery_bgbottom20080609.gif) no-repeat 0 100%; }
#content .featuregallery h3 { height:35px; line-height:35px; padding:0 15px; margin:0 -22px; font-size:12px; font-weight:normal; color:#666; background:url(calloutgallery_bgtop20080609.gif) no-repeat; }
#content .featuregallery ul { margin:12px 0 0; }
#content .featuregallery ul:after { content:'.'; display:block; clear:both; visibility:hidden; height:0; }
#content .featuregallery li { float:left; margin-right:20px; }
#content .featuregallery li.enlarge { clear:both; display:block; float:left; width:17px; height:17px; margin:-62px 0 0 -6px; _margin-left:-3px; background:url(calloutgallery_enlarge20080609.png) no-repeat 0 0; font-size:1px; behavior:url(iepngfix.htc); position:relative; }
#content .featuregallery li.hide, #content .imagegallery li.hide { display:none; }
#content .featuregallery a { display:block; width:65px; height:48px; margin:0; padding:4px 5px 6px; text-decoration:none; background:url(calloutgallery_thumb_bg20080609.gif) no-repeat; }
#content .featuregallery a span { display:block; position:absolute; z-index:11; top:231px; left:24px; white-space:nowrap; padding-right:10px; background:url(morearrow_08c.gif) no-repeat 100% 50%; cursor:pointer; *top: 215px; _width: 105px; }

.overlaypanel .overlaygallerythumbs span { display:none !important; }

#content .calloutblue .featuregallery { width:auto; min-height:auto; _height:auto; margin-bottom:0; padding-bottom:2em;  background:none; *margin-bottom: 17px; }
#content .calloutblue .featuregallery li.enlarge { _margin:-45px 0 0 5px; }

/* IE */
body.features #content #feature img { *zoom:1; *position:relative;
	text-align: center;
}


/* overlays */
#ACOverlayImageShadow { behavior:url(iepngfix.htc); }
.overlay a.close { behavior:url(iepngfix.htc); }


/*---- pagenav ----*/
#content #pagenav { border-top:1px solid #e0e1e2; clear:both; padding-top:18px; }
#content #pagenav .column { padding-bottom:18px; margin-bottom:-20px; }
#content #pagenav .first { text-align:left; }
#content #pagenav .first a { padding-left:20px; background:url(arrow_prev.gif) no-repeat 0 50%; }
#content #pagenav .last { text-align:right; }
#content #pagenav .last a { padding-right:20px; background:url(arrow_next.gif) no-repeat 100% 50%; }


/* promofooter */
#promofooter ul#promos li.signup { padding-top:19px; min-height:0; _height:0; }
#promofooter ul#promos li.signup img { display:block; margin:0 auto 10px auto;  }
#promofooter ul#promos li.signup h3 { margin:2px 2px 0 0; }
#promofooter ul#promos li.signup h4 { margin:26px 20px 14px; padding-bottom:15px; text-align:center; font-size:15px; line-height:18px; font-weight:normal; color:#000; background:url(contentfooter_rulebg20090502.gif) repeat-x 0 100%; }


/*---- overview ----*/
body#overview #content { padding:0 2px; }

body#overview #content #hero { position:relative; margin:0 -2px; padding:50px 0 0 52px; width:932px; height:440px; background:url(overview_herobg20090502.png) no-repeat 0 0; }
body#overview #content #hero h2 { margin-bottom:17px; }
body#overview #content #hero p.intro { margin-bottom:23px; width:430px; font-size:1.2em; line-height:1.5em; color:#252525; }
body#overview #content #hero a#freetrial { display:block; width:399px; height:144px; text-indent:-9999px; background:url(overview_hero_freetrialbg20090502.png) no-repeat 0 0; behavior:url(iepngfix.htc); cursor:pointer; }

body#overview #content #hero .herocontent { position:absolute; top:1px; right:2px; width:500px; height:490px; }
body#overview #content #hero .herocontent img { position:absolute; top:32px; right:0; behavior:url(ie7pngfix.htc); }
body#overview #content #hero .herocontent p { position:absolute; top:427px; left:50px; width:450px; text-align:center; color:#666; }

body#overview #content #hero ul#herocontentnav { position:absolute; top:452px; right:203px; font-size:1px; }
body#overview #content #hero ul#herocontentnav li { float:left; margin-left:1px; }
body#overview #content #hero ul#herocontentnav li a { display:block; width:10px; height:10px; background:url(overview_hero_navitem20090502.gif) no-repeat 0 0; }
body#overview #content #hero ul#herocontentnav li a.active { background-position:0 100%; cursor:default; }

body#overview #content #features { position:relative; z-index:6; margin-bottom:-7px; background:url(overview_featuresbg20090502.png) repeat-x 0 0; }
body#overview #content #features .grid4col { position:relative; padding:25px 0 0; background:url(overview_features_colbg20090502.png) repeat-y 50% 0; }
body#overview #content #features .grid4col .column { margin:0; padding:0 20px 134px; width:205px; }
body#overview #content #features .grid4col .column h3 { margin-bottom:10px; font-size:1.1em; }
body#overview #content #features .grid4col .column h3 a { color:#000; }
body#overview #content #features .grid4col .column h3 a:hover { color:#08c; text-decoration:none; }

body#overview #content #features .grid4col .column img { display:block; position:absolute; bottom:0; }
body#overview #content #features .grid4col .column.first img { left:0; }
body#overview #content #features .grid4col .column.second img { left:245px; }
body#overview #content #features .grid4col .column.third img { left:490px; }
body#overview #content #features .grid4col .column.last img { right:0; }
body#overview #content #features .grid4col .badge { background: url(overview-badge-comingsoon-20090608.png) no-repeat 0 0; height: 72px; position: absolute; top: -1px; right: 0; width: 72px; behavior: url(iepngfix.htc); }

body#overview #content .grid2cola { padding:12px 50px 0; width:880px; background:url(overview_freetrial_bg20090502.png) repeat-x 0 100%; }
body#overview #content .grid2cola .column { margin:0; }
body#overview #content .grid2cola .column.first { width:635px; }
body#overview #content .grid2cola .column.first img.left { position:relative; margin:-2px 65px 8px 0; }
body#overview #content .grid2cola .column.first h3 { margin-bottom:2px; font-size:1.6em; font-weight:normal; }
body#overview #content .grid2cola .column.first p { margin-bottom:10px; font-size:14px; }
body#overview #content .grid2cola .column.last { padding:5px 0 10px 25px; width:170px; min-height:100px; _height:100px; background:url(overview_freetrial_split20090502.png) no-repeat 0 50%; }
body#overview #content .grid2cola .column.last h3 { margin-bottom:8px; font-size:1.2em; font-weight:normal; }
body#overview #content .grid2cola h3 a { color:#000; }
body#overview #content .grid2cola h3 a:hover { color:#08c; text-decoration:none; }
body#overview #content .grid2cola p { font-size:0.9em; }

#overview #content .hr .maincap.bottom { _margin-top: -1px; }
body#overview #maincap-bottom { background-image:url(overview_freetrial_bgbottom20090502.png); }


/*---- pricing ----*/
body#pricing #content h2 { margin-left:-8px; }
body#pricing #content h5 { font-size:1.2em; font-weight:normal; }
body#pricing #content h5 span { color:#999; }

body#pricing #content #hero { padding:50px 100px 100px; margin:-36px -48px 55px; background:url(hero_bg20080711.gif) repeat-x 0 100%; }
body#pricing #content #hero img.right.hero { margin:40px 0 0; }
body#pricing #content #hero h2 { margin:0 -6px 55px; }

body#pricing #content .membership { width:370px; }
body#pricing #content .membership img.right.icon { position:relative; margin:0 0 0 20px; }
body#pricing #content .membership p { margin-top:2.6em; }
body#pricing #content .membership img.btn { margin-left:-2px; }

body#pricing #content .others { margin:55px 0 42px 52px; width:830px; }
body#pricing #content .others img.right.icon { position:relative; margin-top:-1em; }
body#pricing #content .others p { margin-top:3em; }
body#pricing #content .others .column.first { width:373px; }
body#pricing #content .others .column.last { width:310px; }
body#pricing #content .others .column.last h3 { margin-top:0; margin-bottom:3.95em; }

body#pricing #content .buynow { margin:0 2px 45px; padding:22px 50px; width:780px; height:106px; background:url(buynow_bg20090502.png) no-repeat 0 0; }
body#pricing #content .buynow .column.first { width:500px; }
body#pricing #content .buynow .column.first img.left { margin:0 35px 0 -10px; }
body#pricing #content .buynow .column.first h3 { margin-bottom:7px; padding-top:23px; font-size:1.2em; }
body#pricing #content .buynow .column.first p strong { color:#000; }
body#pricing #content .buynow .column.last { width:205px; }
body#pricing #content .buynow .column.last ul { margin:5px 0; }

body#pricing #content div.sosumi { padding:0 52px; line-height:1.4em; color: #999 !important; }
body#pricing #content div.sosumi h3 { font-size:14px; font-weight:normal; margin-bottom:1em; color: #999; }
body#pricing #content div.sosumi a { color: #999; }
body#pricing #content div.sosumi p.last {margin-top: -10px; }

body#pricing #content p.language { margin:30px 0 0; text-align:center; }
body#pricing #content p.language a { padding:0 6px; color:#999; }
body#pricing #content p.language a.active { color:#333; cursor:default; text-decoration:none; }


/*---- sign-up ----*/
body#signup #main .maincap.bottom { background-image:url(signup_bgbottom20090502.png); }
body#signup #content { padding-bottom:0; overflow:hidden; }

body#signup #content h1 {margin:10px 0 5px 5px; position:relative; }
body#signup #content #hero { position:absolute; top:28px; left:590px; }
body#signup #content p.intro {width:450px; font-size:18px; color:#636363; margin:0 0 1em 5px; }
body#signup #signupcontent { width:828px; margin:0 -28px 0 -48px; padding:0 76px 10px; height:234px; background:url(contentbg20090502.gif) repeat-x 0 100%; }
body#signup #main iframe,
body#signup #main div#iframeplaceholder { width:600px; height:10em; }


/*---- migrating ----*/
body#migrating #content { width:904px; min-height:800px; padding:45px 30px 30px 50px; }
body#migrating #content h3 { font-size:16px; color:#252525; margin-bottom: 5px;}
body#migrating #content h4 { font-size:14px; color:#252525; }
body#migrating #content h1 {margin-top: 10px;}
body#migrating #content p.intro {margin-bottom: 35px}
body#migrating #content h1, body#migrating #content .subtitle { padding-right:20px; }
body#migrating #content .subtitle { margin-bottom:60px; }
body#migrating #content #hero { position:relative; width:980px; margin: -20px -28px 35px -48px; }

body#migrating #content_features { clear: both; margin-top: -10px; }
body#migrating #content_features .column { margin-top:30px; }
body#migrating #content_features .column.first { width:565px; }
body#migrating #content_features div.right, body#migrating #content_features div.left { width:260px; }
body#migrating #content_features div.right { float:right; }
body#migrating #content_features div.left { float:left; clear:both; }
body#migrating #content_features img.left.margin { margin:-18px 20px 0 -35px; }
body#migrating #content_features .column p { margin-left:70px; margin-right:0; }
body#migrating #content_features .column img.left { margin-right:16px; }
body#migrating #content_features strong { color:#252525; }

body#migrating #content_features .inaction { float:right; }
body#migrating #content_features .inaction .watchvideo { text-align:center; }
body#migrating #content_features .inaction .watchvideo a span { display:block; margin-top:5px; margin-bottom:32px; }
body#migrating #content .imagegallery span { width:160px; float:right; padding-top:20px; }

body#migrating #content_whatis { margin-top:40px; margin-bottom:18px; }
body#migrating #content_whatis .column { width:48%; }
body#migrating #content_whatis .column.first img.right { margin:2px 30px 16px 10px; }
body#migrating #content_whatis .column.first p.top { width:455px; margin-bottom:45px; }
body#migrating #content_whatis .column.last img.top { margin:-82px 0 32px 27px; position:relative; }

body#migrating #content .sosumi a {color: #76797c;}


/* overlays 
------------------------------*/
.overlaypanel img.overlayPanelShadowImage { top:-7.5%; left:-4.6%; width:109.1%; height:115%; }
.overlaypanel .overlaycontent { width:898px; height:539px; position:relative; }
.overlaypanel .overlaycontent .moviePanel { position:absolute; top:75px; left:50px; width:640px; height:400px; }
.overlaypanel .overlaycontent .moviePanel.movie-loading { background-image:url(qt_loading640x400.gif); }
.overlaypanel .overlaycontent .controllerPanel { top:485px; left:50px; width:640px; }
.overlaypanel .overlaycontent .overlaydescription { display:block; }
.overlaypanel .overlaycontent .overlaydescription h2 { position:absolute; top:32px; left:50px; font-size:20px; }
.overlaypanel .overlaycontent .overlaydescription p { position:absolute; top:72px; right:50px; width:130px; }


/*----- image gallery overlay panels -----*/
.overlaygallerycontent { display:none; }

.overlaypanel.mailgalleryGallery img.overlayPanelShadowImage,
.overlaypanel.contactsgalleryGallery img.overlayPanelShadowImage,
.overlaypanel.calendargalleryGallery img.overlayPanelShadowImage,
.overlaypanel.galleryGallery img.overlayPanelShadowImage { top:-9.6%; left:-7.6%; width:115.1%; height:120.1%; }

.overlaypanel .overlaygallery { width:860px; height:612px; }
.overlaypanel .overlaygallery .overlaygalleryswap { width:860px; height:538px; text-align:center; overflow:hidden; }
.overlaypanel .overlaygallery .overlaygalleryswap .overlaygallerycontent { position:absolute; display:block; width:860px; height:538px; left:0; top:0; }
.overlaypanel .overlaygallery .overlaygalleryswap .overlaygallerycontent img { width:860px !important; height:538px; }
.overlaypanel .overlaygallery .overlaygalleryswap .overlaygallerycontent p { position:absolute; z-index:999; top:20px; left:0; width:100%; text-align:center; font-weight:bold; }

.overlaypanel .overlaygallery .overlaygallerythumbs { display:block; position:absolute; left:248px; bottom:2px; margin:0; text-align:center; font-size:11px; }
body#idisk .overlaypanel .overlaygallery .overlaygallerythumbs { left:294px; }
body#medotcom .overlaypanel .overlaygallery .overlaygallerythumbs { left:202px; }
.overlaypanel .overlaygallery .overlaygallerythumbs a { float:left; display:block; margin-left:15px; outline:none; color:#999; text-decoration:none; *width:66px; }
.overlaypanel .overlaygallery .overlaygallerythumbs a img { display:block; margin:5px auto; border:1px solid #fff; padding:4px; width:66px; height:41px; }
.overlaypanel .overlaygallery .overlaygallerythumbs a.active { color:#000; }
.overlaypanel .overlaygallery .overlaygallerythumbs a.active img { border-color:#999; }


.overlaypanel.performance img.overlayPanelShadowImage { top:-3.9%; left:-2.3%; width:104.7%; height:107.9%; }

.overlaypanel.performance ul.sosumi { margin: 15px 50px 0; text-align: left; }

.overlaypanel.performance .overlaygallery,
.overlaypanel.performance .overlaygallery .overlaygalleryswap { width:860px; height:541px; }
.overlaypanel.performance .overlaygallery .overlaygalleryswap .overlaygallerycontent { margin:35px auto 0; }
.overlaypanel.performance .overlaygallery .overlaygalleryswap .overlaygallerycontent img { width:828px !important; height:303px; }
.overlaypanel.performance .overlaygallery .overlaygallerythumbs { left:252px; }
.overlaypanel.performance .overlaygallery .overlaygallerythumbs a { width:104px; text-align: center; *width: 120px; }