/********************************************CSS NORMALIZATION
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, p, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
select, input, textarea {font:99% verdana, arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img, input, select, label {vertical-align:middle;}
legend {display:none;}
ul,li {list-style:none;}

h1,h2,h3,h4 {margin:0;padding:0;}
h1.blue {color:#218fe8;}
h1 {font-size:14px; color:#454545; font-weight:bold;}
h2 {font-size: 12px; font-weight:bold;}
/*
h2 {
	background-image: url(/Themes/default/images/Common/page_section1.gif);
	background-repeat: no-repeat;
	color: #6691a2;
	font-size: 12px;
	width: 502px;
	height: 25px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 6px;
	float: left;
	font-weight: bold;
	margin-left: -6px;
	clear: both;
}
*/
h2.blue {color:#218fe8; margin-right:5px; float:left;}
h3 {font-size:12px;}
p {margin:0 0 18px;}
.bold {font-weight:bold;}
.left{float:left;}
.right{float:right;}
img.rightClear {float: right; clear:right; margin-left:4px;}
.center{text-align:center;}
.clr {clear:both; line-height:1px;}
.clr5 {clear:both; line-height:5px; height:5px;}
.clr10 {clear:both; line-height:10px; height:10px;}
.clr15 {clear:both; line-height:15px; height:15px;}
.clr20 {clear:both; line-height:20px; height:20px;}
.leftpad {padding-left:20px;}
.leftpadNav {padding-left:10px;}
.leftpadhome {padding-left:12px;padding-bottom:10px;}
.leftmargin {margin-left:20px;}
.rightMargin {margin-right:10px;}

.container {position:relative; text-align:left; padding: 0; height:auto; margin:0 auto;}
.top {margin:0 auto; padding:20px 0; color:#fff; font-size:12px;}
.top a {color:#fff; padding:0 5px; text-decoration:none;}
.search {float:right; width:397px;}

/* main content */
.contentMain {text-align:left;height:auto;margin:0;padding:0;}
.contentMain a{color:#218fe8; text-decoration:none;}

#contentMain[ID] {background:url('contentMain_bg.png') top center repeat-y; width: 950px; padding:0; margin:0;}
* html #contentMain {width: 950px; padding:0; margin:0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='contentMain_bg.png');}

/* footer - page bottom */
#footer_btm[ID] {background:url('mainimages.png') no-repeat left;background-position: -1750px -628px; width: 950px; height: 20px; margin:0; padding:0;}
* html #footer_btm {height: 20px;width: 950px; margin:0; padding:0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='footer_btm.png');}

div.back2top {margin-bottom:6px;margin-top:-6px; text-align:right;}
div.back2top a {background-image:url(Themes/default/images/Mix08/mainimages.png);background-repeat: no-repeat;background-position:-1750px -295px;padding-right:20px}

/* gray right rounded corner box */
div#rightbox{margin:5px 0 20px 10px;width:259px; font-family: "Segoe UI",verdana, arial, sans-serif;}
div#rightbox h2 {margin:8px 10px -3px;}
* html div#rightbox h2 {margin:8px 10px -3px 5px; }
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#F4F4F4; margin:0 5px;}
.b2 {height:1px; background:#F4F4F4; margin:0 3px;}
.b3 {height:1px; background:#F4F4F4; margin:0 2px;}
.b4 {height:2px; background:#F4F4F4; margin:0 1px;}
.contentb {background: #F4F4F4;}
.contentb div {margin-left: 5px;}
#rightBoxList, #rightBoxList ul {float:left;width:220px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:-4px 10px 0 10px;padding:0;line-height:12px;}
* html #rightBoxList, * html #rightBoxList ul {margin:-4px 10px 5px 5px;padding:0;}
#rightBoxList, #rightBoxList li {padding: 0 7px 3px 0;}
div#rightbox .line2 {margin-left: 10px;clear:both;}
.rightBoxList, .rightBoxList ul {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:-4px 10px 0 10px;padding:0;line-height:12px;}
* html .rightBoxList, * html .rightBoxList ul {margin:-4px 10px 0 5px;padding:0;}
.rightBoxList, .rightBoxList li {padding: 0 7px 3px 0;}

/*home page*/
.heroArea {float:left; clear:left; color:#fff; width:934px; height:160px; margin:0 0 0 8px; font-size:12px; line-height:1.3em;background:url('heroarea.png') center right repeat-x;}
* html .heroArea {width:934px;margin-left:4px}
.heroArea a, .heroArea a:link, .heroArea a:visited {color:#ffffff; text-decoration:none;}
.heroArea h1 {color:#fff;font-family: "Segoe UI",Verdana, Arial, sans-serif;font-size: 24px;font-weight:400;margin-bottom:12px;}
/*.heroCol2 {float:left;width:620px; height:220px; background:url('/Themes/default/images/Home/heroLF200810.gif') top left no-repeat;}*/
.heroCol2 {float:left;width:515px; height:160px;}
.heroCol2 img{border:0;}
.heroCol2 p {margin-bottom:12px;}
#heroImgLeft {padding: 0px 5px 0 0px; margin-top:20px;}
/*.heroCol3 {float:left;width: 315px;height: 220px;background:url('/Themes/default/images/Home/sidekick200810.png') top left no-repeat;}*/
.heroCol3 {float:left;width: 410px;height: 160px;}
* html .heroCol3 {width: 400px;}
#heroImgRight {padding: 0px 0px 0 0px;margin-top:20px;}
#heroVideoRight {padding: 0px; margin: 0px; text-align:right;}
.heroCol3 p {margin-bottom:12px; padding: 0;}
.heroCol1 {width:200px; margin-top:30px;}

/* Boxes for home page content */
.CommonHeroBox
{
    padding: 30px 20px;
    margin: 0 2px 0px 2px;
    height: 1%;
}

.CommonHeroRoundTop, .CommonHeroRoundBottom
{
	height: 5px;
	line-height:0px;
	padding:0px;
}

.CommonHeroRoundTop .r1, .CommonHeroRoundTop .r2, .CommonHeroRoundTop .r3, .CommonHeroRoundTop .r4, .CommonHeroRoundBottom .r1, .CommonHeroRoundBottom .r2, .CommonHeroRoundBottom .r3, .CommonHeroRoundBottom .r4
{
	border-left: solid 1px;
	border-right: solid 1px;
	height: 1px;
	line-height:0px;
	padding:0px;
	overflow: hidden;
}
.CommonHeroRoundBottom .r1, .CommonHeroRoundBottom .r2, .CommonHeroRoundBottom .r3, .CommonHeroRoundBottom .r4
{
	background-image: url(Themes/default/images/common/grayboxgrd.jpg);
	background-repeat: repeat;
	background-position: left top;	
	padding:0px;
}

.CommonHeroRoundTop .r1, .CommonHeroRoundBottom .r4 { margin: 0 5px; padding:0;height: 0; border-top: solid 1px; border-left-width: 0; border-right-width: 0; }
.CommonHeroRoundTop .r2, .CommonHeroRoundBottom .r3 { margin: 0 3px; padding:0;border-left-width: 2px; border-right-width: 2px; }
.CommonHeroRoundTop .r3, .CommonHeroRoundBottom .r2 { margin: 0 2px; padding:0;}
.CommonHeroRoundTop .r4, .CommonHeroRoundBottom .r1 { margin: 0 1px; padding:0;height: 2px; }


.CommonHeroInnerArea, .CommonHeroRoundTop .r1, .CommonHeroRoundTop .r2, .CommonHeroRoundTop .r3, .CommonHeroRoundTop .r4, .CommonHeroRoundBottom .r1, .CommonHeroRoundBottom .r2, .CommonHeroRoundBottom .r3, .CommonHeroRoundBottom .r4
{
    background-color: #f4f4f4;
    border-color: #999999;	
	padding:0;
}

.CommonHeroInnerArea
{
	border-left: solid 1px;
	border-right: solid 1px;
	padding: 0 8px 8px 8px;
	overflow: hidden;
	min-height: 109px;
	max-height: 200px;
	margin: 0;	
}

.CommonHeroContent
{
	font-size: 85%;
}

.CommonHeroInnerArea, .CommonHeroRoundTop .r1, .CommonHeroRoundTop .r2, .CommonHeroRoundTop .r3, .CommonHeroRoundTop .r4, .CommonHeroRoundBottom .r1, .CommonHeroRoundBottom .r2, .CommonHeroRoundBottom .r3, .CommonHeroRoundBottom .r4
{
	background-color: #f4f4f4;
	border-color: #a9a8a8;
}



.services {width:900px; margin:20px 0 0 20px; text-align:left;}
.services a{color:#3a3a3a; text-decoration:none;}
.service1 {float:left; width:150px; margin:10px;}
.service2 {float:left; width:148px; margin:10px;}
.dbl_rule {float:left; clear:both; background:url('rule_dbl.gif') left repeat-x; width:896px; height:3px; margin:0;}
.homeRow3 {width:896px; height:auto; margin:20px 0px 0 20px; color:#3a5152;}
* html .homeRow3 {width:899px; height:auto; margin:-3px 0px 0 20px;}
.row3Col {width:273px; float:left; margin:10px 12px; text-align:left;}
* html .row3Col {float:left; margin:10px 0px 10px 5px; text-align:left;}
.header {float:left; color:#454545; padding: 8px 0 8px 0; width: 273px;}
#homemashup, #homequickApp, #homeexplorestrata, #homegetstarted {float:left; width:280px; margin-right:10px; margin-bottom:20px; height:150px;}
#homemashup ul li, #homequickApp ul li, #homeexplorestrata ul li, #homegetstarted ul li {background-image:url(img_listBullet.png);background-position:0px 5px;background-repeat:no-repeat;margin-bottom:2px;padding-left:10px;}
#homemashup img {float:left;padding:1px; margin-right: 4px;}
#homeblogs {float:left; width:280px; margin-right:10px; margin-bottom:20px; height:auto;}
* html #homemashup, * html #homequickApp, * html #homeexplorestrata, * html #homegetstarted {float:left; height:160px; display:inline;}
* html #homeblogs {float:left; height:auto; display:inline;}
#homegetstarted img{text-align:right;}
.mashupText {width: 168px;float:left;}
img#mashup {width:147px; vertical-align:top;}


/* page title images */
div#ttl {margin:0 15px; float: left;padding-bottom:2px;}
* html div#ttl {float: left; margin:0 15px 0 8px; padding-bottom:2px;}
div#ttl_nomargin {margin:0 15px 0 0; float: left;padding-bottom:2px;}
* html div#ttl_nomargin {float: left; margin:0 15px 0 0px;padding-bottom:2px;}
#ttl h1, #ttl_nomargin h1,#freeAppTitle h1, #resourceTitle h1,#contactscontrolTitle h1, #spacescontrolTitle h1{font-family: "Segoe UI",Verdana, Arial, sans-serif;font-size: 24px;font-weight:400;color:#218fe8;}

#freeAppTitle, #resourceTitle {float:left; margin:20px 0px 0px 35px;}
*html #freeAppTitle, #contactscontrolTitle{float:left; margin:20px 0px 0px 20px; width:530px;}

#contactscontrolTitle, #spacescontrolTitle {float:left; margin:20px 0px 0px 35px; width:600px;}
*html #contactscontrolTitle, #spacescontrolTitle {float:left; margin:20px 0px 0px 20px; width:600px;}

/* resources page */
.h1_underline {background:transparent url(res_header_underline.gif) no-repeat scroll left bottom;padding-bottom: 8px;}
#resourcesCol1{float:left;width:540px;margin:48px 10px 20px 40px;}
*html div#resourcesCol1{float:left;width:540px;margin:48px 10px 20px 40px;}
#refMaterial1, #refMaterial2, #refMaterial3, #refMaterial4, #refMaterial5 {float:left;width:450px;padding-left:65px;background-position:left top;background-repeat:no-repeat;}
#refMaterial2, #refMaterial3, #refMaterial4 {margin-top: 5px;}
#refMaterial1 {background-image: url(/Themes/default/images/Mix08/resource/resources_1.jpg);margin: 15px 0 0;}
#refMaterial2 {background-image: url(/Themes/default/images/Mix08/resource/resources_2.jpg);}
#refMaterial3 {background-image: url(/Themes/default/images/Mix08/resource/resources_3.jpg);}
#refMaterial4 {background-image: url(/Themes/default/images/Mix08/resource/resources_4.jpg);}
#refMaterial5 {background-image: url(/Themes/default/images/Mix08/resource/resources_5.jpg);margin:5px 0 20px;}
#prod1, #prod2, #prod3, #prod4, #prod5 {float: left;width: 450px;padding-left: 65px;background-repeat: no-repeat;background-position: left top;}
#prod2, #prod3, #prod4, #prod5 {margin: 5px 0 0;}
#prod1 {background-image: url(/Themes/default/images/Mix08/resource/resources_6.jpg);margin: 15px 0 0;}
#prod2 {background-image: url(/Themes/default/images/Mix08/resource/resources_7.jpg);}
#prod3 {background-image: url(/Themes/default/images/Mix08/resource/resources_8.jpg);}
#prod4 {background-image: url(/Themes/default/images/Mix08/resource/resources_10.jpg);}
#prod5 {background-image: url(/Themes/default/images/Mix08/resource/resources_9.jpg);}
.refMaterialtest {float:left;width:450px;padding-left:65px;background-position:left top;background-repeat:no-repeat;}
#resourcesCol1 .imgcol {float:left;width:65px;}
#resourcesCol1 .textcol {float:left;width:450px;margin:0;height: 1% /* Holly hack for Peekaboo bug */}

/* single column page*/
#singleCol{float:left; width:885px; margin:20px 10px 0px 35px;}
* html #singleCol{margin:0px 5px 0px 10px;padding-left: 10px;}

/* mashup page*/
#mashupCol1{float:left; width:275px; margin:20px 10px 20px 35px;}
* html #mashupCol1{margin:20px 5px 20px 10px;padding-left: 10px;}
#mashupCol2 {float:left;width:585px;margin:30px 0px 20px 40px;}
* html #mashupCol2{width:590px;margin:45px 0px 20px 20px;}
.mashupItem{float:left; width: 250px;padding-bottom:20px;padding-right: 42px;}
* html .mashupItem{float:left; width: 250px;padding-bottom:20px; padding-right: 39px;}
#mashupCol2 p {margin:0; padding:0;line-height:1.3em;}

.line {float:left; clear:both; width:255px; height: 2px; padding:5px 0; background:url(img_line.png) left no-repeat;}

ul#mashuplist {margin: -6px 0 0 7px;}
ul#mashuplist li {display:inline;font-weight: bold;margin-left: 6px;}

/* generic orange button with special exceptions for mashup up page */
#button {float:left;width:auto;padding-right:10px;}
#button_mashup_left {float:left;width:auto;}
#button_mashup_right {float:right;width:auto;}
.btnLeft[class] {float:left; width:9px; padding:0px; height:31px; background:url(btn_left.png) left no-repeat;}
* html .btnLeft {float:left; width:9px; padding:0px; height:31px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='btn_left.png');}
.btnMid[class] {float:left; width:auto; padding:0px; height:31px; color:#fff; font-size:12px; Background:url(btn_slice.png) left repeat-x;}
* html .btnMid {float:left; width:auto; padding:0px; height:31px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='btn_slice.png') left repeat-x;}
#button_mashup_left a, #button_mashup_left a:link, #button_mashup_right a, #button_mashup_right a:link, #button_services a, #button_services a:link, #button a, #button a:link   {color: #fff;padding-top: 8px;display: block;}
.btnRt[class] {float:left; width:9px; padding:0px; height:31px; color:#fff; font-size:12px; Background:url(btn_right.png) left no-repeat;}
* html .btnRt {float:left; width:9px; padding:0px; height:31px;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='btn_right.png') left no-repeat;}
#button_container_mashup {margin:0 auto; padding:0; height:auto;width: 293px;}

/* service pages */
#serviceCol1{float:left; width:590px; margin:20px 10px 20px 35px; color:#3a5152;}
* html #serviceCol1{float:left; width:590px; margin:20px 5px 20px 10px;padding-left: 10px; color:#3a3a3a;}
#serviceCol1 #button a.link{color:#69b4ff;}
#serviceCol2{float:left; width:258px; margin-top:52px; margin-left:10px; color:#3a3a3a;}
* html #serviceCol2{float:left; width:248px; margin-top:52px; margin-left:10px; color:#3a3a3a;}
#serviceIntro {float:left; width:580px; padding:10px; border:solid 1px #b9b9b9; background:url(bg_intro.png) left repeat-x;}
.introText{width:407px; margin-left:15px; float:left;}
.introTop {float:left; width:273px; height:9px; background:url(bg_intro_top.png) left no-repeat;}
.introMiddle {float:left; width:273px; background:url(/bg_intro_middle.png) left repeat-x;}
.introBottom {float:left; width:275px; height:12px; background:url(bg_intro_bottom.png) left no-repeat;}
.line2 {float:left; clear:both; width:189px; height: 2px; padding:5px 0; background:url(img_col2_line.png) left no-repeat;}
* html .line2 {float:left; clear:both; width:189px; height: 2px; padding:2px 0; background:url(img_col2_line.png) left no-repeat; margin-top:-1px;margin-bottom: -1px;}
.btn{float:left; width:174px; height:28px; background:url(/Themes/default/images/freeApps/bg_btn.png) left no-repeat;}
.rightSide {float:left; width:259px; height:333px; margin:5px 0 20px 10px; padding:10px; background:url(bg_right.jpg) top left no-repeat;}
* html .rightSide {float:left; width:238px; height:333px; margin:5px 0 20px 10px; padding:10px; background:url(bg_right.jpg) top left no-repeat;}
.rightSide p {margin: 0px 10px 5px 0px;}
/*#serviceCol1 ul {margin:0 0 12px 10px;padding:0;}*/
#serviceCol1 ul li {background-image:url(img_listBullet.png);background-position:0px 5px;background-repeat:no-repeat;margin-bottom:2px;padding-left:10px;}
#serviceCol1 ul ul li {background-image:url(img_listSquare.gif);background-repeat:no-repeat;}
table.serviceCol1 {margin-bottom: 10px;border: 0px; border-collapse: collapse; border-spacing: 0px;}
table.serviceCol1 th{font-weight:bold;padding:10px;background-color:#e5e5e5;text-align: left; border: 1px #e5e5e5 solid;}
table.serviceCol1 td{padding:2px;text-align: left; border: 1px #e5e5e5 solid;}
#serviceCol1 ol {margin: 12px 0px 12px 20px;line-height:120%;}
#serviceCol1 ol li { list-style-position: outside; list-style-type: decimal;line-height:14px; margin-left:20px;margin-top:6px;}
#serviceCol1 ol ol li {list-style-type: lower-alpha;}
#serviceCol1 ol ol ol  li {list-style-type: lower-roman;}
#serviceCol1 ol ul li {list-style-type: none;}


.line1{float:left; clear:both; width:580px; height:2px; padding:5px 0; background:url(img_col1_line.png) left no-repeat;}
#video {margin-top: 5px;}
#bucketArea{float:left; margin:20px 5px;}
.bucket3b, .bucket4b, .bucketDiv, .bucketCol1, .bucketCol2 {float:left;} 
.bucket3b {width:170px;}
.bucket4b {width:265px;}
.bucketDiv {margin:0 15px;}
.bucketCol1 {width:260px;}
.bucketCol2 {width:260px; margin-left:10px;}
.b4line{float:left; clear:both; padding:10px 0; background:url(img_b4line.png) left no-repeat; width:257px; height:2px;}

/* user pages */
#userCol1{float:left; width:648px; margin:20px 10px 20px 35px; color:#3a5152;}
* html #userCol1{float:left; width:648px; margin:20px 5px 20px 10px;padding-left: 10px; color:#3a3a3a;}
#userCol1 #button a.link{color:#69b4ff;}
#userCol2{float:left; width:200px; margin-top:45px; margin-left:10px; color:#3a3a3a;}
* html #userCol2{float:left; width:200px; margin-top:45px; margin-left:10px; color:#3a3a3a;}
#userCol1 p {margin:0 0 10px;}

/* feedsync pages */
#feedsync ul, ol {margin: 12px 0px 12px 20px;line-height:120%;}
#feedsync ol li { list-style-position: outside; list-style-type: decimal;line-height:14px; margin-left:20px;margin-top:6px;}
#feedsync ol ol li {list-style-type: lower-alpha;}
#feedsync ol ol ol  li {list-style-type: lower-roman;}
#feedsync ol ul li {list-style-type: none;}
#feedsync h2 {background:transparent url(h2_line.gif) no-repeat scroll left bottom;padding-top: 3px; margin-top: 3px;padding-bottom: 3px;margin-bottom:3px;}
#feedsync h3, h4 {margin-top: 3px; padding-top 3px; padding-bottom: 3px; margin-bottom:3px;}
table.feedsync th{padding:10px; background-color:#ccc;}
table.feedsync td{padding:10px;}

/* terms, get started pages */
#termsCol1, #getstartedCol1{float:left; width:570px; margin:20px 20px 20px 40px;}
* html #termsCol1, #getstartedCol1{float:left; width:570px; margin:20px 10px 20px 20px;}
.h2_underline {background:transparent url(h2_line.gif) no-repeat scroll left bottom;padding-bottom: 3px;margin-bottom:3px;}
#termsCol1 p, #getstartedCol1 p {margin:0 0 10px;}
ol {margin-left:30px;}
ol li { list-style-position: outside; list-style-type: decimal;}
ol.lower li {list-style-type: lower-alpha;}
#termsCol1 ul {list-style-type:none;margin:0 0 12px 10px;padding:0;}
#termsCol1 ul li, #getstartedCol1 ul li {background-image:url(img_listSquare.gif);background-position:0px 5px;background-repeat:no-repeat;margin-bottom:2px;padding-left:10px;}
#getstartedCol1 ul {list-style-type:none;margin:0 0 10px;padding:0;}
#button_services{float:left; width:auto;margin-left: 150px;}
* html #button_services{float:left; width:auto;margin-left: 75px;}
#getstartedCol1 ol {margin: 12px 0px 12px 20px;line-height:120%;}
#getstartedCol1 ol li { list-style-position: outside; list-style-type: decimal;line-height:14px; margin-left:20px;margin-top:6px;}
#getstartedCol1 ol ol li {list-style-type: lower-alpha;}
#getstartedCol1 ol ol ol  li {list-style-type: lower-roman;}
#getstartedCol1 ol ul li {list-style-type: none;}

/* blog landing page */
#blogCol2 {float:left;width:540px;margin:20px 10px 20px 20px;}
#blogCol2 p {margin:5px 0px 5px;}
#blogCol {float:left;width:750px;margin:20px 10px 20px 20px;}
#blogCol2 p {margin:5px 0px 5px;}
#paginglist {list-style-image:none;list-style-position:outside;list-style-type:none;float:right;font-weight: bold;}
#paginglist li {display:inline;margin-right: 5px;}
.line3 {background:transparent url(img_col1_line.png) no-repeat scroll left center;clear:both;float:left;height:2px;padding:5px 0pt;width:550px;}
.blog_entry {margin-left: 15px;margin-bottom: 25px;}
.iconBlogRss {float:left;padding-top: 5px;}

/* blog details page */
#blogDetailCol1{float:left; width:875px; margin:20px 10px; padding:0 20px;}
* html #blogDetailCol1{float:left; width:875px; margin:20px 5px 20px 10px;padding-left: 10px;}
#button_container {margin:0; padding:0; height:auto;}
* html #button_container {margin:0; padding:0; height:1px;}

/* forums page */
#forumsCol2{float:left;width:540px;margin:52px 10px 20px 40px;}
#forums_1, #forums_2, #forums_3 {float: left;width: 450px;padding-left: 65px;margin-top: 15px;background-position: left top;background-repeat: no-repeat;}
#forums_1 {background-image: url(/Themes/default/images/Mix08/forum/forum_1.jpg);}
#forums_2 {background-image: url(/Themes/default/images/Mix08/forum/forum_2.jpg);}
#forums_3 {background-image: url(/Themes/default/images/Mix08/forum/forum_3.jpg);}
.arrowup {background-image:url(/Themes/default/images/Mix08/forum/arrow_up.jpg);background-repeat: no-repeat;background-position:95% 4px;padding-right:20px}

/*video 3 column */
#videoCol2 {float:left;width:885px;margin:2px 0px 20px 35px;}
* html #videoCol2{float:left; width:890px;margin:48px 0px 20px 15px;}
#videoCol2 .freeAppItem{float:left; width: 230px;height:250px; padding-right: 42px; padding-top:10px;}
* html videoCol2 .freeAppItem{float:left; width: 230px;height:250px; padding-right: 39px;}
#videoCol2 p {margin:0; padding:0;}

/* videos page - 2col*/
#videoCol1a{float:left; width:200px; margin:20px 10px 20px 35px;}
* html #mashupCol1{margin:20px 5px 20px 10px;padding-left: 10px;}
#videoCol2a {float:left;width:660px;margin:30px 0px 20px 40px;}
* html #videoCol2a{width:665px;margin:45px 0px 20px 20px;}
.videoItem{float:left; width: 250px;padding-bottom:20px;padding-right: 42px;}
* html .videoItem{float:left; width: 250px;padding-bottom:20px; padding-right: 39px;}
#videoCol2a p {margin:0; padding:0;line-height:1.3em;}
ul#videolist {margin: -6px 0 0 7px;}
ul#videolist li {display:inline;font-weight: bold;margin-left: 6px;}

/* Quick Apps single column page */
#freeAppCol1{float:left; width:275px; margin:20px 10px 20px 35px;}
* html #freeAppCol1{float:left; margin:20px 5px 20px 10px;padding-left: 10px;}
#freeAppsCol2 {float:left;width:585px;margin:20px 0px 20px 40px;}
* html #freeAppsCol2{float:left; width:590px;margin:48px 0px 20px 20px;}
.freeAppItem{float:left; width: 250px;height:330px; padding-right: 42px; padding-top:10px;}
* html .freeAppItem{float:left; width: 250px;height:330px; padding-right: 39px;}
#freeAppsCol2 p {margin:0; padding:0;}

/* left gray bordered dialog - width 25% */
.dialog25 {width:35%;margin:0px auto;min-width:20em;}
* html .dialog25 {width: 108%;}
.dialog25 .hd .c, .dialog .ft .c {font-size:1px; height:12px;}
.dialog25 .ft .c {height:12px;}
.dialog25 .hd {background:transparent url(tl.gif) no-repeat 0px 0px;}
.dialog25 .hd .c {background:transparent url(tr.gif) no-repeat right 0px;}
.dialog25 .bd {background:transparent url(ml.gif) repeat-y 0px 0px;}
.dialog25 .bd .c {background:transparent url(mr.gif) repeat-y right 0px;}
.dialog25 .bd .c .s {margin:0px 10px 0px 5px;background:#e5e5e5 url(ms.jpg) repeat-x 0px 0px;padding:1em;}
.dialog25 .ft {background:transparent url(bl.gif) no-repeat 0px 0px;}
.dialog25 .ft .c {background:transparent url(br.gif) no-repeat right 0px;}
.dialog25 p {margin:0px 0px 10px 0px;padding:0px;}

/* left gray bordered dialog - width 35% */
.dialog {width:35%;margin:0px auto;min-width:27em;}
* html .dialog {width: 108%;}
.dialog .hd .c, .dialog .ft .c {font-size:1px; height:12px;}
.dialog .ft .c {height:12px;}
.dialog .hd {background:transparent url(tl.gif) no-repeat 0px 0px;}
.dialog .hd .c {background:transparent url(tr.gif) no-repeat right 0px;}
.dialog .bd {background:transparent url(ml.gif) repeat-y 0px 0px;}
.dialog .bd .c {background:transparent url(mr.gif) repeat-y right 0px;}
.dialog .bd .c .s {margin:0px 10px 0px 5px;background:#e5e5e5 url(ms.jpg) repeat-x 0px 0px;padding:1em;}
.dialog .ft {background:transparent url(bl.gif) no-repeat 0px 0px;}
.dialog .ft .c {background:transparent url(br.gif) no-repeat right 0px;}
.dialog p {margin:0px 0px 10px 0px;padding:0px;}

/* left gray bordered dialog - width 75% */
.dialog_services {width:70%;margin:0px auto;min-width:50em;}
* html .dialog_services {width: 100%;}
.dialog_services .hd .c, .dialog_services .ft .c {font-size:1px; height:12px;}
.dialog_services .ft .c {height:12px;}
.dialog_services .hd {background:transparent url(tl.gif) no-repeat 0px 0px;}
.dialog_services .hd .c {background:transparent url(tr.gif) no-repeat right 0px;}
.dialog_services .bd {background:transparent url(ml.gif) repeat-y 0px 0px;}
.dialog_services .bd .c {background:transparent url(mr.gif) repeat-y right 0px;}
.dialog_services .bd .c .s {margin:0px 10px 0px 5px;background:#e5e5e5 url(ms.jpg) repeat-x 0px 0px;padding:0.5px 1em 1em;}
.dialog_services .ft {background:transparent url(bl.gif) no-repeat 0px 0px;}
.dialog_services .ft .c {background:transparent url(br.gif) no-repeat right 0px;}
.dialog_services p {margin:0px 0px 10px 150px;padding:0px;}
.dialog_services h1 {margin:0px 0px 10px 150px;padding:0px; line-height:1.3em;}
.dialog_services h2 {color: #6691a2; margin:0px 0px 10px 150px;padding:0px; line-height:1.3em;}
.dialog_services ul {list-style-type:none;margin:0 0 12px 165px;padding:0pt;}

/*for pages without an icon image*/
#appdata_dialog p, #feedsync_dialog p {margin:0px 0px 10px 10px;padding:0px;}
#appdata_dialog h2 {color: #6691a2; margin:0px 0px 10px 10px;padding:0px;}
#appdata_dialog ul, #feedsync_dialog ul {list-style-type:none;margin:0 0 12px 20px;padding:0pt;}

/* left gray bordered dialog - width 90% */
.blog_dialog_details {width:70%;min-width:80em; margin: 0px auto;}
* html .blog_dialog_details {width: 100%;}
.blog_dialog_details .hd .c, .blog_dialog_details .ft .c {font-size:1px;height:12px;}
.blog_dialog_details .ft .c {height:12px;}
.blog_dialog_details .hd {background:transparent url(tl.gif) no-repeat 0px 0px;}
.blog_dialog_details .hd .c {background:transparent url(tr.gif) no-repeat right 0px;}
.blog_dialog_details .bd {background:transparent url(ml.gif) repeat-y 0px 0px;}
.blog_dialog_details .bd .c {background:transparent url(mr.gif) repeat-y right 0px;}
.blog_dialog_details .bd .c .s {margin:0px 10px 0px 5px;background:#e8e8e8 url(ms.jpg) repeat-x 0px 0px;padding:2px 1em 1em;}
.blog_dialog_details .ft {background:transparent url(bl.gif) no-repeat 0px 0px;}
.blog_dialog_details .ft .c {background:transparent url(br.gif) no-repeat right 0px;}
.blog_dialog_details p {margin:0.1em 0px 10px 0px;}

/* mashup links dialog - width 35% */
.dialog_mashup_links {width:35%;margin:0px auto;min-width:27em;}
* html .dialog_mashup_links {width: 108%;}
.dialog_mashup_links .hd .c, .dialog_mashup_links .ft .c {font-size:1px;height:12px;}
.dialog_mashup_links .ft .c {height:12px;}
.dialog_mashup_links .hd {background:transparent url(tl.gif) no-repeat 0px 0px;}
.dialog_mashup_links .hd .c {background:transparent url(tr.gif) no-repeat right 0px;}
.dialog_mashup_links .bd {background:transparent url(ml.gif) repeat-y 0px 0px;}
.dialog_mashup_links .bd .c {background:transparent url(mr.gif) repeat-y right 0px;}
.dialog_mashup_links .bd .c .s {margin:0px 10px 0px 5px;background:#e5e5e5 url(ms_mashup.jpg) repeat-x 0px 0px;padding:0.7em;}
.dialog_mashup_links .ft {background:transparent url(bl.gif) no-repeat 0px 0px;}
.dialog_mashup_links .ft .c {background:transparent url(br.gif) no-repeat right 0px;}
.dialog_mashup_links p {margin:0px 0px 10px 0px;padding:0px;}

/* terms pages */
table.terms_licensing {border: 0px; border-collapse: collapse; border-spacing: 0px;}
table.terms_licensing th{font-weight:bold;padding:10px;background-color:#ccc;text-align: left; border: 1px #3a5152 solid;}
table.terms_licensing td{padding:10px;text-align: left; border: 1px #3a5152 solid;}

/* mashup tag cloud */
div#cloud a, div#cloud a:link{line-height: 1.3em;}

/*  navigation bar */
#mainnav[ID]{
	font-family: "Segoe UI", Verdana, sans-serif;
	color: white;
	width: 950px;
	height: 35px;
	color: #999;
	background: transparent url('navbar.png') no-repeat;
}
* html #mainnav {width: 951px; height:30px;padding:0; margin:0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='navbar.png');}

/* Overall main navigation styles */
#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1em;
	color: #999;
	background-color: transparent;
	font-size: 1.05em;
	font-weight: 700;
	padding-left:.4em;
	padding-top: .8em;
	margin: 0;
}

/* The top main navigation links */
#nav a {
	display: block;
	padding: 3px 45px;
	color: #fff;	
	background-color:#ccc;
	background: url(line.png) no-repeat top right; /* puts a "bar" on right of the main nav links */
	text-decoration: none;
}
#nav p {
	padding: 11px 20px 14px 20px;
	color: #fff;	
	background-color:#ccc;
	background: url(line.png) no-repeat top right; /* puts a "bar" on right of the main nav links */
	text-decoration: none;
	margin:0px;
}
/* I'm targeting the last main navig9:56 AM 2/16/2009ation link to have no "bar" on the right side */
#nav p.last {
	background-image: none;
	position:relative;
}

#nav a.toplevel, #nav p.toplevel {
	position:relative;
	text-align: center;
	font-size: 1.05em;
}
#nav li {
	float: left;
	padding: 0;
	width: 140px;
}
/* -------------------------- */
/* The dropdown links lists */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px; 
	font-weight: normal;
	border: 1px solid #ccc;
	background-color: #fff;
	z-index:5;
	padding-left: 0em;
	padding-right: 0em;
	padding-top: .2em;
	margin: 0;
}
#nav li li {
	padding: 0;
	width: 140px; 
}
#nav li ul a {
	padding: 5px 10px;
	width: 140px;
	* html width: 120px;
}

#nav li ul p {
	font-weight:normal;
	padding: 5px 10px;
	width: 140px;
	* html width: 120px;
}

#nav li ul hr {
	margin: 0px 0px 0px 10px;
	height:1px;
	width: 140px;
	* html width: 120px;
}

/* This controls the flyout location of the second level dropdowns */
#nav li ul ul {
	margin: -2em 0 0 140px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#nav li:hover, #nav li.sfhover {
	background: url('hoverbox.png') no-repeat center; /* puts a "bar" on right of the main nav links */
	z-index:-100;
}
/* -------------------------- */
/* The dropdown links list colors */
#nav li ul.under a {
	color: #000;
	background-image: none;
}
#nav li ul.under a:hover {
	background: #fff;
	color:#69b4ff;
}
/* The dropdown links list colors */
#nav li ul.under p {
	color: #000;
	background-image: none;
}
#nav li ul.under p:hover {
	background: #fff;
	color:#000;}

#nav li ul .navline {
background-image:none;
border-bottom-color: #dcdcdc;
border-bottom-style:solid;
border-bottom-width:1px;
border-right:#444;
border-left:#444;
border-style:none none solid;
border-top:#444;
border-width:medium medium 1px;
color:#000;
margin: 2px 2px 0px 10px;
text-align:left;
height:1px;
width:140px;
}
#nav li ul .navline:hover {
background-image:none;
}
	
#nav li ul.under div.navline {
background-image:none;
border-bottom-color: #dcdcdc;
border-bottom-style:solid;
border-bottom-width:1px;
border-right:#444;
border-left:#444;
border-style:none none solid;
border-top:#444;
border-width:medium medium 1px;
margin: 2px 2px 0px 10px;
text-align:left;
width:140px;
}
#nav li ul.under div.navline:hover {
background-image:none;
}
/* The dropdown links list colors 
#nav li ul.under hr {
	color: #777;
	background-image: none;
}
#nav li ul.under hr:hover {
	background: #fff;
	color:#777;}
*/
	/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
/*
#nav li ul.under li:hover a.daddy, #nav li ul.under li.sfhover a.daddy {
	color: #fff;
}
#nav li ul.under li:hover, #nav li ul.under li.sfhover {
	color: #fff;
	background-color: #f00;
}
*/