/* Generics */
html { overflow-y: scroll;  }
#userdetails .bigphoto { margin-bottom: 20px; }
#accessheader { display:none; }
.greytableback { background: rgb(225,225,225); border: none; }
.accessibility { display: none }
.postinfohead { font-weight: bold; }
.clearboth { display: block; clear:both }
.topheading { margin-top: 0 }
.flagnew { font-weight: bold; color: blue }
.contentblock { padding: 4px 8px 25px 10px; overflow: hidden; }
.contentblock.darker { background-color:#EFEFEF;margin-top:-15px;padding-top:15px; }
.contentblockcom { padding: 15px 8px 25px 10px; overflow: hidden; }
.shadedtop { background: rgb(239,239,239); }
.shadedbot { padding: 19px 8px 20px; margin-top: -15px; border-bottom: 1px solid rgb(204,204,204); }
.shadedblock { }
.dottedtop { background: url(/lib/img/separator_h.png) repeat-x; }
.twocolcontext { background: url(/lib/img/contextNavBg.png) repeat-y;  }
.stripedcontext { background: url(/lib/img/stripebg.png) }
.tagcloud { line-height: normal }
.tagcloud a { margin: 0 0.15em 0 0.15em; } 
.contentform { padding-top: 10px; }
.greybg { background-color: rgb(238,238,238); min-width: 1px; }
#contentcol2 .greybg { height: auto; }
#contentcol #frmsearch { margin-left: -10px; margin-right: -10px; }
/*#contentcol .contentblock h2, #contentcol .contentblock p { padding: 4px 8px 0 10px; }*/
.nofollowpadding { padding-bottom: 0px }
.boxnotice { color: rgb(255,255,255); background: url(/lib/img/boxnoticerpt.png) top left repeat-x; text-align: center; position: relative; margin: 0 1px 0px 1px}
.boxnotice a { color: rgb(255,255,255); text-decoration: underline; }
.boxnotice.info { background: url(/lib/img/boxnoticerpt.png) top left repeat-x; }
.boxnotice.error { background: url(/lib/img/boxnoticerpt_warning.png) top left repeat-x; }
.boxnotice.done { background: url(/lib/img/boxnoticerpt_done.png) top left repeat-x; }
.boxnotice p { width: 100%; padding: 20px 0 22px 0; margin: 0; }
#promptouter { border-bottom:1px solid #bababa;margin:0;padding:0 10px 10px 10px;}
#promptinnercontainer { background:#ffffb3 url(/lib/img/postit-right.gif) top right no-repeat;}
#promptinner { background:transparent url(/lib/img/postit-header.gif) 10px -10px no-repeat;padding:20px 40px 30px 40px;color:#333333;text-align:left;position:relative;}
#promptinner h2 { display:none }
#promptinner p { margin:0;padding:0;color:#666666 }
#promptclose { text-align:right;position:relative;top:25px;left:20px; }
#promptafter { background:transparent url(/lib/img/postit-after.gif) bottom right no-repeat;height:7px;padding:0}
.emptylistplaceholder { font-style: italic }
.blockbigspinner { width: 100%; height: 100%; padding: 10px; background: url(/lib/img/spinner.gif) 50% 50% no-repeat; }
.inlinewarning { padding: 0 0 0 13px; background: url(/lib/img/bullets/warning2.png) 0 2px no-repeat; }

h2.stickypost { margin-left: 0px; padding: 5px 5px 5px 0px; margin-right: -10px; margin-top: 15px;}
h2.stickypost a { padding: 6px 15px 6px 32px; margin: 0 -10px; background: url(/lib/img/stickypostpin.png) no-repeat 5px 9px; }

a { color: rgb(80,122,173); text-decoration: none }
a:hover { text-decoration: underline }
a.clicktoedit:hover { text-decoration: none; background-color: rgb(255,255,204) }
a.nostyle { color: rgb(68,68,68); }
form { margin: 0 }
input, select, textarea { font-size: 12px }
img { border: none }
.featurelink { display:block; margin:10px 0 0 0; }
.featurelink.first { margin-top:20px; }
.featurelink img { margin-left: -4px; }
table { font-family: Arial,helvetica,sans-serif; font-size: 11px; line-height: 130%; color: rgb(68,68,68); }
th, td { padding: 0 4px 2px 0; vertical-align: top }
h1 { display: none; }
h2,h5 { line-height: 1.1em; font-family: Georgia, serif; font-size: 22px; font-weight: normal; margin-top: 15px; margin-bottom: 5px; padding: 5px 0 5px 0; }
h5 { margin-top:30px;margin-bottom:3px; }
h2, h2 a, h5, h5 a { color: rgb(80,122,173) }
h2 a:hover { background-color: rgb(238,238,238); text-decoration: none; }
h3 { font-weight: normal; font-size:1.5em; color: rgb(102,102,102); height: 19px; position: relative; top: 5px; margin: 0 0 10px 0; } /* Position trick to avoid margin collapse */
p.subtitle { margin-top: -1px }
h4 { font-weight: bold; font-size: 11px; text-transform: uppercase; color: black; margin: 0 0 10px 0; padding: 0 0 0 12px; background: url(/lib/img/blackarrow_down.png) 0 no-repeat; position: relative; top: 5px; } /* Position trick see h3 */
.inlinepostphoto { float: right; display: inline; width: 52px; height: 56px; margin: 0; padding: 0; background: url(/lib/img/photobg.png) no-repeat center; }
.inlinepostphoto img { margin: 3px 5px; }
.bigphoto { margin: 10px 0 5px 1px; height: 132px; padding: 0; background: url(/lib/img/bigphoto.png) top center no-repeat; text-align: center; position: relative; }
.bigphoto img { width: 102px; height: 122px; position: relative; left: 0px; top: 5px; }
.shadedblock .inlinepostphoto { margin-top: 5px }
.errordesc { color: rgb(255,0,0); }
div.byline { margin-bottom: 2px }
div.metaline { height: 15px }
div.metaline span { float:left; padding: 0 10px 0 13px; background-position: 0 3px; background-repeat: no-repeat }
div.metaline .posttime { background-image: url(/lib/img/bullets/clock.png) }
div.metaline .comments { background-image: url(/lib/img/bullets/comment.png) }
div.metaline .comments a { color: rgb(68,68,68); }
form .field { clear: both; padding: 0 10px 10px 10px }
.dialogbox form .field { clear: both; padding: 0 10px 5px 22px }
form .field label { width: 130px; float: left; padding-top: 3px; text-align: right; margin-right: 10px; }
.dialoginner form .field label { width: 57px; } 
form .field input, form.contentform .field select, form .field textarea { width: 170px; }
form .explain { clear: both; display: block; padding: 0 10px 3px 10px }
form .example { clear: both; display: block; padding: 0 10px 10px 151px; margin-top: -7px;  }
form .error { background: url(/lib/img/validationfail.png) 375px 5px no-repeat; }
form .error input, form.contentform .error select, form.contentform .error textarea { border: 1px solid rgb(255,0,0) }
form .error label { color: red; }
form .formhelp { display: none; position: absolute;  width: 350px; font-weight: bold; color: black; padding: 10px 0; background: rgb(225,225,225); border-top: 1px solid rgb(186,186,186); border-bottom: 1px solid rgb(186,186,186); }
form .formhelp div { background: rgb(255,247,217) url(/lib/img/formhelparrow.gif) 5px 50% no-repeat; padding: 10px 10px 10px 20px }
form .formhelp span { display: block; font-weight: normal }
.buttons { position: relative; background-color: rgb(201,201,201); padding: 10px; text-align: right }
.buttons.dlgbtns { margin: 10px -10px -10px -10px; background-color: rgb(221,221,221) }
form.miniform input, form.miniform select { font-size: 11px }
form.miniform a { vertical-align: top }
form .mfield { clear: both; }
form .mfield a { display: block; }
form .mfield input, form .mfield select { float: left; display: inline; width: 110px; margin-right: 2px }
form .mfield div.fileinputs { position: relative; overflow: hidden; width: 100%; }
form .mfield div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; }
.fileinputs { display: block; float: left; width: 90px; }
#frmcommunityedit .fileinputs { display: block; float: left; width: 90px; position: relative}
.fileinputs .fakefile { display: inline; position: absolute; }
#frmcommunityedit .fileinputs .fakefile { display: inline; position: absolute; right: 0; }
#frmcommunityedit input.file.hidden { width: 150px; position: relative; font-size: 11px; left: -55px; text-align: right; z-index: 2; height: 20px; } /* See IE positioning tweak */
input.file.hidden { width: 150px; position: relative; font-size: 11px; left: -85px; text-align: right; z-index: 2; height: 20px; } /* See IE positioning tweak */
iframe.upload { position: absolute; bottom: 0; right: 0; width: 10px; height: 10px; }
li span.meta { color: rgb(0,204,0) }
.standardinput { width: 200px; }
.narrowinput { width: 120px; }
.inviteform .error label { color: rgb(255,0,0); }
.inviteform .error input, .inviteform .error select { border: 1px solid rgb(255,0,0) }
.optionnotice { font-weight: normal; font-size: 11px; width: 100%; text-align: center; }
.writefield { padding: 2px 0 }
.writefield label { width: 80px; float: left; padding-top: 3px; margin-right: 10px; text-align: right; }
.writefield input { width: 450px; }
.mceToolbarTop { padding-top: 10px }
.advsearchextras { display: none }
.commentmodlink { float: right; color: rgb(255,0,0); }
a.later { display: inline; background: url(/lib/img/bullets/right.png) center right no-repeat; text-align: right; padding-right: 15px; width: 30%; float: right; }
a.earlier { display: inline; background: url(/lib/img/bullets/left.png) center left no-repeat; text-align: left; padding-left: 15px; width: 30%; float: left; }
#dlgeditcommdetails form .field label { width: 131px; }
#dlgeditcommdetails form .field textarea { height: 100px; }
#dlgeditcommdetails form .field select { width: 212px; }

