/************************************************************/
/*************** FREETIMERS INTERNET CSS ********************/
/************************************************************/
/************************************************************/
/*************** FREETIMERS INTERNET CSS ********************/
/************************************************************/

/*******Userinformatino table *******/

.headers
{
  width:90%;
  padding:50px 0px 0px 0px;
  border-bottom:2px solid #d22ecd;
  color:#d22ecd;
}

#printbutton
{
  padding:5px;
    background: #F30;
  color:#fff;
  width:100px;
  text-align:center;
  font-weight:bold;
  border:1px solid #000;
  float:right;
}
#printbutton a
{
  color: #fff;
}
h1
{
    color:#d22ecd;
    font-size:26px;
    font-weight:100;
    margin:0px;
    
}
#info
{
  border:1px solid #D12ECD;

}

#info th
{
  background: #D12ECD;
  color:#fff;
}
.cl1
{
  background: #F8D5F7;
}


#info th,#info td
{
  text-align:left;
  padding:5px;
  border-bottom:1px solid #D12ECD;
  border-right:1px solid #D12ECD;
}
/*****************END User Information Table*********************/
/*********QUESTIONS AND OPTIONS*********/
.td1 th
{
 
   border-bottom:1px solid #F8D5F7;
   padding:3px;
   margin-top:2px;
   text-align:left;
   font-size:13px;
   font-weight:100;
   
}
#instructions
{
 
   background:#F8D5F7;
   padding:3px;
   margin-top:2px;
   border:1px solid #D12ECD;
   display:block;
}
#questions
{
padding-left:10px;

}
#summarymessage UL
{
  list-style:none;
  width:100%;
  margin:0px;
  
}
#summarymessage LI
{
    background:#F8D5F7;
    padding:7px;
    border-bottom:2px solid #D12ECD;
}
.quest
{
  font-weight:bold;
  float:left;
  padding-top:10px;
  width:100%;
  clear:both;
}
.selectfield
{
clear:all;
width:300px;
}
.textfield, 
{
clear:both;
}
.group .texta
{
  width:50px;
}
.radiofield
{
clear:both;
}
.textareafield
{
clear:both;
}
.textareafield textarea, .textareaoptionfield textarea
{
  width:500px;
  height:150px;
}

.imgBox
{
width:150px; height:150px; overflow:hidden; border:1px solid #ccc;
float:left;
}
.fileText
{

width:150px; height:20px;

  
  float:left;
  
}
.buttonbox
{
clear:all;  height:30px;border-bottom:1px solid #ccc; width:100%; padding:15px;

}
.buttonbox a
{
background:#ffccb1;
margin-left:15px;
color: #000;
font-weight:bold;
}
.deletebutton, .downloadbutton
{

  
  padding:5px;
  color:#000;
  border:1px solid #000;
  float:left;
  
}
.buttonbox div{
 float:left; padding-top:10px; width:200px;
}


.imgBox img
{
width:100%; border:0px;
}
.selectfield
{
clear:right;
}
.group
{
  clear:both;
}
#error li
{
  padding:3px;
  color:#f30;
  
}

/*******************END OF QUESTION AND OPTIONS********************/

/************ CALENDER **************************/
#calTable td
{
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:3px;
}

#tblyear 
{
  width:250px;
}
/*******************  END HERE *****************/

/******************* MEMBER AREA ***************/

#membercontents
{
  clear:both;
  min-height:400px;
  overflow:hidden;
  
  
}
/********************END MEMBER AREA ***********/
/************************************************************/
/********************* BEGIN CSS ****************************/
/************************************************************/
/************************************************************/
/********************* BEGIN CSS ****************************/
/************************************************************/

body
{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: Calibri;
    background-color: #FFF1EA;
    

}

a, a:visited
{
	color:				#686868;
	font-size:			12px;
	text-decoration:	none;
}

a:hover
{
	color:		#D22ECD;
	text-decoration:	none;
}

body, td, th
{
    font-family: Calibri;
    font-size: 12px;
}

.clear 
{
clear: both;
}

.columnWrapper 
{
width: 1020px;
margin-top:-10px;


}

.contentWrapper
{
padding-top: -5px;
}

