/* 
	reset css
	Description: This resets all browser defaults so that we have a level playing field :D MS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* reset end */

/*
Description: Main CSS for new style as of 05/08
*/
html {
font-size:62.5%	
}
body {
font: normal 1.3em verdana, sans-serif;
min-width:990px
}
div#container {
margin:0 auto;
position:relative;
width:990px
}
/* this is the h1 on the search pages */
.index h1 {
background:url(http://cdn.peekyoullc.netdna-cdn.com/images/peekyou.gif) no-repeat 0 55px;
height:0;
margin:0px auto;
overflow:hidden;
padding-top:155px;
position:static;
width:408px
}
/* this is the logo on other pages */
#logo {
background:url(http://cdn.peekyoullc.netdna-cdn.com/images/collage_small.png) no-repeat -35px -293px;
height:0px;
margin-left:0;
overflow:hidden;
padding-top:19px;
position:relative;
width:90px;
}
#logo a {
display:block;
height:19px;
left:0px;
position:absolute;
top:0px;
width:90px
}
h1 {
font: bold 30px verdana, sans-serif
}
.whiteContainerMid h1 {
padding:0 0 20px
}
h2 {
font: bold 1.6em verdana, sans-serif;	
}
h2.index {
font: normal 14px verdana,sans-serif;
margin-bottom:35px;
text-align:center
}
h2.contact {
float:left;
font-size:1.9em;
font-weight:bold;
padding-bottom:4px;
width:300px
}
h2.contact a {
color:#000	
}
h3 {
font: bold 20px verdana, sans-serif;
margin:7px 0 0;	
}
.sideCol h3 {
font:bold 16px verdana,sans-serif
}
h4 {
font: bold 1.3em verdana, sans-serif;
}
h2 a,
h4 a,
h5 a {
color:#000
}
h5 {
font: bold 1em verdana, sans-serif
}
/* the accessibility menu at the top of the page */
ul.topMenu,
ul.topMenuRight {
color:#3287ff;
font: normal 13px helvetica,arial,sans-serif;
position:absolute;
top:0;
z-index:250
}
ul.topMenu {
border-bottom:1px solid #b0e0e6;
left:0px;
text-align:left;
width:100%
}
ul.topMenuRight {
padding:6px 0 2px;
right:0px
}
ul.topMenu li,
ul.topMenuRight li {
display:inline	
}
ul.topMenu li {
float:left;
padding:6px 0 2px
}/*
ul.topMenu li.google {
padding:7px 0 0
}
ul.topMenu li.google a img {
vertical-align:bottom
}*/
ul.topMenu span {
padding:0 20px	
}
ul.topMenuRight span.username {
color:#3287ff;
padding-left:8px;
}
ul.topMenu a,
ul.topMenuRight a {
color:#3287ff;
font-weight:normal;
padding:0 8px;
text-decoration:underline;
cursor:pointer; 
}
ul.topMenuRight span.username a {
color:#3287ff;
padding:0px 10px 0px 0px
}
ul.topMenu a:hover, ul.topMenu a:active {
color: #3287ff
}

#tools .tools a,
#iphoneapp .iphoneapp a,
#google_search .google a,
#name .name a,
#interests .interests a,
#images .images a,
#work .work a,
#locations .locations a,
#school .school a,
#phone_body .phone a,
#email_body .email a,
#zeitgeist .zeitgeist a {
color:#000;
font-weight:bold;
text-decoration:none
}

/* header div - this is used to leave space for the positioned elements that are brought to the top of the page. */
.header {
height:130px
}

/* main section */
#main {
background:url(http://cdn.peekyoullc.netdna-cdn.com/images/profileRight.gif) repeat-y right top;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
border:1px solid #b0e0e6;
clear:right;
position:relative;
padding:10px;
width:970px
}
/* main end */
/* Footer */
.homeFooter {
clear:left;
color:#999999;
font: 0.8em verdana,sans-serif;
margin:0px auto;
padding:20px 0;
text-align:center;
width:1064px; /*990px*/
}
.homeFooter a {
color:#999999;
font-weight:bold;
text-decoration:none;	
}
.homeFooter ul {
margin-top:8px	
}
.homeFooter ul li {
display:inline;
padding-right: 8px;
}
.homeFooter ul li a {
padding-right:5px	
}

