﻿/* -- Copyright © Microsoft Corporation. All rights reserved. */
.resultContent div
{
    display: inline-block;
    height: 200px;
    margin: 0 5px;
    width: 150px;
}
#repeatingLinear
{
    /* Internet Explorer 10 versions lower than Release Preview */
    background-image: -ms-repeating-linear-gradient(315deg, #FFFFFF 20px, #00A3EF 40px);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-repeating-linear-gradient(to bottom right, #FFFFFF 20px, #00A3EF 40px);
    background-image: -moz-repeating-linear-gradient(to bottom right, #FFFFFF 20px, #00A3EF 40px);
    background-image: -o-repeating-linear-gradient(to bottom right, #FFFFFF 20px, #00A3EF 40px);
    background-image: repeating-linear-gradient(to bottom right, #FFFFFF 30px, #00A3EF 60px);
}

#repeatingCircle
{
    /* Internet Explorer 10 versions lower than Release Preview */
    background-image: -ms-repeating-radial-gradient(center, ellipse farthest-corner, #FFFFFF 30px, #00A3EF 60px);
    background-image: -moz-repeating-radial-gradient(center, ellipse farthest-corner, #FFFFFF 30px, #00A3EF 60px);
    background-image: -o-repeating-radial-gradient(center, ellipse farthest-corner, #FFFFFF 30px, #00A3EF 60px);
    background-image: -webkit-repeating-radial-gradient(center, ellipse farthest-corner, #FFFFFF 30px, #00A3EF 60px);
    background-image: repeating-radial-gradient(ellipse farthest-corner at center, #FFFFFF 30px, #00A3EF 60px);
}

#repeatingEllipse
{
    /* Internet Explorer 10 versions lower than Release Preview */
    background-image: -ms-repeating-radial-gradient(center, circle farthest-corner, #FFFFFF 30px, #00A3EF 60px);
    background-image: -moz-repeating-radial-gradient(center, circle farthest-corner, #FFFFFF 30px, #00A3EF 60px);
    background-image: -o-repeating-radial-gradient(center, circle farthest-corner, #FFFFFF 30px, #00A3EF 60px);
    background-image: -webkit-repeating-radial-gradient(center, circle farthest-corner, #FFFFFF 30px, #00A3EF 60px);
    background-image: repeating-radial-gradient(circle farthest-corner at center, #FFFFFF 30px, #00A3EF 60px);
}