tr.metadata td, ul.files li {word-break:break-all;}

#sprfrecaptchaform { display:none; }
#commentformadditionalinformation { padding-top:12px; }
#commentformadditionalinformation label { width: 230px; display:block; float:left;  }
#commentformadditionalinformation li { padding-bottom:5px; }
#commentformadditionalinformation input { width:165px; }
#frmcomment_li_captcha label { width:400px; padding-bottom:10px; }
  	 


/* List styles */
ul, dl { margin: 0; padding: 0 }
ul li, dl dt { padding: 0 0 0 25px; list-style-type: none; background: url(/lib/img/bullets/standard.png) 10px 3px no-repeat } /* See IE hasLayout workaround */
ul.shortindent li { padding: 0 0 0 18px; background-position: 2px 2px }
ul.actions li { background-image: url(/lib/img/bullets/action.png) }
ul.communities li { background-image: url(/lib/img/bullets/community.png) }
ul.posts li { background-image: url(/lib/img/bullets/post_search.png); margin-bottom: 3px; background-position: 0px 3px }
ul.searchresults li.user { background-image: url(/lib/img/bullets/people.png); margin-bottom: 3px; background-position: 0px 3px }
ul.searchresults li.community { background-image: url(/lib/img/bullets/community.png); margin-bottom: 3px; background-position: 0px 3px }
ul.people li { background-image: url(/lib/img/bullets/grey.png); }
ul.people li.moderator { font-weight: bold; }
ul.people li.online { background-image: url(/lib/img/bullets/rgb%280%2C204%2C0%29.png); font-weight: bold; }
ul.feeds li { background-image: url(/lib/img/bullets/feed.gif); }
ul.posts_small li { background-image: url(/lib/img/bullets/post_small.png); }
ul.posts_small li.earlier { background-image: url(/lib/img/bullets/down.png); }
ul.posts_small li.later { background-image: url(/lib/img/bullets/up.png); }
ul.sectionnav { margin: 0 0 10px 0; padding: 0 0 1px 0; background: url(/lib/img/separator_h.png) 0 100% repeat-x; }
ul.sectionnav li { background: url(/lib/img/separator_hlight.png) repeat-x; padding: 1px 0 0 0 }
ul.sectionnav li.selected { background-color: rgb(225,225,225); margin-left: 1px; }
ul.sectionnav li a { display: block; padding: 4px 0 4px 10px; font-weight: bold }
ul.sectionnav li a:hover { text-decoration: none; background-color: rgb(238,238,238); margin-left: 1px; }
ul.copyrights li { background: none; padding: 0 }
ul.copyrights li a { text-decoration: none; color: rgb(68,68,68); display: block; padding: 3px 5px 7px 40px; background-position: 5px 3px; background-repeat: no-repeat; }
ul.copyrights li a:hover { background-color: rgb(255,255,204) }
ul.files li { padding: 2px 0px 3px 20px; background: url(/lib/img/fileicons/unknown.png) 0px 1px no-repeat; }
ul.files li.png { background-image: url(/lib/img/fileicons/jpg.png); }
ul.files li.jpg { background-image: url(/lib/img/fileicons/jpg.png); }
ul.files li.doc { background-image: url(/lib/img/fileicons/doc.png); }
ul.files li.xls { background-image: url(/lib/img/fileicons/xls.png); }
ul.files li.pdf { background-image: url(/lib/img/fileicons/pdf.png); }
ul.files li.txt { background-image: url(/lib/img/fileicons/txt.png); }
ul.files li.ppt { background-image: url(/lib/img/fileicons/ppt.png); }
ul.socialbookmarking li { padding: 2px 0px 3px 20px; background: 0px 1px no-repeat;}
ul.socialbookmarking li.delicious { background-image: url(/lib/img/minilogos/delicious.gif); }
ul.socialbookmarking li.reddit { background-image: url(/lib/img/minilogos/reddit.gif); }
ul.socialbookmarking li.magnolia { background-image: url(/lib/img/minilogos/magnolia.gif); }
ul.socialbookmarking li.digg { background-image: url(/lib/img/minilogos/digg.gif); }
ul.socialbookmarking li.facebook { background-image: url(/lib/img/minilogos/facebook.gif); }
ul.socialbookmarking li.stumbleupon { background-image: url(/lib/img/minilogos/stumbleupon.gif); }
ul.socialbookmarking li.technorati { background-image: url(/lib/img/minilogos/technorati.gif); }
ol.comments { margin: 0; padding: 0; list-style-type: none; }
ol.comments li { margin: 0 0 8px 0; padding: 6px 6px 6px 28px; background: rgb(239,239,239) url(/lib/img/bullets/comment.png) 10px 7px no-repeat }
ol.comments li p.commentmeta { margin-top: 0; }
ol.comments li p.commenttext { margin-bottom: 0; }
ol.versionhistory { margin:0; padding: 0 }
ol.versionhistory li { list-style-type: none; padding: 2px 0; margin: 1px 0; cursor: pointer }
ol.versionhistory li.selectedfordiff { background-color: rgb(238,238,238); border: 1px dotted rgb(51,204,0) }
ol.versionhistory li span.d, ol.versionhistory li a { float: left; margin-right: 10px }
ul.genimagelist li { padding: 0 0 0 13px; background-position: 0px 2px }
ul.searchresults li { margin-bottom: 10px; }
ul.searchresults li .contexthighlight { font-weight: bold; background-color: rgb(255,255,204) }
ul.categorylist { margin-top: 1em;}
ul.categorylist li { float: left; display: inline; width: 182px; margin:0 50px 30px 0; padding: 0; background-image: none; min-height: 8em; } /* See IE min-height fix */
ul.categorylist h2 { font-size: 1.3em; background-image: none; padding: 0; margin: 5px 0 6px 0; }
ul.categoryfeatureds li { background-image: url(/lib/img/bullets/post_small.png); margin: 0; padding: 0 0 0 12px; background-position: 0px 2px; min-height: 1em;}
ol.searchpagelist { margin: 0; padding: 0; height: 25px; }
ol.searchpagelist li { list-style-type: none; float: left; }
ol.searchpagelist li a { width: 16px; text-align: center; background: url(/lib/img/bullets/post_small.png) 50% 2px no-repeat; padding-top: 15px; display: block; }
ol.searchpagelist li.selected a { background: url(/lib/img/bullets/post_small_highlighted.png) 50% 0px no-repeat; font-weight: bold }
ul.people li.addlink, ul.files li.addlink { background-image: url(/lib/img/bullets/upload.png); font-weight: bold; margin-top: 7px; }
ul.communities li.actionnotice, ul.people li.actionnotice { background-image: url(/lib/img/buttons/upload.png); font-weight: bold; }
ul.communities li.actionnotice a, ul.people li.actionnotice a { color: rgb(222,56,0); }
ul.twocol li { width: 140px; float: left; }
ul.blogimportlist {margin-top:15px }
ul.blogimportlist li {margin-top:6px }
.withhover { border-bottom: 1px dashed rgb(187,187,187); cursor: help; }

