/*-----------------------------------------------------------------------------
version:   	2_2
author:    	Greg Phillips
email:     	greg [AT] touchbasepro.com
website:   	http://www.touchbasepro.com/
created: 	May 2009
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

td
{
    padding:0px 2px 0px 2px;
}

hr
{
    color:#aeaeae;
    height:1px;
    
    
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* used to get the content in the middle of the screen */
#wrapper
{
    position: relative;
    left: 50%;
    width: 1000px;
    margin-left: -500px;
    background-image: url('2_2/Images/BGTile.gif');
    border: #eaeaea 1px solid;
    
} 
body
{
	margin-top:0px;

}


input[type='radio']
{
    margin: 0px 2px 0px 2px;
}
input[type='checkbox']
{
    margin: 0px 2px 0px 2px;
}

input[type='checkbox']
{
    margin: 0px 2px 0px 2px;
}

.StandardButton,
input[type='submit']
{
    margin: 2px;
    padding:2px;
    
}







/* =Typography
-----------------------------------------------------------------------------*/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6;
}

.smallerText
{
    font-size: 9px;
}

.normalText
{
  font-size: 12px;
}

.lightSmallText
{
    font-size: 10px;
    color:#959595;    
}

.PlainTextTextBox
{
	font-size: 10pt;
	background-image: url(../../App_Themes/TBPDefaultTheme/Images/TextBoxRecommendedWidth.jpg);
}


