/* Language/market specific rules */
html[market="ja-jp"] body
{
	font-family:'Yu Gothic Medium';
}
body
{
    background-color:#FFFFFF;
    font-family:'Segoe UI';
    font-size:15px;
    max-width:540px;
    line-height:22px;
    margin:14px;
}
/* <720 */
@media (max-width: 719px)
{
    body
    {
        margin:10px;
    }
}
p,h1,h2,h3,h4,h5,h6
{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:17px;
}
h1,h2,h3,h4,h5,h6
{
    margin-top:35px;
    font-weight:500;
}
h1
{
    margin-top:0px;
    font-size:34px;
    line-height:48px;
}

h2
{
    font-size:24px;
    line-height:30px;
}

h3
{
    font-size:20px;
}

h4
{
    font-size:19px;
}

h5
{
    font-size:16px;
}

h6
{
    font-size:14px;
}

.pageTitle
{
    font-weight:300;
}

p
{
    margin-top:17px;
}
img
{
    border:none;
    max-width:100%;
    height:auto;
}
video
{
    width:100%;
}
span.glyph
{
    font-family: 'Segoe MDL2 Assets';
}

/* Alerts */
div.alert
{
    max-width:100%;
    min-height:58px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    margin-top:20px;
    padding-bottom:8px;
    border-top:thin solid #666666;
    border-bottom: thin solid #666666;
}
div.alert div.alert-icon
{
    height:16px;
    width:16px;
    margin-top:20px;
    font-family:'Segoe MDL2 Assets';
    font-size:16px;
}        
div.alert div.alert-title
{
    margin-top:-17px;
    font-size:16px;
}
div.alert p
{
    color:#B2B2B2;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
}
div.alert-note div.alert-icon::before
{
    content: "\E70F";
}
div.alert-tip div.alert-icon::before
{
    content: "\EA80";
}
div.alert-warning div.alert-icon::before
{
    content: "\E7BA";
}

/* Captions (generally used only for images) */
span.withCaption
{
	display:block;
}
span.caption
{
	display:block;
	font-size:13px;
	font-weight:400;
	text-align:left;
}

/* Tabled content */
table
{
    width:100%;
    table-layout:fixed;
    border-spacing:0px;
}
thead,
div.thead-delegate
{
    font-size:20px;
    font-weight:600;
}
table td
{
    padding-top:0px;
    padding-right: 5px;
    padding-bottom:0px;
    padding-left: 5px;
    vertical-align:top;
}
table td h2
{
    margin: 0px;
}
table td p
{
    margin-top:0px;
}
/* <730 */
@media (max-width: 729px)
{
    thead
    {
        display: none;
    }
    table td
    {
        display: block;
    }
}
/* 730+ */
@media (min-width: 730px)
{
    div.thead-delegate
    {
        display: none;
    }
}