/* Tooltips */
#tooltip { width: 200px; background-color: rgb(237,238,245); padding: 4px; font-size: 11px; border: 1px solid rgb(68,68,68); text-align: left; display: none; }
#tooltip img { float: left; margin-right: 4px; margin-top: 4px; }
#tooltip p { padding: 0 0 4px 0; margin: 0; border-bottom: 1px solid rgb(187,187,187) }
#tooltip p.copy { padding: 4px 0 0 0; border-top: 1px solid white; border-bottom: none; margin-left: 30px }


/* Tag cloud sizes */
.tag1 { font-size: 8px; }
.tag2 { font-size: 9px; }
.tag3 { font-size: 10px; }
.tag4 { font-size: 11px; }
.tag5 { font-size: 13px; }
.tag6 { font-size: 15px; }
.tag7 { font-size: 16px; }
.tag8 { font-size: 17px; }
.tag9 { font-size: 18px; }
.tag10 { font-size: 20px; }


/* Dialog sizes */
.dialog { display:none }
.dialogbox { visibility: hidden; position: absolute; top:0; left:0; z-index: 5; border: 5px solid rgb(153,153,153); background-color: rgb(102,102,102); padding: 5px; text-align: left; }
.dialogbox div.dialoginner { border: 1px solid rgb(51,51,51); background-color: white; padding: 10px }
#dlgcopyright { width: 380px }
#dlgchangecomment { width: 500px }
#dlgcommentform { width: 500px }
#dlgsavenew { width: 400px }
#dlgpermissionsselect { width: 380px }
#dlgpermissionsset { width: 380px }
#dlgconfirmfriendrequest { width: 350px }
#dlgeditbiography { width: 390px }
#dlgeditphotoupload, #dlgeditlogoupload { width: 370px }
#dlgpeoplesearchmembers, #dlgpeoplesearchfindafriend { width: 490px }
#dlgpeoplesearchresultsmembers, #dlgpeoplesearchresultsfindafriend { width: 270px }
#dlgpleasewait { width: 425px }
#dlgeditdetails { width: 425px }
#dlgdone { width: 250px; }
#dlgfeaturesettings { width: 550px; }
#dlgeditcommdetails { width: 420px; }
#dlgfollowblog { width: 380px; }
#dlgsubs { width: 425px; }
#dlgchangepass { width: 400px; }
#dlgeditdescription { width:327px; }
#dlgeditdescription textarea { width:100% }
* html #dlgeditdescription textarea { width:95%; }

