/* general stylesheet for itftennis.com .... weblets also have their own css files in weblet/_assets/style */

#icontopleft
{
	border-color:black;
	border-style:solid;
	border-width:1px;
	left:3px;
	position:absolute;
	top:3px;
}

.100pxTextBox
{
	height:18px;
	width:85px;
}

.10marginbelow
{
	margin-bottom:10px;
}

.5marginbelow
{
	margin-bottom:5px;
}

.85pxTextBox
{
	height:18px;
	width:85px;
}

.FieldSelectList
{
	font-size:11px;
	height:20px;
	vertical-align:middle;
}

.FieldSelectListSmall
{
	font-size:9px;
	height:20px;
	vertical-align:middle;
	width:110px;
}

.TopBarText
{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:400;
}

.bold
{
	font-weight:700;
}

.breadcrumbmargin
{
	margin-bottom:5px;
	margin-top:2px;
}

/* end of stylings for radio popup 
 style for the "audio available" speaker, simply floating it to the right of its container cell .. PC 15/6/07 */
.iconfloatright
{
	float:right;
	margin-top:-5px;
}

.largeboldtext
{
	font-size:13px;
	font-weight:700;
}

.radiopopup_heading
{
	font-size:12px;
	padding-bottom:3px;
	padding-left:9px;
	padding-top:11px;
}

.tickermessage
{
	color:black;
	font-size:8pt;
}

/* make links to radio files appear colored as normal text */
A.radiopopuplink:link
{
	color:#000000;
	padding-left:0;
}

A.radiopopuplink:visited
{
	color:#000000;
	padding-left:0;
}

A.small:active
{
	color:#666;
	font-size:10px;
	text-decoration:none;
}

A.small:hover
{
	color:#000;
	font-size:10px;
	text-decoration:underline;
}

A.small:link
{
	color:#666;
	font-size:10px;
	text-decoration:none;
}

A.small:visited
{
	color:#666;
	font-size:10px;
	text-decoration:none;
}

A.white:active
{
	color:#fff;
	text-decoration:none;
}

A.white:hover
{
	color:#fff;
	text-decoration:none;
}

A.white:link
{
	color:#fff;
	text-decoration:none;
}

A.white:visited
{
	color:#fff;
	text-decoration:none;
}


/* general stylesheet for itftennis.com .... weblets also have their own css files in weblet/_assets/style */
BODY
{
	background-color:#000;
	color:#fff;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
	margin-top:0;
}

BODY.popup
{
	background-color:#fff;
	color:#000;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
	margin:0;
}

H3.headertable
{
	color:#000;
	font-weight:700;
	padding-bottom:0.3em;
	padding-top:.75em;
	text-align:center;
}

H5
{
	margin-bottom:0;
}

HR
{
	color:#CCCCCC;
	height:1px;
}

IMG.Border
{
	border:1px solid slate;
}

/* this for big pics in the one-column layout */
img.nice
{
    border: 1px solid silver;
    margin: 5px;
}

/* cu 2u2 */

img.cu 
{
    padding: 10px;
	background: #eee;
	border: 1px solid silver;
}

img.noborder 
{
    border: none
}

IMG.floatleft
{
	border:1px solid;
	border-color:#aaaaaa;
	float:left;
	margin-right:8px;
	margin-top:5px;
	width:25%;
}

IMG.floatright
{
	border:1px solid;
	border-color:#aaaaaa;
	float:right;
	margin-left:10px;
	margin-top:5px;
	width:25%;
}

IMG.radiopopup
{
	border-color:green;
	border-style:solid;
	border-width:1px;
}

INPUT.button
{
	border:2px outset #ccc;
	font-size:10px;
	font-weight:700;
	margin-bottom:3px;
	margin-top:3px;
	padding:2px 4px;
}

INPUT.textbox
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

PRE
{
	font-family:monospace;
	font-size:11px;
	line-height:0.6em;
}

SPAN.BigText
{
	font-size:15px;
	font-weight:700;
}

SPAN.SmallText
{
	font-size:10px;
	text-align: center;
}

SPAN.TinyText
{
	font-size:8px;
}

SPAN.backtotop
{
	color:#666;
	font-family:verdana, sans serif;
	font-weight:700;
}

SPAN.column150
{
	float:left;
	width:150px;
}

SPAN.column200
{
	float:left;
	width:200px;
}

SPAN.headline
{
	font-size:16px;
	font-weight:700;
}

SPAN.link
{
	cursor:hand;
	text-decoration:underline;
}

SPAN.pale
{
	color:#777;
}

SPAN.subheadline
{
	font-size:13px;
	font-weight:700;
}

SPAN.tablenote
{
	font-size:10px;
}

TABLE.PDFTable
{
	background-color:#eee;
	padding:5px;
}

TABLE.article
{
	background-color:#000;
}

TABLE.article TD
{
	background-color:#F8F8F8;
	padding:4px;
	vertical-align:top;
}

TABLE.article TH
{
	background-color:#E6E6E6;
	color:black;
	font-size:12px;
	padding:4px;
	text-align:center;
	vertical-align:top;
}

TABLE.articlewithoutborder TD
{
	background-color:#F8F8F8;
	font-size:12px;
	padding:3px 3px 3px 0;
	vertical-align:top;
}

TABLE.radiopopup
{
	border:1px solid green;
}

TABLE.radiopopup TD
{
	background-color:#A5D0A4;
	font-weight:400;
	padding-left:9px;
}

