/* MasterStylesCommon Starts Here */

/* Necessary to enforce proper Japanese line breaking in I.E. */
*
{
	line-break: strict;
}

/* O15 table styles */
.o15table,
.o15table2
{
	width: 100%;
	margin-bottom: 30px;
	border-collapse: separate;
	border-spacing: 1px;
}

.o15table th,
.o15table2 th
{
	font-weight: normal;
	white-space: nowrap;
	width: 25%;
	font-size: 11px;
}

.o15table th,
.o15table td
{
	padding: 5px 12px;
	vertical-align: top;
	text-align: left;
}

/* This should be normal font just different color */
h4
{
	line-height: normal;
}

h5
{
	line-height: normal;
}

h6
{
	line-height: normal;
}

a:hover
{
	text-decoration: underline;
	cursor: pointer;
}

a[disabled]
{
	color: #666666 !important;
}

a[disabled]:hover
{
	cursor: default;
	text-decoration: none;
}

/* Force default margins since they differ between browsers */
p
{
	margin: 1ex 0ex 1ex 0ex;
}

/* Removes link border style in I.E. and Firefox */
img
{
	border-style: none;
}

hr
{
	border: solid 1px #505050;
	margin: 8px 0px 8px 0px;
}

/* Bug(OM:#387344): [Accessibility][HighContrast][O14][IE10] Disabled dropdown list is in improper color*/
/* This is used for disabled dropdownlist and textbox in highcontrast mode in IE/Firefox. */
.DropdownList-disabled, .TextBox-disabled
{
    opacity: 0.4; /* For Firefox */
    filter: alpha(opacity=40); /* For IE */
}

/* Table Elements */
th
{
	font-weight: normal;
	text-align: left;
}

/* only works for Firefox & Safari */
select:disabled
{
	color: #c3cdd2;
	background-color: white;
	border: solid 1px #d5dee2;
}

option
{
	padding-left: 10px;
}

/* only works for Firefox & Safari */
option:disabled
{
	color: #c3cdd2;
}

fieldset
{
	border: solid 1px #9C9C9C;
	margin: 10px 0px 10px 0px;
	padding: 6px 6px 6px 6px;;
}

legend
{
	margin: 1px 5px 0px 5px;
}

/* End Scrollbars styles */
/* together with the input's margin, it should be 12px */
label
{
	margin-left: 8px;
}

textarea
{
	overflow: auto;
	resize: none;
}

/* Needed for I.E. text alignment issue */
button,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
	padding: 0px 0px 1px 0px;
	min-width: 100px;
	height: 30px;
	overflow: visible;
}

/* Disabled Form elements */
input[type=checkbox]:disabled,
input[type=radio]:disabled
{
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	-webkit-opacity: .25;
	-ms-opacity: .25;
	opacity: .25;
}

/* List Elements */
ol,
ul
{
	margin: 0px 0px 0px 0px;
	padding: 0em 0em 0em 0em;
	padding-left: 2em;
}

dl
{
	margin: 0px 0px 0px 0px;
}

dd
{
	margin: 0em 0em 0em 2em;
}

/* general styles */
.pb5
{
    padding-bottom:5px;
}

.pb15
{
    padding-bottom:15px;
}

.pl5
{
    padding-left:5px;
}
.pl20
{
    padding-left: 20px;
}
.pb40
{
    padding-bottom: 40px;
}
.pt20
{
    padding-top: 20px;
}
.nopadding
{
    padding: 0px !important;
}
.block
{
    display:block;
}

.nowrap
{
    white-space:nowrap;
}

.m5
{
    margin:5px;
}

.mb10
{
    margin-bottom:10px;
}

.m10
{
    margin:10px;
}

.ml10
{
    margin-left:10px;
}

.mt20
{
    margin-top:20px;
}

/* end of general styles */
/*Standard BOX Style Classes*/
.BOX-FloatLeftRelative
{
	float: left;
}

.BOX-FloatRightRelative
{
	float: right;
}

.BOX-TextAlignLeftRelative
{
	text-align: left;
}

.BOX-TextAlignRightRelative
{
	text-align: right;
}

.BOX-DisabledText
{
	color: #a6a6a6 !important;
}

.BOX-DescriptiveText
{
	font-family: SegoeUI-Regular-final, "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: normal;
	letter-spacing: normal;
}

#GlobalSearchTextBox
{
    margin-left : 60px;
    width : 350px;
    font-size:12px;
}

#GlobalSearchTextBox_TextBox 
{
    text-align: left;
}

#GlobalSearchTextBox.SearchBox > table,
#GlobalSearchTextBox.SearchBox > table:hover,
#GlobalSearchTextBox.SearchBox.focused > table
{
    border: 1px solid #a3aeaf;
}

