td.bspadding {padding: 4px 2px}

/* 
***********************************************
HTML ELEMENTS
***********************************************
*/
body {color: #333}
strong {font-weight: bold}
em {font-style: italic}

hr {
	height: 1px;
	background: #ccc;
	border: 0;
	/*margin-top:0;*/
	margin-bottom: 6px
}

h1,h2,h3 {
	color: #369;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase
}

h1 {font-size: 138.5%; /* YUI 18pt */}
h2 {font-size: 123.1%; /* YUI 16pt */}
h3 {font-size: 108%; /* YUI 14pt */}
h4 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 10px}
h5 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px}
h6 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #c6e8f2;
	padding-bottom: 5px}

p {
	font-size: 85%;
	margin-bottom: 10px}

sup {
	vertical-align: super;
}

.sprite {
	background: url(../img/ics-sprites.gif) no-repeat
}

.inline {
	display: inline;
}

.sprite-pdf {
	background-position: -9px -9px;
	height: 18px;
	width: 18px
}

.sprite-wmv {
	background-position: -9px -213px;
	height:16px;
	width:18px;
}

.sprite-jpg, .sprite-gif {
	background-position: -12px -237px;
	height:16px;
	width:18px;
}

a.sprite {
	padding-left: 20px;
	line-height: 22px;
	/* padding-top: 2px; */ 
}

a.sprite-pdf:link, a.sprite-pdf:visited, a.sprite-wmv:link, a.sprite-wmv:visited {text-decoration: none}

a.sprite-pdf:hover, a.sprite-wmv:hover {text-decoration: underline}

.sprite-info {
	background-position: -9px -43px;
	height:18px;width:18px;
	cursor:pointer;cursor:hand}


.sprite-error {
	background-position: -9px -79px;
	height: 18px;
	width: 18px}

.sprite-excel {
	background-position: -9px -113px;
	height: 18px;
	width: 18px}

.sprite-add {
	background-position: -9px -147px;
	height: 18px;
	width: 18px}

.sprite-update {
	background-position: -9px -181px;
	height: 18px;
	width: 18px}

/* 
***********************************************
PAGE
***********************************************
*/
#page {
	width: 980px;
	min-width: 980px;
	margin: auto;
	text-align: left;
	height: auto
}

a {
	outline: none
}  /*prevent box around links in Firefox*/
a:link,a:visited,a:link,a:visited {
	color: #369;
	text-decoration: underline
}

a:hover {color: #C67F48}

/* Use to signify active text such as the current page in 
breadcrumbs. For example:
<span class="active">Marker Points</span> 
*/
span.active {color: #C67F48}

#page p.bread {
	position: relative;
	/*z-index:99;*/
	margin-bottom: 10px
}

.right {text-align: right}
.center {text-align: center}

.top {
	margin-top: 5px;
	line-height: 18px
}

.bold {font-weight: bold}

#page p {margin-bottom: 6px}
#page p.extra-bottom {margin-bottom: 20px}

.aqua-border-box {
	background: #FFFFFF;
	border: 1px solid #53B3CC;
	padding: .5em
}

#page ul.tab-list {
	font-size: 85%;
	margin-bottom: 10px
}

#page ul.tab-list li {
	line-height: 18px
}

.toggle-home {
	background: #6a97ff;
	padding: .20em .20em;
}

.toggle-host {
	background: #bbe3ff;
	padding: .20em .20em;
}

.toggle-home-avail {
	background: #01be00;
	padding: .20em .20em;
}

.toggle-host-avail {
	background: #96ec7c;
	padding: .20em .20em;
}

.toggle-home-one-time {
	background: #C89AFF;
	padding: .20em .20em;
}

.toggle-host-one-time {
	background: #FDAAFF;
	padding: .20em .20em;
}

#hide-locations input,#hide-locations-2 input {vertical-align: middle}

.loading {
	background-image: url(../img/ajax-loader-bar.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 100%}

table.data-list-border th,table.data-list-border td {padding: 7px 0px 8px 0}
table.data-list-border th {font-weight: bold}
table.data-list-border {font-size: 85%}
table.data-list-border td {border-bottom: 1px solid #c6e8f2}
table.data-list-border td.col-1 {width: 20%}

#hd {
	background-color: #FFF;
	height: 108px;
	background-image: url(img/masthead.gif);
	background-repeat: no-repeat;
	border-bottom: 2px solid #FFF
}

#hd-alt { /*Alternative header for login page only */
	background-color: #FFF;
	height: 336px;
	background-image: url(img/login-masthead.jpg);
	background-repeat: no-repeat;
	border-bottom: 2px solid #FFF
}

#bd {margin-top: 10px}


#logo {
	height: 50px;
	width: 210px;
	float: left;
	clear: both;
	top: 10px;
	position: absolute
}

#welcomeText {
	top: 10px;
	font-size: 85%;
	position: relative;
	left: 210px;
	text-align: center;
	width: 400px;
}

#curve {
	padding-right: 6px;
	position: relative;
	top: 47px; /* Move text over-curve up or down */
	float: right
}

#curve ul {
	/* font-family: "Lucida Grande", "Lucida Sans", sans-serif;*/
	/* Fix for ICSWEB-967 */
	font-family: sans-serif;
	font-size: 85%;
	color: #FFF
}

#curve ul li {
	text-align: right
}

#curve ul li a {
	color: #FFF
}

#curve ul li a:hover {
	color: #ffcc00; /* Schoolbus yellow (for now) */
	text-decoration: underline
}

/* 
***********************************************
PRIMARY NAVIGATION
***********************************************
*/
#p_nav {
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	/* Float the next element (after this one) so there is no break and it 
	is on the same line... */
	float: left;
	position: relative;
	top: 55px; /* Move primary nav up or down */
	margin-left: -5px;
}

#p_nav li {
	display: inline
}

#p_nav span {
	border-left: 1px solid #7fcedf;
	padding-right: 2px;
}

#p_nav a {
	/* Compensate for phantom space to the right of border-bottom by 
	creating equal space to the left of border-bottom... */;
	margin-left: 4px;
	color: #06C;
	text-decoration: none;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	
	/* Fix for ICSWEB-967 */
	/* font-size: 108%; */
	
	/*
	padding-left: 17px;
	padding-right: 17px;
	*/
	padding-left: 4px;
	padding-right: 4px
}

#p_nav a:hover {
	color: #F7A25F;
}

#p_nav a.selected {
	border-bottom: 3px solid #f7a25f;
	/* Gotta float above everything or the orange rule gets cut thin on IE... */
	z-index: 100;
	position: relative;
}

/* 
***********************************************
UTILITY NAVIGATION
***********************************************
*/
#u_nav {
	margin-right: 2px;
	font-size: 85%;
	position: relative;
	top: 15px;
	text-align: right
}