/* this is the grey subtable inside the popup */
TABLE.radiopopup_inside
{
	background-color:#A5D0A4;
	border-color:green;
	border-style:solid;
	border-width:1px;
}

TABLE.radiopopup_inside TD
{
	background-color:#A5D0A4;
}

/* stylings for online signup tables  */
TABLE.signup
{
	border:1px solid khaki;
}

TABLE.signup TD
{
	background-color:#F1E6BC;
	font-size:11pt;
	font-weight:400;
	padding-left:9px;
	padding-right:9px;
}

TABLE.staticarticle
{
	background-color:#000;
}

TABLE.staticarticle TD
{
	background-color:#fff;
	padding:4px;
	vertical-align:top;
}

TABLE.staticarticle TH
{
	background-color:#E6E6E6;
	color:black;
	font-size:12px;
	font-weight:700;
	padding:4px;
	text-align:left;
	vertical-align:top;
}

TD
{
	background-color:#fff;
	color:#000;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:11px;
}

TD.ArticleHeader
{
	background-color:#F1E6BC;
	font-size:12px;
	padding:4px 4px 4px 12px;
	text-align:left;
	vertical-align:top;
}

TD.ContentBox
{
	padding:8px;
	vertical-align:top;
}

TD.ContentTitleBox
{
	background-color:#F1E6BC;
	font-size:13px;
	font-weight:700;
	height:24px;
	padding:4px 4px 4px 12px;
	vertical-align:middle;
}

TD.ContentTitleBox_ArchiveText
{
	background-color:#F1E6BC;
	font-weight:700;
	padding:4px 12px 4px 4px;
	text-align:right;
}

/*SPAN.FactSheetFieldTitle {  
  font-weight:bold;
  padding-left: 6px; 
}

 above span is superflous should be superceded by this td style */
TD.FactSheetFieldTitle
{
	background-color:#F2F4F2;
	font-weight:700;
	padding:4px 4px 4px 10px;
	vertical-align:top;
}

TD.FactSheetSubHeading
{
	background-color:#ccc;
	color:#333;
	font-size:12px;
	font-weight:700;
	padding:5px 4px 5px 10px;
}

/* this same as TableCell but with white background for flash movies */
TD.FlashCell
{
	background-color:white;
	padding:5px;
	vertical-align:top;
}

TD.FormCheckBoxList
{
	background-color:#F2F4F2;
	color:#666;
	font-size:10px;
	height:19px;
	text-align:center;
	vertical-align:middle;
}

TD.FormField
{
	background-color:#F2F4F2;
	color:#666;
	font-size:10px;
	height:20px;
	padding-bottom:3px;
	padding-top:3px;
	text-align:center;
	vertical-align:middle;
}

TD.HomePageContentTitleBox
{
	background-color:#F1E6BC;
	color:#797979;
	font-size:13px;
	font-weight:700;
	height:24px;
	padding:4px 4px 4px 12px;
	vertical-align:middle;
}

TD.PageTitleBox
{
	background-color:#e7e7de;
	font-size:16px;
	font-weight:700;
	padding:4px;
	text-align:center;
	vertical-align:middle;
}

TD.TextBox
{
	background-color:#e8ecf1;
	padding:8px 8px 8px 12px;
	vertical-align:top;
}

TD.ThumbNail
{
	background-color:#e7e7de;
	padding:2px 1px 2px 2px;
}

TD.TwoPixelPadding
{
	padding:2px;
}

TD.blackback
{
	background-color:#000;
}

TD.body
{
	color:#666666;
	font-size:13px;
}

TD.caption
{
	color:#666;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	padding-bottom:3px;
}

TD.content
{
	background-color:#F8F8F8;
	font-size:12px;
	padding-left:12px;
	padding-right:12px;
	padding-top:12px;
}

TD.contentnopadding
{
	background-color:#F8F8F8;
	font-size:12px;
	vertical-align:top;
}

TD.contentnopaddingbold
{
	background-color:#F8F8F8;
	font-size:12px;
	font-weight:700;
	vertical-align:top;
}

TD.contentpadding
{
	background-color:#F8F8F8;
	font-size:12px;
	padding:3px 12px;
	vertical-align:top;
}

TD.contentpaddingbold
{
	background-color:#F8F8F8;
	font-size:12px;
	font-weight:700;
	padding:3px 12px;
	vertical-align:top;
}

TD.footer
{
	background-color:#666666;
	color:#333333;
	padding:4px;
	vertical-align:middle;
}

TD.photogallery
{
	background-color:#F1E6BC;
	font-size:12px;
	font-weight:700;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

TD.photogalleryselected
{
	background-color:#CB8901;
	font-size:12px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

TD.smallprint
{
	background-color:#000;
	color:#666666;
	font-size:10px;
	padding:10px;
	vertical-align:right;
}

TD.tablepadding
{
	background-color:#F8F8F8;
	font-size:12px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}

TD.TableSubheading {
  vertical-align: top;
  padding: 5px;
  color: #666;
  background-color: #D6D6D6;
  font-style: italic;
}

/* slight remix without the italicisation and with bold font */
TD.TableSubHeadingBold {
  vertical-align: middle;
  padding: 4px;
  color: Black;
  background-color: #D6D6D6;
  text-decoration: none;
  font-weight:bold;
}

UL.normallist
{
	margin-bottom:-10px;
	margin-left:20px;
}

/* style for "required field" red star */
span.redstar
{
	color:red;
	font-family:courier new, courier, serif;
	font-size:10px;
	font-weight:700;
}