a, 
a:visited, 
a:active
{
    color: #0000CC;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}


/* =Headings
-----------------------------------------------------------------------------*/


.HeadingWrapper
{
    margin-top:20px;
    margin-left:30px;    
    
}
h1,
.MainHeadingColour1,
.MainHeadingColour2
{
    font-size:20px;    
    font-style:italic;
    text-transform:capitalize;
}

.MainHeadingColour1
{
    color:#f29c07;
}

.MainHeadingColour2
{
    color:#231f20;
}

h2,
.SubHeadingColour1,
.SubHeadingColour2
{
    font-size:18px;    
    font-style:normal;
    text-transform:capitalize;
}

.SubHeadingColour1
{
    color:#f29c07;
}

.SubHeadingColour2
{
    color:#231f20;
}




.TableDataFieldHeadingColour1,
.TableDataFieldHeadingColour2
{
    font-size:14px;    
    font-style:normal;
}

.TableDataFieldHeadingColour1
{
    color:#f29c07;
}

.TableDataFieldHeadingColour2
{
    color:#231f20;
}


.TableFieldTitle
{
	color: #231f20;
	font-size:12px;   
	font-weight:bold;
	
}


.PublicBenefitHeading
{
    font-size:14px;    
}



.Header_StandardInfo,
.Header_CustomInfo,
.Header_SMS,
.Header_Email,
.Header_AutoResponder
{
    font-size: 14px;
    font-style: italic;    
    margin:5px 0px 5px 0px;
    font-weight:bold;
}

.Header_StandardInfo,
.Header_SMS
{
    color: #231f20;
    border-bottom:solid 2px #f29c07;
}

.Header_CustomInfo,
.Header_Email
{
    color:#f29c07;
    border-bottom:solid 2px #231f20;
   
}

.Header_AutoResponder
{
    color:#ffb625;
    border-bottom:solid 2px #b9a783;
}


.BoldHeader1 a,
.BoldHeader1 a:visited,
.BoldHeader1 a:active,
.BoldHeader1
{
    padding-top:10px;
    font-size:65px;
    color:#4e4e4e;
    font-weight:bold;
    line-height:65px;
}

.BoldHeader1 a:hover
{
    text-decoration:none;
}

.BoldHeader2
{
    font-weight:bold;
    font-size:40px;
    color:#8d8d8d;
    line-height:45px;
    padding-bottom:30px;
}

.BoldHeader3
{
    font-weight:bold;
    font-size:22px;
    color:#fdbc5c;
}

.BoldHeader4
{
    font-weight:bold;
    font-size:22px;
    color:#4f4f4f;
}


.BoldHeader5,
.BoldHeader5_Dark
{
    font-weight:bold;
    font-size:15px;
    color:#8d8d8d;
}
.BoldHeader5_Dark
{
    color:#4f4f4f;
    }

.BoldHeader_Orange
{
    color:#fdbc5c;
}

.CreateAccount_Header1
{
    color:#6e6d6d;
    font-size:30px;
    font-weight:bold;
    line-height:35px;
    }
.CreateAccount_Header2
{
    color:#FFFFFF;
    font-size:17px;
    font-weight:bold;
    line-height:20px;
    padding-bottom:10px;
    
    }
.CreateAccount_Header3
{   
    font-weight:bold;
    color:#6e6d6d;
    font-size:16px;
    padding-bottom:0px;
    
    
}
.CreateAccount_Header4
{   
    font-weight:bold;
    color:#6e6d6d;
    font-size:11px;
    padding-bottom:0px;
        
}

.CreateAccount_Header5
{   
    font-weight:bold;
    color:#6e6d6d;
    font-size:12px;
    padding-bottom:0px;
        
}
.CreateAccount_Bullet
{
    
    padding:0px;
    margin:0px;
    color:#FFFFFF;
    font-size:13px;
    padding-bottom:10px;
    padding-bottom:0px;
    padding-left:20px;
    
}
.CreateAccount_Bullet_Gray
{
    
    padding:0px;
    margin:0px;
    color:#6e6d6d;
    font-size:12px;
    padding-bottom:10px;
    padding-bottom:0px;
    padding-left:15px;
    font-weight:bold;
}


/* =Create account popup
-----------------------------------------------------------------------------*/

.createaccountdiv
{
    position:absolute;
    z-index:1000;
    width:1000px;
    margin-left: -660px; /*this is not 50% of the width because the control is a bit to the right*/
    left: 50%;
    top:250px;
  
}
.createaccountdiv_hidden
{
   visibility:hidden;  
   display:none;
}


/*the RegistrationDetails (RD) div which holds reg details*/
#RD_Div 
{   position:relative;}

#RD_Top
{       
        top:0; 
        left:0; 
        background-repeat:no-repeat;
        background-position:0px 0px; 
        background-image: url('2_2/Images/CreateAccountBG.png');
        width:1000px;
        height:30px;
}
        
/*This is a div over the cross to allow the clicking for close*/        
.RD_Top_Cross
{
    width:50px;
    margin-left:950px;
    height:30px;
    cursor:pointer;
}
#RD_Bottom
{       bottom:0; 
        left:0; 
        background-position:0px -30px; 
        background-image: url('2_2/Images/CreateAccountBG.png');
        background-repeat:no-repeat;
        width:920;
        height:35px;
}

#RD_PriceBottom
{       bottom:0; 
        left:0; 
        background-position:0px -70px; 
        background-image: url('2_2/Images/CreateAccountBG.png');
        background-repeat:no-repeat;
        width:920;
        height:40px;
}

#RD_Content
{       background-image: url('2_2/Images/CreateAccountBG_Line_02.png');
        background-position:0px 0px; 
        background-repeat:repeat-y;
        padding:0 20px 0 15px;
        position:relative;            
}
        


#RD_Content_Table
{
    
    height:370px;
    margin:0px;
    padding:0px;
    
}

#RD_Content_col1
{
    vertical-align:top;
    width:240px;
    text-align:right;
    padding-right:12px;
    
    }
#RD_Content_col2
{
    vertical-align:top;
    width:285px;
    border-right:solid 2px #f9ebc6;
    border-left:solid 2px #f9ebc6;
    padding:0px 12px 0px 12px;
    }
#RD_Content_col3
{
    
    vertical-align:top;
    padding-left:12px;
    padding-right:10px;
    
}

#RD_PriceContent
{       background-image: url('2_2/Images/CreateAccountBG_Line_04.png');
        background-position:0px 0px; 
        background-repeat:repeat-y;
        padding:0px 85px 0 70px;
        
}

#RD_PriceContent_Table
{ 
    width:880px;
    margin:0px;
    padding:0px;
    }

#RD_PriceContent_Col1
{
    vertical-align:top;
    width:50%;
    padding-left:40px;
    padding-right:20px;
}

#RD_PriceContent_Col2
{
    vertical-align:top;
    width:50%;
    padding-left:50px;
    border-left:solid 2px #cdcdcd;}

.CreateAccountButton
{
    width:280px;
    background-color:#f29d1e;
    border:solid 1px #fef1a5;
    margin-top:5px;
    color:white;
    font-size:12px;
 
}
.CreateAccountCheckBox
{
                
}    
    
.CreateAccountTextBox
{
    width:270px;
    font-size:12px;
    margin-bottom:5px;
    height:20px;
    padding-left: 5px;
    color: #000000;
    vertical-align:middle;
}
.CreateAccountTextBox_watermark
{
    width:270px;
    font-size:12px;
    margin-bottom:5px;
    height:20px;
    padding-left: 5px;
    color: #b5b5b5;
    vertical-align:middle;
    
}
.CreateAccount_MSG
{
    color:#a00000;
    font-weight:bold;
}
.CreateAccount_FieldLable
{
    font-size:11px;
    color:#6e6d6d;
    font-weight:bold;
}

/* =Links
-----------------------------------------------------------------------------*/



/* =Header
-----------------------------------------------------------------------------*/


#Header_Promo
{
	right:15px;
	top:91px;
	position:absolute;
	width:630px;
	text-align:left;
	font-size: 16px;
	font-weight: bold;
	line-height:80px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
}

/*This item is a holding div for all the header items
V2.2.5
*/
#header
{
	width:1000px;
	height:230px;
	background:#FFF url('2_2/Images/HeaderBG.jpg') repeat-x;
	border-right: #d8d8d8 2px solid;
}
	
	




	

/* =Branding (logo)
-----------------------------------------------------------------------------*/

#logoSpacer
{
	height:5px;
	width:270px;
	top:0px;
	left:32px;
	position:absolute;
	border-left:#e0e0e0 1px solid;
	border-right:#dadada 1px solid;
	padding:2px 2px 2px 2px;
}

.logo
{
	width:270px;
	height:227px;
	left:32px;
	top:5px;
	
	position:absolute;
	z-index:100;
	

}
.logo_image
{
    width:246px;
	height:128px;
    background-position:-456px -336px;
	background-repeat:no-repeat;
	background-image: url('2_2/Images/TBPSprite_1_1.gif');
	display:block;
	position:relative;
	top:65px;
	left:15px;
    
	
}





/* =Nav Main
-----------------------------------------------------------------------------*/

#Nav_Main
{
	right:0px;
	top:177px;
	position:absolute;
	width:670px;
	text-align:right;
	padding-right:0px;
	line-height:26px;
	height:50px;

}

#MainNavEndCorner
{
    /* This changes the right hand paper corder to move up to just under the menu*/
    top:27px;
    
    
    
}



#tbpMenu, 
#tbpMenu ul 
{
        padding:0; 
        margin:0; 
        list-style-type: none;
        
}
#tbpMenu
{
    margin: 0px 0px 200px 0px;
    position: relative;
 
}
#tbpMenu li
{
    float: right;
    position: relative;
    z-index: 1000;
    
}
#tbpMenu a, #tbpMenu a:visited
{
    font-size:14px;
    display: block;
    width: 122px;
    color: #5a5758;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    text-align:left;
    padding-left:2px;
    border-left:#e4e4e5 1px solid;
        
}
#tbpMenu li:hover > a
{
    
    background: #f3c36b;
    color: #5a5758;
    height: 26px;
    
}
#tbpMenu li ul
{
    display: none;
}

/*Sub menu items*/
#tbpMenu ul li:hover > a
{
    background-color:#e4e4e4;
    
}


#tbpMenu ul li > a
{   
    font-size:14px;
    background-color:#fff;
    
}

#tbpMenu li:hover > ul
{
    display: block;
    position: absolute;
    top: 0;
    left: 103px;
    border-right:#e4e4e5 1px solid;
    
    
}
#tbpMenu > li:hover > ul
{
    left: 0;
    top: 26px;
    
}

/* This class is used on the menu drop out, so that its width is wider for the menu.*/
.TBPMenu_BorderBox_Main_Right
{
    border-top:#e4e4e5 1px solid;
    width:125px !important;
}




/* =Nav Sub
-----------------------------------------------------------------------------*/
#SubNav_Main
{
	right:0px;
	top:5px;
	position:absolute;
	border-left:none;
	height:86px;
	width:670px;
	background-color:white;
	font-size:11px;

}

#SubNav_Main a,
#SubNav_Main a:visited
{
	text-decoration:none;
	color:#eb9700;
	
}


#SubNav_Main a:hover
{
	text-decoration:underline;
	}

/*V2.2.5*/
#SubNav_Main_Login
{
	float:right;
	
	text-align:right;
	padding-right:10px;
	font-size:13px;
    color:#7e7e7e;
    font-weight:bold;   
    font-style:normal;
    text-decoration:none;
	
	
}
#SubNav_Main_Login a,
#SubNav_Main_Login a:hover,
#SubNav_Main_Login a:visited
{
    color:#fc9702;
    font-size:13px;
    
}

/*V2.2.5*/
.SubNav_Main_Tel
{
	float:left;
	margin-left:12px;
	width:150px;
	height:75px;
	text-align:left;
	
}

/*V2.2.5*/
.SubNav_Main_Tel .level1,
.SubNav_Main_Tel .level2
{
    
    font-size:14px;
    color:#7e7e7e;
    font-weight:bold;   
    font-style:normal;
    text-decoration:none;
}
.SubNav_Main_Tel .level2
{
    font-weight:normal;
    line-height:15px;
}


/* V 2.2.5*/	
#SubNav_Main_CreateAccount
{
    float:right;
	margin-top:18px;
	margin-right:10px;
	text-align:center;
	width:650px;
	
	
}

/* V 2.2.5*/	
.SubNav_Main_CreateAccountButtonWrapper
{
    float:right;
    width:165px;
    height:37px;
    background-color:#f29d1e;
    border-top:solid 1px #ce8a25;
    border-left:solid 1px #ce8a25;
    border-bottom:solid 1px #f3f3f3;
    border-right :solid 1px #f3f3f3;
    cursor:pointer;
}
/* V 2.2.5*/	
.SubNav_Main_CreateAccountButton
{
    width:164px;
    height:34px;
    border-top:solid 1px #e5941c;
    border-left:solid 1px #e5941c;
    border-bottom:solid 0px #ebebeb;
    border-right :solid 0px #ebebeb;
    padding-top:2px;
    
    
}
/* V 2.2.5*/	
.SubNav_Main_CreateAccountButton .level1,
.SubNav_Main_CreateAccountButton .level2
{
    
    width:164px;
    color:#ffffff;
    font-style:normal;
    text-align:center;
    font-size:14px;
    line-height:15px;
    font-weight:bold;
}
.SubNav_Main_CreateAccountButton .level2
{
    font-size:12px;
}




#SubNav_Main_CreateAccount h2
{
	font-size: 12px;
	font-weight: bold;
	margin:0px;
	padding:0px;
	font-style: italic;
}



#SubNav_Main_LoggedIn
{
    float:left;
	margin-top:0px;
	margin-left:5px;
	

    
}

#SubNav_Main_LoggedIn_Links
{
    float:right;
	margin-top:0px;
	margin-right:2px;
	
}






/* begin css tabs */
 
ul#tabnav
{
    /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    font: bold 11px; /* set font as desired */
    border-bottom: 1px solid #6c6; /* set border COLOR as desired */
    list-style-type: none;
    padding: 2px 10px 0px 20px;
    border-bottom-color: #F8AD06;
}
 
ul#tabnav li { /* do not change */
display: inline;
}
 
body#tab1 li.tab1, 
body#tab2 li.tab2, 
body#tab3 li.tab3, 
body#tab4 li.tab4,
.tabnavSel { /* settings for selected tab */
border-bottom: 1px solid #fff !important; /* set border color to page background color */
background-color: #fff !important; /* set background color to match above border color */
font-weight:bold;
}
 
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 2px; /* must change with respect to padding (X) above and below */
}
 