#u_nav li {
	display: inline;
	padding-left: 37px; /* Spacing between labels */
}

#u_nav a,#welcomeText a {
	color: #53b3cc;
	font-weight: bold;
	text-decoration: none
}

#u_nav a:hover,#welcomeText a:hover {
	text-decoration: underline;
	color: #c67f48
}

/* 
***********************************************
FOOTER
***********************************************
*/
#ft { /*background-color: #FFF;*/
	clear: both;
	border-top: 1px solid #e9e6e1;
	height: auto;
	vertical-align: bottom;
	margin-top: 36px
}

#ft ul.footerLinks {
	list-style-type: none;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 8pt;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
	height: 18px;
	padding-top: 12px;
	padding-bottom: 0px
}

#ft ul.footerLinks li {
	display: inline;
	padding-right: 16px
}

#ft a:link {
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	color: #aba899;
	text-decoration: none
}

#ft td{font-size:85%;padding:4px}

#ft a:visited {
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	color: #aba899;
	text-decoration: none
}

#ft a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aba899;
	color: #039
}

#ft p.footerText {
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	font-size: 8pt;
	color: #aba899;
	padding-top: 36px;
	padding-right: 10px;
	padding-bottom: 18px;
	padding-left: 0px;
	margin: 0px
}

/*****************************
ALPHA SELECTOR
*****************************/
.alpha-select {
	padding: 5px 10px;
	background: #c6e8f2;
	margin-top: 5px;
	margin-bottom: 15px;
	clear: both
}

.alpha-select ul {
	padding-top: 5px
}

.alpha-select li {
	display: inline;
	padding-right: 5px
}

p.alpha-select-right {
	margin-top: -3.5em; /* Pull the right drop-down ctrl up */
	margin-bottom: 5px;
	padding: 0 0 0 0;
	text-align: right
}

.alpha-select a:hover {
	color: #369
}

.alpha-select .active a:link,.alpha-select .active a:visited,.alpha-select .active a:active
	{
	background: #369;
	color: #ccc;
	padding: 2px 4px
}

/*****************************
LISTS
*****************************/
.bullet, .alpha-select-list, #content-body ul {
	list-style: none outside
}

.bullet li, .alpha-select-list li, #content-body li {
	margin: 0px;
	padding: 0px 0px 8px 20px;
	background: url(img/bullet.gif) no-repeat 8px 6px;
	font-size:85%
}

.alpha-select-list li {
	font-size:95%
}

.arrow-bullet-list {
	margin-bottom: 10px;
}

.arrow-bullet-list li {
	line-height: 22px;
	padding-left: 15px;
	background: url(img/arrow-bullet.gif) no-repeat 0 6px
}

.news {
	list-style: none outside
}

.news li {
	padding: 0 0 8px 20px;
	background: transparent url(img/ico_news.gif) no-repeat 2px 0px
}

.pdf li {
	background-image: url(img/ico-pdf.gif) no-repeat 2px 0px;
}

/* *****************************************
NEW Image Buttons

(fixing defect in struts not allowing image
within a button tag)

TO DO - revert other uses from section IMAGE BUTTONS that follows this one.

Example use:
<input id="btnPrint" name="btnPrint" type="submit" value="Print" class="btn print"/>
********************************************/
.btn {
	background-color: #c6e8f2;
	border: 1px solid #53b3cc;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	cursor: pointer;
	cursor: hand;
	padding-left: 24px;
	background-position: 6px 3px;
	background-repeat: no-repeat;
	color: #333;
	font-size: 85%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 4px;
	/* Correct crappy long buttons in IE */
	width: auto;
	overflow: visible
}

.btn-menu {
	background-color: #e9e6e1;
	border: 1px solid #aba899;
	border-left: 1px solid #f5f1ea;
	border-top: 1px solid #f5f1ea;
	cursor: pointer;
	cursor: hand;
	padding-left: 24px;
	background-position: 6px 3px;
	background-repeat: no-repeat;
	color: #333;
	font-size: 93%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 4px;
}

.excel {
	background-image: url(img/ico-excel.gif)
}

.print {
	background-image: url(img/ico-print.gif)
}

.update {
	background-image: url(img/ico-update.gif)
}

.delete {
	background-image: url(img/ico-error.gif)
}

.add {
	background-image: url(img/ico-add.gif)
}

.pdf {
	background-image: url(img/ico-pdf.gif)
}

.world {
	background-image: url(../img/world.png)
}

.back {
	background-image: url(img/ico-back.gif)
}

.forward {
	background-image: url(img/ico-fwd.gif)
}

.none {
	padding-left: 4px
}

.btn-bar .btn {
	margin-bottom: 8px
}

/**********************************************
FORMS AND FORM FIELDS
***********************************************/
input.search {
	width: 180px;
	font-size: 85%;
	padding: 3px 5px 3px 25px;
	border: 1px solid #999;
	background: url(img/ico-search.gif) no-repeat 3px 4px #fff
}

div.auto-complete {
	width: 25em; /* set width here */
	padding-bottom: 2em;
	z-index: 9000;
	/* z-index needed on top instance for ie & sf absolute inside relative issue */
	_position: absolute; /* abs pos needed for ie quirks */
}

.required em {
	padding-left: 5px;
	font-weight: bold;
	color: red;
	font-size: 123.1%
}

/*********************************************************** 
Styles below are for the location search autocomplete when it is 
positioned on the same yui grid row as the breadcrumbs.
************************************************************/
.location-search-right #autoCompContainer {
	text-align: left;
	width: 27em;
	position: absolute;
	right: 0;
	top: 21px
}

.location-search-right #autoCompInput {
	right: 0;
	top: 0;
	width: 25em
}

.location-search-right .auto-complete {
	width: 37em
}

/*
=============================================================
cmxform
See: http://www.alistapart.com/articles/prettyaccessibleforms
=============================================================
*/
form.cmxform fieldset {
	margin-bottom: 10px;
	/*background:transparent url(img/cmxform-fieldset.gif) repeat-x scroll left bottom;*/
	/*border-color:#ABA899 -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px medium medium*/
}

form.cmxform .validation-error {
	color:red;
	font-weight: bold
}



/* For small forms, with only two lines, for example, use .small on fieldset */
form.cmxform fieldset.small {
	/*background:transparent url(img/cmxform-fieldset.gif) repeat-x scroll left top;*/
	
}

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top
}

form.cmxform fieldset li,form.cmxform li {
	list-style: none;
	margin: 0;
	/*background:transparent url(img/cmxform-divider.gif) repeat-x scroll left bottom;*/
	padding: 5px 10px 7px;
	width: 750px
}

