/*personpage_style*/


/*COLOURS:  A2C164, CADBA6, B2CB7E */
/* 99BBFF, B7D7FF */
#personpage_style table { border: none; }
#personpage_style td { border: none; }
#personpage_style { }
#personpage_style { xbackground: URL(images/pp_colorguide.gif) top 4em right no-repeat; }

/* backgrounds */
/*.pp_private { }*/ /*TR*/
.pp_private .persXwrapperTB { background: #FFFFFF; border: solid 1px #DFDFDF; border-top: none; } /*TR*/
.pp_private .persXwrapperLR { background: transparent; border: solid 1px #DFDFDF; border-top: none; } /*TR*/
.pp_private .persXwrapper { background: transparent; border: solid 1px #DFDFDF; border-top: none; } /*TR*/
.pp_wrapper { background: transparent; border: solid 1px #DFDFDF; border-top: none; } /*TR*/

/*.pp_public { }*/ /*TR*/
.pp_public .persXwrapperTB { background: #FFFFFF; border: solid 1px #DFDFDF; border-top: none; } /*TR*/
.pp_public .persXwrapperLR { background: transparent; border: solid 1px #DFDFDF; border-top: none; } /*TR*/
.pp_public .persXwrapper { background: transparent; border: solid 1px #DFDFDF; border-top: none; } /*TR*/
.pp_public .pp_wrapper { background: transparent; border: solid 1px #DFDFDF; border-top: none; } /*TR*/
#pp_toparea2 .persXwrapperTB { border-top: solid 1px #DFDFDF; }

/***************************/

/* TR holding all top elements (also .public)*/
#pp_toparea { } /*TR*/

/*image*/
#ppt_image { float: left; width: 130px; height: 153px; background: transparent; }
#ppt_image .linepic { padding: 0px; margin: 10px; border: solid 3px #CADBA6; }

/*details*/
#ppt_details { float: left; background: transparent; }
#pp_toparea .persXwrapperTB { /*margin-bottom: 0px;*/ border: none; }
#Xpp_toparea H5 { font-size: 14pt; } /*name*/
#pp_toparea .persXa { padding-left: 20px; background: URL('icons/pp_cog.gif') left no-repeat; }

/*tool bar*/
#ppt_toolbar { float: left; /*border: dashed 1px #CDCDCD;*/ background: transparent; }
#ppt_toolbar .toolbar { float: left; /*margin-left: 10px;*//*width: 200px; height: 153px;*/ background: transparent; flex-wrap:wrap; }
#ppt_toolbar .toolitem { font-size:9pt; line-height:120%; margin:2px;}

#pp_toparea2 { background: transparent; }
#pp_toparea2 .leftpic{ padding-bottom: 10px; }
#pp_toparea2 .persXitem { display: none; }


/***************************/

/* calendar */ /* NB - should be more explicit, padding is only needed on LR because calendar has no wrapper */
/*.persXcaltop { padding: 4px 0px 5px 4px; color: #FFFFFF; font-weight: bold; background: #A2C164; border-bottom: 4px solid #CADBA6; }*/

/* my blurb / my pics */
/* WARNING - USER DEFINED CONTENT */
/* IE BUG!!! - WRAPPER NEEDS height: 1%; - ADDED VIA CONDITIONAL SHEET */
.pp_wrapper { padding: 10px 10px 10px 10px; margin-bottom: 16px; } /*TD*/
.pp_wrapper h5 { /*display: none;*/ } /*NEEDED??*/
.pp_wrapper .linepic { padding: 0px; margin: 0px; margin-top: 6px; margin-bottom: 6px; }
.pp_wrapper .leftpic { padding: 0px; margin: 0px; margin-bottom: 10px; margin-right: 10px; }
.pp_wrapper .rightpic { padding: 0px; margin: 0px; margin-bottom: 10px; margin-left: 10px; }

/* bookmark sites, membership, your sites */ /* background should cover all image lists */
.persXwrapperTB { border: none; margin-bottom: 10px; } /*DIV*/
#pp_toparea .persXwrapperTB { background: transparent; }
#pp_toparea2 .persXwrapperTB { margin-bottom: 0px; }
#pp_spacer td { height: 16px; }
.persXwrapperTB .persXitem { color: #777; }
.persXwrapperTB .persXa1 { color: #777; }

/* my friends, my downloads */
.persXwrapperLR { border: none; margin-bottom: 10px; Xpadding-bottom: 10px; } /*DIV*/
.persXwrapperLR .persXa1 { margin-bottom: 6px; margin-top: 6px; } /*p*/

/* news, messages, articles */
#pp_messages { margin-right: 10px; }
#pp_news { margin-right: 10px; }
.persXwrapper { border: none; margin-bottom: 10px; } /*DIV*/


/* for larger items */
.persXwrapperTB .persXbg1 { padding: 10px; }
.persXwrapperTB .persXbg2 { padding: 10px; }
/* for smaller items, lists */
.persXwrapper .persXbg1 { padding: 2px 2px 2px 10px; }
.persXwrapper .persXbg2 { padding: 2px 2px 2px 10px; }
/* LR bg is on TR so padding dosn't work */
.persXwrapperLR .persXbg1 { } /*TR*/

/* lists without element wrappers (ie bg1) - messages, news, articles */
.pp_listwrapper { padding: 0px; margin-bottom: 10px; }
.pp_listwrapper ul { padding: 0px; margin: 10px; margin-top: 0px; }
.pp_listwrapper li { margin-top: 2px; margin-bottom: 2px; }
/* to give some interior padding */
.pp_listwrapper .persXwrapper { padding-bottom: 10px; }
.persXwrapper h1 { margin-bottom: 10px; }

/* lists with element wrappers (ie bg1) */
ul { padding: 0px; margin: 0px; margin-top: 0px; }
li { list-style: none; }

#personpage_style .listpages { margin-right: 6px; margin-bottom: 4px; margin-left:6px; padding-bottom:1em;}

/* !WARNING - sub-selecting an element in a non-specific way often doesn't work due to higher declarations in text sheet / main sheet */
/* I.E. - #personpage_style ul will overwrite .pp_listwrapper ul even though the later is specifically targeted */


/***************************/

/* these are also used for bookmarks, membership etc. */
.persXwrapperTB .linepic { padding: 0px; margin: 0px; border: none; }
.persXwrapperTB .leftpic { padding: 0px; margin: 0px; border: none; }
.persXwrapperTB H5 .leftpic { padding: 0px; margin: 0px; border: none; padding-bottom:1em; }
.persXwrapper .linepic { padding: 0px; margin: 0px; border: none; }
.persXwrapper .leftpic { padding: 0px; margin: 0px; border: none; }


/***************************/

/* Normal H1 public */
.pp_public .persXtitle { font-size: 11pt; background-color: #99BBFF; border-bottom: 4px solid #B7D7FF; margin-bottom:1em; }
/* Normal H1 other */
.persXtitle { /*font-family: Arial, Helvetica, Sans-serif;*/ font-size: 11pt; background-color: #A2C164; color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; padding: 4px 2px 5px 6px; border-bottom: 4px solid #CADBA6; } /*h1*/
.persXtitle a { color: #FFFFFF; } /*h1*/
.persXtitle a:hover { color: #FFFFFF; } /*h1*/


/***************************/

.persXa { } /*a inside p*/
.persXa1 { } /*a inside h5*/
#personpage_style h5 { margin: 0px; padding: 0px; font-weight:normal; } /*to get to random h5s around pictures etc. */
.persXfirst {}
.persXitem { margin-bottom: 6px; margin-top: 6px; line-height: 1.28; } /*p*/

.tabberlive .tabbertab .persXwrapperTB { border: none; }
.tabberlive .tabbertab .persXwrapperLR { border: none; }
.tabberlive .tabbertab .pp_wrapper { border: none; margin:0px;}

/* SD::: Using a transparent border because margin doesn't work */
.persXwrapperLR H5 { border-left: 4px transparent solid; border-top: 5px transparent solid; }
.persXwrapper li { padding-left:4px; vertical-align:top; margin-bottom: 2px;  }
.persXwrapper H1 { margin-bottom: 2px; }
.persXwrapper li img { vertical-align:text-bottom; }

#personpage_style .calm { padding-left: 3px; padding-right:3px; }
#personpage_style .mainarea { padding-top: 0; }
#personpage_style .text h1 { margin-top:1em; }
#personpage_style .mainarea .leftpic, .mainarea .rightpic, .mainarea .linepic { max-width:none; }

.mainarea #surveys .infowrapper { width:auto; box-shadow:none; margin-top:0; border: 1px solid #ddd; }
.mainarea #surveys .infotop { background-color: #99BBFF; color:#fff; border-bottom: 3px solid #B7D7FF; font-size:100%; padding:2px 2px 2px 6px; }