* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin:0;
font-family:'Asap', Arial, Helvetica, sans-serif;
font-size:16px;
}
a { 
text-decoration:none;
color:#fff;
}
a:hover {
text-decoration:none;
}
#kisWidget {
background:#dd312c;
color:#fff;
position:relative;
overflow:hidden;
}
#kisWidget .widgetStats,
#kisWidget .widgetStats ul {
list-style:none;
margin:0;
padding:0;
}
#kisWidget .widgetStats li {
font-size:18px;
padding:10px 8px 8px 8px;
}
#kisWidget .widgetStats li strong {
display:block;
font-size:60px;
font-weight:700;
}
#kisWidget .widgetStats li.widgetAccommodation strong {
font-size:35px;
line-height:32px;
margin:5px 0 12px 0;
}
#kisWidget .widgetStats li.widgetAccredited strong {
margin-top:5px;
}
#kisWidget .widgetCourse {
border-top:1px solid #e45a56;
background:#dd312c;
left:0;
position:absolute;
padding:8px 8px 2px 8px;
}
#kisWidget .widgetCourse h1 {
font-size:16px;
font-weight:400;
margin:0 0 3px 0;
overflow:hidden;
line-height:17px;
}
#kisWidget .widgetCourse p {
font:normal 12px Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
}
#kisWidget .widgetCompare {
background-color:#f5e880;
color:#000;
position:absolute;
height:150px;
padding:8px;
}
#kisWidget .widgetCompareButton {
display:block;
background:url(../img/play.png) #dd312c no-repeat 148px 28px;
color:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:3px 3px 0px 0px rgba(0, 0, 0, .2);
box-shadow:3px 3px 0px 0px rgba(0, 0, 0, .2);
padding:2px 7px 5px 7px;
line-height:23px;
margin:5px 0 7px 0;
}
#kisWidget .widgetCompareButton span {
display:block;
text-transform:uppercase;
font-weight:700;
font-size:28px;
}
#kisWidget .widgetFooter {
color:#4b4627;
font:normal 11px Arial, Helvetica, sans-serif;
margin:0;
}

.kisWidgetVert {
width:190px;
height:500px;
}
.kisWidgetVert .widgetCourse {
bottom:150px;
width:100%;
}
.kisWidgetVert .widgetCourse h1 {
max-height:3.2em;
}
.kisWidgetVert .widgetCompare {
bottom:0;
left:0;
}

.kisWidgetHori {
width:615px;
height:150px;
}
.kisWidgetHori .widgetStats li {
float:left;
width:427px;
padding-right:40px !important;
padding-top:14px !important;
}
.kisWidgetHori .widgetStats li strong {
float:left;
margin-right:10px;
}
.kisWidgetHori .widgetStats li span {
top:px;
position:relative;
}
.kisWidgetHori .widgetStats li.widgetAccommodation {
padding-right:0 !important;
}
.kisWidgetHori .widgetStats li.widgetAccommodation strong {
float:none;
margin:0 !important;
line-height:27px !important;
margin-top:3px !important;
}
.kisWidgetHori .widgetStats li.widgetAccommodation span {
font-size:18px;
}
.kisWidgetHori .widgetStats li.widgetAccredited strong {
margin-top:0 !important;
}
.kisWidgetHori .widgetStats li.widgetAccredited span {
float:left;
margin-right:10px;
}

.kisWidgetHori .widgetCourse {
width:425px;
bottom:0;
}
.kisWidgetHori .widgetCourse h1 {
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.kisWidgetHori .widgetCompare {
top:0;
right:0;
width:190px;
}
a.play {
position:absolute;
display:block;
z-index:10;
background:url(../img/controls.png) #dd312c no-repeat;
width:26px;
height:26px;
border:1px solid #e45a56;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
}
.kisWidgetHori a.play {
right:197px;
top:7px;
}
.kisWidgetVert a.play {
right:7px;
top:7px;
}
a.play.paused {
background-position:-25px 0;
}
a.play span {
display:none;
}

.widgetMessage {
padding:8px;
}
.widgetMessage p {
margin:0 0 8px 0;
}
.widgetMessage strong {
font-weight:700;
text-transform:uppercase;
font-size:20px;
background:url(../img/play.png) no-repeat right 40%;
padding-right:17px;
}