/* ========== Contents ========== 

1. resets 
2. overall controls v3

10. Old area

 ========== / Contents ========== */

/* 1. resets (based on E.Meyer's 2008 script) 
Not in use due to the process pages (we'll select these properly after FLM09 or move to v3) */

/* 2. overall controls v3 

    NOTES 
	
	Q.  Stuff not showing up?  
	A.  Have you edited the designID?  	(change the idgnlDesignId = #number @ the top of the default.asp!)
	
	#CCC for the borders
	#666 for the headers and dark coloured areas
	#F5F5F5 for the light background colours for the ‘action boxes’ 
	
	*/


/* v3 css */

#side1 li,h2,.clsFormBox2 td.clsTxtSmall,#friend-search p,#side2 div#security p	{ font-size:0.8em}
p, li																			{font-size:0.9em} 
.clsMainSection .clsTxtSmallColour,
select.clsTxtSmall,.clsFormBox .clsFormTitle 									{ font-size:0.8em}

/* elements */

body{
	font-family				: Arial, Helvetica, sans-serif;
	color					: #1d0096;
	text-align				: left;
}
a { color:#EC008C; }
a:visited { color:#777777; }
h1,h2	{ color:#666;line-height:120%; font-weight:900; margin:0 0 10px}
ul		{ margin:20px 0 0 10px;}
p, li	{ line-height:120%; margin:0 0 10px; color:#1D0096;}
img				 {border: 0;margin: 0;}
a:link,a:visited 		 {text-decoration: underline;}
a:hover,a:focus,a:active {text-decoration: none;}
 
 
/* overall */

#container	{ width:715px; margin:0 auto;}
/* #footer{ width:410px;*width:500px; margin:0 auto;} this aligns footer in FF only. For IE to work use the #footer declaration below */
#footer		{ margin:10px auto 0; text-align:center;}
#footer ul	{ overflow:hidden; display:block; padding:22px 0 20px; margin:0 auto; font-size:0.8em; }
#footer li	{ display: inline; padding:0 5px; border-right:1px solid red; right:-2px; position:relative }

/* corners */

#side1 div,#side2 div,#card-side div {border-radius:5px; 	-moz-border-radius:5px; 	-webkit-border-radius:5px;}




/* styling for first page */

.clsHeaderBorder img	{ display:block }


#card-side {margin-right:22px; margin-top:22px}

#mid 				{ padding:20px 0 0; overflow:auto; zoom:1;text-align:left;}

/*div#side1,#side2 	{ margin-top:34px;}*/

#side1,#card-side { float:left; width:150px; margin-left:22px;}
#side1 ul { margin:0; padding:0; list-style:inside}

#side2 { float:left; width:160px;padding:0 20px 0 0;}

#content {float:left; width:400px; padding:0 20px 0;}

#side1 div,#side2 div,.formboxes,#card-side div{ border:#ccc 1px solid; background:#e5f1fb; margin-bottom:15px; padding:10px; }

/* This class makes the Verisign, Visa, Masterdard logos show up on a clear background and the border grey. This solves the issue of having dodgey colours submitted by clients WillC 20/02/09 */
#card-side div{ background:none; border: 1px solid #ccc;}

#side1,#side2 {_display:inline}
#side1 div,#side2 div { _display:block;}

#side2 div#security {background:none; border:0;}

#card-side div img,#card-side div p{ text-align:center; margin:5px auto; display:block;}

#content li 	{ list-style:disc inside}
#side1 div		{ float:left; width:130px;}
#side1 img		{ margin: 0 0 15px 0}
#side1 li 		{ list-style:square inside}
#side1 ul 		{ margin:10px 0 5px}
/* The next id is for the left image if one is used*/
#left-img		{ float:left; clear:both;}

/* 3. pick process pages */

#friend-search a,#friend-search img { margin:10px auto; width:60px;display:block;}
#CreatePage {width:170px;margin:40px auto;display:block;}
.clsTxtSmall ul li { list-style: disc; font-size:0.9em; margin:0 0 1px}
.clsFormBox2 td.clsTxtSmall { vertical-align:top; padding:10px 0 0 10px;}

/* date selection process page*/

#side2 div.guh {background:none; border:0; padding:0;}
.guh table{ text-align:left; margin:0; padding:0; width:auto;}
.guh .clsTxtSmall {font-size:0.8em; text-align:left}
.clsLoginPassword {}


/* account login screen */

.clsFormBox2 img,.clsFormBox2 a { margin:0 auto; display:block; float:none }


/* this will work when we remove the Idesign table!
body 		{ text-align:center}  
body table	{ width:680px; margin:0 auto;}
table table { width:auto; text-align:left;}
*/

.shine-note p { color:#ffffff; padding:5px; margin:5px; background:#7f1553; font-size:0.8em; }
.inputText { padding:0px !important; }

/* 10. Old area :bespoke classes */

.clsHeaderBorder{
	border-left 			: 1px solid #ccc;
	border-right 			: 1px solid #ccc;
	border-top 				: 1px solid #ccc;
	padding-left			: 0;
	padding-right			: 0;
}

/* end bespoke classes */

.clsTxtSmall {

   font-family				: Arial, Helvetica, sans-serif;
	font-color				: #1D0096;
	font-size				: 0.7em;
}

.clsTxtSmaller {

   font-family				: Arial, Helvetica, sans-serif;
	font-color				: #000;
	font-size				: 0.6em;
}


.clsTxtSmallColour {

   font-family				: Arial, Helvetica, sans-serif;
		color				: #666;
	font-size				: 0.7em;
}

.clsContent {
	font-family				: Arial, Helvetica, sans-serif;
	font-color				: #000;
	font-size				: 0.8em;
	padding-right			: 2px;
	padding-left			: 2px;
}

.clsTitle {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 1.1em;
	font-weight				: bold;
}

.clsTitleColour {

   font-family				: Arial, Helvetica, sans-serif;
	font-size				: 1.1em;
	color					: #666;
	font-weight				: bold;
}

.clsHelpText{
	font-size				: 0.7em;
}

.clsBreadCrumbBar{
	background-color		: #BFE2CE;
	/*border-bottom 			: 2px solid #ccc;*/
}

.clsHelpTable{
	border					: 1px solid #ccc;
	padding					: 1px;
	font-family				: Verdana, Arial;
}

.clsMainSection{
	border-bottom 			: 1px solid #ccc;
	border-left 			: 1px solid #ccc;
	border-right 			: 1px solid #ccc;
	padding-left			: 0;
	padding-right			: 0;
}

.clsLeftBar {
	border-bottom 			: 1px solid #D7D7D7;
	border-left 			: 1px solid #D7D7D7;
	border-right 			: 1px dashed #999999;
	border-top 				: 1px none #999999;
}

.clsScrollingMenu {
	background-color		: #fff;
	cursor					: hand;
	font-family				: Arial, Helvetica, sans-serif;
	font-color				: #000;
	font-size				: 0.7em;
	font-weight				: bold;
	width					:180px;

}


/*
 * Form box styles
 *
 */
.clsFormBox{
	background-color		: #e5f1fb;
	margin-bottom			: 20px;
	/*width					: 100%;*/
}	

.clsFormTop {
	border-top				: 1px solid #41c4dd;
}

.clsFormLeft {
	border-left				: 1px solid #41c4dd;
}


.clsFormRight {
	border-right			: 1px solid #41c4dd;
}

.clsFormBottom {
	border-bottom			: 1px solid #41c4dd;
}

.clsFormLeftColumn {
	width					: 120px;
}

.clsFormRightColumn {
	width					: 260px;
}
.clsFormSpacerSmall {
	width					: 5px;
	height					: 5px;
}
.clsFormSpacerLarge {
	width					: 10px;
	height					: 10px;
}
.clsFormCornerImage {
	width					: 7px;
	height					: 7px;
	border					: 0;
	margin					: 0;
}

/*
 * Form box2 styles
 *
 */
.clsFormBox2{
	background-color		: #fff;
}

.clsFormTop2 {
	background-color		: ##ccc;
	color					: #fff;
	border-top				: 1px solid #ccc;
}

.clsFormHead {
	background-color		: #ccc;
	color					: #fff;
}

.clsFormTopLeft2 {
	background-color		: #ccc;
}

.clsFormTopRight2 {
	background-color		: #ccc;
}


/*
 * Form button styles
 *
 */
.clsFormButton{
	font-family				: Arial, Verdana;
	font-size				: 0.7em;
	color					: #000;
	text-decoration			: none;
	cursor					: hand;
	width					: 150px;
	height					: 20px;
	margin-top				: 5px;
}
.clsFormButtonSmall{
	font-family				: Arial, Verdana;
	font-size				: 0.7em;
	color					: #000;
	text-decoration			: none;
	cursor					: hand;
	width					: 100px;
	height					: 20px;
	margin-top				: 5px;
}
.clsFormButtonLarge{
	font-family				: Arial, Verdana;
	font-size				: 0.7em;
	color					: #000;
	text-decoration			: none;
	cursor					: hand;
	width					: 200px;
	height					: 20px;
	margin-top				: 5px;
}
.clsFormSecondaryButton{
	font-family				: Verdana, Arial;
	font-size				: 0.6em;
	background				: #ccc;
	border					: 1px solid black;
	color					: black;
	text-decoration			: none;
	cursor 					: hand;
	font-weight				: bolder;
}
.clsFormInputSmall{
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 0.7em;
	margin-bottom			: 0;
	color					: #666633;
	width					: 100px;
}
.clsFormInput{
	font-family				: Verdana, Arial, Helvetica, Sans-Serif;
	font-size				: 0.7em;
	margin-bottom			: 0;
	color					: #666633;
	
}
.clsFormInternalBox{

	border					: 1px solid #ccc;
	padding					: 5px;
	width					: 380px;
}

/*
 * Form text styles
 *
 */
/*.clsFormTitle{
	font-family				: Arial, Helvetica, Sans-Serif;
	font-size				: 0.7em;
	font-weight 			: bolder;
}
*/.clsFormText{
	font-family				: Arial, Helvetica, Sans-Serif;
	font-size				: 0.8em;
	margin-bottom			: 0;
	
}
.clsFormCaption{
	font-family				:  Arial;
	font-size				: 0.6em;
}
.clsFormMessage{
	font-family				: Arial;
	font-size				: 0.8em;
	background-color		: #fff;
	padding					: 10px;
}
.clsFormSubject{
	font-family				: Arial;
	font-size				: 0.8em;
	margin-bottom			: 10px;
	margin-top				: 5px;
}
.clsStepTitle{
	font-family				: Arial, Helvetica;
	margin					: 10px 10px 10px 0;
	font-size				: 1.8em;
	font-weight				: bolder;
	
}
.clsStepComment{
	font-family				: Arial;
	margin					: 5px 10px 15px 0;
	font-size				: 0.7em;
}
.clsErrorMessage{
	color					: #666;
	margin					: 5px 10px 15px 10px;
	padding					: 5px 0 5px 0;
	font-size				: 0.8em;
	font-weight				: bolder;
	text-align				: center;
	position				: relative;
	width					: 450px;
}
.clsRequiredFieldHighlight{
	color					: #cc3300;
	font-size				: 0.7em;
	margin-bottom			: 0;
	font-family				: Arial, Helvetica, Sans-Serif;
	font-weight				: bolder;
	/*vertical-align			: top;*/
}
.clsHighlight{
	color					: #cc3300;
}
.clsFormSubHeading{
	font-family				: Arial;
	font-size				: 0.8em;
	font-weight 			: bolder;
	margin-bottom			: 5px;
	
}

.clsCategoryTitle{
	font-family				: Arial, Helvetica;
	margin					: 0;
	font-size				: 1.3em;
	
}
.clsFormComment{
	font-family				:  Arial;
	margin					: 5px 0 10px 0;
	font-size				: 0.8em;
}
.clsCategoryName{
	font-family				: Helvetica;
	font-weight				: bolder;
	background-color		: #fed4a4;
}
.clsLoginPassword{
	width					: 90px;
}
.clsLoginEmail{
	width					: 180px;
}

/*
 * Fundraising page design styles
 *
 */
 
 .clsFRPCapt {

   font-family				: Arial, Helvetica, sans-serif;
	font-color				: #000;
	font-size				: 0.7em;
} 

 .clsFRPTitle {

   font-family				: Arial, Helvetica;
	font-color				: #000;
	font-size				: 1.0em;
	font-weight 			: bold;
}
.clsFRPDetail {

   font-family				: Arial, Helvetica, sans-serif;
	font-color				: #000;
	font-size				: 0.7em;
}
 
 .clsFRPSummaryAmts {

   font-family				: Arial, Helvetica;
	font-color				: #000;
	font-size				: 1.0em;
}

.clsFRPImgTablBdr {
	border: 3px solid #1D0096;
}

.clsFRPMessBdr {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
	text-decoration: none;
	border: 1px dotted #666;
}

/*
 * Fundraising page amount table
 *
 */
 
 .clsFRPAccBdr {
	border: 2px solid #0066FF;
}

.clsFRPAccTxtSm {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
}

.clsFRPAccCelBtm {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.clsFRPAccCelTop {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	background:#1d0096;
}
.clsFRPAccCelTotT {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
.clsFRPAccCelTotB {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.clsFRPAccTxtSmB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	border: 1px solid #000;
}
.clsFRPAccCelTop font { color:#ffffff; }


.clsFRPTxtSmall {

   font-family				:  Arial, Helvetica, sans-serif;
	font-color				: #000;
	font-size				: 0.7em;
}

/*
 * Fundraising page design view
 *
 */
 
 .clsFRPDVCaptOn {

   font-family				: Arial, Helvetica, sans-serif;
	font-color				: #999999;
	font-size				: 0.7em;
}  

.clsFRPDVCaptTxtBox {
	font-family				: Arial, Helvetica, sans-serif;
	font-color				: #999999;
	font-size				: 0.7em;
	border: 1px solid #666;
	BACKGROUND-COLOR: #ffff99;
} 

 .clsFRPDVTitle {
	font-family : Arial, Helvetica;
	font-size : 1em;
	font-weight : bold;
	color: #000;
}


.clsFRPDVDetail {

	font-family : Arial, Helvetica, sans-serif;
	color : #999999;
	font-size : 0.7em;
}

.clsFRPDVDetailOn {

	font-family : Arial, Helvetica, sans-serif;
	color : #000;
	font-size : 0.7em;
}
 
 .clsFRPDVSummaryAmts {
	font-family	: Arial, Helvetica;
	color : #999999;
	font-size : 1em;
} 

.clsFRPDVSummaryAmtsOn {
	font-family	: Arial, Helvetica;
	color : #1D0096;
	font-size : 1em;
}

.clsFRPDVImgTablBdr {
	border: 1px solid #1d0096;
}

.clsFRPDVMessBdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	text-decoration: none;
	border: 1px dotted #999999;
}

 .clsFRPDVAccBdr {
	border: 2px solid #999999;
}

.clsFRPDVAccTxtSm {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #999999;
}

.clsFRPDVAccCelBtm {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.clsFRPDVAccCelTop {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	background:#1D0096;
}
.clsFRPDVAccCelTotT {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.clsFRPDVAccCelTotB {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

.clsFRPDVAccCelTotBOn {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	color: #000;
}

.clsFRPDVAccTxtSmB {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #ffffff;
	border: 1px solid #999999;
}


.clsFRPDVTxtSmall {

	font-family : Arial, Helvetica, sans-serif;
	color : #1D0096;
	font-size : 0.7em;
}

.clsFRPDVTxtSmallOn {

	font-family : Arial, Helvetica, sans-serif;
	color : #000;
	font-size : 0.7em;
}

.clsFRPDVTxtBoxL {
	font-family: Arial, Helvetica;
	font-size: 0.9em;
	border: 1px solid #333333;
	font-weight: bold;
	color: #000;
	BACKGROUND-COLOR: #ffff99;
}

.clsFRPDVTxtBoxM {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #333333;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	BACKGROUND-COLOR: #ffff99;
}
.clsFRPDVTxtArea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #333333;
	color: #000;
	BACKGROUND-COLOR: #ffff99;
}

.clsFRPDVTxtImageOr {
	font-family :  Helvetica, sans-serif;
	color : #666;
	font-size : 1.0em;
	font-weight: bolder;
}

.clsFRPDVImgFileField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	color: #000;
	font-size: 0.7em;
	font-weight: normal;
	BACKGROUND-COLOR: #ffff99;
}

.clsFRPDVSubImgTabBdr {
	border: 1px dotted #ccc;
}

.clsFRPDVOuterBdr {
	border: 1px solid #000;
}


.clsFRPDVColTabB {
	border: 1px solid #ccc;
}
.clsFRPDVColTabTxt {
	border: 1px solid #ccc;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #000;
}


.clsFRPDVUploadBtn
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 0.7em;
    COLOR: #000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.clsFRPDVTxtBoxUrl
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    COLOR: #000;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #ffff99
}

.toptab
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 12px;
    PADDING-TOP: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

#tabnav
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    MARGIN: 0
}
#tabnav UL
{
    PADDING-RIGHT: 0;
    DISPLAY: inline;
    PADDING-LEFT: 0;
    PADDING-BOTTOM: 0;
    MARGIN: 0;
    PADDING-TOP: 0;
    LIST-STYLE-TYPE: none
}
#tabnav LI
{
    PADDING-RIGHT: 0;
    DISPLAY: inline;
    PADDING-LEFT: 0;
    PADDING-BOTTOM: 0;
    MARGIN: 0;
    PADDING-TOP: 0;
    LIST-STYLE-TYPE: none
}
#tabnav A:link
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BACKGROUND: #fff;
    FLOAT: left;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000;
    MARGIN-RIGHT: 4px;
    PADDING-TOP: 3px;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
#tabnav A:visited
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BACKGROUND: #fff;
    FLOAT: left;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000;
    MARGIN-RIGHT: 4px;
    PADDING-TOP: 3px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
#tabnav A.active:link
{
    BACKGROUND: #1d0096;
    COLOR: #fff
}
#tabnav A.active:visited
{
    BACKGROUND: #1d0096;
    COLOR: #fff
}
#tabnav A:hover
{
    BACKGROUND: #fff;
    COLOR: #000
}
.clsAccBdr
{
    BORDER: #1d0096 1px solid;
}
.clsAccountBreadcrumbs
{
    FONT-SIZE: 0.6em;
    BACKGROUND: #1D0096;
    COLOR: #fff
}
.clsAccCellSplit
{
    BORDER-LEFT: #666 1px dotted
}
.clsAccTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.clsAccStBdr
{
    BORDER-RIGHT: #666 2px solid;
    BORDER-TOP: #666 2px solid;
    BORDER-LEFT: #666 2px solid;
    BORDER-BOTTOM: #666 2px solid
}
.clsAccStTxtSm
{
    FONT-SIZE: 0.7em;
    COLOR: #000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.clsAccStCelBR
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid
}
.clsAccStCelBtm
{
    BORDER-BOTTOM: #999999 1px solid
}
.clsAccStCelTopBR
{
    BORDER-RIGHT: #333333 1px solid;
    BORDER-BOTTOM: #000 1px solid
}
.clsAccStCelTopB
{
    BORDER-BOTTOM: #000 1px solid
}
.clsAccStCelTotT
{
    BORDER-TOP: #ccc 1px solid;
    BORDER-BOTTOM: #ccc 1px solid
}
.clsAccStCelTotB
{
    BORDER-BOTTOM: #ccc 1px solid
}
.clsAccStTxtSmB
{
    BORDER-RIGHT: #000 1px solid;
    BORDER-TOP: #000 1px solid;
    FONT-SIZE: 0.7em;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000;
    BORDER-BOTTOM: #000 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.clsAccStTxtSmRed
{
    BORDER-RIGHT: #000 1px solid;
    BORDER-TOP: #000 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.7em;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000099;
    BORDER-BOTTOM: #000 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.clsEmailAddCelBt
{
    FONT: 0.7em Arial, Helvetica, sans-serif;
    BORDER-BOTTOM: #333333 1px solid
}
.clsEmailAddCelBtRt
{
    BORDER-RIGHT: #333333 1px solid;
    FONT: 0.7em Arial, Helvetica, sans-serif;
    BORDER-BOTTOM: #333333 1px solid
}

.clsEmailAddRowHighlight{
	background-color	: #eeeeee;
	cursor				: hand;
			}
			
.clsEmailAddRowLowlight{
	background-color	: #fff;
	cursor				: hand;
}


.lines
{
    BORDER-RIGHT: #999999 1pt dashed;
    BORDER-TOP: #999999 1pt;
    BORDER-LEFT: #999999 1pt;
    COLOR: #ccc;
    BORDER-BOTTOM: #999999 1pt
}

/* team table css starts here */


.clsTeamStCelTopBR
{
    BORDER-RIGHT: #333333 1px solid;
    BORDER-BOTTOM: #000 1px solid
}

.clsTeamStCelBR
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid
}

.clsTeamStCelBtm
{
    BORDER-BOTTOM: #999999 1px solid
}

.clsTeamStCelTopB
{
    BORDER-BOTTOM: #000 1px solid
}

/*team table css ends here */

.clsFormHr
{
   COLOR: #ccc
}

/*  Below are the new styles appended to all stylesheets - Sonal Rattan 15/08/2005  */

.clsSearchWrap
{
    BORDER-RIGHT: #c5c2c3 1px dotted;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #c5c2c3 1px dotted;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #c5c2c3 1px dotted;
    WIDTH: 545px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #c5c2c3 1px dotted;
    BACKGROUND-COLOR: #fff
}
.clsSearchLogo
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FLOAT: left;
    PADDING-BOTTOM: 2px;
    WIDTH: 135px;
    PADDING-TOP: 2px;
    TEXT-ALIGN: center
}
.clsSearchTitle
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 0;
    PADDING-BOTTOM: 0;
    FONT: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
    PADDING-TOP: 0
}
.clsSearchWrap P
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 0;
    PADDING-BOTTOM: 0;
    FONT: 0.7em Verdana, Arial, Helvetica, sans-serif;
    PADDING-TOP: 0
}
.clsSearchWrap INPUT
{
    FLOAT: right
}
.clsSearchBody
{
    PADDING-RIGHT: 0;
    DISPLAY: inline;
    PADDING-LEFT: 0;
    FLOAT: left;
    PADDING-BOTTOM: 0;
    WIDTH: 400px;
    PADDING-TOP: 5px
}
.clsSearchEnd
{
    FONT: 0.7em Verdana, Arial, Helvetica, sans-serif
}

/*  Below are the new styles appended to all stylesheets for pfp Marketing - Frame Muller 29/09/2005  */

.clsTxtStepTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #990032;
}

.topRightTabTable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}

.clsFormInputNoSize {
    FONT-SIZE: 0.7em;
    MARGIN-BOTTOM: 0;
    COLOR: #000;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}

.clsFormBoxSquare {
	BACKGROUND-COLOR: #fff0df;
	border: 1px solid #fed4a4;
}

.clsFormBoxSquare2 {
	BACKGROUND-COLOR: #fff;
	border: 1px solid #fed4a4;
}

.clsAddressBookBtm {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #FFCCFF;
	border-right-color: #FFCCFF;
	border-bottom-color: #FFCCFF;
	border-left-color: #FFCCFF;
}

.clsAddressBookSides {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #FFCCFF;
	border-right-color: #FFCCFF;
	border-bottom-color: #FFCCFF;
	border-left-color: #FFCCFF;
	}

.clsFRPAccOption {
	width: 450px;
	margin: 10px 5px 5px 5px ;
	padding: 0;
	}

.clsFRPAccOption p {
		font: 0.7em Verdana, Arial, sans-serif;
		padding: 0;
		margin: 0;
		height: 50px;
	}

.clsFRPAccOptionHeader{
		padding: 5px 5px 3px 0;
		margin: 0;
		font: bold 0.7em Verdana, Arial, sans-serif;
		vertical-align: text-bottom;
	}

.clsFRPAccOptionImg1 {
		float: left;
		padding: 0 15px;
		position: relative;
		vertical-align: text-bottom;
	}

.clsFRPAccOptionImg2 {
		 float: right;
		position: relative;
		}

.clsFRPAccDashboard {
		border-top: 1px dotted #C5C2C3;
	border-left: 1px dotted #C5C2C3;
		margin: 10px 5px 10px 5px ;
		padding: 0;
	}

.clsFRPAccDashHeader{
		background-color: #F4F1F2;
		padding: 5px 5px 8px 0;
		margin: 0;
		font: bold 0.7em Verdana, Arial, sans-serif;
		vertical-align: text-bottom;
	}

.clsFRPAccDashboarImg1 {
		float: left;
		padding: 0 5px;
		position: relative;
	}

.clsFRPAccDashboarImg2 {
		 float: right;
		position: relative;
		}

.clsFRPAccDashboard p {
		background: #fff;
		font: 0.7em Verdana, Arial, sans-serif;
		padding: 7px 0 0 0;
		margin: 0;
		height: 100px;
	}