ul#tabnav li a
{
    /* settings for all tab links */
padding:0 2px 2px 2px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border-color:#F29C07;/* set border COLOR as desired; usually matches border color specified in #tabnav */
border-style:solid;
border-width:1px 1px 0px 1px;


background-color: #FEECCD; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;


}
 
ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
 
/* end css tabs */




/* =Content blocks
-----------------------------------------------------------------------------*/

/*Used in the content areas, it has a set full width of the content area and different, its not position: set because of a layer issue in ie */
.BorderBox_Main_FillWidth 
{

   	border-bottom:#aeaeae 2px solid;
	border-top-width:0px;
		
	padding:2px 2px 2px 2px;
	vertical-align:top;
	margin-bottom:21px;
	background-color:#FFF;
	
}
.BorderBox_Main_NoTop,
.BorderBox_Main
{
	border-left:#e0e0e0 1px solid;
	border-right:#dadada 1px solid;
	border-bottom:#afafaf 1px solid;
	border-top:#e0e0e0 1px solid;
	/*position:relative; took this out so that the login popup would go above it*/
	
	padding:2px 2px 2px 2px;
	vertical-align:top;
	margin-bottom:21px;
	background-color:#FFF;
	min-width:200px !important;   /*So that the bottom paper items dont overlap*/
	
}
.BorderBox_Main_NoTop
{
    border-top-width:0px;
}