/* New Footer Design */

#professionFooter,#popularFooter,#aboutFooter,#countryFooter{
    float: left;
    height: 180px;
    margin-left: 39px;
    width: 217px;
}

.homeFooter h2{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

ul.prof_left{
    float: left;
    height: 45px;
    width: 90px;
    padding-top: 12px;
    text-align: left;
    margin-right: 14px;
}

ul.prof_right{
    float: left;
    width: 90px;
    padding-top: 12px;
    padding-right: 43px;
    height: 126px;
    margin-top: 9px;
    border-right: 1px solid lightgrey;
    text-align: left;
    padding-right: 19px;
}

.footer_li{
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 7px;
}

#popularFooter ul li{
    margin-bottom: 16px;
}

#aboutFooter ul li{
    margin-bottom: 15px;
}



/* Footer - search by country menu */
ul.searchbycountry {
background:url(http://cdn.peekyoullc.netdna-cdn.com/images/countryflags.gif) no-repeat left top;	
height:29px;
margin:0px auto;
width:404px;	
}
ul.searchbycountry li {
float:left;
padding:0;
}
ul.searchbycountry li a {
float:left;
height:29px;
padding:0;
}
ul.searchbycountry li a:hover {
background-image:url(http://cdn.peekyoullc.netdna-cdn.com/images/countryflags.gif);
background-repeat:no-repeat;
}
ul.searchbycountry li.usa a {
width:47px;	
}
ul.searchbycountry li.usa a:hover {
background-position:left bottom
}
ul.searchbycountry li.canada a,
ul.searchbycountry li.uk a,
ul.searchbycountry li.ireland a,
ul.searchbycountry li.australia a,
ul.searchbycountry li.nz a {
width:49px
}
ul.searchbycountry li.canada a:hover {
background-position:-47px bottom
}
ul.searchbycountry li.uk a:hover {
background-position:-96px bottom
}
ul.searchbycountry li.ireland a:hover {
background-position:-145px bottom
}
ul.searchbycountry li.australia a:hover {
background-position:-194px bottom
}
ul.searchbycountry li.nz a:hover {
background-position:-243px bottom
}
ul.searchbycountry li.india a,
ul.searchbycountry li.china a {
width:39px
}
ul.searchbycountry li.india a:hover {
background-position:-292px bottom
}
ul.searchbycountry li.china a:hover {
background-position:-331px bottom
}
ul.searchbycountry li.world a {
width:34px
}
ul.searchbycountry li.world a:hover {
background-position:-370px bottom
}
ul.searchbycountry li a span {
display:none
}

/* faq page*/
.whiteContainerMid {
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
border:1px solid #b0e0e6;
margin:0 auto;
padding:0 30px;
width:928px;
}
.whiteContainerMid p,
.whiteContainerMid dt {
font: 1.2em verdana,sans-serif;
}
.whiteContainerMid p {
line-height:1.5;
margin-bottom:18px
}
.whiteContainerMid dt {
padding:10px 0 2px
}
.whiteContainerMid dd {
color:#6f6f6f;
font: 0.9em Verdana,sans-serif;
line-height:1.4;
padding:0 0 15px 20px
}
.whiteContainerMid p img {
display:block;
margin:0px auto;
}

/* tools page */
div.addToolsBox {
padding-bottom:20px;
position:relative
}
div.addToolsBox h2 {
color:#3287ff;
font-size:16px;
margin-top:0px;
padding:4px 10px 0px;
width:345px
}
div.addToolsBox p {
font-size:1em;
line-height:1.2;
margin-bottom:4px;
padding:12px 10px 6px;
text-align:justify;
width:450px
}
div.addToolsBox span.lastUpdate {
bottom:10px;
font:10px Arial, sans-serif;
position:absolute;
right:0px
}
/* tools page end */

/* generic styles */
hr {
display:none	
}
strong {font-weight:bold}
a {
color:#3287ff;
font-weight:bold;
text-decoration:none;
}
a:hover {
text-decoration:underline	
}
/* miscellaneous styles */
.clearThis {
clear:both;
float:none !important;
font-size:0;
height:0;
overflow:hidden;	
padding:0 !important
}
.clearRight {
clear:right;
font-size:0;
height:0;
overflow:hidden;	
}
img.floatRight {
float:right;
padding:0 10px 0 0;
}

/* homepage stuff + profile card */
.homeUnder {
font-family: Arial,Helvetica,sans-serif;
margin:0px auto;
padding:0 20px 12px;
position:relative;
width:950px
}
.homeUnder h2 {
color:#000;
font-size:12px;
font-weight: bold;
margin:0;
padding:8px 0 0 12px
}
.homeUnder h2 a {
color:#3287ff;
text-decoration:underline
}
.homeUnder h3 {
color:#3287ff;
font: bold 1em Arial,Helvetica,sans-serif;
margin:0;
padding:6px 0 2px 10px;
}
.homeUnder h3 a {
color:#3287ff	
}

.newPeople a {
float:left;
padding:8px 10px
}
.searchFor {
padding:8px 4px
}
.searchFor a {
color:#000;
display:inline;
float:left;
font-size:10px;
line-height:1;
margin:0 6px;
min-height:86px;
height:auto !important;
height:86px;
text-align:center;
text-decoration:none;
width:64px
}
.searchFor a img {
border:5px solid #ddf3fd;
display:block;
margin:0 2px
}
.searchFor a img:hover {
border:5px solid #c3deff;
}
/* Account page */



/* autocomplete */
.autocomplete {
z-index:100;
width: 350px;
background: #def3fd;
font: normal 1em Arial, Helvetica, sans-serif;
left:5px
}
#first_name_c,
#first_name_choices {
left:33px
}

#last_name_c,
#last_name_choices {
left:319px
}
.autocomplete ul {
width: auto;
list-style-type: none;
}
.autocomplete ul li {
background-color:#def3fd;
cursor:pointer;
float:left;
margin:0px 2px;
padding:2px;
width:250px;
}
.autocomplete ul li .suggestion {
float: left;
}
.autocomplete ul li .informal {
float: right;
font: normal .8em Arial, Helvetica, sans-serif;
color: #999999;
padding: 2px 0 0 0;
}
.autocomplete ul li .informal.location{
float: right;
display:none;
font: normal .8em Arial, Helvetica, sans-serif;
color: #999999;
padding: 2px 0 0 0;
}	
.autocomplete ul li.selected .informal {
background-color: #C5E0FA;
}
.autocomplete ul li .sameText {
color: #225D9C;
font-weight: bold;
}
.autocomplete ul li .suggestText {
color: #69C519;
font-weight: bold;
}
.autocomplete ul li.selected {
background-color: #C5E0FA;
}


