/* Homepage widget styles */

.WidgetStyle
{
	width:305px;
	margin:5px 0px 0px 0px;
}

.HeaderStyle
{
	height:30px;
	line-height:30px;
	cursor:move;
	background-image: url(../images/widget-header-305x30.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}
.HeaderStyleGold
{
	height:30px;
	line-height:30px;
	cursor:move;
	background-image: url(../images/widget-header-305x30-gold.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}
.HeaderStyleBrown
{
	height:30px;
	line-height:30px;
	cursor:move;
	background-image: url(../images/widget-header-305x30-brown.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}
.HeaderStyleGreen
{
	height:30px;
	line-height:30px;
	cursor:move;
	background-image: url(../images/widget-header-305x30-green.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}
.HeaderStylePurple
{
	height:30px;
	line-height:30px;
	cursor:move;
	background-image: url(../images/widget-header-305x30-purple.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}
.HeaderStyleGrey
{
	height:30px;
	line-height:30px;
	cursor:move;
	background-image: url(../images/widget-header-305x30-grey.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}
.HeaderStyleBlue
{
	height:30px;
	line-height:30px;
	cursor:move;
	background-image: url(../images/widget-header-305x30-blue.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.HeaderStyleSpotify
{
	height:45px;
	line-height:45px;
	cursor:move;
	background-image: url(../images/widget-header-305-wide-blue-spotify.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.HeaderStyleWeatherBug
{
	height:45px;
	line-height:45px;
	cursor:move;
	background-image: url(../images/widget-header-305-wide-blue-weatherbug.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.HeaderStyleBookingCom
{
	height:45px;
	line-height:45px;
	cursor:move;
	background-image: url(../images/widget-header-305-wide-blue-booking.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.HeaderStyleOodle
{
	height:45px;
	line-height:45px;
	cursor:move;
	background-image: url(../images/widget-header-305-wide-blue-oodle.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.HeaderStyleLemonrock
{
	height:45px;
	line-height:45px;
	cursor:move;
	background-image: url(../images/widget-header-305-wide-blue-lemonrock.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.FooterStyle
{
	height:15px;
	background-image: url(../images/widget-footer-305x15.png);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
/*.FooterStyle a:link, .FooterStyle a:visited, .FooterStyle a:hover, .FooterStyle a:active
{
	text-decoration: none;
	font-size: 15px;
	color: #29ABE2;
}*/
.FooterStyle a:hover
{
	color:#000;
}

.BodyStyle
{
	/*height:313px;*/
	background-image:url(../images/widget-body-305-wide-blue.gif);
	background-repeat:repeat-y;
}

/* Vertical widget styles - typically used in a News page for example */

.WidgetStyle2
{
	width:230px;
	margin:0px 0px 0px 0px;
}

.HeaderStyle2
{
	height:45px;
	line-height:45px;
	background-image: url(../images/widget-header-230-wide-blue.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.FooterStyle2
{
	height:15px;
	background-image: url(../images/widget-footer-230-wide.gif);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
.FooterStyle2 a:link, .FooterStyle2 a:visited, .FooterStyle2 a:hover, .FooterStyle2 a:active
{
	text-decoration: none;
	font-size: 15px;
	color: #29ABE2;
}

.BodyStyle2
{
	/*height:313px;*/
	background-image:url(../images/widget-body-230-wide.gif);
	background-repeat:repeat-y;
}

/* Widget styles v3 - typically used in a comments box, for example */

.WidgetStyle3
{
	width:555px;
	margin:0px 0px 0px 0px;
}

.HeaderStyle3
{
	height:45px;
	line-height:45px;
	background-image: url(../images/widget-header-555-wide-blue.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.FooterStyle3
{
	height:15px;
	background-image: url(../images/widget-footer-555-wide.gif);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
.FooterStyle3 a:link, .FooterStyle3 a:visited, .FooterStyle3 a:hover, .FooterStyle3 a:active
{
	text-decoration: none;
	font-size: 15px;
	color: #29ABE2;
}

.BodyStyle3
{
	/*height:600px;*/
	background-image:url(../images/widget-body-555-wide.gif);
	background-repeat:repeat-y;
}

/* Widget styles v4 - typically used in the data entry page */

.WidgetStyle4
{
	width:925px;
	margin:10px 0px 0px 0px;
}

.HeaderStyle4
{
	height:45px;
	line-height:45px;
	background-image: url(../images/widget-header-925-wide-blue.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.FooterStyle4
{
	height:15px;
	background-image: url(../images/widget-footer-925-wide.gif);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
.FooterStyle4 a:link, .FooterStyle4 a:visited, .FooterStyle4 a:hover, .FooterStyle4 a:active
{
	text-decoration: none;
	font-size: 15px;
	color: #29ABE2;
}

.BodyStyle4
{
	/*height:600px;*/
	background-image:url(../images/widget-body-925-wide.gif);
	background-repeat:repeat-y;
}

/* Widget styles v5 - typically used alongside an ad to one side */

.WidgetStyle5
{
	width:800px;
	margin:10px 0px 0px 0px;
	float:left;
}

.HeaderStyle5
{
	height:45px;
	line-height:45px;
	background-image: url(../images/widget-header-800-wide-blue.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.BodyStyle5
{
	background-image:url(../images/widget-body-800-wide.png);
	background-repeat:repeat-y;
}

.FooterStyle5
{
	height:15px;
	background-image: url(../images/widget-footer-800-wide.png);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
.FooterStyle5 a:link, .FooterStyle5 a:visited, .FooterStyle5 a:hover, .FooterStyle5 a:active
{
	text-decoration: none;
	font-size: 15px;
	color: #29ABE2;
}

.WidgetLiveFeed
{
	width:800px;
	margin:10px 0px 0px 0px;
}

.HeaderLiveFeed
{
	height:30px;
	line-height:30px;
	background-image: url(../images/widget-header-800-wide-live-feed.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

/* the .BodyLiveFeed class resides in the LiveFeed.css stylesheet */

.FooterLiveFeed
{
	height:15px;
	background-image: url(../images/widget-footer-800-wide-live-feed.png);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
.FooterLiveFeed a:link, .FooterLiveFeed a:visited, .FooterLiveFeed a:hover, .FooterLiveFeed a:active
{
	text-decoration: none;
	font-size: 15px;
	color: #29ABE2;
}

.Widget180
{
	width:180px;
	margin:5px 0px 0px 0px;
}

.Header180
{
	height:30px;
	line-height:30px;
	background-image: url(../images/widget-header-180x30.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.Body180
{
	background-image:url(../images/widget-body-180x1.png);
	background-repeat:repeat-y;
}

.Footer180
{
	height:15px;
	background-image: url(../images/widget-footer-180x15.png);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
.Footer180 a:link, .Footer180 a:visited, .Footer180 a:hover, .Footer180 a:active
{
	text-decoration: none;
	font-size: 15px;
	color: #29ABE2;
}

.WidgetStyle397
{
	width:397px;
	margin:10px 0px 0px 0px;
	float:left;
	padding:0px 0px 0px 5px;
}

.HeaderStyle397
{
	height:45px;
	line-height:45px;
	background-image: url(../images/widget-header-397-wide-blue.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.FooterStyle397
{
	height:15px;
	background-image: url(../images/widget-footer-397-wide.png);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
.FooterStyle397 a:link, .FooterStyle397 a:visited, .FooterStyle397 a:hover, .FooterStyle397 a:active
{
	text-decoration: none;
	font-size: 15px;
	color: #29ABE2;
}

.BodyStyle397
{
	background-image:url(../images/widget-body-397-wide.png);
	background-repeat:repeat-y;
}

.WidgetStyle398
{
	width:398px;
	margin:10px 0px 0px 0px;
	float:left;
}

.HeaderStyle398
{
	height:45px;
	line-height:45px;
	background-image: url(../images/widget-header-398-wide-blue.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.FooterStyle398
{
	height:15px;
	background-image: url(../images/widget-footer-398-wide.png);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
.FooterStyle398 a:link, .FooterStyle398 a:visited, .FooterStyle398 a:hover, .FooterStyle398 a:active
{
	text-decoration: none;
	font-size: 15px;
	color: #29ABE2;
}

.BodyStyle398
{
	background-image:url(../images/widget-body-398-wide.png);
	background-repeat:repeat-y;
}

/* Widget positioning on the page */

#cols-example
{
	float:none;
	overflow:visible;
	width:950px;
}

#cols-example .feature
{
	/*background-image: url(../images/static-coloured-top-panel-blue.jpg);
	background-repeat:no-repeat;*/
	color: #fff;
	height: 51px;
	margin: 0px 0px 0px 0px;
	width: 615px;
}

#cols-example .button_container
{
	position:relative;
	top:0px;
	left:0px;
	width:615px;
	height:51px;
}
#cols-example .GreenBtn
{
	float:left;
	background-image:url(../images/green-btn.gif);
	background-repeat:no-repeat;
	width:199px;
	height:51px;
	cursor:pointer;
}
#cols-example .GreenBtnTxt
{
	text-align:right;
	position:absolute;
	bottom:0px;
	width:195px;
	padding: 0px 5px 5px 0px;
	cursor:pointer;
}
#cols-example .GoldBtn
{
	float:left;
	background-image:url(../images/gold-btn.gif);
	background-repeat:no-repeat;
	width:217px;
	height:51px;
	cursor:pointer;
}
#cols-example .GoldBtnTxt
{
	text-align:right;
	position:absolute;
	bottom:0px;
	width:212px;
	padding: 0px 5px 5px 0px;
	cursor:pointer;
}
#cols-example .BlueBtn
{
	float:left;
	background-image:url(../images/blue-btn.gif);
	background-repeat:no-repeat;
	width:199px;
	height:51px;
	cursor:pointer;
}
#cols-example .BlueBtnTxt
{
	text-align:right;
	position:absolute;
	bottom:0px;
	width:194px;
	padding: 0px 5px 5px 0px;
	cursor:pointer;
}

#cols-example .feature strong
{
    display: block;
    padding: 1em;
}

#cols-example .col1, #cols-example .col2, #cols-example .col3
{
    float: left;
    width: 310px;
}

#cols-example .rightCols
{
    float: left;
    width: 620px;
}

#cols-example .widget
{
    background: #fff;
    height: 400px;
    margin:5px 0px 0px 0px;
    width: 305px;
}

#cols-example .widget strong
{
    background: #aaa;
    color: #fff;
    cursor: move;
    display: block;
    padding: 1em;
}

#cols-example .glow-sortable-dropindicator
{
    border: 2px dotted #CCC;
    height: 400px;
    margin:5px 0px 0px 0px;
    width: 305px;
}

/* These widget styles are used on the item page (ContentItem.aspx) and list page (ContentList.aspx) */

.WidgetSearch
{
	width:305px;
	margin:5px 0px 0px 0px;
}

.WidgetSearchHeaderStyle
{
	height:45px;
	line-height:45px;
	cursor:move;
	background-image: url(../images/widget-header-305-wide-blue.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	padding-left:5px;
}

.WidgetSearchBodyStyle
{
	background-image:url(../images/widget-body-305-wide-blue.gif);
	background-repeat:repeat-y;
	padding:5px 5px 5px 5px;
}

.WidgetSearchFooterStyle
{
	height:15px;
	background-image: url(../images/widget-footer-305-wide-short.gif);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}

.WidgetDetail
{
	width:615px;
	margin:5px 0px 0px 0px;
}

.WidgetDetailHeader
{
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	height:45px;
	line-height:45px;
	background-image: url(../images/ukv-feature-blue-header.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
}

.WidgetDetailBody
{
	background-image: url(../images/ukv-feature-body.gif);
	background-repeat:repeat-y;
	padding:5px 5px 5px 5px;
}

.WidgetDetailFooter
{
	height:15px;
	background-image: url(../images/ukv-feature-footer.gif);
	background-repeat:no-repeat;
	line-height:15px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}