.BorderBox_Main P
{
	margin:0px;
	padding:0px;
	
}
.BorderBox_Main_Right_FillWidth,
.BorderBox_Main_Left,
.BorderBox_Main_Right
{
    
	background-image:url('2_2/Images/TBPSprite_1_1.gif');
	display:block;
	width:150px;
	height:20px;
	position:absolute;
	bottom:-20px;
	
	
}

/*Paper drop left. Shows the left hand curl of paper, */
.BorderBox_Main_Left
{
	background-position:-704px -337px;
	left:-2px; /*To hide the last pixel of the left border*/
}

/*Paper drop right. Shows the right hand curl of paper*/
.BorderBox_Main_Right
{
    
	background-position:-896px -337px;
	right:-1px; /*To hide the last pixel of the right border*/
}

.BorderBox_Main_Right_FillWidth
{
    background-position:-896px -337px;
    position:relative;
    bottom:-23px;
    right:-848px;
}

.BorderBox_Header
{
    line-height:20px;
    height: 20px;
    border-left: #e0e0e0 1px solid;
    border-right: #dadada 1px solid;
    border-bottom: #666666 1px solid;
    border-top: #e0e0e0 1px solid;
    background-color:#e5e4e1;
    font-weight:bold;
    padding:0 4px 0 4px;
    vertical-align:middle;
}
.BorderBox_Header a
{
    font-size:10px;
    font-weight:normal;    
}

.AffiliateBox,
.HTMLBox
{
    text-align: left;
    color: #000000;
    padding: 4px;
    width: 95%;
    height: 150px;
    overflow: auto;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: white;
}

.AffiliateBox
{
    width:250px;
    margin-right:0px;
    margin-left:0px;
}

/* =Main Content
-----------------------------------------------------------------------------*/

#content
{
	border-right: #d8d8d8 2px solid;
	border-bottom:#afafaf 1px solid;
	background-color:#FFF;
	width:1000px;
	padding-top: 30px;/*this is just for the drop out menu's in ie 7, so they dont go behind controls*/
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
   
   
}