/* navigation */

/* the form inputs underneath the tabs...
we dont position these on the search landing pages */
.index .searchPanelInputs {
margin:0px auto 10px;
position:relative;
left:0;
top:0	
}
/* we use positioning on other pages so that we can put more important stuff above the search menu */
.searchPanelInputs {
background: transparent url(http://cdn.peekyoullc.netdna-cdn.com/images/collage.png) no-repeat scroll center top;
height:76px;
left:0px;
position:absolute;
top:40px;
width:990px;
z-index:50
}
/* change the background image for the work search */
body#work .searchPanelInputs {
}
/* change the background image for the school search */
body#school .searchPanelInputs {
}
.searchPanelInputs form {
display:inline; /* fix ie6 double margin on float */
float:left;
position:relative;
margin:24px 0px 9px;
width:980px;
}
/* this line adds a left margin to the input row only on the life tab */
.searchPanelInputs form .topRow {
margin-left:22px
}
.searchPanelInputs form .topRow input {
border:1px solid #a4b8dc;
color:#999999;
display:inline;
float:left;
font: 1.2em verdana,sans-serif;
margin:0px 10px;
padding:3px;
text-align:left;
width:170px;
}
.searchPanelInputs form .topRow input:focus,
.searchPanelInputs form .topRow input.entered {
color:#333
}
.searchPanelInputs form .topRow input#email,
.searchPanelInputs form .topRow input#phone {
margin-left:40px;
width:300px
}
.searchPanelInputs form .topRow select {
color:#999999;
display:inline;
float:left;
font: 1.2em verdana,sans-serif;
margin:0 8px;
padding:3px;
text-align:left
}
.searchPanelInputs form input#middle_name {
width:60px	
}
.searchPanelInputs form input#username {
color:#cc99cc	
}
.searchPanelInputs form input#tag {
color:#66cc33	
}
.searchPanelInputs form #searchSubmit {
background: transparent url(http://cdn.peekyoullc.netdna-cdn.com/images/collage.png) no-repeat scroll -11px -536px;
border-width:0px;
color:#baeb37;
cursor:pointer;
font-size:0px;
height:45px;
line-height:2;
position:absolute;
right:6px;
text-align:right;
top:-7px;
width:122px
}
.searchPanelInputs h3 {
display:inline;
float:left;
font-size:18px;
margin:2px 6px 0px 10px;
}