a.Button b,
a.Button-focus b,
a.Button-hover b,
a.Button-active b,
span.Button-disabled b
{
	height: 0px;
	margin: 0px 3px;
	border-bottom: 1px solid;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

a.Button i,
a.Button-focus i,
a.Button-hover i,
a.Button-active i,
span.Button-disabled i
{
	height: 1px;
	margin: 0px 2px;
	border-left: 1px solid;
	border-right: 1px solid;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

a.Button u,
a.Button-focus u,
a.Button-hover u,
a.Button-active u,
span.Button-disabled u
{
	height: 1px;
	margin: 0px 1px;
	border-left: 1px solid;
	border-right: 1px solid;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

/* <box:CancelButton> Control Styles */
a.CancelButton,
a.CancelButton-focus,
a.CancelButton-hover,
a.CancelButton-active,
span.CancelButton-disabled
{
	display: inline-block;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
}

a.CancelButton b,
a.CancelButton i,
a.CancelButton u,
a.CancelButton-focus b,
a.CancelButton-focus i,
a.CancelButton-focus u,
a.CancelButton-hover b,
a.CancelButton-hover i,
a.CancelButton-hover u,
a.CancelButton-active b,
a.CancelButton-active i,
a.CancelButton-active u,
span.CancelButton-disabled b,
span.CancelButton-disabled i,
span.CancelButton-disabled u
{
	height: 1px;
	margin: 0px 0px;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

/*<box:HyperLink> Control Styles*/
a > img.HyperLink-MainImg
{
	display: inline;
}

a > span.HyperLink-MainImg
{
	display: inline-block;
}

a > img.HyperLink-HoverImg,
a > span.HyperLink-HoverImg
{
	display: none;
}

a:hover > img.HyperLink-MainImg,
a:hover > span.HyperLink-MainImg
{
	display: none;
}

a:hover > img.HyperLink-HoverImg
{
	display: inline;
}

a:hover > span.HyperLink-HoverImg
{
	display: inline-block;
}

/*<box:TodayControl> Control Styles*/
.TodayControl-Month
{
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	letter-spacing: .04em;
	line-height: normal;
}

.TodayControl-Date
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 18pt;
	letter-spacing: -.03em;
	line-height: normal;
}

.TodayControl-Day
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 17pt;
	letter-spacing: -.03em;
	line-height: normal;
}

/* take into account 1px round cornder rectangle border. */
div.RightRoundLeftNone,
div.LeftRoundRightNone
{
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_bar_white_1020_3.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* Software Download Control */
div.SoftwareDownload-AppContainer 
{
    margin: 0 1px 10px 1px;
    display: inline-block;
    text-align: center;
    width: 76px;
    vertical-align: top;
}

span.SoftwareDownload-AppLabel
{
    font-size: 14px;
    display: block;
    margin-top: 7px;
}

/*<box:PeoplePicker> Control Styles*/
.PeoplePicker
{
	display: inline-block;
}

.PeoplePicker table.MainLayout > tbody > tr > td
{
	vertical-align: top;
}

.PeoplePicker table.ActionBar
{
	height: 30px;
}

.PeoplePicker.CheckBoxesInMargin table.ActionBar > tbody > tr > td.CheckboxTd
{
	margin-top: 2px;
}

.PeoplePicker table.ActionBar > tbody > tr > td.SearchBoxTd
{
	padding-left: 4px;
	padding-right: 4px;
	width: 100%;
}

.PeoplePicker table.ActionBar > tbody > tr > td.SearchBoxTd > .SearchBox
{
	margin-left: auto;
}

.PeoplePicker table.ActionBar > tbody > tr > td.ActionsTd
{
	padding-left: 4px;
	padding-right: 20px;
}

.PeoplePicker div.SearchLoading
{
    padding-top: 8px;
}

.PeoplePicker div.SearchLoading > span
{
    display: inline-block;
    margin-left: 8px;
}

.PeoplePicker div.AddWindow
{
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    left: 0px;
    top: -1px;
    padding: 8px;
    position: absolute;
    width: 250px;
    z-index: 10;
}

.PeoplePicker div.AddWindowPrompt
{
	font-size: 9pt;
	line-height: 12pt;
	margin-bottom: 4px;
}

.PeoplePicker table.AddWindowSearchBox > tbody > tr > td.SearchText
{
	border: 1px solid #737c85;
	border-right: none;
	width: 100%;
}

.PeoplePicker table.AddWindowSearchBox > tbody > tr > td.SearchText > input[type=text]
{
	border: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.PeoplePicker table.AddWindowSearchBox > tbody > tr > td.SearchButton
{
	border: 1px solid #737c85;
	border-left: none;
	padding: 0px 4px;
}

.PeoplePicker div.AddWindowSearchLoading
{
	padding-top: 8px;
}

.PeoplePicker div.AddWindowSearchLoading > span
{
	display: inline-block;
	margin-left: 8px;
}

.PeoplePicker div.AddWindowList table
{
	width: 100%;
}

.PeoplePicker.CheckBoxesInMargin div.List
{
	margin-left: -25px;
	padding-left: 25px;
	position: relative;
}

.PeoplePicker div.List table
{
	width: 100%;
}

/* 6px - 3px default margin-right */
.PeoplePicker td.CheckboxTd
{
	padding-right: 3px;
}

.PeoplePicker.CheckBoxesInMargin td.CheckboxTd
{
	margin-left: -25px;
	margin-top: 12px;
	position: absolute;
}

.PeoplePicker .concealable
{
	display: inline-block;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0.0;
}

.PeoplePicker tr.Highlight .concealable,
.PeoplePicker tr.Selected .concealable,
.PeoplePicker .concealable:focus,
.PeoplePicker .concealable.show
{
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.PeoplePicker td.UserDataTd
{
	cursor: default;
	width: 100%;
}

.PeoplePicker td.UserDataTd > img.Photo
{
	vertical-align: middle;
	margin-right: 8px;
}

.PeoplePicker td.UserDataTd > span.Text > span.Name
{
	font-weight: bold;
}

.PeoplePicker td.ActionTd
{
	padding-left: 4px;
	padding-right: 20px;
}

.PeoplePicker div.TotalUsersCount
{
	margin-top: 16px;
	text-align: right;
}

.PeoplePicker div.PeoplePickerQuickPanel
{
	border-left: 1px solid #737c85;
	padding-left: 40px;
	min-width: 600px;
	max-width: 1000px;
	max-height: 535px;
	padding-bottom: 50px;
	vertical-align: top;
}

.PeoplePicker div.PeoplePickerQuickPanelDesc
{
	margin-bottom: 30px;
}

.PeoplePicker div.PeoplePickerQuickPanelActions
{
	margin-bottom: 40px;
}

.PeoplePicker div.PeoplePickerQuickPanelCtrl
{
	margin-bottom: 20px;
}

/* ======================================================    TileGrid, Tiles, TileBalloon Styles// ======================================================*/
Div.TileGrid
{
	position: relative;
	margin-bottom: 30px;
	margin-top: 30px;
}

Div.TileGrid > .Slider
{
	display: inline-block;
	position: relative;
	left: 0px;
}

Div.TileGrid .Tile
{
	overflow: hidden;
	width: 200px;
	height: 164px;
	margin-right: 12px;
	float: left;
	position: relative;
	border-bottom: 6px solid #70797f;
}

Div.TileGrid .Tile:hover
{
	border-bottom-color: #3faef5;
	cursor: pointer;
}

Div.TileGrid .Tile A,
Div.TileGrid .Tile > span
{
	position: absolute;
	bottom: 0;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 22px;
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 15px;
	color: #666666;
	line-height: normal;
}

Div.TileGrid .Tile A:hover
{
	text-decoration: none;
}

Div.TileGrid .Tile.Error,
Div.TileGrid .Tile.Error:hover
{
	border: 1px solid #9da5a8;
	border-bottom-width: 5px;
	cursor: default;
	width: 198px;
}

Div.TileGrid .Tile.Error > Div
{
	position: relative;
	filter: alpha(opacity:80);
	opacity: .8;
	background-color: #ffffff;
	height: 163px;
}

Div.TileGrid .Tile.Error > Div img
{
	padding-top: 24px;
	padding-left: 12px;
	clear: none;
}

Div.TileGrid .Tile span
{
	display: inline-block;
}

Div.TileGrid .Tile.Error > Div span
{
	padding-left: 12px;
	padding-right: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 12px;
	line-height: 18px;
}

Div.TileGrid .HeadlineTile
{
	margin-right: 47px;
	margin-bottom: 60px;
	width: 230px;
	height: 140px;
}

Div.TileGrid .CollapsedTile
{
    height: 30px;
}

Div.TileGrid .CollapsedTile .ExpandedTileElement
{
    display: none;
}

Div.TileGrid .CollapsedTile .CollapsedTileElement
{
    display: inline;
}

Div.TileGrid .ExpandedTile .ExpandedTileElement
{
    display: block;
}

Div.TileGrid .ExpandedTile .CollapsedTileElement
{
    display: none;
}

Div.TileGrid .HeadlineTile ul
{
	list-style: none none outside;
	margin: 0px;
	padding: 0px;
}

Div.TileGrid .HeadlineTile a
{
	line-height: 19px;
}

Div.TileGrid .HeadlineTile > h2
{
	padding-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	width: 230px;
}

Div.TileGrid .HeadlineTile > div.Carousel
{
	padding-bottom: 22px;
}

Div.TileGrid .HeadlineTile div.DataPoint,
Div.TileGrid .HeadlineTile div.InfoBlock
{
	height: 100%;
}

Div.TileGrid .HeadlineTile div.DataPoint
{
	white-space: nowrap;
	overflow: hidden;
}

Div.TileGrid .HeadlineTile div.DataPoint > div:first-child
{
	color: #333;
	line-height: 100%;
	padding-right: 5px;
	font-size: 65px;
	margin-top: -0.16em;
	float: left;
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
}

Div.TileGrid .HeadlineTile div.DataPoint span.Plus
{
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	line-height: normal;
	padding-top: 10px;
}

Div.TileGrid .HeadlineTile div.InfoBlock > span:first-child
{
	color: #a80f22;
	display: block;
}

Div.TileGrid > Div.PagingButtons
{
	padding-bottom: 12px;
	padding-top: 30px;
	margin-right: 40px;
	text-align: right;
}

Div.TileGrid > Div.PagingButtons > Span:first-child
{
	margin-right: 8px;
}

Div.TileGrid > Div.PagingButtons Input.Hidden
{
	visibility: hidden;
}

Table.OpenDocImages
{
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}

Table.OpenDocImages TD
{
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

Table.OpenDocImages img,
Table.OpenDocImages a > span:first-child
{
	display: inline-block;
}

Table.OpenDocImages img:hover,
Table.OpenDocImages a > span:first-child:hover
{
	text-decoration: none;
}

Span.CloseButton
{
	text-align: right;
	display: inline-block;
	width: 100%;
}

td.PageLayout-SignupContent > div
{
	overflow: hidden;
}

td.PageLayout-SignupInfo-Ruler
{
	width: 5px;
	background-color: #ebeef0;
}

td.PageLayout-SignupInfo-Ruler > div
{
	width: 5px;
}

td.PageLayout-SignupInfo-Padding
{
	width: 20px;
}

td.PageLayout-SignupInfo-Padding > div
{
	width: 20px;
}

.Shell-MOS td.NavPanel
{
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/pagelayout_white_panel.jpg);
	background-repeat: repeat-y;
	background-position: right 0px;
}

.Shell-MOS td.NavPanel > div
{
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/pagelayout_mos_background_right.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.Shell-Office td.NavPanel
{
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/pagelayout_dropshadow_right.jpg);
	background-repeat: repeat-y;
	background-position: right 0px;
}

.Shell-Office td.NavPanel > div
{
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/pagelayout_office_background_right.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* in case the Nav title is not a link, we don't want it to be link colored */
div.NavData > span
{
	color: #f97c00;
}

/* common styles for ULs & LIs regardless of nav level */
div.NavData ul,
div.NavData li
{
	margin: 0px;
	padding: 0px;
	display: block;
}

/* first subnav item under top nav */
div.NavData > ul > li.TopNav + li.SubNav
{
	margin-top: 2px;
}

/*  common styles for A and SPAN top nav and subnav items */
div.NavData > ul > li.TopNav a,
div.NavData > ul > li.TopNav span,
div.NavData > ul > li.SubNav a,
div.NavData > ul > li.SubNav span
{
	display: block;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-left: 1px;
	margin-right: 1px;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
}

/* topnav item that is also a link */
div.NavData > ul > li.TopNav a
{
	color: #008bcc;
}

/* topnav item that is not a link */
div.NavData > ul > li.TopNav span
{
	color: #f97c00;
}

table.NavTitle
{
	width: 100%;
	font-size: 9pt;
	line-height: normal;
}

table.NavTitle td.title
{
	width: 100%;
}

table.NavTitle td.margin,
table.NavTitle td.margin > div
{
	width: 13px;
}

table.NavTitle td.highlight,
table.NavTitle td.highlight > div
{
	width: 5px;
	background-color: #b5db13;
}

table.NavTitle td.space,
table.NavTitle td.space > div
{
	width: 8px;
}

div.NavDataBack
{
	padding-top: 20px;
	padding-left: 40px;
	padding-bottom: 20px;
}

/* span is needed for cluster images optimization */
div.NavDataBack > img,
div.NavDataBack > span
{
	margin-right: 8px;
}

div.NavDataBack > a
{
	font-size: 12px;
	line-height: normal;
	letter-spacing: normal;
}

div.NavDataBackPartnerAdminCenter
{
	padding-top: 20px;
	padding-left: 20px;
}

div.NavDataBackPartnerAdminCenter > img
{
	margin-right: 8px;
}

/*  PageLayout Round Corner Styles */
div.RightRoundLeftNone > B,
div.LeftRoundRightNone > B,
div.NoSides > B,
div.RightRoundLeftFlat > B
{
	border-bottom: solid 1px #BABABA;
	background-color: #FFFFFF;
	height: 0px;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

div.RightRoundLeftNone > B,
div.RightRoundLeftFlat > B
{
	margin-right: 3px;
	margin-left: 0px;
}

div.LeftRoundRightNone > B
{
	margin-right: 0px;
	margin-left: 3px;
}

div.NoSides > I,
div.NoSides > U
{
	height: 1px;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

div.NoSides > I,
div.NoSides > U,
div.NoSides > DIV
{
	background-color: #FFFFFF;
}

div.RightRoundLeftNone > I,
div.RightRoundLeftNone > U,
div.RightRoundLeftFlat > I,
div.RightRoundLeftFlat > U
{
	border-right: solid 1px #BABABA;
	background-color: #FFFFFF;
	margin-left: 0px;
	height: 1px;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

div.RightRoundLeftNone > I,
div.RightRoundLeftFlat > I
{
	margin-right: 2px;
}

div.RightRoundLeftNone > U,
div.RightRoundLeftFlat > U
{
	margin-right: 1px;
}

div.RightRoundLeftFlat > I,
div.RightRoundLeftFlat > U,
div.RightRoundLeftFlat > DIV
{
	border-left: solid 1px #BABABA;
}

div.LeftRoundRightNone > I,
div.LeftRoundRightNone > U
{
	border-left: solid 1px #BABABA;
	background-color: #FFFFFF;
	margin-right: 0px;
	height: 1px;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

div.LeftRoundRightNone > I
{
	margin-left: 2px;
}

div.LeftRoundRightNone > U
{
	margin-left: 1px;
}

div.RightRoundLeftNone > DIV,
div.RightRoundLeftFlat > DIV
{
	border-right: solid 1px #BABABA;
	background-color: #FFFFFF;
}

div.LeftRoundRightNone > DIV,
div.RightRoundLeftFlat > DIV
{
	border-left: solid 1px #BABABA;
	background-color: #FFFFFF;
}

/*<box:MultiPageLayout> Control Styles*/
.MultiPageLayout > div.padding
{
	height: 26px;
}

.MultiPageLayout > div.borders
{
	padding: 0px;
}

.MultiPageLayout > div.padding > span.help
{
	float: right;
	padding: 2px 2px 0px 2px;
	display: inline-block;
}

.MultiPageLayout > div.return
{
	margin-bottom: 40px;
}

table.MultiPageLayout-Wizard
{
}

table.MultiPageLayout-Wizard > tbody > tr > td.navigation > div > ol > li
{
	margin-bottom: 7px;
}

table.MultiPageLayout-Wizard ol
{
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 1.55em;
}

table.MultiPageLayout-Wizard > tbody > tr > td.navigation > div > ol > li.selected
{
	color: #f97c00;
	font-weight: bold;
}

table.MultiPageLayout-Wizard td.divider > div
{
	width: 26px;
}

table.MultiPageLayout-Wizard > tbody > tr > td.content
{
	width: 100%;
	vertical-align: top;
}

ul.MultiPageLayout-TabBar
{
	white-space: nowrap;
	padding: 0px;
	margin-bottom: 15px;
	cursor: default;
	font-size: 11pt;
	line-height: normal;
	letter-spacing: 0px;
}

ul.MultiPageLayout-TabBar > li
{
	display: inline;
	font-weight: bold;
}

ul.MultiPageLayout-TabBar > li.selected > a
{
	color: #f97c00;
	text-decoration: none;
	cursor: default;
}

/* Tab Seperator */
ul.MultiPageLayout-TabBar > span,
ul.MultiPageLayout-TabBar > li > span
{
	color: #737c85;
	padding-right: 18px;
	padding-left: 18px;
	font-weight: normal;
}

div.MultiPageLayout-ButtonBar > span,
div.MultiPageLayout-ButtonBar > a
{
	float: left;
}

div.MultiPageLayout-ButtonBar > span:first-child + a
{
	margin-left: 0px;
}

div.MultiPageLayoutPanel > table.SideBar
{
	width: 100%;
}

div.MultiPageLayoutPanel > table.SideBar > tbody > tr > td.LayoutPanel
{
	vertical-align: top;
	width: 100%;
}

div.MultiPageLayoutPanel > table.SideBar > tbody > tr > td.SideBar
{
	vertical-align: top;
	width: 260px;
}

div.MultiPageLayoutPanel > table.SideBar > tbody > tr > td.SideBar > div
{
	width: 220px;
	padding-left: 40px;
}

/* ----------- */
div.Loading-Vertical,
div.Loading-Horizontal
{
	text-align: left;
}

div.Loading-Vertical > span,
div.Loading-Vertical > table
{
	display: block;
}

div.Loading-Vertical img
{
	margin-bottom: 20px;
	vertical-align: middle;
}

div.Loading-Horizontal > span,
div.Loading-Horizontal > table
{
	display: inline-block;
}

/*<box:PropertySheet> Control Styles*/
.PropertySheet
{
	display: inline-block;
}

.PropertySheet a.Header,
.PropertySheet a.Header:hover
{
	text-decoration: none;
	cursor: pointer;
}

.PropertySheet span.Arrow,
.PropertySheet a.Arrow:hover
{
	margin-left: 10px;
	text-decoration: none;
	cursor: pointer;
}

.PropertySheet span.Arrow img
{
	margin-bottom: 3px;
}

.PropertySheet .Description
{
	margin-top: 8px;
	margin-bottom: 15px;
}

.PropertySheet .DescriptionNoTitle
{
	margin-bottom: 15px;
}

/* Move the bottom margin to the spacer <div> so that normal margin collapsing will                                 happen properly.  With the margin on the <span> the spacer <div> coming after was                                trapping the margin a forcing 15px of white space, plus margin of an element that                                comes after the property sheet.*/
.PropertySheet .Spacer
{
	height: 0px;
	margin-bottom: 15px;
}

tr.PropertySheetItem .TitleSpacer,
tr.PropertySheetItem .TitleSpacer > div
{
	width: 12px;
}

tr.PropertySheetItem .ColumnSpacer,
tr.PropertySheetItem .ColumnSpacer > div
{
	width: 52px;
}

/* Box:ActionBar  ----------- */
.ActionBar,
.ActionBar li,
.ActionBar ul
{
	padding: 0px;
	margin: 0px;
	display: inline;
	white-space: nowrap;
}

.ActionBar li > a
{
}

.ActionBar li > a:hover
{
	cursor: pointer;
}

.ActionBar li > a:hover > span.OpenSym
{
	text-decoration: none;
}

.ActionSubMenu
{
	border: 1px outset;
	display: none;
	overflow: hidden;
	margin: 3px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	position: absolute;
}

.ActionSubMenu > table
{
	border-spacing: 0px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.ActionBarImage
{
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

.ActionSubMenu > table tr.RowHover
{
	cursor: pointer;
	padding: 0px 10px 0px 10px;
}

.ActionSubMenu > table tr
{
	cursor: auto;
	padding: 0px 10px 0px 10px;
}

.ActionDescription
{
	font-size: x-small;
}

.ActionDivider
{
	border-width: 0px;
	background-color: black;
	color: #F5F5F5;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.AlertList-HeaderTable
{
	cursor: pointer;
}

.AlertList-AlertComponent
{
	vertical-align: middle;
}

/* total right padding is 20px, which includes 5px for the rounded rectangle */
.AlertList-Box
{
	padding: 0px 15px 3px 7px;
}

/*alert item - left column */
.AlertList-Box-LC
{
	float: left;
}

/*alert item - right column */
.AlertList-Box-RC
{
	margin-left: 30px;
}

div.DialogManager-Foreground
{
	position: relative;
}

/* Height and width to be set dynamically through code */
div.DialogManager-Frame
{
	position: relative;
	overflow: hidden;
}

/* For some reason, IE8 requires the background-color to be set to non-transparent in order to block click throughs to elements underneath */
div.DialogManager-ForegroundFreezer
{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: black;
}

div.DialogManager-TopRegion
{
    width: 100%;
    /* Bug 97109: These settings are causing a gap to appear between the top and middle region
    height: 24px;
    overflow: hidden; */
}

div.DialogManager-CloseButtonArea
{
	text-align: right;
}

div.DialogManager-BottomRegion
{
	width: 100%;
}

div.DialogManager-Rounded1
{
	height: 0px;
	margin: 0px 3px;
	border-bottom: 1px solid;
}

div.DialogManager-Rounded2
{
	height: 1px;
	margin: 0px 2px;
	border-left: 1px solid;
	border-right: 1px solid;
	background-color: White;
}

div.DialogManager-Rounded3
{
	height: 1px;
	margin: 0px 1px;
	border-left: 1px solid;
	border-right: 1px solid;
	background-color: White;
}

div.DialogManager-Icon
{
	display: block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 0px;
}

div.DialogManager-Icon > img,
div.DialogManager-Icon > span
{
	vertical-align: middle;
	margin-right: 15px;
}

input.DialogManager-UpperRightIcons,
img.DialogManager-UpperRightIcons
{
	cursor: pointer;
	vertical-align: middle;
}

.DialogManager-HeaderLeftTD
{
}

/* Fill the available space */
.DialogManager-HeaderRightTD
{
	width: 100%;
}

/* <box:DialogManager> styles - end */
/* <box:ListGrid> styles - start */
a.ListGrid-ABButton
{
	padding: 0px 8px 0px 8px;
	text-decoration: none;
}

a.ListGrid-ABCloseButton
{
	padding: 1px 5px 1px 5px;
	border: 1px solid;
	margin-right: 7px;
}

div.ListGrid-ABContainer
{
	padding: 12px;
    min-width: 550px; /* Bug(OM:#392083): Make the Action bar of ListGrid never return to a new line no matter how large the zoom is. */
}

input.ListGrid-ABSearchTextBox
{
	width: 200px;
	margin-right: 0px;
}

select.ListGrid-ABFilterSelect
{
	width: 200px;
	margin-right: 0px;
}

.ListGrid-GVTable
{
	width: 100%;
	table-layout: fixed;
}

th.ListGrid-GVDataHeader
{
	text-align: left;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding: 10px 15px 10px 0px;
	font-size: 11px;
	font-weight: bold;
	font-family: Segoe UI;
	letter-spacing: .02em;
}

th.ListGrid-GVDataHeader a
{
	text-decoration: none;
}

th.ListGrid-GVQuickPanelHeader
{
	width: 200px;
}

th.ListGrid-GVCheckboxColumnHeader
{
	border-width: 0px;
}

th.ListGrid-GVSpacerColumnHeader,
th.ListGrid-GVDataHeader,
th.ListGrid-GVDataSpacerColumnHeader,
th.ListGrid-GVQuickPanelHeader
{
	border-top: 1px solid #a3aeaf;
	border-bottom: 1px solid #a3aeaf;
}

th.ListGrid-GVCheckboxColumnHeader,
th.ListGrid-GVSpacerColumnHeader
{
	padding-left: 0px;
	padding-right: 0px;
}

span.ListGrid-SortArrowImage
{
	margin-left: 5px;
}

tr.ListGrid-GVDataRow
{
	line-height: 22px;
}

td.ListGrid-GVDataCell
{
	text-align: left;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 0px;
	overflow: hidden;
	white-space: nowrap;
	max-width: 165px;
}

td.ListGrid-GVDataCell,
td.ListGrid-GVDataSpacerCell,
td.ListGrid-GVSpacerCell
{
	border-bottom: 1px solid transparent;
}

td.ListGrid-GVDataCell a {
	margin-left: 1px;
}

th.ListGrid-GVCheckboxColumnHeader,
td.ListGrid-GVCheckboxCell
{
	width: 21px;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 0px;
    background-color: transparent !important;
}

th.ListGrid-GVSpacerColumnHeader,
td.ListGrid-GVSpacerCell
{
	width: 8px;
}

th.ListGrid-GVDataSpacerColumnHeader,
td.ListGrid-GVDataSpacerCell
{
	width: 15px;
}

td.ListGrid-GVVerticalBufferCell
{
	line-height: 100%;
}

td.ListGrid-QPEmptyCell
{
	line-height: 0px;
}

td.ListGrid-GVQuickPanelCell
{
	vertical-align: top;
}

td.ListGrid-GVQuickPanelCellVisible
{
	border-left: 1px solid #a3aeaf;
}

td.ListGrid-GVFooterPagingInfoLeft,
td.ListGrid-GVFooterPagingInfoRight,
td.ListGrid-GVFooterSpacer
{
	border-top: 1px solid #a3aeaf;
}

td.ListGrid-GVFooterPagingInfoLeft
{
	text-align: left;
}

td.ListGrid-GVFooterPagingInfoRight
{
	text-align: right;
}

div.ListGrid-GVFooterPagingContainer
{
	padding-top: 10px;
}

div.ListGrid-GVFooterPagingStatusContainer
{
	padding-right: 8px;
}

div.ListGrid-GVEmptyMessageContainer
{
	text-align: center;
	padding-top: 12px;
	height: 80px;
}

a.ListGrid-GVPagingIcons
{
	margin-right: 6px;
}

div.ListGrid-QPContainer
{
	vertical-align: top;
	padding-left: 15px;
	padding-bottom: 20px;
}

/* 200 px Quick Panel - 15 px left padding */
/* Bug(OM: #558535)[PROD][UserManagmenet]active users, user name doens't show completely when it's long
    Wrap it if it's longer than given width. Otherwise, it will not show completely.
*/
div.ListGrid-QPContentContainer
{
	width: 185px;
	word-wrap: break-word;
	overflow: hidden;
}

div.ListGrid-QPFader
{
	position: absolute;
}

/* Updated from 25px so that top/bottom truncation won't happen due to overflow:hidden */
/* Updated from 18px to account for additional height */
/* Bug(OM: #558535)[PROD][UserManagmenet]active users, user name doens't show completely when it's long
    Wrap the detail page title, and don't set the height. Otherwise, it will not show completely.
*/
div.ListGrid-QPDescription1
{
	font-family: Segoe UI;
	font-size: 24px;
	letter-spacing: .01em;
	line-height: 20pt;
	margin-top: 18px;
	margin-bottom: 8px;
}

div.ListGrid-QPIcons
{
	padding-top: 12px;
}

.ListGrid-QPIconContainer *
{
	vertical-align: middle;
}

a.ListGrid-QPDisabledLink,
a.ListGrid-QPDisabledLink:hover
{
	text-decoration: none;
	color: #c3cdd2;
	cursor: default;
}

span.ListGrid-QPIconSeparator
{
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
}

div.ListGrid-QPHeading
{
	padding-top: 30px;
    padding-bottom: 12px;
	font-size: 18px;
}

div.ListGrid-QPSecondaryInfoHeading
{
	padding-top: 30px;
    padding-bottom: 12px;
	font-size: 18px;
}

.ListGrid-QPIconText {
	font-size: 15px;
    margin-left: 8px;
}

div.ListGrid-QPQuickLinks,
div.ListGrid-QPRelatedLinks
{
}

table.ListGrid-QPSecondaryInfoRange
{
	width: 80%;
	margin-top: 12px;
	border: 1px solid #649b61;
}

.ListGrid-QPSecondaryInfoRangeForeground
{
	height: 10px;
	background-color: #649b61;
}

.Ltr 
{
    direction: ltr;
}

/* <box:ListGrid> styles - end */
/* <box:ToggleSwitch> styles - start */

/* Bug(OM:#395091) [Accessibility][O15][SreenReader][VoiceOver] Ipad2/Safari- Toggle doesn't work and read well when VoiceOver turns on
    If a link without any inner text or an icon without alt attribute, it cannnot be tapped in Ipad.
    Here add a hidden text for the toggle switch link with same position of <span>s.
*/
.ToggleSwitch-HiddenForScreenReader-Ipad
{
    position: fixed;
    width: 40px; /* It's the total width of the toggle. */
    height: 16px; /* It's the total height of the toggle. */
    color: transparent;
    margin-left: -40px;
    text-overflow: clip;
    overflow: hidden;
}

.ToggleSwitch > table
{
	display: inline-table;
}

/* 182px - 10px padding */
.ToggleSwitch > table > tbody > tr > td:first-child
{
	width: 172px;
	padding-right: 6px;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
}

.ToggleSwitch > table > tbody > tr > td > a,
.ToggleSwitch > table > tbody > tr > td > span
{
	display: inline-block;
	padding: 4px;
    line-height: 0px;
}

/* 42px - 4px border - 4px padding */
/* 16px - 4px border - 4px padding */
.ToggleSwitch span.ToggleBase
{
	width: 32px;
	height: 8px;
	display: inline-block;
	position: relative;
	border-style: solid;
	border-width: 2px;
	padding: 2px;
}

.ToggleSwitch .ToggleWaiting span.ToggleBase
{
	opacity: .8;
}

.ToggleSwitch span.ToggleBase > span.ToggleBaseFill
{
	height: 100%;
	display: inline-block;
}

.ToggleSwitch .ToggleOn span.ToggleBase > span.ToggleBaseFill
{
	width: 100%;
}

.ToggleSwitch .ToggleWaiting span.ToggleBase > span.ToggleBaseFill
{
	width: 50%;
}

/* 14px - 4px border - 4px padding */
/* 22px - 4px border - 4px padding */
.ToggleSwitch span.ToggleBase > span.ToggleThumb
{
	width: 6px;
	height: 14px;
	display: inline-block;
	position: absolute;
	border-left: 2px solid;
	border-right: 2px solid;
	top: -3px;
	padding: 2px;
}

.ToggleSwitch .ToggleOn span.ToggleBase > span.ToggleThumb
{
	left: 100%;
	margin-left: -10px;
}

.ToggleSwitch .ToggleOff span.ToggleBase > span.ToggleThumb
{
	left: 0%;
	margin-left: -4px;
}

.ToggleSwitch .ToggleWaiting span.ToggleBase > span.ToggleThumb
{
	left: 50%;
	margin-left: -7px;
}

.ToggleSwitch span.ToggleBase > span.ToggleThumb > span.ToggleThumbFill
{
	width: 100%;
	height: 100%;
	display: inline-block;
}

/* <box:ToggleSwitch> styles - end */
/* <box:WhatsThis> styles - start */
.WhatsThis
{
	margin-left: 8px;
}

.ServiceSettingsSelectorItem
{
	display: block;
	padding-top: 15px;
	padding-right: 60px;
	padding-bottom: 15px;
	padding-left: 15px;
}

.ServiceSettingsSelectorItem.selected
{
	background-image: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/webcontrols/images/white-indicator-line-left.png');
	background-position: right center;
	background-repeat: no-repeat;
}

/* 400px - 30px padding left */
.ServiceSettingsList
{
	width: 370px;
}

.Page-Modern .ServiceSettingsList
{
	margin-top: 16px;
}

.ServiceSettingsList > div.title
{
	margin-bottom: 30px;
}

.ServiceSettingsItem
{
	margin-bottom: 30px;
}

.ServiceSettingsItemDesc
{
	margin-top: 5px;
}

.ServiceSettingsItemActions
{
	margin-top: 8px;
}

.ServiceSettingsSubAction
{
	margin-left: 25px;
	margin-top: 6px;
}

.ServiceSettingsItemCtrl
{
	margin-top: 15px;
}

/* <box:ServiceSettings*> styles - end */
/* <box:BalloonTip> styles - start */
div.BalloonTipOverlay
{
	opacity: .40;
	filter: alpha(opacity=40);
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 9000;
}

div.BalloonTip
{
	position: absolute;
	z-index: 9001;
}

div.BalloonTip .Arrow
{
	position: absolute;
	z-index: 9002;
}

div.BalloonTip.TopLeft .Arrow
{
	right: 30px;
	bottom: -24px;
}

div.BalloonTip.TopRight .Arrow
{
	left: 30px;
	bottom: -24px;
}

div.BalloonTip.BottomLeft .Arrow
{
	right: 30px;
	margin-top: -24px;
}

div.BalloonTip.BottomRight .Arrow
{
	left: 30px;
	margin-top: -24px;
}

div.BalloonTip.Right .Arrow
{
	margin-top: 12px;
}

div.BalloonTip.Left .Arrow
{
	left: 299px;
	margin-top: 12px;
}

div.BalloonTip div.Content
{
	border: 1px solid;
	border-left: 5px solid;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 15px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-right: 40px;
	position: relative;
	text-align: left;
	width: 300px;
}

div.BalloonTip div.Title
{
	margin-bottom: 5px;
}

div.BalloonTip div.Close
{
	top: 10px;
	right: 10px;
	position: absolute;
}

div.BalloonTip div.Step
{
	bottom: 10px;
	position: absolute;
}

div.BalloonTip div.Next
{
	right: 10px;
	bottom: 10px;
	position: absolute;
}

/* <box:BalloonTip> styles - end */
/* <box:SearchBox> styles - start */
.SearchBox
{
	width: 250px;
	height: 25px;
}

.SearchBox > table
{
	border: 1px solid transparent;
	border-collapse: collapse;
	margin-left: auto;
	min-width: 125px;
	height: 100%;
}

.SearchBox.focused > table
{
	width: 100%;
}

.SearchBox > table > tbody > tr > td
{
	padding-right: 4px;
}

.SearchBox > table > tbody > tr > td.TextBoxCell
{
	text-align: center;
	width: 100%;
}

.SearchBox > table > tbody > tr > td.TextBoxCell > input.TextBox
{
	border: 1px solid transparent;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	text-align: right;
	width: 100%;
	color: #666666;
}

.SearchBox > table > tbody > tr > td.TextBoxCell > input.TextBox:focus
{
	border: 1px dotted #000000;
}

.SearchBox.focused > table > tbody > tr > td.TextBoxCell > input.TextBox
{
	text-align: left;
	color: #333333;
}

.SearchBox > table > tbody > tr > td.SearchButtonCell
{
	text-align: center;
	width: 0%;
}

.SearchBox > table > tbody > tr > td.CloseButtonCell
{
	display: none;
	text-align: center;
	width: 0%;
}

.SearchBox.focused > table > tbody > tr > td.CloseButtonCell
{
	display: table-cell;
}

/* <box:SearchBox> styles - end */
/* <box:VideoPlayer> styles - start */
div.VideoPlayer div.Title.BOX-HeaderSecondary
{
	margin-top: 20px;
}

div.VideoPlayer div.Title.BOX-MainTertiary
{
	margin-top: 5px;
}

div.VideoPlayer div.ThumbnailTile
{
	width: 350px;
	margin-right: 30px;
}

div.VideoPlayer div.ThumbnailTile a.PlayLink
{
	width: 125px;
	height: 70px;
	position: relative;
	float: left;
	margin-right: 10px;
}

div.VideoPlayer div.ThumbnailTile div.Thumbnail
{
	background-color: rgba(255,255,255,.5);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* IE8 */
div.VideoPlayer div.ThumbnailTile div.PlayIcon
{
	border: 14px solid transparent;
	border-left: 24px solid rgb(0,0,0);
	border-left: 24px solid rgba(0,0,0,.75);
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14px;
	margin-top: -14px;
}

/* IE8 */
div.VideoPlayer div.ThumbnailTile a.PlayLink:hover div.PlayIcon
{
	border-left-color: rgb(0,114,198);
	border-left-color: rgba(0,114,198,.8);
}

div.VideoPlayer div.ThumbnailTile img.ThumbnailImage
{
	width: 100%;
	height: 100%;
}

/* <box:VideoPlayer> styles - end */
/* <box:Pivot> - start */
.Pivot
{
	min-width: 450px;
	max-width: 900px;
	position: relative;
}

.Pivot .PivotItem
{
	text-decoration: none;
}

.Pivot > .PivotItemContainer
{
	overflow: hidden;
	height: 28px;
}

.Pivot > .PivotItemContainer > .PivotItem
{
	float: left;
	font-family: SegoeUI-Light-final, "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 18px;
	letter-spacing: normal;
	line-height: normal;
	margin-top: 1px;
	margin-bottom: 100px;
	margin-left: 1px;
	margin-right: 20px;
}

.Pivot > .PivotItemContainer > .PivotItem.selected
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
}

.Pivot > .DropdownContainer
{
	position: absolute;
	top: 4px;
	right: 0px;
}

.Pivot .Ellipsis,
.Pivot img.MoreImage,
.Pivot img.MoreSelectedImage,
.Pivot a.MoreImage img,
.Pivot a.MoreSelectedImage
{
	display: none;
}

.Pivot .Dropdown
{
	background-color: #fff;
	border: 1px solid #DEDEDE;
	display: none;
	margin-top: 20px;
	right: 0px;
	min-width: 150px;
	max-height: 145px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px 0px;
	position: absolute;
	z-index: 100;
}

.Pivot .Dropdown > .PivotItem
{
	display: block;
	font-size: 16px;
	line-height: 30px;
	padding-left: 25px;
	padding-right: 15px;
	position: relative;
	white-space: nowrap;
}

.Pivot .Dropdown > .PivotItem img
{
	display: none;
	position: absolute;
	top: 10px;
	left: 5px;
}

.Pivot .Dropdown > .PivotItem.selected img
{
	display: inline;
}

/* <box:Pivot> - end */
/* <box:CollapsibleControl styles - start */
.CollapsibleControl
{
}

a.CollapsibleControl-Header,
a.CollapsibleControl-Header:hover
{
	text-decoration: none;
	cursor: pointer;
}

span.CollapsibleControl-Arrow,
a.CollapsibleControl-Arrow:hover
{
	margin-left: 10px;
	text-decoration: none;
	cursor: pointer;
}

span.CollapsibleControl-Arrow img
{
	display: inline;
}

/* <box:CollapsibleControl styles - end */

/*     Grid Layout styles. */
.gridLayoutDescription
{
	padding-left: 0px;
}

.gridLayoutHeader,
.gridLayoutFooter
{
	color: #43515b;
	height: 30px;
	padding-top: 12px;
}

.gridLayoutHeader li,
.gridLayoutFooter li
{
}

.gridLayoutHeader ul,
.gridLayoutFooter ul
{
	padding-left: 16px;
}

.gridLayoutSearchOptions
{
	padding-left: 13px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	background-color: #f0f3f7;
}

.gridLayoutSearchOptionsTable
{
	width: 100%;
}

.gridLayoutSearchBoxContainer
{
	text-align: right;
	padding: 1px;
}

.gridEmptyLayoutOuterContainer
{
	margin-left: 40px;
	margin-bottom: 20px;
}

.gridLayoutDataSourceEmptyContainer
{
	margin: 10px 40px;
}

.gridLayoutContent
{
}

.gridEmptyLayoutHeaderContainer
{
	font-weight: bold;
	margin-top: 20px;
}

.viewPickerContainer
{
	text-align: left;
	white-space: nowrap;
}

.viewPickerContainer a
{
}

.viewPickerLabel
{
}

.viewPickerDropDown
{
	margin: 0px 10px;
}

.ViewPicker-Separator
{
	color: #737c85;
}

.searchBoxContainer
{
	border: 1px solid #c6dff3;
	text-align: right;
	white-space: nowrap;
}

input[type="text"].searchBoxWaterMark,
input[type="text"].searchBoxTextBox
{
	margin: 0px;
	width: 174px;
	padding-top: 0px;
	height: 18px;
	vertical-align: middle;
	border: solid 0px Red;
	padding-bottom: 0px;
	padding-left: 4px;
}

.searchBoxContainer a
{
    display: inline-table;
	vertical-align: middle;
}

.searchBoxWaterMark
{
	font-style: italic;
	vertical-align: middle;
}

.gridLayoutContent
{
}

.gridViewFooter,
.gridViewHeaderEmpty,
.gridViewFooterEmpty
{
	background-color: #93a1aa;
}

.gridViewGridHeader a,
.gridViewGridHeader span
{
	width: 100%;
}

.gridViewGridHeader a
{
	text-decoration: underline;
}

.gridViewGridHeader a:hover
{
	color: #FFFFFF;
	cursor: pointer;
}

.gridViewGridHeader a[disabled]:hover
{
	cursor: default;
}

.gridViewGridHeader th
{
	height: 37px;
	text-align: left;
}

.gridSortArrow
{
	font-size: 8px;
	padding-left: 4px;
}

.gridViewFooter
{
	height: 30px;
	line-height: 30px;
	padding-left: 16px;
	padding-right: 8px;
	text-align: left;
}

.gridViewHeaderEmpty,
.gridViewFooterEmpty
{
	height: 10px;
	padding-left: 16px;
	padding-right: 8px;
	text-align: left;
}

.gridViewPager
{
	padding-top: 2px;
	text-align: right;
}

.gridViewPager .pagespacer
{
	width: 20px;
	display: inline;
}

table.gridViewTable tr > td.ContentCol,
table.gridViewTable tr > th.ContentCol,
.gridViewContentColumntable.gridViewTable tr > td.LastCol,
table.gridViewTable tr > th.LastCol,
table.gridViewTable tr > td.CheckBoxCol,
table.gridViewTable tr > th.CheckBoxCol
{
	padding: 0px 10px;
}

table.gridViewTable tr > td.CheckBoxCol,
table.gridViewTable tr > td.ContentCol,
table.gridViewTable tr > td.LastCol
{
    border: 1px solid white;
}

table.gridViewTable tr > td.CheckBoxCol,
table.gridViewTable tr > th.CheckBoxCol
{
	width: 20px;
}

table.gridViewTable tr > td.IconCol,
table.gridViewTable tr > th.IconCol
{
	padding: 0px;
	width: 16px;
}

table.gridViewTable tr > td.ContentCol,
table.gridViewTable tr > th.ContentCol,
.gridViewContentColumn
{
	width: 30%;
}

.gridViewColumnHeader
{
	float: left;
}

.gridViewContainerControl
{
	white-space: nowrap;
	vertical-align: middle;
}

.gridLayoutPageSizeOptions
{
	float: right;
	padding-right: 8px;
	padding-left: 12px;
	white-space: nowrap;
}

.gridLayoutPageSizeOptionsLabel
{
	padding-right: 4px;
}

.gridLayoutPageSizeOptionsDropdown
{
	vertical-align: middle;
}

.gridPagingButton
{
	margin-left: 8px;
}

/* Shell */
.Shell-Body
{
	position: relative;
}

/* Shell */
.Shell-Modern
{
	width: 100%;
}

.Shell-Modern > tbody > tr > td
{
	vertical-align: top;
}

/* Set position relative and a high z-index so that help/error popups don't render on top of the header - O15 # 2926590 */
.Shell-Modern #ShellHeader
{
	position: relative;
	z-index: 2000;
}

/* the height will be computed based on the client window size and set in JavaScript */
/* so that images move properly when the page is being scrolled in IE7 */
.Shell-Modern #ShellBodyAndFooterContainer
{
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

/* This causes the ShellBody to size to fit its content. The parent, i.e. ShellBodyAndFooterContainer, will show scrollbars if needed */
.Shell-Modern .Shell-Body
{
	overflow: visible;
}

.Shell-MOS
{
	width: 100%;
}

.Shell-MOS > tbody > tr > td
{
	vertical-align: top;
}

.Shell-Office
{
	width: 100%;
	background-color: #c34a13;
}

.Shell-Office > tbody > tr > td
{
	vertical-align: top;
}

.Shell-SignupCustom
{
	width: 100%;
}

.Shell-SignupCustom > tbody > tr > td
{
	vertical-align: top;
}

.Shell-SignupMOS
{
	width: 100%;
}

.Shell-SignupMOS > tbody > tr > td
{
	vertical-align: top;
}

.Shell-SignupOffice
{
	width: 100%;
}

.Shell-SignupOffice td.PageLayout-ContentPanelWithSignup > div,
.Shell-SignupCustom td.PageLayout-ContentPanelWithSignup > div
{
	width: auto;
	padding-right: 5px;
}

.Shell-SignupOffice > tbody > tr > td
{
	vertical-align: top;
}

.Shell-MOS .Shell-Header
{
	height: 60px;
	background-color: #ffffff;
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_bar_orange_10_3.gif);
	background-repeat: repeat-x;
}

.Shell-Office .Shell-Header
{
	height: 60px;
	background-color: #ffffff;
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_bar_orange_10_3.gif);
	background-repeat: repeat-x;
}

.Shell-SignupCustom .Shell-Header
{
	height: 72px;
}

.Shell-SignupMOS .Shell-Header
{
	height: 72px;
	color: white;
	background-color: #006D96;
}

.Shell-SignupOffice .Shell-Header
{
	height: 72px;
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_bg_signup_office.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.Shell-Header > div
{
	height: 100%;
}

.Shell-MOS .Shell-Header > div
{
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_bar_white_1020_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.Shell-Office .Shell-Header > div
{
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_bar_white_1020_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.Shell-Header > div > table
{
	width: 100%;
	height: 100%;
}

.Shell-MOS .Shell-Header > div > table.wizard
{
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_wizard_hl_mos.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.Shell-Office .Shell-Header > div > table.wizard
{
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_wizard_hl_office.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.Shell-Header td
{
	white-space: nowrap;
}

.Shell-Header > div > table > tbody > tr > td
{
	vertical-align: top;
}

.Shell-HeaderLogo
{
	width: 33%;
	text-align: left;
}

.Shell-HeaderLogo > img
{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.Shell-Office .Shell-HeaderLogo > img
{
	margin-top: 8px;
}

.Shell-HeaderTopMenu
{
	width: 34%;
	padding: 10px 150px 0px 150px;
	font-size: 14px;
	line-height: normal;
}

.Shell-SignupCustom .Shell-HeaderTopMenu
{
	display: none;
}

.Shell-SignupMOS .Shell-HeaderTopMenu
{
	display: none;
}

.Shell-SignupOffice .Shell-HeaderTopMenu
{
	display: none;
}

.Shell-HeaderTopMenu > table > tbody > tr > td > a
{
	margin-right: 20px;
	color: #65666a;
}

.Shell-HeaderTopMenu > table > tbody > tr > td > a.active
{
	font-weight: bold;
}

.Shell-HeaderTopMenu > table > tbody > tr > td > a:hover
{
	text-decoration: underline;
}

.Shell-HeaderTopMenu > table > tbody > tr > td > span
{
	margin-right: 20px;
	color: #b7c2cc;
}

/* Top Nav Separator */
.Shell-HeaderTopMenu > table > tbody > tr > td > div
{
	color: #f97c00;
	margin-right: 12px;
}

.Shell-HeaderMeTile
{
	width: 33%;
	height: 100%;
	text-align: right;
}

.Shell-HeaderMeTile > table table
{
	float: right;
}

.Shell-SignupCustom .Shell-HeaderMeTile
{
	display: none;
}

.Shell-SignupMOS .Shell-HeaderMeTile
{
	display: none;
}

.Shell-SignupOffice .Shell-HeaderMeTile
{
	display: none;
}

.Shell-HeaderMeTile td
{
	vertical-align: top;
}

.Shell-HeaderMeTile > table
{
	float: right;
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_bar_orange_10_3.gif);
	background-repeat: repeat-x;
}

.Shell-HeaderMeTileDisplayName
{
	color: #65666a;
	padding-top: 2px;
	font-size: 14px;
	line-height: normal;
	letter-spacing: .025em;
}

.Shell-HeaderMeTileSettings
{
	font-size: 10px;
	line-height: normal;
	letter-spacing: 0.05em;
}

.Shell-HeaderMeTileSettings > table
{
	float: right;
}

.Shell-HeaderMeTileSettings > table > tbody > tr > td > div
{
	color: #f97c00;
	padding: 0px 6px 0px 6px;
}

td.Shell-HeaderMeTileLabel
{
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	color: #b5db13;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.03em;
	vertical-align: bottom;
}

/* plus 60px header equals 550px body height */
.Shell-MOS .Shell-Body
{
	min-height: 490px;
	background-color: #02425B;
}

/* plus 60px header equals 550px body height */
.Shell-Office .Shell-Body
{
	min-height: 490px;
}

/* plus 72px header equals 550px body height */
.Shell-SignupCustom .Shell-Body
{
	min-height: 478px;
	background-color: #ffffff;
}

/* plus 72px header equals 550px body height */
.Shell-SignupMOS .Shell-Body
{
	min-height: 478px;
	background-color: #006D96;
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/body_blue_gradient.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* plus 72px header equals 550px body height */
.Shell-SignupOffice .Shell-Body
{
	min-height: 478px;
	background-color: #ffffff;
}

.Shell-Footer
{
	height: 30px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	letter-spacing: 0.05em;
}

.Shell-MOS .Shell-Footer
{
	color: #ffffff;
	background-color: #02425B;
	padding: 0px 8px;
}

.Shell-Office .Shell-Footer
{
	color: #ffffff;
	background-color: #c34a13;
	padding: 0px 8px;
}

/* 52px margin + 8px footer padding */
.Shell-SignupCustom .Shell-Footer
{
	color: #666666;
	background-color: #ffffff;
	padding-left: 60px;
}

/* 52px margin + 8px footer padding */
.Shell-SignupMOS .Shell-Footer
{
	color: #ffffff;
	background-color: #02425B;
	padding-left: 60px;
}

/* 52px margin + 8px footer padding */
.Shell-SignupOffice .Shell-Footer
{
	color: #666666;
	background-color: #ffffff;
	padding-left: 60px;
}

.Shell-Footer td
{
	white-space: nowrap;
	vertical-align: baseline;
}

/* SignupLayoutWidth - 16px (8px padding on both sides) */
div.Shell-Footer > table
{
	width: 938px;
	padding-top: 8px;
}

.Shell-MOS div.Shell-Footer > table
{
	width: 100%;
	padding-top: 8px;
}

.Shell-Office div.Shell-Footer > table
{
	width: 100%;
	padding-top: 8px;
}

.Shell-MOS .Shell-Footer a,
.Shell-SignupMOS .Shell-Footer a
{
	color: #c4ecff;
}

.Shell-Office .Shell-Footer a
{
	color: #ffffff;
}

.Shell-FooterLegal
{
	text-align: left;
}

.Shell-FooterLegal > table
{
	float: left;
}

.Shell-FooterLegal td
{
	padding-right: 8px;
}

.Shell-FooterLegal > table > tbody > tr > td > div
{
	color: #c0c0c0;
}

.Shell-FooterSpacer > div
{
	width: 150px;
}

.Shell-FooterFeedback
{
	text-align: right;
}

.Shell-FooterFeedback > table
{
	float: right;
}

.Shell-FooterFeedback > table > tbody > tr > td > div
{
	padding: 0px 20px 0px 20px;
	color: #f97c00;
}

/* End of Shell */
/* -----------------------------------------------------error messages styles -----------------------------------------------------*/
/* distance error message from control being validated */
table.ValCallout
{
	margin-left: 5px;
	margin-right: 5px;
	width: 300px;
}

.ValCallout div,
.ValCallout td
{
	background-color: #ffffff;
	border: solid 1px #e70000;
}

/* highlight the field being validated on error */
INPUT.ValFieldError,
INPUT[type="text"].ValFieldError,
INPUT[type="password"].ValFieldError,
INPUT[type="file"].ValFieldError,
SELECT.ValFieldError,
.ValFieldError SELECT
{
	border: solid 1px #e70000;
}

/* Error text style for general errors displayed inline in the UI */
/* TODO: This style is being used directly by ocs.aspx and newservicerequest.aspx so it should be renamed BOX-ValidationErrorText    and moved to the global CSS names area of MasterStyles.css */
.ValidationErrorText
{
	color: red;
}

/* -----------------------------------------------------help message styles -----------------------------------------------------*/
DIV.CalloutDialogSpacer,
.HelpCallout DIV.CalloutDialogSpacer
{
	margin-top: 5px;
	border: 0px;
}

/* default callout width */
Div.HelpCallout
{
	width: 300px;
}

.HelpCallout > table
{
	border: none 0px;
	background-color: transparent;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

.HelpCallout .ErrorMessage
{
	padding: 20px;
	padding-right: 5px;
    border: 1px solid;
	border-right: none !important;
	width: 100%;
}

.HelpCallout td.Close
{
	min-width: 15px;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	text-align: right;
    border: 1px solid;
	border-left: none !important;
}

.HelpCallout td.Close > div
{
	border: none !important;
	text-align: center;
	cursor: pointer;
}

.HelpCallout td.Close > div,
.HelpCallout td.PosBottom > div,
.HelpCallout td.PosTop > div,
.HelpCallout td.PosLeft > div,
.HelpCallout td.PosRight > div
{
	margin-right: 8px;
	margin-top: 8px;
	padding: 0px;
	width: auto;
}

/* AjaxControlToolkit.PopupControlPopupPosition.Right (default) */
.HelpCallout td.PosRight
{
	padding: 8px 0px 0px 0px;
	margin: 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none !important;
	background-color: transparent !important;
}

.HelpCallout td.PosRight > div
{
	font-size: 1px;
	position: relative;
	left: 1px;
    border-top: 1px solid;
	width: 15px;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;
}

.HelpCallout td.PosRight > div div
{
	height: 1px;
	overflow: hidden;
    border-left: 1px solid;
	padding: 0px;
	margin: 0px 0px 0px auto;
}

/* AjaxControlToolkit.PopupControlPopupPosition.Left */
.HelpCallout td.PosLeft
{
	padding: 8px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	font-size: 1px;
	border: none !important;
	background-color: transparent !important;
}

.HelpCallout td.PosLeft > div
{
	font-size: 1px;
	position: relative;
	left: -1px;
    border-top: 1px solid;
	width: 15px;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;
}
.HelpCallout td.PosLeft > div div
{
	height: 1px;
	overflow: hidden;
    border-right: 1px solid;
	padding: 0px;
	margin: 0px auto 0px 0px;
}

.NoTopBorder
{
    border-top: none !important;
}

.NoTopBorder > div
{
    border-top: none !important;
}

/* AjaxControlToolkit.PopupControlPopupPosition.Bottom */
.HelpCallout td.PosBottom,
.HelpCallout td.PosTop
{
	padding: 0px 0px 0px 8px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	font-size: 1px;
	border: none !important;
	background-color: transparent !important;
}

.HelpCallout td.PosBottom > div
{
	font-size: 1px;
	position: relative;
	bottom: -1px;
	border: none !important;
	width: 30px;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;
}

/* AjaxControlToolkit.PopupControlPopupPosition.top */
.HelpCallout td.PosTop > div
{
	font-size: 1px;
	position: relative;
	top: -1px;
	border: none !important;
	width: 30px;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;
}

.HelpCallout td.PosBottom > div div,
.HelpCallout td.PosTop > div div
{
	height: 1px;
	overflow: hidden;
    border: 1px solid;
	border-top: none !important;
	border-bottom: none !important;
	padding: 0px;
	margin: 0px auto 0px auto;
}

.HelpCallout td.PosBottom > div .arrowpixel,
.HelpCallout td.PosTop > div .arrowpixel
{
	height: 0px;
	overflow: hidden;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px auto 0px auto;
}

/* TODO: Used by Commmerce page catalog.aspx and probably should be moved to that page and namespace scoped so that they do not interfer with the UI Framework GridView class  - brianblo. */
.GridViewHeader
{
	background-color: #F0F3F7;
}

.GridViewRow
{
	background-color: #FFFFFF;
}

.GridViewRowAlt
{
	background-color: #F4F5F6;
}

/* <box:RoundedCornerDiv> styles - start */
div.RoundedCornerDiv > u,
div.RoundedCornerDiv > i
{
	height: 1px;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

b.RoundedCornerDiv-Border
{
	height: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: block;
	font-size: 1px;
	line-height: 0px;
}

b.RoundedCornerDiv-LeftRoundedCorner
{
	margin-left: 3px;
}

i.RoundedCornerDiv-LeftRoundedCorner
{
	margin-left: 2px;
}

u.RoundedCornerDiv-LeftRoundedCorner
{
	margin-left: 1px;
}

b.RoundedCornerDiv-RightRoundedCorner
{
	margin-right: 3px;
}

i.RoundedCornerDiv-RightRoundedCorner
{
	margin-right: 2px;
}

u.RoundedCornerDiv-RightRoundedCorner
{
	margin-right: 1px;
}

i.RoundedCornerDiv-LeftCorner,
u.RoundedCornerDiv-LeftCorner,
div.RoundedCornerDiv-LeftBorder
{
	border-left-width: 1px;
	border-left-style: solid;
}

i.RoundedCornerDiv-RightCorner,
u.RoundedCornerDiv-RightCorner,
div.RoundedCornerDiv-RightBorder
{
	border-right-width: 1px;
	border-right-style: solid;
}

/* <box:RoundedCornerDiv> styles - end */
table.BoxErrorDiagnosticsTable
{
	position: absolute;
	right: 10px;
	bottom: 40px;
	color: Gray;
}

div.BoxErrorDiagnosticsTable
{
	position: absolute;
	right: 10px;
	bottom: 40px;
	color: Gray;
}

.BoxErrorString
{
	text-align: left;
	padding-left: 14px;
}

.BoxErrorContent
{
	width: 500px;
	padding-top: 115px;
	margin-left: auto;
	margin-right: auto;
}

/* <box:HideShowCmsContent> styles - start */
div.HideShowCmsContent
{
	margin-bottom: 26px;
}

div.HideShowCmsContent .Header
{
	text-align: right;
	margin-bottom: 4px;
}

div.HideShowCmsContent .Header .HideShowText
{
	margin-right: 5px;
}

/* <box:AlertBar> styles - start */
.AlertError
{
	border: 1px solid #c53a01;
}

.AlertWarn
{
	border: 1px solid #efa516;
}

.AlertInfo
{
	border: 1px solid #406bab;
}

.AlertError,
.AlertWarn,
.AlertInfo
{
	height: 30px;
	margin: 5px;
	padding: 5px;
}

.AlertError td:first-child,
.AlertInfo td:first-child,
.AlertWarn td:first-child
{
	padding-right: 10px;
	vertical-align: top;
}

.AlertError td + td,
.AlertInfo td + td,
.AlertWarn td + td
{
	width: 100%;
}

/* <box:AlertBar> styles - end */
/* Content Panels - begin */
.BOX-ContentPanel-OrderedList,
.BOX-ContentPanel-UnorderedList
{
	margin: 3px 0px 0px 0px;
	padding: 0px;
}

.BOX-ContentPanel-OrderedList li
{
	margin-left: 20px;
}

.BOX-ContentPanel-UnorderedList li
{
	margin-left: 14px;
	list-style-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/list_bullet_5x5.gif);
}

.BOX-MainBodyText-SecondaryColor
{
	color: #ED5D0C;
}

/* Update Password -first time login after password reset */
.BOX-ChangePassword-Footer
{
	color: #65666a;
	font-family: Segoe UI;
	font-size: 9pt;
	letter-spacing: .02em;
	line-height: 12pt;
	padding-top: 10px;
	width: 550px;
}

/* Content Panels - end */
.OffsiteHyperLinkImage
{
	margin-left: 5px;
	margin-right: 5px;
}

.MOSA_print
{
	float: right;
	text-align: right;
}

.MOSA_container
{
	width: 100%;
	margin-bottom: 8px;
	height: 250px;
	overflow: auto;
	border: 1px solid #dee8ef;
}

.MOSA_container_FullPage
{
	width: 100%;
	margin-bottom: 8px;	
}

/* ProductKeyControl styles */
.PKC_c
{
}

.PKC_tb_c
{
	float: left;
	clear: both;
}

.HiddenFrame
{
	width: 0;
	height: 0;
	visibility: collapse;
}

.PKC_tb_c > label
{
	margin-left: 0px;
}

.PKC_tb_i_c
{
	background-color: green;
}

.PKC_tb_i_c > input[type="text"]
{
	width: 292px;
	font-size: 16px;
	margin: 5px 5px 5px 0;
	font-family: Courier New, Courier, monospace;
	float: left;
	letter-spacing: 0.1px;
}

/* hide clear button from input control on IE10, otherwise it truncates the text
   or requires us to change the width of the input control .
   It only works when IE10 is in IE10 mode (not compat mode) but this is default in production
   http://answers.microsoft.com/en-us/ie/forum/ie10_cp-windows_cp/disabling-auto-clear-button-in-ie10/791c1e52-27d6-428e-80cb-206b165910d8?msgId=e771457a-43fd-43b1-89e9-839c7a392246
*/
.PKC_tb_i_c > input[type="text"]::-ms-clear
{
    display:none;
}

.PKC_a_c
{
	clear: both;
}

.PKC_a
{
	float: left;
	clear: both;
}

.PKC_s
{
	width: 16px;
	height: 16px;
	padding: 8px 2px;
	float: left;
}

.PKC_img
{
	width: 16px;
	height: 16px;
	margin-top: 2px;
	padding: 8px 6px;
	float: left;
}

/* style for product key message element that appears to the right of every textbox */
.PKC_m
{
    float:left;
    padding-top:8px;
}

/* end of product key control styles */

/* begin PaymentMethodSelector styles */
hr.PMS_Separator
{
	background-color: #dee8ef; 
	border: 0px; 
	height: 1px; 	
	margin-bottom: 15px; 
	margin-top: 15px;
}
/* end PaymentMethodSelector styles */

@media screen,
handheld,
projection,
speech,
tty,
tv,
embossed,
braille
{
	html.PageWithNavBar-Modern    { overflow: hidden;}
}

.PageWithNavBar-Modern body
{
	overflow: hidden;
}


/* Styles for Color Picker  */
.cp-picker
{
    width: 142px;
}

.cp-palette
{
    height: 120px;
    overflow: hidden;
    /* This is the gradient overlay that shows over the center palette square */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkI4OTJFNTlERTlEMTFFMjgzMEVBNzU0N0MwRTUxN0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkI4OTJFNUFERTlEMTFFMjgzMEVBNzU0N0MwRTUxN0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg5MkU1N0RFOUQxMUUyODMwRUE3NTQ3QzBFNTE3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg5MkU1OERFOUQxMUUyODMwRUE3NTQ3QzBFNTE3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkpg4sQAACDQSURBVHja3F3bzis1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');
}

.cp-paletteCircle 
{
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: -20px;
    left: -20px;
    border: 2px solid;
    border-radius: 6px;
    margin-top: -6px;
    margin-left: -6px;
}

.cp-swatch
{
    height: 20px;
}
    .cp-swatch > span
    {
        display: inline-block;
        width: 1px;
        height: 20px;
        border: none;
        margin: 0px;
        padding: 0px;
    }

.cp-rgb
{
    width: 100%;
    overflow: hidden;
}
    .cp-rgb > input
    {
        display: inline-block;
        width: 33px;
        padding: 0px !important;
        padding-left: 3px !important;
        margin-left: 3px !important;
        border: 1px solid;
    }
    .cp-rgb > input:first-child
    {
        margin-left: 0px !important;
    }
.cp-hex > input
{
    padding: 0px !important;
    padding-left: 3px !important;
    width: 115px;
    border: 1px solid;
}
.cp-rgb-label, .cp-hex-label
{
    display: table;
    font-size: 9px;
    width: 100%;
    overflow: hidden;
}
.cp-spacer
{
    margin: 10px;
    width: 120px;
}
    .cp-spacer > div
    {
        margin-bottom: 10px;
    }

.cp-preview
{
    display: inline-block;
    text-align: right;
    height: 25px;
    min-width: 62px;
}
    .cp-preview a,
    .cp-preview a:hover, 
    .cp-preview a:active, 
    .cp-preview a:visited
    {
        text-decoration: none;
        color: inherit;
    }
    .cp-preview .cp-handle
    {
        display: inline-block;
        cursor: pointer;
        height: 19px;
        padding-top: 6px;
        border: 1px solid;
        margin-top: 1px;
        margin-left: -1px;
        font-size: 16px;
        vertical-align: top;
        width: 25px;
        text-align: center;
    }
    .cp-preview .cp-block
    {
        display: inline-block;
        width: 37px;
        margin: 1px;
        height: 25px;
        border: 1px solid;
    }
    .cp-preview .cp-blockwrapper
    {
        display: inline-block;
        width: 41px;
        height: 29px;
        border: 1px solid transparent;
        margin-right: 5px;
    }
    .cp-preview .cp-blockwrapper:hover,
    .cp-preview .cp-blockwrapper.selected
    {
        border: 1px solid;
    }
    
    /* Some override classes for Colorpicker applied to the Balloon Tip */
    .ColorPickerBalloon div.Content
    {
        border: 1px solid !important;
        padding: 0px !important;
        width: auto !important;
    }
    div.Right.ColorPickerBalloon div.Content
    {
        margin-left: 24px;
    }
    div.Left.ColorPickerBalloon .Arrow
    {
        left: 142px !important;
    }

/* End - Styles for Color Picker  */

/* Photo upload control */
.pcu-wrapper
{
}
.pcu-preview
{
    border: 1px solid #CCC; 
    background-repeat: no-repeat; 
    background-attachment: scroll;
    background-position: top left;
    margin-bottom: 4px;
}
.pcu-leftlink
{
    float: left;
    margin-right: 10px;
}
.pcu-rightlink
{
    float: right;
    margin-left: 10px;
}
/* End - Photo upload control */

.HiddenForScreenReader 
{
    position: fixed;
    top: -200px;
    width: 20px;
    height: 20px;
    overflow: auto;
}

/* OM# 557538 If your control is in the bottom, the scroll bar will not scroll to the bottom when you use HiddenForScreenReader */
.HiddenForScreenReader-left 
{
    position: fixed;
    left: -2000px;
    width: 20px;
    height: 20px;
    overflow: auto;
}
/* MasterStylesCommon Ends Here */

/* Include icon Fonts styles */

@font-face {
    font-family: 'PortalIcons';
    src: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/css/webfonts/portalicons.eot');
    src: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/css/webfonts/portalicons.eot?iefix') format('embedded-opentype'),
                url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/css/webfonts/portalicons.woff') format('woff'),
                url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/css/webfonts/portalicons.ttf') format('truetype'),
                url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/css/webfonts/portalicons.svg#web') format('svg');
    font-style: normal;
    font-weight: normal;
}

.wf-portal
{
    font-family: 'PortalIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    display: inline-block;
    line-height: 1em;
}

.wf-portal-excel:before
{
    content: '\e0b5';
}
.wf-portal-onenote:before
{
    content: '\e0b7';
}
.wf-portal-powerpoint:before
{
    content: '\e0b8';
}
.wf-portal-word:before
{
    content: '\e0b9';
}
.wf-portal-outlooklogo:before
{
    content: '\e062';
}
.wf-portal-cloud:before
{
    content: '\e016';
}
.wf-portal-calendar:before
{
    content: '\e011';
}
.wf-portal-people:before
{
    content: '\e00e';
}
.wf-portal-messageCenter
{
   font-size: 15px;
}
.wf-portal-x32
{
    font-size: 32px;
}
.wf-portal-x19
{
    font-size: 19px;
}
.wf-portal-x16
{
    font-size: 16px;
}
.wf-portal-x15
{
    font-size: 15px;
}
.wf-portal-placeholder:before
{
    content: '\e001';
}
.wf-portal-plus:before
{
    content: '\e004';
}
.wf-portal-minus:before 
{
    content: '\e005';
}
.wf-portal-question:before
{
    content: '\e006';
}
.wf-portal-person:before
{
    content: '\e008';
}
.wf-portal-mail:before
{
    content: '\e009';
}
.wf-portal-phone:before 
{
    content: '\e023';
}
.wf-portal-circleinfo:before
{
    content: '\e00a';
}
.wf-portal-circleexclamation:before
{
    content: '\e00b';
}
.wf-portal-circlecross:before
{
    content: '\e00c';
}
.wf-portal-add:before
{
    content: '\e00f';
}
.wf-portal-bell:before
{
    content: '\e010';
}
.wf-portal-ribbon:before
{
    content: '\e0af';
}
.wf-portal-soccer:before
{
    content: '\e171';
}
.wf-portal-balloon:before
{
    content: '\e173';
}
.wf-portal-scheduling:before
{
    content: '\e012';
}
.wf-portal-event:before
{
    content: '\e013';
}
.wf-portal-books:before
{
    content: '\e16e';
}
.wf-portal-chat:before
{
    content: '\e017';
}
.wf-portal-trophy:before
{
    content: '\e17c';
}
.wf-portal-hamburger:before
{
    content: '\e020';
}
.wf-portal-delete:before
{
    content:'\e026';
}
.wf-portal-edit:before
{
    content:'\e027';
}
.wf-o365-refresh:before
{
    content: '\e034';
}
.wf-portal-filter:before
{
    content: '\e11a';
}
.wf-portal-flag:before
{
    content:'\e028';
}
.wf-portal-miniatures:before
{
    content: '\e02a';
}
.wf-portal-gear:before
{
    content: '\e035';
}
.wf-portal-smiley:before
{
    content: '\e036';
}
.wf-portal-information:before
{
    content: '\e037';
}
.wf-portal-search:before
{
    content: '\e039';
}
.wf-portal-reversedquestion:before
{
    content: '\e03a';
}
.wf-portal-tasks:before
{
    content: '\e040';
}
.wf-portal-check:before
{
    content: '\e041';
}
.wf-portal-cross:before
{
    content: '\e042';
}
.wf-portal-ellipsis:before
{
    content: '\e045';
}
.wf-portal-uparrow:before
{
    content: '\e047';
}
.wf-portal-downarrow:before
{
    content: '\e048';
}
.wf-portal-leftarrow:before
{
    content: '\e049';
}
.wf-portal-rightarrow:before
{
    content: '\e04a';
}
.wf-portal-upcarat:before
{
    content: '\e051';
}
.wf-portal-downcarat:before
{
    content: '\e052';
}
.wf-portal-officelogosmall:before
{
    content: '\e055';
}
.wf-portal-o365logo:before
{
    content: '\e056';
}
.wf-portal-o365logopreview:before
{
    content: '\e057';
}
.wf-portal-appslogo:before
{
    content: '\e060';
}
.wf-portal-officestorelogo:before
{
    content: '\e061';
}
.wf-portal-projectlogo:before
{
    content: '\e063';
}
.wf-portal-yammerlogo:before
{
    content: '\e064';
}
.wf-portal-crmlogo:before
{
    content: '\e065';
}
.wf-portal-lynclogo:before {
    content: '\e066';
}
.wf-portal-skypeforbusinesslogo:before {
    content: '\e258';
}
.wf-portal-reset:before
{
    content: '\e06f';
}
.wf-portal-tileview:before 
{
    content: '\e070';
}
.wf-portal-sites:before
{
    content: '\e072';
}
.wf-portal-tools:before
{
    content: '\e077';
}
.wf-portal-share:before
{
    content: '\e078';
}
.wf-portal-partner:before
{
    content: '\e080';
}
.wf-portal-setup:before
{
    content: '\e081';
}
.wf-portal-gallatinfooterlogo:before
{
    content: '\e082';
}
.wf-portal-mslogo:before
{
    content: '\e083';
}
.wf-portal-adduser:before
{
    content: '\e086';
}
.wf-portal-upchevron:before
{
    content: '\e087';
}
.wf-portal-downchevron:before
{
    content: '\e088';
}
.wf-portal-leftchevron:before
{
    content: '\e089';
}
.wf-portal-rightchevron:before
{
    content: '\e08a';
}
.wf-portal-upchevrons:before
{
    content: '\e090';
}
.wf-portal-downchevrons:before
{
    content: '\e091';
}
.wf-portal-leftchevrons:before
{
    content: '\e092';
}
.wf-portal-rightchevrons:before
{
    content: '\e093';
}
.wf-portal-trash:before
{
    content: '\e026';
}
.wf-portal-powerbilogo:before
{
    content: '\e08b';
}
.wf-portal-joingroup:before
{
    content: '\e08c';
}
.wf-portal-newsfeed:before
{
    content: '\e08d';
}
.wf-portal-removemember:before
{
    content: '\e09e';
}
.wf-portal-mailcontact:before
{
    content: '\e0b0';
}
.wf-portal-post:before
{
    content: '\e102';
}
.wf-portal-pulselogo:before
{
    content: '\e118';
}
.wf-portal-camera:before
{
    content: '\e119';
}
.wf-portal-companyprofile:before
{
    content: '\e120';
}
.wf-portal-shoppingcart:before
{
    content: '\e122';
}
.wf-portal-sociallisteninglogo:before
{
    content: '\e123';
}
.wf-portal-mapmarker:before
{
    content: '\e124';
}
.wf-portal-domain:before
{
    content: '\e125';
}
.wf-portal-briefcase:before 
{
    content: '\e17a';
}
.wf-portal-firstaid:before 
{
    content: '\e17d';
}

/* workload admin icons*/
.wf-portal-admin:before
{
    content: '\e130';
}

.wf-portal-becometheadmin:before
{
    content: '\e130';
}

.wf-portal-crmadmin:before 
{
    content: '\e131';
}

.wf-portal-common-e:before 
{
    content: '\e133';
}

.wf-portal-lyncadmin:before 
{
    content: '\e134';
}

.wf-portal-marketingadmin:before 
{
    content: '\e135';
}

.wf-portal-powerbiadmin:before 
{
    content: '\e137';
}

.wf-portal-common-s:before 
{
    content: '\e138';
}

.wf-portal-yammeradmin:before 
{
    content: '\e139';
}

.wf-portal-group:before 
{
    content: '\e155';
}

/* workload admin icons */

.wf-portal-officelogo:before
{
    content: '\e160';
}
.wf-portal-servicehealth:before
{
    content: '\e162';
}
.wf-portal-reports:before
{
    content: '\e163';
}
.wf-portal-dashboard:before
{
    content: '\e164';
}
.wf-portal-dollar:before 
{
    content: '\e161';
}
.wf-portal-videologo:before
{
    content: '\e202';
}
.wf-portal-paraturelogo:before
{
    content: '\e20a';
}
.wf-portal-home:before
{
    content: '\e021';
}
.wf-portal-phone:before
{
    content: '\e023';
}
.wf-portal-binglogo:before
{
    content: '\e225';
}
.wf-portal-msnlogo:before
{
    content: '\e241';
}
.wf-portal-swaylogo:before
{
    content: '\e247';
}
.wf-portal-highlanderlogo:before
{
    content: '\e259';
}
.wf-portal-homeroomlogo:before
{
    content: '\e276';
}
.wf-portal-classnotebooklogo:before
{
    content: '\e25f';
}
.wf-portal-compliancecenterlogo:before
{
    content: '\e289';
}
.wf-portal-staffnotebooklogo:before
{
    content: '\e280';
}
.wf-portal-download:before
{
    content: '\e04b';
}
.wf-portal-folder:before
{
    content: '\e014';
}
.wf-portal-powerbiv2logo:before
{
    content: '\e281';
}
.wf-portal-powerappslogo:before
{
    content: '\e314';
}
.wf-portal-internet:before
{
    content: '\e222';
}
.wf-portal-skypemeetingslogo:before
{
    content: '\e258';
}
.wf-portal-bookingslogo:before
{
    content: '\e32a';
}
.wf-portal-dynamicsnavlogo:before
{
    content: '\e32c';
}
.wf-portal-officeformslogo:before
{
    content: '\e333';
}
.wf-portal-logicflowslogo:before
{
    content: '\e33a';
}
.wf-portal-microsoftstreamlogo:before
{
    content: '\e34f';
}
.circleIcon,
.solidCircleIcon
{
    width: 1.2em;
    height: 1.2em;
    border-radius: .7em;
    border: .12em solid;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.1em;
}
.solidCircleIcon
{
    border: .12em solid transparent;    
}
.backIconButton {
    font-size: 18px;
    text-decoration: none;
}

/* End include icon fonts styles */

.boxErrorCrossSmall
{
    font-size: 16px;
}
.boxErrorCrossLarge
{
    font-size: 20px;
}

@media \0screen   
{
    .circleIcon
    {
        border: none;
    }
    
    .backIconButton {
        font-size: 22px;
    }
    .boxErrorCrossSmall
    {
        font-size: 20px;
    }
    .boxErrorCrossLarge
    {
        font-size: 24px;
    }
}

.CategoryLink, .CategorySelected
{
   padding:10px;
}

html,
body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/*<box:PageLayout> Control Styles*/
div.PageLayout
{
}

div.PageLayout table.Content
{
    width: 100%;
}

div.PageLayout td.Content
{
    width: 100%;
    padding: 0px;
    vertical-align: top;
}

div.PageLayout-Panel
{
    float: left;
}

div.PageLayout-Panel > div
{
    padding-left: 26px;
    padding-right: 26px;
}

td.PageLayout-ContentPanel
{
    width: 100%;
    vertical-align: top;
}

td.PageLayout-SideBar
{
    vertical-align: top;
}

td.PageLayout-ContentPanelWithServiceSettings
{
    vertical-align: top;
    min-width: 550px;
    width: 550px;
}

td.PageLayout-ContentPanelWithServiceSettings div.PageLayout-Panel > div
{
    padding-right: 0px;
}

td.PageLayout-ServiceSettings
{
    vertical-align: top;
}

td.PageLayout-ServiceSettings div.PageLayout-Panel iframe
{
    min-width: 370px;
    width: 100%;
    border-style: none;
}

/* Admin Home Info Panel Styles */
td.PageLayout-ContentPanelWithAdminHome
{
    width: 100%;
    vertical-align: top;
}

/* IW Home Info Panel Styles */
td.PageLayout-ContentPanelWithIWHome
{
    width: 100%;
    vertical-align: top;
    background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/header_bar_white_1020_3.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

div.PageLayout-Panels
{
    min-height: 438px;
}

div.PageLayout #CompanyNameLink
{
    display: inline-block;
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 19px;
    margin-top: 30px;
    margin-right: 40px;
}

div.PageLayout-Title
{
    background-color: transparent;
    font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
    font-size: 22px;
    font-weight: normal;
    height: 60px;
    letter-spacing: normal;
    line-height: normal;
    padding-left: 20px;
    text-align: left;
    vertical-align: baseline;
}

div.PageLayout-Title.LiteSku
{
    color: #333333;
    font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
    font-size: 32px;
    padding-left: 40px;
}

div.PageLayout-Title.NoTitle
{
    height: 20px;
}

div.PageLayout-Title > table
{
    height: 100%;
    width: 100%;
}

div.PageLayout-Title > table td
{
    white-space: nowrap;
}

div.PageLayout-Title > table td.TitleSpacer
{
    width: 100%;
}

.PageLayout-Padding
{
    height: 40px;
    padding: 0px 0px 0px 0px;
    clear: both;
    text-align: right;
    padding-top: 0px;
    padding-left: 2px;
    padding-bottom: 0px;
    padding-right: 2px;
}

.PageLayout-Padding:first-child
{
    height: 0px;
}

div.PageLayout td.Content
{
    padding-left: 30px;
    padding-right: 30px;
}

div.PageLayout-Panel > div
{
    padding-left: 0px;
    padding-right: 40px;
}

td.PageLayout-SideBar h2
{
    font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
    font-size: 18px;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 12px;
}

body,
input,
select,
textarea,
button,
legend
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: .01em;
	text-align: left;
	font-weight: normal;
    -webkit-text-size-adjust: 100%;
}

table.Table
{
	border-collapse: separate;
	border-spacing: 1px;
	padding: 0px;
}

table.Table > tbody > tr > th,
table.Table > tbody > tr > td
{
	border-right: 1px solid transparent;
	padding: 5px 12px;
}

table.Table > tbody > tr > th
{
	font-family: "SegoeUI-Regular-final", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: middle;
	line-height: 18px;
}

table.Table > tbody > tr > td
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: .01em;
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-weight: normal;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

h1
{
	font-size: 22px;
	line-height: normal;
	letter-spacing: normal;
}

h2
{
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
}

h3
{
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
}

a
{
	text-decoration: none;
}

select
{
	border: solid 1px #666666;
	padding: 0px;
	margin: 1px;
}

input[type="checkbox"]:disabled + label
{
	color: #c6c6c6;
}

input[type=checkbox] {
    position: relative;
    border: 1px solid;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
    vertical-align: text-bottom;
}

input[type=radio]
{
	position: relative;
	border: 1px solid;
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 0;
	vertical-align: text-bottom;
}

input[type=checkbox]:active 
{
    border: none \0; /* IE9 ONLY */
    border: none\9; /* IE8 ONLY */
}

input[type=radio]
{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
}

input[type=radio]:hover,
input[type=radio]:focus
{
	background-color: #777777;
}

input[type=radio]:active
{
	background-color: #333333;
}

/* IE8 work around to remove border */
@media \0screen
{
	input[type=radio], 
    input[type=checkbox] {border: none;}
    input[type=radio]:hover {background: none}  
    input[type=checkbox]:hover {background: none} 
    input[type=radio]:hover::active {background: none} 
    input[type=checkbox]:hover::active  {background: none}
}

/* IE9 work around to remove border */
input[type=checkbox],
input[type=radio] { border: none \0/; }

/* end sitewide checkbox and radio button styles */
/* Scrollbars WEBKIT browsers only */
::-webkit-scrollbar
{
	height: 18px;
	width: 18px;
}

::-webkit-scrollbar:disabled
{
	display: none;
}

::-webkit-scrollbar-button
{
	background-color: #fff;
	background-repeat: no-repeat;
	cursor: pointer;
}

::-webkit-scrollbar-button:horizontal:increment
{
	background-image: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/scrollbar/arrow_staticright_16.png');
	background-position: center;
	height: 18px;
	width: 18px;
}

::-webkit-scrollbar-button:horizontal:decrement
{
	background-image: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/scrollbar/arrow_staticleft_16.png');
	background-position: center;
	height: 18px;
	width: 18px;
}

::-webkit-scrollbar-button:horizontal:increment:hover
{
	background-image: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/scrollbar/arrow_hoverright_16.png');
	background-position: center;
	height: 18px;
	width: 18px;
}

::-webkit-scrollbar-button:horizontal:decrement:hover
{
	background-image: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/scrollbar/arrow_hoverleft_16.png');
	background-position: center;
	height: 18px;
	width: 18px;
}

::-webkit-scrollbar-button:vertical:increment
{
	background-image: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/scrollbar/arrow_staticdown_16.png');
	background-position: center;
	height: 18px;
	width: 18px;
}

::-webkit-scrollbar-button:vertical:decrement
{
	background-image: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/scrollbar/arrow_staticup_16.png');
	background-position: center;
	height: 18px;
	width: 18px;
}

::-webkit-scrollbar-button:vertical:increment:hover
{
	background-image: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/scrollbar/arrow_hoverdown_16.png');
	background-position: center;
	height: 18px;
	width: 18px;
}

::-webkit-scrollbar-button:vertical:decrement:hover
{
	background-image: url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/scrollbar/arrow_hoverup_16.png');
	background-position: center;
	height: 18px;
	width: 18px;
}

::-webkit-scrollbar-track
{
	background-color: #fff;
}

::-webkit-scrollbar-thumb
{
	border-radius: 9px;
	border: solid 6px #fff;
	background-color: #98a3ac;
}

::-webkit-scrollbar-thumb:vertical
{
	min-height: 50px;
}

::-webkit-scrollbar-thumb:horizontal
{
	min-width: 50px;
}

::-webkit-scrollbar-thumb:hover
{
	border-radius: 9px;
	border: solid 6px #fff;
	background-color: #777;
}

::-webkit-scrollbar-corner
{
	background-color: #fff;
}

input[type="text"],
input[type="password"],
input[type="file"],
textarea
{
	border: 1px solid #666666;
	margin: 2px 0px;    
	min-height: 21px;
	padding-left: 8px;
	line-height: normal;
}

.BOX-HeaderSuper
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 32px;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-HeaderMain
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 22px;
	line-height: normal;
	letter-spacing: normal;
}

.CategoryLink a
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
}

.CategoryLink a:visited
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
}

.CategoryLink a:hover
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
}


.CategorySelected a
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
}


.BOX-HeaderMainAlt
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 22px;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-HeaderSecondary
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-HeaderSecondaryNonSelected
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-HeaderSecondaryAlt
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-HeaderTertiary
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-HeaderTertiaryLink
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-MainBodyText
{
	font-weight: normal;
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: .01em;
}

.BOX-MainTertiary
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 12pt;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-SubHeader
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 13pt;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-StepNumber
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 36px;
	line-height: normal;
	letter-spacing: -.03em;
}

.BOX-StepComplete
{
   background:#fff url('https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/images/icons_check_16x16.png') no-repeat left;
   margin-left:-18px;
   padding-left:18px;
}

.BOX-CommerceHeader
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 13pt;
	line-height: 14pt;
	letter-spacing: -.01em;
}

.BOX-AssistiveText
{
	font-size: 12px;
	padding-left: 1px;
}

a.Button,
a.Button:link,
a.Button:visited,
a.Button-focus,
a.Button-focus:link,
a.Button-focus:visited,
a.Button-hover,
a.Button-hover:link,
a.Button-hover:visited,
a.Button-active,
a.Button-active:link,
a.Button-active:visited,
span.Button-disabled
{
	min-width: 100px;
	display: inline-block;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 0;
	padding: 0px 0px 0px 0px;
}

a.Button span,
a.Button-focus span,
a.Button-hover span,
a.Button-active span,
span.Button-disabled span
{
	border: 1px solid #98a3a6;
	padding: 3px 35px;
	line-height: normal;
	font-size: 13px;
	text-align: center;
	vertical-align: baseline;
	border-left: 1px solid;
	border-right: 1px solid;
	margin: 0px 0px 0px 0px;
	display: block;
	white-space: nowrap;
}

a.CancelButton span,
a.CancelButton-focus span,
a.CancelButton-hover span,
a.CancelButton-active span,
span.CancelButton-disabled span
{
	font-size: 13px;
	padding: 6px 2px;
	text-align: center;
	vertical-align: baseline;
	margin: 0px 0px 0px 0px;
	display: block;
	white-space: nowrap;
}

a.CancelButtonNoCaseTransform span,
a.CancelButtonNoCaseTransform-focus span,
a.CancelButtonNoCaseTransform-hover span,
a.CancelButtonNoCaseTransform-active span,
span.CancelButtonNoCaseTransform-disabled span
{
	font-size: 13px;
	padding: 6px 2px;
	text-align: center;
	vertical-align: baseline;
	margin: 0px 0px 0px 0px;
	display: block;
	white-space: nowrap;
}

span.CancelButton-disabled span
{
	color: #c6c6c6;
}

.TodayControl-Month,
.TodayControl-Date,
.TodayControl-Day
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
}

div.PageLayout.Layout_ServiceSettings td.Content
{
    padding-right: 0px;
}

td.PageLayout-ContentPanelWithServiceSettings > div > *,
td.PageLayout-ContentPanelWithServiceSettings
{
	background-repeat: repeat-y;
	background-position: right 0px;
}

td.PageLayout-ContentPanelWithServiceSettings > div > *
{
	background-image: none;
}

td.PageLayout-ServiceSettings div.PageLayout-Panel > div
{
	padding-left: 40px;
	padding-right: 0px;
}

.PeoplePicker div.Title
{
	margin-bottom: 12px;
}

.PeoplePicker td.MainPanel
{
	min-width: 425px;
	max-width: 425px;
	width: 300px;
}

.PeoplePicker table.ActionBar > tbody > tr > td.AddControlTd
{
	padding-left: 8px;
}

.PeoplePicker div.AddWindow
{
    width: 407px; /* 425px - 8px left-padding - 8px right-padding - 1px left-border - 1px right-border */
}

.PeoplePicker div.AddWindowList
{
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 8px;
}

.PeoplePicker div.AddWindowList table
{
    margin-top: 4px;
}

.PeoplePicker div.AddWindowList td
{
	height: 40px;
}

.PeoplePicker div.ListContainer
{
	border-top: 1px solid;
	margin-top: 8px;
	position: relative;
}

.PeoplePicker div.List
{
	margin-top: 0px;
	min-height: 200px;
	max-height: 550px;
	overflow-x: hidden;
	overflow-y: auto;
}

.PeoplePicker div.List td
{
	border-bottom: 2px solid transparent;
	height: 46px;
}

.PeoplePicker td.CheckboxTd
{
	padding-right: 3px;
}

.PeoplePicker td.UserDataTd
{
	padding-left: 8px;
	cursor: default;
	width: 100%;
}

.PeoplePicker td.UserDataTd > span.Text
{
	width: 350px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	white-space: nowrap;
}

.PeoplePicker td.UserDataTd > span.Text > span.NameOnly
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
}

.PeoplePicker div.PeoplePickerQuickPanel
{
	border-left-color: #eaecee;
}

td.PageLayout-ContentPanelWithSignup
{
	width: auto;
	padding-left: 20px;
	vertical-align: top;
}

td.PageLayout-ContentPanelWithSignup > div
{
	width: auto;
}

td.PageLayout-ContentPanelWithSignup > div > div
{
	width: auto;
	border-bottom: solid 1px #BABABA;
    border-bottom: none;
}

table.PageLayout-Signup
{
	width: auto;
	min-height: 429px;
}

table.PageLayout-Signup > tbody > tr > td
{
	padding-top: 0px;
}

td.PageLayout-SignupContent
{
	padding-left: 0px;
	width: auto;
	overflow: hidden;
	padding-right: 20px;
	vertical-align: top;
}

td.PageLayout-SignupInfo
{
	width: 240px;
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
	vertical-align: top;
}

td.PageLayout-SignupInfo > div
{
	width: auto;
}

td.PageLayout-SignupInfo-Content
{
	padding-top: 0px;
	width: 100%;
	padding-bottom: 20px;
}

td.PageLayout-SignupInfo-Content > div
{
	width: auto;
	overflow: hidden;
}

td.NavPanel
{
	width: 200px;
	padding: 0px;
	vertical-align: top;
	background-image: url(https://cdn.signup.microsoft.com/aloha/1.0.8018.1208/shell/images/linegradient_horizontal_left.png);
	background-repeat: repeat-y;
	background-position: right 0px;
}

td.NavPanel > div
{
	width: 200px;
	padding-right: 0px;
}

div.NavData
{
	width: auto;
	min-height: 0px;
	padding-bottom: 30px;
	word-wrap: break-word;
	overflow: hidden;
}

div.NavData > a,
div.NavData > span
{
	font-size: 9pt;
	letter-spacing: .02em;
	line-height: 11pt;
	display: block;
	padding: 0px 13px 0px 13px;
	margin-bottom: 0px;
}

div.NavData > ul > li.TopNav
{
	font-family: SegoeUI-Light-final, "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
	margin-top: 7px;
	margin-bottom: 0px;
}

div.NavData > ul > li:first-child.TopNav
{
	margin-top: 1px;
}

div.NavData > ul > li.SubNav
{
	font-size: 18px;
	letter-spacing: normal;
	display: inline;
	margin-right: 15px;
	white-space: nowrap;
	line-height: normal;
	margin-bottom: 0px;
}

div.NavData > ul > li.TopNav a,
div.NavData > ul > li.TopNav span,
div.NavData > ul > li.SubNav a,
div.NavData > ul > li.SubNav span
{
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	display: block;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 26px;
}

div.NavData > ul > li.SubNav a,
div.NavData > ul > li.SubNav span
{
	display: inline;
	color: #666666;
	font-family: SegoeUI-Light-final, "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif;
}

div.NavData > ul > li.TopNav a,
div.NavData > ul > li.SubNav a
{
	text-decoration: none;
	cursor: pointer;
}

div.NavData > ul > li.TopNav > a
{
	padding-left: 19px;
	padding-right: 14px;
}

/* Modern UI overrides for navigation color text */
div.NavData > ul > li.TopNav a,
div.NavData > ul > li.TopNav span
{
	color: #666666;
	line-height: 30px;
}

div.NavData > ul > li.SubNav a,
div.NavData > ul > li.SubNav span
{
	color: #666666;
	font-family: SegoeUI-Light-final, "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif;
	display: inline;
}

div.NavData > ul > li.TopNav a.selected,
div.NavData > ul > li.SubNav a.selected
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	color: #0067b0;
}

div.NavData > ul > li.TopNav a.selected,
div.NavData > ul > li.TopNav a:hover
{
	background-color: #eaecee;
}

.MultiPageLayout > div.borders
{
	padding: 0px;
}

.MultiPageLayout h1.title
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 22px;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 18px;
}

table.MultiPageLayout-Wizard > tbody > tr > td.navigation
{
	width: 200px;
	vertical-align: top;
	padding: 0px;
}

table.MultiPageLayout-Wizard > tbody > tr > td.navigation > div
{
	width: 200px;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
}

table.MultiPageLayout-Wizard > tbody > tr > td.spacer,
table.MultiPageLayout-Wizard > tbody > tr > td.spacer > div
{
	width: 20px;
}

table.MultiPageLayout-Wizard > tbody > tr > td.navigation > div > ul > li
{
	margin-bottom: 12px;
	display: block;
}

table.MultiPageLayout-Wizard > tbody > tr > td.stepNumbers > table > tbody > tr > td
{
	padding-right: 20px;
}

table.MultiPageLayout-Wizard > tbody > tr > td.stepNumbers > table
{
    margin-bottom: 21px;
}

table.MultiPageLayout-Wizard > tbody > tr > td.navigation > div > ul > li > table
{
	border-collapse: collapse;
	border-spacing: 0px;
}

table.MultiPageLayout-Wizard > tbody > tr > td.navigation > div > ul > li > table > tbody > tr > td.number
{
	padding-right: 10px;
}

table.MultiPageLayout-Wizard ul
{
	padding: 0px 0px 0px 0px;
}

table.MultiPageLayout-Wizard td.ListGrid-GVDataCell ul
{
	padding-left: 2em;
}

table.MultiPageLayout-Wizard > tbody > tr > td.navigation > div > ul > li.selected
{
	font-weight: bold;
}

table.MultiPageLayout-Wizard > tbody > tr > td.stepNumbers > table > tbody > tr > td.current
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
}

table.MultiPageLayout-Wizard > tbody > tr > td.navigation > div > ul > li > a
{
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}

/* plus the 5px margin-top on Buttons makes 50px margin to top of buttons in button bar */
div.MultiPageLayout-ButtonBar
{
	margin-top: 45px;
}

div.MultiPageLayoutPanel
{
	min-height: 250px;
}

/* MultiPageLayoutPanel.Title */
div.MultiPageLayoutPanel > h2.title
{
    margin-bottom: 30px;
}

/* MultiPageLayoutPanel.Description */
div.MultiPageLayoutPanel > div.description
{
	margin-bottom: 30px;
}

div.MultiPageLayoutPanel > table.SideBar > tbody > tr > td.SideBar > div h2
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
	color: #333333;
}

div.MultiPageLayoutPanel > table.SideBar > tbody > tr > td.SideBar > div h3
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-SideBarTitle
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 18px;
	line-height: normal;
	letter-spacing: normal;
}

.BOX-SideBarSubtitle
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 15px;
	line-height: normal;
	letter-spacing: normal;
	color: #333333;
}

div.Loading-Horizontal img
{
	margin-right: 8px;
	vertical-align: middle;
}

/* PropertySheet.Title */
.PropertySheet > div.BOX-HeaderSecondary
{
	font-size: 15px;
	margin-bottom: 12px;
}

.PropertySheet .RequiredHeader
{
	color: #333333;
	text-align: right;
	font-size: 9pt;
	line-height: normal;
	letter-spacing: 0px;
}

.PropertySheet .ContentContainer
{
	margin-top: 0px;
	margin-bottom: 15px;
}

tr.PropertySheetItem .ReqField
{
	color: #a80f22;
}

tr.PropertySheetItem .Title
{
	max-width: none;
	padding: 3px 0px 5px 0px;
	vertical-align: middle;
}

tr.PropertySheetItem td.Content
{
	padding: 0px 0px 10px 0px;
	vertical-align: top;
	margin: 0px 26px 0px 26px;
	width: auto;
}

tr.PropertySheetItem td.Content input[type="text"].disabled,
tr.PropertySheetItem td.Content input[type="password"].disabled,
tr.PropertySheetItem td.Content textarea.disabled,
tr.PropertySheetItem td.Content select.disabled
{
	background-color: #fdfdfd;
	border-color: #e0e1e1;
	color: #a6a6a6;
}

/* 300px - 1px padding-left - 1px padding-right - 1px border-left - 1px border-right */
tr.PropertySheetItem td.Content input[type="text"],
tr.PropertySheetItem td.Content input[type="password"],
tr.PropertySheetItem td.Content textarea,
tr.PropertySheetItem td.Content select
{
	width: 296px;
}

.VATPrePend
{
    margin-top: 2px;
    border: 1px solid;
    background-color: rgb(228, 228, 228);
    vertical-align: top; 
    padding-left: 15px;
    width: 30px; 
    height: 23px; 
    display: inline-block;
}

.VATPrePendGemini 
{
    margin-top: 2px;
    margin-right: -1px;
    padding-right: 30px;
    padding-left: 10px;
    padding-top: 9px;
    font-size: 17px;
    border: 1px solid #666666;
    background-color: rgb(228, 228, 228);
    vertical-align: top;
    width: 30px; 
    height: 40px; 
    display: inline-block;
    float: left;
}

.ActionBar li > a span.OpenSym
{
	font-size: 75%;
	margin-left: .3em;
}

.AlertList
{
	width: inherit;
	position: static;
	text-align: left;
	background-color: White;
	top: -14px;
	z-index: 1000;
}

.AlertList-LinkMessage
{
	text-decoration: none;
	margin-left: 9px;
}

.AlertList-ActionLink
{
	margin-left: 12px;
}

div.DialogManager-Shield
{
	opacity: .40;
	filter: alpha(opacity=40);
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

/* Sets the gray bar on the left of all dialogs */
div.DialogManager-Frame
{
	border-left: 10px solid;
	position: relative;
	overflow: hidden;
}

.DialogManager-TopRegion
{
	width: 100%;
}

div.DialogManager-CloseButtonArea
{
    padding-top: 8px;
    padding-right: 8px;
}

/* 5px Button margin + 13px padding + 7px height = 25px bottom padding */
div.DialogManager-BottomPaddingArea
{
	border-left: 0px;
	height: 7px;
}

div.DialogManager-MiddleRegion
{
	border-left: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
}

div.DialogManager-Header
{
	padding-left: 30px;
	padding-bottom: 12px;
	padding: 0px 20px 15px 20px;
}

/* Icon image is 48*48 px. So, adding 12px padding */
div.DialogManager-Title
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 22px;
	line-height: normal;
	letter-spacing: normal;
	padding-top: 12px;
	display: block;
	padding: 0px;
	word-wrap: break-word;
}

/* 10px padding & line height spacing on title + 30px padding = 40px */
div.DialogManager-Title.DialogManager-FreeFormTitle
{
	padding-top: 30px;
}

div.DialogManager-SubTitle
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 18px;
	letter-spacing: normal;
	vertical-align: middle;
	padding-top: 5px;
}

div.DialogManager-ContentArea
{
	padding-left: 30px;
	padding-right: 25px;
	padding: 0px 20px 0px 20px;
}

div.DialogManager-BodyArea
{
	padding: 0px;
	letter-spacing: normal;
	line-height: normal;
	overflow: hidden;
}

div.DialogManager-BodyArea.FreeFormBody
{
	font-size: 9pt;
}

/* 50px - margin-top of 5px that buttons have */
div.DialogManager-Footer
{
	padding-top: 45px;
	text-align: right;
	margin-right: -5px;
}

div.DialogManager-LearnMoreArea
{
	padding-top: 12px;
}

/* the following 3 rules are for HC-mode - applying border to the dialog */
.DialogManager-TopRegion 
{
  border-top: 1px solid;
}
div.DialogManager-BottomPaddingArea 
{
  border-bottom: 1px solid;
}
.DialogManager-BottomPaddingArea, 
.DialogManager-ContentArea, 
.DialogManager-Header, 
.DialogManager-CloseButtonArea 
{
  border-right: 1px solid;
}

/* compensate for .ServiceSettingsSelector > div.title margin */
.ServiceSettingsSelector {
	margin-left: -15px;
}

.superHeader
{
	font-family: "Segoe UI Light", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Light-final;
	font-size: 32px;
	font-weight: normal;
	padding-bottom: 30px;
}

.ServiceSettingsSelector > div.title
{
	font-size: 32px;
	margin-left: 15px;
	padding-bottom: 19px;
	border-right: 4px solid transparent;
}

.ServiceSettingsSelectorItem:hover,
.ServiceSettingsSelectorItem.selected
{
	text-decoration: none;
}

.ServiceSettingsSelectorItem > div.title
{
	margin-bottom: 6px;
    padding-bottom: 2px;
}

.ServiceSettingsSelectorItem.selected > div.title
{
	font-family: "SegoeUI-Regular-final","Segoe UI",Segoe,Tahoma,Helvetica,Arial,sans-serif;
    border-bottom: 2px solid transparent;
    padding-bottom: 0px;
}

.gridLayoutTitle
{
	color: #333333;
	padding-left: 0px;
	font-size: 26px;
	letter-spacing: -1px;
	line-height: normal;
}

.gridViewGridHeader th,
.gridViewHeaderEmpty
{
	height: auto;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}

.gridViewFooterEmpty
{
	background-color: transparent;
}

table.gridViewTable tr > td.LastCol,
table.gridViewTable tr > th.LastCol
{
	white-space: nowrap;
}

.gridViewTable
{
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
}

.gridViewTable tr,
.gridViewRow
{
	margin: 10px 0px;
}

.gridViewTable th
{
	font-size: 11px;
	vertical-align: middle;
}

.Page-Modern table.gridViewTable tr > td.ContentCol,
.Page-Modern table.gridViewTable tr > th.ContentCol,
.Page-Modern .gridViewContentColumntable.gridViewTable tr > td.LastCol,
.Page-Modern table.gridViewTable tr > th.LastCol,
.Page-Modern table.gridViewTable tr > td.CheckBoxCol,
.Page-Modern table.gridViewTable tr > th.CheckBoxCol,
.Page-Modern .gridViewTable th,
.Page-Modern .gridViewTable td
{
	padding: 5px 12px;
}

.ValCallout div,
.ValCallout td
{
	border-color: #d80303;
	border: solid 1px #e70000;
}

.o365-theme-base INPUT.ValFieldError,
.o365-theme-base INPUT[type="text"].ValFieldError,
.o365-theme-base INPUT[type="text"].ValFieldError:focus,
.o365-theme-base INPUT[type="text"].ValFieldError:hover,
.o365-theme-base INPUT[type="password"].ValFieldError,
.o365-theme-base INPUT[type="password"].ValFieldError:focus,
.o365-theme-base INPUT[type="password"].ValFieldError:hover,
.o365-theme-base INPUT[type="file"].ValFieldError,
.o365-theme-base INPUT[type="file"].ValFieldError:focus,
.o365-theme-base INPUT[type="file"].ValFieldError:hover,
.o365-theme-base TEXTAREA.ValFieldError,
.o365-theme-base TEXTAREA.ValFieldError:focus,
.o365-theme-base TEXTAREA.ValFieldError:hover,
.o365-theme-base SELECT.ValFieldError,
.o365-theme-base SELECT.ValFieldError:focus,
.o365-theme-base SELECT.ValFieldError:hover,
.o365-theme-base .ValFieldError SELECT
{
	border-color: #d80303;
	border: solid 1px #e70000;
}

/* These settings are to override the AJAX Toolkit ValidatorCallout styling to match our main body default text. */
.ValCallout td.ajax__validatorcallout_error_message_cell, field-validation-error
{
	font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif, SegoeUI-Regular-final;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: .01em;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.ValCallout .ajax__validatorcallout_close_button_cell_rtl
{
    border-left: solid 1px #e70000 !important;
    border-right: none;
}

.ValCallout .ajax__validatorcallout_close_button_cell > .ajax__validatorcallout_innerdiv
{
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 6px;
	padding: 0px;
	width: auto;
}

/* Validator left spacing */
.ValCallout .ajax__validatorcallout_icon_cell
{
	width: 12px;
}

.ValCallout .ajax__validatorcallout_icon_cell_rtl
{
    border-right: solid 1px #e70000 !important;
    border-left: none;
}

td.BoxErrorString
{
	text-align: left;
	padding-left: 20px;
}

tr.BoxErrorLabelTr > td
{
	height: auto;
	padding-top: 18px;
}

/* The min-width and max-width is set on the inner table */
div.AlertMessage
{
	max-width: none;
	margin: 6px 0px;
	border: 1px solid;
    display: inline-block;
}

.OverrideAlertMessage .AlertMessage 
{
    margin:0px;
}

div.AlertMessage > table
{
	min-width: 300px;
	max-width: 600px;
}

div.AlertMessage > table > tbody > tr > td.AlertMessage-ImageTd
{
	padding-top: 0.45em;
	text-align: center;
	vertical-align: top;
	width: 28px;
}

div.AlertMessage > table > tbody > tr > td.BOX-MainBodyText
{
	padding: 4px 6px;
	padding-left: 0px;
	vertical-align: middle;
}

table.AlertBar
{
	border: 1px solid;
	min-width: 300px;
	max-width: 600px;
	margin: 6px 0px;
}

table.AlertBar > tbody > tr > td.AlertBar-ImageTd
{
	padding: 4px 6px;
	vertical-align: top;
	width: 20px;
}

table.AlertBar > tbody > tr > td.BOX-MainBodyText
{
	padding: 4px 6px;   
	padding-left: 0px;
	vertical-align: middle;
}

.checkboxradiolist
{
    text-indent: -25px;
    margin-left: 25px;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
}
    
.checkboxradiolist li
{
    margin-bottom: 10px;
}

.bullets
{
    padding-left: 14px;  
    list-style-type: disc;
    list-style-position: outside;
    list-style-image: none;
}

/* Begin - User Theme Settings */
.userTheme_thumbnail
{
    display: inline-block; 
    width: 60px; 
    height: 60px; 
    padding: 3px;
    margin: 10px;
    vertical-align: top;
}
.userTheme_thumbnail > div {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.userTheme_thumbnail > div > img
{
    position: relative;
}
.userTheme_thumbnail:hover,
.userTheme_thumbnail:focus,
.userTheme_thumbnail.selected
{
    border-width: 2px;
    border-style: solid;
    padding: 1px;
}
.disabled.userTheme_thumbnail {
    filter: alpha(opacity=50);
    opacity: .5;
}
div.userTheme_hidden
{
    display: none;
}
/* End - User Theme Settings */
/* StartPage settings*/
.hidden
{
    display: none;
}
/* End - StartPage settings*/

:-ms-input-placeholder {
    color: #666 !important;
}