#contentSpacer
{
	width:1000px; 
	position:relative;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/

#secondaryContent
{
	width:850px;
	min-height:100px;
}

/* =Footer
-----------------------------------------------------------------------------*/

#footer
{
	border-top:#d8d8d8 1px solid;
	border-right: #d8d8d8 2px solid;
	background-color:#FFF;
	width:974px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color:#a5a4a4;
	font-size:11px;
}

#footer a,
#footer a:active,
#footer a:visited
{
	text-decoration:none;
	color:#616161;
		
}

#footer a:hover
{
	text-decoration:underline;
	color:#484848;
}


#footerCopyRight
{
	float:left;
	width:250px;
	text-align:left;
}

#footerNav
{
	float:right;
	width:700px;
	text-align:right;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  	border-spacing: 0;
	border-collapse: collapse;
}

td {
  	text-align: left;
	font-weight: normal;
}



/* =Homepage Sprites and classes
-----------------------------------------------------------------------------*/

/*V2.2.5*/
.HomePageFlashWrapper
{
    background-color:White;
}
.Div_HomePage
{
 
 background:#FFF url('2_2/Images/HomePageBG.jpg') repeat-x;   
 padding:0 10px 10px 40px;
 border-bottom:solid 1px #b8b8b8;
 
}


/*V2.2.5*/
#Table_HomePage_EmbeddedReg
{
    
    
    padding:0px;
    margin:0px;
    width:1000px;
    height:250px;
        /* fallback (Opera) */
    background: #e5e5e5;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #FFFFFF, #e5e5e5);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#FFFFFF), to(#e5e5e5));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#FFFFFF', EndColorStr='#e5e5e5', GradientType=0);
}
/*V2.2.5*/
#Table_HomePage_EmbeddedReg td
{
    vertical-align:top;
}
/*V2.2.5*/
#Table_HomePage_EmbeddedReg_col1,
#Table_HomePage_EmbeddedReg_col2,
#Table_HomePage_EmbeddedReg_col3,
#Table_HomePage_EmbeddedReg_col4
{
    width:210px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:0px;
    border-right:solid 1px #c8c7c7;
}


/*V2.2.5*/
#Table_HomePage_EmbeddedReg_col1 .level1,
#Table_HomePage_EmbeddedReg_col1 .level2,
#Table_HomePage_EmbeddedReg_col2 .level1,
#Table_HomePage_EmbeddedReg_col2 .level2,
#Table_HomePage_EmbeddedReg_col2 .level3,
#Table_HomePage_EmbeddedReg_col4 .level1,
#Table_HomePage_EmbeddedReg_col4 .level2,
#Table_HomePage_EmbeddedReg_col4 .level3,
#Table_HomePage_EmbeddedReg_col3 .level1
{
    color:#6d6d6d;
    font-weight:bold;
    font-size:25px;
    line-height:30px;
}
/*V2.2.5*/
#Table_HomePage_EmbeddedReg_col1 .level2
{
    font-weight:normal;
    font-size:16px;
    padding-left:20px;
    line-height:18px;
    padding-bottom:10px;
}
/*V2.2.5*/
#Table_HomePage_EmbeddedReg_col2 .level2,
#Table_HomePage_EmbeddedReg_col4 .level2
{
    color:#a1a1a1;
    font-weight:bold;
    font-size:15px;
    line-height:20px;
    padding-left:5px;   
}
/*V2.2.5*/
#Table_HomePage_EmbeddedReg_col2 .level3, 
#Table_HomePage_EmbeddedReg_col4 .level3 
{
    padding:0px;
    margin:0px;
    padding-left:10px;   
    font-size:14px;
    font-weight:normal;
    line-height:16px;
    color:#a1a1a1;
}
/*V2.2.5*/
#Table_HomePage_EmbeddedReg_col2 .level3 li,
#Table_HomePage_EmbeddedReg_col4 .level3 li
{
    
    padding:0px;
    margin-left:10px;
    color:#a1a1a1;
    font-weight:normal;
    font-size:13px;
    line-height:15px;
}
/*V2.2.5*/
#Table_HomePage_EmbeddedReg_col4 .level3 li
{
    margin-left:10px;
    font-size:12px;
}
/*V2.2.5*/
#Table_HomePage_EmbeddedReg_col4 .level1
{
    font-size:22px;
}



/*V2.2.5*/
.CreateAccountButton_C
{
    width:214px;
    background-color:#f29d1e;
    border:solid 1px #fef1a5;
    margin-top:5px;
    
    color:white;
    font-size:20px;
    font-weight:bold;   
 
}

/*V2.2.5*/    
.CreateAccountTextBox_C
{
    width:210px;
    font-size:12px;
    margin-bottom:5px;
    height:20px;
    padding-left: 5px;
    color: #000000;
    vertical-align:middle;
}
/*V2.2.5*/
.CreateAccountTextBox_watermark_C
{
    width:210px;
    font-size:12px;
    margin-bottom:5px;
    height:20px;
    padding-left: 5px;
    color: #b5b5b5;
    vertical-align:middle;
    
}





#Table_HomePage_Service
{
    padding:0px;
    margin:0px;
    width:950px;
    
        
}
#Table_HomePage_Service_Col1
{
    width:451px;
    vertical-align:top;
    padding:0px;
    margin:0px;
    border-right:solid 1px #c8c7c7;
    padding:0 0px 0 0px;
}
#Table_HomePage_Service_Col2
{
    
    vertical-align:top;
    padding:0px;
    margin:0px;
    padding:0 0px 0 40px;
}




#homepage_Clients, 
#homepage_ManService, 
.Sprite_TellMe, 
#Sprite_ReadMore, 
#Sprite_FreeDemo, 
#Sprite_FreeQuote
{
    display:block;
    background-image: url('2_2/Images/TBPSprite_1_1.gif');
    background-repeat: no-repeat;
    cursor:pointer;
}

/*Different from cobrand sites*/
#homepage_ManService
{
    width:416px;
    height:108px;
    background-position: -288px -224px;	
}

/*Different from cobrand sites*/
#homepage_Clients
{
    margin:20px 0 20px 0;
    width:928px;
    height:64px;
    background-position: 0px -512px;	
    cursor:default;
    
}

.Sprite_TellMe
{
    width:66px;
    height:22px;
    background-position: -285px -400px;	
    float:left;
    padding-right:5px;
    
}



#Sprite_ReadMore,
#Sprite_FreeDemo,
#Sprite_FreeQuote
{   width:93px;
    height:81px;
    float:left;
    margin-right:20px;
   
   
}

#Sprite_ReadMore
{
    background-position: -192px -422px;	
}

#Sprite_FreeDemo
{
    background-position: -2px -422px;	
    margin-left:35px;
}

#Sprite_FreeQuote
{
    background-position: -97px -422px;	
}



.HomePage_Title
{
    float:left;
    width:225px;
    text-align:right;
}
.HomePage_Content
{
    margin-top:5px;
    float:right;
    width:700px;
    text-align:left;
    font-size:16px;
    
}

.HomePage_Content a,
.HomePage_Content a:visited
{
    text-decoration:none;
    color:#231f20;
}

.HomePage_Content a:hover
{
    text-decoration:underline;
    color:#eb9700;
}


.HomePage_TellMeWrapper
{
    padding-left:10px;
    margin-top:20px;
    
    
}



/* =Misc 1
-----------------------------------------------------------------------------*/


.mid /* Mozilla Firefox alignment */ 
{ 
    text-align: -moz-center; 
    margin: 0 auto; 
    
}
.mid /* Internet Explorer */ 
{ 
	text-align: center; 
	margin: 0 auto; 
    
} 

.mid div,
.mid table /* IE8 to align block elements in the center */ 
{
    margin-left:auto;
    margin-right:auto;    
}


.mzrt
{
    text-align: right; 
}
.mzrt
{
    text-align: -moz-right; 
}
.mzrt div,
.mzrt table /* IE8 to align block elements in the center */ 
{
    margin-left:auto;
    margin-right:0;    
}


.mzlt
{
    text-align: left; 
}
.mzlt
{
    text-align: -moz-left; 
}
.mzlt div,
.mzlt table /* IE8 to align block elements in the center */ 
{
    margin-left:0;
    margin-right:auto;    
}



.TextboxWaterMark
{
	
	vertical-align: middle;
	text-transform: lowercase;
	color: #cfcfcf;
	text-align: right;
	margin-right:20px;
}



.ColourPalletA1
{
    background-color:#fffdfa;
}
.ColourPalletA2
{
    background-color:#fffcf5;
}
.ColourPalletA3
{
    background-color:#fffaf0;    
}
.ColourPalletA4
{
   background-color:#fff9eb;
}


/*Tool tip style for the help control*/
a.HelpToolTip
{
    font-size:9px;
    color:Green;
}

a.HelpToolTip:visited
{
    
    color:Green;
}
a.HelpToolTip:hover
{
    background: #ffffff;
    text-decoration: none;
    
} /*BG color is a must for IE6*/

a.HelpToolTip span
{
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 300px;
    text-align:left;
 
}


a.HelpToolTip:hover span
{
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #6c6c6c;
    z-index:100000 !important;
}

.loading_bar
{
    border:0px solid #cccccc;
    color:#cccccc;
    
    width:200px;
    height:60px;
    line-height:60px;
    position:fixed;
    top:2px;
    right:7px;
    background-color:White;
    text-align:center;
}


/*Managed service box*/
.msdiv
{
    background-color:#FFFFFF;
    border:2px solid #F09C22;
    left:1;
    position:absolute;
    width:700px;
    z-index:10001;
    padding:0 15px 0 20px;
}


/* =Accordion
-----------------------------------------------------------------------------*/
/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: #333333;
    background-color: #E6E6E6;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: none;
	
}