/* iPhone */

.iphoneImg{
display:inline;
float:right;
position:relative;
}

.iphoneImg img{
padding-top:12px;
}

.peekLogoBox{
width:480px;
}
#app_icon{
margin:40px 0 0;
position:absolute;
}

#peek_icon{
margin:60px 0 0 100px;
position:absolute;
}
#tagline{
margin:95px 0 0 115px;
position:absolute;
color:#d6cccc;
}

.iphoneDesc p{
margin:180px 0 0 -2px;
position:absolute;
text-align:justify;
width:380px;
font-size:14px;
color:#888888;
}

.iphoneFet{
float:left;
padding-top:20px;
margin:-15px 0 0 -1px;
}

.iphoneFet ul{
margin:305px 0 0 -1px;
text-align:justify;
width:378px;
display:block;
}

.iphoneFet ul li{
font-size:12px;
font-weight: bold
}

.iphoneFet ul p{
font-size:12px;
}

.iphoneItunes img{
float:right;
margin:45px 14px 56px 5px;
}


#div_num_results{
     background-color:#EBF5FF;
     color:#3287FF;
     font-weight:bold;
     padding:0 10px 0 20px;/
     width:580px;
     font-size:14px;
}


#image_cont:hover{
    -moz-box-shadow: 0 0 8px #999999;
    border: 0px solid #DDDDDD;
}


#image_pagination{
    clear:both;
}




#about_container{
    padding-bottom:10px;
    height:260px;
}


#about_container h2{
    padding-left:215px;
}


#about_container img{
    position:relative;
    top: 0px;
    float:left;
}

#about_container img:hover{
    -moz-box-shadow: 0 0 8px #999999;
    border: 0px solid #DDDDDD;
}

#about_container p{
    padding-left:215px;
    font-size:12px;
    text-align: justify;
}

/* Mini Location Search Box */

#location_mini_search{
 margin-left:6px;
margin-top:14px;
position:static;
width:600px !important;
background-position:-10px -153px;
-moz-border-radius:10px 10px 10px 10px;
border-radius: 10px;
}

#location_search_button{
    background:url("http://cdn.peekyoullc.netdna-cdn.com/images/collage.png") no-repeat scroll -11px -536px transparent;
    border-width:0;
    color:#BAEB37;
    cursor:pointer;
    font-size:0;
    height:45px;
    left:472px;
    line-height:2;
    position:absolute;
    top:-7px;
    width:122px;
}

#location_mini_search form #location_row input{
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px;
webkit-border-radius: 8px;
border:1px solid #A4B8DC;
color:#999999;
display:inline;
float:left;
font:1.2em verdana,sans-serif;
margin:-13px 4px 1px;
text-align:left;
width:207px;
}

#float_ads {
    position: relative;
    margin:10px 15px 0;

}

#float_ads.fixed {
  position: fixed;
  top: 50px;
}



legend {
   background:none repeat scroll 0 0 transparent;
    color:#003366;
    font-size:13px;
    font-weight:bold;
    margin:3px 0;
}

