/* ***************************************************************** */
/*                                                                   */
/* IBM Confidential                                                  */
/*                                                                   */
/* OCO Source Materials                                              */
/*                                                                   */
/* (C) Copyright IBM Corp. 2007, 2008                                */
/*                                                                   */
/* The source code for this program is not published or otherwise    */
/* divested of its trade secrets, irrespective of what has been      */
/* deposited with the U.S. Copyright Office.                         */
/*                                                                   */
/* ***************************************************************** */
/** Blogs CSS **/
/* Paging */
.blog .blogPaging h4{font-weight:normal;font-size:.9em;background-color:#f3f3f3;border:1px solid #e0e0e0;padding:1px 15px;margin-bottom:0;text-align:left;}
.blog .blogPaging .disabled {color:#999;}

#lotusColRight .lotusSection {width:190px; overflow:hidden;}
table.lotusHeader {width:100%;}

/*Comments*/
.comments-head {font-weight:normal;font-size:1.1em;background-color:#f3f3f3;border:1px solid #e0e0e0;padding:3px 14px;margin-bottom:7px;text-align:left;}
/*.comment {padding:10px 15px 0px 15px;*/ /*background-color:#f3f3f3;margin:10px 0;border:1px solid #e0e0e0;}*/
span.commentLogin {display:block;padding-left:15px;}
.comments-form {margin:0;}
.comment-details {margin-bottom:25px;}
.comment-details-head {display:block;border-bottom:1px solid #e0e0e0;margin-bottom:5px;padding-left:4px;}
.comment-details-head .action {font-size:0.9em;}
.comment-count {padding:1px 2px;margin-right:4px;}
.comment-count-author {color:#fff;background-color:#43a0f6;padding:1px 4px;margin-right:4px;}
.comment-content {padding:0 4px;display:block;}

/** Admin styles **/
div.yourWeblogBox{border-top: 1px solid #DBDBDB; margin: 5px }
/**div.yourWeblogBox{border:1px solid #DBDBDB;float:left;height:125px;left:250px;margin:5px;padding:5px;width:300px;} **/
/* action menu */
.admin .actions{margin:0;}
.admin .actions ul li {
		font: normal 1.1em/2.8em Helvetica, Arial, Verdana, sans-serif;
		border-left-width:0;
		background: transparent url("../images/menuBarDivider.gif") 0 center no-repeat;
		padding:0 8px;
		}
		.admin .actions ul.inlinelist li.first{background:transparent}
.admin .actions a {padding:2px;}
.admin a.menuItemSelected{font-weight:bold;}

/*** C A L E N D A R ***/ /*complete*/
/*styles beginning with hCalendar are used to support roller blog html*/
.calendar, .hCalendarTable{}
/*contains the month/year*/
.calendar caption, .hCalendarMonthYearRow{font-weight:bold;font-size:1.1em;text-align:center;padding:2px 2px 11px 2px}
/*the header cells that contain the days of the week*/
.calendar th, .hCalendarTable th{ text-align:right;font-weight:normal;padding:2px 2px 2px 14px}
/*all regular table cells*/
.calendar td, .hCalendarTable td{text-align:right;padding-bottom:2px}
.calendar td a, .hCalendarTable td a{color:#000;padding:1px}
.calendar td a:hover, .hCalendarTable td a:hover, .calendar td.today a:hover, .hCalendarTable td.today a:hover{color:#fff;border:1px solid #0063dc;background-color:#0063dc}
.calendar td.today a, .hCalendarTable td.today a{background-color:#dceafd;border:1px solid #dceafd;color:#0063dc;}
/*the current date*/
.calendar td.selected a, .calendar td.selected a:visited, td.hCalendarDayCurrent a, td.hCalendarDayCurrent a:visited, td.hCalendarDayLinked a, td.hCalendarDayLinked a:hover{background-color:#dceafd;color:#000;border:1px solid #0063dc;padding-right:2px;margin-right:-1px;}
/*the cell that contains the footer*/
.calendar tfoot td, .hCalendarNextPrev td{text-align:center;font-size:.9em;color:#333;padding-top:9px}
.calendar tfoot td a, .hCalendarNextPrev td a{color:#0063dc}
/*table links (navigational and current date)*/
.calendar a, .hCalendarTable a{text-decoration:none;}
.calendar .arrow{background-position:left center;background-repeat:no-repeat;}
.calendar .arrow img{height:16px;width:16px}
.calendar #next{background-image:url(../images/calNext.gif)}
.calendar #prev{background-image:url(../images/calPrevious.gif)}
.calendar #next:hover{background-color:transparent;background-image:url(../images/calNextHover.gif)}
.calendar #prev:hover{background-color:transparent;background-image:url(../images/calPreviousHover.gif)}

/* dojo calendar styles */
.calendarContainer {font-size:1.4em;}
.selectedYear {color:#105cb6 !important;}
.previousYear, .nextYear {color:#fff !important;}
/***********************************************************/
/** Roller styles **/
/* table */
table.rollertable th, table.rollertable th {background: #F5EBF3;text-align:left;padding: 3px;border: 1px solid #dbdbdb;border-bottom:0;}
table.rollertable td, table.rollertable tbody td {border: 1px solid #dbdbdb;}
table.rollertable {border-collapse: collapse; width: 100%;overflow:hidden;}
table.rollertable td, table.rollertable tbody td {vertical-align: top;}
table.rollertable tbody td {padding: 3px;}
table.rollertable td.center {text-align: center;}
table.rollertable td.details {word-wrap:break-word;}

/* Shelf list */
/ *#frame #colRight {width:250px;}*/
#colRight .list li {margin:2px 1px;}
/* Sidebar */
div.menu-tl {margin: 0px;padding: 0px;height: 100%;width: 100%;vertical-align: middle;display: table;}
div.menu-tr {margin: 0px;padding: 0px;height: 100%;width: 100%;}
td.pendingentry, tr.pendingentry {background: #ffffcc !important;}
td.draftentry, tr.draftentry {background: #ffcccc !important;}
td.needsapprovalentry, tr.needsapprovalentry {background: #ccccff !important;}
.draftEntryBox {background: #ffcccc !important;border: 1px grey solid;}
.pendingEntryBox {background: #ffffcc !important;border: 1px grey solid;}
.needsApprovalEntryBox {background: #ccccff !important;border: 1px grey solid;}

/* form table */
.formtable, .formtableNoDesc {/*width: 100%;*/border-collapse: collapse; } 
.formtable td.label, .formtable td.field, .formtable td.description,
.formtableNoDesc td.label, .formtableNoDesc td.field, .formtableNoDesc  {vertical-align: top;border-style: solid;border-width: 0px 0px 1px 0px;border-color: #dbdbdb;padding: 4px 10px 4px 10px;}
.formtable td.label {text-align: right;width: 20%;}
.formtable td.field {width: 30%;}
.formtable td.description {width: 50%;line-height: 140%;}
.formtableNoDesc td.label {text-align: right;width: 40%;}
.formtableNoDesc td.field {width: 40%;}
.formtableNoDesc td.description {width: 0%;}

/* tag autocomplete */
div.autocomplete {position:absolute;width:250px;background-color:white;border:1px solid #888;margin:0px;padding:0px;}
div.autocomplete ul {list-style-type:none;margin:0px;padding:0px;}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {list-style-type:none;display:block;margin:0;padding:2px;cursor:pointer;}

/* Entry management styles */
p.toplabel {margin:10px 0 0 0;}
.tablenav {margin:0;padding:0;}
.mm_subtable_label {padding-right:25px;}
.mm_weblog_name {font-size:1.2em;font-weight:bold;color:#AA399A;}
.mm_weblog_name img {vertical-align:top;padding-bottom:5px;}
.mm_table_actions img {margin:2px;}
.miscControl {padding-top:5px;}
a.controlToggle {cursor:pointer;font-weight:bold;}

/* New entry styles */
.entryEditTable td {padding:3px 10px 3px 0;}
.entryActions {padding:3px 5px}
.entryContentContainer p {margin:1em 0pt !important;}

/* Search results */
#searchAgain {border-bottom:1px solid #e0e0e0;padding:5px 0px 5px 3px;}
#searchAgain h2 {font-weight:normal;}
#searchAgain input {padding-left:-2px;}

/* Errors and status messages */
div.messages, div.errors {background-color:#FEF89A;padding:7px 5px 5px 5px;border:1px solid #e0e0e0;margin-bottom:5px;}
.messages img {vertical-align:top;}

.entryField { width: 90% }

/* Autocomplete and type ahead */
.tabSection .tabContainer{border-bottom-width:0;margin:5px 5px 0 5px}
.tabSection .tabcontent{margin-top:0;z-index:-100;-moz-border-radius:0 2px 2px 2px; }

div.auto_complete {
	/*width: 20em;*/
background: #fff;
/*display: block;*/
position: absolute;
z-index: 100;
border:1px solid #888;
}

* html div.auto_complete {  }
	
div.auto_complete ul {
border:1px solid #888;
margin:0;
padding:0;
width:100%;
list-style-type:none;
display: block;
}
div.auto_complete ul li {
margin:0;
padding:1px;
white-space: nowrap;
display: block;
}
div.auto_complete ul li.selected {
background-color: #ffb;
}
div.auto_complete ul strong.highlight {
color: #800;
margin:0;
padding:0;
}

#memberAddDialog {
	position: absolute;
	background-color: white;
	border: 1px solid gray;
	width: 35em;
	height: auto;
	padding: 0 10px 10px 10px;
}
#memberAddDialog .tabcontent,  #memberAddDialog .tabContainer { margin: 0; }
#memberAddDialog .section {background-color:#fff;}
#memberAddDialog .tabs a, #memberAddDialog .tabs a:visited {margin-bottom:-6px;}

#memberAddDialog .tabPanes {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#memberAddDialog .submitArea, #publicMemberAddDialog .submitArea { margin-top: 5px; }

#memberAddDialog form, #publicMemberAddDialog form { padding: 0; margin: 0; }
#memberAddDialog form ul {border:0 !important; background-color:#fff !important;}
#memberAddDialog .tabPanes p span { font-weight: bold; }
#memberAddDialog .tabPanes input { width: 100%; }

/* Popup help */
.popup {position: absolute;left: -9999px;z-index: 200;background-color: #fff;width: 20em;float: none;text-align: left;}

/* Dogear Bookmark styles */
div.dogearlink {margin-bottom:5px;}
.dogearlink a, .dogearlink a:focus, .dogearlink a:active, .dogearlink a:hover {text-decoration:underline;}
.dogearlink img, .dogearperson, .dogeartags {display:none;}

/* Copyright IBM Corp. 2007  All Rights Reserved.                    */
#header .hidden { position: absolute; top: -9000px; left: -9000px; }

/* Flag as Inappropriate Form styles 
div.FlagAsInappropriateForm {background-color: #DFDFDF;border-bottom: 2px dotted #A0A0A0;border-top: 2px dotted #A0A0A0;margin: 2px 0pt;padding: 5px;}
div.FlagAsInappropriateForm td{padding: 3px;}
div.FlagAsInappropriateForm td.label {text-align: left;font-weight: normal;vertical-align: top;width:1px}
div.FlagAsInappropriateForm td.title {text-align: left;font-weight: bold;vertical-align: center;font-size:larger;width:1px}
*/
/* Quarantine This Entry Form styles 
div.QuarantineThisEntryForm {background-color: #DFDFDF;border-bottom: 2px dotted #A0A0A0;border-top: 2px dotted #A0A0A0;margin: 2px 0pt;padding: 5px;}
div.QuarantineThisEntryForm td{padding: 3px;}
div.QuarantineThisEntryForm td.label {text-align: left;font-weight: normal;vertical-align: top;width:1px}
div.QuarantineThisEntryForm td.title {text-align: left;font-weight: bold;vertical-align: center;font-size:larger;width:1px}
*/
/* Comment This Entry Form styles 
div.AddWeblogEntryCommentForm {background-color: #DFDFDF;border-bottom: 2px dotted #A0A0A0;border-top: 2px dotted #A0A0A0;margin: 2px 0pt;padding: 5px;}
div.AddWeblogEntryCommentForm td{padding: 3px;}
div.AddWeblogEntryCommentForm td.label {text-align: left;font-weight: normal;vertical-align: top;width:1px}
div.AddWeblogEntryCommentForm td.title {text-align: left;vertical-align: center;font-size:larger;width:1px}
div.AddWeblogEntryCommentForm div.submitArea div#postAsTrackbackDiv {margin-top:5px}*/

.RichTextEditable #EditorToolbarTable td {vertical-align:middle}

/* loose styles */
p.loose {margin-top: 10px; margin-bottom: 10px;}
h2.loose {margin-top: 12px; margin-bottom: 12px;}
table.loose td {padding: 5px;}

/* preview iframe styles */
iframe.preview {border: 2px inset;}

/* edit my blogs action bar styles */
td.mm_table_actions {vertical-align:middle}

/* cache info styles */
#cache_stat_tlb{border-style: outset;  border-width:1px; border-color:#d4d0c8}
#cache_stat_tlb th{border-style: inset; border-width:1px; border-color:#d4d0c8; text-align:center; font-weight:bold}
#cache_stat_tlb td{border-style: inset; border-width:1px; border-color:#d4d0c8}

/***** T A B ****/
.tabSection .tabContainer{border-bottom-width:0;margin:5px 5px 0 10px}
.tabSection .tabcontent{margin-top:0;z-index:-100;-moz-border-radius:0 7px 7px 7px; }
.tabContainer{position:relative;height:3em;border-bottom:1px solid #e0e0e0; z-index: 1;}
/*** T A G   C L O U D ***/ /*complete*/
.tagCloud ul{margin:0;padding:0}
.tagCloud li{display:inline}
.tagCloud a{text-decoration:none;font-weight:bold}
.tagCloud a:hover, .tagCloud a:focus{color:#05386b;text-decoration:underline;}
a.f5, a.f5:visited { font-size: 115%; color: #1c3052}
a.f4, a.f4:visited { font-size: 108%; color: #2b588e}
a.f3, a.f3:visited { font-size: 100%; color: #4477bb}
a.f2, a.f2:visited { font-size: 95%; color: #649cd8}
a.f1, a.f1:visited { font-size: 90%; color: #8bbce8}
/***********************************************************/
/* Tag Slider Track */

#tagSliderTrack {float:left;width:76px;background-image: url(../images/sliderTrack.gif);background-repeat: repeat-x;background-position: center left;height:17px;}
#tagSliderGradient .less {float:left;/*width: 3.8em;*/padding-right:4px;padding-left:8px;padding-bottom: 1px;}
#tagSliderGradient .more {float:left;/*width: 3.5em;*/padding-left:1px;padding-bottom: 1px;padding-right:8px;}
#tagSliderGradient {width:174px;color: black;font-family: Arial, Helvetica, Verdana, sans-serif;height:18px;}
#tagSliderHandle {padding-top:3px;width:5px;height:10px;cursor:hand;cursor:pointer;}

/* Recommendation popup */
.ratingPopup {background-color:#E0E8F8/*F0F0F0*/;padding:7px;}
.ratingPopup h3{/*color:#666769;*/margin-bottom:3px;}
.ratingPopup textarea{color:#7098C0;background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:1.0em; size:auto;}
.ratingPopup {border:1px solid #649DE0;}

.entry_moreactions_menu {margin-top:12px;background-color:#F0F0F0;padding:3px 10px 3px 10px;border:1px solid #649DE0;z-index:200;position:absolute;left:-9999px;float:none;}

.disabledLink, a.disabledLink:hover, a.disabledLink:focus {color:#999 !important;text-decoration:none;}

.table tr#detail-open td {border-top-width:0px}

.inlinelist li.last, .lotusInlinelist li.lotusLast {border-left-style:solid; border-left-width:1px; padding-left: 6px}
.paging .inlinelist li.last {padding-left: 6px}

.tagStatDetailPopup{border:1px solid #649DE0;padding:5px;width:auto;margin-top:10px}

/* selected item background color */
.lotusActionMenu li.lotusSelected a{background-color:#CFECFF;}

/* allow other content to appear above lotus footer */
#lotusFooter, .lotusFooter {overflow:visible;}

/* typeahead */
.typeAheadHome {padding:2px!important;width:11em!important;}
.typeAheadEntry {padding:2px!important;width:32em!important;}
.typeAheadBlog {padding:0 1px !important;width:99%!important;}
.typeAheadTagFilter {padding:2px!important;width:10em!important;}
.typeAheadAuthor {padding:2px!important;width:24em!important;}
.dijitMenu .searchDirectory {background: transparent url(../images/search2.gif) no-repeat left center;padding-left:20px;}
li.dijitMenuItemHover{background-color:#fefebb!important;}

.completedIcon        { background: transparent url(../images/checkmark.gif) no-repeat scroll center left; }

/* begin Search Scope Button */
.lotusBlue .dropDownButtonSearchScope button { padding:3px 0; margin:0px; border:0px; background: transparent url(images/btnSpecialBkgd.png) repeat-x center; }
.lotusBlue .dropDownButtonSearchScope { padding:0px; margin:0px; border:0px;     border: 1px solid #86b8f3;  }
.lotusBlue .dropDownButtonSearchScope button .dijitButtonText { display:none; border:0px; margin:0px; padding:0px; }
.lotusBlue .dropDownButtonSearchScope button .dijitA11yDownArrow { color:#FFFFFF; padding:0px; margin:0px; border:0px; font-size:.7em;}
/* end Search Scope Button */

/*** S E A R C H ***/
.lotusSearch .lotusSearchButton{border-color:#2f76b9;}
.lotusSearch .lotusSearchButton:hover, .lotusSearch .lotusSearchButton:focus{border-color:#10395f;}
.lotusSearch .lotusText{border-color:#5581b7;}
#lotusMain .lotusSearch .lotusText, .lotusMain .lotusSearch .lotusText{border-color:#a7a9bb;}
.lotusSearch .lotusInactive{color:#999}
.lotusSearch a:hover, .lotusSearch a:focus{background-color:transparent}
/***********************************************************/
.dijitMenu {margin-left:0px;}

.lotusViewControl td {vertical-align:top}
.tabbedpage #lotusMain {background-image:none}
.simplepage #lotusMain {background-image:none}
.mainmenupage #lotusMain {background-image:none}

/*** fix editor indent issue ***/
#previewArea blockquote{margin: 1em 40px!important;}
.entryContentContainer blockquote{margin: 1em 40px!important;}

/*** fix insert image dialog scroll bar ***/
#blogsImageDiv {max-height:600px !important;}
#blogsImageDiv {width:expression( documentElement.clientWidth > 528 ? (documentElement.clientWidth == 0 ? (body.clientWidth > 528 ? "528px" : "auto") : "528px") : "auto" );height:expression( this.scrollHeight > 600 ? "600px" : "auto" );} 

/*** fix layout issue when change image's display to float-left/float-right ***/
#previewArea {display:table;width:100%;}
.entryContentContainer{display:none;width:100%;}

html.* #previewArea {display:inline-block;width:100%;}
html.* .entryContentContainer{display:inline-block;width:100%;}

/********************************************/
/*********** STYLES FROM R1 *****************/

/** Blogs CSS **/
.blog h1 {font-size:1.8em;color:#000;margin:0;padding:5px 0px;}
.blog #frame #content {padding: 15px 10px 20px 13px;}
.entry p{margin:5px 0 0 0px}
.entry ul.actions{margin: 5px 0 0 0px;}
#footer {margin-left:30px;}
.blog #colLeft .tabContainer, .blog #colLeft .tabSection {padding-top:0;margin-top:0;}
.blog #colLeft .list {margin-left:10px;}
.blog #frame #colRight {padding-left:10px;}
.blog .tagCloud {padding:5px;overflow:hidden;}
.blog .entryBody {margin:0 0 0 14px;}
.blog .indent7 {padding-left:7px;}
.blog .indent12 {padding-left:12px;}
.blog .header img {padding-top:5px;}
.blog .pivotForm {padding-left:5px;} /* for filter form on tag cloud */
.blog .infoText {color:#999;font-size:.9em;}

/** the r1 version comment styles, have conflict with r2 one, need dicision **/
#frame .comments-head {font-weight:normal;font-size:1.1em;background-color:#f3f3f3;border:1px solid #e0e0e0;border-top:0;padding:3px 14px;margin-bottom:0;text-align:left;}
#frame .comment {padding:0px 15px; /*background-color:#f3f3f3;margin:10px 0;border:1px solid #e0e0e0;*/}

/* Start button */
.startButtonTop {width:190px; background: url(../images/startBlogButtonTop.gif) no-repeat top left;margin:auto;}
.startButtonTop span, .startButtonTop span:hover, .startButtonTop span:focus { display:block; color:#515151; text-decoration:none; }
.startButtonTop:hover {background: url(../images/startBlogButtonTopHover.gif) no-repeat top left;}
.startButtonTextTop {margin:0 0 0 55px; padding:5px 0 0 0; font-size:1.5em; font-weight:bold; cursor:hand;}
.startButtonTextBottom {margin:-4px 0 0px 55px; padding:0 0 5px 0px;  font-size:1.1em; cursor:hand;}
.startButtonText {padding:14px 10px 13px 65px; font-size:1.2em; cursor:hand;}
.startButtonBottom {width:190px; background:url(../images/startBlogButtonBottom.gif) no-repeat top left;margin:auto;padding:0;line-height:5px;}

/** Form styles */
form ul{ /*position: relative;width: 100%; */ list-style: none; margin:10px 0;padding:0 15px;background-color:#f3f3f3;border:1px solid #e0e0e0;}
form li{ line-height: 2em; margin: 0; padding: 1px 1px 6px 0px; }
form li.focused{ background-color: #fff7c0 !important; }
form li p{ font-size: 9px; line-height: 13px; color: #444; }
form li{ display: inline-block; }
form[id] li{ display: block; }
form li div{ display: inline-block; }
form[id] li div{ display: inline; }
form .left{ float: left !important; margin: 0; }
form .right{ float: right !important; margin: 0; }
form .clear{ clear: both; } 
form li div p{ margin: 0 0 5px 0; }
form div.left{ margin-right: 2px !important; }
form div.left[class]{ margin-right: 4px !important; }
form div.left img{ margin: 0 0 -2px 0; }
/* form h2{ font-size: 1.8em; clear: left; } Not needed for R1 themes - commented out to stop interference with R2 admin pages*/
form .info{ display: inline-block; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc !important;}
form .info[class]{ display: block; }
form .info p{ font-size: 1em; line-height: 1.3em; margin: 0 0 8px 0; }
textarea.textarea{margin-bottom: 1px;}
textarea.textarea[class]{font-family: Helvetica, Arial, Verdana, sans-serif;}
select.select{ padding: 1px 0 0 0; margin: 1px 0 3px 0; }
select.select[class]{ margin: 0; padding: 1px 0 1px 0; }
form .small{ width: 70px; }
form .medium{ width: 170px; }
form .large, form textarea.textarea{ width: 340px; }
form .tags{ width: 320px; }
form textarea.small{ height: 5.5em; }
form textarea.medium{ height: 10em; }
form textarea.large{ height: 20em; }
label.desc{margin: 4px 0 3px 0;border: 0;font-size: 1.1em;line-height: 1.3em;display: block;}
div.row {padding: 2px;}
div.formrow {float: left;width: 80%;}
label.formrow {float: left;text-align: right;width: 20%;padding-right: 1em;}
div.sideformrow {float: left;width: 100%;padding-bottom:5px;}
label.sideformrow {float: left;text-align: left;/*width: 30%;*/padding-right: .5em;}

/* from v1.0, not sure whether is needed for now, need decision */
* html .entry table, * html .entry img, * html .entry div {width:auto !important;}

/* v1.0 header styles, with lotus prefix added for the new header*/
#header .hidden { position: absolute; top: -9000px; left: -9000px; }
#header .lotusInlinelist{margin:0 0 0 0;padding:0}
#header .lotusInlinelist li{display:inline;margin:0 0 0 -4px;padding:0 10px;border-left:1px solid #ccc;}
#header .lotusInlinelist li.lotusFirst{margin-left:0;padding-left:0;border-left-width:0;}
#header .lotusInlinelist li.lotusFirst {margin-left:-5px;padding-left:0;border-left-width:0;}


/* ADD MEMBER FORM */

.AddMembers .memberList {
    border: 1px solid #9a9a9a;
    border-bottom: none;
    background-color: white;
}

.AddMembers .scroll {
    border-bottom: 1px solid #9a9a9a;
}

.AddMembers .memberList .member {
    border-bottom: 1px solid #9a9a9a;
}

.AddMembers .memberList .member .P {
    height: 16px;
    width: 16px;
    background: transparent url(../images/personIcon.gif) no-repeat scroll center center;
}

.AddMembers .memberList .member .type {
    color: #afafaf;
    font-style: italic;
}

.AddMembers .memberList .member .fieldDel {
    /* float: right; */
}

.AddMembers .typeAhead {
    font-size: 1.1em;
    border: 1px solid #9a9a9a;
}

.dijitMenu .searchDirectory .label {
}

.field .fieldDel {
    height: 16px;
    width: 16px;
    background: transparent url(../images/remove_icon.gif) no-repeat scroll center center;
    border: none;
}

.field .fieldDelText {
    height: 16px;
    width: 16px;
    border: none;
    display: none;
}

.dijit_a11y  .field .fieldDelText {
    height: 16px;
    width: 16px;
    border: none;
    cursor: pointer;
    display: inline;
}

.field .fieldAdd {
    height: 16px;
    width: 16px;
    background: transparent url(../images/add_icon.gif) no-repeat scroll center center;
    border: none;
}

.field .fieldAddText {
	height: 16px;
    width: 16px;
    border: none;
    display: none;
}

.dijit_a11y  .field .fieldAddText {
	height: 16px;
    width: 16px;
    border: none;
    cursor: pointer;
    display: inline;
}

/* ADD MEMBER FORM Layout */

.AddMembers .memberList {
    visibility: hidden;
}
.AddMembers .scroll {
    overflow: auto;
}
.AddMembers .memberList .member {
    padding: 3px;
}
.AddMembers .memberList .member .P {
    float: left;
}
.AddMembers .memberList .member .nameContent {
    padding-left: 20px;
}
.AddMembers .memberList .member .fieldDel {
    
}
.AddMembers .typeAhead {
    width: 310px;
}
.AddMembers .field {
    padding:5px 5px 5px 5px;
}

/* END ADD MEMBER FORM */

/* Notification FORM */
#NotificationForm .memberList{border:1px solid #9a9a9a;border-bottom:none;background-color: white;margin-bottom:4px;width:50%;}
#NotificationForm .member {padding:5px;border-bottom:1px solid #9a9a9a;}
#NotificationForm .member .picon{background:transparent url(../images/personIcon.gif) no-repeat scroll center center;height:16px;width:16px;padding:3px;}
#NotificationForm .fieldDel{background:transparent url(../images/remove_icon.gif) no-repeat scroll center center;border:medium none;height:16px;width:16px;}
#NotificationForm .fieldDelText{border:medium none;display:none;height:16px;width:16px;}
#NotificationForm .fieldAdd{background:transparent url(../images/add_icon.gif) no-repeat scroll center center;border:medium none;height:16px;width:16px;}
#NotificationForm .scroll{overflow:hidden;}