/* Basic */
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #666;
	background: #F9F9F7 url('../image/grid_background.jpg') repeat;
}

/* Homepage wrapper */
#wrapper, #col2Template
{
	width: 1024px;
	margin: 0 auto;
	background: #fff url('../image/inner_bg1.jpg') repeat-y;
	border: solid 0px black; 
}

/* Header */
#header
{	
	background-image: url(../image/banners/rcpa_logo.gif);
	margin-left: 25px;
	background-repeat:no-repeat;	
	height: 64px;	 			
}

#menu
{
	clear: both;
	height: 46px;
	padding-left: 25px;
	border: solid 0px black;
}

/* Content */

#content
{
	line-height: 1.3em; /* use to be 1.5 em I changed to reduse white space on top of home page*/
	background-color: #fff;
	padding-top: 3px;
	border: solid 0px red;
} 

/* width 888px */
/*********************************
The settings crash the layout on EI
#col1
{
	float: left;
	width: 212px;
	padding-left: 22px; 
	padding-right: 18px; 
	background-color: #fff;	
	border: solid 0px orange;
}
*/
#col1
{
	float: left;
	width: 200px; /* 195px */
	padding-left: 25px; 
	padding-right: 5px; /* AP */
	/*background-color: #fff;	 AP */
	border: solid 0px orange;
}
.hPageLeftCol
{
background-color: #FFF7F2; 
vertical-align: top; 
width: 198px;
}