.homepageWrap 
{
height: 170px;
margin-left: 1px;
}
.homepagePics
{
height: 161px;
width:  179px;
padding-right: 5px;
float: left;
}
.homepagePics2
{
height: 161px;
width:  220px;
padding-right: 5px;
float: left;
}

.homepageBack
{
height: 50px;
background: #FAEAFA url(../images/homepagebackbot.gif) bottom no-repeat;
width: 179px;
}
inputw
{
    border: 1px solid #999999;
    text-indent: 5px;
}
/************************************************************/
/************************ MAIN ******************************/
/************************************************************/
#headerContainer
{
    padding:0px;
    margin: 0px;
    width: 1020px;
    clear:both;
    height: 265px;
    background: #fff url(../images/header.png) no-repeat;
        
}
#toplinks
{
  height:60px;
  width:100%;
  float:left;
}
  #logo
  {
    width:294px;
    float:left;
    height:100%;
    cursor:pointer;
  }

  #familySearch, #aupairSearch
  {
  width:290px;float:left; height:75px;
  }
  
  #familySearch:hover
  {
   background: transparent url(../images/ginger.gif) 209px 7px no-repeat;
  }
  
 #aupairSearch
 {
    float:right;
 }
 
 #aupairSearch:hover
 {
  background: transparent url(../images/ginger.gif) 198px -205px no-repeat;
 }
 
#mainContainer
{
    display: block;
    width : 1050px;
    padding: 0px;
    background:#FFF;
    
}



.clearLulz
{
  clear: left;
}
/************************************************************/
/*********************** HEADER *****************************/
/************************************************************/
#rightSearch
{
border:1px solid #f30;float:right; height:180px;width:290px; position:relative; top:70px;
}

#headerTop 
{
    float: left;
    background: url(../images/topleftlogo.gif) no-repeat;
    width: 287px;
    height: 80px;
    padding: 0px;
}

#botImageWrap
{
    height: 180px;
    float: left;
}
#updateNote
{
  padding:10px;
  text-align:center;
  color:green;  
}
#botLeft
{
    float: left;
    background: url(../images/botleftlogo.jpg) no-repeat;
    width: 287px;
    height: 180px;
    
}

#botRight
{
    background: url(../images/botrightlogo.jpg) no-repeat;
    width: 427px;
    float: left;
    height: 180px;
    margin-left: 3px;
}

#botRightTwo
{
    background: url(../images/botrightlogo.gif) no-repeat;
    width: 287px;
    float: left;
    height: 180px;  
}

#nannySearch
{
    background: #D22ECD;
    float: right;
    height: 67px;
    width: 287px;
    margin-top: 113px;
}

#nannySearch input
{
  font-size: 11px;
}
#nannySearchTwo
{
    background: #D22ECD;
    float: left;
    height: 67px;
    width: 197px;
    margin-top: 113px;
    }
#nannySearchTwo input
{
    float: left;
    padding-left: 5px;
    font-size: 11px;
}

#nannySearchTwo #textField
{
    margin-left: 20px;
    margin-top: 8px;
    width: 165px;
    color: #333333;
        }
        
#nannySearch #textField
{
    margin-left: 20px;
    margin-top: 8px;
    width: 165px;
    color: #333333;
}

#nannySearchButton
{
    background: url(../images/topleftsearch.gif) no-repeat;
    float: right;
    width: 90px;
    height: 67px;
    position: relative;
    top: 113px;
    left: 0px;
}
  
#nannySearchButtonTwo
{
    background: url(../images/topleftsearch.gif) no-repeat;
    float: right;
    width: 90px;
    height: 70px;
    *height: 67px;
    position: relative;
    top: 0px;
    left: 0px;
}

.rightColumn .login
{
margin-top: 8px;
color: #333333;
width: 150px;
float: left;
margin-left: 10px;
}
.rightColumn INPUT, #print, .submitButtons
{
font-family:calibri, arial, verdana;
font-size:14px;
padding:2px;
border:1px solid #FF9966;
}
#loginbutton, #print, .submitButtons
{
 background: transparent url(../images/buttonback.png)  0px -10px;
 cursor:pointer;
   color: #FF9966;
     font-size:12px;
 
 
}
 .submitButtons a
 {
 color: #FF9966;
 }

#loginTitle
{
  margin-top:10px;
  padding:3px;
  width:80%;
  border:1px solid #FF9966;
  font-size:14px;
  text-align:left;
  
}
.register
{
font-size: 11px;
text-align: center;
color: #333333;
}