/* Permissions dialogs */
#dlgpermissionsset table { width: 300px; margin: 0 auto; background-color: rgb(243,243,243) }
#dlgpermissionsset td, #dlgpermissionsset th { width: 66px; text-align: center; vertical-align: middle; border-right: 1px solid rgb(170,170,170); padding: 1px 5px }
#dlgpermissionsset td { border-bottom: 1px solid rgb(170,170,170) }
#dlgpermissionsset th { border-bottom: 1px solid rgb(119,119,119) }
#dlgpermissionsset td.comname { width: 102px; text-align: right }
#dlgpermissionsselect label { display: block; margin-left: 15px; padding: 3px 0 }
#dlgpermissionsselect input { float: left; clear: left }
#frmpermissionsselect { padding-left: 10px }


/* Thickbox */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: rgb(51,51,51); }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:rgb(102,102,102); }
#TB_window a:link, TB_window a:hover, TB_window a:active, TB_window a:focus { color: rgb(102,102,102); }
#TB_window a:hover { color: rgb(0,0,0); }
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; background-color:rgb(0,0,0); filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; height:100%; width:100%; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: rgb(255,255,255); z-index: 102; color:rgb(0,0,0); display:none; border: 4px solid rgb(82,82,82); text-align:left; top:50%; left:50%; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid rgb(204,204,204); border-bottom: 1px solid rgb(204,204,204); border-top: 1px solid rgb(102,102,102); border-left: 1px solid rgb(102,102,102); }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:rgb(232,232,232); height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }


/* Element styling */
#logotext { text-align: left; width: 118px; }
#regintro { padding-bottom: 12px; }
.twocol #sidenav .contentblock { background: none; }
#lnkwritepost { background: url(/lib/img/buttons/writenewpost.png) 5px 3px no-repeat;  }
#manageaccount { background: url(/lib/img/buttons/account.png) 5px 3px no-repeat;  }
#aboutus { background: url(/lib/img/buttons/about.png) 5px 3px no-repeat;  }
#importblog { background: url(/lib/img/buttons/import.png) 5px 3px no-repeat;  }
#last { background: url(/lib/img/buttons/exit.png) 5px 3px no-repeat;  }
#lnkinvitecolleagues { background: url(/lib/img/buttons/invitecolleagues.png) 5px 3px no-repeat; height: 19px; }
#txtsrhquery { font-size: 11px; width: 110px }
#btnsearch { vertical-align: top }
.minicalendar { height: 160px; margin-top: 5px; text-align: center; position: relative; }
.minicalendar table { margin: 0 auto; }
.minicalendar td, .minicalendar th { text-align: center }
.minicalendar td.next { text-align: right; }
.minicalendar td.prev { text-align: left; }
.minicalendar td.outofmonth { color: rgb(170,170,170) }
.minicalendar td a { font-weight: bold; text-decoration: underline; }
#frmpostedit textarea,#frmgenerateroundup textarea { width: 100%; height: 300px }
#filupload { width: 150px; margin: 0; }
#uploadpanel2 { display: none }
#autosavespin { position: absolute; top: 10px; left: 10px; background: url(/lib/img/spinnerdark.gif) 0% 50% no-repeat; padding-left: 20px; }
#mainnav #loginform p { padding: 0; margin: 12px 0 12px 0; }
#loginform .blockbigspinner { margin-left: -10px; margin-top: 25px; }
#loginform input { width: 130px; margin-bottom: 11px; margin-top: -7px; }
#loginform #btnsignin { margin-left: 1px; width: 48px; height: 18px; margin-top: -7px; }
#lnkmoreoptssidebar { float: left; }
#lnkmoreoptssidebar img { position:relative;top:-2px; }
#writefieldcontainer { overflow:auto; }
#mainnav #loginformmoreopts {background:transparent url(/lib/img/moreoptsback.png) left bottom repeat-x;padding:0 0 20px 0; }
#mainnav #loginformmoreopts li {border:0;height:auto;padding:0;	margin:0 0 0 0;	line-height:100%;width:155px;float:none;}
#mainnav #loginformmoreopts li a,#mainnav #loginformmoreopts li span {display:block;padding:10px 8px 0 21px;margin:0;}
#mainnav #loginformmoreopts li input {margin:0 5px 0 0;padding:0;}
#logincontent2, #reglogincontent2 { display: none; }
#diffviewinfo { background: url(/lib/img/diff.png) 50% 50px no-repeat; padding: 90px 90px 0 90px; text-align: center; font-size: 13px }
.inviterowpr, .inviterowreg, .inviterowunknown { display: inline; float: left; width: 235px; min-height: 3em;}
.inviterowpr label, .inviterowreg label, .inviterowunknown label { position: relative; top: -3px; }
.inviterowpr .email, .inviterowreg .email, .inviterowunknown .email { color: rgb(144,144,144); padding-left: 20px; }
#communitylistmine h2 { background-image: none; padding: 0; font-size: 1.5em; margin: 5px 0 6px 0; }
#communitylistpopular h2 { background-image: none; padding: 0; font-size: 1.3em; margin: 5px 0 5px 0; }
#communitylistmine div { float: left; width: 225px; margin: 0 17px 12px 0px; }
#communitylistpopular div { float: left; width: 170px; margin: 0 12px 12px 0px; }
#communitylistmine div, #communitylistpopular div { min-height: 11em; } /* See IE min-height fix */
#logocontainerouter { background: white url(/lib/img/logobackground.gif) 2px 0px no-repeat; padding-top: 8px; border-right: 1px solid rgb(204,204,204); }
#logocontainerinner { position: relative; height: 86px; margin-bottom: 13px; text-align: center; background-position: center; background-repeat: no-repeat; }
#logocontainerinner .editlink { position: absolute; right: 85px; bottom: -19px; background: url(/lib/img/buttons/edittabPic.png) top right no-repeat; }
#logocontainerinner img { position: absolute; top: 50%; margin-top: -43px; }
#communitydescription { text-align: center; font-weight: bold; background-color: rgb(255,255,255); margin: 0; border-bottom:  1px solid rgb(186,186,186); padding: 10px 20px; }
#communitydescription .managelink { display: block; text-align: right; margin: 10px 0 0 0; padding: 0 35px 0 0; background: url(/lib/img/buttons/button/Edit) center right no-repeat; }
#communitylistmine ul.comms li, #communitylistpopular ul.comms li { background-image: url(/lib/img/bullets/post_small.png); margin: 0; padding: 0 0 0 12px; background-position: 0px 2px; min-height: 1em; }
#communitylistmine ul.comms, #communitylistpopular ul.comms { margin: 5px 0 4px 0; min-height: 4.2em; } /* See IE min-height fix */
#communitylistmine ul.actions li, #communitylistpopular ul.actions li { padding: 0 0 0 11px; background-position: 0px 2px; }
#writemenu { position: absolute; top: 230px; left: 25px; width: 116px; background-color: rgb(255,255,255); padding: 0 0 0 0; display: none; border: solid 1px rgb(186,186,186); }
#writemenu li { display: block; list-style-type: none; padding: 0; margin: 0; background: none; border-bottom: solid 1px rgb(186,186,186); }
#writemenu li a { display: block; height: 100%; color: rgb(102,102,102); text-decoration: none; padding-left: 8px; }
#writemenu li a:hover { background-color: rgb(204,204,204); height: 100%; }
#writemenu .cancel { border: none; }
#writemenu .cancel a { color: rgb(80,122,173); padding-right: 8px; text-align: right;}
#writemenu .cancel a:hover { background-color: rgb(204,204,204); padding-right: 8px; }
#userdetails a { font-size: 1em; text-align: right; }
#userdetails p, #userdetails div { width: 100%; display: block; position: relative; }
#userdetails div .editlink { position: absolute; right: 25px; bottom: -18px; background: url(/lib/img/buttons/edittabPic.png) top right no-repeat; }
#biogbutton { padding-bottom: 10px; }
#biogbutton img { position: absolute; right: 2px; margin-top: -15px; }
#userdetails p .editlink { top: 5px; background: none; width: 155px; margin-bottom: 15px; }
.editlink { display: block; width: 90px; height: 18px; position: relative; z-index: 1; }
.editlink:hover { text-decoration: none; }
#contextnav .nobotmargin { margin-bottom: 0; border-bottom: 1px solid rgb(204,204,204); }
.commontasks #lnkadvsearch { display: block; margin-top: 3px; color: rgb(80,122,173); padding: 0; font-weight: normal; }
.persondetail { clear: both; margin-left: -2px; }
.persondetail h2 { font-size: 1.3em; padding-bottom: 1px; margin-top: 8px; color: rgb(80,122,173); }
.persondetail .inlinepostphoto, .persondetailmini .inlinepostphoto { float: left; margin-right: 5px; }
.persondetail .bio { margin-left: 53px; }
.persondetail .bio p { margin: 0 0 0 3px; }
.persondetailmini { float: left; display: inline; width: 175px; margin-right: 5px; margin-bottom: 15px; }
.persondetailmini span.personname { display:block;font-size: 1.2em; padding-bottom: 1px; margin-top: 0px; padding-top: 0px; color: rgb(80,122,173);font-family:Georgia,serif }
.jobdetails { width: 100px; float: left; }
#bestposters .persondetail { width: 351px; margin-right: 10px; float: left; clear: none; }
#contextnav .persondetail h2, #contextnav .persondetailmini span.personname { padding-top: 4px; margin-top: 0px; color: rgb(80,122,173); }
#contextnav .persondetailmini { width: 300px; margin-bottom: 5px; margin-left: -2px; }
#contextnav #jobdetails { width: 200px; }