.accordionHeader a:visited
{
	background: none;
	text-decoration: none;
		
}


.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #C0C0C0;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
    background-position: none;
    color: #333333;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:visited
{
	background: none;
	text-decoration: none;
}

.accordionContent
{
	background-color: #F5F5F5;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
}


.accordionLink:visited
{
	
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	
}

.accordionLink
{
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	
}





/* =sprites 
-----------------------------------------------------------------------------*/

/* base class for sprites */
.tbpsprite
{
    display:block;
    background-image: url('2_2/Images/TBPSprite_1_1.gif');
    background-repeat: no-repeat;
    
}

.sprite_margin
{
    margin:8px;

}

/* size of large sprites */
.sprite_large
{
 width:64px;
 height:64px;
 
}


/* size of xlarge sprites */
.sprite_xlarge
{
 width:128px;
 height:128px;
}

/* size of medium sprites */
.sprite_medium
{
 width:32px;
 height:32px;
}

/* size of small sprites */
.sprite_small
{
 width:16px;
 height:16px;
}

.sprite_float_left
{
    float:left;
}
.sprite_float_right
{
    float:right;
}
.sprite_mid_large
{
    position: relative;
    left: 50%;
    margin-left: -32px;
}

.sprite_mid_xlarge
{
    position: relative;
    left: 50%;
    margin-left: -64px;
}