.shortList
{
float: right;
font-size: 11px;
color: #333333;
}

.myAccounts
{
width: 145px;
margin-top: 1px;
margin-bottom: 5px;
float: left;
margin-left: 11px;
}

.myAccounts a, .myAccounts a:visited
{
font-size: 11px;
color: #333333;
text-decoration: none;
font-family: arial;
font-family: Calibri;
}

.myAccounts a:hover
{
font-size: 11px;
color: #D12ECD;
text-decoration: underline;

}

.register b
{
font-weight: lighter;
color: #D12ECD;
}
/************************************************************/
/*********************** RIGHT ******************************/
/************************************************************/

.rightColumnPadding
{
  padding: 0px;
  margin-top: 0px;
  float:right;
}


/************************************************************/
/*********************** MIDDLE *****************************/
/************************************************************/

.centerColumn
{
   padding-left: 	0px; 
   color: 			#333333;
   float: 			left;
   width: 			630px;
   text-align:		left;
}
.rightColumn
{
    float:right;
    width: 175px;
    margin-right:8px;
    
}
.leftColumn
{
    margin:0px;
    padding:0px;
    float: left;
    margin-left:8px;
    *margin-left:3px;
     width: 197px;
     margin-top:-10px;
     *margin-top:0px;
        
    }

/************************************************************/
/******************* NAVIGATION **************************/
/************************************************************/

#navBot 
{
    height: 20px;
    *height: 24px; 
    background: #FF9A66;
    width: 713px;
    border-bottom: 4px solid white;
    margin-top: 25px;
    font-size: 0px;
    margin-left: 291px;
    *margin-left: 0px;
}

#navSpace
{
    height: 32px;
}
/************************************************************/
/******************* VERTICAL MENU **************************/
/************************************************************/

.menuHeader, menuHeader a
{
    width: 			179px;
    height:			21px;
    *height:		26px;
    padding: 		0px;
    font-size: 14px;
    padding-top:	5px;
    background:  url(../images/menuheader.png) -8px 0px no-repeat;
    color: 			#FFF;
    font-weight: 	bold;
    text-align: 	left;
    vertical-align:	middle;
    margin-bottom: 	5px;
    text-decoration:none;
    float:left;
    padding-left:10px;
    

    
    
 }
        
/*.menuHeaderFix
{
    width: 160px;
    padding: 5px;
    background:  url(../images/leftmenufix.gif) right bottom no-repeat;
    color: #D22ECD;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}*/
#homePageTop
{
  font-size:14px;
}

#homeLeft H2, #homeRight H2
{
  padding:0px;
  margin:0px;
  font-size:26px;
  font-weight:100;
  color:#D016C1;
}    
#homeRight H2
{
 color:#FF9966;
}
    
#homePageTop
{
height:377px;
*height:350px;
clear:all;
}
#homeLeft, #homeRight
{
width:50%;
height:100px;
float:left;
}
#homePageBottom
{
  float:left;
}
.menuHeaderGrad
{font-size: 14px;
    width: 600px;
    *width: 620px;
    padding-top: 5px;
    padding-bottom: 5px;
    background:   url(../images/grad.png) left no-repeat;
    color: white;
    font-weight: bold;
    text-align: left;
    height: 14px;
    padding-left:9px;
    margin-top:20px;
}    
.menuHeaderRight
{font-size: 14px;
    width: 170px;
    width: 177px;
   
    padding-top: 5px;
    padding-bottom: 5px;
    background:  #FF9966 url(../images/rightMenucurve.gif) left no-repeat;
   * background:  #FF9966 url(../images/rightMenucurve.gif) -0px 3px  no-repeat;
    color: white;
    font-weight: bold;
    text-align: left;
    height: 14px;
    padding-left:9px;
}

.menuHeaderRightFix
{
    width: 160px;
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #FF9966 url(../images/rightmenufix.gif) left no-repeat;
    color: white;
    font-weight: bold;
    text-align: center;
    height: 14px;
}
.rightNews 
{
    /* padding: 2px; */
}

#regDesc ul, #reg ul
{
  margin:0px;
  padding:0px;
  list-style:none;
  vertical-align:top;
  
}
.outer
{
border-bottom:1px solid #CC25C7;
height:160px;
padding:15px;
margin-bottom:0px;
}

