{
    "id": "stocks1",
    "value": "Stocks 1",
    "main": "<div class=\"container-main\">\r\n    <div class=\"container \">\r\n        <div id=\"cycle-container\">\r\n            [itemsTemplate]\r\n        <\/div>\r\n    <\/div>\r\n<\/div>",
    "item": "<div class=\"row row-finance\">\r\n    <div class=\"weather-col col-2 value name-stock  \">[SymbolTrimmed]<\/div>\r\n    <div class=\"weather-col col-5 value \">[NameTrimmed|25]<\/div>\r\n    <div class=\"weather-col col-2 text-right value\">[LastTradePriceOnly] [CurrencyUpper]<\/div>\r\n    <div class=\"weather-col col-2 text-right value [ChangeStyle]\">[ChangePercentage]%<\/div>\r\n    <div class=\"weather-col col-1 text-right\"><div class=\"[ChangeIcon]\"><\/div><\/div>\r\n<\/div>",
    "css": "body {\n width: 820px !important;\n height: 420px !important;\n }\n\n.text-right {\n    text-align: right;\n}\n\n.center-block {\n    display: block;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n.container {\n    padding-right: 15px;\n    padding-left: 15px;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n.text-center {\n text-align: center;\n}\n h1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\n\n.container:after, .container:before, .row:after, .row:before {\n    display: table;\n    content: \" \";\n}\n.container:after, .row:after {\n    clear: both;\n}\n\n* {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n:after,:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n}\n\n body {\n    font-family: \"Helvetica\", \"Arial\", sans-serif;\n    line-height: 1;\n}\n\n.container-main {\n    height: 420px !important;\n    width: 820px !important;\n}\n\n.container {\n    width: 820px !important;\n    height: 420px !important;\n    float: left;\n    padding-top: 20px;\n    padding-right: 15px;\n    padding-left: 15px;\n    margin-right: auto;\n    margin-left: auto;\n}\n\n.row-finance {\n    height: 40px;\n    background: #e0e0e0;\n    margin-bottom: 17px;\n    border-left: #264a88 10px solid;\n}\n\n.row {\n    margin-right: 0;\n    margin-left: 0;\n}\n\n#cycle-container {\n    margin-left: -15px;\n    margin-right: -15px;\n}\n\n.value {\n    font-size: 19px;\n    padding-top: 10px;\n    color: #000;\n    white-space: nowrap;\n}\n\n.down-arrow {\n    margin: 15px 0px 0px 20px;\n    width: 0;\n    height: 0;\n    border-left: 10px solid transparent;\n    border-right: 10px solid transparent;\n    border-top: 10px solid red;\n}\n\n.up-arrow {\n    margin: 15px 0px 0px 20px;\n    width: 0;\n    height: 0;\n    border-left: 10px solid transparent;\n    border-right: 10px solid transparent;\n    border-bottom: 10px solid green;\n}\n\n.right-arrow {\n    margin: 10px 0px 0px 25px;\n    width: 0;\n    height: 0;\n    border-left: 10px solid gray;\n    border-top: 10px solid transparent;\n    border-bottom: 10px solid transparent;\n}\n\n.variant {\n    font-size: 20px;\n    padding-top: 17px;\n}\n\n.flags {\n    padding-top: 4px;\n}\n\n.value-up {\n    color: green;\n    font-weight: bold\n}\n\n.value-down {\n    color: red;\n    font-weight: bold\n}\n\n.value-equal {\n    color: gray;\n    font-weight: bold\n}\n\n.name-stock {\n    color: gray;\n}\n\n.col-1 {\n    width: 8.33333333%;\n}\n\n.col-2 {\n    width: 16.66666667%;\n}\n\n.col-5 {\n    width: 41.66666667%;\n}\n\n.weather-col {\n    float: left;\n    position: relative;\n    min-height: 1px;\n    padding-right: 15px;\n    padding-left: 15px;\n}",
    "maxItemsPerPage": 7,
    "widgetOriginalWidth": "820",
    "widgetOriginalHeight": "420",
    "image": "modules/stocks/template-thumbs/stocks1.png"
}