/* 
Description:	RBI Internal CSS Classes and CSS Bug Fixes
Created:		23/05/2007
Company:		RBI
Filename:		rbi.css
*/

/* GF: Form Control Styles */
.rbiFormLabel			{ float: left; width: 19%; }
.rbiFormInput			{ float: left; width: 78%; }
.rbiFormInputWide		{ float: left; width: 90%; }
.rbiFormSubmit			{ width: 90%; text-align: right; }
.rbiFormSubmitFullWidth	{ width: 100%; text-align: right; }
.rbiSearchBox			{ background-color: #FAEDD7; padding: 7px; }
.rbiSearchButton		{ background-color: #f39d00; border: 0px; padding: 1px 2px 1px 2px; color: White;	font-weight: bold; cursor:pointer; }
.rbiValidation			{ color: Red; position: static; }
.refSearchExpand		{ float: left; width: 500px; }
.refSearchExpand3Col	{ float: left; width: 750px; }
.rbiListBox				{ width: 240px; border: solid 1px #000000; }

/*	GF: CSS hack to avoid the text disappearing when placed within divs that are floated and contain
	a spacer div at the bottom
	Note: This breaks on IE MAC 5 - if we need to support this browser we could try line-height: 1.1 
	or line-height: 1.2. This should fix the problem here.
*/
h1, h2, h3, h4, h5, h6, p, ul, li {
  position: relative;
} 

/*  SH: Need that to apply to right-hand column */
.pos-relative {	position: relative; }

/* GF: Additional Colours that were not initiall supplied by Thought Bubble */
.lightPurpleText	{ color: #C6BAD8; }		/* Line Manager */
.lightBlueGreenText { color: #86CFBD; }		/* Legal Timetable */
.lightBlueText		{ color: #00A9DF; }		/* Legal Advice */
.yellowText			{ color: #FAC000; }		/* Internal Document */
.lightBrownText		{ color: #BEB881; }		/* Economic */
.brownText			{ color: #9E7842; }		/* Consult */
.purpleText			{ color: #A34685; }		/* Case Law */
.lightOrangeText	{ color: #DA9E55; }		/* Stats */
.blueGreenText		{ color: #018182; }		/* FAQ */
.yellowyGreenText   { color: #C0D50D; }     /* standard doc color */


/* SH: Styles for popup page */
.simplePopupBlock	{margin: 10px; font-size: small;}
.popupFooter		{text-align: center; font-size: smaller;}

/* SH: Form formatting */
legend				{font-weight: bold;}
.formFieldset		{margin-bottom: 25px; border: 10px;  
					 clear: both; float: left;}
/* SH: The fieldset inside a .formFieldset DIV */
.formFieldset fieldset	{padding: 5px;}
					 
.buttonTraining		{background-color: #cc3366; color:White; 
					 height: 20px;
					 font-weight: bold;}

.txt-top			{vertical-align: top;}

/* SH: Emulate the classes encoded in existing XSL re Training Courses */
.xmlCourseDetails .pageSubtitle		{color:#00AADF; font-size:140%;}
.xmlCourseDetails p.topic			{font-weight:bold; color:Black;}

/* GF: Tabbed Link Temporary styles until issues resolved by Thought bubble */
a.tabbedlink
{
	color: #333333 ! important;
	text-decoration: none;
}

a.tabbedlink:hover
{
	color: #00AADF ! important;
	text-decoration: none;
}

a.tabbedLinkOn
{
	color: #00AADF ! important;
	text-decoration: none;
}

/* (11/6/2007) GF: Added search result text class where this is no required image */
.searchResultTextNoImage 
{ 
	min-width: 520px; 
	display: inline-block; 
	margin-top: 0px; 
	margin-bottom: 0px; 
}

/* (11/06/2007) GF: Added serch result table-like layout classes */
.searchResultsTableLeft
{
	float: left;
	width: 100px;
}

.searchResultsTableRight
{
	float: left;
}

/* (12/06/2007) JE: Added for employment law side columns */
.topicOfTheWeekBoxStory a:link, .topicOfTheWeekBoxStory a:visited { color:#666666; text-decoration:none; }
.topicOfTheWeekBoxStory a:hover { text-decoration:underline; }
.legalTimeTableStory { float:left; width:121px; font-weight:bold; font-size:75%; margin:5px 0 5px 0; }
.legalTimeTableStory a:link, .legalTimeTableStory a:visited { color:#666666; text-decoration:none; }
.legalTimeTableStory a:hover { text-decoration:underline; }
.loginTestMsg { padding:20px; position:static;}


.homeDemoBox {width:288px; border:2px solid #999999; background-color:#000000; font-size:90%; height:132px;	line-height:12px;}


/* New Style HomeBox in pnlNotLoggedIn
.howWorksBox
{
	background-color:#fff;
	border:2px solid #95CAEA;
	height:136px;
	line-height:12px;
	width:288px;
	display:inline;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	margin-left:20px;
	margin-right:10px;
	padding:0px;
}
.howWorksBoxHeader
{
	border-bottom:1px solid #D6D4D2;
	color:#00AAE0;
	font-size:152%;
	font-weight:bold;
    margin: 12px 13px 4px 12px;
    padding-bottom: 6px;
    font-size:130%;
}
.homeBoxLink
{
	font-size:121%;
	padding:5px 0 4px 10px;
	text-decoration:none !important;
}

.homeBoxLinkIE7
{
	font-size:121%;
	padding:5px 0 0 10px;
	text-decoration:none !important;
}*/


.login_subscriber_section {	font-size: 85%;	margin-left: 6pt;	margin-bottom: 1pt;	float: right;}
.space30 { height:30px; }
.space5 { height: 5px; }
.marginr40 { margin-right:40px; }

/* JE - added for legislation page */
.legislationOuterContainer { text-align: center; width:100%; }
.legislationContainer { width: 700px; }
.rightLegislationBox {border:2px solid #95CAEA;width:330px; padding:4px; margin-top:10px;float:right; text-align: left;}
.leftLegislationBox {border:2px solid #95CAEA;width:330px; padding:5px; margin-top:10px;float:left; text-align: left;}
.legislationBoxTitle {font-weight:bold; color:#259CD8;text-align:center}
.legislationBoxText{font-size:90%;text-align:left}
.legislationLinks { float:left; width:120px; font-weight:bold; font-size:75%; }
.legislationLinks a:link, a:visited { color:#666666; text-decoration:none; }



/* (13/06/2007) SH: styles for RefMan Authors */
#refmanArticleWrapper.centered		{ text-align:center; }

/* .subhead is referenced from within articles for, e.g. Reference Manual, Legal Advice T&C */
.subhead		{ font-weight: bold; font-size: 110%; }


/* (13/06/2007) SH: styles for the RefIndex Letters bar and RefIndex article*/
.refIndexBar
a.indexLetter:active, a.indexLetter:visited, a.indexLetter:link			
{ 
	color: Black; 
	font-size: 120%; 
	font-weight: bold; 
	letter-spacing: -0.05em; 
	text-decoration: underline;
}
.indexLetterSelected	{ color: #bb0000; font-size: 160%; font-weight: bold; }

.refIndexArticle a:link		{ color:#666666; text-decoration:underline; }
.refIndexArticle a:visited	{ color:#666666; text-decoration:underline; }
.refIndexArticle a:hover	{ color:#666666; text-decoration:underline; }

/* (14/06/2007) SH: background for the "Now In" band in RefMan  */
.nowinBand		{ background-color:#DDEEF9; }
/* (14/06/2007) SH: colour and border for InfoType 13 "employment law reference manual" article headers */
.infotype13SourceBand		{ border:solid 3px #DF0079; width:95%; }
.articleSourcePadding		{ padding: 5px; vertical-align:top; }

/* (15/06/2007) SH: special padding, required in Forthcoming Law */
.padlft10		{ padding-left: 10px; }

/* (15/06/2007) GF: Added the "highlight" class - this is synonymous to Throught Bubbles .searchHighlight
	   			    class but has to be renamed due to the XpertHR.dll file haveing this hardcoded within
	  			    its source code. */
.highlight { background-color:#FEE902; }
.highlightCurrent { background-color:#FEC002; }   /* different colour for the match occurrence currently looking at */


/* (15/06/2007) GF: Classes for floating title elements correctly */
.titleDateFloat	{ margin-left: 25px; width: 120px; float: right; text-align: right; }
.titleFloat		{ float: left; }

/* (15/06/2007) GF: Adding styles for legal timetable new style box */
.legalTimetableBox			{ border:2px solid #95CAEA; }
.legalTimetableBoxIcon		{ float:left; width:45px; }
.legalTimetableBoxHeader	{ float:left; width:121px; }
.legalTimetableBoxTitle		{ font-weight:bold; color:#86CFBD; }
.legalTimetableBoxDesc		{ font-size:90%; }
.legalTimetableBoxInner		{ background-color: #E2F3EF; }
.legalTimetableBoxArrow		{ float:left; width:20px; text-align:center; font-weight:bold; font-size:90%; margin:5px 0 5px 0; }
.legalTimetableBoxStory		{ float:left; width:170px; font-weight:bold; font-size:90%; margin:5px 0 5px 0; }
.legalTimetableBoxStory a { color: #666666; text-decoration: none; }
.legalTimetableBoxStory a:hover { color: #666666; text-decoration: underline; }


.upfrontBox					{ border:2px solid #C0D50D; }
.upfrontBoxIcon				{ float:left; width:45px; }
.upfrontBoxHeader			{ float:left; width:121px; }
.upfrontBoxTitle			{ font-weight:bold; color:#C0D50D; }
.upfrontBoxDesc				{ font-size:90%; }
.upfrontBoxInner			{ background-color: #F2FBB1; }
.upfrontBoxArrow			{ float:left; width:20px; text-align:center; font-weight:bold; font-size:90%; margin:5px 0 5px 0; }
.upfrontBoxStory			{ float:left; width:170px; font-weight:bold; font-size:90%; margin:5px 0 5px 0; }
.upfrontBoxStory a			{ color: #666666; text-decoration: none; }
.upfrontBoxStory a:hover	{ color: #666666; text-decoration: underline; }


.indicatorsBox				{ border:2px solid #BEB881; }
.indicatorsBoxIcon			{ float:left; width:45px; }
.indicatorsBoxHeader		{ float:left; width:121px; }
.indicatorsBoxTitle			{ font-weight:bold; color:#BEB881; }
.indicatorsBoxDesc			{ font-size:90%; }
.indicatorsBoxInner			{ background-color: #EAE8D7; }
.indicatorsBoxArrow			{ float:left; width:20px; text-align:center; font-weight:bold; font-size:90%; margin:5px 0 5px 0; }
.indicatorsBoxStory			{ float:left; width:170px; font-weight:bold; font-size:90%; margin:5px 0 5px 0; }
.indicatorsBoxStory a		{ color: #666666; text-decoration: none; }
.indicatorsBoxStory a:hover	{ color: #666666; text-decoration: underline; }


.irsPayTrendsBox			{ border:2px solid #DA9E55; }
.irsPayTrendsBoxTitle		{ font-weight:bold; color:#DA9E55; }

/* (22/06/2007) GF: Added DataFeeds.aspx list styles */
.feedmenu		{ line-height: 140%; margin-bottom: 10px; }
.feedlink		{ background-image: url('/resources/images/feedicon_tiny.jpg'); background-repeat: no-repeat;
				  padding-left: 1.5em; font-weight: normal; color:#666666; text-decoration:none; }
.feedlink:hover	{ text-decoration: underline; }

/* 23/06/2007) GF: Added tickList style to style a ul as a list of green ticks */
.tickList ul	{ margin-left: 0; padding-left: 0; list-style: none; }
.tickList li	{ padding-left: 20px; padding-bottom:13px; padding-top:13px; 
				  background-image: url('/App_Themes/default/images/greenTick.gif');	background-repeat: no-repeat;
					background-position: 0 .5em; }
					

/* (02/07/2007) GF: Added styles to fix article display issues */
.articleDisplayTable h1, .articleDisplayTable h2, .articleDisplayTable h3, 
.articleDisplayTable h4, .articleDisplayTable h5, .articleDisplayTable h6, 
.articleDisplayTable p, .articleDisplayTable ul, .articleDisplayTable li 
{ 
	position: static; 
}

.pagingLink:link, .pagingLink:visited, .pagingLink:active { color:#00AADF; text-decoration:underline; }
.pagingLink:hover { color:#00AADF; text-decoration:underline; }

.pagingLinkCurrent { color: #333333; text-decoration: none; font-weight: bold; }

.contactUsPanel { float: left; width: 50%; }
.contactUsPicture { float: left; width: 60px; }
.contactUsContent { float: left; }
.contactUsSelectedPicture { float: left; margin-right: 15px;}
.contactUsSelectedContent { float: left; }

.comingSoonBox	{ border:1px solid #00AADF; }
.comingSoonHd a:link, .comingSoonHd a:visited, .comingSoonHd a:active { color: #00AADF; text-decoration: none; }
.comingSoonHd a:hover { color: #00AADF; text-decoration: underline; }
.comingSoonText a { color: #3397D9; text-decoration: none; }


/* (10-Jul-2007) SH: make links inside UserGuide article look like specified on template 
   (does not pick up yet)
*/
.articleUserGuide a { color:#999999; text-decoration:underline; }

.pageLeftFix { position:relative; margin-left:20px; margin-right:20px; padding-top:10px; }

.topicInfoBox { float: left; width: 30%; }
.topicInfoContainer { margin-bottom: 15px; }

.feedbackLabel { float: left; width: 350px; height: 30px; padding-top: 0.3em; }
.feedbackColumn { float: left; width: 64px; height: 30px; text-align: center; }
.feedbackHeader { font-weight: bold; font-size: 90%; }
.feedbackRadioButtonList { float: left;  padding-left: 20px;  }
.feedbackPrizeDrawBox { border: solid 2px red; padding: 10px; width: 90%; } 

.feedbackBox { width: 700px; }


/* Override all default links */
a:link, a:visited	{ color: #000000; text-decoration: underline; }
a:active, a:hover	{ color: #00AADF; text-decoration: underline; }


.pageLeftCol { position:absolute; padding-left:20px; padding-right:250px; padding-top:10px; }

.leftCol { padding:10px 10px 0 20px; vertical-align:top;}
.rightCol { padding:0 0 0 0; width:102px; vertical-align:top;}

/* Industry sectors page table style */
.indTable {width: 441.75pt; font-family: Arial; border-collapse:collapse }
.indTableLeftCol {width: 257.65pt; border: solid #C6E7EF 1.5pt; padding: .75pt .75pt 0cm 5.65pt; height: 15.75pt}
.indTableRightCol {width: 184.1pt; border: solid #C6E7EF 1.5pt; padding: .75pt .75pt 0cm 5.65pt; height: 15.75pt}
.indAlphabets {font-family: Arial}

.infoBoxImage { width:178px; margin-top:10px;}


/* For the GenericSearchResults refinement tabs */
.boxMainReducedPadding { padding:6px 10px 0px 6px; font-size:90%; }
.reducedPadding { padding:6px 10px 10px 6px; font-size:90%; }
.searchTypeLink:hover { background-color:#F8D198; }


/* Editor's choice heading image */
.bgImage {background-image: url('/Resources/images/EditorsChoice/EdChoiceBackGround.gif'); background-repeat: repeat-x;}
.editorPic {padding-top: 3px; float: left;}
.dateDiv {padding-top: 10px; float: right;}


/* Updates news box story class that makes it not bold */
.newsBoxStory { float:left; width:146px; font-size:90%; margin:5px 0 5px 0; }
.blogBoxStory { float:left; width:146px; font-size:90%; margin:5px 0 5px 0; }



/* SH: A link (in the Refine tabs of the GenericSearchResults) that should look like the search buttons, but also have the hover behaviour */
a.rbiSearchButton:link, a.rbiSearchButton:active, a.rbiSearchButton:visited		
{ 
	color: White; text-decoration: none; 
}
a.rbiSearchButton:hover	
{ 
	color: White; text-decoration: none; 
}


/* SH: spacing between letters on Reference Manual Index page */
.refIndexLetter			{ letter-spacing: 2px; }


.loZOrder { z-index: 0; }
.hiZOrder { z-index: 1; }


.blockedSearchResult { background-color: #cccccc; }


/*
LegalAdviceEmails secured page
*/
.laeHeader	{ padding:5px 0px 5px 0px; margin-bottom:5px; background:#86D0E1; color:#FFFFFF; font-weight:bold; }
.laeIcon	{ float: left; width:20px; margin-bottom:5px; margin-right:5px; border-right:dotted 1px #FFFFFF; }
.laeSender	{ margin-bottom:5px; margin-right:5px; }
.laeDate	{ float: right; width:122px; margin-bottom:5px; margin-right:5px; text-align:right; border-left:dotted 1px #FFFFFF; }
.laeSent	{ float: right; width:30px; margin-bottom:5px; margin-right:5px; border-left:dotted 1px #FFFFFF; }
.laeReSent	{ float: right; width:30px; margin-bottom:5px; margin-right:5px; border-left:dotted 1px #FFFFFF; }
.laeSaved	{ float: right; width:32px; margin-bottom:5px; margin-right:5px; border-left:dotted 1px #FFFFFF; }
.laeCompany	{ float: right; width:150px; margin-bottom:5px; margin-right:5px; border-left:dotted 1px #FFFFFF; }
.laePhone	{ float: right; width:100px; margin-bottom:5px; margin-right:5px; border-left:dotted 1px #FFFFFF; }
.laeSubject	{ float: right; width:110px; margin-bottom:5px; border-left:dotted 1px #FFFFFF; }

/* Generic logged Emails review page */
.emailrvwHeader	{ padding:5px 0px 5px 0px; margin-bottom:5px; background:#86D0E1; color:#FFFFFF; font-weight:bold; }
.emailrvwIcon	{ float: left; width:20px; margin-bottom:5px; margin-right:5px; border-right:dotted 1px #FFFFFF; }
.emailrvwCategory	{ float: left; width:60px; margin-bottom:5px; margin-right:5px; border-right:dotted 1px #FFFFFF; }
.emailrvwSubject	{ margin-bottom:5px; margin-right:5px; }
.emailrvwDate	{ float: right; width:122px; margin-bottom:5px; margin-right:5px; text-align:right; border-left:dotted 1px #FFFFFF; }
.emailrvwSent	{ float: right; width:30px; margin-bottom:5px; margin-right:5px; border-left:dotted 1px #FFFFFF; }
.emailrvwSender	{ float: right; width:300px; margin-bottom:5px; margin-right:5px; border-left:dotted 1px #FFFFFF; }
.emailrvwCompany	{ float: right; width:150px; margin-bottom:5px; margin-right:5px; border-left:dotted 1px #FFFFFF; }
.emailrvwPhone		{ float: right; width:100px; margin-bottom:5px; margin-right:5px; border-left:dotted 1px #FFFFFF; }


/* Idea Cloud font sizes (--> GenericSearchResults.aspx) */
.ideaCloudItemFont1 { font-size: 100%;}
.ideaCloudItemFont2 { font-size: 119%;}
.ideaCloudItemFont3 { font-size: 141%;}
.ideaCloudItemFont4 { font-size: 168%;}
.ideaCloudItemFont5 { font-size: 200%;}


/* Moving On form ("Changing Jobs") */
.movingonLeftOuterColumn { width: 410px; }
.movingonLabel { width:130px; padding-right:5px; margin:5px 0px 5px 0px; vertical-align:middle; height: 100% }
.movingonInput { width:270px; vertical-align:middle; height: 100% }
.movingonInput input { width:98%; vertical-align:middle; }
.movingonMandatoryText input { background-color: #ffffa0; }
.movingonPolicy { width:270px; padding-top:20px; }
.movingonSubmit { width:270px; padding-top:20px; }
.movingonRightOuterColumn { width:200px; padding:0px 20px 0px 20px; vertical-align:top; text-align:center; }
.y-stretched { font-family:Impact; font-size:166%; line-height:34px;}


/* job pricing, status: experimental 
.jpResultsTable {background-color: white; margin-bottom:20px;}
.jpResultsTable caption {font-size:9px; color:Gray; text-align:left;}
th.jpResultsTableCell {background-color: #dddddd; padding: 3px; padding-bottom: 1px;} 
td.jpResultsTableCell {background-color: #dddddd; text-align:right; padding:3px 3px 3px 3px;} 
th.jpBlueBackground {background-color: #E2EBFA;}
td.jpBlueBackground {background-color: #E2EBFA;}
th.jpActionBackground {background-color: #FFCCCC;}
td.jpActionBackground {background-color: #FFCCCC;}
*/

a.searchFormDisabledLink, a.searchFormDisabledLink:hover { color:Gray; text-decoration:none; cursor:default;} 

/* DP - task #2245, sprint 53 - Health Check Survey integration */
.iFrameHolder
{
    height:900px;
}

.healthCheckIFrame
{
    width:99%;
    height:99%;
}

#healthCheckPanel {
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	color: #1c1519;
	width: 100%;
}

#healthCheckPanel .breadCrumb
{
    color:#00b8ec;font-family:Arial, Helvetica, sans-serif;font-size:21px;font-weight:bold;
}

#healthCheckPanel .headerText
{
    color:#231f20;
    font-family:Arial, Helvetica, sans-serif;
    font-size:19px;
    font-weight:bold;
}

#healthCheckPanel .headerTable {
	width: 870px;
	min-width:800px;
	padding:0px 0px 12px 3px;
}

#healthCheckPanel .headerTable .headerColumn
{
    padding-top:8px;
}

#healthCheckPanel #panelTable
{
	width: 876px;
    height:356px;
    background: url('/App_Themes/default/images/healthcheck/panel.gif') left top no-repeat;
}

#healthCheckPanel #panelTable .row
{
    height:30px;
}

#healthCheckPanel #panelTable .headingRow
{
    height:171px;
}

#healthCheckPanel #panelTable .spacingRow
{
    height:40px;
}

#healthCheckPanel #panelTable .bottomRow
{
    height:68px;
}

#healthCheckPanel #panelTable .featureList
{
    padding-left: 40px;
    margin-top:0px;
    padding-top:10px;
    list-style-image:url('/App_Themes/default/images/healthcheck/list_style_image.gif');
}

#healthCheckPanel #panelTable .column1
{
    width:25px;
    min-width:25px;
}

#healthCheckPanel #panelTable .column2
{
    width:392px;
    min-width:392px;
}

#healthCheckPanel #panelTable .column3
{
    width:48px;
    min-width:48px;
}

#healthCheckPanel #panelTable .column4
{
    width:380px;
    min-width:380px;
}

#healthCheckPanel #panelTable .column5
{
    width:31px;
    min-width:31px;
}

#healthCheckPanel #bottomPanelTable
{
    width:820px;
    height:68px;
    padding:0px;
    margin:0px;
}

#healthCheckPanel #bottomPanelTable .textColumn
{
    width:562px;
    min-width:562px;
    padding-top:8px;
}

#healthCheckPanel #bottomPanelTable .buttonColumn
{
    width:258px;
    min-width:258px;
}

#healthCheckPanel #bottomPanelTable .mainRow
{
    height:68px;
}

#healthCheckPanel a {
    font-size: 18px;
    font-family:Arial, Helvetica, sans-serif;
    color: #1c1519;
    text-decoration:underline;
}

#healthCheckPanel .buttonLink
{
    text-decoration:none;
}

#healthCheckPanel .buttonLinkDiv
{
    padding-top:8px;
    width:258px;
    height:68px;
    background:url('/App_Themes/default/images/healthcheck/button.gif') left top no-repeat;
    text-align:center;
}

#healthCheckPanel .blackLink 
{
    color:#231f20;
    font-size:19px;
    text-decoration:underline;
}

#healthCheckPanel .logInLink
{
    font-size:12px;
}

#healthCheckPanel td {
    padding	: 0px;
}

#healthCheckPanel p {
    margin: 6px 0px 4px 0px;
}

#healthCheckPanel .bottomText
{
    color:#231f20;
    font-size:19px;
    padding-left:3px;
    margin:0px;
    font-weight:bold;
}

#healthCheckPanel .sectionHeading {
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00b8ec;
	line-height:80%;
}

#healthCheckPanel .subscribeText
{
    font-size:12px;
}

#healthCheckPanel #panelTable li {
    font-size: 19px;
    color:#231f20;
    line-height:140%;
}

#healthCheckPanel .buttonRoundText {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	line-height:110%;	
}

/* Active X disabled related styles */
#blogLinksUserControl 
{
    height:250px; 
    width:215px; 
}

#blogProgress
{
    margin-top:10px;
    padding:5px;
    width:200px;
    border: 2px solid #808080;
}

.blogsIFrame
{
    width:100%; 
    height:100%;
}

#iframetarget
{
    font-size: 80%;
}

.blogBox  
{
    font-size: 96%; 
}
        
.newsBoxStory a 
{ 
    color: #000000; 
    font-size: 100%; 
}