.sprite_mid_medium
{
    position: relative;
    left: 50%;
    margin-left: -16px;
}    


.sprite_xlarge_middlealign
{
    line-height:128px;
    vertical-align:middle;
}

.sprite_large_middlealign
{
    line-height:64px;
    vertical-align:middle;
}
 
.sprite_medium_middlealign
{
    line-height:32px;
    vertical-align:middle;
}

.sprite_small_middlealign
{
    line-height:16px;
    vertical-align:middle;
}
   
   
/*large sprites, row 1*/   


.sprite_xlarge_tick
{
    background-position: -961px 0px;	
}


.sprite_xlarge_edit
{
    background-position: -1088px 0px;	
}

.sprite_xlarge_new
{
    background-position: -1216px 0px;	
    }

.sprite_xlarge_sms
{
    background-position: -1344px 0px;	
    }

.sprite_xlarge_email
{
    background-position: -1472px 0px;	
}
   
/*large sprites, row 1*/   
.sprite_large_sub_add
{
    background-position: 0px 0px;	
}

.sprite_large_sub_rem
{
    background-position: -64px 0px;	
}
.sprite_large_sub_edit
{
    background-position: -128px -0px;	
}

.sprite_large_export
{
    background-position: -192px 0px;	
}
.sprite_large_bounce
{
    background-position: -256px 0px;	
}
.sprite_large_email
{
    background-position: -320px 0px;	
}
.sprite_large_sms
{
    background-position: -384px 0px;	
}
.sprite_large_new
{
    background-position: -448px 0px;	
}
.sprite_large_edit
{
    background-position: -512px 0px;	
}
.sprite_large_pending
{
    background-position: -576px 0px;	
}
.sprite_large_tick
{
    background-position: -640px 0px;	
}
.sprite_large_customfield
{
   background-position: -704px 0px;	
}

.sprite_large_subscribe_options
{
   background-position: -768px 0px;	
}

.sprite_large_unsubscribe_options
{
   background-position: -832px 0px;	
}




/*large sprites, row 2*/
.sprite_large_sub_report
{
    background-position: 0px -64px;	
}

.sprite_large_sub_activity
{
    background-position: -64px -64px;	
}
.sprite_large_sub_click
{
    background-position: -128px -64px;	
}

.sprite_large_success_delivery
{
    background-position: -192px -64px;	
}
.sprite_large_readreceipt
{
    background-position: -256px -64px;	
}
.sprite_large_sendtofriend
{
    background-position: -320px -64px;	
}
.sprite_large_open
{
    background-position: -384px -64px;	
}
.sprite_large_spam
{
    background-position: -448px -64px;	
}

.sprite_large_cross
{
    background-position: -512px -64px;	
}

.sprite_large_money
{
    background-position: -576px -64px;	
}

.sprite_large_datetime
{
    background-position: -640px -64px;	
}

.sprite_large_subscriber
{
    background-position: -704px -64px;	
}

.sprite_large_autoresponder
{
    background-position: -768px -64px;	
}

.sprite_large_concept
{
    background-position: -832px -64px;	
}



/*large sprites, row 3*/

.sprite_large_design
{
    background-position: 0px -128px;	
}

.sprite_large_send
{
    background-position: -64px -128px;	
}


/*medium sprites, row 1*/
.sprite_medium_subscribe_options
{
    background-position: 0px -192px;	
}

.sprite_medium_unsubscribe_options
{
    background-position: -32px -192px;	
}

.sprite_medium_html
{
    background-position: -64px -192px;	
}
.sprite_medium_txt
{
    background-position: -96px -192px;	
}
.sprite_medium_test
{
    background-position: -128px -192px;	
}
.sprite_medium_spam
{
    background-position: -160px -192px;	
}
.sprite_medium_edit
{
    background-position: -192px -192px;	
}
.sprite_medium_send
{
    background-position: -224px -192px;	
}
.sprite_medium_recipients
{
    background-position: -256px -192px;	
}
.sprite_medium_datetime
{
    background-position: -288px -192px;	
}
.sprite_medium_recipient
{
    background-position: -320px -192px;	
}

.sprite_medium_arrow_right
{
    background-position: -352px -192px;	
}