.inner
{
  margin:0px;
  padding:2px;
  font-size:16px;
  
}
.inner h2
{
  margin:0px;
  padding:0px;
  font-size:18px;
  color:#CC25C7;


}
#regDesc
{
    margin-left:10px;
    float:left;
    height:150px;
    width:380px;
    
    
}

#reg #pic
{
  background-color: #CC25C7;
}

#vertical ul, .rightNews ul
{ 
    padding: 				0px;
    *margin-left: 			5px;
    float : 				left;
    /*width : 				179px;*/

    /*border-style:			solid;
    border-width:			1px;
    border-color:			#000000;*/
    
    color: 					#686868;
    margin-bottom: 			0px;
    list-style: 			none;
 
    /*margin-left: 10px;*/
    /*list-style-image: 		url(../images/list_dot.gif);
    list-style-position: 	inside;*/
    text-align:				left;
    }
    
    #famMenu
    {
      height:192px;
      *height:206px;
      overflow:hidden;
    }
    #aupMenu ul
    {
       height:148px;
       overflow:hidden;
    }
    
 .rightNews ul
 {
  font-size:14px;
 }
 
  .rightNews li
  {
     padding-top: 5px;
    margin-left: 5px;
    margin:0px;
      
    
    }
    
    .rightNews h2
    {
    font-size:14px; margin:0px; padding:0px;
    color:#D016C1;
    }
    .newlist h2
    {
    color:#D016C1; font-size:26px; font-weight:100;padding:0px; margin:0px;
    }
.rightColumn ul
{
    padding: 0px;
    margin-left: 5px;
    *margin-left: 5px;
       /*float : left;*/
    color: #686868;
    margin-bottom: 5px;
    width: 150px;
    list-style: none;
    /*list-style-position: outside;*/
}
   
.rightColumn li p
{
    /*display: inline;*/
    /*padding-left: 10px;*/
}
.rightColumn li
{
	background: 			url(../images/list_dot.gif) no-repeat;
    background-position: 	0px 4px;
    *background-position: 	0px 4px;
    padding-left:			10px;
}

#vertical li
{ 
    /*position : relative;*/
    float:left;
    line-height:14px;
    width:180px;
    color:#686868;
    padding-left:10px;
    padding-top:0px;
    /*background: url(../images/list.gif)left no-repeat;*/
    background: 			url(../images/list_dot.gif) no-repeat;
    background-position: 	-3px 4px;
    
 
}

#vertical li ul
{
    position : absolute;
    left: -999em;
    margin-left : 120px;
    margin-top : -18px;
    }

#vertical li ul ul
{
    left: -999em;
}

#vertical li a,
.rightColumn li a
{
    /*display : block;*/ 
    /* w\idth : 110px; */
    text-decoration : 		none;
    line-height: 			18px;
    text-indent: 			2px;
    color: 					#686868;
    font-size: 				13px;  
}

#vertical li a:hover,
.rightColumn li a:hover
{
    color: #D22ECD;
    font-size: 12px;
}

#vertical li:hover ul ul, 
#vertical li:hover ul ul ul, 
#vertical li.sfhover ul ul, 
#vertical li.sfhover ul ul ul
{
    left: -999em;
}

#vertical li:hover ul, 
#vertical li li:hover ul, 
#vertical li li li:hover ul, 
#vertical li.sfhover ul, 
#vertical li li.sfhover ul, 
#vertical li li li.sfhover ul
{ 
    left: auto;
}

/************************************************************/
/****************** HORIZONTAL MENU *************************/
/************************************************************/


#mainLinks
{
  width:726px;
  float:left;
  height:100%;
  margin-top:32px;
}
#mainLinks ul
{
  	padding: 0;
  	margin: 0;
  	
  	list-style: none;
  	text-align: left;
}

#mainLinks a
{
    /* text-indent: 10px; */
  	display: block;
  	/* width: 62px; */
  	color: #D016C1;
  	font-weight: bold;
  	font-size: 14px;
  	text-decoration: none;
  /* 	line-height: 20px; */ 
  	font-family: Calibri;
  /* height: 20px; */
    line-height: 25px;
    margin-left: 3px;
     cursor:pointer;
    
}