form.cmxform fieldset li.ruled {
	background: transparent url(img/cmxform-divider.gif) repeat-x scroll
		left bottom
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto
}

form.cmxform em,form.tabForm span.required {
	font-weight: bold;
	font-style: normal;
	color: #f00
}

form.cmxform label,form.tabForm label {
	width: 200px; /* Width of labels */
}

form.cmxform fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}

form.cmxform .checkbox-list input {
	margin-top: 5px;
	margin-right: 4px
}

form.cmxform .checkbox-list li {
	padding: 2px 10px
}

form.cmxform .checkbox-list label {
	width: 250px
}

.sectionHeader {
	background-color:#c6e8f2;padding:4px;font-weight:bold;margin-bottom:6px
}

#EditContentForm .yui-navset li.selected a em {
	color: #fff;
}

#EditContentForm .yui-navset li a em {
	color: #666666;
	font-weight: 300;
}

/************************************************
Specific form elements
*************************************************/
#userName,#password {
	margin-right: 25px
}

#action {
	width: 80px
}

/*************************************************
MAP POINTS TABLE
**************************************************/
.map-points-table {
	font-size: 93%;
	width: 100%;
	height: 100%
}

.map-points-table th,.map-points-table td {
	line-height: 18px;
	padding: 4px 0px 5px 0
}

.map-points-table td {
	border-bottom: 1px solid #ccc
}

.map-points-table em {
	font-weight: bold;
	font-size: 108%
}

.map-points-table td.marker-cell {
	text-align: center;
	padding-left: 6px;
	padding-right: 8px
}

.map-points-table .edit {
	padding-left: 20px
}

.map-points-table caption {
	width: 100%;
	font-weight: bold;
	font-size: 123.1%;
	background: #efefef;
	border-bottom: 3px double #cccccc;
	padding: 3px 5px 3px 5px
}

.map-points-table caption span.map-controls {
	padding-left: 20px;
	font-size: 77%;
	font-weight: normal
}

/*************************************************
DATA TABLE (not YUI Data Table!)
**************************************************/
.data th {
	font-weight: 700;
	border-bottom: 1px solid #666
}

.ruled td {
	border-bottom: 1px solid #CDCBC2;
	padding: 2px 3px;
	vertical-align: top;
	font-size: 85%
}

/* Use to push some icons or text down in some cells so that 
instead of aligning top, the are more centered between two 
lines */
.ruled td.centerOn2Lines {
	padding-top: 1em
}

/*************************************************
Icons
**************************************************/
.icon {
	background: transparent url(img/sprite.png) no-repeat scroll 0 0;
	float: left;
	height: 16px;
	margin-right: 10px;
	width: 16px
}

span.alrticon {
	background-position: 0 -1050px
}

span.hlpicon {
	background-position: 0 -1150px
}

span.infoicon {
	background-position: 0 -1200px
}

span.warnicon {
	background-position: 0 -1900px
}

span.tipicon {
	background-position: 0 -1250px
}

/****************************************************
Nifty (imagesless, rounded corners)
http://www.html.it/articoli/nifty/index.html
*****************************************************/
div#pageMsg {
	margin: 0 10%;
	background: #E9E6E1;
	margin-bottom: 10px
}

div#pageMsgHide {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	padding-left: 40px
}

b.rtop,b.rbottom {
	display: block;
	background: #FFF
}

b.rtop b,b.rbottom b {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #E9E6E1
}

b.r1 {
	margin: 0 5px
}

b.r2 {
	margin: 0 3px
}

b.r3 {
	margin: 0 2px
}

b.rtop b.r4,b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px
}

.pad10 {
	padding: 10px
}

/****************************************************
Grey curve box
Used around Login, for example
****************************************************/
#login {
	border: 1px solid #E9E6E1;
}

.grey-tl,.grey-bl {
	z-index: 1000;
	width: 14px;
	height: 14px;
	float: left;
	font-size: 1px
}

.grey-tr,.grey-br {
	border-right: 1px solid white;
	width: 14px;
	height: 14px;
	float: right;
	font-size: 1px
}

.grey-tl {
	background: #ffffff url(img/grey-tl.gif) no-repeat top left;
	margin-top: -1px;
	margin-left: -1px
}

.grey-tr {
	background: #ffffff url(img/grey-tr.gif) no-repeat top left;
	margin-top: -1px;
	margin-right: -1px
}

.grey-bl {
	background: #ffffff url(img/grey-bl.gif) no-repeat top left;
	margin-bottom: -1px;
	margin-left: -1px
}

.grey-br {
	background: #ffffff url(img/grey-br.gif) no-repeat top left;
	margin-bottom: -1px;
	margin-right: -1px
}

#login div#pageMsg {
	margin: 0 0 10px;
}

#login div#pageMsg p {
	margin-left: 10px;
	padding: 1em 2em;
	color: red;
	font-weight: 600;
	background: url(img/ico-error.gif) no-repeat left center;
}

.section {
	margin: 0 20px;
	padding: 5px 0
}

.ruled {
	border-bottom: 1px solid #E9E6E1
}

/****************************************************
GOOGLE MAPS CANVASES
*****************************************************/
#gmap-small {
	width: 460px;
	height: 400px
}

.space-after {
	margin-bottom: 10px;
}

/****************************************************
NEWS & INFO STYLES
*****************************************************/
div#sec-nav {
	font-size: 85%;
	font-weight: bold;
}

#media #sec-nav h3 {
	margin-bottom: 0;
	padding: 5px 0 5px 15px;
	font-size: 108%;
	background: url(img/featurehead-aqua.gif) no-repeat top left;
	text-transform: none;
}

#media #sec-nav h3 a {
	text-decoration: none;
	color: #ffffff;
}

#media #sec-nav ul {
	margin-left: 0px;
	padding: 10px 10px 15px 10px;
	border-left: 1px solid #53b3cc;
	border-right: 1px solid #53b3cc;
	border-bottom: 1px solid #53b3cc;
}

#media #sec-nav ul li {
	list-style-type: none;
	border-bottom: 1px solid #53b3cc;
}

#media #sec-nav ul li a {
	text-decoration: none;
	display: block;
	padding: 7px 10px;
}

#media #sec-nav ul li.selected a {
	color: #c67f48;
	background: #c6e8f2 url(../img/sec-nav-arrow.gif) no-repeat center right
		;
}

.list-large {
	overflow: hidden;
	margin-bottom: .5em;
}

.list-large img,featured-main img {
	float: left;
	margin-right: 20px
}

.featured-main {
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #666666;
}

.featured-sub {
	width: 48%;
	float: left;
}

/******************************************************
LINKS   
******************************************************/
a.pdf,a.news {
	padding-left: 20px;
	padding-top: 2px;
	line-height: 22px
}

