/***
Filename:		modules.css
Author:			James Condliffe
Date:			23/11/2007
Description:	Styling for the panels on the Nisa Todays homepage
***/

/* Non-draggable panel */
div.panel
{    
    float: left;
    margin: 0 15px 15px 0;
    padding: 3px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

body#nisamembers div.panel.Fixed {visibility: visible;}

/* Shared properties */
.panel,
.yui-panel
{
    /*visibility: hidden;*/
    border-collapse: separate;
    position: relative;
    left: 0;
    top: 0;
    background-color: #FFFFFF;
    z-index: 1;
    overflow: hidden;
}

.panel .hd,
.yui-panel .hd 
{
    background-color: #4387C6;
    color: #FFFFFF;
    font-size: 14px;    
    padding: 4px;
    white-space: nowrap;
}

.panel .hd.icon,
.yui-panel .hd.icon,
.panel .hd.noicon,
.yui-panel .hd.noicon
{
	padding: 4px 4px 4px 40px;
	height: 12px;
}

.panel .hd img,
.yui-panel .hd img
{
	/*border: 1px solid orange;*/
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 6;
}

body.wholesale .panel .hd, body.wholesale .yui-panel .hd {background-color: #ED1B2E;}

.panel .hd strong, .yui-panel .hd strong {color: #FFC600;}

.panel .bd,
.yui-panel .bd 
{
	/*border: 1px solid orange;*/
	background: #FFFFFF url(../images/greydot_horizontal.gif) repeat-x left 3px;
    overflow: auto;
    padding: 5px 4px 4px 4px;    
}

.panel .ft,
.yui-panel .ft
{
	/*border: 1px solid orange;*/
	background: url(../images/greydot_horizontal.gif) repeat-x top left;
    padding: 3px 2px 2px 2px;
    overflow: hidden;
    font-size: 12px;
    min-height: 12px;
}

.panel .ft .ViewAllModuleContent,
.yui-panel .ft .ViewAllModuleContent
{
	float: right;
	margin:  2px 15px -2px 0;
	padding: 0 0 0 0;
}

/* Draggable panel */
.yui-panel-container
{
    position: absolute;
    /*border: 3px solid #FFFFFF;*/
    padding: 3px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    /*background: green;*/
}

.yui-panel .hd img
{
	top: 0;
	left: 0;
	visibility: inherit;
}

.yui-panel-container .resizehandle
{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	position: absolute;
	width: 10px;
	height: 10px;
	right: 0px;
	bottom: 0px;	
	margin: 0;
	padding: 0;
	z-index: 20;
	cursor: se-resize;
}

.yui-panel-container .container-close
{
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 6;
    height: 13px;
    width: 13px;
    margin: 0;
    padding: 0;
    background: url(../images/panel_close_blue.gif) no-repeat;
    cursor: pointer;
    visibility: inherit;
}

body.wholesale .yui-panel-container .container-close {background: url(../images/panel_close_red.gif) no-repeat;}


/***
Individual panel styling
***/

/* Standard module content */
div.bd div.content
{
	padding: 5px;
	text-align: center;
}

div.bd h5
{
	font-weight: bold;
	margin: 7px 0 5px 0;
}

div.bd ul.modulecomponents {margin: 10px 0 0 5px;}

div.bd ul.modulecomponents li
{
	background: url(../images/icons/applicationslinkitem.gif) no-repeat left center;
	display: block;
	padding: 3px 0 3px 35px;
	margin: 4px 0 7px 0;
}

/* Bulletin board */
div#bulletinmessages {padding: 2px 0 0 2px;}

div#panel7 form#bulletinemail label,
div#panel7 form#bulletinemail input
{
	float: none;
	width: auto;
	margin: 0;
}

div#panel7 form#bulletinemail label {margin: 0px 5px 0 0;}

div#panel7 form#bulletinemail div.fieldcontainer
{	
	text-align: center;
	margin: 5px 0 0 0;
	padding-bottom: 2px;
}

div#panel7 form#bulletinemail div.bulletinemailinstructions {font-size: 14px;}

div#panel7 form#bulletinemail div.alert,
div#panel7 form#bulletinemail div.noemailwarning
{
	text-align: center;
	margin: 3px 0 0 0;
	font-size: 10px;
	color: #ED1B2E;
	float: none;
}

div#panel7 form#bulletinemail div.alert.available {color: Green;}

div#panel7 form#bulletinemail div.tandc
{
	/*font-family: Courier, Sans-Serif;*/
	font-size: 11px;
	background: #CCCCCC;
	border: 1px solid #000000;
	overflow: auto;
	height: 75px;
	/*height: 400px;*/
	text-align: left;
}

div#panel7 form#bulletinemail div.tandc h3
{
	font-weight: bold;
	text-align: center;
	margin: 10px 0 10px 0;
	font-size: 13px;
}

div#panel7 form#bulletinemail div.tandc p
{
	margin: 10px 0 10px 0;
	line-height: 1.2;
}

div#panel48 .bd .content .attendenceoptions, div#panel49 .bd .content .attendenceoptions, div#panel50 .bd .content .attendenceoptions
{
	float: left;
	padding-bottom: 10px;
	width: 60%;
}

div#panel48 .bd .content p.link, div#panel49 .bd .content p.link, div#panel50 .bd .content p.link
{
	clear: both;
	margin: 0 auto 10px auto;
	width: 78%;
}

div#panel48 .bd .content p.link a, div#panel49 .bd .content p.link a, div#panel50 .bd .content p.link a
{
	background: #4387C6 url(../images/dottedarrow.gif) no-repeat right center;
	border: 2px solid #F0F0F0;
	border-color: #F0F0F0 #999B9D #9C9C9C #EBEDEF;
	color: #ffffff;
	display: block;
	font-size: 120%;
	font-weight: bold;
	line-height: 125%;
	padding: 5px 50px 5px 10px;
	text-align: center;
}

div#panel50 .bd .content p.link a {background-color: #ED1B2E;}


div#panel48 .bd .content img, div#panel49 .bd .content img, div#panel50 .bd .content img {float: right; margin: 8px 0;}
div#panel48 .bd .content #ocs-info-widgets, div#panel49 .bd .content #ocs-info-widgets, div#panel50 .bd .content #ocs-info-widgets
{
	float: right;
	margin: 15px 5px 0 0;
	width: auto;
}

/* Documents */
div.documents {margin: 10px 0 0 0;}

div.documents ul {margin: 0 0 0 10px;}

div.documents ul li {margin: 8px 0 8px 0;}

div.documents ul.groups li
{
	font-weight: bold;
	padding: 5px 0 5px 30px;
	background: url(../images/icons/folder.gif) no-repeat left top;
}


div.documents ul.items li
{
	padding: 5px 0 5px 30px; 
	font-weight: normal;
}
div.documents .Excel {padding: 5px 0 5px 30px; background: url(../images/icons/filetype_doc.gif) no-repeat left center;}
div.documents .Document {padding: 5px 0 5px 30px; background: url(../images/icons/filetype_doc.gif) no-repeat left center;}
div.documents .Unknown {padding: 5px 0 5px 30px; background: url(../images/icons/filetype_doc.gif) no-repeat left center;}
div.documents .Image {padding: 5px 0 5px 30px; background: url(../images/icons/filetype_image1.gif) no-repeat left center;}


div#documentsTree
{
	margin: 10px 0 0 0;
	background: url(../images/loading-yellow.gif) center bottom no-repeat;
	padding: 0 0 30px 0;
	text-align: center;
}

div#documentsTree.loaded
{
	background: none;
	padding: 0;
	text-align: inherit;
}

div#documentsTree a
{
	display: block;
	line-height: 1.2;
}

div#documentsTree .Excel {padding: 5px 0 5px 30px; background: url(../images/icons/filetype_doc.gif) no-repeat left center;}
div#documentsTree .Document {padding: 5px 0 5px 30px; background: url(../images/icons/filetype_doc.gif) no-repeat left center;}
div#documentsTree .Unknown {padding: 5px 0 5px 30px; background: url(../images/icons/filetype_doc.gif) no-repeat left center;}
div#documentsTree .Image {padding: 5px 0 5px 30px; background: url(../images/icons/filetype_image1.gif) no-repeat left center;}

/* Member tour */
div.yui-navset-top ul.yui-nav {display: none;}

div#membertour
{
	/*border: 1px solid purple;*/
	min-height: 350px;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}

div#tourwidgets
{
	/*border: 1px solid orange;*/
	display: none;
	width: 99%;
	float: left;
	margin: 10px 0 0 0;
}

div#tourwidgets button {float: right;}

div#tourwidgets button#tour-close {float: left;}

div#tourwidgets input.checkbox, div#tourwidgets label {float: left;}

div#tourwidgets label {margin-top: 4px;}

div.tourpage div.media
{
	/*border: 1px solid pink;*/
	float: left;
	width: 365px;
	height: 340px;
	overflow: hidden;
	text-align: center;
}

div.tourpage div.text
{
	/*border: 1px solid purple;*/
	float: left;
	width: 200px;
	overflow: auto;
	height: 340px;
	padding: 0 10px 0 0;
}

div.tourpage div.text h3
{
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 2px 0;
}

div.tourpage div.text h4
{
	font-weight: bold;
	margin: 5px 0 2px 0;
}	

div.tourpage div.text p
{
	line-height: 1.2;
	margin: 0 0 10px 0;
}

/* OCS Info Window */

div#ocs-info-widgets
{
	width: 99%;
	float: left;
	margin: 10px 0 0 0;
}

img.screenshot
{
	float: right;
	margin-left: 10px;
}

div#ocs-info-widgets button {float: left;}

div#ocs-info-widgets input.checkbox, div#ocs-info-widgets label {float: left;}

div#ocs-info-widgets label {margin-top: 4px;}

ul.ocs-buttons
{
	margin-left: 250px !important;
	list-style-type: none !important;
}

ul.ocs-buttons li
{
	float: left;
	padding: 10px 5px;
	text-align: center;
	list-style-type: none;
	border: 2px solid #FFFFFF;
	background-color: #4387C6;
}

ul.ocs-buttons li a.doclink
{
	display: block;
	color: #FFFFFF;
}

div#panel40_c {background: transparent url('../images/greybg75.png');}

div#panel40 {background: transparent;}

div#panel40_h {display: none;}

div#panel40 div.bd
{
	background: transparent;
	color: #FFFFFF;
}

div#panel40 div.bd a.bluelink {font-weight: bold;}

div#panel40 div.bd h2
{
	text-align: center;
	color: #FFFFFF;
	text-decoration: underline;
}


/* My messages */
span.message-quantity
{
	margin: 10px 0 0 5px;
	font-weight: bold;
	display: block;
}

div#panel9 div.bd ul.modulecomponents li
{
	background: url(../images/icons/messaging.gif) no-repeat top left;
	padding-left: 20px;
}

div#panel9 table td.messageentry p {margin: 4px 0;}

div#panel9 span.morelink
{
	display: block;
	cursor: pointer;
	color: Red;
	margin: 10px 0 0 0;
}

/* Applications */
form#pos {margin: 10px 0 0 5px;}

form#pos em.required {display: none;}

form#pos label,
form#pos input,
form#pos select
{
	display: block;
	margin: 5px 0 5px 0;
}

form#pos input,
form#pos select
{
	margin: 0 0 10px 1em;
}

form#pos fieldset.radioset
{
	margin-bottom: 10px;
	padding: 0;
	border: none;
	width: auto;
}

form#pos fieldset.radioset input,
form#pos fieldset.radioset label
{
	float: left;
	margin: 7px 5px 0 0;
}

form#pos fieldset.radioset input
{
	clear: left;
	margin-left: 1em;
}

div#panel5 div.bd ul.modulecomponents li
{
	background: url(../images/icons/cog.gif) no-repeat top left;
	padding-left: 20px;
}

/* Recall notices */
ul#recalls
{
	margin: 10px 0 0 0;
	font-size: 11px;
	list-style-type: none;
}

ul#recalls li
{
	/*border: 1px solid orange;*/
	border-top: 1px solid #FFFFFF;
	line-height: 120%;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	background: url(../images/greydot_horizontal.gif) bottom left repeat-x;
}

ul#recalls ul
{
    list-style-type: none;
	margin: 0;
	padding: 0;

}

ul#recalls ul li
{
	background: none;
	border: none;
	font-size: 110%;
	margin: 0 0 8px 0;
	padding: 0;
	text-align: justify;
}

ul#recalls ul li strong
{
	/*display: block;*/
	font-weight: bold;
}

ul#recalls ul li span {display: block;}

ul#recalls ul li.title
{
	font-size: 100%;
	font-weight: bold;
}

ul#recalls ul li.updated, ul#recalls ul li span.updated {color: #ED1B2E;}

ul#recalls ul li span.updated
{
	font-weight: bold;
	display: inline;
}

/* Consortium 
div#consortium a
{
	display: block;
	text-align: center;
}

div#consortium a em
{
	font-style: italic;
}

div#consortium a img
{
	margin-top: 10px;*//*
}
*/

#panel23 div.bd div.content
{
	background: url('../webdata/images/consortium.jpg') no-repeat center center;
	height: 125px;
}

#panel41 div.bd div.content
{
	background: url('../webdata/images/focusmagazines.jpg') no-repeat center bottom;
	height: 135px;
}

#panel41 div.bd div.content p, #panel41 div.bd div.content p a {padding: 5% 0;}

#panel41 div.bd div.content p {margin-top: 43px;}


#panel58 div.bd div.content
{
	background: url('../webdata/images/nisachillheritagenpdinitiative.jpg') no-repeat center bottom;
	height: 256px;
}

#panel58 div.bd div.content p, #panel41 div.bd div.content p a {padding: 5% 0;}

#panel58 div.bd div.content p {margin-top: 100px;}

/* Stoneleigh */
div#stoneleigh a
{
	display: block;
	text-align: center;
}

div#stoneleigh a em {font-style: italic;}

div#stoneleigh a img {margin-top: 10px;}

/* References */
div#panel24 div.bd ul.modulecomponents li
{
	background: url(../images/icons/refs.gif) no-repeat top left;
	padding-left: 20px;
}

/* Bulletins and PLOFs */
form#Bulletins,
form#PLOFs
{
    position: relative;
}

form#Bulletins label,
form#PLOFs label
{
	display: block;
	font-weight: bold;
	margin: 4px 0 0 3px;	
}

form#Bulletins select,
form#PLOFs select
{
	font-size: 10px;
	margin: 5px 0 2px 2px;
	width: 160px;
}

form#Bulletins div.period-number,
form#PLOFs div.period-number
{
	position: absolute;
	right: 5px;
	top: 40px;
	color: #CCCCCC;
	text-align: right;
	font-size: 35px;
}

form#Bulletins ul.bulletin-items li,
form#PLOFs ul.plof-items li
{
	background: url(../images/icons/pdfdocument.gif) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 5px;
}

/* Announcements */
div.content ul.announcements
{
	list-style-type: none;
	margin: 0;	
}

div.content ul.announcements img
{
	float: left;
	margin: 0 5px 0 0;
}

div.content ul.announcements span.announcementdate
{
	font-style: italic;
	font-size: 10px;
	display: block;
	margin: 2px 0 0 0;
}

div.content ul.announcements li
{
	margin: 5px 0 10px 0;
	padding: 0 0 4px 0;
	background: url(../images/greydot_horizontal.gif) repeat-x left bottom;
}

div.content ul.announcements li a
{
	font-weight: bold;
}

/* My News */
#panel2 div.content h4.mynewsgroupheader
{
	background: #CFCFCF url(../images/greydot_horizontal.gif) repeat-x scroll left top;
	float: left;
	font-size: 98%;
	margin: 0;
	padding: 6px 10px 6px 10px;
	text-transform: uppercase;
	width: 285px;
}

#panel2 div.content p.my-latest-news-viewall
{
	background: #F0F0F0 url(../images/greydot_horizontal.gif) repeat-x scroll left bottom;
	float: left;
	margin: 0 0px 6px 0px;
	padding: 1px 10px 3px 10px;
	width: 285px;
}

#panel2 div.content ul.mynewsgroup
{
	background: transparent url(../images/greydot_horizontal.gif) repeat-x scroll left bottom;
	float: left;
	list-style-type: disc;
	margin: 0;
	padding: 0 0 6px 5%;
	width: 95%;
}

#panel2 div.content ul#newsgroup1
{
	list-style-type: none;
	padding: 0;
	width: 100%;
}

div.content ul#newsgroup1 li, div.content ul#newsgroup1 li p, div.content ul#newsgroup1 li p a
{
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

div.content ul#newsgroup1 li p
{
	line-height: 1;
	margin-left: 175px;
}

div.content ul#newsgroup1 li p a
{
	background: #8FBBE4;
	color: #FFFFFF;
	display: block;
	line-height: 1.1;
	height: 18px;
	padding: 5px 3px 4px 7px;
	text-decoration: none;
	width: 120px;
}

div.content ul#newsgroup1 li p a:hover, div.content ul#newsgroup1 li.current p a
{
	background: #4387C6;
	font-weight: bold;
}

div.content ul#newsgroup1 li p a img
{
	background: #FFFFFF;
	border: 0 none;
	display: inline;
	float: left;
	height: 81px;
	margin: -5px 0 0 -182px;
	padding-right: 8px;
	position: relative;
	visibility: hidden;
	width: 167px;
}

div.content ul#newsgroup1 li.current p a img {visibility: visible;}

/* My Spotlight */
div#spotlight a
{
	display: block;
	text-align: center;
}

div#spotlight a img
{
	margin-top: 10px;/**/
}

/* Events */
div#panel4 p
{
	float: left;
	font-style: italic;
	margin: 50px 0 0 2%;
	width: 90%;
}

div#panel4 ul.events
{
	list-style-type: none;
	margin: 0;	
}

div#panel4 ul.events img
{
	background: #b4b4b4;
	float: right;
	margin: 0 0 5px 10px;
	max-width: 100px;
	width: 35%;
}

div#panel4 ul.events li
{
	float: left;
	margin: 5px 0 10px 0;
	padding: 0 0 4px 0;
	background: url(../images/greydot_horizontal.gif) repeat-x left bottom;
	overflow: auto;
	width: 95%;
}

div#panel4 ul.events li a
{
	float: left;
	font-weight: bold;
	width: 60%;
}

div#panel4 ul.events li .daterange
{
	float: left;
	line-height: 125%;
	margin-top: 5px;
	width: 60%;
}

div#panel4 ul.events li .noimage
{
	width: 100%;
}

/* Stoneleigh ordering */
#panel29 div.bd
{
	background-image: url('../images/stoneleigh-ordering.jpg');
	background-repeat: no-repeat;
	background-position: center 85%;
}

/* MADL */
#panel30 div.bd
{
	background-image: url('../images/madl_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}

/* Locally Sourced */
#panel37 div.bd
{
	background-image: url('../images/locallysourced_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}

/* Loyalty Rewards */
#panel43 div.bd
{
	background-image: url('../images/loyalty_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}

p.visitButton
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	width: 100%;
}

p.visitButton a
{
	display: block;
	background-color: #CCCCCC;
	padding: 5%;
	color: #336699;
	font-weight: bold;
	text-align: center;
}

p.visitButton a:hover {opacity: 1;}

#panel43 div.bd p.visitButton a
{
	padding-bottom: 21px;		/*	ensure that the grey box aligns with the rest of the panels	*/
}

/*	Syles classes for the AGM 2008 & Regional Ballot 2010 modules	*/
#panel38 .hd, #panel47 .hd {background: #FF0000;}

#panel38 .content p, #panel47 .content p {text-align: center; margin-bottom: 0;}

#panel47 a#regionalBallotLink {float: left; text-align: center; width: 100%;}

#panel38 .content p img, #panel47 .content p img {margin-bottom: 5px;}


/* Syles classes for tabbed modules */
#panel1 ul.yui-nav
{
	display: block;
	margin: 10px 5px 0 5px;
}
#panel13 ul.yui-nav
{
	display: block;
	margin: 10px 2px 0 2px;
}

#panel1 ul.yui-nav li,
#panel13 ul.yui-nav li
{
	margin: 0 2px 0 0;
	padding: 1px 0 0;
	font-size: 105%;
	vertical-align: bottom;
}

#panel1 ul.yui-nav li.last,
#panel13 ul.yui-nav li.last
{
    margin-right: 0;
}

#panel1 ul.yui-nav li a,
#panel13 ul.yui-nav li a
{
	background: url("http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png") repeat-x scroll 0 0 #D8D8D8;
	border-color: #A3A3A3;
	border-style: solid;
	border-width: 0 1px;
	color: #000000;
	display: block;
	font-weight: bold;
	position: relative;
	text-decoration: none;
	vertical-align: bottom;
}

#panel1 ul.yui-nav li a:hover,
#panel1 ul.yui-nav li a:focus,
#panel13 ul.yui-nav li a:hover,
#panel13 ul.yui-nav li a:focus
{
	background: #bfdaff url(http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png) repeat-x left -1300px;
	outline: 0;
}

#panel1 ul.yui-nav li.selected a,
#panel1 ul.yui-nav li.selected a:focus,
#panel1 ul.yui-nav li.selected a:hover,
#panel13 ul.yui-nav li.selected a,
#panel13 ul.yui-nav li.selected a:focus,
#panel13 ul.yui-nav li.selected a:hover
{
	background: #4387C6 url("http://yui.yahooapis.com/2.8.0r4/build/assets/skins/sam/sprite.png") repeat-x scroll left -1400px;
	color: #FFFFFF;
}

#panel1 ul.yui-nav li a em,
#panel13 ul.yui-nav li a em
{
	border-color: #A3A3A3;
	border-style: solid;
	border-width: 1px 0 0;
	bottom: 0;
	display: block;
	font-weight: bold;
	height: 18px;
	left: 0;
	padding: 0.5em 0.91em 0 0.91em;
	position: relative;
	right: 0;
	top: -1px;
}

#panel1 ul.yui-nav li.selected a,
#panel1 ul.yui-nav li.selected a em,
#panel13 ul.yui-nav li.selected a,
#panel13 ul.yui-nav li.selected a em
{
    border-color: #243356;
}

#panel1 .bd,
#panel13 .bd
{
	background: none;
	border: 1px solid #243356;
	padding: 0;
}
#panel1 .bd
{
	margin: 0 5px 10px 5px;
}
#panel13 .bd
{
	margin: 0 2px 5px 2px;
}

#panel1 .bd .content
{
    padding: 0 10px 10px 10px;
}
#panel13 .bd .content
{
    padding: 0 2px 10px 2px;
}

#panel1 .bd .tabbedcontent
{
	overflow: auto;
}


/*	AGM Modal window	*/
#panel53 p.shareholderinfo
{
	border: 1px solid #999999;
	border-width: 1px 0px;
	padding: 10px 50px;
}

#panel53 #agm-modal-widgets {text-align: center;}

#panel53 input#agm-modal-close
{
	background: #4387C6;
	color: white;
	font-size: 140%;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 5px 10px;
}

#panel53 span.nonshareholder
{
	border-bottom: 1px solid #999999;
	display: block;
	padding: 10px 0;
}
#panel53 span.nonshareholder h3
{
	font-size: 14px;
	margin: 0;
}
#panel53 p.nonshareholder
{
	font-size: 14px;
	margin-bottom: 30px;
	padding-top: 10px;
}
#panel53 #agm-modal-widgets.nonshareholder {text-align: left;}
#panel53 #agm-modal-widgets.nonshareholder input#agm-modal-close {margin-top: 30px;}


/*	Style for the TV advert modal window	*/
#panel54 .hd.noicon {padding-left: 10px;}

#panel54 .TVAdvert
{
	margin: 15px 0 20px;
	text-align: center;
}

#panel54 #tvadvert-modal-widgets div, #panel55 #modal-widgets div, #panel56 #modal-widgets div, #panel63 #modal-widgets div
{
	float: left;
	padding-top: 4px;
}

#panel54 #tvadvert-modal-widgets, #panel55 #modal-widgets, #panel56 #modal-widgets, #panel63 #modal-widgets {padding: 0px 2px;}

#panel57 #modal-widgets {margin-top: -33px;}

#panel48 #ocs-info-close, #panel49 #ocs-info-close, #panel50 #ocs-info-close,
#panel54 input#tvadvert-modal-close,
#panel55 input#modal-close, #panel56 input#modal-close, #panel57 input#modal-close, #panel63 input#modal-close
{
	background: transparent;
	border: 0;
	color: #4387C6;
	float: right;
	margin: 0;
	text-decoration: underline;
}

#panel63 input#modal-close { margin-top: 5px;}

#panel57 #epositivelogo {margin: 0 0 0 20px;}

#panel57 a.surveylink
{
	font-size: 120%;
	font-weight: bold;	
}