.organisation { width: 175px; margin: 0 5px 10px 0; text-align: center; float: left; }
.organisation span.orgname { font-size: 1.2em; padding-bottom: 0px; color:#007FFF;line-height:1.1em; font-family:Georgia, serif;font-size:22px; margin-top:15px;margin-bottom:0;padding:5px 0 5px 0;display:block;font-size:16px; }
.organisation a { color: rgb(136,136,136); display: block; text-decoration: none; }
.organisation a:hover { background-color: rgb(245,245,245); }

.orglogoframe { position: relative; display: inline; float: right; text-align: center; margin: 0 auto 0 auto; width: 160px; height: 70px; line-height: 70px; background: url(/lib/img/orglogobackground.png) repeat-x }

.organisation .orglogoframe { display: block; margin-top: 5px; float: none; }
.orglogoframe .editlink { position: absolute; right: 5px; top: 72px; background: url(/lib/img/buttons/edittabPic.png) top right no-repeat; }

/* There is a slight discrepancy between the heights of the organisation images, and the branch images, for some reason. */
.orgbranchlogoframe .editlink { top: 70px; }


.branchdescription { position: relative; }

/* Branchdescription needs hasLayout in IE6 for position:absolute / bottom on the edit link to work correctly */
* html .branchdescription { height:0.1%; }

.branchdescription .editlink { right: 5px; bottom: 5px; position: absolute; width: 31px; }
.branchdetails, .agencydetails { border-bottom: 1px solid gray; position: relative; width: 100%; }
.branchdetails .editlink, .agencydetails .editlink { position: absolute; right: 5px; bottom: 5px; width: 31px; }
#mapdetailouter { position: relative; }
#mapdetailouter .editlink { position: absolute; right: 5px; bottom: -18px; background: url(/lib/img/buttons/edittabPic.png) top right no-repeat; }
.mapinfo { padding: 5px 5px 5px 40px; background: rgb(225,225,255) url(/lib/img/info.png) no-repeat 7px 14px; font-weight: bold; }
table.orgdetails { margin: 5px 15px 5px 5px; border: 0px; border-collapse: collapse; float: left; display: inline; }
table.orgdetails td { padding-bottom: 0px; }
table.orgdetails td.label { width: 75px; }
.regstage h3 { margin: 0 0 20px 10px; padding: 0; }
a.regbutton { text-decoration: none; color: rgb(68,68,68); display: block; padding: 0px 0px 3px 20px; background: url(/lib/img/bullets/action.png) no-repeat 5px 8px; margin: 0 0 10px 0; cursor: pointer; }
a.regbutton h3 { margin: 0; padding: 0; }
a.regbutton:hover { text-decoration: none; background-color: rgb(255,255,204) }
.autocompletediv { border: 1px solid rgb(0, 0, 0); border-top: 1px solid rgb(112, 112, 112); padding: 0; z-index: 300; position: absolute; background: white; color: rgb(68, 68, 68); display: none; text-align: left; }
.autocompletediv span { color: rgb(160, 160, 160); font-size: 0.9em; }
.autocompleteselected { color: black; background-color: rgb(255, 247, 217); }
#dlgsubs .dialoginner form .field input { width: auto; margin: 0 0 0 30px; }
#dlgsubs .dialoginner form .field label { float: none; width: auto; text-align: left; margin: 0 0 0 10px; }
#newsletterdetail { margin: 0 0 0 50px; font-size: 0.9em; line-height: 12px; } 
#dlgeditdetails .dialoginner form .field label { width: 140px; } 
#dlgchangepass .dialoginner form .field label { width: 140px; }
.postabstract { clear:both; margin-top:10px; }
#chknewsletter { width: auto; margin: 0 0 0 25px; }
#chknewsletterlabel { float: none; width: auto; text-align: left; margin: 0 0 0 10px; }
.pagbuttonseparator { color:#888888; }
#emailalertsspinner { display:none; }
#emailalertsfields { overflow:auto;height:90px;width:400px }
#postroundupspinner { display:none; }
.permissionsstage1subtitle { margin:0;padding:0;font-weight:bold;color:#444444 }
.permissionsstage2subtitle { margin:0 0 10px 0;padding:0;font-weight:normal;color:#777777 }
.permissionsstage1subtitle.curstage, .permissionsstage2subtitle.curstage { font-weight:bold;color:#444444 }
.permissionsstage1subtitle.othstage, .permissionsstage2subtitle.othstage { font-weight:normal;color:#777777 }
.indexversioninginfo {color:red; font-size:11px;}

/* UGC Styles */
.contenthead1 { color: black; font-size: 13px; margin: 15px 0 8px 0; font-weight: bold }
.contenthead2 { color: black; font-size: 11px; margin: 10px 0 8px 0; font-weight: bold }
.contentblockquote { color: rgb(0,102,0); font-style: italic; margin: 10px 0; padding-left: 15px; padding-right: 15px }
.contentkbd { color: black; background-color: rgb(225,255,223); border: 1px dashed rgb(51,204,0); font-family: monospace; margin: 10px 0; padding: 5px }

/* Actions page */
.actionlink { font-size: 10px; font-weight: normal; }
.actionstable { border: 0; border-spacing: 0px; border-collapse: collapse; border-bottom: 1px solid rgb(177,177,177); width: 100%; text-align: center; }
.actionstable td, .actionstable th { border-right: 1px solid rgb(177,177,177); padding: 3px; }
.actiondetails, .actiondetails a { color: rgb(68,68,68); font-weight: bold; text-align: right; padding-right: 6px; }
.actiondetails .actiondetailmeta, .actiondetails .actiondetailmeta a { font-weight: normal; font-style: italic; padding-right: 0; }
.actionstable td.greytableback, .actionstable th.greytableback { border: 1px solid rgb(177,177,177); width: 200px }

/* Profile page */
#photoanchor { position: relative; margin: 0 auto 0 auto;}
#photocroppreview { position: absolute; left: 1px; top: 1px; cursor: move; background: 0px 0px no-repeat; z-index: 5;}
#photocropborder { position: absolute; z-index: 4; left: 0; top: 0; background: rgb(153,153,153) url(/lib/img/backgroundmesh.gif) top left repeat;}
#cropresizese, #cropresizene, #cropresizenw, #cropresizesw { position: absolute; display: block; width: 7px; height: 7px; background: url(/lib/img/resizehandle.gif) top left no-repeat; overflow: hidden; z-index:6; }
#cropresizese { bottom: -3px; right: -3px; cursor: se-resize; }
#cropresizene { top: -3px; right: -3px; cursor: ne-resize; }
#cropresizenw { top: -3px; left: -3px; cursor: nw-resize; }
#cropresizesw { bottom: -3px; left: -3px; cursor: sw-resize; }
#photocontainer { position: absolute; top: 1px; left: 1px; }
#photocontainerinner { width: 100%; height: 100%; background: black; }
#phototocroptrigger { display: none; }

/* Page construction */
body { background: url(/lib/img/headerRpt.png) right top repeat-x rgb(245,245,245); min-width: 913px; text-align: center; font-family: Arial,helvetica,sans-serif; font-size: 12px; line-height: 150%; color: #666666; padding: 0; margin: 0}
.spacer { margin: 0 0 50px 0; }
#pagecontainer { width: 913px; margin: 0 auto; text-align: left;position:relative; }
#sitesearch { margin: -13px 0 30px 0; }
.twocol { background: white url(/lib/img/twocolbg.gif) top left repeat-y; }
.threecolwide { background: white url(/lib/img/threecolwidebg.gif) top left repeat-y; }
.threecolnarrow { background: white url(/lib/img/threecolnarrowbg.gif) top left repeat-y; }
.fourcol { background: white url(/lib/img/threecolnarrowbg.gif) repeat-y scroll left top }
 #header { border-left: 1px rgb(186,186,186) solid; border-right: 1px rgb(186,186,186) solid; position: relative; height: 171px; background: url(/lib/img/header.png) left top repeat-x; }
#header img { padding-top: 1px; margin-left: 0px; }
#headerouter { width: 913px; }
.twocol #header { border-left: 1px rgb(186,186,186) solid; border-right: 1px rgb(186,186,186) solid; position: relative; height: 171px; background: url(/lib/img/header.png) left top repeat-x; }
.twocol #maincontent { background: none}
#mainnav #userlinks { font-size: 10px; text-align: left; color: rgb(255,255,255); width: 133px; height: 133px; margin-top: -14px; background: url(/lib/img/topblock.png) left top repeat-x; border-right: none;}
#mainnav #userlinks a { padding-top: 24px; height: auto; color: rgb(255,255,255); font-size: 12px; }
#mainnav #userlinks a span{ text-align: right; padding-left: 80px; font-size: 11px; }
#mainnav #userlinks a:hover { background: none; width: auto; height: auto; }
#mainnav #userinfo a, #mainnav #userinfo a:hover { background: none; height: auto; }
#mainnav #userlinks p { margin: 0 5px 5px 0; }
#mainnav #userlinks p a { padding: 0; font-size: 11px; font-weight: normal; line-height: 14px; }
#mainnav #userinfo { border-right: none; color: rgb(102,102,102); padding: 10px 0 0 0; margin-left: 0; width: 155px; position: relative;min-height:100px;height:auto;background:white url(/lib/img/userinfoside.png) left 100px repeat-y;z-index:1;}
 #mainnav #userinfo.loggedin { height:100px }
 #mainnav #loginform { height: 110px; text-align: left; margin: -17px 0 0 10px; padding: 4px 0 0 0;}
#mainnav #loginform p span{ font-size: 12px; font-weight: bold; color: rgb(102,102,102); }
#mainnav #loginform a,#mainnav #loginformmoreopts a,#mainnav #loginformmoreopts label { color: rgb(80,122,173); font-weight: normal; font-size: 11px; height: auto; margin-top: -8px; padding: 0 7px; margin-left: -5px }
#mainnav #loginformmoreopts label { color:#666666; }
#mainnav #loginform a:hover,#mainnav #loginformmoreopts a:hover { background: none; text-decoration: underline; }
#mainnav #loginform #btnsignin { margin-bottom:0; }
#username { font-weight: bold }
#mainnav #usernav { position:absolute;bottom:1em;left:5px;padding: 0; font-size: 10px; text-align: left;}
#mainnav #username,#mainnav #useragency {margin-left:5px}
#mainnav #usernav #egofloater li { height: auto; }
#mainnav #usernav li { width: auto; height: auto; background-image: none; line-height: 60%; border-right: none; }
#mainnav #usernav li a { text-align: left; display: block; height: auto; color: rgb(80,122,173); width: 145px; margin-left: -10px; font-size: 11px; }
#mainnav #usernav li a:hover { background: none; }
#signuplink { position: absolute; margin: -125px 0 0 630px; padding: 0; font-size: 12px; font-weight: bold; width: 129px; height: 133px; text-align: left; }
#signuplink a { color: white; }
 #mainnav { position: absolute; clear: left; top: 15px; left: 305px; height: 111px; }
#mainnav li { float: left; background-image: none; height: 111px; width: 105px; padding: 0; margin: 1px 0px 0px 0px;  border-right: 1px solid rgb(204,204,204); }
#mainnav li p { padding: 0 0 0 10px; }
#mainnav li a { display: block; color: rgb(102,102,102); font-weight: bold; text-decoration: none; padding: 10px 0 0 10px; height: 90px; }
 #mainnav li a:hover { background-color: rgb(204,204,204); color: rgb(51,51,51); height: 101px; }
#mainnav li.selected a { background-color: orange; border: 1px solid white; margin: 0; }
#mainnav li.selected a:hover { background-color: orange; border: 1px solid white; }
#switchback { line-height: 13px; }
#switchto { }
#navlinkbuttons { margin:0 -10px 15px -10px; border-bottom: 1px solid rgb(186,186,186);padding-bottom:10px; }
#sidenav .contentblock { border-bottom: 1px solid rgb(186,186,186); margin: 0 -1px 15px 1px; }
#sidenav2 .contentblock { border-bottom: 1px solid rgb(186,186,186); margin: 0 -1px 15px 1px; }
.commontasks li { display: block; background-image: none; padding: 0; }
.commontasks li a { display: block; padding: 5px 0 2px 35px; color: #666666; text-decoration: none; font-weight: bold; text-align: left; }

.commontasks li a:hover { display: block; text-decoration: none; font-weight: bold }
#commontasksearch { padding: 2px 0 0 0; }
#maincontent { padding: 0 350px 0 166px; clear: both;  } /* See IE fix for width */
.twocol #maincontent { padding-right: 0; }
#maincontent .column { float: left; display: inline; overflow: hidden; }
#maincontent #contentcol { width: 396px; padding: 0; margin-right: 0; overflow: visible; }
.twocol #maincontent #contentcol { width: 747px; }
#contentcol2 { width: 571px; padding: 0; margin-right: 1px; }
#contentcol2 .contentblock { border-right: 1px solid rgb(186,186,186); }
#sidenav { width: 165px; padding: 0 1px 0 0; margin-left: -562px; } /* See IE fix for width */
.twocol #sidenav { margin-left: -913px; }
#sidenav2 { width: 165px; padding: 0 1px 0 0; margin-left: -738px; } /* See IE fix for width */
#contextnav { width: 350px; padding: 0; margin-right: -350px; color: rgb(68,68,68); border-left: solid 1px rgb(204,204,204); }
#contextnav .shadedblock { border-bottom: 1px solid rgb(204,204,204); margin-bottom: 15px; } /* See IE fix for width */
.threecolnarrow #contextnav { width: 350px; padding: 0; margin-right: -350px; color: rgb(68,68,68); }
.threecolwide #contextnav { width: 350px; padding: 0; margin-right: -350px; color: rgb(68,68,68); }
.twocol #contextnav { display: none; }
#contextnav2 { width: 175px; padding: 0; margin-right: -350px }
#contextnav2 .shadedblock { border-bottom: 1px solid rgb(186,186,186); padding-bottom: 30px; margin-bottom: 15px; }
.contextleft { float: left; width: 175px; }
.contextright { float: left; width: 174px; padding-left: 1px; } /* See IE fix for width */
.contextright .shadedblock { border-right: none; }
#footer { clear: both; text-align: right; background: white url(/lib/img/separator_h.png) repeat-x; padding: 10px; font-size:10px }
#copyright { float: left; text-align: left; }
#footerlinks { margin: 5px 0 0 0; padding: 0; }
#footerlinks li { display: inline; padding: 0 0 0 8px; background-image: none; }

#sponsors img {float:left;margin:0 40px 0 0; }
#broughttoyouby { margin-bottom:30px; }

/*** Registration changes ***/
#refereeotherlabel { margin-left: -130px; }

/*** IE Fixes ***/
* html #footer { border: 1px solid #CCCCCC; border-top: none; }
* html #copyright { margin-top: 40px; }
* html #footerlinks li { margin-top: 0px; }
* html .contextleft { width: 174px; } /** Floats right hand Post Info. column in correct pos. beside the Manage Posts.**/
* html #mainnav #usernav a { padding-bottom: 2px; padding-top: 7px; }
*+html #mainnav #usernav a { padding-bottom: 2px; padding-top: 7px; }
* html #mainnav li a:hover { height:110px; }
* html #mainnav #invitelink { margin-top: -5px; }
* html #header img { margin-top: 1px; }
* html #sidenav { width: 166px; }
* html #sidenav2 { width: 166px; }
* html #contextnav .shadedblock { width:172px; }
* html #refereeotherlabel, *+html #refereeotherlabel { margin-left: 0; }
* html #maincontent { width: 913px; margin-right: -3px; }
* html .contextright { width: 175px; }
* html #mainnav #usernav a, * html ul li, * html dl dt, * html h4, * html a.regbutton, * html .buttons, * html .greybg, * html .boxnotice, * html #communitydescription .managelink { height: 1%; }
* html .greybg { overflow: visible; }
* html form .mfield input.file.hidden, * html form.contentform input.file.hidden { left: -77px; }
* html ul.categorylist li { height: 8em; }
* html #communitylistmine ul.comms, * html #communitylistpopular ul.comms { height: 4.2em; }
* html #communitylistmine div, * html #communitylistpopular div { height: 11em; }
* html ul.categoryfeatureds li { height: auto; }
* html .inviterowpr, * html .inviterowreg, * html .inviterowunknown { height: 3em; }
* html #logocontainerinner .editlink { bottom: -20px; }
* html #mainnav #usernav { bottom:8px }
* html #writefieldcontainer { overflow:hidden }
*+html #writefieldcontainer { overflow:hidden }
* html #mainnav #userinfo { height:110px; }
* html #mainnav #userinfo.loggedin { height:110px; }
* html #mainnav #loginformmoreopts { padding-right:3px }
* html #logincontent2 { position:relative;top:-35px; }