a.pdf {
	background: url(img/page_white_acrobat.png) no-repeat top left;
}

a.news {
	background: url(img/ico_news.gif) no-repeat top left;
}

/* li a.pdf{text-decoration:none}*/
li a.news {
	text-decoration: none
}

/* li a.pdf:hover{text-decoration:underline} */
li a.news:hover {
	text-decoration: underline
}

table td a.pdf {
	text-decoration: none
}

/*****************************************************
Layout manager (used on products pages for now)
*****************************************************/
.yui-skin-sam .yui-layout .yui-layout-hd {
	background-image: none;
	background-color: #c6e8f2;
	border-color: #52B2CC;
	height: 28px
}

.layout .yui-layout-hd h2 {
	font-size: 100%;
	font-weight: normal;
	text-transform: none;
}

.layout .hd-r {
	text-align: right;
	float: right;
	padding-right: 19px;
	padding-bottom: 3px;
	color: #336699
}

.layout .ft {
	border-top: 1px solid #808080;
	padding: 6px 19px 6px 0px;
	text-align: right;
	background-color: #FFF;
	border-color: #52B2CC;
}

.yui-skin-sam .yui-layout div.yui-layout-ft {
	border-color: #52B2CC;
}

.layout .hd-l {
	float: left;
	color: #336699
}

#page .yui-layout-bd {
	background-color: #fff;
	border-color: #52B2CC;
}

.childInfo {
	margin-top: 6px;
	margin-bottom: 6px;
	border: 1px dashed #53b3cc;
	padding-left: 18px;
	display: none
}

#ir {
	float: right;
	height: 18px;
	margin-top: -23px;
	width: 150px
}

.filter-container {
	margin-bottom: 8px;
	background: #edf8fa;
	border: 1px solid #7fcedf;
	padding: 5px;
	font-size: 85%;
	clear: both
}

.filter-form {
	display: none;
	margin-top: 5px;
	background: #d4f3ed;
	padding: 5px 5px;
	vertical-align: middle
}

.errorMessage {
	color: #ff3333;
	font-weight: bold
}

/*
********************************************************
* PANEL WIDGET
********************************************************
*/
.panel-widget-rt,.panel-widget-lt,.panel-widget-ct {margin-bottom: 10px;max-width: 480px}

.panel-widget-rt .title,.panel-widget-lt .title,.panel-widget-ct .title {
	background-image: url(img/featurehead-aqua.gif);
	background-repeat: no-repeat;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	
	/* Fix for ICSWEB-967 */
	/* font-size: 85%; */
	font-size: 93%;
	
	color: #fff;
	font-weight: bold;
	padding: 4px 4px 4px 8px
}

.panel-widget-rt .title {
	background-position: right top
}

.panel-widget-lt .title {
	background-position: left top
}

.panel-widget-ct .title {
	background-position: top
}

.panel-widget-rt .body,.panel-widget-lt .body,.panel-widget-ct .body {
	border-left: 1px solid #53B3CC;
	border-right: 1px solid #53B3CC;
	border-bottom: 1px solid #53B3CC
}

.panel-widget-rt .body-pad,.panel-widget-lt .body-pad,.panel-widget-ct .body-pad
	{
	border-left: 1px solid #53B3CC;
	border-right: 1px solid #53B3CC;
	border-bottom: 1px solid #53B3CC;
	padding: 10px 6px 4px 6px;
	overflow: auto
}

.widget-header,.widget-footer {
	background-image: url(img/lightest-teal-grad-back.gif);
	background-position: top;
	padding: 4px 6px 4px 6px
}

.panel-widget-rt .body .footer,.panel-widget-rt .body-pad .footer,.panel-widget-lt .body .footer,.panel-widget-lt .body-pad .footer,.panel-widget-ct .body .footer,.panel-widget-ct .body-pad .footer,.panel-widget-rt .body-pad .header,.panel-widget-lt .body-pad .header,.panel-widget-ct .body-pad .header,.panel-widget-rt .body .header,.panel-widget-lt .body .header,.panel-widget-ct .body .header {
	background-image: url(img/lightest-teal-grad-back.gif);
	background-position: top;
	padding: 4px
}

.panel-widget-rt .widget-header,.panel-widget-lt .widget-header,.panel-widget-ct .widget-header {
	margin: 0px;
	border-left: 1px solid #53B3CC;
	border-right: 1px solid #53B3CC
}

.helper {display: inline}

/**************************************************
YUI SKIN SAM MODS
TO DO: TRY TO REDUCE THIS. IS THIS REALLY OVERRIDING ALL OF 
THIS STUFF? OR WAS IT JUST A COPY/PASTE JOB? WHAT IS ESSENTIAL
(changed overrides) AND WHAT IS NOT?
**************************************************/
.yui-skin-sam .yuimenuitem-selected {
	background-color: #c6e8f2
}

.yui-skin-sam .yuimenuitemlabel-selected {
	background-color: #ffefe2
}

.yui-skin-sam .yui-ac-container {
	font-size: 85%
}

.yui-dt {
	font-size: 93%
}

.yui-skin-sam .yui-dt-liner {
	margin: 0;
	padding: 0;
	padding: 2px 3px 2px 3px; /* cell padding */
}

/* Class for marked rows */  
.yui-skin-sam .yui-dt tr.mark,   
.yui-skin-sam .yui-dt tr.mark td.yui-dt-asc,   
.yui-skin-sam .yui-dt tr.mark td.yui-dt-desc,   
.yui-skin-sam .yui-dt tr.mark td.yui-dt-asc,  
.yui-skin-sam .yui-dt tr.mark td.yui-dt-desc {  
	background-color: #fedbbe;   
}  


.yui-skin-sam th.yui-dt-th-sel {
	background: transparent url(img/sprite.png) repeat-x scroll 0 -100px;
}

.yui-dt-col-selected .yui-dt-liner {
	text-align: center
}

.yui-dt-col-selectedEmpty .yui-dt-liner {
	text-align: center
}

/* Necessary for aligning text left in simple dialog when injecting contents as 
in inc-housingReportsDialog.jsp*/
.yui-skin-sam .yui-panel .hd, .yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {text-align:left}

/* *********************************************************** 
OVERRIDE YUI TAB VIEW - SKIN SAM CSS
See:
http://developer.yahoo.com/yui/examples/tabview/skinning.html

TO DO: TRY TO REDUCE THIS. IS THIS REALLY OVERRIDING ALL OF 
THIS STUFF? OR WAS IT JUST A COPY/PASTE JOB? WHAT IS ESSENTIAL
(changed overrides) AND WHAT IS NOT?
**************************************************************/
	/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav
	{ /* protect nested tabviews from other orientations */
	border: solid #52B2CC; /* color between tab list and content */
	border-width: 0 0 5px;
	Xposition: relative;
	zoom: 1;
}

