/* 

---------------------------------------------------------

Title:		UK Corporate stylsheet
Author:		Darren Hudson
Revisions:	Darren Hudson
Last Updated:	21/04/2009 - added margin to global footer link
		28/05/2009 - added top gradient - portal match
		22/09/2009 - added /today specific css
		
---------------------------------------------------------

*/




.contentBodyToday		{	padding: 10px 0px 0px 10px; background: #fff;}
.container290Today		{	margin-bottom: 10px; background: #fdfdfd url(/extranets/yg/template/images/bg_container290.jpg) repeat-y; border-bottom: 1px solid #ccc;}
.container290BGToday		{	border: 0px solid #000;  background: #e31b1d;  margin: 0px; padding: 1px 0px 1px 0px;}
.container290HeaderToday	{	text-align: left; margin: 5px 10px 5px 10px; text-transform: uppercase; color: #fefefe; font-weight: bold;}
.contentBodyInnerToday		{	padding: 5px 20px 10px 20px;}


.TC1stTier			{	padding: 20px 0px 0px 0px;}
.TC2ndTier			{	padding: 10px 20px 10px 20px;}
.TC3rdTier			{	padding: 0px 40px 10px 40px;}
.TC4thTier			{	padding: 0px 60px 10px 60px;}



body				{	background: #fff url(/extranets/yg/template/images/bg_main.jpg) repeat-x; background-position:center top; height: 100%;  text-align: center; margin: 20px 0px 0px 0px; padding: 0; font-family:  "Trebuchet MS", Trebuchet, verdana, Helvetica, sans-serif; font-size: 80%;color:#666;}
#wrapper			{	text-align: left; width: 910px; margin: 0 auto;  background-color: #fff;   border-top: 1px solid #fefefe;  border-top: 1px solid #fefefe; padding: 0px 0px 10px 0px;}
#wrapperNav			{	border-top: 1px solid #fff; background: #fff; height: 105px; margin: 10px 10px 0px 10px; padding: 0px; background: #fff url(../images/bg_wrapperNavGradient.jpg) repeat-x top;}
#topNavigation			{	border: 1px solid #fefefe; height: 20px; text-align: right; padding: 10px 0px 0px 0px;  }
p.menuTop			{	border: 0px solid #fff; text-align: right; margin-top: 0px; color: #333; font-weight: bold;  float: right; width: 190px; padding-right: 10px; font-family:  arial, verdana;}
.langMenu			{	border: 1px solid #ccc; font-size: 85%; background-color: #f4f4f4; width: 120px;}

#middleNavigation		{	border: 0px solid #000;  height: 70px; }
#logo				{	border: 0px solid #000; width: 450px; margin: 0px; float: left;}
#mainNavContainer		{	border-top: 2px solid #e31b1d; border-bottom: 2px solid #e31b1d; height: 32px; margin: 0px 10px 0px 10px; padding: 0px; }
.mainNavigation			{	width: 870px; margin: 0px 10px 0px 10px; height: 30px;  padding: 0px;}
#banner				{	padding: 0px 0px 0px 0px; margin: 0px 10px 10px 10px; background-color: #f7f7f7; width: 890px;}	
#navigationCP			{	float: right; margin: 43px 10px 0px 0px; border: 0px solid #000; width: 300px; height: 30px; }

.menuTop			{	text-align: right; margin-right: 10px;}
.ukMenu				{	font-size: 85%; background-color: #f4f4f4; width: 125px;}




.navigationLeftBG		{	background: #e4e4e4;  margin: 0px; padding: 1px 0px 1px 0px; height: 30px; background: #fff url(/extranets/yg/template/images/bg_headerGradient.jpg);}
.navigationLeftHeader		{	margin: 5px 10px 5px 10px; text-transform: uppercase; font-weight: bold; }
.navigationLeftHeaderSub	{	margin: 15px 10px 5px 10px; text-transform: uppercase; font-weight: bold;}

.navigationRightBG		{	border: 0px solid #000; width: 590px; background: #e31b1d;  margin: 0px; padding: 1px 0px 1px 0px;}
.navigationRightHeader		{	text-align: left; margin: 5px 10px 5px 10px; text-transform: uppercase; color: #fefefe; font-weight: bold; }
.navigationRightHeaderSub	{	margin: 15px 10px 5px 10px; text-transform: uppercase; font-weight: bold;}


#mainNav li a:hover, #mainNav li a.active
				{	color:#000;	background:#ccc;}
#main	 			{	border-bottom: 1px solid #fff;  padding: 0px; width: 890px; color:inherit; margin: 0px 0px 0px 10px;}

.allZero			{	border: 0px; padding: 0px; margin: 0px;}

#col33Left 			{	float: left; width: 290px; margin: 0px 10px 0px 0px;  }
#col33Middle 			{	float: left; width: 290px; margin: 0px 0px 0px 0px;  }	
#col33Right 			{	width: 290px;   float: right; margin: 0px; padding: 0px; }
#col66Right			{	float: right; width: 590px; margin: 0px; padding: 0px;  }

.col66Inner50Left		{	background-color: #f7f7f7; padding: 9px; border: 0px solid #ccc; float: left; width: 245px;  margin-bottom: 15px; margin-right: 10px;}
.col66Inner50Right 		{	background-color: #f7f7f7;  padding: 9px; border: 0px solid #ccc; width: 245px;  float: right;  margin-bottom: 15px;  }

.floatRight			{	 float: right}
.floatLeft			{	 float: left}

.contentBody			{	background: #fff; padding: 0px; margin: 0px 0px 10px 0px; }
.contentBodyInner		{	padding: 20px;}
.container              	{     	margin: 0px 0px 20px 0px ; border: 0px solid #fff;padding: 0px 0px 0px 0px; }

.container290			{	background: #fdfdfd url(/extranets/yg/template/images/bg_container290.jpg) repeat-y; border-bottom: 1px solid #ccc; }
.container290BG			{	background: #e4e4e4;  margin: 0px; padding: 1px 0px 1px 0px; height: 30px; background: #fff url(/extranets/yg/template/images/bg_headerGradient.jpg);}
.container290Header		{	margin: 5px 10px 5px 10px; text-transform: uppercase; font-weight: bold; }


.container590			{	background: #fdfdfd url(/extranets/yg/template/images/bg_container290.jpg) repeat-y; border-bottom: 1px solid #ccc; }
.container590BG			{	background: #e4e4e4;  margin: 0px; padding: 1px 0px 1px 0px; height: 30px; background: #fff url(/extranets/yg/template/images/bg_headerGradient.jpg);}
.container590Header		{	margin: 5px 10px 5px 10px; text-transform: uppercase; font-weight: bold; }

.linkReadMore			{	background: #000; color: #fff; text-transform: uppercase; margin: 0px 0px 0px 10px; padding-left: 2px;}


#footer, #footerSplash		{	position: relative; border: 0px solid red;  width: 890px;  margin: 0 auto;  height:55px; border-top: 2px solid #ccc; clear: both;  text-align: left;  padding:10px 0px 0px 0px;}
.footerGlobalLink		{	margin-left: 200px;}
p.footer			{ 	font-size: 80%;color:#333; margin:15px 0px 0px 20px; padding: 0px; line-height: 15px;}
a.menuFooter 			{ 	color: #333; margin: 0px; }
a.menuFooter:hover 		{ 	color: #000; margin: 0px;}
.footerBanner			{	text-align: center;}
#footerLeft			{	border: 0px solid #ccc; width: 540px; float: left;}
#footerRight			{	border: 0px solid #ccc; width: 300px; float: right; padding: 20px 0px 20px 30px;}


ul ul				{ 	margin: 20px 30px 20px 30px; list-style-type: square; padding: 0;  border: 0; }
ol ol				{ 	margin: 20px 30px 20px 30px; padding: 0; border: 0;}
ol				{	font-size: 100%; margin-top: 10px; margin-bottom: 1px; line-height: 1.25pc; margin-left: 20px; }
li li 				{	font-size: 100%; margin-top: 10px; margin-bottom: 10px;} 
li				{	font-size: 100%; margin-top: 10px; margin-bottom: 10px; line-height: 1.25pc; }

.photoimg			{	height: 250px; width: 590px; border-bottom: 2px solid #ccc;}
p				{	margin: 10px 0px 0px 0px; line-height: 1.25pc; padding: 0px; font-size: 100%;}
p.dottedWidth			{	line-height: 2.0pc; border-bottom: #ccc 1px dotted; }
a				{	text-decoration:none; color:#333;font-weight: bold;}
a:hover				{	text-decoration:underline; font-weight: bold;}
a img				{	border: none;}
.alignRight			{	text-align: right;}
.alignCenter			{	text-align: center;}
.image170			{	width: 170px; height: 70px; border: 0px; float:right; padding-left: 10px; padding-bottom: 10px;}
.imagePortrait			{	width: 105px; height: 120px; border: 0px; float:right; padding-left: 10px; padding-bottom: 10px;}
p.button			{	padding: 120px 0px 0px 20px; }
input.button			{	padding: 0px }




.contentTitle			{	text-transform: none; color:#000;}
ul.primaryList li 		{	display:block;background: url(../i/bullet.gif) no-repeat left top;padding: 0 20px 0 0px;margin: 0 0 1.0em 0;float: left;width: 200px;} 
.floatOm175			{	float: right; width: 175px;}
.floatOm210			{	float: right; width: 210px;}
.omCaseTitles			{	font-size: 130%;; font-weight: bold;}
.omSplitLeft			{	float: left; width: 50%; padding: 20px 0px 0px 0px;}
.omSplitRight			{	float: right; width: 50%; padding: 20px 0px 0px 0px;}



table.tableGrid 		{	width: 100%; background: #fff;  margin: 20px 0px 10px 0px; border-width: 1px; border-spacing: 1px ; border-color: #333; border-collapse: collapse;}
table.tableGrid tbody		{	border-color: #fff; border-width: 0px;}

table.tableGrid td 		{	padding: 5px; border-style: inset; border-color: #333;  border-width: 1px 1px 1px 1px;}
table#tableGrid td 		{	padding: 5px; text-align: center;}



.width50			{	width: 50%;}

.clearBoth			{	border: 1px solid #fff; clear:both; margin-bottom: 0px; margin-top: 0px; padding: 0px;}
.clearBothInline		{	clear: both; display: inline; height: 1px; border: 0px solid #ccc; margin: 0px; padding: 0px;}


h1, h2, h3, h4, h5, h6		{	font-weight: bold;}
h1, h2, h3, h4, h5, h6, .p	{	line-height: 1.25pc;}	
h1				{	font-size: 140%;  color: #000; }									/* reserved for top title */		
h2				{	font-size: 130%;  color: #000; margin: 0px 0px 10px 0px; font-weight: normal;}				/* page title */	
h3				{	font-size: 105%;  color: #000; margin: 15px 0px 10px 0px;  	}					/* sub header for multiple paragraph sections (space under) */
h4				{	font-size: 100%; margin: 15px 0px 5px 0px;  }								/* sub header for 1 paragraph (no under space) */
h5				{	font-size: 80%;  margin: 0px 0px 0px 0px; border-bottom: #ccc 1px dotted;}				/* dotted top border */
h6				{	font-size: 80%;  margin: -5px 0px -5px 0px;  }								/* date  */

form				{	margin-top:0px; margin-bottom:0px;}
.form				{	border: 1px solid #fff; margin: 20px 0px 0px 0px; padding: 0;}
fieldset,  fieldset.noBorder	{   	border: 1px solid #ccc;   width: 435px; margin-bottom: 10px; margin-right: 0px; padding: 0; }
fieldset.noBorder		{   	border: 1px solid #fff;    }
legend				{       font-weight: bold; padding: 0px; color: #333; margin-top: 5px; margin-left: 5px;}
.entryLabel			{       float: left; width: 160px; margin-right: 20px; padding: 2px; padding-left: 25px;}
.entryItem			{	width: 195px; float: left; margin-right: 0px; padding: 2px;}
.labelCheckbox			{       margin-left: 20px;  padding: 2px; }
/*.validation			{	width: 175px; margin-left: 0px; clear: both; padding: 2px;}*/
.form select.day		{	width: 50px; }
.form select.month		{       width: 77px; }
.form select.year		{       width: 60px; }
.form select			{       width: 198px; }
.form .text			{       width: 190px;}                 
.captcha			{       border: 1px solid #ccc; width: 150px; height: 40px;   }
.field				{       margin: 10px 0px 10px 0px;  border: 1px solid #fff;}
#register_terms			{       margin: 0px 15px 30px 15px; height: 200px; overflow: auto; font-size: 90%; }
#register_terms h4		{       font-size: 100%; }
#register_terms ol ol, #register_terms li li         
				{       padding-left: 10px; }
submit				{       background: url(../images/button.png); border: 0; height: 25px; width: 125px;  text-align: center;  vertical-align: top; }
.entryCenter			{       text-align: center;  padding: 10px;}