body
{
}
.Sablon
{
    margin-left: 20px;
    margin-top: 20px;
}

.widgetlist
{
    font-family: Tahoma, Arial, Verdana;
    font-size: 11px;
    list-style: none;
    margin:-10px;
    margin-top:10px;
}
.widgetlist li
{
    -moz-box-shadow: inset 0px 0px 50px 0px #ffffff;
    -webkit-box-shadow: inset 0px 0px 50px 0px #ffffff;
    box-shadow: inset 0px 0px 1500px 0px #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 0px;
    text-decoration: none;
    margin: 0px 7px 7px 0px;
    width: 130px;
    float: left;
    display: inline-block;
}
.widgetlist li:hover,.widgetlist li:active
{
    background-color: #f0f0f0;
}
.widgetlist li .link
{
    background: rgb(247, 247, 247);
    padding: 15px 0px 0px 0px;
    border: 1px solid rgb(204, 204, 204);
    text-align: center;
    color: rgb(51, 51, 51);
    display: block;
    min-height: 100px;
    position: relative;

    border-radius: 3px;
    color: rgb(0, 102, 153);
    -moz-box-shadow: 1px 1px 0 #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.widgetlist li .link span
{
    font-size: 12px;
    margin-top: 20px;
}
.widgetlist li .link:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
    text-decoration:none;
}
.productname
{
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}
.Blue
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #483DC3), color-stop(1, #AAB0E6) ) !important;
    background: -moz-linear-gradient( center top, #483DC3 5%, #AAB0E6 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#483DC3', endColorstr='#AAB0E6') !important;
    background-color: Blue !important;
    border: 1px solid Blue;
    color: White !important;
}
.Blue:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #AAB0E6), color-stop(1, #483DC3) ) !important;
    background: -moz-linear-gradient( center top, #AAB0E6 5%, #483DC3 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAB0E6', endColorstr='#483DC3') !important;
    background-color: Blue !important;
}
.Yellow
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FBD616), color-stop(1, #F7F3B4) ) !important;
    background: -moz-linear-gradient( center top, #F2E643 5%, #F7F3B4 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2E643', endColorstr='#F7F3B4') !important;
    background-color: Yellow !important;
    border: 1px solid #F2E643 !important;
    color: #403E32 !important;
}
.Yellow:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F7F3B4), color-stop(1, #F2E643) ) !important;
    background: -moz-linear-gradient( center top, #F7F3B4 5%, #F2E643 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F3B4', endColorstr='#F2E643') !important;
    background-color: Yellow !important;
}
.Green
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #22CA3B), color-stop(1, #AFF4B9) ) !important;
    background: -moz-linear-gradient( center top, #22CA3B 5%, #AFF4B9 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22CA3B', endColorstr='#AFF4B9') !important;
    background-color: Green !important;
    border: 1px solid #22CA3B !important;
    color: #465B49 !important;
}
.Green:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #AFF4B9), color-stop(1, #22CA3B) ) !important;
    background: -moz-linear-gradient( center top, #AFF4B9 5%, #22CA3B 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AFF4B9', endColorstr='#22CA3B') !important;
    background-color: Green !important;
}
.Red
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EA2323), color-stop(1, #FE9A9A) ) !important;
    background: -moz-linear-gradient( center top, #EA2323 5%, #FE9A9A 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EA2323', endColorstr='#FE9A9A') !important;
    background-color: Red !important;
    border: 1px solid #EA2323 !important;
    color: White !important;
}
.Red:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FE9A9A), color-stop(1, #EA2323) ) !important;
    background: -moz-linear-gradient( center top, #FE9A9A 5%, #EA2323 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE9A9A', endColorstr='#EA2323') !important;
    background-color: Red !important;
}

.Purple
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B240F9), color-stop(1, #CF99F0) ) !important;
    background: -moz-linear-gradient( center top, #B240F9 5%, #CF99F0 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B240F9', endColorstr='#CF99F0') !important;
    background-color: Red !important;
    border: 1px solid #CF99F0 !important;
    color: White !important;
}
.Purple:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CF99F0), color-stop(1, #B240F9) ) !important;
    background: -moz-linear-gradient( center top, #CF99F0 5%, #B240F9 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF99F0', endColorstr='#B240F9') !important;
    background-color: Purple !important;
}

.Pink
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F02C9E), color-stop(1, #FBBBE0) ) !important;
    background: -moz-linear-gradient( center top, #F02C9E 5%, #FBBBE0 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F02C9E', endColorstr='#FBBBE0') !important;
    background-color: Pink !important;
    border: 1px solid #FBBBE0 !important;
    color: White !important;
}
.Pink:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FBBBE0), color-stop(1, #F02C9E) ) !important;
    background: -moz-linear-gradient( center top, #FBBBE0 5%, #F02C9E 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBBBE0', endColorstr='#F02C9E') !important;
    background-color: Pink !important;
}
.countbottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    vertical-align: bottom;
}


/*Reorder List*/
.dragHandle
{
    width: 15px;
    height: 20px;
    background-color: #FB770A;    
    cursor: move;
    border: outset thin white;
}
.callbackStyle
{
    border: thin blue inset;
}
.callbackStyle table
{
    background-color: Black;
    color: Black;
}
.reorderListDemo li
{
    list-style: none;
    margin: 3px;
    vertical-align:middle !important;
    background-color:#E9F6FD !important;
    color: Black;
}
.reorderListDemo li a
{
    vertical-align:middle;
    color: Black !important;
    height:15px;
    vertical-align:middle !important;
}
.reorderCue
{
    border: dashed thin black;
    width: 100%;
    height: 20px;
}
.itemArea
{
    vertical-align:middle !important;
    margin-left: 15px;
    text-align: left;
    min-height:20px;
}
.reorderListDemoTall li
{
    list-style: none;
    background-color: Black !important;
    color: Black !important;
}
.itemAreaTall
{
    vertical-align:middle !important;
    margin-left: 15px;
    
    text-align: left;
    width: 800px;
    height: 185px;
    margin-top: 5px;
}
.reorderCueTall
{
    border: dashed thin black;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}