.yui-skin-sam .yui-navset .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li
	{
	margin: 0 0.16em 0 0; /* space between tabs */
	padding: 1px 0 0; /* gecko: make room for overflow */
	zoom: 1;
}

.yui-skin-sam .yui-navset .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected
	{
	margin: 0 0.16em -1px 0; /* for overlap */
}

.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
	{
	background: #d8d8d8 url(img/sprite.png) repeat-x; /* tab background */
	border: solid #52B2CC;
	border-width: 0 1px;
	color: #666; /* unselected tab font color */
	text-decoration: none;
}

.yui-skin-sam .yui-navset .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em
	{
	border: solid #52B2CC;
	border-width: 1px 0 0;
	cursor: hand;
	padding: 0.25em .75em;
	left: 0;
	right: 0;
	bottom: 0; /* protect from other orientations */
	top: -1px; /* for 1px rounded corners */
	position: relative;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
	/* no focus effect for selected */ .yui-skin-sam .yui-navset .yui-nav .selected a:hover
	{ /* no hover effect for selected */
	background: #2647a0 url(img/sprite.png) repeat-x left -1400px;
	/* selected tab background */
	color: #fff;
	text-decoration: none;
}

.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus
	{
	background: #bfdaff url(img/sprite.png) repeat-x left -1300px;
	/* selected tab background */
	outline: 0;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a em
	{
	border-color: #52B2CC; /* selected tab border color (ORC Aqua 1) */
	font-weight: bold; /* custom - Cody */
}

.yui-skin-sam .yui-navset .yui-content {
	background: #edf8fa; /* content background color (ORC Aqua 4 ) */
}

.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content
	{
	border: 1px solid #52B2CC; /* content border (ORC Aqua 1) */
	border-top-color: #52B2CC; /* different border color (ORC Aqua 1) */
	padding: 0.35em 0.5em; /* content padding */
}

/* *********************************************************** 
CUSTOM YUI TAB VIEW - SKIN LIGHT TAB CSS
See:
http://developer.yahoo.com/yui/examples/tabview/skinning.html
**************************************************************/
	/* .yui-navset defaults to .yui-navset-top */
#yui-skin-light .yui-navset .yui-nav,#yui-skin-light .yui-navset .yui-navset-top .yui-nav
	{ /* protect nested tabviews from other orientations */
	border: solid #52B2CC; /* color between tab list and content */
	border-width: 0 0 1px 0;
	Xposition: relative;
	zoom: 1;
}

#yui-skin-light .yui-navset .yui-nav li,#yui-skin-light .yui-navset .yui-navset-top .yui-nav li
	{
	margin: 0 0.16em 0 0; /* space between tabs */
	padding: 1px 0 0; /* gecko: make room for overflow */
	zoom: 1;
}

#yui-skin-light .yui-navset .yui-nav .selected,#yui-skin-light .yui-navset .yui-navset-top .yui-nav .selected
	{
	margin: 0 0.16em -1px 0; /* for overlap */
}

#yui-skin-light .yui-navset .yui-nav a,#yui-skin-light .yui-navset .yui-navset-top .yui-nav a
	{
	background: none; /* tab background */
	border: none;
	color: #666; /* unselected tab font color */
	text-decoration: none;
}

#yui-skin-light .yui-navset .yui-nav a em,#yui-skin-light .yui-navset .yui-navset-top .yui-nav a em
	{
	border: none;
	cursor: hand;
	padding: 0.25em .75em;
	left: 0;
	right: 0;
	bottom: 0; /* protect from other orientations */
	top: -1px; /* for 1px rounded corners */
	position: relative;
}

#yui-skin-light .yui-navset .yui-nav .selected a:link,#yui-skin-light .yui-navset .yui-nav .selected a:hover
	{
	background: none;
	color: #52B2CC;
	text-decoration: none;
}

#yui-skin-light .yui-navset .yui-nav a:hover {
	background: none; /* selected tab background */
	outline: 0;
	color: #52B2CC;
}

#yui-skin-light .yui-navset .yui-nav .selected a,#yui-skin-light .yui-navset .yui-nav .selected a em
	{
	background: #fff; /* selected tab background */
	border: solid #52B2CC;
	border-width: 1px 1px 0px 1px;
	color: #52B2CC;
	font-weight: bold;
}

#yui-skin-light .yui-navset .yui-content {
	background: #edf8fa; /* content background color (ORC Aqua 4 ) */
}

#yui-skin-light .yui-navset .yui-content,#yui-skin-light .yui-navset .yui-navset-top .yui-content
	{
	border: none;
	padding: 0.25em 0.5em; /* content padding */
}

.el08 { /* Change width and height */
	width: 2em;
	height: 2em;
	padding: 2em;
}

.readOnly {
	border: 1px solid #666;
	background-color: #ffefe2;
	color: #333;
	height: 1.4em;
	padding: 2px 0px 0px 2px;	
}

.texta {
	font-size: 10px;
	background-color: #CCCCCC;
	border: 1px solid #666666;
}

.cart {
	background: url(img/ico-cart.gif) no-repeat left !important;
	padding-left: 20px;
}

.wizard {
	background: url(img/ico-relo.gif) no-repeat left !important;
	padding-left: 18px;
}

.data-list-border td {
	border-bottom: 1px solid #c6e8f2;
}

.data-list-zebra tr.even {
	background: #e9e6e1;
}

.data-list-border .data-list-zebra td {
	border: none;
	padding-left: 4px
}
/* *********************************************************** 
COUNTRY FLAG CSS
This could be optimized by moving the flags folder up into the 
CSS folder (subracting the ../) and by defining the padding
on global flag class and the use .AF .AL .DZ and so on.
**************************************************************/

.flag{padding-left:28px;}

