html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, small, strike, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
legend{display:none}
:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
th{text-align:left; padding:0 5px 0 0}
html{background:url(../webimage/template/comb-blue.gif) fixed;}
body{font-size:0.75em; line-height:1.5em; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, Sans-Serif; letter-spacing:-0.1px; color:#444; text-align:center;}

a, a:visited {color:#076CCD; text-decoration:none; cursor:pointer;}
a:hover{cursor:pointer; text-decoration:underline; }
a:active{text-shadow:#9cc9f3 0 0 4px}
a.primary-link{font-size:1.166em; line-height:1.3em}
.column3 a.primary-link{font-size:1.083em}

h1{padding:15px 0pt 8px 12px; line-height:1em; font-size:2em; font-weight:normal; letter-spacing:-0.8px; text-shadow:#a9b9bf 0 2px 3px  }
h2{font-weight:normal; font-size:1.5em; line-height:1.5em; padding:3px 0}
h2 .rightLink {float:right; margin-top:-20px; padding-right:5px;}
h2 small{font-size:75%}
h2 span{font-weight:normal}
p{font-size:1.083em; padding:3px 0}
.column1 p{font-size:1em;}
p.crumb{padding:0 0 7px 13px; font-size:0.916em; margin:0}
.twenty-fifty-thirty .column1 h2, .twenty-eighty .column1 h2{font-size:1em; padding:4px 6px 3px 0; font-weight:bold; margin-bottom:3px}
.column3 h2, .seventythirty .column2 h2{font-size:1.333em; padding:5px 0 4px 0; margin:0px 0 }
h3{ clear:both; font-size: 1.083em; line-height:1.7em; margin-bottom:0.2em; font-weight:normal}
.shadow{background:url(../webimage/template/shadow-all.png) center -90px ;}
.shadow-bottom{background:url(../webimage/template/shadow-bottom.png) center top no-repeat; height:20px}
.normalsize{font-size: 100%}
h4{	margin:0px;	padding:0px; font-weight:normal; font-size:1em; clear:both;	color: #666; margin-bottom:5px;}
blockquote{margin:0 0 0 0;  background:url(../webimage/arrow-comment.gif) no-repeat left 0; }
blockquote p {background:#f4f7fc; border:1px solid #b4c2c9; border-left:0; padding:7px 10px 7px 10px; margin:0 0 0 4px}
cite{font-style:normal; display: inline; font-size:0.916em; color:#999;}
em{font-style:normal; font-weight:bold}
.mail tbody tr:hover {background:#EBF1F9}
.freeContact{margin-right: 3px;}


/*Product tabs*/
#productnav{color:#d3e1f0; height:71px; overflow:hidden; padding-left:0px;}
#productnav li {float:left;} 
#productnav a{padding-top:71px; height:0px; display:block; overflow:hidden;}
#productnav .gr a{background: url(../webimage/template/tabnav-73.png) -0 -0; width:295px; }
* html #productnav .gr a{background: url(../webimage/template/tabnav-73.png) -0 -0; width:297px; } /*IE6*/
#productnav .da a{background: url(../webimage/template/tabnav-73.png) -295px -0; width:264px}
#productnav .sh a{background: url(../webimage/template/tabnav-73.png) -559px -0; width:114px}
#productnav .gr a:hover{background: url(../webimage/template/tabnav-73.png) -0 71px; width:295px; }
* html #productnav .gr a:hover{background: url(../webimage/template/tabnav-73.png) -0 71px; width:297px; } /*IE6*/
#productnav .da a:hover{background: url(../webimage/template/tabnav-73.png) -295px 71px;  width:264px}
#productnav .sh a:hover{background: url(../webimage/template/tabnav-73.png) -559px 71px; width:114px}
#productnav .null {background: url(../webimage/template/product-tabs-blank.gif); width:113px}

/*Header*/
#all {background:#fff; text-align:left;}

.spacer5{height:5px}
#centre, .templatePositioner{width:995px; margin:0 auto; }
#skip, .skip{visibility:hidden; display:none;}
#head{height:71px;}
#topbar {width:750px; float:left;}
#logo {float:left; width:322px;}
#logo a{display:block}
#modalContainer{background:#fff url(../webimage/template/content-shadow-bg.gif) repeat-x top}

.welcome{float:right;  padding:6px 10px 0px;}
.welcome a, .welcome a:visited{}
.welcome a:hover {text-decoration:underline;}

/*DropDownNavigation*/
#topnav {background:url(../webimage/template/welcome-bg.gif) no-repeat right bottom;  height:33px; clear:both}
#topnav ul li {float:left; font-size:1.333em; position:relative; }
#topnav ul li#topnav-home, #topnav ul li#topnav-mail {border-bottom:3px solid #b4c2c9; z-index:128}
#topnav ul li#topnav-profile {border-bottom:3px solid #ffde00; z-index:132}
#topnav ul li#topnav-places {border-bottom:3px solid #1d64b0; z-index:131}
#topnav ul li#topnav-groups {border-bottom:3px solid #93c93f; z-index:130}
#topnav ul li#topnav-friends {border-bottom:3px solid #f172ad;z-index:129}
#topnav ul li a {clear:both; display:block; padding:6px 12px}
#topnav ul li a:hover {text-decoration:none; color:#fff}
#topnav ul li div { position:absolute; top:30px; display:none; visibility:hidden; border:2px solid #aaa; background:#fff;  padding: 0px; margin:0px 0px 0px 0px; z-index:11000; -moz-box-shadow:0 6px 8px #999}
#topnav ul li#topnav-home div, #topnav ul li#topnav-mail div {border-color:#b4c2c9;}
#topnav ul li#topnav-profile div {border-color:#ffde00;}
#topnav ul li#topnav-places div {border-color:#076ccd; margin-top:-1px}
#topnav ul li#topnav-groups div {border-color:#93c93f;}
#topnav ul li#topnav-friends div {border-color:#f172ad;}
#topnav ul li li {background:transparent url(../webimage/icons/subnav-icons.png) no-repeat; font-size:1em; border-bottom:1px solid #cde2f5; float:none;  padding:0px 1px 1px 0px; }
#topnav ul li li:last-child, #topnav ul li li.last-child{border:0;}
#topnav ul li li.last-child{border:0;}
#topnav ul li li a {padding:9px 5px 7px 35px}
#topnav ul li.navSelected {background-image:url(../webimage/template/tabnav-corners.png); background-position:left top; background-repeat:no-repeat}
#topnav ul li.navSelected a{background-image:url(../webimage/template/tabnav-corners.png); background-position:right -37px; background-repeat:no-repeat}
#topnav ul li.navSelected div a {background-image:none; color:#076CCD;margin:0; display:block; white-space:nowrap;}
#topnav ul li.navSelected div a:hover{background-image:none; color:#fff;} 
#topnav ul li.navSelected div a:visited:hover{background-image:none; color:#fff;} 
#topnav-clips.navSelected a{color:#076CCD}
#topnav-profile.navSelected a{color:black}
#topnav-profile.navSelected div a{color:#076CCD}
#topnav-profile.navSelected div a:hover{color:black}
#topnav ul li#topnav-clips.navSelected a{color:#076CCD}
#topnav ul li#topnav-profile.navSelected a{color:black}
#topnav ul li#topnav-profile.navSelected div a{color:#076CCD}
#topnav ul li#topnav-profile.navSelected div a:hover{color:black}
#topnav ul li#topnav-home div li:hover, #topnav ul li#topnav-mail div li:hover, #topnav ul li#topnav-home.navSelected, #topnav ul li#topnav-mail.navSelected  {background-color:#b4c2c9; cursor:pointer;}
#topnav ul li#topnav-profile div li:hover, #topnav ul li#topnav-profile.navSelected {background-color:#ffde00}
#topnav ul li#topnav-places div li:hover,#topnav ul li#topnav-places.navSelected {background-color:#1d64b0}
#topnav ul li#topnav-groups div li:hover, #topnav ul li#topnav-groups.navSelected {background-color:#93c93f}
#topnav ul li#topnav-friends div li:hover, #topnav ul li#topnav-friends.navSelected {background-color:#f172ad}
#topnav ul li.navSelected a{color:#fff}
#topnav ul li.navSelected div {display:block; visibility:visible; left:0}
#topnav ul li .newMessage {background-image:url(../webimage/icons/icon-newmail-glow.gif); background-repeat:no-repeat; padding:0px 0px 0px 20px;}
#topnav ul li.highLighted {background-color:#2b93b9; cursor:pointer;}
#topnav ul li.highLighted a:hover {text-decoration:none;}
#topnav iframe {position:absolute; top:32px; left:0px; border:0px; visibility:hidden; display:none;}
/*Top nav - my places*/
#topnav ul li div div.my-places-list, #topnav ul li div div.my-groups-list{ border:0!important; background:none;max-height:156px; position:static;overflow:hidden;width:350px; -moz-box-shadow:none}
#topnav ul li div li div.my-places-list ul{background:#fff; display:block;}

#topnav ul li a{whitespace: nowrap;}
#topnav ul li a .alertLink{visibility: visible; background: url(/webimage/updateAlertBg.png) no-repeat; color: white; margin: 0; padding: 0 0 1px 5px; font-size: 10px; position: relative; top: -1px; line-height: 1em;}
#topnav ul li a .alertLinkR{background-position: top right;margin:0 5px 0 0; padding-left: 3px;}

.morelink{position:absolute; top:3px; right:5px;}
#topnav ul li#topnav-places div li.navListSelected,#topnav ul li#topnav-places.navSelected {background: #1865B5 url(../webimage/template/topnav-dd-bg-places.gif) no-repeat !important}
#topnav ul li .my-place {clear:both; display:block; font-size:0.813em; background:#eaf3fb; }
#topnav ul li .my-place a{padding:2px 10px 2px 35px}
#topnav ul li .my-place:hover{background:url(../webimage/template/topnav-dd-bg-places.gif) no-repeat -10px top}
#topnav .morelink{position:absolute; right:10px;}
#topnav ul li.my .morelink{top:9px;}

/*Groups Nav*/
#topnav #topnav-groups div.my-places-list ul li.my-place{background:#e9f4d9;}
#topnav #topnav-groups div.my-places-list ul li.my-place a:hover{background:#93c93f;}

#topnav li.my{background-position:0px -50px}
#topnav li.find{background-position:0px -79px}
#topnav li.recently{background-position:0px -142px}
#topnav li.manage{background-position:0px -601px}
#topnav li.create{background-position:0px -172px}
#topnav li.browse{background-position:0px -114px}
#topnav li.suggested{background-position:-1px -367px}
#topnav li.chat{background-position: 0 -641px}
#topnav li.requests{background-position:-2px -330px}
#topnav li.compose{background-position:-2px -203px}
#topnav li.sent{background-position:-2px -234px}
#topnav li.deleted{background-position:-2px -265px}
#topnav li.drafts{background-position:-2px -295px}
#topnav li.my-profile{background-position:-2px -415px}
#topnav li.my-photo-video{background-position:-2px -510px}
#topnav li.my-timeline{background-position:-2px -460px}
#topnav li.my-blog{background-position:-2px -551px}
#topnav li.missing{background-position:0px -675px}

.subnav li.my{background-position:132px -52px}
.subnav li.find{background-position:132px -81px}
.subnav li.recently{background-position:132px -146px}
.subnav li.manage{background-position:132px -601px}
.subnav li.create{background-position:132px -176px}
.subnav li.browse{background-position:132px -114px}
.subnav li.suggested{background-position:132px -370px}
.subnav li.requests{background-position:132px -330px}
.subnav li.compose{background-position:132px -203px}
.subnav li.sent{background-position:132px -234px}
.subnav li.deleted{background-position:132px -265px}
.subnav li.drafts{background-position:132px -295px}
.subnav li.chat{background-position:133px -645px}
.subnav li.timeline{background-position: 133px -462px}
.subnav li.photo-video{background-position: 134px -509px}
.subnav li.profile{background-position:133px -415px;}

.subnav li.details{background-position:133px -415px;}
.subnav li.password{background-position:133px -799px;}


.subnav{background:#fff; display:block; height:auto; margin: 0 0 15px 0}
.subnav li{background:url(../webimage/icons/subnav-icons.png) no-repeat; font-size:1.167em;  border:1px solid #dfe6f3; border-left:0;}
.subnav li:hover{background-color:#EBF1F9; }
.subnav li a{padding:5px 0 5px 12px; display:block}
.subnav li a:hover{text-decoration:none}
.subnav li.on a{color:#444}

.home .subnav li.on, .mail .subnav li.on{background-color:#f0f0f0 }
.profile .subnav li.on{background-color:#fffceb;}
.places .subnav li.on{background-color:#cde2f5;}
.groups .subnav li.on{background-color:#e9f4d9;}
.friends .subnav li.on{background-color:#fcdeec; }

.places .subnav li:hover{background-color:#ebf5ff;}
.groups .subnav li:hover{background-color:#f6fbed;}
.friends .subnav li:hover{background-color:#fef0f7; }
#topnav .opening{visibility: hidden ! important;}
#topnav .tabnavHide{visibility: hidden ! important;}



/*Subnav*/
ul.tabnav {height:27px; display:block; margin-left:12px}
.tabnav li {float:left; margin-right:3px}
.tabnav a, .tabnav a:visited { text-decoration:none; font-size:1.167em;}
.tabnav a:hover {text-shadow:none}
.tabnav .on { color:#444; }
.tabnav a, .tabnav a span{display:block}
.tabnav a {background:url(../webimage/template/tabnav-l.gif) no-repeat left top}
.tabnav a span{background:url(../webimage/template/tabnav-r.gif) no-repeat right top; padding:6px 12px 3px 12px;}
#tabnav-profile.tabnav li a:hover, .tabnav-profile li a:hover {background-color:#fffceb;}
#tabnav-places.tabnav li a:hover {background-color:#cde2f5; }
#tabnav-groups.tabnav li a:hover {background-color:#e9f4d9; }
#tabnav-friends.tabnav li a:hover, .tabnav-friends li a:hover {background-color:#fcdeec; }

#tabnav-profile.tabnav li .on, .tabnav-profile li .on {background-color:#fffceb;}
#tabnav-places.tabnav li .on {background-color:#cde2f5; }
#tabnav-groups.tabnav li .on {background-color:#e9f4d9; }
#tabnav-friends.tabnav li .on, .tabnav-friends li .on {background-color:#fcdeec;}

.column1 .subnav li{}




.secondary-tabnav{float:right; margin:-27px 0 0 0}
li.help-tab, li.share-tab{margin:6px 10px 0 0; float:right; }
.help-tab a, .help-tab a span, .share-tab a, .share-tab a span{display:block}
.help-tab a.Opentipslink {background:#f0f0f0 url(../webimage/template/tabnav-l-help.gif) no-repeat left top; width:70px}
.help-tab a.Closetipslink { background:#f0f0f0 url(../webimage/template/tabnav-l-close.gif) no-repeat left top; display:none; float:left; width:70px}
.share-tab a{background:url(../webimage/template/tabnav-l.gif) no-repeat left top}
.help-tab a span{background:url(../webimage/template/tabnav-r.gif) no-repeat right top; padding:2px 28px 1px 12px;}
.share-tab a span{background:url(../webimage/template/tabnav-r.gif) no-repeat right top; padding:2px 12px 1px 12px;}

#page-help{margin:-2.2em 15px 0 0; float:right}

/*Help tab*/
.tipscontent{display:none; background:#f0f0f0 ; border:1px solid #b4c2c9; border-top-width:0; margin:-3px 0 10px 0; padding:5px 10px;}
.tipscontent p{padding:10px}
.tipscontent .Closetipslink{margin:10px; display:none; float:right}
.tipscontent ul{padding: 0 0 0 16px;}
.tipscontent ul li{margin: 5px 0 5px 10px; list-style-type:disc; list-style-position:outside;}
.tipscontent h3{font-size:1.2em;}
.tipsheader{margin-top:-3px; height:13px;}
.toptipsheaderOpen{background:url(../webimage/template/help-top-bg.gif) no-repeat 1px 0}
.longtip .tipsheader{height:auto!important; margin-top:0!important}
.longtip .toptipsheaderOpen{background:url(../webimage/template/help-top-bg-long.gif) no-repeat 1px 0; margin-top:-3px!important; height:6px!important}

.tertiary-nav li{margin:0 0 0 10px}
.tertiary-nav li.on{font-weight:bold}



/*Quicksearch*/
#searchsection {background:url(../webimage/template/searchsection-bg.gif) no-repeat; float:right; height:42px; width:547px; position: relative;}
#searchsection form *{font-size:1.087em}
#searchsection form{text-align:right; padding:5px 10px 5px 5px;float:right}
#searchsection select {border:1px solid #0081C4; margin:0px 0px 0px 0px; width:126px; visibility:hidden;	display:none; padding:1px 0 0 0}
#searchsection input {width:90px; border:1px solid #0081C4; padding:2px;}
#searchsection .primary-button {background:transparent url(../webimage/blue-button-50x22.png) no-repeat; height:22px; width:50px; margin:0; font-size:1.167em }
#searchsection form img {margin-right:5px;}
#searchsection form .srch_half {margin-left:3px;}
#searchsection form .srch_full {margin-left:3px;width:189px;}
#searchsection select, #searchsection input, #searchsection span{float:left}
#searchsection span{margin:2px 3px}
#searchsection span.nd{font-size:1.25em; margin:2px 3px 2px 12px}
#searchsection #QSmissingInput{position:absolute;top:24px;left:263px;display:none;color: Red; font-weight: bold; display: none;}
#searchsection #QSmissingInputL{float:left;}
#searchsection #QSmissingInputT{background:url(/webImage/media/tipslarge.png);padding:16px 0 0 20px;}
#searchsection #QSmissingInputR{float:left;}
#searchsection #QSmissingInputRT{background:url(/webImage/media/tipslarge.png) top right;padding:16px 0 18px 20px;width:0;height:0;line-height:0;}
#searchsection #QSmissingInputRB{background:url(/webImage/media/tipslarge.png) bottom right;padding:14px 0 0 20px;width:0;height:0;line-height:0;}
#searchsection #QSmissingInputB{background:url(/webImage/media/tipslarge.png) bottom left;padding:14px 0 0 20px;}

/*color code*/
.home h2, .mail h2 {border-bottom:1px solid #b4c2c9;}
.profile h2 {border-bottom:1px solid #ffde00;}
.places h2 {border-bottom:1px solid #1d64b0;}
.groups h2 {border-bottom:1px solid #93c93f;}
.friends h2 {border-bottom:1px solid #f172ad; margin-bottom: 5px;}
.dating h2 {border-bottom:1px solid #eb891e;}
.genes h2 {border-bottom:1px solid #00746b;}


/*content layout*/
#content {clear:both; }
#content.home, #content.mail {border-top:3px solid #b4c2c9;}
#content.profile {border-top:3px solid #ffde00;}
#content.places {border-top:3px solid #1d64b0;}
#content.groups {border-top:3px solid #93c93f;}
#content.friends {border-top:3px solid #f172ad;}
.column1, .column2, .column3 {margin:0px; float:left; padding-bottom:50px}
.twenty-fifty-thirty{background:#fff url(../webimage/template/twenty-fifty-thirty.gif)}
.twenty-fifty-thirty .column1{width:169px; border-right:1px solid #F4F7FC; }
.twenty-fifty-thirty .column2{width:503px; margin:10px; }
.twenty-fifty-thirty .column3{width:300px; margin:0px;overflow:hidden;}
.twenty-eighty .column1{width:170px;}
.twenty-eighty .column2{width:825px; margin:0}
.thirtyseventy .column1 {width:302px;}
.thirtyseventy .column2 {width:683px; margin:0}
.seventythirty .column1 {width:673px; margin:0}
.seventythirty .column2 {width:312px; margin:0}

.eighty .column1 {width:750px;}
/*.column1 {clear:left;} clear left stops the first column catching on the tabs on search page - IE don't remove you can't rearrange the column order now*/
.seventythirty .half, .thirtyseventy .half {float:left; width:48%; _width:292px;}
.eighty .half {float:left; width:365px;}
.eighty .form { width:500px; }
.eighty .form select { width:auto; }

.cell {margin:0 10px 10px 10px; clear:both}
.cup {}
.twenty-fifty-thirty .column1 .cell{margin-right:0}
.twenty-fifty-thirty .column3 .cell{margin:0 5px 15px 0}
.twenty-thirty-fifty .column1{width:160px;}
.twenty-thirty-fifty .column2{width:300px;}
.twenty-thirty-fifty .column3{width:483px; margin:0px}
.half{clear:none; float:left; margin:0 2% 0 0; padding:0; width:48%; }



/*bottom*/
#botnav{clear:both; padding:10px 0; color:#9dc8f1; font-size:0.714em}
#botnav a {color:#ffffff;}
#botnav ul, #botnav li {list-style-image:none; list-style-position:outside;	list-style-type:none; margin:0pt;padding:0pt;}
#botnav ul {color:#ffffff; height:27px;}
#botnav li { font-size:1.4em; border-right:1px solid #70b9df; float:left; padding:0 9px; list-style:none; line-height:1.5em; margin:0px 0px; /*position:relative;*/ height:21px; }
#botnav ul > li:first-child{border-left:0px;}
#botnav ul > li:last-child{border-right:0px;}
#botnav li{float:left; margin:0px}
#bottom{background: transparent url(/webimage/splash/bottom.png) top no-repeat; clear:both; color:#9dc8f1; }
* html #bottom{background: transparent url(/webimage/splash/bottomIE6.gif) top no-repeat; } /*IE 6 fix*/

#bottom a, #bottom a:visited{color:#fff; color:#9dc8f1; font-size:0.916em;}
#bottom .footer {text-align:center;}
#bottom .footer p{text-align:left;}
#bottom .links {width:750px; float:right;}
#bottom .links ul{width:24%; float:left; list-style:none; margin:10px 0;}
#bottom .links li{padding:0 0 0 10px; text-align:left; line-height:1.3em;}
#bottom .links ul li:first-child{padding:0}
.end{clear:both; display:block; text-align:left; color:#9dc8f1; padding:10px 0;}
.fr-details{text-align:left; color:#fff; line-height:1.8em; width:208px; float:left;}
.fr-details p{margin: 0 0 0 40px;}
.fr-details p.logo{margin: 50px 0 0 10px; width:188px; height:70px; background:url(/webimage/logos/bottom-logo.png) no-repeat left; text-indent:-5000px;}
* html .fr-details p.logo{background:url(/webimage/logos/bottom-logo.gif) no-repeat;} /*IE 6 fix*/


/* Lists */
.resultlist{margin:0px 0 0px 0; clear:both}
.resultlist li {margin:0;  display:block; line-height:1.2em; position:relative;   padding: 5px 0 3px 2px;}
.resultlist li:first-child {border-top: 0px !important}

/* Suggested friends */
.resultlist li .added{background: url(/webimage/icons/green-tick.gif) no-repeat left top;  width:40px; height:21px; padding:5px 0 0 30px; position:absolute; }
.resultlist li .removing{display:none; margin: 5px 20px 0 0; float:right;}
* html .resultlist li {position:relative;}/*IE 6*/
* +html .resultlist li {position:relative;}/*IE 7*/
.resultlist li div.added{right:50px; top:7px;}
* html .resultlist li div.added{left:150px; top:7px;}/*IE 6*/
/** +html .resultlist li div.added{left:150px; top:7px;}IE 7*/


/*Tick list*/
.tick-list{width:468px; padding:5px 0; zoom:1;}
.tick-list li{text-align:left; width:224px; height:47px; padding:0; float:left; margin:1px 0 1px 7px;}
.tick-list li img{ vertical-align:top;}
.tick-list li a {display:block; text-decoration:none; padding: 5px; height:47px; color:#333333;}
.tick-list li.selected{padding:0;}
.tick-list li.selected a{ background:url(../webImage/tick-list-selected.gif) no-repeat;}
.tick-list li.selected a:hover{background:url(../webImage/tick-list-selected.gif) no-repeat;}
.tick-list li a:hover {background:url(../webImage/tick-list-hvr.gif) no-repeat;}
.tick-list li span{width:120px; height:40px; display:block; padding: 7px 0 0 50px;}


    /*colour-code*/
.home .resultlist li, .mail .resultlist li{border-top: 1px solid #e4e4e4;}
.home .resultlist{border-bottom:1px solid #E4E4E4;}
.home .resultlist li:hover{background:none;}


.profile .resultlist li{border-top: 1px solid #fff7bd;}
.places .resultlist li{border-top: 1px solid #cde2f5;}
.groups .resultlist li{border-top: 1px solid #e9f4d9;}
.friends .resultlist li{border-top: 1px solid #fae1ed;}
.friends .column2 .myFriends .resultlist  li{height: 55px;}
 .manageFriends1, .manageFriends2{ display: block; width: 50px; height: 50px; background:url(../webImage/icons/managefriends.png) no-repeat;}
 .manageFriends3{display: block; width: 50px; height: 50px; background:url(../webImage/icons/friend.png) no-repeat;}
 
.resultlist li.open, .resultlist li:hover.open{background:#D5E8F7;}
.places .resultlist .listSubForm li, .groups .resultlist .listSubForm li {border-top: 0; padding-bottom: 0; float: left; clear: left;}
.places .resultlist .listSubForm li:hover, .groups .resultlist .listSubForm li:hover{background:#D5E8F7;}
.groups #UserGroupDiv .resultlist li{padding-bottom:20px;}

    /*colour-code*/
.groups .resultlist li:last-child {border-bottom: 1px solid #93C93F}

.resultlist .resultimage {display:block; float:left;  overflow:hidden; margin:0 10px 0 0; width:36px; height:36px;}
.resultlist .resultimage img{width:36px; height: 36px; display: inline-block;}
.resultlist .info {display:block; float:left;  margin:0 0 10px 0; cursor:pointer; width:295px}
.seventythirty .resultlist .info{width:auto}
.search .resultlist .info{width:290px}
.resultlist .info .memberInfo{display:inline-block;float:left;width:295px;}
.resultlist .newOnlineUpdated{float:left;margin-top:3px;}
.resultlist .newOnlineUpdated img{vertical-align:middle;}
.resultlist .links{position:absolute; right:0; width:140px }
.resultlist .links a{display:block; margin-bottom:2px;}
.resultlist .info img {margin-right:2px}
.resultlist  p {clear:both; font-size:0.916em; margin-bottom: 0px; padding:0; line-height:1.3em}
.resultlist  p.count{color:#777}
.supplementary{clear:both; font-size:0.916em;}
.posted-by{color:#aaa}

.otherMemberFriends .resultlist li {height:5.5em;}
.resultlist ul.links li{border:none}
.resultlist > li span.links{display:none; }
.resultlist li:hover{background-color:#eee;}
.resultlist li:hover .links{display:block; }
.column3 .resultlist li:hover .links, .column3 .resultlist li .links{display:none; }
.resultlist .years{display:block; margin-top:4px}
.resultlist .weemee{margin:0px; padding:0px;} 
.resultlist h3 {font-weight:bold;margin:0; padding:0; border:0;}
.resultlist h3 a {float:left;}
.resultlist h3 span {font-weight:normal;}
.resultlist .places li {margin:0; border:0; padding:0}
.resultlist li input {float:left; margin:0px 10px 0px 0px;}
.resultlist li.outline { margin: 0; padding: 0; border-top:1px solid #fff;}
.resultlist li input.buttonall{float:none; margin-left:31%}
.resultlist .extra{position:absolute; right:0; width:120px; bottom:13px}
.resultlist.half{width:auto}
.resultlist.half li{width:48%; float:left; border:0;} 
.friendshipstate{float: left; margin-left: -50px; position: relative;cursor:pointer;}
.resultlist .links .friendshipstate a{position:absolute; top: -40px; left: -35px; background: url(../webimage/medtip.png) no-repeat; padding: 13px 0 20px; width:105px;text-align: center;}
.resultlist .links .friendshipstate.follow a{}
.column1 .photoInfo span.friend-state{width:auto;display:block; height: 50px; background:url("../webImage/icons/managefriends.png") no-repeat 10px 0;float:none;text-align:left;padding: 14px 0 0 53px;font-size:1.2em;margin-top:5px;}
.column1 .photoInfo span.friend-state.family{background:url("../webImage/icons/friend.png") no-repeat 10px 0;}

/*Manage Friends PopUp*/
.manageFriendsPopUp{width: 470px;}
.manageFriendsPopUp h2{border-bottom:1px solid #F172AD !important;}
.FRdialogue .manageFriendsPopUp div h2 p{margin-left:8px;}
.FRdialogue .manageFriendsPopUp p{margin-left:5px;}
.manageFriendsPopUp div.manage{padding:5px; background:#cce2f4}
.manageFriendsPopUp div.follow,.manageFriendsPopUp div.friend{margin: 5px 10px;}
.manageFriendsPopUp .lnkRemoveFriend{margin: 5px 10px;}
.manageFriendsPopUp div.follow a,.manageFriendsPopUp div.friend a{display:block; height:74px; padding:5px 5px 10px 91px; color:#444; font-size:1.1em;}
.manageFriendsPopUp div.follow a {background:url(../webimage/manageControl/follow.png) no-repeat;}
.manageFriendsPopUp div.friend a {background:url(../webimage/manageControl/friend.png) no-repeat;}
.manageFriendsPopUp div.friend a.unavailable {background:url(../webimage/manageControl/friendUnavailable.png) no-repeat; cursor:default;}
.manageFriendsPopUp div.follow a:hover,.manageFriendsPopUp div.friend a:hover{text-decoration:none;}
.manageFriendsPopUp div.friend a.unavailable:hover{background:url(../webimage/manageControl/friendUnavailable.png) no-repeat;cursor: default;}
.manageFriendsPopUp div span, .manageFriendsPopUp div h3{font-size:1.4em;line-height:1em;margin:0;padding-bottom: 3px;}
.FRdialogue .manageFriendsPopUp div p{padding:0; margin-left:0;}
.manageFriendsPopUp div.follow a:hover{background:url(../webimage/manageControl/follow-hvr.png) no-repeat;}
.manageFriendsPopUp div.friend a:hover{background:url(../webimage/manageControl/friend-hvr.png) no-repeat;}
.FRdialogue .manageFriendsPopUp p.privacySettings{ background: #FFFFCC; padding:5px 15px; font-size: 1em;line-height: 1.3em;}

.manageFriendsPopUp div.friend a.on, .manageFriendsPopUp div.friend a.on:hover{background:url(../webimage/manageControl/friend-on.png) no-repeat;}
.manageFriendsPopUp div.follow a.on, .manageFriendsPopUp div.follow a.on:hover{background:url(../webimage/manageControl/follow-on.png) no-repeat;}
.FRdialogue .manageFriendsPopUp .buttons .primary-button{margin-bottom:5px;}
.manageFriendsPopUp a.lnkRemoveFriend{background: url(../webimage/icons/delete-cross.gif) no-repeat; padding-left:20px; font-size:0.9em; display:block; margin:10px 15px 0;}
.manageFriendsPopUp .buttons{margin-top:-33px;}
.manageFriendsPopUp .addFriend.buttons{margin-top:-18px;}
.FRdialogue .manageFriendsPopUp div p.manageDetails{ line-height: 1.3em; padding: 4px 10px 7px;margin-left:5px;}
.friendPrivacyHelp h2{background:#ffffcc;border:0;margin:0;padding-left: 7px;}
.friendPrivacyHelp h3{font-size:1.5em;margin:0;line-height:1em;padding-top:10px;}
.friendPrivacyHelp h2 a{float:right;}
.friendPrivacyHelp p{padding:0 0 10px;}
.friendPrivacyHelp p.fpHeader{background:#ffffcc;padding-left: 7px;}
.friendPrivacyHelp div.follow{padding-left:60px; background:url("../webImage/icons/managefriends.png") no-repeat 10px 10px;}
.friendPrivacyHelp div.friends{padding-left:60px;  background: white url("../webImage/icons/friend.png") no-repeat 10px 10px;}
.friendPrivacyHelp .moreLink{float:right;margin: 0 10px 5px; font-size:1.2em;}
.friendPrivacyHelp{border:2px solid #ffffcc; margin: 0 10px 20px;}
.friendPrivacyHelp h2 a.showHide{position: relative; font-size: 0.7em; margin-right: 10px;}
    
    
    
    
.column3 #__suggestionsList .resultlist .info{width:205px}
.column3 .resultlist .info{width:240px}
.column3 .resultlist .extra {width:60px; margin:0 3px 0 0; right:7px; top:5px}
.column3 .resultlist .extra .primary-button{background:url(../webimage/blue-button-31x15.png); width:31px; margin:1px 0 0 0; height:16px; padding:0;line-height:1.4em; font-size:0.916em;}
.column3 .resultlist .extra .secondary-button{display:block; width:40px; margin:0 0 5px 0; height:15px; padding:0; text-align:center}
.column3 .resultlist .links{width:30px;}
.latest-topics .supplementary, .latest-topics .posted-by, .latest-topics .extra{display:none}


dt {clear:left; float:left; width:31%;}
dd {float:left; width:50%;  margin:0px 0px 8px 0px;}

.column1 dl{margin:10px 0 0 0px; font-size:0.916em; line-height:1.2em}
.column1 dt, .column1 dd{float:none;clear:both; width:auto}
.column1 dt{font-weight:bold}
dl.attendance{margin:0; padding-top:10px;}
dl.attendance dt, dl.attendance dd{ padding:3px 0 3px 10px; cursor:pointer}
dl.attendance:hover{background:white url(../webimage/icons/tool-edit.gif) no-repeat right}
dl{list-style: none;}


/*Thumbs*/
.thumbs{margin: 0 0 0 0; padding: 0 0 3px 0;overflow:hidden;clear:both;}
.thumbs img{display:block}
.thumbs a, .thumbs input{width:80px; display:block; float:left; overflow:hidden; padding-bottom:5px; }
 .thumbs a img, .feed a img{padding: 0;margin:0; font-size:13px;}
.thumbs a:hover img, .feed a:hover img {background:url(/webimage/media/selectedThumbWhiteBg.jpg);}
.thumbs .more{width:50px}
.half .thumbs a{margin:0 5px 0 0}
.gallery a {float:none; width:300px; font-size:120%; margin:12px 5px 0px 0px; font-weight:bold;}
.thumbs input{border:1px solid #666; float:left;margin:10px 5px 0px 0px;}
.thumbs .tip { display:block; margin:3px; }
.thumbs a img:hover{text-decoration:none;}
.thumbs a span {overflow:hidden; display:inline; white-space:normal; text-align:left; line-height:1.3em; padding-right:3px}
.thumbs .btn_play {position:absolute; margin:0px; border:0}
.thumbs li {margin-bottom:3px;}
.thumbs .friend { height:110px; }
.thumbs .friend.other{height:auto;}
.thumbs .photo { height:80px; }
.thumbs .movie { height:75px; }
.thumbs .weemee {height: 75px; width: 70px;}

* html #content.friends .thumbs{width:490px;} /*ie6*/
* html #content.friends .thumbs img{width:75px; height:75px;} /*ie6*/


/*profile*/
.profilephoto img{width:169px}
.contact h2{border:0}
.contact .tabnav{margin:0}
.contact .tabnav .on { border-bottom:1px solid #D5E8F7; margin-bottom:-1px; background-color:#f4f7fc }
.contact .tabnav .on a {background:url(../webimage/template/tabnav-l-pink.gif) no-repeat left top}
.contact .tabnav .on a span{background:url(../webimage/template/tabnav-r-pink.gif) no-repeat right top; padding:5px 12px 3px 12px;}
.contact fieldset{margin-top:-1px; border-top:1px solid #f172ad}
.textarea-help{width:101px; height:30px; font-size:0.916em; line-height:1em; margin:5px 0}

/*group*/
ul.triple li{float:left; display: block; width:140px; margin-right:5px; border:0!important; padding:0}
ul.triple li.group-definition{float:none; height:auto}
.definition-text{padding:8px 0 0 10px; font-size:1.27em; font-weight:bold;  display:block}
ul.triple .primary-link{padding:2px 0 11px 0; height:0.8em; overflow:hidden; display:block}
ul.triple span.links{display:block;  clear:both; position:static}
ul.triple .links .group-chat{background:url(/webimage/icons/icon-groups-chatnow.gif) no-repeat; padding: 3px 0 5px 25px}

.membership p{margin:0 0 0 10px; font-size:0.916em}
.photo-owner{margin:0 0 0 10px}
#chat_launcher{padding: 5px 10px;display:none;}

/*feed*/
ul.feed{margin:5px 0 15px 0}
ul.feed li {clear:both; margin: 0 0 10px 0; border-top: 0px;}
.feed p{margin:0; float:left; font-size:13px; width:380px }
.feed p .primary-link{font-size:13px}
.feed blockquote{background:url(/webimage/arrow-comment-up-white.gif) no-repeat; clear:both;  padding:4px 0 0 0; border:none; }
.feed blockquote p{border-left:1px solid #B4C2C9; border-top:0; float:none; font-size:1.083em; margin:0; width:auto; background-color:#ffffff;}
.feed .comments fieldset.inline{ padding-top:5px; width: 469px; margin: 0 0 2px 0;}
.feed .comments .newsflash-comment fieldset{ margin: 0 0 1px 0;}
.feed .comments fieldset label{margin-bottom:2px;}
.feed fieldset.inline .buttons{clear:both !important; float:none;}
em#txtNewsflashMessage{font-weight:normal; font-size: 14px;}
em#txtNewsflashMessage a{display:inline;color: #076CCD;}


/*Photo comments in newsfeed*/
.photo-commented {clear:left; float:left; margin:0 10px 5px 0}
.feed .thumbs{clear:both; padding:0 0 5px; float:left; margin-right:5px; width:480px;}
.feed .comments.one .commentnotes{width:399px;}
.feed .comments.one {width:402px;}
.feed .comments.one fieldset.inline{width:388px;}
.feed .comments.one fieldset.full textarea{width:376px;}
.one-thumb {width:75px !important;}
blockquote.photo-comment{float:left; clear:none; width: 405px; background:url(/webimage/arrow-comment.gif) repeat-y left top transparent; padding:0; margin-bottom:5px;}
blockquote.photo-comment p{background-image:none; background:#f4f7fc; border:1px solid #b4c2c9; border-left:0; padding:7px 10px 7px 10px; margin:0 0 0 4px;}
blockquote.photo-comment a{color:#444;  display:block; width:375px;}
blockquote.photo-comment a:hover{text-decoration:none;}

/*Blog comments in newsfeed*/
blockquote.blog-comment a{color:#444;  display:block; width:375px;}
blockquote.blog-comment a:hover{text-decoration:none;}

/*Comment on Photo comments in newsfeed*/
.feed .commentnotes{width:480px; margin: 0 0 1px 0 !important; background: #f4f7fc; padding-bottom:5px;}
.feed .commentnotes blockquote{background:none; border:none;}
.feed .commentnotes blockquote p{background:none; border:none; margin:0; padding:0 5px 0 10px;}
.feed .commentnotes cite{padding:0 5px;}
.feed .commentnotes cite a{ margin-right: 5px; font-size:11px;}
.feed .image{display:none;}
.feed .newsflash-comment .commentnotes{width:480px !important; margin:0 0 1px 0 !important;}
.feed blockquote p a{color:#444444;font-size:1.0em;}
.feed blockquote p a:hover{text-decoration:none;}
.feed .clear{clear:none;}
.feed .comments{float:left; width:auto;margin-top:0;}
.feed .comment{margin-top:0;}
.feed .feed-date{float:right; padding:5px 0 0; font-size:0.916em; color:#aaa}
.delcomment{ float:right; margin:5px 2px 0 0}
.home .newsflash cite{/*text-align:right;*/ display: block;}
.home .viewAll {display:block; clear:both; padding:2px 10px; background: #fffbcc url(/webimage/icons/comments-show.gif) no-repeat right;}
.each-comment{margin:8px 0 0 0;}

/*Comments*/
.comment{margin-top:5px;clear:both;}
.feed .comments form{display:none;}
.feed .comments h2{display:none;}
.feed .comments .buttons{margin-top:0px;}
.feed .comments fieldset.full textarea{height:50px;overflow:hidden;}
.feed .comments .noComment{display:none;}
.feed .comments .paginHolder{display:none;}
.feed .commentnotes a.details{display:inline-block;height:20px;}
.feed .comment .commentnotes{min-height:0; width:480px;}
.commentnotes {margin-bottom:10px; margin-top:0px;}
.commentnotes blockquote{margin:0}

.groups .starter{margin:0 0 5px 0; background:#f4f9ec; padding:10px 10px 0 10px;}
.starter.comment .commentnotes{width:420px; }
.comment .commentnotes div.editComment{margin-top:3px; width: 50px; white-space: nowrap; height: 20px;}
.comment.starter cite{padding-left: 6px;}
.twenty-eighty .comment{width:474px;}
.twenty-eighty .mediaComments .comment{width:455px;}
.starter .commentnotes, .starter .image{margin-top:5px}
.small-button .primary-button{margin:0 0 0 5px; padding:2px 0 0 0; background:url(/webimage/blue-button-50x22.png); height:22px; width:50px}
.commentnotes .reportTrigger, .commentnotes .delcomment{display:none; zoom: 1;}
.commentnotes:hover .reportTrigger {display:block; width: 20px;}
.commentnotes:hover .delcomment {display:block;}
.comment-wrapper .reportTrigger{margin:10px 5px 0 0 ; display:none;}
.comment-wrapper:hover .reportTrigger{display:block;}
.friends .comment-wrapper blockquote p,.profile .comment-wrapper blockquote p{background:#fff; padding-right:30px;}
.friends .feed .newsflash-comment, .profile .feed .newsflash-comment{margin-top:-10px; margin-left:3px;}
.friends .viewAll, .profile .viewAll {display:block; clear:both; padding:2px 10px; background: #fffbcc url(/webimage/icons/comments-show.gif) no-repeat right;}
.friends .add-reply, .profile .add-reply{padding:3px 0 0 5px; display:block;}
p.created{text-align:right;}
.profile .comment-wrapper .delcomment{margin:-24px 5px 0 0 ; display:none;}
.profile .comment-wrapper:hover .delcomment{display:block;}

.commentnotes a:hover img{text-decoration: none;background:transparent;}
.comment .image{float:left; width:36px; height:36px; overflow:hidden;margin-top:3px;}
.comment .commentnotes { width:440px; float:left; margin-left:0; padding-left: 3px; min-height:56px;}
.comment p{word-wrap: break-word; }
.comment h3{font-weight:normal; padding:3px 0}
.comment .delcomment{float:right; margin:0px 0 0 5px; width: 20px; height:20px; text-decoration:none;}
.boards .comment .delcomment, .boards .comment .reportTrigger{width:auto; height: auto; margin:2px 3px 0 0;}
.commentnotes cite{margin:3px 0 0 5px}
.comment fieldset .commentnotes {width:445px}
.comment fieldset .commentnotes blockquote p{padding:5px; border-color:#0081C4}
.comment fieldset .commentnotes textarea{background:transparent; border:0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif;}
fieldset blockquote{background:transparent url(../webimage/arrow-comment-blue.gif) no-repeat scroll left 0}
fieldset blockquote textarea{font-size:1.25em}

.groups .comment fieldset .commentnotes {width:425px}

.editResponseDiv textarea{ width:420px; margin-top:10px; overflow-y: scroll}
* html .editResponseDiv textarea{ width:410px;}/*IE 7*/
* +html  .editResponseDiv textarea{ width:410px;}/*IE 6*/

.editResponseDiv fieldset{height:90px;}
* html .editResponseDiv fieldset{height:75px;}/*IE 7*/
* +html  .editResponseDiv fieldset{height:75px;}/*IE 6*/
.editResponseDiv blockquote{background:none;}
* html .editResponseDiv .primary-button{margin-top:-10px;}/*IE 7*/
* +html  .editResponseDiv .primary-button{margin-top:-10px;}/*IE 6*/

.buzz{float:left; width:228px; margin: 5px 10px 5px 0; display:inline}
.buzz .image{float:left; width:36px; height:36px; overflow:hidden}
.buzz .commentnotes{width:180px; float:left; margin-left:5px;}
.buzz a{display:block}
.commentsTitle div{display:none}
.miniprofile{border:1px solid #dadada; margin:0 20px}
.comment-added{background:#f0f0f0; border:1px solid #ccc; padding:5px; width:97%}
.comment-added img{vertical-align:bottom}
.expandBox{overflow:hidden;}
.ghostExpandBox{height:auto; overflow: auto; position: absolute; left: -9999px; padding: 4px;}
.friends fieldset.full textarea {width:97%}
.friends fieldset span.charsleft {float:left;}

.inline-help:hover .inline-help-panel{display:block; visibility:visible}
.inline-help-panel{display:none; visibility:hidden; position:absolute; width:210px; top:30px; padding:0 7px 13px 17px; right:0px; background: url(../webimage/help-shadow.png) no-repeat 7px bottom; z-index:10}
.inline-help-panel p{background:#e9f4d9; padding:10px}    
/*Search Facility-------------------------------------------------------------------------------------------------------------------*/
.searchbox input{width:80%;}
.searchbox select{width:81%;}
.rightcol {float:right; width:310px;}
.leftcol {float:left; width:290px;}
.widthdiv {width: 600px;}
.heading{height:13px; background:#D8E6ED; padding-left:5pt; padding-top: 3pt;}
.borderbottom {border-bottom: 1px dashed #cccccc;}
.borderbottomlist li {border-bottom: 1px dashed #cccccc;}
.borderbottomlist li:last-child {border-bottom: 0px; padding-bottom: 0px}
#alphabetsLayout{padding:2px 2px 2px 40px;font-weight:bold;}
.alphaHolder {float:right; margin:0 0 0 5px; font-weight:bold; width:395px}
h2 .alphaHolder {font-size:150%}
.alphaHolder a {border:1px solid #fff; margin:3px 1px; padding:1px 3px 1px; text-decoration:none; font-weight:normal}
.alphaHolder a:hover{background:#D8E6ED}
.alphaHolder span {padding:0px; display:inline; float:none; margin:0px 10px 0px 0px;}
.alphaHolder span a {font-weight: normal;}

.alphaHolder a,.alphaHolder a:visited, .alphaHolder a:hover, .alphaHolder .selectedAlpha{height:1.6em;line-height:1.6em;padding:0px 2px;margin:0px 0px 0px 0px;font-size:100%;text-decoration:none; font-weight:normal;border:1px solid #fff;}
.alphaHolder a img{margin:0px 0px -3px 0px;padding:0px 0px 1px 0px;}
.alphaHolder a:hover{background:#f9f2e0;}
.alphaHolder .selectedAlpha{background:#F7E2AD;}
.alphaHolder .selectedAlpha:hover{background:#F4D792;}

.layoutList ul li {float:left;margin-bottom:15px;padding-left:0px;width:40%;}
.layoutList ul li a {font-weight:bold; font-size:110%; display:inline;}
.layoutList ul li ul a {font-weight:bold; font-size:100%;}
.fontstyle {font-weight: bold;}
#widthtwenty {width: 20%}
#widththirty {width: 30%;}
#widththirtythree {width: 33%;} 
.widtheighty {width: 80%;}
#widthhundred, #widthhundred div {width: 100%;}
.seoschooltext {font-size: 109.5%; font-weight: bold;}
.seothumbnail {margin-bottom: -6px; padding-right: 4px;}
.moveleft {width: 0%}
.imgseo{padding-top: 30px;}
#buttonlinkseo {margin-left: 0%;}
.joinhere{padding-top: 50px; padding-left: 270px;}
.fontsizeseo {font-size: 109.5%;}
.rightradio {width: 70%; float: right;}
.leftradio {width: 30%; display: inline;}

 .mailMe{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -1038px; padding:0 0 0 24px; display:block;}
 .lnkManage{background:transparent url("../webimage/icons/edit.png") no-repeat; padding:0 0 4px 24px; display:block;}
 .resultlist .links a.mailMe{height:auto;} 
 .ViewFriends{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -1080px; padding:0 0 0 24px}
 .AddFriend{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -520px; padding:0 0 0 24px; display:block;}
  .AcceptFriend, .acceptFriend{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -40px; padding:0 0 0 24px}
 .joinGroup{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -1602px; padding:0 0 0 24px;}
 .leavePlace, .leaveGroup{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -1726px; padding:1px 0 0 24px}
 button.leaveGroup{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -1768px; padding:0 0 0 20px; font-size:1em}
 button.leaveGroup:hover{text-decoration:underline}
 .remove{background:transparent url(../webimage/icons/icon-photo-delete.gif) no-repeat; padding:0 0 0 24px}
.managePlace{background:transparent url(../webimage/icons/edit.png) no-repeat; padding:1px 0 0 24px}

/*Search Facility continue... Place list icons*/
ul.placeList{margin:10px 0 0 0}
ul.placeList li {width:47% !important; float:left;  margin: 0 0 5px 0; padding:5px 0;  height:3.5em; background:url(../webimage/icons/places_icons.png) no-repeat;}
ul.placeList li .info{margin-left:43px; width:184px; display:block}
.seventythirty ul.placeList li .info{width:244px; }
ul.placeList li p, ul.placeList li .count {font-size:0.916em; padding:0}
ul.placeList li.primaryschool{background-position:0 -96px}
ul.placeList li.secondaryschool{background-position:0 -185px}
ul.placeList li.universities{background-position:0 -270px}
ul.placeList li.SportAndActivities{background-position:0 -445px}
ul.placeList li.ClubsAssociationsAndCharities{background-position:0 -530px}
ul.placeList li.pubs{background-position:0 -780px}
ul.placeList li.teamsandclubs{background-position:0 -445px}
ul.placeList li.armedforces{background-position:0 -615px}
ul.placeList li.workplaces{background-position:0 -360px}
ul.placeList li.street{background-position:0 -700px}

ul.countryList li .info{margin-left:30px; width:182px; display:block} 
ul.countryList li {border-top:0!important;margin: 0 5px 5px 0; padding:0px 0px 5px 0px; background:url(../webimage/flags/europe.gif) no-repeat;}
ul.countryList li.noimage{padding:0px 0px 0px 0px; background:no-repeat;}

ul.countryList li{width:234px; height:58px;display:inline-block;}

                 
ul.countryList li.england{background-position:0 -1380px; }
ul.countryList li.scotland{background-position:0 -2105px; }
ul.countryList li.wales{background-position:0 -325px; }
ul.countryList li.ireland{background-position:0 -1920px; }
ul.countryList li.northernireland{background-position:0 -2230px; }
ul.countryList li.channelislands{background-position:0 -825px; }

ul.countryList li.australia{background-position:0 -120px; }
ul.countryList li.newzealand{background-position:0 -48px; }

ul.countryList li.angola{background-position:0 -3565px; }
ul.countryList li.botswana{background-position:0 -3490px; }
ul.countryList li.comoros{background-position:0 -3643px; }
ul.countryList li.lesotho{background-position:0 -3715px; }
ul.countryList li.mozambique{background-position:0 -3793px; }
ul.countryList li.namibia{background-position:0 -3870px; }
ul.countryList li.southafrica{background-position:0 -3950px; }
ul.countryList li.zambia{background-position:0 -4040px; }
ul.countryList li.swaziland{background-position:0 -4125px; }
ul.countryList li.zimbabwe{background-position:0 -4213px; }

ul.countryList li.hongkong{background-position:0 -3288px; }
ul.countryList li.singapore{background-position:0 -3352px; }
ul.countryList li.malaysia{background-position:0 -192px; }
ul.countryList li.fiji{background-position:0 -4303px; }
ul.countryList li.newcaledonia{background-position:0 -4389px; }
ul.countryList li.newhebrides{background-position:0 -257px; }
ul.countryList li.niueisland{background-position:0 -4475px; }
ul.countryList li.papuanewguinea{background-position:0 -4560px; }
ul.countryList li.samoa{background-position:0 -4648px; }
ul.countryList li.solomonislands{background-position:0 -4735px; }
ul.countryList li.tonga{background-position:0 -4820px; }
ul.countryList li.vanuatu{background-position:0 -4903px; }

ul.countryList li.greatbritainnorthernireland{background-position:0 -5151px; }
ul.countryList li.canada{background-position:0 -4990px; }
ul.countryList li.canadaforce{background-position:0 -4990px; }
ul.countryList li.othercountries{background-position:0 -5069px; }
ul.countryList li.australiaforce{background-position:0 -120px;}
ul.countryList li.newzealandforce{background-position:0 -48px; }


ul.displayList li {margin: 0 0 5px 0; width:48%; padding:0px 0px 10px 0px;}
ul.teamList li {margin: 0 0 5px 0; padding:0px 0px 10px 0;}
.crumbtrailpad {padding-bottom: 0pt; margin-bottom: 0pt;}


ul.forcestypeList li {padding:0px 0px 0 65px; height:5em; background:url(../webimage/icons/forcestypes.gif) no-repeat 15px -76px; width: 34%;}
ul.forcestypeList li.thebritisharmy{background-position:0 -380px}
ul.forcestypeList li.royalairforce{background-position:0 -893px}
ul.forcestypeList li.royalnavy{background-position:0 -514px}
ul.forcestypeList li.royalauxiliaryairforce{background-position:0 -268px}
ul.forcestypeList li.royalfleetauxiliary{background-position:0 -765px}
ul.forcestypeList li.royalmarines{background-position:0 -152px}
ul.forcestypeList li.royalmarinesreserve{background-position:0 -152px}
ul.forcestypeList li.royalnavalreserve{background-position:0 -43px}
ul.forcestypeList li.territorialarmy{background-position:0 -640px}
ul.forcestypeList li.jointforcecommandsnatoetc{background-position:0 -265px}

ul.countyList li {width:148px !important; float:left;  margin: 0 0 5px 0;  height:50px; background:url(../webimage/icons/places_icons.png) no-repeat;}
ul.countyList li .info{width:150px; display:block}


ul.iList {padding:0 0 0 0; border-top: 0px; margin:0;}
ul.iList li {margin: 0 0 3px 0; padding:0px 0px 0px 30px; background:url(../webimage/icons/action_iconset.gif) no-repeat;  border-top: 0px;}

/*Places*/
ul.iList li.UN, ul.iList li.University {background-position:0 -680px;}
ul.iList li.DU, ul.iList li.DukeOfEdinburgh {background-position:0 -920px;}
ul.iList li.F2, ul.iList li.Forces {background-position:0 -880px;}
ul.iList li.iLeag, ul.iList li.Team {background-position:0 -830px;}
ul.iList li.SP, ul.iList li.IP, ul.iList li.Primary  {background-position:0 -960px;}
ul.iList li.SS, ul.iList li.IS, ul.iList li.Secondary {background-position:0 -720px;}
ul.iList li.ST, ul.iList li.Street {background-position:0 -800px;}
ul.iList li.TE, ul.iList li.Team {background-position:0 -840px;}
ul.iList li.WP, ul.iList li.Workplace {background-position:0 -760px;}

.schooldetailicons{margin:10px 10px 10px 0; float:left}
.resultlistsearch{width: 595px;}
#getBackTogether, #tagFriendsInPhotos{cursor:pointer;}
.column1 h2.editDates{background:white; margin-bottom:0; padding-left:3px;}
.places h2 span{display: inline-block; width: 63%;}
.places h2#selectedAlbumText span{width: auto;}


/*--------------------------------------------------------------------------------------------------------------------------------*/


/*Forms*/
fieldset {background:#d5e8f7; clear:both; padding: 0 3% 20px 3%; }
fieldset fieldset.inline{padding:0}
fieldset.inline fieldset.double{padding:0 0 10px 0}
legend{white-space:normal; padding:5px 0;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */
.field{margin-bottom:10px}
.field, .buttons{clear:both}
.buttons{text-align:right;}
.buttons-close{clear:both}
.buttons-close{text-align:right;}
.buttons-close .primary-button{margin-top: 0px; margin-bottom: 0px;}
.field label {display:block; margin-bottom:5px}
.field input, .field textarea {border:1px solid #0081c4; padding:3px 0 4px 4px; font-size:1em; line-height:1.5em; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif;  width:98%;} 
.field textarea {height:60px;}
.field select{border:1px solid #0081c4; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; padding:3px 3px 2px 2px; width:100%; }
fieldset p{font-size:0.9em; clear:both; padding:0 0 5px; line-height:normal /*find friends*/}
fieldset li input, fieldset td input{width:auto !important}
fieldset li label {display:inline}

fieldset.inline fieldset {padding:0}
fieldset fieldset.double select{width:98%}
.half{width:40%; float:left; margin-right:4%; padding:0 0 10px 0}
fieldset .small select{width:70px; float:left}
fieldset .small label{margin:0}
fieldset.inline {margin:0; padding:7px}
fieldset.inline .field{clear:none; float:left; margin:0 5px 5px 0 }
fieldset.inline label, fieldset.inline input, fieldset.inline textarea{ width:95%}
fieldset.single .field{width:398px; margin-right:0}
fieldset.single input{width:98%}
fieldset.double .field{width:196px}
fieldset.one-third .fieldone{width:130px;}
fieldset.one-third .fieldtwo{width:271px}
fieldset.one-third .fieldone select{width:100%}
fieldset.full .field{width:100%; margin-right:0}
fieldset.full  input{width:99%}
fieldset.full  textarea{width:452px; height:150px; padding: 5px;}
fieldset.textarea .buttons{margin-top:44px}

fieldset.triple .field{clear:none; float:left; width:130px; margin:0 4px 5px 0}
fieldset.triple label{display:inline;}
.seventythirty .column1 fieldset.triple .field{width:32%}

fieldset.labelled label, fieldset fieldset.labelled label{display:block;}
fieldset.labelled .buttons{margin:22px 0 0 0}
fieldset.unlabelled label{display:none;}
fieldset.unlabelled .buttons{margin:0}
fieldset.labelled li label{display:inline;}
fieldset.full .groupresize textarea{width:98%}
fieldset ul.subcat {margin-bottom: 10px}
fieldset.inline .buttons{float:right;  clear:none; padding:0}
.inline .primary-button{margin:0; width:65px}
/*.full .primary-button{margin:10px 0}*/
button.primary-button, a.primary-button, input.primary-button{cursor:pointer; overflow: visible; color:#fff; line-height:1.2em; width:65px; height:26px; float:right; font-size:1.167em; background:url(../webImage/blue-button-65x26.png) no-repeat; color:#fff; padding:0 0 1px 0; border:none; text-decoration:none; margin:10px 0 10px 10px; text-align:center; outline: none;}
button.primary-button:hover, a.primary-button:hover, input.primary-button:hover{color:#dee6f3; }
button.primary-button:active, a.primary-button:active, input.primary-button:active{text-shadow:#fff 0 0 2px}
button:focus, a:focus, input:focus{outline: none !important; -moz-outline-offset: -1px !important;}

input.big-primary-button{cursor:pointer; overflow: visible; color:#fff; line-height:1.2em; width:145px; height:39px; float:left; font-size:1.167em; background:url(../webImage/bigbutton.png) no-repeat; color:#fff; padding:0 0 0px 0; border:none; text-decoration:none; margin: 0 0 10px 10px; text-align:center; outline: none;}
.buttonPressed{ background: green !important;}
.primary-button.buttonPressed{ background:url(../webImage/green-button-65x26.png) no-repeat !important;}
.primary-button.buttonPressed img.ls{margin: 0 2px 0 0 !important; padding: 0 !important;}
.primary-button.buttonPressed img.rs{margin: 0 0 0 2px !important; padding: 0 !important;}
input[type="button"]:focus{outline: none !important; -moz-outline-offset: -1px !important;}
a.primary-button{font-size:1.167em; display:block; padding:5px 0 0 0}
.secondary-button{ background:none; border:0; float:right;  font-size:1.083em; padding:5px; margin:10px; color:#076CCD; cursor:pointer; width:auto !important; display:block}
.secondary-button-inline{ background:none; border:0; float:right;  font-size:1.083em; padding:5px; margin:10px; color:#076CCD; cursor:pointer; width:auto !important; display:inline}
fieldset.searchBoard input.secondary-button {margin:1px 10px 10px 10px;}
.buttons input.primary-button{width:65px}
.more .secondary-button{margin:0}
.addmore .secondary-button{margin:0; float:left; padding-left:0}
.bigbutton{padding:5px}
fieldset.go .buttons{float:left;  }
.right-h2 .secondary-button{margin:-5px 5px 0 0}
.right-h2 .primary-button{margin:-5px 0 0 0}
.uploadTrigger fieldset.single .field{width:240px}
.uploadTrigger fieldset.inline .buttons{float:left}
.twenty-fifty-thirty .column1 .primary-button{margin:5px 0 0 10px; width:150px; float:none; background: url(../webImage/blue-button-150.png) no-repeat scroll 0 0;}
.twenty-fifty-thirty .column1 .buttons .primary-button{width:65px; background:url(../webImage/blue-button-65x26.png) no-repeat; text-align:center; float:right}
.twenty-fifty-thirty .column1 .buttons {margin:5px}
.twenty-fifty-thirty .column1 input.primary-button{padding-left:5px}
.twenty-fifty-thirty .column1 .primary-button span{display:block; padding:0 0 0 8px }
.twenty-fifty-thirty .column1 .secondary-button{font-size:1.083em; display:block; margin:5px 0 0 10px; padding:5px 0 5px 10px; width:150px;  background:  url(../webImage/secondary-button-150.png) no-repeat; border:0; color:#076CCD; text-align:left}
.twenty-fifty-thirty .column1 input.secondary-button{padding-left:5px}
.twenty-fifty-thirty .column1 .secondary-button span{display:block; padding:0 0 0 8px }
.twenty-eighty .column1 .primary-button{margin:5px 0 0 10px; width:150px; float:none; padding-left:8px; background: url(../webImage/blue-button-150.png) no-repeat scroll 0 0; text-align:left}

fieldset input[type="radio"], fieldset input[type="checkbox"]{width:auto; vertical-align: middle; margin: 0 3px 2px;}

.twenty-fifty-thirty .column1 fieldset.inline{padding:0 0 0 4px}
.twenty-fifty-thirty .column1 textarea, .twenty-fifty-thirty .column1 select{width:141px; font-size:1em}

/*Register form*/
.register .column1{margin:0 20px; width:594px}
.register .column2{width:312px}
.register .cell{margin:0}
.register fieldset {padding:0 20px; }
.register fieldset fieldset {padding:0}
.register fieldset fieldset legend{display:block; font-size:1.5em}
.register input{font-size:1.5em; padding:7px 0 7px 3px; line-height: 1em;}
.register .half{width:48%; margin:0 1% 0 0}
.register .half .field{width:100%}
.register fieldset .field{margin-right:10px; float:left; clear:none;width:100%}
.register fieldset.double .field{width:267px}
.fulldate select{width:98%}
fieldset .field.date-day{width:100px}
fieldset .field.date-month{width:260px}
fieldset .field.date-year{width:164px}
.register .right{float:right!important}
.register .primary-button{text-align:center!important}
.register #message{color:Red;}
.gender li{margin-right:10px;}
* html .gender li{width:60px;}
.gender img{cursor:pointer;}

.register p.grey{color:#858585;}

.register .register-genes{background: #fff url(../webImage/registration-xsell-btm.gif) bottom left no-repeat; width:260px; padding: 0 0 10px 0; float:left; margin: 10px 14px 10px 0;}
.register .register-genes p.genes{background: #fff url(../webImage/registration-genes.gif) no-repeat; width:260px; height:70px; text-indent:-5000px;}
.register .register-genes label.genes{display:block; width:220px; float:right; padding: 0 10px 0 0;}
.register .register-genes label{display:block;}
#genespanel{clear:right; width:225px; padding:10px 10px 0 25px;}

.register .register-dating{background: #fff url(../webImage/registration-xsell-btm.gif) bottom left no-repeat; width:260px; padding:0 0 10px 0; float:left; margin: 10px 0 10px 0;}
.register .register-dating p.dating{background: #fff url(../webImage/registration-dating.png) no-repeat; width:260px; height:70px; text-indent:-5000px;}
.register .register-dating label.dating{display:block; width:220px; float:right; padding: 0 10px 0 0;}
.register .register-dating label{display:block;}
.register .register-dating ul{margin-bottom:10px;}
#datingpanel{clear:right; width:225px; padding:10px 0 0 25px;}

.signin{background:url(/webimage/template/signin-curves-15px.png) no-repeat -330px top; height:auto; width:312px; zoom:1; }
.splash .signin h2, .signin h2{ border:0; margin:0; padding:8px 0px 6px 18px !important}
.signin-bottom{background:url(/webimage/template/signin-curves-15px.png) no-repeat left bottom; height:20px }
.signin label{display:none}
.places .signin{margin-top: 10px;}
.signin fieldset input{margin:0; padding:5px;}

/*Column 1 button icons*/
.send-to-friend{background:url(../WebImage/Icons/pagination-previous.gif) no-repeat 130px }

/*My places and my groups*/
fieldset.edit-details{background:none; margin:10px 0 0 0; padding:0; width:435px /*display:none; visibility:hidden*/}
fieldset.edit-details .buttons{margin-top:10px}
fieldset.edit-details .secondary-button{margin:0; /*Placement needs rethink*/}

fieldset .radioCheck {width:13px; border:0}
fieldset .error{display:inline; color:#c00}
fieldset .registererror{display:inline; margin:0 0 0 0%; color:#c00}
fieldset .input-validation-error {color:#c00}
.field-validation-error {clear:both; display:block;  color:#c00}
input.field-validation-error {border:1px solid #c00}
.error .invalid{display:block}
ul.triple a.group-home {display:block; height:auto; margin-top:5px;}

.seventythirty .column2 fieldset.single .field{width:94%}
fieldset .rememberme label{display:inline}
.rememberme{display:block; width:200px; height:20px; padding-top:0;}
.signin .buttons{padding:0; display:block; height:30px; margin-top:0px;}

a#ForgotPass{font-size:0.916em; display:block; clear:both; }
.forgotten .textbulletsadd li{list-style: none; margin: 0 0 10px 0;}
.forgotten input{margin-bottom: 5px;}
.forgotten fieldset.inline{margin-bottom: 20px; padding:7px 15px 5px;}
.forgotten fieldset{padding: 7px 15px; background: white;}
.forgotten .buttons input.primary-button{background: url(/webimage/blue-button-106x32.png) no-repeat top right; height: 32px; width:106px; margin-top:3px; padding-top: 5px;}
.forgotten h2{margin-left:15px;}
.thirtyseventy fieldset.inline .buttons {float:left}

#content .invitePage ul li {float:left;margin:0px 15px 15px 0px; width:100px;height:115px;white-space:normal;}

#content .event_details .invitePage ul li {margin:0px 7px 7px 0px;}
#invitememberul {clear:both;}
.event_details #invitememberul {background-color:#FFFFFF;border:1px solid #CDCDCD;height:250px;overflow-y:scroll;}
.invitePage .cellFuncs {margin-top:10px;display:block;float:none;}
.invitePage .cup {padding:0px;}
.invitePage ul li img {float:none;margin:3px auto;display:block;}
/*.invitePage ul li input {display: block; margin:0px 0px 0px 5px;border:#ccc;background:transparent;}*/
.invitePage ul li span {display:block;padding:1px 15px 0px 0px;text-align:left;line-height:1.6em;}

/*Dynamic list*/
.dynamicListSelected, .dynamicListOptions, .write-message .dynamicListSelected, .write-message .dynamicListOptions
{display:block;overflow-x:hidden;overflow-y:auto;width:200px;height:175px;background:white;padding:1px 0px 0px 1px;border:solid 1px #0081c4;border-top:none;}
.write-message .dynamicListOptions {clear:right; float:right;}
.dynamicListOptions a {display:block;padding:1px 7px 1px 7px;margin:0px 1px 1px 0px; white-space:nowrap;background-color:#fff;overflow:hidden;}
.dynamicListOptions a:hover {background-color:#f9f2e0;}
.write-message .dynamicListOptions a {background-image:url(../WebImage/Icons/arrow_left_blue.gif);background-repeat:no-repeat;background-position:3px center;padding:1px 7px 1px 25px;}
.dynamicListSelected a {display:block;padding:0px 7px 0px 7px;margin:0px 1px 1px 0px; border:solid 1px #F7E2AD;background-color:#f9f2e0;overflow:hidden;}
.dynamicListSelected a:hover {background-color:#F7E2AD;border-color:#F4D792;}
.write-message .dynamicListSelected a, .RichEdit .dynamicListSelected a {background-image:url(/webimage/Icons/redX.gif);background-repeat:no-repeat;background-position:95% center;}
.RichEdit .dynamicListSelected{height:auto; width:auto; border:none;}
.RichEdit .dynamicListSelected a {float:left;}
#editminiblog .dynamicListOptions {float:left;background:#fff;border:solid 1px #ccc;height:auto;position:absolute;left:0;top:99px;border-top:none;}
.dynamicListOptions a, .dynamicListOptions a:hover, .dynamicListSelected a, .dynamicListSelected a:hover
{text-decoration:none;color:#003366;}
.dynamicList .options, .dynamicList .selected, #mailbox .dynamicList .options, #mailbox .dynamicList .selected
{width:200px;clear:none;border-top:solid 1px #0081c4;border-left:solid 1px #0081c4;border-right:solid 1px #0081c4;margin:0;padding:1px 0px 0px 1px; font-size:1.2em}
.dynamicList .options span {padding:2px 7px 2px 25px;background-image:url(../WebImage/Icons/arrow_down_orange.gif);background-position:3px center;background-repeat:no-repeat;}
.dynamicList .selected span {padding:2px 7px;}
.dynamicList .options {float:right;}
.dynamicList .selected {}
.heightauto{height:auto !important; overflow:visible !important; overflow-y:visible !important;}

/*Progress bar*/
.progress{background: #D5E8FF;padding: 0; }
.steps{display:block;height:32px;padding:0;margin:0;list-style: none;}
.steps li{float:left;background:url(../webimage/progress/step-chevron.png) no-repeat center right;}
.steps li span{display:inline-block;margin: 0 40px 0 1em;font-size:16px;font-weight:bold; line-height: 32px; height:32px;color:Gray;}
.steps li.on span{color:#000000;}
.steps li.step-2{}
.steps li.step-3{}
.steps li.finish{background-image:none;}
.steps li.finish span{}
.steps li.on span.finish{}

/*not sure*/
fieldset.edit_details input,fieldset.edit_details textarea{width:57.5%;}
fieldset.edit_details select{width:59%;}
fieldset.edit_details .buttonall,fieldset.edit_details .buttonlink,fieldset.edit_details .buttonhollow{width:auto;}
.location fieldset select{width:100%;}
.buttonadd {background:#0b6a98 url(../webimage/template/btn_rpt.gif) repeat-x;	border:1px solid #036; clear:left; color:#FFFFFF; cursor:pointer; /*display:block;*/ float:none; margin:-25px 0pt 0pt 210%; padding:2px 10px 3px; font-weight:bold;}	


.tandc .field-validation-error{margin:0 450px 0 0; display:inline; float:right; } /*this is need because spark forms are fixed order of <input><error>*/
.float-none{float:none;}

fieldset div.charactersLeft {padding:0px 0px 0px 70%;}
fieldset .charactersLeft span {display:inline; float:none;}
fieldset span.charsleft {float:none; display:inline; color:#aaa; font-size:0.916em}
fieldset span#maxCharMessage {color: Red;}
.asterikreg {font-weight: bold; margin: 2pt; font-size: 100%;}
.datePicker {display:inline;}
.datePicker select { width:72px !important; /*used in account*/}
.datePicker label {width:auto;margin:0px 3px;display:inline;float:none;}
.timeline .datePicker {display:block;text-align:center;}
.valistyle {float: right; width: 69%}
.on input {background-color:#ffffff; border:2px solid #ffffff;}
.off input { border:2px solid #ffffff;}
fieldset label.invalid{width: 81%;color:#900}


/*Update panel*/
.loadingPanel {font-size:150%;height:100%;text-align:center;width:100%; top:0px; left:0px;}
.loadingPanel .backGround {background-color:transparent;/*#F4F7FC;*/}
.loadingPanel span {background:url(../webImage/ajaxLoader.gif) no-repeat scroll 0% 50%;background-color:transparent;left:0px;padding:10px 10px 10px 40px; display:block; margin: 3px 0 18px 0;}
.loadingInfo {padding: 20px; width: 100%; text-align: center; position: absolute;}
.loadingInfo span {background-image:url(../webImage/loadingInfo.gif); background-repeat:no-repeat; background-position:left center;padding: 10px 10px 10px 40px; font-size: 150%; font-weight: bold;}
.watermarked {border:1px solid #BEBEBE;	color:gray;}	
.watermarkedActive {border:1px solid #BEBEBE;	background-color:#fff;color:#003366;}

/*Modal Popup*/
.modalPopup{position:absolute}
.popBackground{	filter:alpha(opacity=33); opacity:.33; background-color:#000;z-index:1100 !important; -moz-opacity:0.33;} 
.reportTrigger {float:right; margin:0px 0 0 5px;}
.modalBackground { background-color:#000; filter:alpha(opacity=33); opacity:.33;z-index:500 !important;}
.wider{position:absolute; width:512px; z-index:300; background:#fff; border:10px solid #efefef;margin-bottom:10px; padding:0; float:none; text-align:left; font-weight:normal !important;}
.celly {border: 1px solid #cccccc; padding-bottom: 0px;}
.popupContainer { position:absolute; width:400px; z-index:1200 !important; background:#fff; border:10px solid #efefef;margin:0; padding:0; float:none; text-align:left; font-weight:normal !important; }
.popupContainer p, .popupContainer span, .popupContainer span a, .popupContainer span a:visited { color:#003366 ; margin: 0px ;padding:0 !important; text-align:left !important; background:none !important; border:none !important;}
.popupContainer .buttonlink, .popupContainer .buttonall { margin:10px 0pt 0px 31% !important;display:inline;  text-align:center; background:#0b6a98 url(../webimage/template/btn_rpt.gif) repeat-x; border:1px solid #036 !important; clear:left; color:#FFFFFF; cursor:pointer; float:none !important; padding:2px 10px 3px; width:auto !important;font-weight:bold;}
/*.popupContainer h2 { display:block; visibility:visible; font-weight:normal !important; font-size:12px !important; margin:0 !important; padding:4px 6px !important; background-color:#add7e5 !important; clear:both; background-image: url(../webimage/template/h2_rpt.gif) !important; background-repeat:repeat-x !important; border:none !important;color:#003366 !important; height:18px !important; overflow:hidden !important; line-height:1.6em !important; }*/
.popupContainer h2 .cellFuncs a { font-size:95%;}
.popupContainer .cup { margin:0 !important; padding:10px !important; float:none !important;font-size:11px !important;color:#003366 !important; }
.popupContainer .cell { border:solid 1px #ccc !important;background:#fff;background-image:none; padding:0px;margin:0px; float:none;}
.popupContainer .error{margin:0 0 0 31%;color:#900;}
.popupContainer #albumSelect .error{margin:0 0 0 42%;color:#c00;}
.popupContainer p {margin-bottom:5px;line-height:1.6em;}
.popupContainer fieldset {line-height:1.6em;}
.popupContainer fieldset ol {margin-bottom:5px;}
.popupContainer .deleteButtons {margin:10px 0;}
.popupContainer .override { margin-left: 11% !important; margin-top: 0px !important;}
.reportAbuse{width: 400px;height: 224px;}

/*Ad units*/
.banner{height:90px}
#bannerad{width:728px; float:left; height:90px; text-align:left; margin:0 5px 0 25px }
#banner-fr{background:url(../webimage/template/banner-fr.gif) no-repeat; width:214px; float:left; font-size:0.916em; height:60px; margin:15px 20px 0 0; text-align:left}
#banner-fr div{margin:8px 0 5px 10px}
#fav{background:url(../webimage/icons/addtofavourites.gif) no-repeat; padding-left:20px}
#readblog a {background:url(../webimage/icons/blog-fr.gif) no-repeat; padding-left:20px}
#fav:hover{text-decoration:underline}
#banner{width:728px; height:0px}
.mpu{width:300px; margin:15px 0; clear:both;}
#mpu{width:300px; height:250px}
#a2sl{width:300px; height:250px}
#mpu2{width:300px; height:250px}
.sky{width:160px; margin:10px 0 0px 4px;}
#sky{width:160px; height:600px;}
#mega{width:300px;  margin:0 0 15px 0; padding:15px 0; background:url(../webimage/template/advertisement_mega.gif) no-repeat; text-align:center; display:none; visibility:hidden}
#spon{ border-left:1px solid #B4C2C5; border-right:1px solid #B4C2C5; padding:5px 0 0 13px; display:none; visibility:hidden}
#sponbar{width:801px; height:30px; margin:5px 0 0 18px}
#templatebottomad {width:728px; height:90px; background:transparent}
#buttona, #buttonb{width:120px; height:60px}
#popunder{width:0; height:0}
#group{width:0; height:0}
#contentbottom {padding:15px 0; text-align:center; background:url(../webimage/template/bottombanner-bg.gif)}
#contentbottom .cell{margin:0 15px; text-align:left; width:200px; float:left}
#contentbottom iframe {float:left; margin-right:10px; height:90px}
#crosssellrotB{margin:0 0 5px 0; width:793px; height:30px}
#crosssellrot{margin:0 0 5px 0}
.sponbar{margin:5px 0 0 10px;}


.quickPreview { overflow: hidden; width: 994px; height: 245px; border:none; }
.quickPreview .closePreview,
.quickPreview .closePreview:visited { color:#fff; font-weight:bold; font-size:10pt; text-decoration:underline; overflow: hidden; border: none; position: absolute; top: 2px; right: 4px; cursor: pointer; }
.quickPreview .closePreview:hover { color:#fff; font-weight:bold; font-size:10pt; text-decoration:none; overflow: hidden; border: none; position: absolute; top: 2px; right: 4px; cursor: pointer; }
.quickPreview .previewPage { width: 994px; height: 245px; border: 0px; }

.pagin-padding{padding:6px 4px}
.paginHolder {font-size:0.916em;  text-align: right; float: left;}
.paginHolder div{text-align: right;}
.paginHolder a, .paginHolder .selected{ padding:0px 5px;margin:0px 3px 0px 0px;text-decoration:none; border:1px solid #e4e4e4; }
.paginHolder a img{margin:0px 0px -2px 0px;padding:0px 0px 1px 0px;}
.paginHolder a:hover{background:#f9f2e0;}
.paginHolder a.selected, .selectedAlpha{border:2px solid #aaa; color:#444}
.paginHolder select{font-size:95%}
.paginHolder a.prev-next{background:none; border:0}
.order-by{float:right; margin:0 10px 0 0}
.order-by select{margin:1px 0 0 5px; width:121px}
.alpha {padding:6px 4px; clear:both; float:none; text-align:left}
.alpha a, .alpha a:hover, .selectedAlpha{padding:0 1px; margin:0 1px 0 0}

/*Useful position*/
 /*used*/
 .mar0{margin:0}
.left{float:left;}
.right{float:right;}
.clear{clear:both; display:block;}
img.middle{vertical-align:middle;}
.rightFloat {float:right;}
.leftFloat {float:left;}
h2 select{font-size:95%}

.watermarkedcolor{color: Gray;}
.column1 .mesgcard textarea {max-width: 475px;}
.column1 full.mesgcard textarea {display:block;}
.column2 .mesgcard  {width: 455px;}
span.watermarkedtext{display:none; visibility:hidden}

/*Useful text*/
.centre {text-align:center;}
.red{color:Red;}
.textnotify {font-weight: bold;	color:Red;}
.textbold {font-weight:bold;}
.font95{font-size:95%}
select.small{width:80px}
.greytext, a.greytext{color: gray; }
.fsize110{font-size: 110%;}
.childrenlist span label{width: 80%;}
.topskiplinks {padding-top: 20px;}
#resultMemberList{clear:both}
.column3 dl{margin:0 10px 0 0}
.stack dt, .stack dd{float:none; width:auto}
.stack dt{font-weight:bold}
.stack dt a{font-weight:normal}

.right-up{float:right; /*margin-top:-1.5em Same as global line-height*/}
.right-h2{position:relative; float:right; font-size:0.8em;}
.right-h3{float:right; margin-top:-1.9em /*same as h3 line-height+margin-bottom */}
.column3 .right-h2{margin:-1.9em 10px 0 0}
.column1 .right-h2{margin-right: 5px}
/*Useful general*/
.invisible, .hidden{display:none; visibility:hidden}
.visible{display:block; visibility:visible}
.clickable {cursor:pointer;}
img.delete{margin:0 3px; vertical-align:top; cursor:pointer;}
.progressBar {display:block;padding:0px 0px 0px 5px;width:150px;}
.pnamesearch{white-space:nowrap;}
.redborder {border:1px solid #db3636;}
.notifHeader {background:#db3636 url(../webimage/notrpt.gif) repeat-x; color:#ffffff; padding:3px;}
/*Tips*/
.tip{background:#faf5d3; border:1px solid #b5b5b5; padding:2px 3px 3px 3px; margin:0 2px 3px 0}
.tipbox{background:#fff8d7; padding:10px; border:1px solid #f7e2ad; margin:0 0 10px 0}
.tipbox img{float:left; margin: 5px 5px 0 0}
.imgmargin img {margin: -5px 5px 0 0;}
.new {background:#fffce3; border:1px solid #f7ff15}
.gsearchover {overflow:hidden !important; white-space:nowrap !important;}
.public{margin:12px; padding:8px}
.profilephoto .add-photo{width:auto}
.changephoto{background-attachment:scroll;background-color:#fff; background-image:url(/webimage/icons/add-photo.png);background-position:135px 3px;background-repeat:no-repeat;display:none;left:0;padding:10px 5px;position:absolute;text-align:center;top:0;width:159px;font-size:1.167em;     filter:alpha(opacity=80); opacity:.8;}

/*List styles*/
ul.textbullets {overflow:visible;}
.textbullets li{overflow:visible;list-style-type: square; margin:5px 0 10px 25px; line-height: 1.6em;}
ul.textbullets {overflow: visible;}
.textbulletsadd li{overflow: visible;list-style-type: square; margin:0px 0px 10px 12px; font-size:1.083em}

.namex li{width:45%; float:left}
.bulletsaccross {background:#ffffff; margin-bottom:10px; margin-right:10px; padding-left:25px;}
.bulletsaccross ul {list-style-type:disc; list-style-position:outside; padding-left:20px;}
.bulletsaccross li {list-style-type:disc; list-style-position:outside;}
ul.ticks{	margin:0 0 0 20px;	list-style-image: url(../webimage/tick.gif); padding:0;}
ol{margin:0; padding:0 0 0 15px}
#content .ticklist li{background:url(../webimage/icons/tick.gif) no-repeat; padding:0 0 0 30px; line-height:2.2em }
ul.ticklist{margin:0 0 10px 0}
ul.inline li{float:left; margin:3px 5px 3px 0;  white-space:nowrap}
ul.inline li.mar0{margin-top:0}
ul.inlinesimilar { clear:both; }
ul.inlinesimilar li{float:left; width: 50%; }




.legal h2{background:none; padding:0; margin:10px 0; font-weight:bold}
.legal p{ text-align:justify;}
.legal ul{margin: 20px}
.legal li{padding:0 0 0 10px; margin:0 0 0 10px; list-style:circle}

.links .join{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -1240px; padding:0 0 5px 30px; display:block; width:82px;}
.links .BrowseClass{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -1480px; padding:0 0 5px 30px; display:block; width:82px;}
.links .im_join_conv_button{background:transparent url(../webimage/icons/action_iconset.gif) no-repeat 0pt -1319px; padding:0 0 0 30px; display:block;}

/*Success Stories*/
.successstorymain{background:url(../WebImage/newspaperslice.jpg) no-repeat left top; padding:25px 80px 40px 30px; height:345px; width: auto;}
.successstorymain h2{font-family:"Times New Roman", Times, serif; border:none; padding:0; background:none; background-image:none; text-align:justify; font-size:1.6em; text-transform:uppercase; color:#2a1d1a; border-bottom:3px solid #2a1d1a; width: 480px}
.successstorymain p{font-family:"Times New Roman", Times, serif; color:#2a1d1a; font-size:13px; text-align:justify; padding:5px 0 5px 5px; margin:0; line-height:1.5; width: 480px}
.successstorymain img{border:1px solid #2a1d1a; margin:5px 0 5px 5px;}
.imgNav{border:1px solid #ccc; background-color:#fff; margin-bottom:15px; padding:2px; min-height:140px;}
.imgNav a:link, .imgNav a:visited, .imgNav a:hover, .imgNav a:active{display:block; width:70px; height:70px; float:left; margin:2px;}
.imgNav a:link.selected img, .imgNav a:visited.selected img, .imgNav a:hover.selected img, .imgNav a:active.selected img{border:1px dashed #900; margin:-1px;}
.right{float:right;}
.sharesuccess{background:#fffbf0; font-size:11px; border: 1px solid #ecd6c9; width: 328px; height:115px;}
.sharesuccess .cup {border:none; border-top:0px; padding:10px; background: none;}
.sharesuccess h2{font-weight:bold; font-size:109.5%; margin:0; padding:4px 6px; clear:both; background: none; color: #d74c45;}
.boldtext{font-weight: bold;}
.marleft {margin-left: 0;}

/*Polls*/
.pollicons {margin:4px 0px 0px 4px;}
.pollresults dt{width:8%; text-align:right; margin-right:10px}
.pollresults dd{background-color:#eaeaea; width:85%; position:relative; height:20px}
.poll-answer{position:absolute; top:0; display:block; padding-left:5px;}
#pollmeter{position:absolute; top:0; display:block; padding-left:0;width:411px;}


.VE_Pushpin_Popup_Title h2{background: none;}
.customInfoBox-shadow{ background-color: transparent ! important;}

.helpBox
{
    background-color: #7EB22B;
    margin-bottom:10px;
}
.helpBox h2
{
    color:#ffffff;
    background: none;
    padding-left:10px;
    font-weight:bold;
    padding-top:0px;
}
.helpBox h2 a{color:White}
.helpBox h3
{
    font-weight:bold;
}
.helpBox div.helpCont
{
    margin-left:10px;
    margin-right:10px;

    background-color: #ffffff;
    clear:both;
}
.helpHide{margin-right:5px}
.helpCont p{margin-left:8px; font-size:1.27em}
.helpBox .helpContentBottom, .helpBox .helpContentTop
{
    height:13px;
}
.helpBox .buttHolder
{
    text-align:right;
}
.helpBox .helpBottom, .helpBox .helpTop, .helpBox .helpContentBottom, .helpBox .helpContentTop
{
    height:13px;
}
.helpBox .helpBottom, .helpBox .helpTop
{
    background-color: #7EB22B;
}
#pnlSignIn #errContainer{display: none;}

.browseSearch .rightFloat{margin-left: 0;}
.privacyPhotos input[type=radio]{margin:0 5px 2px 10px; vertical-align: middle;}
p.privacyPhotos{margin-bottom: 10px;}
.addedli75 {width: 75%; float: left;}
.addedli25 {width: 25%; float: left;}
.h3textright {text-align: right;}


/*maps*/
#locationSuggestionInfo{
    display:none; height: 6em;
}
#suggestConf{
    display:none;
    position:absolute;
    z-index:2000;
    width:235px;
    height:180px;
    padding: 0 30px;
    background: url(/webimage/maps/mapDialogue.png) no-repeat;
}
#suggestConfName{font-weight: bold;}
#rightClickPopMenu{
    display:none;
    position:absolute;
    background-color:#ffffff;
    border:1px solid #000000;
    z-index:2000;
    padding:20px;
}
#rightClickPopMenuLink{
    margin:4px;
}
#groupLocationMap{
    margin-top:10px;
}
.pin{width: 35px; height: 28px; margin: 0; background: transparent;}
.locationsuggestioninfo .plottedBtns{ text-align: center; }
.locationsuggestioninfo p{font-size: 1.3em;}
#pnlThanks div, #pnlThanks a{font-size: 1.2em;}
.plotMaps p img{ vertical-align: middle; }
.plotMaps p.plotMapsTip{font-size: 1.1em;}
.plotMaps h2{font-size: 1.2em;}

.locationsuggestioninfo .buttonMaps, #suggestConf .buttonMaps{ margin: 0 !important; margin-right: 10px;text-decoration: none; color: #FFF;}
           
    #suggestConf .valign{ height: 140px; position:static; display: table;}
    #suggestConf .valignContent {display: table-cell; vertical-align: middle;position:static; top: 50%;}
    #suggestConf .valignContent div, .valignContent p {position: relative; top: -50%; width: 240px;}  
    
    #groupLocationBanner{background:url(/webimage/MapBanner.jpg) no-repeat; height:60px; margin-top: 20px; }
    #groupLocationBanner a.lnkSuggestLocation{border:1px solid #ffffff; display:block; color:#076CCD; font-size:1.167em; height:60px; width:463px; text-decoration: none;}
    #groupLocationBanner a.lnkSuggestLocation:hover{border:1px solid #076CCD;}
    #groupLocationBanner a.lnkSuggestLocation span{margin-left:100px; margin-top:10px; width: 285px; display: table; position:static;}

    .tip a{margin-right: 5px;}

/*BlockUI modal popup*/

.blockUI.blockOverlay{
    cursor:wait;
    background-color: #000;
    cursor: 'default';
    -moz-opacity:0.33; 
    filter:alpha(opacity=33)!important; 
    opacity:.33;
}
.blockUI.blockMsg{
    padding:        0;
    margin:         0;
    color:          #000;
    z-index:1200 !important;  
    float:none; 
    text-align:left; 
    font-weight:normal !important;
}
 .blockUI.blockPage{cursor:         default;}
 .blockUI.blockElement{cursor:         default;}
 .blockUI h1 {}
 .blockUI div.info{
    background:#FFFFFF url(/WebImage/AjaxLoader.gif) no-repeat scroll 5px 50%;
    color:#003366;
    font-size:160%;
    padding:11px 10px 2px 45px;
    text-align:center;
    border:1px solid #dfdfdf;
    width:auto;
    height:32px; 
}
 

/*Publish profile*/
        .profileon img, .profileoff img
        {
            margin-top: -2.5em; float: right; 
        }
        .tellPeople fieldset .emails input{ margin-bottom:3px; width: 200px;clear: left;}
		#ppContent{border-left:1px solid #B4C2C5;
border-right:1px solid #B4C2C5;
padding:0 15px 200px;}
		.tellPeople textarea{height: 12em; width: 80%;}
		.tellPeople #recipientmsg{display: none;}
		.tellPeople #lnkAddMore{margin:5px;}
		.tellPeople .buttonall{margin-left: 0;}
		.profileSplash .signin
		{
	         width: 500px;padding:0; float: left;
	    }
	    .splashMain{height: 167px;}
	    .splashMain img{float:left;}
	    .splashMain p.profileBlurb{font-size:1.2em;clear:none;float:left;padding:0 0 5px 0;margin:0;}

        .chooseAddress h3{font-size: 1.3em;}
		.profileSplash .tip{display:none;}
		.profileSplash{padding:0;}
		
		 #SaveModal{display:none; width: 370px;}
		#SaveModal .cell{margin: 0;}
		#SaveModal h2 a{float: right;}
		.profileSplashForm .chooseAddress .tip{margin-top: 0.8em; display: none; color: Red; font-weight: bold;}
		.tellPeople .emails .invalidEmail{padding-left: 5px; color: Red; font-weight: bold;margin: 3px 0 3px 0;}
		.profileSplashForm .chooseAddress li span{float:left; clear:both;}
		.profileSplashForm .chooseAddress #txtcustom{float: left; width: 120px;}
		.splashMain div{float: left;padding:5px 0 0 10px; width:40%;}
		.publicprofilelink p{ color: black;}
        .publicprofilelink a span{text-decoration:underline;font-size: 11px; color: #076ccd;font-weight:bold;}   
        .publicprofilelink a:hover span{text-decoration:none;} 
        .profileTip{margin: 0pt 0pt 10px; padding: 5px; font-size: 1.1em; border:1px solid #ffde00; background:#fffadb;}
        .profileTip a.findOutMore{color: #076ccd; text-decoration: none; font-weight:bold;}
        .profileTip a.findOutMore span{text-decoration: underline;}
        .profileTip .ppHide{float: right; background: url(../webimage/icons/pphide.gif) right no-repeat; width:17px; height:17px; display:block; text-indent:-5000px;}
         #searchsection, #topnav{display:block; visibility:visible;} 
         #content.emailProfile{padding-bottom: 300px;}
         #content.emailProfile .buttonall{margin-left:0;}
         
         .similarInterests ul li{text-align: center;display:block; height: 100px;overflow: hidden; float:left; width:100px}
         .similarInterests ul li a p{margin: 0;text-align:center;}
         .similarInterests ul li a{ text-decoration: none;}
         
         .browse-groups .row_buttonlink, .create-group .row_buttonlink{line-height: 24px;padding: 4px 10px;}
.message-count{float:right}
.column1 .buttonlink{margin-left:0}
         .browse-groups .row_buttonlink, .create-group .row_buttonlink{line-height: 24px;padding: 4px 10px;}
         
         #tagWelcome{width:100%;}
         .DEawards{width:50%;float:left;clear:none;}
         .DEawards input[type="radio"]{width:auto;margin-right:5px;border:0; background: #fff;}

#makecontact .quickMessage div{display: none;}
.mesgcardheader{font-size:0.7em;}

/*template.htm*/

        

/*homepage actions */
ul.single-action {padding:0 0 10px 0; border-top: 0px;}
ul.single-action li {margin: 3px 0; padding:0px 0px 0px 30px; background:url(../webimage/icons/action_iconset.gif) no-repeat;  border-top: 0px;}
ul.single-action li.noicon{background:none}
ul.single-action li.friendrequest {background-position:0 -198px;}
ul.single-action li.mailMe {background-position:0 -1032px}
ul.single-action li.buzzMe {background-position:0 -1353px}
ul.single-action li.commentMe {background-position:0 -1312px}
ul.single-action li.AddFriend {background-position:0 -517px}
ul.single-action li.ViewFriends {background-position:0 -1077px}
ul.single-action li.NewMail {background-position:0 -117px;}
ul.single-action li.placeupdates {background-position:0 -277px;}/*My Place Updates*/
ul.single-action li.mailnotification {background-position:0 -117px;}/*Mail Notification*/
ul.single-action li.readmail {background-position:0 -997px;}/*Read Mail*/
ul.single-action li.comments, ul.iList li.NewPhotoComment, ul.iList li.NewVideoComment {background-position:0 -557px}/*Comments*/
ul.single-action li.timeline {background-position:0 -157px}/*Comments*/
ul.single-action li.group {background-position:0 -1600px}/*Group*/
ul.single-action li.NewEventMemberInvite{background-position:0 -157px}
.needToDo fieldset.inline{margin:0 0 20px 24px; padding:4px}
.needToDo fieldset.single .field{width:380px; margin-right:0}


/* FR.util.js confirm box */
#confirmBox .FRdialogueInner{background:#FFFFFF;padding: 10px;}
.FRdialogueOuter{/*border:10px solid #efefef;*/
          border:1px solid #999; padding:10px;   
          background: url(/webimage/gray.png);   
                 }
.FRdialogueInner{border:1px solid #999;background:#FFFFFF;}
.FRdialogue{text-align:left; color:#444!important;}
.FRdialogue fieldset label{display:block;}
.FRdialogue fieldset li label{display:inline;}
.FRdialogue h2, .popupContainer h2, .column1 .FRdialogue h2{margin: 0; border-bottom: 1px solid #1d64b0; padding: 3px 6px; font-size: 1.3em; font-weight: normal;}
.FRdialogue h2 a.CLOSE, .blockMsg h2 a.CLOSE, .popupContainer h2 a.CLOSE{display:block; text-indent: -1000px; overflow: hidden; width:17px; height: 17px; background: url(/webimage/icons/dialogueClose.jpg); margin-top: 3px; float: right;}
.FRdialogue fieldset input[type="text"], .FRdialogue fieldset textarea, .FRdialogue fieldset select{width: 100%;}
.FRdialogue fieldset{padding:3px 11px;}
.FRdialogue .buttons{clear:both;text-align:right;}
.FRdialogue .buttons .primary-button{ margin-right:10px;/*float:none;  this causes layout problems - report abuse*/}
.FRdialogue p{padding: 2px 5px 5px;word-wrap:normal;}
.confirmButtons{text-align:center;}
.confirmButtons input{float:none; display: inline; margin: 5px;}
.confirmMessage{margin-bottom: 10px; font-size:1.2em;}
.confirmBox button.primary-button, .confirmBox a.primary-button, .confirmBox input.primary-button
{
    float:none; display:inline-block; margin:10px 5px 0;
}
#cancelForm a.primary-button, #cancelForm input.primary-button{float:right; outline: none;}
.FRdialogue .buttons a{display:inline-block; }
.photoBlock{width:400px}

#mediaDetailsEdit{width: 420px;}
#albumDetailsEdit{width: 350px;}
#privacyPop{width: 350px;}
.PrivacyTooltip{cursor:pointer;}
.relationship{width:350px;}
#cancelContainer.FRdialogue .buttons{margin-right:10px;}
#joinContainer label{display:inline;}


.cell .my-place{display:block;}

.feedback textarea{ height:100px !important}

.cross-sell-genes {color:#345857; background:#e4eeed}
.cross-sell-genes h2{border-bottom-color:#95afac; background:#fff}
.cross-sell-genes p{padding:0 5px}

.latestPhotos a{margin: 5px 0 0 2px;}
.latestPhotos a.secondary-button{padding-right:0;}
.latestPhotos a img{padding:0;}

/* FRdialogue */
#FRdialogueBg{background:#000;z-index: 9998; position:absolute; top: 0; left: 0; display:none; width: 100%; height:100%; -moz-opacity: 0.33; filter: alpha(opacity=33); opacity:.33;}
#FRdialogueContainer{position: absolute; z-index:9999; top: 0; left: 0; display:none; overflow: auto; background: url(/webimage/) no-repeat center center; zoom:1;}
.FRdialogue{margin: auto; position: absolute; z-index:9999;visibility:hidden;}
.dialogueLoading{border: 1px solid #333; font-size: 1.2em; background: white; text-align:center; width:100px; margin: auto;padding:5px;}
.dialogueLoading img{vertical-align: top;}
#FRdialogueUnder{-moz-opacity: 0; filter: alpha(opacity=0); opacity:0;}
.hideFrame{visibility: hidden;}
.confirmBox{padding:10px;}

.block-pop div.cancel{width:20px; height:20px; display:block; margin: -20px 0 0 340px;}

/* buttonRecogBg */
#FRbuttonRecogBg{ z-index: 99999; position:absolute; top: 0; left: 0; display:none; width: 100%; height:100%; cursor: wait; }



/*place lists*/

.listSubForm .buttons img{vertical-align: bottom;}
.listSubForm .buttons div{font-size: 1.2em; line-height: 1.6em;}

div#albumSelect fieldset select#AlbumTypeAndAlbumKey{width:350px;}

/* bubble tips */
a.bubbleTip{position:relative;}
a div.bubbleTip{display: none;}
a:hover div.bubbleTip{position:absolute;top: -40px; left:-10px;text-indent:0;display:inline-block;z-index: 99999;}
a div.bubbleTip .content{background: url(/webImage/media/tipsSmall.png) top right;position:absolute;white-space:nowrap;margin:0; padding:11px 18px 20px 0;min-width:45px;text-align:center;display:inline; text-decoration: none; color: #333;}
a div.bubbleTip .leftSide{width:19px;height:40px;position:absolute;left:-19px;background:url(/webImage/media/tipsSmall.png) top left;}

a.ppHide:hover div.bubbleTip{top: -43px; left:-15px;}
a.ppHide{text-decoration: none;}

#schoolSummary{width:340px;}
#schoolSummary textarea{ width: 97%; font-size: 1.2em; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; letter-spacing:-0.1px; padding: 3px;}

/*.photo-album-ad a{background: url(/webimage/photo-album-ad.png) no-repeat; width:282px; height:20px; display:block; padding:83px 5px 0 5px; text-align:right; margin:5px 0 0 0;}*/

.addfriendspage fieldset{background: white; padding: 0 0 20px;}
.addfriendspage fieldset ol{padding: 0;}
.addfriendspage h3{font-weight: bold;}
.addfriendspage .cup{padding: 10px;}

#MailGroup #Message{width:90%;}

.starter .buttons{margin-top:5px;}
.AddResponseDiv{margin-top:-20px;}
.AddResponseDiv fieldset{padding-bottom:0; margin-bottom:10px;}
.AddResponseDiv .buttons{height:30px; margin-top:-10px;}
.AddResponseDivBottom .full{display:inline;}
.AddResponseDivBottom .buttons{margin-top: 5px;}
.AddResponseDiv .buttons a.secondary-button{margin-top:0px;}

.addFriends h3{font-size:1.3em;}
.addFriends .firstColumn{background:#d5e8f7;height:120px; margin-bottom:20px;}
.addFriends .firstColumn fieldset{padding-top:10px; display:block; background:transparent;}
.addFriends .firstColumn ul li{height:25px; width:210px;}
.addFriends .firstColumn ul li label{height:25px; width:140px; display:inline-block;}
.addFriends .firstColumn ul li input{ display:inline-block; margin-top:-14px;}
.addFriends .firstColumn ul li span.TextRadio input{margin-top:0;}
* +html .addFriends .firstColumn ul li span.TextRadio input{margin-top:-10px;}

#gmailLogin .wforaddress input{margin-top:-25px;}
.secondColumn #gmailLogin fieldset{display:block;  height:10px; padding-top:10px;}
.pword{margin-top:10px;}
#normalLogin fieldset{display:block;  height:45px; padding-top:10px;}
#normalLogin fieldset input.primary-button{margin-top:-5px;}
* html #normalLogin fieldset input.primary-button{margin-top:-25px;}
* +html #normalLogin fieldset input.primary-button{margin-top:-25px;}

div#liveLogin p{padding:5px 10px; background:#d5e8f7;}
div#liveLogin .wforaddress{padding:5px 10px; clear:both; height:40px; background:#d5e8f7;}
div#textLogin p{padding:5px 10px; background:#d5e8f7; width:463px; height:35px; display:block;}
div#textLogin .primary-button{margin-top:5px;}
* +html div#textLogin .primary-button{margin-top:-22px;}
div#textLogin input{margin-top:5px;}


.reunion-tips h3 {border-bottom:1px solid #1D64B0; font-size:1.5em; line-height:1.5em; padding:3px 0;}


/*SEO  School Page  */
h2.schoolPage{padding: 0 0 8px 12px;}
.schoolPage h3{ border-bottom: 1px solid #1d64b0; margin-top: 1em; font-size: 1.5em;margin-bottom:0.5em;}
.schoolPage p{ font-size: 1.083em;}

/*SEO Groups pages*/
.groupSeoPage{padding: 0 0 0 10px;}
h2.groupPage{padding: 0 0 8px 20px;}
h1.groupPage{padding: 25px 0 8px 20px;}
.groups .resultlist.seogroup li:last-child {border-bottom:none;}
.groupSeoPage .signin{margin-top:10px;}
.seogroup.resultlist .info{min-height:44px;}
.groupSeoPage .column1{padding-top:20px;}
h2.first-title{margin-top:20px;}
img.seo-group-image{margin:10px;}
.seogrouppage.buttons{width:100px; float:right; margin: -45px 5px 0 0;}

#UserGroupDiv .order-by form{padding-top:3px;}
form button.primary-button.on{background:url(/WebImage/loaderBlue.gif) no-repeat center center !important; text-indent: -9999px; cursor: wait;}

div.search h3.also{font-size:1.2em; font-weight:normal !important; border:0 !important; margin:5px 0 !important;line-height:1.2em;}

#editTopicDiv fieldset textarea {width:415px;}
* +html #editTopicDiv fieldset textarea {width:395px;}/*IE7*/
* html #editTopicDiv fieldset textarea {width:380px;}/*IE6*/

.notfound {margin:0 10px !important;} 

ul.feed li blockquote p{position: relative;}
ul.feed li blockquote p a.fade{position: absolute;bottom:0; left: 0; width:98%;height: 30px;text-align:right;display:block;background: url(/WebImage/commentfade.png); color: #076CCD; }
ul.feed li blockquote p a:hover.fade{text-decoration:underline;}
ul.feed li div.commentnotes blockquote p a.fade{background: url(/WebImage/subcommentfade.png); height: 26px;}
ul.feed li blockquote p a:hover.fade{text-decoration:underline;}
ul.feed li blockquote p a.fade span{line-height: 38px;display:block;}
ul.feed li blockquote p.newsflashCommentSizeLimit{height:116px; overflow: hidden;}
#MyFriendUpdates, #MyPlaceUpdates, #MyGroupUpdates{padding-bottom:10px;}
.newsflash, .updates, .needToDo{padding-bottom:10px;}
 div ul.feed li .showFeedComment.primary-button{padding: 0 5px 2px;margin: 0 3px; float:none; font-size:1em; display: inline;  background: url(/WebImage/blue-button-63x16.png) no-repeat;}
.commentnotesNF blockquote p a{color:#076CCD;}

/*Newsfeed show and hide sections*/
.home h2 a.showHide{position: relative; display:block; text-indent:-5000px; float:right; height:16px; width: 16px;background: url(/WebImage/Icons/section-close.gif) no-repeat -16px bottom; margin: 8px 2px 0 0; text-decoration:none;}
.home h2 a.showHide.hideContent{background: url(/WebImage/Icons/section-open.gif) no-repeat -15px bottom;}
.home h2 .showHide .tip, .friendPrivacyHelp h2 a.showHide .tip{position: absolute;width:46px; height:27px; top: -26px; left:-15px;background: url(/WebImage/tinytip.png) no-repeat;display:none;border:0;margin:0;padding: 5px 0 0; font-size: 10px; line-height: 10px; z-index:9999;text-indent:0; text-align: center;}
.home h2 a:hover.showHide .tip, .friendPrivacyHelp h2 a:hover.showHide .tip{display:block;}
.home .updateSection{padding-bottom:20px;}

#MyGroupUpdates h2, #MyPlaceUpdates h2 {display:none;}
.feed a{font-size:13px;}
a.showFeedComment{font-size:11px !important;}

ul.feed li blockquote p{position: relative;}
ul.feed li blockquote p a.fade{position: absolute;bottom:0; left: 0; width:98%;height: 30px;text-align:right;display:block;background: url(/WebImage/commentfade.png); color: #076CCD; }
ul.feed li blockquote p a:hover.fade{text-decoration:underline;}
ul.feed li div.commentnotes blockquote p a.fade{background: url(/WebImage/subcommentfade.png); height: 26px;}
ul.feed li blockquote p a:hover.fade{text-decoration:underline;}
ul.feed li blockquote p a.fade span{line-height: 38px;display:block;}
ul.feed li blockquote p.newsflashCommentSizeLimit{height:116px; overflow: hidden;}
ul.feed li .viewAll, ul.feed li .hideAll{background: #fffbcc url(/webimage/icons/comments-show.gif) no-repeat right; display:block;font-size:0.916em;margin:1px 0;padding: 2px 13px;}
ul.feed li .hideAll{background: #fffbcc url(/webimage/icons/comments-hide.gif) no-repeat right;}
ul.feed li .comments .viewAll, ul.feed li .comments .hideAll{margin-left:0;}
#MyFriendUpdates, #MyPlaceUpdates, #MyGroupUpdates{padding-bottom:10px;}
.newsflash, .updates, .needToDo{padding-bottom:0; margin: 0 10px;}
.needToDo{padding-bottom:20px;}
.newsflash{padding-bottom:20px;}
 div ul.feed li .showFeedComment.primary-button{padding: 0 5px 2px;margin: 0 3px; float:none; font-size:1em; display: inline;  background: url(/WebImage/blue-button-63x16.png) no-repeat;}
.commentnotesNF blockquote p a{color:#076CCD;}

.feed a{font-size:13px;}
ul.feed li blockquote p a.readMore{display: inline; color:#076CCD; margin-right: 20px; }
ul.feed li blockquote p a:hover.readMore{text-decoration:underline;}

.profile commentnotes {border:1px solid red;}

.albumdetails .comments .clear {clear:none;}
.message-read .right-h2{font-size: 0.7em; line-height: 0.7em; padding-top: 13px;}
.message-read .right-h2 a.btnprev, .message-read .right-h2 a.btnnext{position: static;}

p.world-cup{padding:0 0 0 30px; margin: 5px 0;}
p.world-cup.england{background:url(/webimage/icons/world-cup/england.png) no-repeat center left;}
p.world-cup.south-africa{background:url(/webimage/icons/world-cup/south-africa.png) no-repeat center left;}
p.world-cup.australia{background:url(/webimage/icons/world-cup/austrailia.png) no-repeat center left;}
p.world-cup.new-zealand{background:url(/webimage/icons/world-cup/new-zeland.png) no-repeat center left;}

p.wimbledon{background:url(../webimage/icons/wimbledon.png) no-repeat left center; padding-left:29px;}