﻿/* color references and etc */
/*  red: #d03700
	dk red: #992400
	blue: #5290ca
	dk blue: #366086
	orange: #ffa200
*/

/* typography - jayson */
html {font-size:100.01%;}
body {font-size:75%; color:#444; background:url("../img/siteGraphics/bodyBG.gif") #eae9e6 repeat-y top center; font-family: Arial, Helvetica, sans-serif;}
body { overflow:scroll; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:1.8em; line-height:1; margin-bottom:0.5em; font-family:Segoe, Segoe UI, Arial, sans-serif;}
h2 {font-size:1em; margin-bottom:0.75em; text-transform:uppercase; color:#636363; font-weight:bold; font-family:Segoe, Segoe UI, Arial, sans-serif;}
h3 {font-size:1.2em; line-height:1; margin-bottom:0.5em; font-weight:bold;}
h4 {font-size:1.2em; line-height:1.25; margin-bottom:1.25em;}
h5 {font-size:1em; font-weight:bold; margin-bottom:1.5em;}
h6 {font-size:1em; font-weight:bold;}
p {margin:0 0 1.5em; font-size:1em;}
p img.left {float:left; margin:1.5em 1.5em 1.5em 0; padding:0;}
p img.right {float:right; margin:1.5em 0 1.5em 1.5em;}
a {color: #cc3300; text-decoration:none;}
a:focus, a:hover {color: #992400; text-decoration:none;}
strong {font-weight:bold;}
li ul, li ol {margin:0;}
ul, ol {list-style:none;}
blockquote {margin:1.5em; color:#666; font-style:italic;}
hr {border:0; height:1px; color:#eae9e6; background:#eae9e6; margin:0; clear:both;}
hr.dark { color:#999; background:#999; }


table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
/* END typography */

/* Reuseable elements */

.red { color:red; }
.orange { color:#ffa200; }
.blue { color:#5290ca; }
.blueOuter { background-color: #366086; padding-right:2px; padding-bottom:2px; }
.blueInner { background-color: #5290ca; padding:20px; margin-top:-2px; margin-left:-2px; }
.redOuter { background-color: #992400; padding-right:2px; padding-bottom:2px; }
.redInner { background-color: #cc3300; padding:20px; margin-top:-2px; margin-left:-2px; }
.greenOuter { background-color: #306925; padding-right:2px; padding-bottom:2px; }
.greenInner { background-color: #4a983a; padding:20px; margin-top:-2px; margin-left:-2px; }
.grayOuter { background-color: #a1a1a1; padding-right:2px; padding-bottom:2px;}
.grayInner { background-color:#f5f5f5; border: 1px solid #ebebeb; margin-top:-2px; margin-left:-2px;}
div.leftContent p.error { color:red; display:none; }
div.leftContent p.reqd, div.leftContent p.search_reqd { color:red; text-align:right; margin: 10px 25px 0px 0px; }
div.leftContent p.search_reqd { margin: 10px 0px 0px; }

span.divider { margin-left:5px; }
.offscreen { position:absolute; left:-9999px; }
body div.wrapper .stacked { padding-top:25px; }
.stackedSmall { padding-bottom:10px; }
.stackedDouble { margin:15px 0; }

/* END reuseable elements */

/* buttons */

a.backBtn { 
	display:inline-block;
	cursor:pointer;
	height:20px;
	background:transparent url('../img/btn/btnLeft.gif') 0 0 no-repeat;
}
a.blogPostsBtn { 
	display:block;
	cursor:pointer;
	height:19px;
	background:transparent url('../img/btn/btnRight.gif') right top no-repeat;
	margin-top:20px;
}

a.backBtn:hover {
	background-position:0 -20px;
}
a.blogPostsBtn:hover {
	background-position: right -20px;
}
	
span.backBtn , span.blogPostsBtn{
	background-color:#B7B7B7;
	color:#FFFFFF;
	display:inline-block;
	font-weight:bold;
	height:19px;
	margin-left:13px;
	padding-left:9px;
	text-transform:uppercase;
}

span.backBtn {
	/*margin-left:13px;
	padding-left:15px;*/
	display:inline-block;
	float:left; /* magic fix */
}
span.blogPostsBtn {
	margin-left:0px;
	margin-right:13px;
	padding-left:5px;
	padding-right:15px;
}

a.backBtn:hover span.rCorner {
	background-position:0 -20px;
}
a.blogPostsBtn:hover span.lCorner {
	background-position:0 -21px;
}

a.backBtn:hover span.backBtn {
	background-color:#959595;
}
a.blogPostsBtn:hover span.blogPostsBtn {
	background-color:#959595;
}

span.lCorner {
	width:10px;
	height:20px;
	float:left;
	background:transparent url('../img/btn/cornerLeft.gif') left top no-repeat;
}
	
span.rCorner {
	width:10px;
	height:20px;
	display:inline-block;
	text-align:right;
	background:transparent url('../img/btn/cornerRight.gif') right top no-repeat;
}

input.searchBtn, div.wrapper input.submitBtn, div.wrapper span.downloadBtn, a.downloadBtn2, input.goBtn, input.downloadBtn , .cancelBtn, input.prevBtn, input.nextBtn{
    color:#FFFFFF;
    display:inline-block;
    font-family:Segoe UI,Segoe,Arial,Sans-Serif;
    font-size:1em;
    font-weight:bold;
    height:31px;
    line-height:1em;
    padding:5px 40px 5px 8px;
    text-transform:uppercase;
    background:transparent url('../img/btn/searchBtn.gif') right top no-repeat;
    border: 0px;
    cursor: pointer;
}
input.downloadBtnNoJS { height: 31px !important; }
a.downloadBtn2 { height: 14px !important; background: no-repeat scroll right top transparent;  }
input.goBtn
{
	float: right;
	padding-right: 25px;
}
input.goBtn:hover, input.downloadBtn:hover
{
	background-position: right -32px;
}
input.downloadBtn
{
	background:transparent url('../img/btn/searchBtnOrange.gif') right top no-repeat;
}
div.wrapper input.submitBtn, div.wrapper span.downloadBtn, div.wrapper a.downloadBtn2 {
	background:transparent url('../img/btn/searchBtnOrange.gif');
	background-repeat: no-repeat;
	background-position: right top;
	padding-left:5px;
	padding-top:2px;
}
div.wrapper a.downloadBtn2
{
	padding: 9px 55px 7px 6px;
	float: right;
	margin-top: 10px;
}
div.wrapper div.btnWrapper a.downloadBtnModal
{
	margin-top: 0px !important;
	position: relative;
	top: 11px;
	height: auto;
	padding: 9px 30px 7px 6px !important;
	margin-left: 15px;
}
	input.searchBtn:hover, div.wrapper input.submitBtn:hover , div.wrapper span.downloadBtn:hover, div.wrapper a.downloadBtn2:hover, div.wrapper a.downloadBtnModal:hover{
		background-position: right bottom;
	}
	
	div.wrapper span.downloadBtn a, div.wrapper a.downloadBtn2 {
		color:#ffffff;
		text-decoration:none;
		text-transform:uppercase;
	}
	div.wrapper div.btnWrapper span.downloadBtn, div.wrapper div.btnWrapper a.downloadBtn2 {
		padding:0px 15px 14px 0px;
		height:18px;
	}
	div.wrapper input.submitBtn {
	    margin-left:15px;
	    padding-top:8px;
	}
	div.wrapper div.feedbackWrap  input.submitBtn 
	{
	    padding-top:2px;
	}
	

    input.prevBtn { 
	    float:left;
	    display:inline-block;
	    background:#fff url('../img/btn/prevBtn.gif') left 1px no-repeat;
	    padding:0 13px 0 20px;
    }
    
	input.prevBtn:hover {
		background-position:left -30px;
	}
	input.prevBtn.off, input.prevBtn.off:hover {
		background-position:0px -62px;
	}
	

    input.nextBtn { 
	    float:right;
	    display:inline-block;
	    background:#fff url('../img/btn/nextBtn.gif') right 1px no-repeat;
	    padding:0 20px 0 13px;
    }
    
	input.nextBtn:hover {
		background-position:right -30px;
	}
	input.nextBtn.off, input.prevBtn.off:hover {
		background-position:right -62px;
	}
	

.cancelBtn { 
	display:inline-block;
	text-decoration:none;
	color:#fff;
	background:#ccc;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	height:14px;
	overflow:hidden;
	padding-top:9px;
	position:relative;
	top:11px;
}
    div.leftContent a.cancelBtn  
    {
        text-decoration:none;
    }
.downloadBtn { 
	color:#fff;
	display:inline;
	float:right;
	margin-top:10px;
	padding-top:0x;
}
	span.downloadBtn a, a.downloadBtn2
	{
		padding:0px 15px 13px 0;
	}
/*	.downloadBtn:hover { background-position:0px -32px; }*/
	.cancelBtn:hover { background-color:#bbb; color:#fff;}
	.downloadBtn input, /*.downloadBtn a,*/ .cancelBtn input{ /* needs to stay super-specific so border:0 isn't overwritten */
		opacity:0; /* hide from FF */
		cursor:pointer;
		display:block;
		position:absolute;
		z-index:1;
		background:none; /* nix bg in IE */
		border:0; /* nix borders in IE */
		width:300%;  /*for IE*/
		height:300%; /*for IE*/
	}
	.cancelBtn input { width:90px; }
/* END buttons */

/* fixes */
a img { border: none; }
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
/* END fixes */

/* header */
div.headerWrapper {
    background-color: #eae9e6;
    width:960px;
	margin-left:5px;
}
    div.headerWrapper div.brandHeader  {
        float:left;
        margin:30px 30px 20px;
    }
        div.headerWrapper div.brandHeader a.logo {
	        display: block;
	        text-indent: -9999px;
	        background: url("../img/siteGraphics/msLogoHeader.png") no-repeat top left;
	        width: 142px;
	        height: 23px;
	        margin-bottom:5px;
        }
        div.headerWrapper div.brandHeader h1 {
            color: #4c4c4c;
            font-size: 2.2em;
        }
    div.headerWrapper div.utilityHeader {
        float:right;
        font-size:0.9em;
        margin:30px;
        text-align:right;
    }
        div.headerWrapper div.utilityHeader a {
            text-decoration:none;
			margin-left:5px;
        }
        
/* DELETE ONCE SEARCH IS IMPLEMETED */
        div.headerWrapper div.utilityHeader div.search {
            background-color:#FFFFFF;
            border:1px solid grey;
            margin-top:15px;
            text-align:left;
            width:260px;
            height: 24px;
        }
		div.searchControl {
			margin:0;
			padding:0;
		}
        div.utilityHeader div.search input.txtSearch
        {
        	margin: 0px 0px 3px 2px;
        	padding: 0px;
        	border: 0px;
        	width: 188px;
        	display: inline-block;
        	vertical-align:bottom;
        }
        div.utilityHeader div.search span#searchBrand
        {
        	width: 47px;
        	height: 22px;
        	background: url("../img/bingSearch.gif") no-repeat top left;
        	display: inline-block;
        }
        div.utilityHeader div.search input.btnSearchCtrl
        {
        	width: 20px;
        	height: 22px;
        	margin: 1px 0px 0px;
        	cursor: pointer;
        	background: url("../img/bingSearch.gif") no-repeat -47px 0px;
        	border: 0px;
			vertical-align:bottom;
        }
/* END DELETE ONCE SEARCH IS IMPLEMETED */

/* END header */


/* Primary nav */

div#headerNavWrap {
	width:980px;
	height:55px;
}
		ul#primaryNav li {
			border-bottom:3px solid #992400;
			border-right:3px solid #992400;
			display:inline-block;
			height:52px;
			float:left;
			margin-right:2px;
		}
			ul#primaryNav li a, ul#primaryNav li div.changeLang {
				background-color:#D03700;
				color:#FFFFFF;
				display:inline-block;
				font-family:Segoe, Segoe UI, Arial;
				font-size:1.2em;
				font-weight:bold;
				height:32px;
				margin:-2px 0 0 -3px;
				padding:18px 20px 5px 20px;
				text-decoration:none;
			}
			#home ul#primaryNav li a.home, #search ul#primaryNav li a.search, #downloads ul#primaryNav li a.downloads, #feedback ul#primaryNav li a.feedback 
			{ 
				/* background-color:#bb3100; */
				/* background-color:#ffaa00; */
				background-color:#aa2b04;
				color:white;
			}
			ul#primaryNav li a:hover {
					background-color:#bb3100;
				}
			ul#primaryNav li.first a {
				padding-left:40px; /* should align with msft logo */
			}
			ul#primaryNav li div.changeLang {
				/*width:370px;*/
				padding-bottom:10px;
				padding-top:13px;
			}
				ul#primaryNav li div.changeLang select
				{
					float: right;
					margin:5px 35px 5px 10px;
					margin-right:8px;
					background-color:#992400;
					border:1px solid #7d1d00;
					color:#fff;
					font-size:.8em;
					font-weight:normal;
				}
div#buttons {
    display:inline-block;
    float:left;
}
				
/* END primary nav */

/* subnav */

#subNav ul {
	background-color:#d0cfcc;
	height:50px;
	margin-bottom:25px;
}
	#subNav ul li {
		display:inline-block;
		padding:15px 25px;
		float:left;
	}
		#subNav ul li  a {
			color:#636363;
			font-weight:bold;
			font-size:1.2em;
		}
		#subNav ul li.selected a, #subNav ul li a:hover {
			color:#d03700;
		}


/* END subnav */

/* basic site styles */
div.wrapper {
    width: 970px;
    margin: 0 auto;
}
    div.wrapper div.innerWrapper {
		padding:0 11px;
    }
        div.wrapper div.innerWrapper div.contentWrapper {
            background-color: #ffffff;
            border-left: 1px solid #d0cfcc;
            border-right: 1px solid #d0cfcc;
			width:945px;
        }

div.leftContent {
	width:680px;
	padding:10px 20px;
	float:left;
}
	div.leftContent h1 { font-size:2.1em; margin-bottom:1.1em; }
	div.leftContent p { font-size:1.15em; color:#898989; margin-bottom:1em;}
	div.leftContent a { text-decoration:underline; }

div.rightbar {
	width:220px;
	float:right;
}
/* END basic site styles*/

/* content parts */
#slideshow {
    /*width: 460px;
    height: 325px;*/
	float:left;
	z-index:500;
	position:relative; 
	width:10px;
	overflow:visible;
	/*
	left:0;
	top:-330px;*/
}

div#slideshow IMG
{
	display: none;
}
div#slideshow IMG.slideFirst
{
	display: block;
}

div#slideshowText {
	float:left;
	position:relative;
	/*width:460px;*/
	height:325px;
	z-index:999
}
	div.slideshowTextWrap {
		left:0px;
		position:relative;
		top:240px;
		float:left;
	}
    .jsEnabled div.slideshowTextWrap {
        position:relative;
    	left:15px;
	    top:245px; 
    }
    div#slideshowText span.top, div#slideshowText span.bottom{
        display:inline-block;
        padding:0 3px 8px 5px;
        background-color:#d03700;
        border-right:2px solid #992400;
        border-bottom:2px solid #992400;
        color:#fff;
        font-size:26px;
        line-height:28px;
        font-family:Segoe UI, Segoe, Arial, Sans-Serif;
    }
    div#slideshowText span.top {
        border-bottom:1px solid #992400;
    }

div.searchTermWrapper {
	width: 440px;
	margin-bottom:5px;
	border-top: none; 
	border-left:1px solid #d0cfcc;
	border-right:1px solid #d0cfcc;
	border-bottom:1px solid #d0cfcc;
}
	div.searchTermWrapper div.searchTermInnerWrapper {
		/*height:130px;*/
		padding:15px 15px 15px 15px;
		background-color: #eae9e6;
		border-top: none; 
		border-left:1px solid #faf9f9;
		border-right:1px solid #faf9f9;
		border-bottom:1px solid #faf9f9;
	}
	div.searchTermWrapper div.searchTermInnerWrapper  input.searchBtn
	{
		padding-right: 30px;
	}
		div.searchTermWrapper input.searchTerm {
			height:22px;
			padding-top:3px;
			padding-bottom:3px;
			padding-left:5px;
			margin-right:5px;
			margin-bottom:2px;
			width:390px;
			border:1px solid #CCCCCC;
			font-size:1.25em;
			font-weight:normal;
		}
		div.searchTermWrapper select.languageSelect {
			float:left;
			height:30px; /* ie8 hates this and bottom-aligns things, giving up */
			margin-right:10px;
			width:280px;
			padding:3px;
			border:1px solid #CCC;
			font-size:1.2em;
			vertical-align:top;
		}
			div.searchTermWrapper select.languageSelect option { color:#000; vertical-align:bottom; }
		div.searchTermInnerWrapper .error {
			padding-right:10px;
			color:red;
			width:90%;
			display: block;
		}
		div.searchTermWrapper p.error {
			width:90%;
			margin-bottom:0;
			padding-bottom:0;
		}
div.rightBlock {
	float:right;
	width:440px;
	margin-right:20px;
	overflow:hidden;
}
div.rightBlock #panelsWrapper { 
	width: 442px; 
	overflow: hidden; 
	z-index:2;
	position:relative;
}

div.rightBlock #slidePanels { 
	width: 884px; 
	overflow:hidden; 
}

	div.rightBlock .recentPostsWrapper, div.rightBlock .lpCallout { 
		width: 420px; 
		padding:10px 0 0 15px; 
		display: inline;
		float: left; 
		position: relative; 
		overflow:hidden; 
	}
		div.rightBlock .lpCallout img {
			padding:0 10px 0 0;
			float:left;
		}
		div.rightBlock .recentPostsWrapper h1 { margin-bottom:.5em; }
	div.rightBlock ul.blogPosts li { font-weight:bold; margin:7px 2px; }
	div.rightBlock a.backBtn, div.rightBlock a.blogPostsBtn { float:right; }
	
	
/*	a.info{
		position:relative; 
		z-index:998; 
	}

	a.info:hover{
		z-index:999; 
		font-size:100%;
		text-indent:0;
	}

	a.info span{
		display: none;
		z-index:999;
	}

	a.info:hover span{ 
		display:block;
		position:absolute;
		left:145px;
		top:-140px;
		width:300px;
		overflow:hidden;
		padding:10px;
		border:1px solid #999;
		background-color:#eee; 
		color:#000;
		text-align: left;
		z-index:999;
		}*/
	
div.blocksWrapper {
	clear:both;
	margin:15px 0;
	padding:15px;
}
	div.blocksWrapper h2 { margin-bottom:15px; }	
	div.blocksWrapper div.leftBlock, div.blocksWrapper  div.middleBlock, div.blocksWrapper  div.rightBlock {
		width:260px;
		float:left;
		padding-top:5px;
		padding-bottom:20px;
	}
	div.blocksWrapper div.middleBlock { 
		margin: 0 30px; 
		padding-left:30px;
		padding-right:30px;
		border-left:1px solid #EAE9E6;
		border-right:1px solid #EAE9E6;
	}
	div.blocksWrapper div.rightBlock { 
		margin-right:0;
	}

a.downloadsBlock{
	display:inline-block;
	margin-top:5px;
	margin-right:10px;
	width:292px;
	height:121px;
	color:#fff;
}
	a.downloadsBlock h1, a.downloadsBlock p {
		width:230px;
		padding:0 15px;
		line-height:1.2em;
	}
	a.downloadsBlock:hover { color:#fff; cursor:pointer; } /* for IE6/7 */
	a.downloadsBlock h1 { padding-top:15px; }
	a.blueBlock { background:#fff url('../img/btn/blueBtn.jpg') 0 0 no-repeat; }
	a.blueBlock:hover { background-position: 0 -123px; }
	a.orangeBlock { background:#fff url('../img/btn/orangeBtn.jpg') 0 0 no-repeat; }
	a.orangeBlock:hover { background-position: 0 -123px; }
	a.greenBlock { background:#fff url('../img/btn/greenBtn.jpg') 0 0 no-repeat; }
	a.greenBlock:hover { background-position: 0 -123px; }

div.rightModule {
	width:200px;
	color:#fff;
	float:left;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:10px;
	
}
	div.rightModule h3 { font-size:1.5em; line-height:1.3em; font-weight:normal;}
	div.rightModule p { margin-bottom:.5em; line-height:1.3em; }
	div.rightModule a { color:#000; text-decoration:none; font-weight:bold; }
	div.rightModule a:hover { color:#000; text-decoration:underline; font-weight:bold; }

/* End content parts */

/* UI translations pg */

div.linkModule {
	width:198px;
	height:170px;
	float:left;
	margin-top:20px;
	margin-right:15px;
}
	div.linkModule img { border-bottom:1px solid #ebebeb;}
	div.linkModule p { padding:10px; font-size:1em; color:#444; line-height:1.1em;}
		div.linkModule div.grayInner {
			width:198px; height:170px;
		}
	
/* End ui translations pg */

/* Downloads pg */

div.termSearch {
	width:682px;
	height:187px;
	background: #fff url('../img/searchTermBg.jpg') 0 0 no-repeat;
}
	div.termSearchForm { 
		padding:15px 5px;
		margin-top: 15px;
		padding-bottom:0;
	}
		div.termSearch span.termSearchLbl, div.termSearch span.termSearchToLbl, div.termSearch span.termSearchEnglishLbl { 
			margin:12px 5px 12px 0;
			width:100px;
			display:inline-block;
			color:#464646;
			font-family:arial,sans-serif;
			font-size:1.3em; 
			text-align:right;
		}
		div.termSearch span.termSearchEnglishLbl { text-align: left; }
		div.termSearch span.termSearchToLbl { text-align:center; display:inline; }
		div.termSearch input, div.termSearch select {
			border:1px solid #888;
			font-size:1.25em;
			height:25px;
			padding:6px 3px 0;
		}
			div.termSearch input.txtSearchTerm {
				width:460px;
			}
			div.termSearch label#langFrom {
				margin-left:15px;
			}
		div.termSearch select {
			padding:3px;
			height:30px;
			width:200px;
		}
			div.termSearch select.cboProducts {
				width:330px;
			}
	div.termSearch .productSearch {
		margin-top:15px;
	}
	div.termSearchErrorPnl
	{
		color: #d03700;
		margin: 0px auto;
		font-size: 1.5em;
		text-align: center;
		font-weight: bold;
		margin-top: 10px;
	}

div.searchBar.rightModule {
	margin-top:5.5em; /* pushes down top box to align w/search box */
	min-height:183px;
}
	div.searchBar.rightModule div.greenInner {
		min-height:145px;
	}

div.termResults { clear:both; margin-bottom:30px; }
	div.termResults h3 { 
		font-size:1.3em; 
		margin-top:5px; 
		float:left; 
		display:inline; 
		margin-left:20px;
	}
	div.termResults p { 
		float:right; 
		display:inline; 
		margin-top:15px;
		text-align:right; 
		font-size:1em;
		color:#BBB;
	}
	div.termResults table {
		width:100%;
		clear:both;
		color:#222;
	}
		div.termResults table td { border-collapse:collapse; padding: 8px 10px; font-size:0.95em; }
		div.termResults table.blueRows tr:nth-child(2n+1) { background-color:#f0f5fc; } 
		div.termResults table.blueRows tr.blueRows { background-color:#f0f5fc; }
		div.termResults table.orangeRows tr:nth-child(2n+1) { background-color:#faf0dc; } 
		div.termResults table.orangeRows tr.orangeRows { background-color:#faf0dc; }
		div.termResults table td.colFirst { width:20%; }
		div.termResults table td.colSecond{ width:20%; }
		div.termResults table thead td { background-color:#fff; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; }

/* end downloads pg */

/* download terminology pg */

div.grayOuter.terminology {
		width:660px;
}
	div.grayOuter.terminology  div.grayInner{
		height:350px; /* since inner el's are floated */
		background-color:#e1e1e1;
		padding:20px;
	}	
		div.grayOuter.terminology select.terminology {
			width:250px;	
			height:300px;
			float:left;
		}
			div.grayOuter.terminology select.terminology option {
				font-size:1.1em;
				padding-bottom:3px;
			}
		div.grayOuter.terminology h4 {
			color:#555;
		}
		div.grayOuter.terminology p {
			/*margin-top:210px;*/
			width:340px;
			float:right;
			color:#555; 
			font-size:1em;
		}
		div.grayOuter.terminology p#langSelectError
		{
			color: red;
			margin-top: 10px;
			font-weight: normal;
		}
		div.grayOuter.terminology p#licAgreement
		{
			margin-top: 170px;
		}
			div.grayOuter.terminology p a {
				color:#333;
				border-bottom:1px solid #999;
				text-decoration:none;
				font-weight:bold;
			}
				div.grayOuter.terminology p a:hover {
					border-bottom:1px solid #000; 
				}
		div.grayOuter.terminology .downloadBtn {
			float:right;
			padding-top:8px;
			padding-left:5px;
			height:18px;
		}
		div.grayOuter.terminology .cancelBtn {
			margin-left:160px;
		}

/* end download terminology pg */

/* style guides pg */

div.grayOuter.styleGuides {	
}	
	div.grayOuter.styleGuides div.grayInner {
		padding:20px;
		background-color:#e1e1e1;
	}
	div.grayOuter.styleGuides h4 {
		margin-bottom:0px;
	}
	div.grayOuter.styleGuides form select {
		width:300px;
		height:25px;
	}
	div.grayOuter.styleGuides .downloadBtn {
		float:none; 
	}
	div.grayOuter.styleGuides ol {
		list-style-type:decimal;
		margin-left:20px;
	}
		div.grayOuter.styleGuides ol li {
			padding-bottom:5px;
		}

/* END style guides pg */

/* feedback pg */

div.feedbackWrap.grayOuter {
	width:660px;
	margin-top:15px;
}
div.feedbackWrap.grayInner {
	background-color:#e1e1e1;
	padding:20px;
	padding-bottom:45px;
	border:none;
}
	div.feedbackWrap h4 {
		color:#444;
	}
	div.feedbackWrap label {
		display:inline-block;
		width:95px;
		text-align:right;
		margin-right:10px;
		margin-bottom:20px;
		font-size:1.2em;
		color:#555;
	}
		div.feedbackWrap p {
			color:#555;
			font-size:1.2em;
		}
			div.feedbackWrap p input {
				margin-left:5px; 
			}
			div.feedbackWrap p label {
				font-size:1em;
				text-align:left;
				margin-right:0;
				margin-bottom:0;
			}
		div.feedbackWrap label.emailMe {
			width:400px;
			text-align:left;
			margin-left:5px;
			vertical-align:bottom;
			margin-bottom:5px;
		}
	div.feedbackWrap select {
		width:300px;
		height:25px;
		margin-bottom:18px;
		border:1px solid #9c9c9c;
	}
	div.feedbackWrap .feedbackMsg {
		height:200px;
		margin:0px 0px 20px 5px;
		padding:5px;
		width:590px;
		border:1px solid #9c9c9c;
		font-family:arial, sans-serif;
		font-size:0.9em;
	}
	div.feedbackWrap span.feedAlignTop 
	{
		vertical-align: top;	
	}
	div.feedbackWrap p
	{
		margin-bottom: 0;	
	}
	div.feedbackWrap p.feedRBInputs
	{
		margin-bottom: 1em;
	}
	div.feedbackWrap input.long {
		width:598px;
		height:20px;
		padding:5px 0 0 3px;
		border:1px solid #9c9c9c;
	}
		div.feedbackWrap input#emailMe {
			width:15px;
			border:none;
		}
		div.feedbackWrap  input.submitBtn {
			float:right;
			margin-right:6px;
			margin-bottom:10px;
			height:31px;
		}

	div.feedbackWrap .error {
		margin:0 0 0 15px;
	}
		div.feedbackWrap .error.language {
			margin-left: 0px;
		}
		div.feedbackWrap p.error.translation {
			margin-top:5px;
			margin-bottom:-20px;
		}
		div.feedbackWrap p.error.message {
			margin-top:-15px;
			margin-bottom:10px;
		}
	
/* end feedback pg */

/* license agreement */

ol.licenseAgreement {
	list-style-type:decimal;
	margin-left:20px;
	font-size:1.15em;
	color:#888;
}
	ol.licenseAgreement li {
		margin-bottom:10px;
		margin-left:20px;
	}
ol.licenseAgreement.alpha {
	list-style-type:lower-alpha;
}

/* END license agreement */

/* footer */
div.footer {
display:block;
	background-color: #FFFFFF;
    border-bottom:1px solid #D0CFCC;
    border-left:1px solid #D0CFCC;
    border-right:1px solid #D0CFCC;
	padding-top:110px;
    position:relative;
	width:945px; /* IE7 needs this */
}
    div.footer div.footerLinksWrapper {
	    float: left;
	    padding:25px 0 30px 25px;
    }
        div.footer div.footerLinksWrapper ul li {
	        border-right: 1px solid #b2b2b2;
	        float: left;
        }
            div.footer div.footerLinksWrapper ul li.first {
	            border-right:medium none;
                color:#969696;
                padding-right:225px;
            }
            div.footer div.footerLinksWrapper ul li.last {
	            border-right: none;
            }
                div.footer div.footerLinksWrapper ul li a {
	                padding: 0 5px;
                }

 div.footer div.defooterLinksWrapper {
	    float: right;
	      padding-top:25px;
    }
        div.footer div.defooterLinksWrapper ul li {
	        border-right: 1px solid #b2b2b2;
	        float: right;
        }
            div.footer div.defooterLinksWrapper ul li.first {
	            border-right:medium none;
                color:#969696;
            }
            div.footer div.defooterLinksWrapper ul li.last {
	            border-right: none;
	            padding-right:150px;
            }
                div.footer div.defooterLinksWrapper ul li a {
	                padding: 0 5px;
                }
    div.footer a.footerLogo {
	    background:url("../img/siteGraphics/msLogoFooter.gif") no-repeat scroll left top transparent;
        display:block;
        float:right;
        height:18px;
        margin:27px 20px 0 0;
        text-indent:-9999px;
        width:102px;
    }
/* END footer */

/* modal */

div.modalBackground
{
	background-color:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
}

div.window {
	z-index:9999;
	clear:both;
	width:450px;
	padding:10px 10px 20px 20px;
	background-color:#ffffff;
	border:none;
}
	div.window .cancelBtn a, div.window .downloadBtn a{
		/*float: right;*/
		text-decoration:none;
	}
	div.window div.btnWrapper
	{
		text-align: right;
		text-decoration:none;
	}
	div.window .downloadBtn 
	{
		margin-left: 10px;
	}
	div.window div.loadingResults
	{
		padding: 10px 0px;
		text-align: center;
	}
	div.window span.selectedLang {
		color:#D03700;
		font-weight:bold;
		font-size:1.1em;
	}
	div.window div.loadingResults SPAN 
	{
		color:#D03700;
		font-weight:bold;
		font-size:1.1em;
		/*padding-left: 25px;
		background: url("../img/ajax-loader.gif") no-repeat left top;*/
	}
	div.window p {
		margin:5px 0;
	}

	
/* end modal */

/* Microsoft Service API*/

ul.ServiceAPI 
{
    list-style-type:disc;
	margin-left:20px;
	font-size:1.15em;
	color:#888;
}
ul.ServiceAPI li 
{
    margin-bottom:10px;
    margin-left:20px;
}

.formatTable
{
    border: 0.5px solid #888;
    border-width:thin;
    margin-left:20px;
	font-size:1.15em;
	width:40%;
}
.formatTable tr td
{
    border-left : 0.5px solid #888;
    border-right : 0.5px solid #888;
    border-bottom: : 0.5px solid #888;
    border-top : 0.5px solid #888;
    border-width:thin;
    margin-bottom:10px;
    margin-left:20px;
    color:#888;
}

/* End of Microsoft Service API*/


/* Toolbox page*/
div.ToolboxleftContent 
{
	width:680px;
	padding:25px 20px 10px 20px;
	float:left;
}
	div.ToolboxleftContent h1 { font-size:2.1em; margin-bottom:1.1em;}
	div.ToolboxleftContent p { font-size:1.15em; color:#898989; margin-bottom:1em;}
	div.ToolboxleftContent a { text-decoration:underline; }
ul.Toolbox
{
    list-style-type:disc;
	margin-left:20px;
	font-size:1.15em;
	color:#888;
}
ul.Toolbox li 
{
    margin-bottom:10px;
    margin-left:20px;
}


/* End of Toolbox page*/