.sprite_medium_arrow_left
{
    background-position: -384px -192px;	
}


.sprite_medium_arrow_down
{
    background-position: -416px -192px;	
}

.sprite_medium_arrow_up
{
    background-position: -448px -192px;	
}

.sprite_medium_sub_search
{
    background-position: -480px -192px;	
}

.sprite_medium_tick
{
    background-position: -512px -192px;	
}

.sprite_medium_readreceipt
{
    background-position: -544px -192px;	
}

.sprite_medium_images
{
    background-position: -576px -192px;	
}

.sprite_medium_html_off
{
    background-position: -608px -192px;	
}

.sprite_medium_txt_off
{
    background-position: -640px -192px;	
}

.sprite_medium_images_off
{
    background-position: -672px -192px;	
}

.sprite_medium_readreceipt_off
{
    background-position: -704px -192px;	
}

.sprite_medium_addfield
{
    background-position: -736px -192px;	
}

.sprite_medium_attach
{
    background-position: -768px -192px;	
}

.sprite_medium_sms
{
    background-position: -800px -192px;	
}

.sprite_medium_tickbox
{
    background-position: -832px -192px;	
}

.sprite_medium_header
{
    background-position: -864px -192px;	
}


/*medium sprites, row 2*/

.sprite_medium_cross
{
    background-position: 0px -224px;	
}
.sprite_medium_money
{
    background-position: -32px -224px;	
}


.sprite_medium_plus
{
    background-position: -64px -224px;	
}


.sprite_medium_reply_unread
{
    background-position: -96px -224px;	
}
.sprite_medium_reply_read
{
    background-position: -128px -224px;	
}

.sprite_medium_envelope
{
    background-position: -160px -232px;	
    height:16px;
}

.sprite_medium_saflag
{
    background-position: -192px -232px;	
    height:16px;
}


/*medium sprites, row 3*/




/*small sprites, row 1*/
.sprite_small_help
{
    background-position: -0px -288px;	
    
}

.sprite_small_email
{
    background-position: -16px -288px;	
}

.sprite_small_sms
{
    background-position: -32px -288px;	
}

.sprite_small_attach
{
    background-position: -48px -288px;	
}

.sprite_small_tick
{

    background-position: -64px -288px;	
}

.sprite_small_cross
{
    background-position: -80px -288px;	
}

.sprite_small_add
{
    background-position: -96px -288px;	
}

.sprite_small_sub
{
    background-position: -112px -288px;	
}


.sprite_small_arrow_right
{
    background-position: -128px -288px;	
}


.sprite_small_arrow_left
{
    background-position: -144px -288px;	
}


.sprite_small_arrow_down
{
    background-position: -160px -288px;	
}


.sprite_small_arrow_up
{
    background-position: -176px -288px;	
}



/*small sprites, row 2*/
/*small sprites, row 3*/


/*Custom sprites*/
.sprite_editortab
{
 width:104px;
 height:38px;   
}

.sprite_editortab_design
{
    background-position: -284px -462px;	
}

.sprite_editortab_logo
{
    background-position: -284px -423px;	
}

.sprite_cardtypes
{
     background-position: -388px -464px;	
     width:167px;
     height:26px; 
 
}
.sprite_cvv
{
     background-position: -555px -464px;	
     width:40px;
     height:26px; 
     
}


/* Easy bar sprites*/
#easybar_container
{
    width:900px;
    height:160px;
    
    position:relative;
    padding-left:9px;
    margin-bottom:20px;
}
.sprite_easybar_step
{
    
    width:105px;
    height:109px;
 
}

.sprite_easybar_header
{
    margin-top:33px;
    background-position: -754px -368px;	
}

.sprite_easybar_content
{
    margin-top:33px;
    background-position: -859px -368px;	
}

.sprite_easybar_test
{
    margin-top:33px;
    background-position: -964px -368px;	
}

.sprite_easybar_recipients
{
    margin-top:33px;
    background-position: -1069px -368px;	
    }

.sprite_easybar_delivery
{
    margin-top:33px;
    background-position: -1174px -368px;	
    }

.sprite_easybar_done
{
    margin-top:33px;
    background-position: -1279px -368px;	
}


.sprite_easybar_youarehere
{
       width:124px;
       height:153px;
       background-position: -1384px -368px;	
       position:absolute;
       z-index:1000;
       top: 0px;
}


/* these position the you are here sign*/
.sprite_easybar_youarehere_header
{
    left:0px;
}

.sprite_easybar_youarehere_content
{
    left:155px;
}
.sprite_easybar_youarehere_test
{
    left:310px;
}
.sprite_easybar_youarehere_recipients
{
    left:465px;
}
.sprite_easybar_youarehere_delivery
{
    left:620px;
}

.sprite_easybar_youarehere_done
{
    left:775px;
}

.sprite_easybar_donetick
{
    position:absolute;
    z-index:1001;
    top:100px;
 }



.sprite_easybar_connector
{
       width:50px;
       height:18px;
       background-position: -704px -368px;
       position:relative;
       top:64px;
}