#col2, #ctl00_col2
{
	float: left;	
	/*width: 560px; AP*/
	width: 541px;
	background-color: #FFF; /*#FCFBFB*/
	border: solid 0px red;
	margin: 0 5px 0 5px;
	/*padding:0 5px;*/
}
.LoginPanel{float: left;width: 541px; background-color: #FFF;border: solid 2px red; margin: 0 5px 0 5px;}
#ctl00_col2Wide, #col2Wide
{
	float: left;	
	width: 751px;
	background-color: #FCFBFB;
	border: solid 0px red;
	margin: 0 5px 0 5px;
	/*padding:0 5px;*/
}

#col2Home
{
	float: left;		
	width: 541px;
	background-color: #FFF;
	border: solid 0px red;
	margin: 0 5px 0 5px;
	
}
#col2Home inner-content ctl00_ContentPlaceHolderLeft_SectionControl2 latestupdates col1
{
	background-color: #FFF;
}
#col3
{
	float: left;	
	width: 200px;
	background-color: #fff;	
	margin:0px 0 0 5px;
}

#col2Template #col1
{
	float: left;
	width: 760px; /* 195px */
	padding-left: 22px; 
	background-color: #fff;	
	border: solid 0px orange;
}

#col2Template #col2, #col2Template #ctl00_col2
{
	float: left;	
	width: 220px; /*126px; margin-top:2em; */
	background-color: #fff;	
	
	margin-left: -5px; /* !!!! keep balance between FF & IE ?? (careers.htm)*/
}

#container
{ 
	width: 90%;
	margin: 10px auto; 
	line-height: 130%;
	text-align: left;	 
	background-color: white;	
}

.inner-content
{
	/*padding: 0 10px;*/
	padding: 0px;
	background-color: #FFF;	/*#FCFBFB see line 83 this, 15 and 458 in StyleSheet.css as well*/
	width: 100%;
}
.inner-content-home
{
	/*padding: 0 10px;*/
	padding: 0px;
	background-color: White;	
}

/* Footer */
#footer
{
	position:relative;
	z-index: 1;
	/*border-top: dashed 1px #dfdfdf;
	padding: 1em 0em 1em 280px;*/
	margin: 16px 32px 0px 32px; /* 12pt 16px 1em 100%  */
	/*text-align: center; AP*/
	font-size:smaller;
	vertical-align:bottom;
	color: #B89E9F;
}
#footer a
{
	position:relative;
	z-index: 1;
	/*border-top: dashed 1px #dfdfdf;*/
	padding: 16px 0px 0px 0px;/* 12pt 16px 1em 100%  */
	margin: 16px 16px 0px 16px;
	text-align: center;
	font-size: 10px;
	vertical-align:bottom;
	color: #B89E9F;
}
#footer a:hover { text-decoration: underline;}
#footer #SpecLinks a   {margin: 16px 3px 0px 3px;}
.clear
{
	clear: both;
	height: 1px;
}
.gapV5 { margin: 0 -10px 10px -10px; margin-bottom: 10px;}

.bulletList{ padding: 10px 0 0 20px;}
.bulletList li
{
    list-style: none;
	background-image: url(../Image/bullets/artBullet1.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0 .5em;
	margin-left: 2px;
	font: 11px verdana;
	/*letter-spacing: 1px;
	line-height: 17px;*/
	line-height: 145%;
}
.bulletListTD
{
	background-image: url(../image/buttons/rcpa_members_home_24.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0 .5em;
	margin-left: 2px;
	font: 11px verdana;
}
.bulletList  li a { text-decoration: underline; padding-left: 5px; color: #AF2F05;}

/*td #col2Home
{
	border-width: 1px;
	background-color: White;
}*/
/************ MouseOver DatePicker BEGIN **************/
.CommonHolder /* wrap tile */
{
  background: transparent;  
  position: absolute; 
  background: #FFF;
}

.IconHolder 
{
  position: absolute;
  background: #FFF;
  margin-top: -11px;
}

.WorkingContent
{
  display: none; 
  width: 222px;
  /*height: 260px;*/
  border: 0px;
}

#CommonHolder { z-index: 1;}
#CommonHolder:hover .WorkingContent 
{ 
    border:1px solid #B2B2B2;
	color:#000;	
	font-size:14px;
	left:0px; 
	padding:4px;	
	position: absolute;
	text-align:center;
	text-decoration:none;
	top:-8em;

    display: block; 
}
/************ MouseOver DatePicker END **************/
.homeRoll{display:none;}
.rcpaLogoRoll:hover .homeRoll {display:inline;}

/************ MouseOver iMIS memberSearch Pager BEGIN **************/
.iMisPager table td
{ 
	width:25px;
	height:25px;
	background-image: url("../image/pagination/pag_white.gif");
	background-repeat:no-repeat;	
	background-position:center;

	/*color: #AF370E;*/
	padding:1px 0 0 1px;
	text-align:center;
}
.iMisPager table td:hover
{
	color: #FFF;
	background-image: url("../image/pagination/pag_grey.gif");
	background-position:center;
	background-repeat:no-repeat;
	
}
.iMisPager table td:hover a
{
	color: #FFF;
}
.iMisPager table td a {color: #A5A5A4; font-size: 10px;}
.iMisPager table td span {	color: #AF370E; 	font-weight:bold;  font-size: 12px;}
/************ MouseOver iMIS memberSearch Pager END **************/
/************ Search Engine Keyoti Customisation BEGIN **************/
.searchResultFooter{white-space:nowrap; font-size:14px; font-weight:bold; }
.searchResultFooter a {color:White; font-size:12px; font-weight:normal;} /* background-color:#CC330B;  */
.searchResultFooter a:hover {background-color: #F77B32;}

.moveLeftRight   { white-space: nowrap; padding: 0 10px;}
.moveLeftRight a {color:White; padding: 0 5px;  font-size:14px; font-weight:bold;}
.btnGap
{ /*
	margin: 2px 0pt 0pt 20px;
	width:80px;
	height:26px;
	background-image:url('../Image/buttons/btn_search_gr.gif');
	border-style:none;
	*/
	/* Works for FF. not for IE  margin:0pt 0pt -25px 10px;*/
	border-style:none;	
	width:81px;
	vertical-align:middle;
	margin: 0 10px;

}
img.btnGapGlobal{border-style:none; margin-top: 10px; margin-bottom: -5px;	}
.searchGlobal{padding:5px; text-align:right}

.RedBorder {border-color: #C32001; margin-left: 5px; margin-right: 5px;}
.searchTxtBox777
{
 vertical-align: top;	
}
/************ Search Engine Keyoti Customisation END **************/
.ColumnTitle { font-family: Arial; font-size: 12px; text-transform:uppercase; margin: 0 0 5px 0;}
/******************* Mouse Over Text extra BEGIN *******************/
  .mainHolder{width: 150px; height: 50px;overflow:hidden;}
  .mainHolder:hover 
    {
     overflow:visible; 
     position:absolute;
     z-index: 100; 
     width: 400px;
     padding: 10px;
     margin-top: -150px;
     margin-left:0px;
     background-color: white; 
     border: solid 2px #C3342B; 
     height:auto;
   }       
/******************* Mouse Over Text extra END *******************/
/******************* Collapse/Uncollapse searches BEGIN  *******************/
	/* Curved Ruby Borders*/
	.curved {background: transparent; width:99%;}
	.curved h1, .curved p {margin:0 10px;}
	.curved h1 {font-size:2em; color:#fff;}
	.curved p {padding-bottom:0.5em;}

	.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px; font-size:1px;}

	.curved .b2, .curved .b3, .curved .b4 {background:transparent; border-left:1px solid #B80201; border-right:1px solid #B80201;}
	.curved .b1 {margin:0 5px; background:#B80201;}
	.curved .b2 {margin:0 3px; height:1px; border-width:0 2px 0 2px; } 
	.curved .b3 {margin:0 2px;}
	.curved .b4 {margin:0 1px; height:2px; border-width:0 1px 0 1px;}

	.curved .boxcontent {display:block; background:transparent; border:0 solid #B80201; border-width:0 1px;}/**/
	.curved .boxcontentCollapsed {display:block; background:transparent; border:1px solid #B80201; border-width:0 1px;}

	div.boxcontent 			div.collapsedContent, div.boxcontent 			img.crossClose {display:block;}
	div.boxcontentCollapsed div.collapsedContent, div.boxcontentCollapsed img.crossClose { display:none;}
/******************* Collapse/Uncollapse searches  END *******************/
/******************* Search Bar Rounded BEGIN ***************************/
#liquid-round {
      width:100%;
      margin:0px auto;
      background:#fff url('../../static/Image/buttons/curvedSearch/bg_SearchLeft.jpg') repeat-y left top;
      }
.topRounded {
    width:100%;
    height:32px;
    background:url('../../static/Image/buttons/curvedSearch/bg_SearchTop.jpg') no-repeat left top;
      }
.topRounded span {
    display:block;
    position:relative;
    height:20px;
    background:url('../../static/Image/buttons/curvedSearch/bg_aboutBarTallRight.jpg') no-repeat right top; 
      }
 .topRounded div {
   
    position:relative;
    height:32px;
    color:White;
    padding:8px 10px;
    font-size: 14px; text-transform: uppercase; font-weight: bold;
    background:url('../../static/Image/buttons/curvedSearch/bg_aboutBarTallRight.jpg') no-repeat right top; 
      }
.center-contentRounded { 
    position:relative;
    /*background:url('../../static/Image/buttons/curvedSearch/bg_SearchRight.png') repeat-y right -10px;*/
    background-image:url('../../static/Image/buttons/curvedSearch/bg_SearchRight.png');
    background-repeat:repeat-y;
    background-position:right;
   
      }
 .bottomRounded {
    height:15px;
    background:url('../../static/Image/buttons/curvedSearch/bg_SearchBottom.gif') no-repeat left bottom;
  }
.bottomRounded span {
    display:block;
    position:relative;
    height:15px;
    background:url('../../static/Image/buttons/curvedSearch/bg_SearchBottomRight.gif') no-repeat right bottom;
}

/******************* Search Bar Rounded END ***************************/
.positionDetails td {padding: 3px;}


.newsFooter{color: White; margin-top:5px;  font-weight: bold;  background:url('../../static/Image/pagination/search_results.gif') no-repeat; }
.newsFooter td table{margin: auto;}
.newsFooter td table tr td { padding: 0 2px;}
.newsFooter td table tr td a{ text-decoration: underline;}
#PartAhollder label {padding: 0 5px;}
/*#PartAhollder input { border-width:0px; border-bottom: solid 1px #CCC;}*/

/******* Viruses block *********/
table.viruses {width: 200px; border-width: 0px; margin-bottom:10px;}
td.virusesBody {border: solid 1px #B21811; border-width: 0 1px; padding: 5px; font-size: 12px;}
td.virusesBody ul, ol {list-style-image:url("../Image/bullets/artBullet1.jpg");margin-left:17px;}
td.virusesBtn {border: solid 1px #B21811; border-width: 0 1px; padding: 0 5px; text-align:right;}
table.footerViruses {background:url('../../static/Image/Viruses2010/footerBG.gif'); background-repeat:repeat-x; width: 95%; margin: 30px auto;}
table.footerViruses , table.footerViruses a {color:#FFFFFF;}
table.headerViruses {background-color: #BC2001;width: 95%; margin: 3px auto;}