fieldset{
    border-color:#CCCCCC;
    border-right:medium none;
    border-style:solid none none;
    border-width:1px medium medium;
    margin:1em 0;
}

/** Tracked CSS */

.track .registerLeft p{
    padding: 2px 0;
}
.track .registerLeft{
    float:left;
    width:610px;
}

.track .registerRight{
    color:#4F4F4F;
    float:right;
    font-family:Verdana,sans-serif;
    margin:0 0 5px;
    width:335px;
    margin:27px 0 5px;
}

.track .registerLeft label{
    clear:left;
    color:#000000;
    float:left;
    padding:3px 5px 0 0;
    text-align:right;
    width:110px;
}

.track p input{
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #707070;
    margin:0 0 5px;
    padding:3px 4px;
    width:273px;

}

.track input#genericSubmit{
    -moz-border-radius:5px 5px 5px 5px;
    background-color:#F4FAFE;
    border:3px solid #B0E0E6;
    color:#3287FF;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    padding:3px 5px;
    text-align:center;
    width:170px;
    float:right;
}

.track .captcha{
    margin-left: 10px;
    margin-top: 12px;

}

/** Contact Profile CSS */

.contact .registerLeft p{
    padding: 2px 0;
}
.contact .registerLeft{
    float:left;
    width:610px;
}

.contact .registerRight{
    color:#4F4F4F;
    float:right;
    font-family:Verdana,sans-serif;
    margin:0 0 5px;
    width:335px;
    margin:27px 0 5px;
}

.contact .registerLeft label{
    clear:left;
    color:#000000;
    float:left;
    padding:3px 5px 0 0;
    text-align:right;
    width:110px;
}

.contact p input{
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #707070;
    margin:0 0 5px;
    padding:3px 4px;
    width:273px;

}

.contact input#genericSubmit{
    -moz-border-radius:5px 5px 5px 5px;
    background-color:#F4FAFE;
    border:3px solid #B0E0E6;
    color:#3287FF;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    padding:3px 5px;
    text-align:center;
    width:170px;
    float:right;
}

.contact .captcha{
    margin-left: 10px;
    margin-top: 12px;

}

/** Iframez CSS */


#iframe_mini_search{
moz-border-radius:10px 10px 10px 10px;
background:none !important;
height:46px;
margin-left:123px;

position:static;
}

#iframe_searchBox .searchPanelInputs{
    width: 100% !important;
}


#iframe_mini_search form{

display:inline;
float:left;
margin:10px 0 8px;
position:relative;

}

#ads_iframe{
   margin-left:auto;
   margin-right:auto;
   margin-top:5px;
    text-align:left;
    width:728px;
}

#iframe_searchBox{
    background-color:#E6E6E6;
    width:100%;
}


#iframe_close{
bottom:13px;
float:right;
font-size:11px;
margin-right:13px;
margin-top:20px;
position:relative;
}
#iframe_text_msg{
float:left;
font-size:11px;
margin-top:10px;
}

#iframe_search_button{
background:url("http://cdn.peekyoullc.netdna-cdn.com/images/collage_small.png") no-repeat scroll -29px -336px transparent;
border-width:0;
color:#BAEB37;
cursor:pointer;
font-size:0;
height:45px;
left:413px;
line-height:2;
position:absolute;
top:-7px;
width:70px;
}

#iframe_logo{
float:left;
margin-bottom:-35px;
padding-top:6px;

}

#iframe_nameBox a:hover{
background-color:#E8E8E8;
-moz-border-radius: 5px;
border-radius: 5px;
}

.tabsPk{
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
background-color:white;
border-bottom:1px solid white;
border-left-color:#B0E0E6 !important;
border-left-width:thin !important;
border-right-color:#B0E0E6 !important;
border-right-width:thin !important;
border-style:solid;
border-top-color:#B0E0E6 !important;
border-top-width:thin !important;
float:left;
margin-left:6px;
margin-right:4px;
margin-top:2px;
overflow:hidden;
padding-left:14px;
padding-right:14px;
}