/* General Settings */

* { margin:0; padding:0; }
html, body { height:100%; }
body { background-color:white; color:#333; font-family:Arial, Verdana, Helvetica,sans-serif; font-size:12px; }

h1, h2, h3, h4, h5 { color:#275785; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; padding:10px 0; }
h1 { font-size:19px; font-weight:normal; }
h2 { font-size:17px; font-weight:normal; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:13px; font-weight:bold; }
h5 { font-size:12px; font-weight:bold; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a{ font-size:inherit; }

a { color:#275785; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:0; }

ul { margin:1em; }
ul li { margin:0 1em; }

dl { margin:8px 0; }  
dl dt { margin:8px 0 4px 0; font-weight:bold; }
dl dd { margin-left:20px; }

address, 
p { padding:4px 0; font-style:normal; }

hr { display:none; }

input, select, textarea { font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; }
input { padding:2px; }
input.text,
input.password,
textarea { border:1px solid #999; padding:2px; }
select { padding:1px; }
input.defaulttext,
textarea.defaulttext { color:#777; }

label { font-weight:bold; display:block; margin:2px 0; }
fieldset { border:1px solid silver; padding:10px; margin:8px 0 0 0; }
fieldset legend { padding:0 4px; margin:0 0 0 -4px; display:block; }
fieldset legend label { padding:0; margin:0; display:inline; }
label span.explain { font-weight:normal; color:#666; }

form .labelfloat { padding:0; clear:both; }
html>body form .labelfloat { padding:8px 0 0 0; }
form .labelfloat label { float:left; display:inline !important; margin:0 !important; padding:0 !important; width:90%; }
form .labelfloat input.radio,
form .labelfloat input.checkbox { margin-right:8px; float:left; }
form .buttons { clear:left; padding:20px 0 20px 0; }
form .buttons div { float:left; margin-right:10px; }

img.indicator { vertical-align:middle; }

div.crinfo { background-color:#333; color:white; font-size:10px; position:absolute; padding:1px 2px; width:30px; text-align:center; moz-opacity:.5; opacity:.5; }

.dropmarker { height:16px; width:16px; background:transparent url(images/dropmarker.png) 0 0 no-repeat; margin:-12px 0 0 -8px; z-index:1000; overflow:hidden; }

span.highlight { background-color:khaki; }

div#flash { color:#007900; background-color:#bfe5bf; padding:20px; position:absolute; top:0; left:0; margin:160px 0 0 372px; width:200px; text-align:center; font-weight:bold; z-index:9999; }

.error-message { background-color:#db4d4d; font-size:10px; font-weight:bold; color:white; padding:3px 10px 3px 10px; }
div#no-javascript { display:block; background-color:#db4d4d; font-size:12px; font-weight:bold; color:white; padding:3px 10px 3px 10px; }

.menteoo { color:#275785; font-weight:bold; }
.menteoo span { color:#5285ba; }

.header-wide, 
.header-middle, 
.header-small { background-repeat:no-repeat; vertical-align:middle; font-family:"Trebuchet MS",sans-serif; position:relative; color:white; height:19px; font-size:14px; font-weight:bold; padding:1px 0 0 20px; }
.header-wide { background-image:url(images/bg-header-wide.gif); margin:15px 0 15px 0; width:738px; }
.header-middle { background-image:url(images/bg-header-middle.gif); margin:2px 0 3px 0; width:625px; }
.header-small { background-image:url(images/bg-header-small.gif); width:280px; }
.header-bright { background-image:url(images/bg-header-bright.gif); background-repeat:no-repeat; padding:1px 0 0 20px; font-size:14px; height:19px; width:280px; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; color:#525252; font-weight:bold; }

.ro { background:url(images/bg-settings-overview-ro.gif) top right no-repeat; }
.lo { background:url(images/bg-settings-overview-lo.gif) top left no-repeat; }
.ru { background:url(images/bg-settings-overview-ru.gif) bottom right no-repeat; }
.lu { background:url(images/bg-settings-overview-lu.gif) bottom left no-repeat; }
.lu .content { padding:10px; }

.note { padding:10px 20px; margin:10px 0; background-color:#f8f3c7; border:1px solid #a9a688; line-height:160%; }
.note h1,
.note h2,
.note h3,
.note h4 { color:gray; font-family:Arial, Verdana, Helvetica, sans-serif; }
.note a { text-decoration:underline; }
.note a:hover { text-decoration:none; }
.note code { display:block; padding:10px; margin:10px; background:white; }
.note ol,
.note ul { padding:0 0 0 20px;  }

#body ul.menu { list-style:none; margin:0 0 20px 0; padding:0 0 0 0; height:1em; }
#body ul.menu li { float:left; border-left:1px solid gray; padding:0px 8px; margin:0; }
#body ul.menu li.first { border:0; padding-left:0; }
#body ul.menu li.on { font-weight:bold; }

/* clearfix */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
 * html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
br.clear { clear:both; }


/* Autocompletes */

.auto_complete { background-color:#efefef; margin:0; padding:0; }
.auto_complete ul { list-style:none; margin:0; padding:0; }
.auto_complete ul li { margin:0; padding:2px 0; }
.auto_complete ul li.selected { background-color:#ffffbb; margin:0; }

/* Columns */

.cols .col-l,
.cols .col-c,
.cols .col-r { float:left; display:block; }

.cols2 .col-l,
.cols2 .col-r { width:460px; }
.cols2 .col-l { margin-right:20px; }

.cols2 fieldset.col-l,
.cols2 fieldset.col-r { width:440px; }

.cols2l .col-l { width:605px; }
.cols2l .col-r { width:300px; }
.cols2l .col-l { margin-right:40px; }

.cols3 .col-l,
.cols3 .col-c,
.cols3 .col-r { width:300px; }
.cols3 .col-l,
.cols3 .col-c { margin-right:22px; }

#popup .cols2 .col-l,
#popup .cols2 .col-r { width:290px; }
#popup .cols2 .col-l { margin-right:22px; }

#popup .cols3 .col-l,
#popup .cols3 .col-c,
#popup .cols3 .col-r { width:187px; }
#popup .cols3 .col-l,
#popup .cols3 .col-c { margin-right:22px; }

.page .cols2 .col-l,
.page .cols2 .col-r { width:450px; }
body.logged .page .cols2 .col-l,
body.logged .page .cols2 .col-r { width:460px; }


/* Vcards */

.vcard { margin:0 0 4px 0; padding:0 0 2px 0; clear:both; font-size:12px; }
.vcard .vcard-img  { float:left; clear:none; margin:0; padding:0 10px 0 0; }
.vcard .vcard-img a img { border:0; }
.vcard .vcard-info { float:left; clear:none; margin:0; }
.vcard .vcard-info p { margin:0 0 0 0; padding:0 0 0 0; }
.vcard .vcard-info p.vcard-info-company { font-weight:bold; }
.vcard .vcard-info .vcard-info-time { background-color:transparent; background-repeat:no-repeat; background-position:0 0; width:33px; height:33px; float:left; margin:4px 0 0 0; }
.vcard .vcard-info .vcard-info-time span { display:none; }
.vcard .vcard-info .vcard-info-time-text { float:left; width:140px; margin:4px 0 0 4px; }

.vcard .vcard-info-time-0,
.vcard .vcard-info-time-1, 
.vcard .vcard-info-time-2, 
.vcard .vcard-info-time-3, 
.vcard .vcard-info-time-4, 
.vcard .vcard-info-time-5, 
.vcard .vcard-info-time-6, 
.vcard .vcard-info-time-7, 
.vcard .vcard-info-time-8, 
.vcard .vcard-info-time-9, 
.vcard .vcard-info-time-10,
.vcard .vcard-info-time-11,
.vcard .vcard-info-time-12  { background-image:url(images/mentoring-clock-0.gif); }
.vcard .vcard-info-time-13,
.vcard .vcard-info-time-14,
.vcard .vcard-info-time-15,
.vcard .vcard-info-time-16,
.vcard .vcard-info-time-17,
.vcard .vcard-info-time-18,
.vcard .vcard-info-time-19,
.vcard .vcard-info-time-20,
.vcard .vcard-info-time-21,
.vcard .vcard-info-time-22,
.vcard .vcard-info-time-23,
.vcard .vcard-info-time-24  { background-image:url(images/mentoring-clock-13.gif); }
.vcard .vcard-info-time-25,
.vcard .vcard-info-time-26,
.vcard .vcard-info-time-27,
.vcard .vcard-info-time-28,
.vcard .vcard-info-time-29,
.vcard .vcard-info-time-30,
.vcard .vcard-info-time-31,
.vcard .vcard-info-time-32,
.vcard .vcard-info-time-33,
.vcard .vcard-info-time-34,
.vcard .vcard-info-time-35,
.vcard .vcard-info-time-36,
.vcard .vcard-info-time-37  { background-image:url(images/mentoring-clock-25.gif); }
.vcard .vcard-info-time-38,
.vcard .vcard-info-time-39,
.vcard .vcard-info-time-40,
.vcard .vcard-info-time-41,
.vcard .vcard-info-time-42,
.vcard .vcard-info-time-43,
.vcard .vcard-info-time-44,
.vcard .vcard-info-time-45,
.vcard .vcard-info-time-46,
.vcard .vcard-info-time-47,
.vcard .vcard-info-time-48,
.vcard .vcard-info-time-49  { background-image:url(images/mentoring-clock-38.gif); }
.vcard .vcard-info-time-50,
.vcard .vcard-info-time-51,
.vcard .vcard-info-time-52,
.vcard .vcard-info-time-53,
.vcard .vcard-info-time-54,
.vcard .vcard-info-time-55,
.vcard .vcard-info-time-56,
.vcard .vcard-info-time-57,
.vcard .vcard-info-time-58,
.vcard .vcard-info-time-59,
.vcard .vcard-info-time-60,
.vcard .vcard-info-time-61,
.vcard .vcard-info-time-62  { background-image:url(images/mentoring-clock-50.gif); }
.vcard .vcard-info-time-63,
.vcard .vcard-info-time-64,
.vcard .vcard-info-time-65,
.vcard .vcard-info-time-66,
.vcard .vcard-info-time-67,
.vcard .vcard-info-time-68,
.vcard .vcard-info-time-69,
.vcard .vcard-info-time-70,
.vcard .vcard-info-time-71,
.vcard .vcard-info-time-72,
.vcard .vcard-info-time-73,
.vcard .vcard-info-time-74  { background-image:url(images/mentoring-clock-63.gif); }
.vcard .vcard-info-time-75,
.vcard .vcard-info-time-76,
.vcard .vcard-info-time-77,
.vcard .vcard-info-time-78,
.vcard .vcard-info-time-79,
.vcard .vcard-info-time-80,
.vcard .vcard-info-time-81,
.vcard .vcard-info-time-82,
.vcard .vcard-info-time-83,
.vcard .vcard-info-time-84,
.vcard .vcard-info-time-85,
.vcard .vcard-info-time-86,
.vcard .vcard-info-time-87  { background-image:url(images/mentoring-clock-75.gif); }
.vcard .vcard-info-time-88,
.vcard .vcard-info-time-89,
.vcard .vcard-info-time-90,
.vcard .vcard-info-time-91,
.vcard .vcard-info-time-92,
.vcard .vcard-info-time-93,
.vcard .vcard-info-time-94,
.vcard .vcard-info-time-95,
.vcard .vcard-info-time-96,
.vcard .vcard-info-time-97,
.vcard .vcard-info-time-98,
.vcard .vcard-info-time-99  { background-image:url(images/mentoring-clock-88.gif); }
.vcard .vcard-info-time-100 { background-image:url(images/mentoring-clock-100.gif); }

/* large */
.vcard0 { width:220px; margin:0 0 10px 0; }
.vcard0 .vcard-img { width:30px; }
.vcard0 .vcard-info { width:180px; }

/* medium */
.vcard1 { width:260px; margin:0 0 10px 0; }
.vcard1 .vcard-img { width:70px; }
.vcard1 .vcard-info { width:180px; }

/* small */
.vcard2 { width:220px; }
.vcard2 .vcard-img { width:30px; }
.vcard2 .vcard-info { width:180px; }
td.birthdays .vcard2 { width:200px; }
td.birthdays .vcard2 .vcard-info { width:160px; }


/* Listings */

table.listing { width:100%; border-collapse:collapse; margin:10px 0 20px 0; border:1px solid silver; border-left:0; border-right:0; }
table.listing th,
table.listing td { border-bottom:1px solid silver; padding:8px 4px; vertical-align:top; text-align:left; font-size:12px; }
table.listing a { text-decoration:none; }
table.listing a:hover { text-decoration:underline; }
table.listing tfoot td { border:0; }

table.listing td.actions ul { margin:0 0 0 0; padding:0 0 0 0; }
table.listing td.actions ul li { margin:0 0 0 0; padding:0 0 0 0; }

table.listing td.empty { text-align:center; color:gray; font-weight:bold; padding:20px;}

table.listing div.note-edit-wrap { padding:0 12px 0 0; width:210px; background:transparent url(images/icon-pen.gif) 100% 4px no-repeat;}
table.listing div.note-edit-wrap div.note-edit { border:1px solid silver; padding:2px; width:200px; white-space:pre; overflow:auto; }
table.listing div.note-edit-wrap form textarea.editor_field { border:1px solid silver; padding:2px; width:200px; }
table.listing div.note-edit-wrap form .editor_ok_button { margin-right:10px; }
table.listing div.role-edit-wrap { padding:0 12px 0 0; width:90px; background:transparent url(images/icon-pen.gif) 100% 4px no-repeat;}
table.listing div.role-edit-wrap div.role-edit { border:1px solid silver; padding:2px; width:80px; }


/* Modal Dialogs */

.modalbox h3 { margin-bottom:1em; }
.modalbox .ok { font-weight:bold; }

#MB_overlay { position:absolute; margin:auto; top:0; left:0; width:100%; height:100%; z-index:9999; background-color:#000!important; }
#MB_overlay[id] { position:fixed; }
#MB_window { position:absolute; top:0; border:0 solid; text-align:left; z-index:10000;  }
#MB_window[id] { position:fixed!important; }
#MB_frame { position:relative; background-color:#EFEFEF; height:100%; }
#MB_header { margin:0; padding:0; }
#MB_content { padding:20px; overflow:auto; }
#MB_caption { font:bold 100% "Lucida Grande", Arial, sans-serif; text-shadow:#FFF 0 1px 0; padding:.5em 2em .5em .75em; margin:0; text-align:left; }
#MB_close { display:block; position:absolute; right:5px; top:4px; padding:2px 3px; font-weight:bold; text-decoration:none; font-size:13px; }
#MB_close:hover { background:transparent; }
#MB_loading { padding:1.5em; text-indent:-10000px; background:transparent url(images/ajaxindicator-big.gif) 50% 0 no-repeat; }
/* Color scheme */ 
#MB_frame { padding-bottom:7px; -webkit-border-radius:7px;  -moz-border-radius:7px; border-radius:7px; }
#MB_window { background-color:#EFEFEF; color:#000; -webkit-box-shadow:0 8px 64px #000;  -moz-box-shadow:0 0 64px #000;  box-shadow:0 0 64px #000;  -webkit-border-radius:7px;  -moz-border-radius:7px; border-radius:7px; }
#MB_content { border-top:1px solid #F9F9F9; }
#MB_header {   background-color:#DDD;   border-bottom:1px solid #CCC; }
#MB_caption { color:#000; }
#MB_close { color:#777: }
#MB_close:hover { color:#000; }
.MB_alert { margin:10px 0; text-align:center; }

#MB_content .buttons { margin-top:15px; overflow:auto; }
#MB_content .buttons div { float:left; margin:0 10px 0 0; }

#MB_content h2 { padding-top:0; font-family:arial, Verdana, Helvetica, sans-serif; font-weight:bold; color:#666; }


/* Buttons */

.bt-add { background-image:url(images/bt-add.gif); background-repeat:no-repeat; width:29px; height:29px; }
.bt-delete { background-image:url(images/bt-delete.gif); background-repeat:no-repeat; width:29px; height:29px; }

.bt-mail, .bt-fon, .bt-meeting, .bt-chat { background-repeat:no-repeat; width:31px; height:22px; }
.bt-mail { background-image:url(images/bt-mail.gif); }
.bt-fon { background-image:url(images/bt-fon.gif); }
.bt-meeting { background-image:url(images/bt-meeting.gif); }
.bt-chat { background-image:url(images/bt-chat.gif); }

div.submit { background:transparent url(images/bt-l.gif) 0 0 no-repeat; padding:0 0 4px 4px; }
div.submit input { background:transparent url(images/bt-r.gif) 100% 0 no-repeat; border:0; text-align:center; color:#d6e1ed; font-size:12px; padding:1px 10px 4px 4px; margin:0; font-weight:bold; height:20px; width:auto; overflow:visible;}
div.submit input:hover { color:white; }

div.button,
div.cancelbutton { background:transparent url(images/bt-l.gif) 0 0 no-repeat; padding:0px 0 4px 4px; height:20px; float:left; margin:0 10px 0 0; }
div.button input,
div.cancelbutton input { background:transparent url(images/bt-r.gif) 100% 0 no-repeat; border:0; text-align:center; color:#d6e1ed; font-size:12px; padding:1px 10px 4px 4px; margin:0; font-weight:bold; height:20px; width:auto; overflow:visible; }
div.button input:hover { background-image:url(images/bt-r.gif); color:white; }

div.cancelbutton { background-image:url(images/bt-l-cancel.gif); }
div.cancelbutton input { background-image:url(images/bt-r-cancel.gif); color:#436a8f; }
div.cancelbutton input:hover { background-image:url(images/bt-r-cancel.gif); color:#275785; }

a.buttonlink,
a.cancelbuttonlink { background:transparent url(images/bt-l.gif) no-repeat top left; display:block; float:left; font:normal 12px arial, sans-serif; height:20px; margin-right:10px; padding-left:4px; text-decoration:none !important; }
a.buttonlink span,
a.cancelbuttonlink span { background:transparent url(images/bt-r.gif) no-repeat top right; display:block; line-height:14px; padding:2px 12px 4px 4px; font-weight:bold; text-decoration:none !important; }

a.buttonlink span { color:#d6e1ed; }
a.cancelbuttonlink span { color:#436a8f; }

a.buttonlink:hover span { color:white; }
a.cancelbuttonlink:hover span { color:#275785; }

a.cancelbuttonlink { background-image:url(images/bt-l-cancel.gif); }
a.cancelbuttonlink span { background-image:url(images/bt-r-cancel.gif); }


ul.rating { margin:0 0 0 0; padding:0 0 0 0; list-style:none; height:15px; }
ul.rating li { display:block; float:left; margin:0 0 0 0; padding:0 0 0 0; }
.star { background-image:url(images/rating.gif); background-repeat:no-repeat; width:15px; height:15px; }

.list-1,
.list-2,
.list-3,
.list-4 { background:url(images/list-steps.gif) 0 0 no-repeat; width:33px; height:33px; }

.list-1 { background-position:  0px -33px; }
.list-2 { background-position:-33px -33px; }
.list-3 { background-position:-66px -33px; }
.list-4 { background-position:-99px -33px; }

.list-1-up { background-position:  0px 0px; }
.list-2-up { background-position:-33px 0px; }
.list-3-up { background-position:-66px 0px; }
.list-4-up { background-position:-99px 0px; }


.steps { color:#666; }
.steps .step-single { float:left; width:80px; margin:20px 20px 30px 0; text-align:center; }
.steps .step-single div { margin:0 auto 8px auto; }


.settings-check { background-image:url(images/settings-check.gif); background-repeat:no-repeat; width:20px; height:20px; }
.settings-uncheck { background-image:url(images/settings-uncheck.gif); background-repeat:no-repeat; width:20px; height:20px; }

.settings-check-small { background-image:url(images/settings-check-small.gif); background-repeat:no-repeat; width:18px; height:18px; }
.settings-uncheck-small { background-image:url(images/settings-uncheck-small.gif); background-repeat:no-repeat; width:18px; height:18px; }

.bg-light-blue { background-image:url(images/bg-light-blue.gif); background-repeat:no-repeat; width:48px; line-height:1.125em; vertical-align:middle; text-align:center; color:#275785; }


/* Paginator */

.paginator { font-size:12px; padding:0 0; }
.paginator a { text-decoration:none; }

.paginator .paginator-info { margin:0 0 8px 0; }

.paginator .paginator-paging { padding:0 0 10px 0; }

.paginator .paginator-paging .paginator-paging-first    { float:left; width:auto; margin:0 10px 0 0; }
.paginator .paginator-paging .paginator-paging-prev     { float:left; width:auto; margin:0 10px 0 0; }
.paginator .paginator-paging .paginator-paging-numbers  { float:left; width:auto; margin:0 10px 0 0; }
.paginator .paginator-paging .paginator-paging-next     { float:left; width:auto; margin:0 10px 0 0; }
.paginator .paginator-paging .paginator-paging-last     { float:left; width:auto; margin:0 0 0 0; }
.paginator .paginator-paging .disabled { color:#999; }

.paginator .paginator-paging .paginator-paging-numbers span { border:1px solid #2b6197; background-color:white; }
.paginator .paginator-paging .paginator-paging-numbers span a { color:#2b6197; padding:0 2px; }
.paginator .paginator-paging .paginator-paging-numbers span a:hover { background-color:#2b6197; color:white; }
.paginator .paginator-paging .paginator-paging-numbers span.current { padding:0px 2px; color:white; background-color:#2b6197; }


/* Download links */
.download { display:block; padding:1px 0 1px 20px; width:auto; height:16px; }
.download-pdf { background:transparent url(images/mime/pdf.png) 0 0 no-repeat; }
.download-doc { background:transparent url(images/mime/doc.png) 0 0 no-repeat; }
.download-zip { background:transparent url(images/mime/zip.png) 0 0 no-repeat; }
.download-jpg { background:transparent url(images/mime/jpg.png) 0 0 no-repeat; }
.download-gif { background:transparent url(images/mime/gif.png) 0 0 no-repeat; }


/* Popup Dialog 
 *
 * div#popupOverlay
 * div#popupWrap
 *     div#popup
 *         div#popupContainer
 *             div#popupIndicator
 *                 img
 *             div#popupHeader.header
 *             div#popupUpdate.main
 */
#popupOverlay { z-index:10; position:fixed; top:0px; left:0px; width:4000px; height:8000px; background-color:#000; }
#popupWrap { z-index:11; position:fixed; top:0px; left:0px; width:100%; height:100%; overflow:hidden;  }

#popup { width:665px; }
#popupContainer { width:665px; }

#popupIndicator { text-align:center; }

#popupHeader { padding:5px 20px 5px 20px; background-color:#bfcddc; font-weight:bold; }
#popupHeader a { height:14px; width:14px; float:right; background-image:url(images/close.gif); background-repeat:no-repeat; text-decoration:none; }
#popupHeader a span { display:none; }

#popup .main { background-color:#dce6f1; width:625px; padding:20px 20px 20px 20px; overflow:auto;  }
#popup .main h3.head { padding:2px 0 2px 20px; }

#popup .main .entry-input { padding:2px 0 2px 0; margin-bottom:5px; overflow:visible; white-space:nowrap; clear:both; }
#popup .main .entry-input input.text { display:block; width:596px; }

#popup .main .entry-textarea-wide div { padding:2px 0 2px 0; }
#popup .main .entry-textarea-wide label { padding:2px 0 2px 0; }
#popup .main .entry-textarea-wide .head { font-weight:bold; clear:both; }
#popup .main .entry-textarea-wide .remark-right { float:right; color:#666; }
#popup .main .entry-textarea-wide .remark-left { float:left; color:#666; }
#popup .main .entry-textarea-wide textarea { width:595px; height:90px; padding:1px 3px 1px 3px; }

#popup .main .buttons { clear:left; padding:20px 0 0 0; white-space:nowrap; }
#popup .main .buttons div { float:left; margin-right:10px; }
#popup .main .buttons div.indicator { width:16px; height:16px; }


/* Tooltips */

 img.tooltip { cursor:help; }


/* Prototip */

.prototip { position:absolute; }
.prototip .effectWrapper { position:relative; }
.prototip .tooltip { position:relative; }
.prototip .toolbar { position:relative; display:block; }
.prototip .toolbar .title { display:block; position:relative; }
.prototip .content { clear:both; }
.prototip .toolbar a.close { position:relative; text-decoration:none; float:right; width:12px; height:12px; background:transparent url('images/close.gif'); display:block; line-height:0; font-size:0px; border:0; }
.iframeShim {  position:absolute; border:0; margin:0; padding:0; background:none; }


/* Prototip: Tooltip styles */

.prototip .default { width:220px; color:#483505; border:0; padding:0px; background-color:#ECAD14; }
.prototip .default .title { width:220px; padding:10px; font-weight:bold; color:#483505; }
.prototip .default .content { width:200px; background-color:#ECAD14; margin:0px; padding:0px 10px 10px 10px; font-weight:normal; }
.prototip .default center img { margin:20px; }


/* Debugging */

.cake-sql-log { background:#f4f4f4; margin:0 auto 20px auto; width:990px; }
.cake-sql-log caption { font-size:11px; color:#666; margin:40px auto 10px auto; width:990px;}
.cake-sql-log th, 
.cake-sql-log td { padding:4px 8px; text-align:left; font-size:11px; color:#666; border-bottom:1px solid #ccc; vertical-align:top; }

/* Layout */

#container { width:985px; position:relative; margin:0 auto; }
#body { clear:both; padding:10px 0 20px 0; }
#body.plugin { padding:10px 20px 20px 20px; }

#body .page h1 { clear:both; height:30px; background:transparent url(images/bg-menu-main.gif) 0 0 no-repeat; color:white; font-size:16px; padding:5px 0 0 20px; font-weight:bold; }
#body .page .main { padding:20px 25px 20px 25px; border:2px solid #c7d5e4; margin-top:1px; }
body.logged #body .page h1,
#popup .page h1 { background:none; color:#275785; }
body.logged #body .page .main,
#popup .page .main { padding:0; border:0; width:auto; height:auto; overflow:visible; }
body.logged #body .page .main { padding:0 20px; }

.page table { border-collapse:collapse; margin:4px 0 8px 0; }
.page table th,
.page table td { text-align:left; vertical-align:top; padding:2px 4px; }

.privacy-policy table td { border:1px solid gray;}

.press .announce { color:gray; }
.press .ro { margin-bottom:20px; }
.press table th, 
.press table td { border-bottom:1px solid #e6ebf1; }
.press .publications table th,
.press .publications table td { padding:6px 4px; vertical-align:middle; }

/* Header */

#header { position:relative; }

#header .logo { padding:0 0 0 0; }
#header .logo a { display:block; width:157px; }
#header .logo a img { border:0; }

#header .logged-as { border:0; position:absolute; color:#999; top:0; right:0; margin:148px 20px 0 0; z-index:10; }
#header .logged-as a { color:maroon;font-weight:bold; }

#header .menu-top {  position:absolute; top:0; right:0; list-style:none; margin:15px 0 0 0; padding:0 0 0 0; }
#header .menu-top li { float:left; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #4d82b8; }
#header .menu-top li.first { border:0; }
#header .menu-top li a { color:#4d82b8; font-size:11px; border:0; text-decoration:none; display:block; }
#header .menu-top li a:hover { text-decoration:underline; }
#header .menu-top-auth li { border-left:1px solid #666; }
#header .menu-top-auth li a { color:#666; }

#header .search-global { position:absolute; width:460px; top:0; right:0; margin:45px 0 0 0; }
#header .search-global form { color:#275785; font-size:11px; margin:0; padding:0; }
#header .search-global form fieldset { display:block; border:0; margin:0; padding:0; }
#header .search-global form fieldset .wrap { width:460px; overflow:hidden; }
#header .search-global form fieldset .wrap .inner { width:470px; /* to avoid line break when scaling layout in browser */}
#header .search-global form .search-global-col1 { float:left; padding:0 5px 0 0; }
#header .search-global form .search-global-col2 { float:left; padding:0 5px 0 0; width:320px; }
#header .search-global form .search-global-col3 { float:left; }
#header .search-global form .search-global-col1 label { display:block; font-size:14px; margin:2px 0 0 0 ;}
#header .search-global form .search-global-col2 #globalSearchTerm { width:290px; }
#header .search-global form .search-global-col2 fieldset { padding:4px 0 0 0;  }
#header .search-global form .search-global-col2 fieldset legend { display:none; }
#header .search-global form .search-global-col2 fieldset label { padding:0 5px 0 2px; font-size:10px;  }


/* Menu Main */

#header .menu-main { height:30px; width:985px; padding:20px 0 40px 0; margin:0 0 0 0; background:transparent url(images/bg-menu-main.gif) 0 20px no-repeat; }
#header .menu-main ul { list-style:none; margin:0 0 0 0; padding:0 0 0 0; }
#header .menu-main ul li { float:left; margin:0 0 0 0; padding:0 0 0 0; }
#header .menu-main ul li a { display:block; text-decoration:none; width:auto; color:#cbd8e5; font-size:14px; padding:7px 20px 5px 20px; text-align:center; border:0; }
#header .menu-main ul li.on a { background:url(images/bg-menu-active.gif) 50% 0 no-repeat; font-weight:bold; color:white; }
#header .menu-main ul li a:hover { color:white; }
#header .menu-main ul li a.inactive { color:gray !important; cursor:text; }
#header .menu-main ul.level0 li ul.level1 { display:none; }
#header .menu-main ul.level0 li.on ul.level1 { width:945px; position:absolute; left:0; top:0; display:block; margin:150px 0 0 20px; }
#header .menu-main ul.level0 li.on ul.level1 li { border-right:1px solid #666; margin:0 5px 0 0; }
#header .menu-main ul.level0 li.on ul.level1 li.last { border:0; }
#header .menu-main ul.level0 li.on ul.level1 li a { color:#333; text-decoration:none; background:none; font-size:12px; padding:0 5px 0 0; font-weight:normal; }
#header .menu-main ul.level0 li.on ul.level1 li.on a,
#header .menu-main ul.level0 li.on ul.level1 li a:hover { color:#2b6197; }
#header .menu-main ul.level0 li.on ul.level1 li.last { border:0; }


/* Footer */

#footer { clear:both; position:relative; color:#666; margin-top:40px; padding:20px 0 40px 0; font-size:11px; border-top:1px solid silver; }
#footer a { color:#666; font-size:11px; border:0; }

#footer .footer-l { list-style:none; margin:0 0 0 0; padding:0 0 0 0; }
#footer .footer-l li { float:left; display:block; margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #666; }
#footer .footer-l li.first { border:0; }
#footer .footer-l li a { display:block; color:#666; border:0; }

#footer .footer-r { position:absolute; right:0; list-style:none; margin:0 20px 0 0; padding:0 0 0 0; }


/* Error screens */
#body .errorscreen { margin:20px auto; padding:10px 20px 20px 20px; border:1px solid #d59999; background-color: #ffc2c2; width:440px; }
#body .errorscreen h2 { color:#960000; }
#body .errorscreen p.error { color:#960000; }

/* Public Home */

#body .publichome .login form { display:none; margin:20px 0 0 0; padding:0 0 0 0; display:block; position:absolute; top:0; right:0; height:30px; width:320px; font-size:10px; color:#2b6197; }
#body .publichome .login form .wrap { padding:0 0 4px 0; }
#body .publichome .login form input.submit { margin:0 0 0 6px; padding:0; border:0; background:none; color:#265584; font-weight:bold;  cursor:pointer; } 
#body .publichome .login form input.text,
#body .publichome .login form input.password { width:128px; font-size:10px; color:#666; padding:2px; margin:0; border:1px solid #b3c4d6; color:#2b6197; }
#body .publichome .login form input.checkbox { width:10px; height:10px; vertical-align:middle; }
#body .publichome .login form a { text-decoration:underline; }
#body .publichome .login form a:hover { text-decoration:none; }
#body .publichome .login form label { font-weight:normal; display:inline; }

#body .publichome .login-error { padding:2px 4px; font-size:11px; position:absolute; top:0; right:0; margin:20px 324px 0 0; background:#ffe5e5; color:#c60000; }

#body .publichome .col-wrap { clear:both; }
#body .publichome .col-l { width:295px; float:left; }
#body .publichome .col-c { width:295px; float:left; }
#body .publichome .col-r { width:295px; float:left; }

#body .publichome .reg-mascot { position:absolute; top:0; right:0; margin:47px 5px 0 0; width:23px; height:50px; background:transparent url(images/reg-mascot.gif) 0 0 no-repeat; }

#body .publichome .cap { height:30px; background:transparent url(images/publichome-login-bg.gif) 0 0 no-repeat; border-bottom:1px solid white; position:relative; top:0; left:0; }
#body .publichome .cap ul { list-style:none; margin:0 0 0 0; padding:0 0 0 0;}
#body .publichome .cap ul li { list-style:none; margin:0 0 0 0; padding:0 0 0 0; float:right; }
#body .publichome .cap ul li a { color:white; font-size:12px; height:13px; padding:8px 10px;display:block; text-align:right; }
#body .publichome .cap ul li.reg a { padding:8px 8px; width:82px; color:#483505; }

#body .publichome .intros { background:transparent url(images/publichome-intros-b.gif) 0 100% no-repeat; padding:0 0 4px 0; overflow:hidden; }
#body .publichome .intros .inner { background:transparent url(images/publichome-intros-t.gif) 0 0 no-repeat; padding:4px 0 0 0; height:300px; overflow:hidden; width:1000px; /* avoid boxes to break in view scaling */}
#body .publichome .intros * { color:white; }
#body .publichome .intros .col-l,
#body .publichome .intros .col-c,
#body .publichome .intros .col-r { color:white; height:300px; position:relative; }
#body .publichome .intros .col-l { background:#2b6197 url(images/publichome-1.jpg) 107px 48px no-repeat; }
#body .publichome .intros .col-c { background:#2b6197 url(images/publichome-2.jpg) 104px 10px no-repeat; }
#body .publichome .intros .col-r { background:#2b6197 url(images/publichome-3.jpg) 110px 49px no-repeat; }
#body .publichome .intros .col-l,
#body .publichome .intros .col-c { border-right:1px solid white; }

#body .publichome .intros h2 { position:absolute; top:0; left:0; margin:4px 20px; padding:0; font-size:17px; font-weight:normal; }
#body .publichome .intros ul { margin:0 0 0 0; padding:0 0 0 0; list-style:none; position:absolute; top:0; left:0; margin:200px 0 0 80px; }
#body .publichome .intros ul li { margin:0 0 0 0; padding:2px 0 2px 15px; font-size:14px; font-weight:normal; background:transparent url(images/publichome-bullet.gif) 0 50% no-repeat; }
#body .publichome .intros p.link { position:absolute; bottom:0; right:0; margin:10px; }
#body .publichome .intros p.link a { color:#96b5d6; background:transparent url(images/publichome-bullet2.gif) 100% 50% no-repeat; padding:0 15px 0 0; display:block; font-size:13px; font-weight:normal; }

#body .publichome .interact { border-top:1px solid white; background:transparent url(images/publichome-interact-bg.gif) 0 100% no-repeat; position:relative; padding:0 0 5px 0; }
#body .publichome .interact .inner { background:transparent url(images/publichome-interact-bg.gif) 0 0 no-repeat; padding:5px 0 0 0; }
#body .publichome .interact .inner .inner-wrap { background-color:#4D82B8; }
#body .publichome .interact * { color:white; }
#body .publichome .interact .col-l,
#body .publichome .interact .col-c { height:110px; }
#body .publichome .interact .col-l,
#body .publichome .interact .col-c { position:relative; }
#body .publichome .interact .col-l { background:transparent url(images/publichome-arrow.gif) 220px 50% no-repeat; position:relative; }
#body .publichome .interact .col-c { width:590px; } 

#body .publichome .interact .col-l h2 { position:absolute; top:0; left:0; margin:36px 0 0 40px; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:17px; width:12em; font-weight:bold; }

#body .publichome .interact .col-c label { position:absolute; top:0; left:0; margin:25px 0 0 20px; font-weight:normal; font-size:13px; }
#body .publichome .interact .col-c input.text { position:absolute; top:0; left:0; margin:45px 0 0 20px; width:450px; font-size:14px; color:#666; }
#body .publichome .interact .col-c p { position:absolute; top:0; left:0; margin:68px 0 0 20px; font-size:11px; }
#body .publichome .interact .col-c .submit { position:absolute; top:0; left:0; margin:45px 0 0 480px; padding:0; background:none; }
#body .publichome .interact .col-c .submit input { background:transparent url(images/publichome-button.gif) 0 0 no-repeat; width:42px; height:22px; margin:0 0 0 0; padding:0 0 0 0; position:absolute; top:0; left:0; }
#body .publichome .interact .col-c img#indicator { position:absolute; top:0; left:0; margin:49px 0 0 223px; }

#body .publichome #example-questions { padding:0px 40px; position:relative; }
#body .publichome #example-questions .close { position:absolute; right:0; top:0; margin:10px 40px 0 0; }
#body .publichome #example-questions h3 { padding-bottom:0px; color:#9fbbd8; }
#body .publichome #example-questions h3:hover,
#body .publichome #example-questions h3.on { color:#fff; }
#body .publichome #example-questions .questions { padding-left:275px; }
#body .publichome #example-questions .questions .question { border-top:1px solid #96B5D6; padding-bottom:10px; }
#body .publichome #example-questions .questions .question .question-text { width:600px; padding-top:10px; }
#body .publichome #example-questions .questions .question .category { padding:6px 0; color:#96B5D6;  }
#body .publichome #example-questions .questions .question .answer { padding:6px 0; }
#body .publichome #example-questions .questions .question .answer .buddy { float:left; width:100px; }
#body .publichome #example-questions .questions .question .answer .answer-text { float:left; width:400px; }

#body .publichome .info div h4 { padding:20px 20px 0px 20px; font-family:Arial, Verdana, Helvetica, sans-serif; }
#body .publichome .info div p { padding:10px 20px 0px 20px; }

#body .publichome .institutions { width:887px; border-top:1px solid silver; margin-top:20px; }
#body .publichome .institutions h4 { color:gray; padding-left:20px; border-bottom:1px solid lightgray; }
#body .publichome .institutions ul { margin:0 0 0 276px; padding:0; heigth:90px; }
#body .publichome .institutions ul li { margin:0; padding:0; display:block; float:left; height:90px;width:100px; background:transparent url(images/institution-logos.gif) 0 0 no-repeat; cursor:help; }
#body .publichome .institutions ul li div { display:none; }
#body .publichome .institutions ul li.i1 { display:none; width:177px; background-position:0px 0px; }
#body .publichome .institutions ul li.i2 { width:150px; background-position:-177px 0px; }
#body .publichome .institutions ul li.i3 { display:none; width:165px; background-position:-327px 0px; }
#body .publichome .institutions ul li.i4 { display:none; width:180px; background-position:-492px 0px; }
#body .publichome .institutions ul li.i5 { width:128px; background-position:-672px 0px; }
#body .publichome .institutions ul li.i6 { width: 87px; background-position:-800px 0px; }
#body .publichome .institutions ul li.i1:hover { width:177px; background-position:0px -90px; }
#body .publichome .institutions ul li.i2:hover { width:150px; background-position:-177px -90px; }
#body .publichome .institutions ul li.i3:hover { width:165px; background-position:-327px -90px; }
#body .publichome .institutions ul li.i4:hover { width:180px; background-position:-492px -90px; }
#body .publichome .institutions ul li.i5:hover { width:128px; background-position:-672px -90px; }
#body .publichome .institutions ul li.i6:hover { width: 87px; background-position:-800px -90px; }

#body .how-it-works .intros .inner { height:680px; }
#body .how-it-works .intros .col-l,
#body .how-it-works .intros .col-c,
#body .how-it-works .intros .col-r { height:680px; background:#2b6197; overflow:hidden; }
#body .how-it-works .intros .col-l .content { background:#2b6197 url(images/publichome-1s.jpg) 40px 20px no-repeat; }
#body .how-it-works .intros .col-c .content { background:#2b6197 url(images/publichome-2s.jpg) 20px 6px no-repeat; }
#body .how-it-works .intros .col-r .content { background:#2b6197 url(images/publichome-3s.jpg) 40px 20px no-repeat; }
#body .how-it-works .intros .content h2 { position:relative; height:100px; padding:10px 0 0 120px; }
#body .how-it-works .intros .content p { padding:20px; }
#body .how-it-works .intros .content img { margin:0px 20px; }
#body .how-it-works .intros ol { padding:0 20px 20px 20px; }
#body .how-it-works .intros ol li { margin:0 0 0 20px; padding:10px; }

#body .how-it-works .interact { height:190px; }
#body .how-it-works .interact .reg { position:absolute; top:0; left:0; margin:80px 0 0 400px; width:450px; height:90px; background:#7aa2ca url(images/how-it-works-reg-bg.gif) 0 0 no-repeat; }
#body .how-it-works .interact .reg p { margin:0; padding:10px 10px 10px 40px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:16px; font-weight:bold; }
#body .how-it-works .interact .reg a { position:absolute; bottom:0; right:0; display:block; background:transparent url(images/publichome-button2.gif) 0 0 no-repeat; width:142px; height:18px; font-weight:bold; text-align:center; padding-top:2px; margin:0 10px 5px 0; text-decoration:none; }
#body .how-it-works .interact .reg-buddy { position:absolute; top:0; left:0; margin:8px 0 0 365px; width:153px; height:173px; background:transparent url(images/how-it-works-buddy.jpg) 0 0 no-repeat; }


/* forgot/reset password */

#body .forgot-password label { display:block; margin:0 0 4px 0; }
#body .forgot-password .submit { margin:20px 0 0 0; }
#body .forgot-password { width:645px; }
#body .forgot-password h1 { clear:both; height:30px; background:transparent url(images/bg-menue-small.gif) 0 0 no-repeat; color:white; font-size:16px; padding:5px 0 0 20px; font-weight:bold; }
#body .forgot-password .main { padding:20px 25px 20px 25px; border:2px solid #c7d5e4; margin-top:1px; }
#body .forgot-password .main p { margin:0 0 10px 0; }
#body .forgot-password .main input.text { width:300px; }
#body .forgot-password .main input.password { width:300px; }
#body .forgot-password .main .error-message { width:286px; }


/* Login */

#body .loginbox label { display:block; }
#body .loginbox input#UserUsername,
#body .loginbox input#UserPassword { width:250px;}
#body .loginbox .row { margin:0 0 4px 0; }
#body .loginbox .message { background:#ffe5e5; color:#c60000; padding:4px; margin-bottom:8px; }
#body .loginbox .remember { padding:10px 0 10px 0; }
#body .loginbox .remember input { float:left; margin:0 10px 0 0; }
#body .loginbox .remember label { float:left; width:220px; }
#body .loginbox .submit { float:right; }
#body .loginbox .registernow { clear:both; }


/* Sign-Up */

#body .right-column { float:right; width:260px; }

#body .sign-up-login .header-big { color:#275785; font-size:18px; font-family:"Trebuchet MS",Arial,Verdana,sans-serif; font-weight:bold; height:30px; }
#body .sign-up-login ul.login-fields .head { font-weight:bold; font-size:10px; }
#body .sign-up-login ul.login-fields .remark { color:#666; font-size:10px; }
#body .sign-up-login ul.login-fields { margin-bottom:8px; }
#body .sign-up-login ul.login-fields li { margin-bottom:5px; }
#body .sign-up-login .cookie { font-size:0.625em; font-weight:bold; }
#body .sign-up-login .cookie .checkbox { margin-right:10px; }
#body .sign-up-login .submit { margin:20px 0 0 180px; }
#body .sign-up-login .submit input { width:56px; }
#body .sign-up-login ul.login-fields input { width:230px; }

#body .sign-up { width:645px; float:left; }
#body .sign-up h1 { clear:both; height:30px; background:transparent url(images/bg-menue-small.gif) 0 0 no-repeat; color:white; font-size:16px; padding:5px 0 0 20px; font-weight:bold; }
#body .sign-up h2 { color:#275785; padding:10px 0 0 0; }
#body .sign-up label { font-weight:normal; }

#body .sign-up .main .head { font-weight:bold; }
#body .sign-up .main .head .head-normal { font-weight:normal; display:inline; }

#body .sign-up .main { padding:20px 25px 20px 25px; border:2px solid #c7d5e4; margin-top:1px; }

#body .sign-up .main .gender { clear:left; margin:25px 0 8px 0; }
#body .sign-up .main .gender .head { float:left; margin-right:10px; font-weight:normal; }
#body .sign-up .main .gender fieldset { border:0; margin:0; padding:1px; }
#body .sign-up .main .gender fieldset legend { display:none; }
#body .sign-up .main .gender fieldset label { margin:5px; display:inline; }

#body .sign-up .main h4 { clear:left; font-weight:bold; color:#275785; font-size:18px; }
#body .sign-up .main h3 { clear:left; font-weight:bold; color:#275785; font-size:14px; padding:20px 0 10px 0; }

#body .sign-up .main .general { clear:left; margin-bottom:20px; }
#body .sign-up .main .general .main-l { clear:left; float:left; width:283px; }
#body .sign-up .main .general .main-r { clear:right; float:right; width:283px; }
#body .sign-up .main .general .entry-input { width:283px; margin-bottom:5px; }
#body .sign-up .main .general .entry-input input { width:275px; display:block; }
#body .sign-up .main .general .entry-input select { width:283px; display:block; }
#body .sign-up .main .general .entry-input select.time-period { width:auto; display:inline; }
#body .sign-up .main .general .entry-input select.time-period-wide { width:auto; display:inline; }
#body .sign-up .main .general .entry-input .time-check { margin:2px 0 0 0; }
#body .sign-up .main .general .entry-input .time-check input { display:inline; width: auto;}
#body .sign-up .main .general .entry-input .time-check label { display:inline; }
#body .sign-up .main .general .entry-input-error { clear:both; }

#body .sign-up .main .general .two-fields { width:283px; margin-bottom:5px; }
#body .sign-up .main .general .two-fields .entry-input-mini { width:80px; float:left; }
#body .sign-up .main .general .two-fields .entry-input-mini input { display:block; width:70px; }

#body .sign-up .main .general .two-fields .entry-input-small { width:180px; float:left; margin-left:10px; }
#body .sign-up .main .general .two-fields .entry-input-small input { display:block; width:180px; }

#body .sign-up .main .remarks { clear:both; padding-top:20px; font-size:12px; }
#body .sign-up .main .remarks .checkbox { margin:0 10px 3px 0; }
#body .sign-up .main .remarks .head { font-weight:bold; color:#275785; padding-bottom:20px; }
#body .sign-up .main .remarks .remarks-main { margin-bottom:12px; }
#body .sign-up .main .remarks .remarks-footer { font-size:10px; color:#666; margin-left:20px; }

#body .sign-up .main .next-step { clear:both; height:20px; padding:15px 0 15px 0; }
#body .sign-up .main .next-step .submit { float:right; }

#body .sign-up .main .request-mail { clear:both; height:20px; text-align:right; margin:25px 0 15px 100px; }
#body .sign-up .main .request-mail div.button { float:left; }

#body .sign-up .main .CategorySelectorWrap select { width:197px; }
#body .sign-up .main .CategorySelectorWrap .controls { margin-left:560px;}
#body .sign-up .main .CategorySelectorWrap .out { width:559px; }


/* Profile */

#body .profile .col-l { float:left; width:645px; }
#body .profile .col-r { float:right; width:300px; }

#body .profile .col-r .actions { margin:0 0 20px 0; }
#body .profile .col-r .actions ul { list-style:none; margin:0 0 0 0; padding:0 0 0 0;}
#body .profile .col-r .actions ul li { margin:0 0 4px 0; padding:0 0 0 0; }
#body .profile .col-r .actions ul li .disabled { color:#999; }
#body .profile .col-r .grouplist { background:#dce6f1; border:1px solid #6386a8; width:208px; padding:10px; margin:0 0 20px 0; }
#body .profile .col-r .grouplist dt { margin-bottom:10px; }
#body .profile .col-r .grouplist dd { margin-bottom:4px; }
#body .profile .col-r .groups .inhalt { width:245px; padding:15px 25px 20px 25px; }
#body .profile .col-r .groups .inhalt .head { color:#275785; font-weight:bold; padding-bottom:20px; }

#body .profile .col-r .contactlist { background:#dce6f1; border:1px solid #6386a8; width:208px; padding:10px; margin:0 0 20px 0; }
#body .profile .col-r .contactlist dt { margin-bottom:10px; }
#body .profile .col-r .contactlist dd { float:left; margin:0 10px 10px 0; padding:0; }
#body .profile .col-r .contactlist dd.link { clear:both;}


#body .profile .top { position:relative; background-image:url(images/bg-profile-top.gif); background-repeat:no-repeat; width:611px; height:160px; padding:20px 20px; overflow:hidden; }
#body .profile .top .profile-img { float:left; width:125px; height:165px; overflow:hidden; margin:0 20px 0 0; position:relative; }
#body .profile .top .profile-img img { border:0; }
#body .profile .top .profile-img #photo-indicator { position:absolute; top:0; left:0; width:165px; height:195px; background:white; -moz-opacity:0.5; filter:Alpha(opacity=50); opacity:0.5; }
#body .profile .top .profile-img #photo-indicator img { position:absolute; left:0; top:0; margin:5px 0 0 5px;}

#body .profile .top .main-infos { width:260px; float:left; }
#body .profile .top .main-infos h1 { font-size:18px; font-family:Arial,Verdana,sans-serif; color:#666; padding:0 0 4px 0; }
#body .profile .top .main-infos .profile-container .info { margin:0 0 0 0; }
#body .profile .top .main-infos .profile-container .title { margin:0 0 6px 0;}
#body .profile .top .main-infos .profile-container .location { margin:6px 0 0 0;}
#body .profile .top .main-infos .profile-container .rating { padding-top:2px; }
#body .profile .top .main-infos .profile-container .rating ul li.star { float:left; }
#body .profile .top .main-infos .profile-container .edit-status { padding:0px 0px 8px 0; }
#body .profile .top .main-infos .profile-container .edit-status img.indicator { position:absolute; margin-left:5px; }
#body .profile .top .main-infos .profile-container .form { background-color:#dce6f1; padding:5px 10px 5px 10px; }
#body .profile .top .main-infos .profile-container .form .buttons { clear:left; padding:10px 0 0; }
#body .profile .top .main-infos .profile-container .form .buttons div { float:left; margin-right:10px; }

#body .profile .top .main-infos .photo-edit { position:absolute; bottom:0; left:0; list-style:none; margin:0 0 15px 165px; padding:0 0 0 0; }
#body .profile .top .main-infos .photo-edit li { margin:0 0 0 0; padding:0 0 0 0; }

#body .profile .top .activity-infos { float:right; width:200px;}
#body .profile .top .activity-infos ul { margin:0 0 0 0; padding:0 0 0 0; list-style:none; }
#body .profile .top .activity-infos ul li { margin:0 0 0 0; padding:0 0 10px 0; }
#body .profile .top .activity-infos ul li.activity-index .outer { width:200px; height:20px; background:#548fcc url(images/activity-outer.gif) 0 0 no-repeat; }
#body .profile .top .activity-infos ul li.activity-index .outer .inner { height:20px; background:#2b6197 url(images/activity-inner.gif) 0 0 no-repeat; }
#body .profile .top .activity-infos ul li.activity-index .outer .inner span { display:none; }
#body .profile .top .activity-infos ul li.activity-sub { float:left; width:100px; }
#body .profile .top .activity-infos ul li.activity-sub p span { display:block; background:#dce6f1; width:30px; padding:0px 10px; margin:2px 0 0 0; font-weight:bold; text-align:center; }

#body .profile .category h1 { background-repeat:no-repeat; vertical-align:middle; color:white; height:19px; font-size:14px; font-weight:bold; padding:1px 0 0 20px; background-image:url(images/bg-header-middle.gif); margin:10px 0 20px 0; width:625px; }
#body .profile .category h2 { font-family:Arial, Verdana, sans-serif; color:#333; font-size:12px; }

#body .profile .category { width:645px; position:relative; padding:0 0 10px 0; }
#body .profile .category .subcat { width:645px; margin-bottom:3px; }
#body .profile .category .subcat .header { padding:5px 20px 5px 20px; background-color:#bfcddc; font-weight:bold; }
#body .profile .category .subcat .header a { height:14px; width:14px; float:right; background-image:url(images/close.gif); background-repeat:no-repeat; text-decoration:none; }
#body .profile .category .subcat .header a span { visibility:hidden; }

#body .profile .category .subcat h2 { padding:10px 0 0 20px; font-weight:bold; }
#body .profile .category .subcat .own-view-main { padding:0px 20px 0 0px; }
#body .profile .category .subcat .own-view-main .remark { color:#666; }
#body .profile .category .subcat .own-view-main .add-entry { margin:5px 0 14px 160px; }
#body .profile .category .subcat .own-view-main .own-view-head { padding-bottom:5px; padding-top:5px; }
#body .profile .category .subcat .own-view-main .own-view-instantmessaging { margin-bottom:11px;}
#body .profile .category .subcat .own-view-main .own-view-instantmessaging .own-view-r { margin-bottom:5px;}
#body .profile .category .subcat .own-view-main .own-view-l { width:140px; padding-left:20px; float:left; }
#body .profile .category .subcat .own-view-main .own-view-l-indent { width:145px; padding-left:35px; float:left; }
#body .profile .category .subcat .own-view-main .own-view-r { margin:0 0 0 160px; padding-bottom:15px; }
#body .profile .category .subcat .own-view-main .own-view-r ul { margin-bottom:0px; }
#body .profile .category .subcat .own-view-main .own-view-r ul li.sub-list { margin-top:15px; }
#body .profile .category .subcat .own-view-main .own-view-r ul li.sub-l { float:left; width:100px; }
#body .profile .category .subcat .own-view-main .own-view-r div.gray { display:inline; color:#666; }
#body .profile .category .subcat .own-view-main .own-view-r a { display:block; width:auto; padding:8px 0 0 0;}
#body .profile .category .subcat .own-view-main .own-view-r a.add { padding:8px 0 0 0;}
#body .profile .category .subcat .own-view-main .own-view-r a.add2 { padding:0 0 0 0;}
#body .profile .category .subcat .own-view-main .own-view-r a.external { padding:0; display:inline; }
#body .profile .category .subcat .own-view-main .own-view-r .indicator { position:absolute; margin:-16px 0 0 -20px; }
#body .profile .category .subcat .own-view-main .own-view-r .empty { color:gray; }

#body .profile .category .subcat .own-view-main .own-view-r table { border-collapse:collapse; margin:0 0 0 0; }
#body .profile .category .subcat .own-view-main .own-view-r table th,
#body .profile .category .subcat .own-view-main .own-view-r table td { font-weight:normal; text-align:left; vertical-align:top; padding:1px 10px 1px 0; }
#body .profile .category .subcat .own-view-main .own-view-r table th { width:6em; }
#body .profile .category .subcat .own-view-main .own-view-r .contact table { border-collapse:collapse; margin:10px 0 0 0; }

#body .profile .category .subcat .main { background-color:#dce6f1; padding:20px 20px 20px 0px; margin-bottom:10px; background-image:url(images/bg-subcat-bottom.jpg); background-repeat:no-repeat; background-position:bottom; }
#body .profile .category .subcat .main .clear-both { clear:both; }
#body .profile .category .subcat .main div.head div.head-small { display:inline; font-weight:normal; }

#body .profile .category .subcat .main .main-l { float:left; width:275px; padding-left:20px; }
#body .profile .category .subcat .main .main-r { float:right; width:275px; }
#body .profile .category .subcat .main .entry-input { margin-bottom:5px; overflow:visible; white-space:nowrap; clear:both; }
#body .profile .category .subcat .main .entry-input input.text { display:block; width:266px; }
#body .profile .category .subcat .main .entry-input select { display:block; width:275px; }
#body .profile .category .subcat .main .entry-input select.time-period { width:auto; float:left; }
#body .profile .category .subcat .main .entry-input select.time-period-wide { width:auto; float:left; }
#body .profile .category .subcat .main .entry-input .time-end label { float:left; margin:3px; }
#body .profile .category .subcat .main .entry-input .time-end select { display:inline; }
#body .profile .category .subcat .main .entry-input .time-check { clear:both; }
#body .profile .category .subcat .main .entry-input .time-check label { display:inline; }
#body .profile .category .subcat .main .entry-input .clear-left { clear:left; }
#body .profile .category .subcat .main .entry-textarea { margin-bottom:5px; clear:both; }
#body .profile .category .subcat .main .entry-textarea .entryhead { font-weight:bold; }
#body .profile .category .subcat .main .entry-textarea textarea { display:block; width:266px; height:58px; }
#body .profile .category .profile-workexperience-container .subcat .main .entry-textarea textarea { display:block; width:266px; height:29px; }

#body .profile .category .subcat .main .two-fields { width:283px; }
#body .profile .category .subcat .main .two-fields .entry-input-mini { margin-bottom:5px;  width:70px; float:left; }
#body .profile .category .subcat .main .two-fields .entry-input-mini input { display:block; width:70px; }
#body .profile .category .subcat .main .two-fields .entry-input-small { margin-bottom:5px;  width:180px; float:right; }
#body .profile .category .subcat .main .two-fields .entry-input-small input { display:block; width:180px; }

#body .profile .category .subcat .main .phone { clear:left; padding-left:20px; }
#body .profile .category .subcat .main .phone .head { padding:10px 0 3px 0; clear:left; font-weight:bold; }
#body .profile .category .subcat .main .phone .phone-small { padding-right:15px; float:left; }
#body .profile .category .subcat .main .phone .phone-small input { width:80px; height:15px; display:block; margin-top:2px; }
#body .profile .category .subcat .main .phone .phone-wide { padding-right:15px; float:left; }
#body .profile .category .subcat .main .phone .phone-wide input { width:180px; height:15px; display:block; margin-top:2px; }

#body .profile .category .subcat .main .buttons { clear:left; padding:20px 0 0 20px; }
#body .profile .category .subcat .main .buttons div { float:left; margin-right:10px; }

#body .profile .category .subcat .main .head-inst div { float:left; font-weight:bold; }
#body .profile .category .subcat .main .head-inst .head-inst-l { width:210px; padding-left:20px; }
#body .profile .category .subcat .main .head-inst .head-inst-r { width:320px; }
#body .profile .category .subcat .main .entry-inst { clear:left; }
#body .profile .category .subcat .main .entry-inst div { float:left; }
#body .profile .category .subcat .main .entry-inst .entry-inst-l { width:210px; padding-left:20px; padding-top:3px; }
#body .profile .category .subcat .main .entry-inst .entry-inst-l select { width:203px; }
#body .profile .category .subcat .main .entry-inst .entry-inst-r { width:290px; padding-top:3px; }
#body .profile .category .subcat .main .entry-inst .entry-inst-r select { width:283px; }

#body .profile .category .subcat .main .entry-textarea-wide div { padding:2px 0 2px 20px; }
#body .profile .category .subcat .main .entry-textarea-wide .head { font-weight:bold; clear:both; }
#body .profile .category .subcat .main .entry-textarea-wide .remark-right { float:right; color:#666; }
#body .profile .category .subcat .main .entry-textarea-wide .remark-left { float:left; color:#666; }
#body .profile .category .subcat .main .entry-textarea-wide textarea { width:596px; height:60px; padding:1px 3px 1px 3px; }


/* Settings */

#body .settings { font-size:12px; width:720px; padding:0 20px; }

#body .settings .overview { margin:30px 0 0 0; }
#body .settings .overview .content h2 { font-weight:bold; padding:0; font-family:Arial, Verdana, sans-serif; }
#body .settings .overview .content { width:250px; height:72px; }
#body .settings .overview a { text-decoration:none; color:#333; }
#body .settings .overview .ro { float:left; margin:0 10px 10px 0; line-height:1.4em; }

#body .settings .settings-header { margin:10px 0 20px 0; float:left; }
#body .settings .settings-header ul { padding:2px 0; height:30px; list-style:none; }
#body .settings .settings-header ul a { text-decoration:none; color:#333; }
#body .settings .settings-header ul a:hover { color:#275785; }
#body .settings .settings-header ul a.on { color:#275785; font-weight:bold; }
#body .settings .settings-header ul li { float:left; padding:0 8px 0 8px; margin:8px 0 8px 0; border-right:1px solid #333; }
#body .settings .settings-header ul li.last { border-right:0; }

#body .settings h2 { font-family:Arial, Verdana, sans-serif; font-size:12px; clear:left; font-weight:bold; margin:0; padding:20px 0 10px 20px; }
#body .settings h3 { font-family:Arial, Verdana, sans-serif; font-size:12px; clear:left; font-weight:bold; margin:0; padding:20px 0 10px 0; }

#body .settings .settings-edit { float:right; }
#body .settings .settings-top { margin:0 0 20px 20px; width:570px; }
#body .settings .settings-list { margin-left:30px; }
#body .settings .settings-list .settings-check { float:left; }
#body .settings .settings-list .settings-uncheck { float:left; }
#body .settings .settings-list .settings-check-small { float:left; }
#body .settings .settings-list .settings-uncheck-small { float:left; }
#body .settings .settings-list .settings-text { margin-left:25px; padding-top:3px; line-height:17px; }
#body .settings .settings-list li { clear:left; margin-top:15px; }
#body .settings .settings-list li.checked { font-weight:bold; }
#body .settings .settings-list li.sub { margin:5px 0 0 10px; }

#body .settings .master colgroup col.master-l { width:220px; }
#body .settings .master colgroup col.master-m { width:140px; }
#body .settings .master colgroup col.master-r { width:120px; }

#body .settings .master { border-collapse:collapse; }
#body .settings .master tr.space-bottom td { border-bottom:1px solid #ccd7e3; padding-bottom:20px; }
#body .settings .master tr.space-top td { padding-top:20px; }
#body .settings .master tr td { vertical-align:top; padding-left:20px; }

#body .settings .remark { padding:20px 0 0 20px; color:#666; width:480px; }

#body .settings .advice { margin:10px 0 0 0; }

#body .settings .edit { width:645px; background-color:#dce6f1; clear:left; background-image:url(images/bg-subcat-bottom.jpg); background-repeat:no-repeat; background-position:bottom; margin-bottom:20px; }
#body .settings .edit h2 { padding:5px 20px 5px 20px; background-color:#bfcddc; margin:0; }

#body .settings .edit h3 { font-weight:bold; margin:0; }

#body .settings .edit ul { margin:0 20px 20px 30px; }
#body .settings .edit ul li { margin-top:20px; }
#body .settings .edit ul li.sub { margin:10px 0 0 10px; }
#body .settings .edit ul li input { margin-right:10px; }

#body .settings .edit .main { padding:20px; }
#body .settings .edit .main .top { margin-bottom:15px; }
#body .settings .edit .main .top label { display:inline; }
#body .settings .edit .main .main-l { clear:left; float:left; width:275px; }
#body .settings .edit .main .main-r { float:right; width:275px; }
#body .settings .edit .main .entry-input { margin-bottom:5px; }
#body .settings .edit .main .entry-input input { display:block; width:266px; }
#body .settings .edit .main .entry-input select { display:block; width:275px; }
#body .settings .edit .main .entry-input select { display:block; width:275px; }
#body .settings .edit .main .entry-input select.time-period { width:55px; float:left; margin-right:5px; }
#body .settings .edit .main .entry-input select.time-period-wide { width:85px; float:left; margin-right:5px;}

#body .settings .edit .buttons { clear:left; padding:20px 0; }
#body .settings .edit .buttons div { float:left; margin-right:10px; }

#body .settings .edit .top .radio { margin:0 4px 0 8px; }

#body .settings .edit fieldset { margin:20px 0 10px 0; border-color:white; }
#body .settings .edit fieldset legend { padding:4px; }
#body .settings .edit fieldset legend label { width:auto;  }
#body .settings .edit .control { margin:10px 0; }
#body .settings .edit .control label { margin:0 0 4px 0; }


/* Messages */

#body .messages-compose { padding:0 20px; }
#body .messages-compose label { display:block; float:left; width:160px; text-align:right; margin:0 20px 0 0; }

#body .messages-compose .top div.receiver,
#body .messages-compose .top div.subject { clear:both; padding-bottom:10px; }
#body .messages-compose .top div.subject { }
#body .messages-compose .top div input { width:500px; }
#body .messages-compose .top textarea { width:500px; height:246px;  }
#body .messages-compose .top .error-message { width:486px; margin:0 0 0 180px; }
#body .messages-compose .top #UserAutocompleteUpdate { width:500px; float:left; margin:0 0 20px 180px; }

#body .messages-compose .main label { display:block; }
#body .messages-compose .main .buttons { margin:15px 0 0 180px; }
#body .messages-compose .main .buttons div { float:left; margin-right:15px; }

#UserAutocompleteUpdate .chosen-recipient .vcard2 { float:left; }
#UserAutocompleteUpdate .chosen-recipient .remove-recipient { float:left; clear:none; margin:0; padding:0; }

#popup .compose-box .col-l { float:left; width:280px; margin:0 10px 0 0; }
#popup .compose-box .col-r { float:left; width:300px; margin:14px 0 0 0; }
#popup .compose-box label { display:block; margin:4px 0; }
#popup .compose-box input.text { width:100%; }
#popup .compose-box textarea { width:100%; height:120px; }

#body .messages-read .col-l { float:left; width:220px; margin:0 30px 0 0; padding-top:10px; }
#body .messages-read .col-r { float:left; width:695px; padding-top:10px; }


#body .messages-read .col-r .message { border:1px solid #ccc; padding:10px 20px 20px 20px; position:relative; }
#body .messages-read .col-r .message h2 { width:530px; }
#body .messages-read .col-r .message .time { position:absolute; right:0; top:0; margin:20px 20px 0 0; }
#body .messages-read .col-r .actions { margin:20px 0 0 0; }
#body .messages-read .col-r .actions .button { float:left; margin-right:10px; }

#body .messages-inbox,
#body .messages-outbox,
#body .messages-read,
#body .messages-trashbox,
#body .messages-correspondence { padding:0 20px; }

#body .messages-outbox h2.invitations { margin-top:30px; padding-top:20px; border-top:5px solid silver; }

#body .messages-outbox table.listing td a.togglemore,
#body .messages-read a.togglemore { display:block; margin:8px 0; padding-left:20px; background:transparent url(images/arrow-mailout.gif) 0 50% no-repeat; }
#body table.listing td .more { padding-left:20px; }
#body table.listing td .more .vcard2 { margin-bottom:8px; }
#body table.listing tr.new td { background-color:#f1f5f9; }
#body table.listing tr.new td.subject { font-weight:bold; }


/* Start */

#body .home .top { padding:0 20px 10px 20px; }
#body .home .top .welcome { float:left; width:280px; }
#body .home .top .welcome-new { float:left; width:280px; margin-left:64px; }
#body .home .top .welcome .name { font-weight:bold; white-space:nowrap; }


#body .home .col-l { width:700px; float:left; }
#body .home .col-r { width:300px; float:left; margin-left:-15px; }

#body .home ul #drop-here { background:#f8f3c7; height:50px; }
#body .home ul.boxes-l #drop-here { margin:0 60px 0 0px; }
#body .home ul.boxes-r #drop-here { margin:0; }

#body .home ul.boxes { list-style:none; margin:0 0 0 0; padding:0 0 0 0; }
#body .home ul.boxes-l li.box { margin:0 45px 20px 0; padding:0 0 0 0; display:block; float:left; width:300px; height:300px; overflow:hidden; }
#body .home ul.boxes-l li.box div.box { width:300px; padding:0; background-color:white; }
#body .home ul.boxes-l li.wide-box { width:646px; }
#body .home ul.boxes-l li.wide-box div.box { width:646px; }

#body .home ul.boxes li.box h2.header-middle,
#body .home ul.boxes li.box h2.header-small { left:0; padding-left:0; padding-right:20px; }
#body .home ul.boxes li.box h2 .handle { cursor:move; display:block; padding-left:20px; background:transparent url(images/grip.gif) 4px 4px no-repeat; }

#body .home ul.boxes-l li.box h2,
#body .home ul.boxes-l li.box h2 a { color:white; }
#body .home ul.boxes-r li.box h2,
#body .home ul.boxes-r li.box h2 a { color:#666; }

#body .home ul.boxes-r li.box { margin:0 0 10px 0; padding:0 0 0 0; }
#body .home ul.boxes-r li.box h2.header-middle { width:100%; }
#body .home ul.boxes-r li.box { clear:both; margin:0 0 10px 0; background-color:#f1f5f9; color:#666; }
#body .home ul.boxes-r li.box h2 { background-image:url(images/bg-header-bright.gif); background-repeat:no-repeat; padding:1px 0 0 20px; font-size:14px; height:19px; width:280px; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; font-weight:bold; clear:both; cursor:pointer; }

#body .home ul.boxes-r li.box div.box form,
#body .home ul.boxes-r li.box div.box .content,
#body .home ul.boxes-r li.box div.box .action { display:none; }

#body .home ul.boxes-l li.box div.box .content { height:240px; overflow:hidden; }
#body .home ul.boxes-l li.box div.box .content .item { padding:8px 20px; border-top:1px solid silver; }
#body .home ul.boxes-l li.box div.box .content .item-highlight { background-color:#f1f5f9; }
#body .home ul.boxes-l li.box div.box .content .notice { padding:20px; }
#body .home ul.boxes-l li.box div.box .action { height:19px; padding:10px 20px 0 20px; border-top:1px solid silver; overflow:hidden; }

#body .home ul.boxes-l #box_mentors .box,
#body .home ul.boxes-l #box_mentees .box,
#body .home ul.boxes-l #box_visitors .box,
#body .home ul.boxes-l #box_groups .box,
#body .home ul.boxes-l #box_mailinbox .box,
#body .home ul.boxes-l #box_birthdays .box { height:280px; }

#body .home ul.boxes-l #box_groups .box .item a { font-weight:bold; }

#body .home ul.boxes-l #box_mentors .box .content .item,
#body .home ul.boxes-l #box_mentees .box .content .item,
#body .home ul.boxes-l #box_visitors .box .content .item { padding:8px 20px 0px 20px; }

#body .home ul.boxes-l #box_search { height:340px; }
#body .home #box_search .box { padding:0 20px !important; }
#body .home #box_search fieldset { display:block; float:left; width:192px; margin:0 15px 0 0; overflow:hidden; border:0; padding:0; }

#body .home #box_search fieldset.section1 { width:192px; }
#body .home #box_search fieldset.section2 { width:192px; }
#body .home #box_search fieldset.section3 { width:192px; margin:0; }
#body .home #box_search fieldset label { display:block; margin:4px 0 2px 0; }
#body .home #box_search fieldset h3 { font-size:14px; margin-bottom:4px; background:transparent url(images/list-1-up.gif) 0 0 no-repeat; padding:0 0 0 40px; height:50px; }
#body .home #box_search fieldset h3 span { display:none; }
#body .home #box_search fieldset h3 em { font-style:normal; font-size:11px; font-weight:normal; display:block; line-height:12px; }
#body .home #box_search fieldset.section1 h3 { background:transparent url(images/list-1-up.gif) 0 0 no-repeat; }
#body .home #box_search fieldset.section2 h3 { background:transparent url(images/list-2-up.gif) 0 0 no-repeat; }
#body .home #box_search fieldset.section3 h3 { background:transparent url(images/list-3-up.gif) 0 0 no-repeat; }

#body .home #box_search fieldset.section1 input#SearchTerm { width:180px; }
#body .home #box_search fieldset.section1 div.submit { margin:18px 0 0 0; float:right; }

#body .home #box_search fieldset.section2 div { margin-left:40px;  }

#body .home #box_search h3 { clear:both; margin-top:10px; padding-top:0; }

#body .home #box_search .suggest-list { position:relative; width:605px; height:70px; overflow:hidden;}
#body .home #box_search .suggest-list ul { height:40px; width:560px; padding:10px 15px; margin:0; overflow:hidden; list-style:none; }
#body .home #box_search .suggest-list ul li { float:left; height:40px; width:auto; color:#275785; font-weight:bold; margin:0; padding:0 8px 10px 0; }
#body .home #box_search .suggest-list ul li img { margin:0 4px 0 0; float:left;  }
#body .home #box_search .suggest-list .empty { padding:4px 10px 8px 10px; }
#body .home #box_search .suggest-list .empty p { color:gray; }

#body .home #box_questions .box { background:transparent url(images/your-question.gif) 0 4.5em no-repeat; }
#body .home #box_questions h3 { margin:0; padding:0; }
#body .home #box_questions .col-l { float:left; width:245px; padding:10px 20px 0 35px; }
#body .home #box_questions .col-l p { margin:0 0 0 0; }
#body .home #box_questions .col-l textarea { height:60px; width:235px; margin:20px 0 10px 5px; }
#body .home #box_questions .col-l div.link { float:left; font-size:11px; }
#body .home #box_questions .col-l div.submit { float:right; }
#body .home #box_questions .col-r { float:left; width:265px; margin:0 0 0 40px; padding:10px 0 0 20px; }
#body .home #box_questions .col-r ul.answers { list-style:none; margin:10px 0 20px 0; padding:0 0 0 0;  }
#body .home #box_questions .col-r ul.answers li { margin:0 0 4px 0; padding:0 0 4px 0; border-bottom:1px solid silver; width:265px; }
#body .home #box_questions .col-r ul.answers li.last { border-bottom:0; margin:0 0 0 0; padding:0 0 0 0; }
#body .home #box_questions .col-r ul.answers li div { font-weight:bold; }
#body .home #box_questions .col-r ul.answers li span { display:block; width:auto; margin:0 2em 0 0; }
#body .home #box_questions .col-r ul.answers li .date    { float:left; }
#body .home #box_questions .col-r ul.answers li .answers { float:left; }
#body .home #box_questions .col-r ul.answers li .link    { float:right; margin:0; }

#body .home #box_birthdays { }
#body .home #box_newusers  .item div.user,
#body .home #box_birthdays .item div.user { float:left; width:180px; margin:0 10px 0 0; }
#body .home #box_newusers  .item div.date,
#body .home #box_birthdays .item div.date { position:absolute; right:0; width:70px; }

#body .home #box_citations { }
#body .home #box_citations .cols { padding:10px 20px 0 20px; }
#body .home #box_citations .cols .col-l { width:100px; margin-right:10px; }
#body .home #box_citations .cols .col-r { width:150px; margin-left:0; }
#body .home #box_citations .cols .citation { font-style:italic; }
#body .home #box_citations .cols .author { clear:both; padding-top:4px; }

#body .home ul.boxes-l #box_howitworks { height:290px; }
#body .home #box_howitworks .content { position:relative; }
#body .home #box_howitworks .howitworks-nav ul { margin:10px 0 0 130px; padding:0; list-style:none; }
#body .home #box_howitworks .howitworks-nav ul li { margin:0 40px 0 0; padding:0; float:left; }
#body .home #box_howitworks .howitworks-nav ul li ul { display:none; position:absolute; left:0; top:0; margin:60px 0 0 20px; }
#body .home #box_howitworks .howitworks-nav ul li ul li { clear:both; margin:0 0 20px 0; width:100px; }

#body .home #box_howitworks .howitworks-nav ul li.active ul { display:block; }
#body .home #box_howitworks .howitworks-nav ul li.active,
#body .home #box_howitworks .howitworks-nav ul li.active ul li.active { font-weight:bold; }
#body .home #box_howitworks .howitworks-nav ul li.active ul li { font-weight:normal; }

#body .home #box_howitworks .howitworks-chapters { position:absolute; top:0; left:0; margin:40px 0 0 120px; }
#body .home #box_howitworks .howitworks-chapters-inner { width:480px; height:160px; overflow:hidden; padding:10px;}
#body .home #box_howitworks .howitworks-chapters .howitworks-chapter div.howitworks-chapter-page { display:none; }
#body .home #box_howitworks .howitworks-chapters .howitworks-chapter .howitworks-controls { position:absolute; bottom:0; right:0; margin:0 5px 5px 0; display:none; }
#body .home #box_howitworks .howitworks-chapters .howitworks-chapter .howitworks-controls a { display:block; width:auto; float:left; background:#275785; color:white; padding:1px 4px; margin:0 2px 0 0; text-align:center; text-decoration:none; }
#body .home #box_howitworks .howitworks-chapters .howitworks-chapter .howitworks-controls a:hover,
#body .home #box_howitworks .howitworks-chapters .howitworks-chapter .howitworks-controls a.active { background:white; color:#275785;  }
#body .home #box_howitworks .howitworks-chapters .howitworks-chapter ul { list-style-type:disc; }

#body .home #box_howitworks div.box { position:relative; }
#body .home #box_howitworks .action { padding:0; margin:0 0 0 130px; right:0; border:0; }
                   
#body .home .col-r .sidebox { clear:both; margin:0 0 10px 0; background-color:#f1f5f9; color:#666; }
#body .home .col-r .sidebox h2 { background-image:url(images/bg-header-bright.gif); background-repeat:no-repeat; padding:1px 10px 0 20px; font-size:14px; height:19px; width:270px; font-family:"Trebuchet MS", Arial, Verdana, sans-serif; color:#525252; font-weight:bold; clear:both; cursor:pointer; }
#body .home .col-r .sidebox h2 span { display:block; background:transparent url(images/min-max.gif) 100% 50% no-repeat; }
#body .home .col-r .sidebox h2 span a { color:#666; }
#body .home .col-r .sidebox .content .item { border-top:1px solid silver; padding:8px 20px; }
#body .home .col-r .sidebox .content .item-highlight { background-color:#fff; }
#body .home .col-r .sidebox .content .notice { padding:20px; }
#body .home .col-r .sidebox .content .action { padding:4px 20px 4px 20px; }

#body .home .col-r .button-small { float:right; margin:10px; }

#body .home .col-r #sidebox_newsfeed { }
#body .home .col-r #sidebox_newsfeed .item { clear:both; }
#body .home .col-r #sidebox_newsfeed .item div.text { float:left; width:180px; margin:0 10px 0 0; }
#body .home .col-r #sidebox_newsfeed .item div.date { float:left; width:70px; }
                   
#body .home .col-r .remark { clear:both; margin:10px 0; }
#body .home .col-r .remark .text { padding:10px 20px; }
#body .home .col-r .remark .text h4 { padding:4px 0; }
#body .home .col-r .remark .text p { color:#525252; }


/* Search */

#body .search { font-size:12px; padding:0 20px; }

#body .search .cols { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid silver; }
#body .search .cols .optional { padding:0 0 10px 0; }
#body .search .cols .optional label { display:block; }
#body .search .cols .optional input { width:290px; }
#body .search div.submit { float:right; } 
#body .search .cols.search-extra .optional input { width:auto;  }
#body .search .cols.search-extra .optional label { display:inline;  }

#body .search-result-info { padding:0 0 10px 0; }

#body .search .percent { font-size:16px; font-weight:bold; color:#666; }


/* CategorySelector */

#body .CategorySelectorControls { margin:0 0 20px 0; }
#body .CategorySelectorControls a { cursor:pointer; }

#body .CategorySelectorWrap { position:relative; _height:1px;}
#body .CategorySelectorWrap .CategorySelector .out { padding-right:24px; width:568px; }
#body .CategorySelectorWrap .controls { position:absolute; margin:0 0 4px 580px; _margin:0 0 14px 580px; bottom:0; left:0; width:16px; height:16px; }
#body .CategorySelectorWrap .controls a { display:block; width:16px; height:16px; background:transparent url(images/icon-delete.gif) 0 0 no-repeat; cursor:pointer; }
#body .CategorySelectorWrap .controls a span { display:none; }

#body .CategorySelector select { width:200px; height:160px; margin-left:-1px; margin-bottom:-1px; }
#body .CategorySelector select.s0 { margin-left:0; }
#body .CategorySelector .out { padding:4px; margin-bottom:10px; border:1px solid gray; width:590px; color:gray; }
#body .CategorySelector .out .path { }

#body .profile .main #category-selectors { padding-left:20px; }

/* Contacts */

#body .contacts { font-size:12px; padding:0 20px; }
#body .contacts h4 { padding:0px; margin:0px; font-size:13px; }
#body .contacts ul { list-style-type:none; }

#body .contacts .radiobuttons { clear:left; padding-top:15px; }
#body .contacts .radiobuttons h4 { margin-bottom:5px; }
#body .contacts .radiobuttons label { padding:5px 0px 0px 0px; margin:0px; float:left; }
#body .contacts .radiobuttons p { clear:left; }

#body .selects.mentoringRequest { padding-top:15px; }
#body .selects.mentoringRequest table { width:500px; }
#body .selects.mentoringRequest th { text-align:left; }
#body .selects.mentoringRequest td { vertical-align:top; }
#body .selects.mentoringRequest td .labelfloat label { width:auto; }

#body .contacts .mentorExtended form { display:block; float:left; padding:0px; margin:0px; }
#body .contacts .mentorExtended .mentorExtended-col-l { float:left; width:300px; margin-right:10px; }
#body .contacts .mentorExtended .mentorExtended-col-c{ float:left; width:300px; margin-right:10px; }
#body .contacts .mentorExtended .mentorExtended-col-r{ float:left; width:300px; }

#body .contacts .disabled { color:#999; }
#body .contacts th .right { float:right; }
#body .contacts #contactsNone { clear:both; padding-top:10px; font-weight:bold; }
#body .contacts .communications { clear:left; }
#body .contacts .communications img { vertical-align:middle; }
#body .contacts .relationLength { float:left; margin-right:5px; }
#body .contacts .relationData { width:150px; }
#body .contacts .listing tr .tooltip { float:right; }
#body .contacts .mentoringRequest select	{ width:50px; }
#body .contacts .separator { margin-left:4px; margin-right:4px; }

#body .contacts .search input.text { width:300px; margin:0px 5px 0px 0px; }
#body .contacts .search #UserAutocompleteUpdate { padding-top:10px; }
#body .contacts .search #UserAutocompleteUpdate .chosen-recipient .vcard2 { float:left; }
#body .contacts .search #UserAutocompleteUpdate .chosen-recipient .remove-recipient { float:left; clear:none; margin:0; padding:0;}

#body .contacts .search .submit { float:left; }
#body .contacts .search { padding:0px; }

#body .contacts .rate p { clear:left; padding-top:15px; }

#body .contacts .listing { margin-top:20px; clear:both; }
#body .contacts .listing input[type=text]{ width:500px; }
#body .contacts .listing textarea { width:500px; }
#body .contacts .listing .row { width:33%; border-bottom:0px; }
#body .contacts .listing .row50 { width:50%; }
#body .contacts .listing .row20 { width:20%, }
#body .contacts .listing .right { text-align:right; }
#body .contacts .listing .search { width:33% }
#body .contacts .listing div.layers { width:100%; border-bottom:1px solid silver; padding-bottom:8px; }
#body .contacts .listing td.layers .entry-textarea-wide { padding:0px; }
#body .contacts .listing td.layers label { margin:0px; }
#body .contacts .listing div.name { font-weight:bold;padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px solid #dfdfdf; }
#body .contacts .listing div.read { padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px solid #dfdfdf; }
#body .contacts .listing div.readlinks { padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px solid #dfdfdf; }
#body .contacts .listing div.note-edit-wrap div.note-edit { width:280px; height:100px;  }
#body .contacts .listing div.note-edit-wrap form textarea.editor_field { width:280px; height:100px; }
#body .contacts .listing div.note-edit-wrap { width:290px; }
#body .contacts .accepted { width:720px; }
#body .contacts .accepted .vcard { float:right; margin-left:20px; }

#body .contacts .contact_stats { position:absolute; right:0; margin:-20px 20px 0 0; }
#body .contacts .contact_stats td { padding-left:10px; }
#body .contacts-index .contact_stats { position:relative; float:right; }

#body .contacts #overview { padding:10px 0 0 0px; clear:both; }
#body .contacts #overview .box { width:298px; border:solid 2px #cfcfcf; float:left; margin-right:18px; height:340px; position:relative;  }
#body .contacts #overview .box_right { margin:0px 0px 0px 1px; }
#body .contacts #overview .content { margin:20px; }
#body .contacts #overview .content h2 { padding-top:0; }
#body .contacts #overview .content p.next-end { margin:5px 0 8px 0; }
#body .contacts #overview ul { padding:0px; margin:0px; list-style-type:none; }
#body .contacts #overview li { padding:0px; margin:0px; list-style:none; }
#body .contacts #overview .latest { height:140px; position:absolute; bottom:0; margin:0 0 20px 0; }

#body .contacts .request { font-size:12px; width:720px; }
#body .contacts .request td { line-height:20px; }
#body .contacts form.stdrequest .preview { padding:20px; border:1px solid #ccc; color:#666; }

#body .contacts ul.request-menu { list-style:none; margin:0 0 20px 0; padding:0 0 0 0; height:1em; }
#body .contacts ul.request-menu li { float:left; border-left:1px solid gray; padding:0px 8px; margin:0; }
#body .contacts ul.request-menu li.first { border:0; padding-left:0; }
#body .contacts ul.request-menu li.on { font-weight:bold; }

#body .contacts .entry-textarea-wide { width:500px; padding-top:15px; }
#body .contacts .entry-textarea-wide .remark-right { float:right; color:#666; }
#body .contacts .entry-textarea-wide textarea { width:500px; height:60px; padding:1px 3px 1px 3px; }
#body .contacts .textarea-bookmarks label { margin-bottom:5px; }

#body .contacts .buttons { clear:left; padding:20px 0 20px 0; }
#body .contacts .buttons div { float:left; margin-right:10px; }
#body .contacts .buttons .rejectButtons { clear:left; }
#body .contacts .buttons .rejectButtons input { width:280px; padding:0px; }

#body .contacts .mentoringRequest .error-message { width:500px; margin-top:10px; }

#popup .contacts-accept-reject .cols fieldset.col-l { float:left; width:265px; margin-right:20px; border:1px solid white; }
#popup .contacts-accept-reject .cols fieldset.col-c { float:left; width:265px; margin-left:20px; padding:10px; border:1px solid white; }
#popup .contacts-accept-reject .cols fieldset.col-r { float:left; width:265px; padding:10px; border:1px solid white; }
#popup .contacts-accept-reject .cols textarea { width:260px; height:100px; }

#popup .contacts-accept-reject .cols fieldset.col-c .labelfloat label { width:13em; }
 
 
/* Invite */

#body .invite { padding:0 20px; }
#body .invite label { display:block; margin-top:10px; }
#body .invite .buttons { clear:left; padding-top:10px; }

#body .invite .entry-textarea-wide { clear:left; width:100%; padding-top:15px; }
#body .invite .entry-textarea-wide .remark-right { float:right; color:#666; }
#body .invite .entry-textarea-wide textarea { width:600px; height:120px; }
#body .invite .entry-textarea-wide input { width:600px; }

#body .contacts .radiobuttons { clear:left; padding-top:15px; }
#body .invite .radiobuttons label { padding:5px 0px 0px 0px; margin:0px; float:left; }
#body .invite .radiobuttons input { float:left; margin:5px 5px 0px 0px; }
#body .invite form.invitation h4 { margin:10px 0 0 0; }
#body .invite form.invitation p { padding:20px; margin:0 0 10px 0; border:1px solid #ccc; color:#666; }

#body .invite div.invitation { clear:left; }
#body .invite div.invitation .input input { width:165px; }
#body .invite div.invitation .input { clear:none; float:left; width:180px; }
#body .invite div.invitation a { text-decoration:none; display:block; width:23px; height:23px; }
#body .invite div.invitation a span { display:none; }
#body .invite div.invitation a:hover { background-color:gray; color:white; }
#body .invite div.invitation a.plus { float:left; text-align:center; margin-right:10px; margin-left:5px; background:transparent url(images/bt-add.gif) -2px -2px no-repeat; }
#body .invite div.invitation a.minus { float:left; text-align:center; background:transparent url(images/bt-delete.gif) -2px -2px no-repeat;  }
#body .invite div.invitation .recipient { width:100% }
#body .invite div.invitation br { clear:both; }
#body .invite div.invitation .notice_invitation	{ clear:both; width:166px; margin-left:400px; }


/* USB stick */
#body .invite .usbstick .text { padding:10px 20px; }
#body .invite .usbstick ol li { margin:0 0 0 20px; padding:10px; }


/* Groups */

#body .groups { padding:0 20px; }

#body .groups form label { margin:8px 0 4px 0; }
#body .groups form .submit { margin:10px 0 0 0; }

#body .groups .grouplogo { display:block; width:155px; height:65px; text-align:center; }

#body .groups-add {}
#body .groups-add form .form-row { clear:both; }
#body .groups-add form .form-section { padding-top:20px; } 
#body .groups-add form .form-row .form-col-l { float:left; width:280px; padding:0 40px 0 0; clear:both; }
#body .groups-add form .form-row .form-col-r { float:left; width:480px; padding:0 0 0 0; }
#body .groups-add form input.text { width:275px;  }
#body .groups-add form .error-message { width:261px;  }
#body .groups-add form .form-row p { width:275px;  }
#body .groups-add #suggestIdent { cursor:pointer; color:blue; }

#body .groups-add .remarks { clear:both; padding-top:20px; }
#body .groups-add .remarks .checkbox { margin:0 10px 3px 0; }
#body .groups-add .remarks label { display:inline; font-weight:normal; }
#body .groups-add .remarks .head { font-weight:bold; color:#275785; padding-bottom:20px; }
#body .groups-add .remarks .remarks-main { margin-bottom:12px; }
#body .groups-add .remarks .error-message { width:auto;  }
#body .groups-add .remarks .remarks-footer { font-size:10px; color:#666; margin-left:20px; }

#body .groups .groupadmin-menu { margin:10px -20px 20px -20px; background:transparent url(images/group-menu-bg.gif) 0 0 no-repeat; }
#body .groups .groupadmin-menu ul { padding:3px 12px; height:18px; margin:0; list-style:none; }
#body .groups .groupadmin-menu ul a { text-decoration:none; color:#d3e0ed; }
#body .groups .groupadmin-menu ul a:hover { color:white; }
#body .groups .groupadmin-menu ul a.on { color:white; font-weight:bold; }
#body .groups .groupadmin-menu ul li { float:left; padding:0 8px; margin:0; border-right:1px solid #a6c1dc;  }
#body .groups .groupadmin-menu ul li.last { border-right:none; }
#body .groups .groupadmin-menu ul.groupadmin-menu-sub a { color:#333; } 
#body .groups .groupadmin-menu ul.groupadmin-menu-sub a:hover,
#body .groups .groupadmin-menu ul.groupadmin-menu-sub a.on { color:#275785; } 
#body .groups .groupadmin-menu ul.groupadmin-menu-sub li { border-right:1px solid silver;  }
#body .groups .groupadmin-menu ul.groupadmin-menu-sub li.last { border-right:none;  }

#body .groups .group-header { height:65px; overflow:hidden; }
#body .groups .group-header .group-header-name { float:left; width:770px; margin:0 20px 0 0; }
#body .groups .group-header .group-header-name h1 { margin:0; padding-bottom:0; }
#body .groups .group-header .group-header-name span { color:gray; font-size:11px;}
#body .groups .group-header .group-header-logo .grouplogo { float:left; width:155px; height:65px; text-align:right; }

#body table.group-listing td.logo { width:165px; }
#body table.group-listing td.name { font-weight:bold; }
#body table.group-listing td.num,
#body table.group-listing th.num { text-align:right; width:100px;}

#body .groups-index .col-l { float:left; width:600px; }
#body .groups-index .col-r { float:left; width:258px; padding:20px; margin:20px 0 20px 45px; }
#body .groupadmin-index .col-l {float:left; width:450px; margin:0 45px 0 0; }
#body .groupadmin-index .col-r {float:left; width:450px; }

#body .groupadmin-index .greeting { /*color:#275785;*/ }
#body .groupadmin-index table.stats { border:0; margin-top:0; width:auto; }
#body .groupadmin-index table.stats th,
#body .groupadmin-index table.stats td { border:0; font-weight:normal; padding:2px 3em 2px 0; }
#body .groupadmin-index table.listing tfoot td a.buttonlink { float:right; }

#body .groups.arrange .cols { padding:10px 0 20px 0; border-bottom:1px solid silver; }
#body .groups.arrange .cols .col-c { background:#efefef; padding:10px; width:280px; }
#body .groups.arrange .cols input.text,
#body .groups.arrange .cols textarea { width:294px; }
#body .groups.arrange .cols textarea { height:120px; }
#body .groups.arrange .buttons { padding:20px 0 0 390px; }

#body .groups .profile { margin-left:-20px; margin-right:-20px; }

#body .groups .profile .regform-mockup { width:228px; height:258px;  margin:20px 0 0 0; border:1px solid #6386a8; }
#body .groups .profile .regform-mockup a { display:block; width:208px; height:238px; padding:10px; background:transparent url(images/regform-mockup.gif) 0 0 no-repeat;  }

#body .groups .search { margin:0 -20px; }

#body .groups.news .cols.newslist { padding:1em 0 2em 0; border-bottom:1px solid silver; }
#body .groups.news .cols.newslist .col-l { width:80px; }
#body .groups.news .cols.newslist .col-r { width:460px; }
#body .groups.news .cols.newslist .col-r h1 { margin-top:0; padding-top:0; }

#body .groups.news-edit form #GroupNewsSubject { width:450px; }
#body .groups.news-edit form #GroupNewsText { width:450px; height:300px; }

#body .listing-quicksearch { padding:10px; margin-bottom:20px; width:300px; background:#efefef; }


/* About Mentoring */


#body .about-mentoring h2 { padding-left:0; }
#body .about-mentoring .cols .col-l { width:200px; border-right:1px solid silver; margin-right:-1px; }
#body .about-mentoring .cols .col-r { width:664px; border-left:1px solid silver; padding-left:40px; }
#body .about-mentoring .abount-mentoring-text {  }
#body .about-mentoring ul.level0 { width:200px; list-style-type:none; margin-left:0; }
#body .about-mentoring ul.level0 li { margin-bottom:20px; }
#body .about-mentoring ul.level1 { list-style-type:none; margin-top:10px; }
#body .about-mentoring ul.level1 li { margin-bottom:2px; }
#body .about-mentoring ul.level1 li a.on { font-weight:bold; }
#body .about-mentoring .numbers_text1 { margin:0 0 1em 0; }
#body .about-mentoring .numbers_text1 .number { font-weight:bold; }
#body .about-mentoring .numbers_text3 { font-size:10px; }
#body .about-mentoring .col-r p,
#body .about-mentoring .col-r li { line-height:1.4em; }


/* Bug Report */
#popup #bugFormContent #BugDescription { width:595px; }