/*

*/

@import "shell/shell.css";

html {
    font-size:12px;
	font-family:Arial;   
}

body {
	background:#E2F7FF url(shell/i/background.png) repeat-x top;
	margin-top:10px;
}

/* 120109 - Jon.R - Removed fixed line height*/
p, td, h1, h2, h3, h4, h5, h6 {}

a {	text-decoration:none; }
a:hover	{ text-decoration:underline; }

H1	{
	background-repeat:no-repeat;
	margin: 0px 5px 15px 5px;
}
H1 .HeadingText
{
	color:#003e7e; /* tboblue */
	font-size: 22px;
	font-weight:bold;
}
H1 strong {
	color:#b6d6f2; /* .tbologoblue  */
	font-style:normal;
}
H1 .SubHeading 
{
	color:#003e7e; /* tboblue */
	font-size:24px;
	display:block;
}
H1 .HeadingExtension 
{
	color:#003e7e; /* tboblue */
	font-size:24px;
	display: block;
}
H1 img
{
 	float:left;
	display:block;   
	margin-right:5px;
}

/*layout*/
.padless			{ padding:0px; }
.nomargin			{ margin:0px; }
.nopad				{ padding:0px; }
.clearfix			{ clear:both; font-size:0px; width:0px; height:0px; }
.cleared            { display:block; clear:both; }
.left               { float:left; }
.right              { float:right; }
.inline				{ display:inline; }
.inline-block		{ display:inline-block; }
.hidden				{ display:none; }

/*colors*/
.tboblue            { color:#003e7e; }
.tbomidblue			{ color:#34a5e2; }
.tbolightblue		{ color:#7DD8F6; }
.tbodarkblue		{ color:#104482; }
.tbologoblue        { color:#b6d6f2; }
.tboaqua            { color:#34a5e2; }
.tbogray            { color:#6f7376; }
.red				{ color:Red;     }
.tbolightgray		{ color:#7e7e7e; }
.tbodarkgray		{ color:#4c4c4c; }
.tbodarkergray		{ color:#494949; }
.green8b			{ color:#8b8b8b; }
/*font sizes*/
.size-s             { font-size:0.8em }
.size-m             { font-size:1em; }
.size-l             { font-size:1.25em; }
.bold               { font-weight:bold; }
.xl					{ font-size:x-large; }
.xxl				{ font-size:xx-large; }
.l					{ font-size:large; }
/**/
.title				{ font-size:1.4em; }

/*dimensions*/
.expandheight		{ height:100%; }
.expandwidth		{ width:100%; }

/*text & links*/
.plainlink			{ text-decoration:none; }
.plainlink:hover	{ text-decoration:underline; }
.underline			{ text-decoration:underline; }
.decorate			{ text-decoration:underline; }
.leftalign          { text-align:left; }
.rightalign         { text-align:right; }



/*borders*/
.noborder			{ border:none; }
.aquaborder			{ border-color:#EAF9FE; border-width:2px; border-style:solid; padding:5px; }
.redborder			{ border:solid 1px red; }

/*background*/
.babybluebg			{ background:#f3faff; }

/*reusable graphics*/
.arrow-rt-3x6-578ea5 { background:url(shared/i/arrow-rt-3x6-578ea5.png) no-repeat center right ; width:3px; height:6px; }

/*inputs*/
input,select,radio,input[type=checkbox],.button, textarea
{
	border:1px solid #7DD8F6;
	background:#F3FAFF;	
	padding:2px;
}
a.button
{
	padding:3px;
	font-size:14px;
	color:Black;
}
a.button:hover
{
	
}

/* Make banners that are too short for their spaces 
   (often so with migrated banners from teh old site)
   centre rather than left-align */
div.centralbanner img {display:block; margin:0px auto;}

div.banner img {display:block; margin:0px auto;border: none;}


/* N.Gabbidon - get the id of the actual top-right-div which has been set to a server control
    Because of this, we have to get the id with teh ctl prefix inside it for now
    .  NOTE: I should change the control so that it has class reference to it.
     */
/* #ctl00_Banners2_Div_Banner {position: absolute;z-index: 1;margin: 0px 0px;top: 10px;}

#ctl00_Banners2_Div_Banner a {position: relative;z-index: 1;left: -259px;}

#ctl00_Banners2_Div_Banner a img {position: relative;z-index: 1;}

*/


/* override to stop the above behaviour for the shell header banner, 
    which has to remain right-aligned*/
#Shell_Head div.banner img {display:block; margin:0px 0px;}


/*N.Gabbidon - 09/09/09 - Style for twitter icons on left column */
.twitter-facebook-left-icons img
{
    margin: 5px auto;
    display: block;
}