#mainLinks a:hover
{
   	color: white;
  	height: 25px; 
  	text-align: left;
    background:  #FF9966 url(../images/menuhoverleft.gif) left top no-repeat;
    }

#mainLinks a span
{
  	padding-left: 10px;
    padding-right: 10px; 
    *padding-right: 7px; 
}

#mainLinks a:hover span
{
    padding-left: 10px;
    padding-right: 10px;

}

 #mainLinks a:hover span
{
    background: url(../images/menuhoverright.gif) right top no-repeat;    
    }

 #mainLinks a:hover,
 #mainLinks a:hover span
{
    display: block;
    float: left;
    }

#mainLinks li
{
  	float: left;
}

#mainLinks li ul
{
  	position: absolute;
    left: -999em;
      }

#mainLinks li:hover ul
{
	 left: auto;
		 	 }
		 	 
#mainLinks li:hover ul,
#mainLinks li.sfhover ul
{
    left: auto;
   
}
/*****************************Member tabs********************************/
/*
#membermenu
{
height:27px;
border-bottom :3px solid #D12ECD;
}
#membermenu div a
{
  font-size:14px;
  float:left;
  padding:5px;
  background:#FF9966;
  color:#fff;
  font-weight:100;
  
}

#membermenu div a:hover
{
  background:#FFCCB1;
}
#membermenu div #act
{
  background:#D12ECD;
}

*/
#membermenu
{

  float:left;
  
  margin-top:32px;
  height:27px;
border-bottom :3px solid #D12ECD;
background:url(../images/orn.png) -0px -44px;

}
#membermenu ul
{
  	padding: 0;
  	margin: 0;
  	
  	list-style: none;
  	text-align: left;
}

#membermenu a
{
    /* text-indent: 10px; */
  	display: block;
  	/* width: 62px; */
  	color: #fff;
  	font-weight: bold;
  	font-size: 13px;
  	text-decoration: none;
  /* 	line-height: 20px; */ 
  	font-family: Calibri;
  /* height: 20px; */
    line-height: 30px;
    margin-left: 0px;
     cursor:pointer;
    
}

#membermenu a:hover
{
   	color: white;
  	height: 30px; 
  	text-align: left;
    background: #FFD4BE  url(../images/oleft.png) left top no-repeat;
    color: #FC6D04;
    
    }

#membermenu a span
{
  	padding-left: 10px;
    padding-right: 10px; 
    margin:0px;
    
}

#membermenu a:hover span
{
    padding-left: 10px;
    padding-right: 10px;
    background-color:#FFD4BE;
    
}

 #membermenu a:hover span
{
    background: url(../images/oright.png) right  top no-repeat;    
    }

 #membermenu a:hover,
 #membermenu a:hover span
{
    display: block;
    float: left;
    }

#act
{
background:  #D12ECD url(../images/pright.png)  right  top no-repeat;
color: white;
display: block;
float: left;
       
}
#act span
{
background:  url(../images/pleft.png) left top no-repeat;    
    display: block;
    float: left;
       
    
}
#membermenu li
{
  	float: left;
  	
}

#membermenu li ul
{
  	position: absolute;
    left: -999em;
      }

#membermenu li:hover ul
{
	 left: auto;
		 	 }
		 	 
#membermenu li:hover ul,
#membermenu li.sfhover ul
{
    left: auto;
   
}
/*************************************************************/


/************************************************************/
/************************ FOOT ******************************/
/************************************************************/

#freetimersFooter
{
    clear: both;
    text-align: center;
    border-top: 1px solid #FFCCB2;
    padding: 5px;
    margin-top: 5px;
    font-size: 10px;
}

#freetimersFooter2
{
    clear: both;
    text-align: center;
    border-top: 1px solid #FFCCB2;
    padding: 5px;
    margin-top: 5px;
    font-size: 12px;
    
    
}
#freetimersFooter2 ul
{
  	padding: 0;
  	margin: 0;
  	list-style: none;
  	text-align: center;
  	margin-left:60px;
  	
}
#freetimersFooter2 li
{
  	float:left;
  	padding-left :30px;
}

#freetimersFooter a,#freetimersFooter a:visited
{
text-decoration: none;
color: #D12ECD;
font-size: 10px;
}

#freetimersFooter a:hover
{
text-decoration: none;
color: #AC26B3;
}