.f-AF {background: url(../img/flags/AF.gif) no-repeat left !important}
.f-AL {background: url(../img/flags/AL.gif) no-repeat left !important}
.f-DZ {background: url(../img/flags/DZ.gif) no-repeat left !important}
.f-AS {background: url(../img/flags/AS.gif) no-repeat left !important}
.f-AD {background: url(../img/flags/AD.gif) no-repeat left !important}
.f-AO {background: url(../img/flags/AO.gif) no-repeat left !important}
.f-AI {background: url(../img/flags/AI.gif) no-repeat left !important}
.f-AG {background: url(../img/flags/A}.gif) no-repeat left !important}
.f-AR {background: url(../img/flags/AR.gif) no-repeat left !important}
.f-AM {background: url(../img/flags/AM.gif) no-repeat left !important}
.f-AW {background: url(../img/flags/AW.gif) no-repeat left !important}
.f-AU {background: url(../img/flags/AU.gif) no-repeat left !important}
.f-AT {background: url(../img/flags/AT.gif) no-repeat left !important}
.f-AZ {background: url(../img/flags/AZ.gif) no-repeat left !important}
.f-AP {background: url(../img/flags/AP.gif) no-repeat left !important}
.f-BS {background: url(../img/flags/BS.gif) no-repeat left !important}
.f-BH {background: url(../img/flags/BH.gif) no-repeat left !important}
.f-BD {background: url(../img/flags/BD.gif) no-repeat left !important}
.f-BB {background: url(../img/flags/BB.gif) no-repeat left !important}
.f-BY {background: url(../img/flags/BY.gif) no-repeat left !important}
.f-BE {background: url(../img/flags/BE.gif) no-repeat left !important}
.f-BZ {background: url(../img/flags/BZ.gif) no-repeat left !important}
.f-BJ {background: url(../img/flags/BJ.gif) no-repeat left !important}
.f-BM {background: url(../img/flags/BM.gif) no-repeat left !important}
.f-BT {background: url(../img/flags/BT.gif) no-repeat left !important}
.f-BO {background: url(../img/flags/BO.gif) no-repeat left !important}
.f-BL {background: url(../img/flags/BL.gif) no-repeat left !important}
.f-BA {background: url(../img/flags/BA.gif) no-repeat left !important}
.f-BW {background: url(../img/flags/BW.gif) no-repeat left !important}
.f-BR {background: url(../img/flags/BR.gif) no-repeat left !important}
.f-IO {background: url(../img/flags/IO.gif) no-repeat left !important}
.f-BN {background: url(../img/flags/BN.gif) no-repeat left !important}
.f-BG {background: url(../img/flags/BG.gif) no-repeat left !important}
.f-BF {background: url(../img/flags/BF.gif) no-repeat left !important}
.f-BI {background: url(../img/flags/BI.gif) no-repeat left !important}
.f-KH {background: url(../img/flags/KH.gif) no-repeat left !important}
.f-CM {background: url(../img/flags/CM.gif) no-repeat left !important}
.f-CA {background: url(../img/flags/CA.gif) no-repeat left !important}
.f-IC {background: url(../img/flags/IC.gif) no-repeat left !important}
.f-CV {background: url(../img/flags/CV.gif) no-repeat left !important}
.f-KY {background: url(../img/flags/KY.gif) no-repeat left !important}
.f-CF {background: url(../img/flags/CF.gif) no-repeat left !important}
.f-TD {background: url(../img/flags/TD.gif) no-repeat left !important}
.f-JI {background: url(../img/flags/JI.gif) no-repeat left !important}
.f-CL {background: url(../img/flags/CL.gif) no-repeat left !important}
.f-CN {background: url(../img/flags/CN.gif) no-repeat left !important}
.f-CX {background: url(../img/flags/CX.gif) no-repeat left !important}
.f-CC {background: url(../img/flags/CC.gif) no-repeat left !important}
.f-CO {background: url(../img/flags/CO.gif) no-repeat left !important}
.f-KM {background: url(../img/flags/KM.gif) no-repeat left !important}
.f-CG {background: url(../img/flags/CG.gif) no-repeat left !important}
.f-CD {background: url(../img/flags/CD.gif) no-repeat left !important}
.f-CK {background: url(../img/flags/CK.gif) no-repeat left !important}
.f-CR {background: url(../img/flags/CR.gif) no-repeat left !important}
.f-CI {background: url(../img/flags/CI.gif) no-repeat left !important}
.f-HR {background: url(../img/flags/HR.gif) no-repeat left !important}
.f-CU {background: url(../img/flags/CU.gif) no-repeat left !important}
.f-CB {background: url(../img/flags/CB.gif) no-repeat left !important}
.f-CY {background: url(../img/flags/CY.gif) no-repeat left !important}
.f-CZ {background: url(../img/flags/CZ.gif) no-repeat left !important}
.f-DK {background: url(../img/flags/DK.gif) no-repeat left !important}
.f-DJ {background: url(../img/flags/DJ.gif) no-repeat left !important}
.f-DM {background: url(../img/flags/DM.gif) no-repeat left !important}
.f-DO {background: url(../img/flags/DO.gif) no-repeat left !important}
.f-TL {background: url(../img/flags/TL.gif) no-repeat left !important}
.f-EC {background: url(../img/flags/EC.gif) no-repeat left !important}
.f-EG {background: url(../img/flags/EG.gif) no-repeat left !important}
.f-SV {background: url(../img/flags/SV.gif) no-repeat left !important}
.f-GQ {background: url(../img/flags/GQ.gif) no-repeat left !important}
.f-ER {background: url(../img/flags/ER.gif) no-repeat left !important}
.f-EE {background: url(../img/flags/EE.gif) no-repeat left !important}
.f-ET {background: url(../img/flags/ET.gif) no-repeat left !important}
.f-FK {background: url(../img/flags/FK.gif) no-repeat left !important}
.f-FO {background: url(../img/flags/FO.gif) no-repeat left !important}
.f-FJ {background: url(../img/flags/FJ.gif) no-repeat left !important}
.f-FI {background: url(../img/flags/FI.gif) no-repeat left !important}
.f-FR {background: url(../img/flags/FR.gif) no-repeat left !important}
.f-GF {background: url(../img/flags/GF.gif) no-repeat left !important}
.f-PF {background: url(../img/flags/PF.gif) no-repeat left !important}
.f-TF {background: url(../img/flags/TF.gif) no-repeat left !important}
.f-GA {background: url(../img/flags/GA.gif) no-repeat left !important}
.f-GM {background: url(../img/flags/GM.gif) no-repeat left !important}
.f-GE {background: url(../img/flags/GE.gif) no-repeat left !important}
.f-DE {background: url(../img/flags/DE.gif) no-repeat left !important}
.f-GH {background: url(../img/flags/GH.gif) no-repeat left !important}
.f-GI {background: url(../img/flags/GI.gif) no-repeat left !important}
.f-GB {background: url(../img/flags/GB.gif) no-repeat left !important}
.f-GR {background: url(../img/flags/GR.gif) no-repeat left !important}
.f-GL {background: url(../img/flags/GL.gif) no-repeat left !important}
.f-GD {background: url(../img/flags/GD.gif) no-repeat left !important}
.f-GP {background: url(../img/flags/GP.gif) no-repeat left !important}
.f-GU {background: url(../img/flags/GU.gif) no-repeat left !important}
.f-GT {background: url(../img/flags/GT.gif) no-repeat left !important}
.f-GN {background: url(../img/flags/GN.gif) no-repeat left !important}
.f-GW {background: url(../img/flags/GW.gif) no-repeat left !important}
.f-GY {background: url(../img/flags/GY.gif) no-repeat left !important}
.f-HT {background: url(../img/flags/HT.gif) no-repeat left !important}
.f-HW {background: url(../img/flags/HW.gif) no-repeat left !important}
.f-HN {background: url(../img/flags/HN.gif) no-repeat left !important}
.f-HK {background: url(../img/flags/HK.gif) no-repeat left !important}
.f-HU {background: url(../img/flags/HU.gif) no-repeat left !important}
.f-IS {background: url(../img/flags/IS.gif) no-repeat left !important}
.f-IN {background: url(../img/flags/IN.gif) no-repeat left !important}
.f-ID {background: url(../img/flags/ID.gif) no-repeat left !important}
.f-IR {background: url(../img/flags/IR.gif) no-repeat left !important}
.f-IQ {background: url(../img/flags/IQ.gif) no-repeat left !important}
.f-IE {background: url(../img/flags/IE.gif) no-repeat left !important}
.f-IM {background: url(../img/flags/IM.gif) no-repeat left !important}
.f-IL {background: url(../img/flags/IL.gif) no-repeat left !important}
.f-IT {background: url(../img/flags/IT.gif) no-repeat left !important}
.f-JM {background: url(../img/flags/JM.gif) no-repeat left !important}
.f-JP {background: url(../img/flags/JP.gif) no-repeat left !important}
.f-JO {background: url(../img/flags/JO.gif) no-repeat left !important}
.f-KZ {background: url(../img/flags/KZ.gif) no-repeat left !important}
.f-KE {background: url(../img/flags/KE.gif) no-repeat left !important}
.f-KI {background: url(../img/flags/KI.gif) no-repeat left !important}
.f-NK {background: url(../img/flags/NK.gif) no-repeat left !important}
.f-KS {background: url(../img/flags/KS.gif) no-repeat left !important}
.f-KW {background: url(../img/flags/KW.gif) no-repeat left !important}
.f-KG {background: url(../img/flags/KG.gif) no-repeat left !important}
.f-LA {background: url(../img/flags/LA.gif) no-repeat left !important}
.f-LV {background: url(../img/flags/LV.gif) no-repeat left !important}
.f-LB {background: url(../img/flags/LB.gif) no-repeat left !important}
.f-LS {background: url(../img/flags/LS.gif) no-repeat left !important}
.f-LR {background: url(../img/flags/LR.gif) no-repeat left !important}
.f-LY {background: url(../img/flags/LY.gif) no-repeat left !important}
.f-LI {background: url(../img/flags/LI.gif) no-repeat left !important}
.f-LT {background: url(../img/flags/LT.gif) no-repeat left !important}
.f-LU {background: url(../img/flags/LU.gif) no-repeat left !important}
.f-MO {background: url(../img/flags/MO.gif) no-repeat left !important}
.f-MK {background: url(../img/flags/MK.gif) no-repeat left !important}
.f-MG {background: url(../img/flags/MG.gif) no-repeat left !important}
.f-MW {background: url(../img/flags/MW.gif) no-repeat left !important}
.f-MY {background: url(../img/flags/MY.gif) no-repeat left !important}
.f-MV {background: url(../img/flags/MV.gif) no-repeat left !important}
.f-ML {background: url(../img/flags/ML.gif) no-repeat left !important}
.f-MT {background: url(../img/flags/MT.gif) no-repeat left !important}
.f-MH {background: url(../img/flags/MH.gif) no-repeat left !important}
.f-MQ {background: url(../img/flags/MQ.gif) no-repeat left !important}
.f-MR {background: url(../img/flags/MR.gif) no-repeat left !important}
.f-MU {background: url(../img/flags/MU.gif) no-repeat left !important}
.f-YT {background: url(../img/flags/YT.gif) no-repeat left !important}
.f-MX {background: url(../img/flags/MX.gif) no-repeat left !important}
.f-FM {background: url(../img/flags/FM.gif) no-repeat left !important}
.f-MI {background: url(../img/flags/MI.gif) no-repeat left !important}
.f-MD {background: url(../img/flags/MD.gif) no-repeat left !important}
.f-MC {background: url(../img/flags/MC.gif) no-repeat left !important}
.f-MN {background: url(../img/flags/MN.gif) no-repeat left !important}
.f-MS {background: url(../img/flags/MS.gif) no-repeat left !important}
.f-MA {background: url(../img/flags/MA.gif) no-repeat left !important}
.f-MZ {background: url(../img/flags/MZ.gif) no-repeat left !important}
.f-MM {background: url(../img/flags/MM.gif) no-repeat left !important}
.f-NA {background: url(../img/flags/NA.gif) no-repeat left !important}
.f-NR {background: url(../img/flags/NR.gif) no-repeat left !important}
.f-NP {background: url(../img/flags/NP.gif) no-repeat left !important}
.f-AN {background: url(../img/flags/AN.gif) no-repeat left !important}
.f-NL {background: url(../img/flags/NL.gif) no-repeat left !important}
.f-NC {background: url(../img/flags/NC.gif) no-repeat left !important}
.f-NZ {background: url(../img/flags/NZ.gif) no-repeat left !important}
.f-NI {background: url(../img/flags/NI.gif) no-repeat left !important}
.f-NE {background: url(../img/flags/NE.gif) no-repeat left !important}
.f-NG {background: url(../img/flags/NG.gif) no-repeat left !important}
.f-NU {background: url(../img/flags/NU.gif) no-repeat left !important}
.f-NF {background: url(../img/flags/NF.gif) no-repeat left !important}
.f-NO {background: url(../img/flags/NO.gif) no-repeat left !important}
.f-OM {background: url(../img/flags/OM.gif) no-repeat left !important}
.f-PK {background: url(../img/flags/PK.gif) no-repeat left !important}
.f-PW {background: url(../img/flags/PW.gif) no-repeat left !important}
.f-PS {background: url(../img/flags/PS.gif) no-repeat left !important}
.f-PA {background: url(../img/flags/PA.gif) no-repeat left !important}
.f-PG {background: url(../img/flags/PG.gif) no-repeat left !important}
.f-PY {background: url(../img/flags/PY.gif) no-repeat left !important}
.f-PE {background: url(../img/flags/PE.gif) no-repeat left !important}
.f-PH {background: url(../img/flags/PH.gif) no-repeat left !important}
.f-PN {background: url(../img/flags/PN.gif) no-repeat left !important}
.f-PL {background: url(../img/flags/PL.gif) no-repeat left !important}
.f-PT {background: url(../img/flags/PT.gif) no-repeat left !important}
.f-PR {background: url(../img/flags/PR.gif) no-repeat left !important}
.f-QA {background: url(../img/flags/QA.gif) no-repeat left !important}
.f-RE {background: url(../img/flags/RE.gif) no-repeat left !important}
.f-RO {background: url(../img/flags/RO.gif) no-repeat left !important}
.f-RU {background: url(../img/flags/RU.gif) no-repeat left !important}
.f-RW {background: url(../img/flags/RW.gif) no-repeat left !important}
.f-WS {background: url(../img/flags/WS.gif) no-repeat left !important}
.f-SM {background: url(../img/flags/SM.gif) no-repeat left !important}
.f-ST {background: url(../img/flags/ST.gif) no-repeat left !important}
.f-SA {background: url(../img/flags/SA.gif) no-repeat left !important}
.f-SN {background: url(../img/flags/SN.gif) no-repeat left !important}
.f-CS {background: url(../img/flags/CS.gif) no-repeat left !important}
.f-SC {background: url(../img/flags/SC.gif) no-repeat left !important}
.f-SL {background: url(../img/flags/SL.gif) no-repeat left !important}
.f-SG {background: url(../img/flags/SG.gif) no-repeat left !important}
.f-SK {background: url(../img/flags/SK.gif) no-repeat left !important}
.f-SI {background: url(../img/flags/SI.gif) no-repeat left !important}
.f-SB {background: url(../img/flags/SB.gif) no-repeat left !important}
.f-SO {background: url(../img/flags/SO.gif) no-repeat left !important}
.f-ZA {background: url(../img/flags/ZA.gif) no-repeat left !important}
.f-ES {background: url(../img/flags/ES.gif) no-repeat left !important}
.f-LK {background: url(../img/flags/LK.gif) no-repeat left !important}
.f-SH {background: url(../img/flags/SH.gif) no-repeat left !important}
.f-KN {background: url(../img/flags/KN.gif) no-repeat left !important}
.f-LC {background: url(../img/flags/LC.gif) no-repeat left !important}
.f-MB {background: url(../img/flags/MB.gif) no-repeat left !important}
.f-PM {background: url(../img/flags/PM.gif) no-repeat left !important}
.f-VC {background: url(../img/flags/VC.gif) no-repeat left !important}
.f-SD {background: url(../img/flags/SD.gif) no-repeat left !important}
.f-SR {background: url(../img/flags/SR.gif) no-repeat left !important}
.f-SJ {background: url(../img/flags/SJ.gif) no-repeat left !important}
.f-SZ {background: url(../img/flags/SZ.gif) no-repeat left !important}
.f-SE {background: url(../img/flags/SE.gif) no-repeat left !important}
.f-CH {background: url(../img/flags/CH.gif) no-repeat left !important}
.f-SY {background: url(../img/flags/SY.gif) no-repeat left !important}
.f-TA {background: url(../img/flags/TA.gif) no-repeat left !important}
.f-TW {background: url(../img/flags/TW.gif) no-repeat left !important}
.f-TJ {background: url(../img/flags/TJ.gif) no-repeat left !important}
.f-TZ {background: url(../img/flags/TZ.gif) no-repeat left !important}
.f-TH {background: url(../img/flags/TH.gif) no-repeat left !important}
.f-TG {background: url(../img/flags/TG.gif) no-repeat left !important}
.f-TK {background: url(../img/flags/TK.gif) no-repeat left !important}
.f-TO {background: url(../img/flags/TO.gif) no-repeat left !important}
.f-TT {background: url(../img/flags/TT.gif) no-repeat left !important}
.f-TN {background: url(../img/flags/TN.gif) no-repeat left !important}
.f-TR {background: url(../img/flags/TR.gif) no-repeat left !important}
.f-TM {background: url(../img/flags/TM.gif) no-repeat left !important}
.f-TC {background: url(../img/flags/TC.gif) no-repeat left !important}
.f-TV {background: url(../img/flags/TV.gif) no-repeat left !important}
.f-UG {background: url(../img/flags/UG.gif) no-repeat left !important}
.f-UA {background: url(../img/flags/UA.gif) no-repeat left !important}
.f-AE {background: url(../img/flags/AE.gif) no-repeat left !important}
.f-US {background: url(../img/flags/US.gif) no-repeat left !important}
.f-UY {background: url(../img/flags/UY.gif) no-repeat left !important}
.f-UZ {background: url(../img/flags/UZ.gif) no-repeat left !important}
.f-VU {background: url(../img/flags/VU.gif) no-repeat left !important}
.f-VS {background: url(../img/flags/VS.gif) no-repeat left !important}
.f-VE {background: url(../img/flags/VE.gif) no-repeat left !important}
.f-VN {background: url(../img/flags/VN.gif) no-repeat left !important}
.f-VG {background: url(../img/flags/VG.gif) no-repeat left !important}
.f-VI {background: url(../img/flags/VI.gif) no-repeat left !important}
.f-WK {background: url(../img/flags/WK.gif) no-repeat left !important}
.f-WF {background: url(../img/flags/WF.gif) no-repeat left !important}
.f-EH {background: url(../img/flags/EH.gif) no-repeat left !important}
.f-YE {background: url(../img/flags/YE.gif) no-repeat left !important}
.f-ZM {background: url(../img/flags/ZM.gif) no-repeat left !important}
.f-ZW {background: url(../img/flags/ZW.gif) no-repeat left !important}

#webcasts-header, #roundtable-header {
	margin-top: 4px;
	margin-bottom: 4px;
	cursor: pointer;
	cursor: hand;
	color:#369;}

#legend {
	margin-bottom:-32px;
	margin-top:18px;
	height: 18px;display:none}
	
.skin-grid-1 {background-color:#fff}
.skin-grid-1 th, .skin-grid-1 td {
	background-color:#fff;
	vertical-align: top;
	border-bottom:8px solid #EDF8FA;
	padding:4px;
}
.skin-grid-1 th {font-weight:bold}

.tabIntroText{
	border:1px solid #fedbbe;
	padding:6px;
	background-color:#ffefe2;
}

.oneTimeText {background-color: #c6e8f2;color: #369}
.footerRight{float:right;margin-top:-1.7em;font-size:8pt}

#helpBody{padding:8px;background-color:white;overflow:auto;max-height:350px}
#helpBody td {padding:4px}
table.ruled td a{text-decoration:none}
table.ruled td a:hover{text-decoration:underline}

.ie6Message{
    height: 85px;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	vertical-align: middle;
	padding-left: 1px;
	border: 1px solid black;
}

.feedEntryHeader{background-color:#ccc}
.icon-list-16x16{text-indent: -20px;padding-left: 1.5em}