/*
layout
*/
html, body {
    height: 100%;
    background-color:#e1e5e5;
    word-wrap: break-word;
}

a{
    text-decoration:none;
    color:#006699;
}
a:hover{
    text-decoration:underline;
}
a:visited {     
    color: #006699;
}
ul{
    list-style-type:none;
}
textarea {
    overflow-y: hidden;
}

#mmMain {
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
    background-color:#ffffff;
    margin-left:auto;
    margin-right:auto;
    width:990px;
    border-left:1px solid #c8c9ca;
    border-right:1px solid #c8c9ca;
    padding: 0;
    margin: 0 auto -20px;
}
.mmMainContext {
    margin-left:25px;
    margin-bottom: 20px;
}
#mmHeaderGeneral{
    margin-top:30px;
}
#mmFooter, .push {
    /*bottom:0;*/
    /*position: absolute;*/
    width: 990px;
    height: 20px; /* Height of the footer */
    position: relative;
	margin: 0 auto;
    text-align:center;
    font-size:0.75em;
    /*padding: 11px 0 0;*/
}

div.mmFill{
    width:960px;
}

.moduleHeader
{
	font-weight: bold;
    font-size:1.15em;
    background-image:url("../images/manymoon_titleBar.png");
    background-repeat:repeat-x;
    display:block;

}
.moduleHeaderMM
{
	font-weight: bold;
    font-size:10pt;
    display:block;
    margin-bottom: 7px;
    border-bottom: 1px solid #AFAFAF;
}
.moduleFooter
{
    padding: 0;
    font-weight: normal;
}
.moduleDivider
{
    margin: 10px 0;
    border-bottom: 1px solid #000;
}
.contextHeader, .contextHeaderGreen, .actionHeader
{
	font-weight: bold;
    font-size:1.3em;
    display:block;
    border-bottom:#e2e2e2 solid 1px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #EDF3FA;
    color: #555;
}
.contextHeaderGreen {
     background-color:#EFFBED;
}
div.mmMenuWrapper {
    border-bottom:3px solid #305D82;
    padding: 15px 0 5px 0;
    margin: 0 15px;
    width:960px;
}
ul.mmMenu{
    position: relative;
    background-color:transparent;
    border:none;
    padding-left: 0;
    margin-left: -7px;
    height:20px;
    margin-top: 5px;
    margin-bottom: 0;
    z-index:1000;
}
ul.mmMenu ul {
	border:none;

}

ul.mmMenu li{
    color:gray;
    font-weight:bold;
    font-size:1.10em;
    padding: 3px 15px 4px;
    margin-left: 0;
}
ul.mmMenu li a {
    color:#006699;
}
ul.mmMenu li a:hover {
    text-decoration:underline;
}
.moduleFromTop{
    margin-top:10px;
    margin-bottom:10px;
}

div.mmModule{
    background-color:#ffffff;
}
div.moduleToggle{
    display:none;
}
div.moduleBody{
    display:block;
    padding:0;
}
div.moduleBodyNoHighlight{
    display:block;
    padding:5px 0;
}
div.moduleBody:hover{
    background-color:lightblue;
}
.mm_fl, .floatLeft{
   float:left;
}
.mm_fr, .floatRight{
    float:right;
}

/*to prevent list item width from contracting when dragged, must set width*/
.sortableListItem {
    margin-left:0;
    width: 650px;
    padding-top: 5px;
}
* html .sortableListItem {
    width: 620px;
}
/*Tasks */
div.displayTask, div.displayTask_new{
    border-bottom:#000000 dotted 1px;
    padding-bottom: 5px;
}
div.displayTask_new {
   margin-top:5px;
}
div.displayTask{
    width: 585px;
}
* html div.displayTask{
    width: 565px;
}
div.displayTask:hover, div.displayTask_new:hover{
    background-color:ghostwhite;
}
.goalName { width: 420px; float:left; }
.taskName, .goalName{
    font-size:12pt;
    font-weight:bold;
    line-height: 1.2;
}
.taskNameLargeBg {
    font-size:2em;
    background-color:#FCF6B3;
    line-height: 1.2;
}
.taskNameSmallBg {
    font-size:1em;
    background-color:#FCF6B3;
    line-height: 1.2;
    font-weight:bold;
}
.taskDate{
    font-size:10pt;
    padding-top: 0px;
    float: right;
}
.taskDetails {
    line-height:1;
    margin-left: 28px;
    font-size: 0.75em;
}
.myDocuments .taskDetails {
    margin: 5px 0 5px 23px;
}
ul.taskDetails li, ul.horizontalList li { /*, .taskDetails td*/      
    margin-right: 10px;
    display:inline;
}
ul.taskDetails li label {
    color: gray; display: inline; margin-right: 5px;
}
.taskDetails ul {
    margin-bottom: 0;
}
.objDetails {
    line-height:1.3;
    font-size: 0.75em;
}
ul.objDetails li {
    margin: 3px 0;
}
.preCommentElem {
    float: left;
    width: 380px;
}
.mmOverdue{
    color:red;
}
.mmOverdue a, .mmOverdue a:visited{
    color:red;
}
.taskAction{
    margin-right:15px;
    font-size: 8pt;
}
.taskAction img{
    margin-bottom:0px;
    border: 0;
}
.taskDisplayPadding, .taskAddComment, .tdPad {
    margin-left: 28px;
}
.taskGoalPadding {
    margin-left: 82px;
}
.tgRow { margin-left: 82px; font-size:0.75em; }
.tcbTd { width:28px; vertical-align: top; }
.twdd { width:440px; }
.goalCreatorPadding {
    margin-left: 54px;
}
.taskAddComment {
    width:509px;
}
.commentBox, .shareBox, .tagBox {
    margin: 5px 5px 5px 21px;
    padding: 5px;
    /*width: 94%;*/
    background-color:#F1F8F8;
    font-size: 11px;
}
.commentBox table { width:100%; }
/*.commentBox table td { width: 33%; }*/
/*.commentBox button { font-size: 9px; }*/
#linkContainer .commentBox, #eventContainer .commentBox {margin-left: 0;}
#tasksUpdater .commentBox { margin-left: 25px; }
.commentMore {
    font-size:0.75em;
    margin:5px 0;
    /*border-top: 1px solid white;*/
}
.commentInput {
    width: 99%;
    font-size: 11px;
    /*height:40px;*/
}
.oneRow {
    height:18px;
}
.commentHead {
    color: gray;
    font-size:10px;
    background-color: white;
}
.commentHead p { float:left; margin: 0; }
.commentHead span { float:right; }
/*task popup bulletin item comment header*/
.commentBox pre i, .mainComments pre i {
    font-size: 0.85em;
    color: gray;
}
/*safari wrap issue fix*/
.htmlCmt { width: 500px; }
.mmBulletinComon .htmlCmt { width: 565px; }
/*sharebox related*/
#linkContainer .shareBox {
    margin-left: 0px;
}
.shareBox .holder {
    margin-bottom: 0px;
}
/*end sharebox related*/
.myLinkComment, .myLinkTag {
    float:left;
    margin-right:10px;
}
/* faq content */
#faqContent {
    font-size: small;
}

#faqContent ul {
    list-style-type: disc;
    margin-bottom: 0;
}

/* use in etc/_tutorial.gso */

.commonTut{
    border:1px solid gray;
    width:70%;
    display:inline-block;
    text-align: center;
    margin:15px;
    padding:10px;
}

/* for quick new task*/
#newTaskModule label, #postLinkModule label {
    /*font-weight: normal;*/
    /*font-family: verdana;*/
    font-size: 11px;
}

#newTaskModule fieldset {
    margin: 0 0 3px 0;
    padding: 0;
    
}
#newTaskModule table tr {
    height: 25px;
}

/*goalMembersModule*/
.goalMembersDisplay
{
    text-align: center;
    margin-bottom: 0;
    width: 100%;
}
.goalMemberV {
    margin-bottom: 20px;
}
.goalMember {
    margin-bottom: 3px;
    height:85px;
    width: 33%;
    float: left;

}
 /*for navigation module*/
#navModule ul {
    list-style-type:none;
    padding: 0;
    margin: 0;
}
#navModule ul li {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: 5px;
    border-bottom: 1px solid #AFAFAF;
    font-size: 12px;
}
#navModule ul li.lastItem {
    border-bottom: 0;    
}

 /*for dialog window*/
.mmDialog {
    padding:0 0 0 0 ;
    /*height:550px;*/
}
.mmDialogBody {
    display:block;
    /*height:540px;*/
    /*overflow:auto;*/
    padding:0 10px;
}
ul.formList {
    margin: 0px;
}
ul.formList li {
    margin: 5px 0;
    clear: both;
}
ul.formList li li {
    margin: 0 0 5px 0;
}
ul.formList li label {
    float: left;
    width: 125px;
    height:25px;
    text-align: right;
    margin-right: 5px;
    color:gray;
}
#previewLinkDialog .formList li label {
    width: 115px;
}
#previewLinkDialog .formList li label.error {
    width: 300px;
}
ul.formList li div {
    width: 490px;
    float: left;
    margin: 0 0 5px 0;
}
ul.formList li div div {
    float: none;
    margin: 0;
}
ul.formList li input, select {
    margin-top: 0px;
}
/*label.error properties defined in jquery.validate.css, need to enforce text-align here because the above css make it right aligned*/
ul.formList li label.error {
    text-align: left;
    width: 300px;
    color: red;
    height:15px;
    /*float:none;*/
}

/*for profile section heade*/
.profileSectionHeaderMM {
    /*background-color: #F1F8F8;*/
    padding: 5px;
    margin-top: 10px;
    font-weight: bold;
    font-size:1.15em;
    display:block;
    margin-bottom: 5px;
    border-bottom: 1px solid #AFAFAF;
}

.verticalTop {
    vertical-align: top;
}

 /*used to render text, browser specific settings set in mm.js */
pre { font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif; margin-bottom: 0;}
.commentBox, .mainComments {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
}

/*checkbox used to complete tas*/
.taskCheckbox, .tdb {
    display:inline;width:15px;
}

/*for top5 module*/
.top5Highlight {
    background-color: lightblue;
    /*border-width: moduleBody;*/
    
}
.top5Link {
    padding: 6px 5px 4px 0;
    font-size:1.1em;
    line-height:1;
}
div.topTasks, div.topGoals {
    border-top:1px solid #97A5B0;
    padding-top: 2px;
}
.mmAlignRight {
    text-align:right;
}
.mmBorderBottom {
    border-bottom:1px solid #E2DCDC;
    margin-bottom:5px;
}
ul.mmBorderBottom li {
    line-height:1;
}

.statusBox {
    height:50px;
    /*border-style:solid;*/
    /*border-width:3px 3px 0px 3px;*/
    /*border-color: #305D82;*/
    /*margin-top:-23px;*/
    width:430px;
    font-size:0.75em;
    /*position:absolute;*/
    /*left:530px;*/
    /*top:20px*/
    /*padding:3px;*/
    /*background: #F1F8F8;       */
}
.taskOption {
    min-width: 54px;
    width: 54px;height:18px;
    text-align:center;
    float: left;
    /*border: 1px solid white;*/
}
.taskOption_new {
    min-width: 14px;
    width: 14px;
}
/*for enforcing min width in ie6*/
* html .minwidth {border-left:52px solid #fff; position:relative; float:left; z-index:1;}
* html .mwContainer {margin-left:-52px; position:relative; float:left; z-index:2; text-align:right;}

.textMsg {
    color:green;
}
.marginTop_5 {
    margin-top: 5px;
}
.avatarBox {
    /*border:1px solid #AFAFAF;*/
    padding:2px;text-align:center;vertical-align:top;
    width:102px;
    height:102px;

}
#task.ui-tabs-panel, #goal.ui-tabs-panel, #doc.ui-tabs-panel {
    padding-left:0;
    padding-right:0;
}
#task .contextHeader, #goal .contextHeader {
    margin-left:15px;
}

/*sprite*/
ul.taskOpt li { float:right; }
.moveToTop, .trash, .hide, .edit, .reorder {
    background: url("../images/sprite/sprite.png") no-repeat top left;    
}
.moveToTop, .trash, .hide, .edit, .reorder {
    width:16px;height:16px;
    display: inline-block;
    cursor: hand;
	cursor: pointer;
}
.moveToTop {background-position: 0 -444px; } 
.trash {background-position: 0 -470px; } 
.hide {background-position: 0 -126px; }
.edit {background-position: 0 -70px; }
.reorder {background-position: 0 -388px; cursor: move !important; }
/*end sprite*/

.space {
    padding:0 2px 0 0;
    line-height: 0.1;
}
#tasksUpdater, #goalsUpdater, #docContainer, #linkContainer {
    left:-25px;position:relative;
}
#doneDiv {
    font-weight: bold;
    margin-right:0;
    text-align: center;
    font-size: 0.85em;
}
.editTextLink {
    font-weight: normal;
    font-size: 10pt;
    margin-left:10px;
}
.tgPadding {
    margin-left:40px;
    padding-top: 10px;
}
h4 {
    /*background: #97A5B0;*/
    /*color: #fff;*/
    font-size:11pt;
    font-weight:bold;
    padding: 3px 0px 1px;
    margin: 15px 0 5px 0;
    border-bottom: 1px solid #AFAFAF;
}
.docTGTitle {
    color: gray;
    text-align: right;
    /*width: 40px;*/
}
#topRightNav span {
    float:right;
    margin-right:4px;
    font-size: 9pt;
}
.taskActivityContainer { background-color: #FFFEA1;font-weight: bold; font-size: 0.75em; }
.newTaskAsterisk { color: red; font-size: 2em;margin: 4px 0 0 10px;line-height:1; }
.roundHeader { text-align:center;background: #C8C866}
.textUnwrap_180 { width:180px;overflow-x:hidden;float:left; }
/*multiUserInputControl css*/
ul.holder { margin: 0 0 10px 0; overflow: hidden; height: auto !important; border: 1px solid #97A5B0; width: 425px; background-color:white; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li, ul.formList ul.holder li { float: left; list-style-type: none; margin: 3px 2px; clear:none; }
ul.holder li.bit-box, ul.holder li.bit-input input {
    font-size: 11px; 
/*font: 11px "Lucida Grande", "Verdana";*/
}
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; margin: 3px 2px}
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 100%; margin: 0; border: 0; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }
ul.holder li.bit-input { width:100%;margin-bottom:0;}

ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: relative; right: 4px; top: 5px; display: inline; width: 7px; height: 7px; font-size: 1px; }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }
.closebutton {
    padding:0 10px 0 0;
    background-position:5px 4px;
    background-repeat:no-repeat;
    margin:0 0 0 0;
    background-color:transparent;
}
.closebutton_box {
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8;
    padding: 0px 7px;
    background-position:6px 4px;
    background-repeat:no-repeat;
    margin:0 0 0 0;
    margin:0 5px;
}
ul.holder li.bit-box a.closebutton, .closebutton, .closebutton_box { background-image: url('../images/close.gif'); }
/*end multiUserInputControl css*/
.downArrow {
    padding: 0px 3px;
    background-position:1px 2px;
    background-repeat:no-repeat;
    margin:0 0 0 0;
    background-image: url('../images/tree/menu/collapseon.gif');
    margin:0 5px;
}
.addDocBox {
    margin:0px 0;padding:10px 0;border-bottom:1px solid #97a5b0;
}
.mmLt {
    text-align: left;
}
/*connection related*/
.connectionContainer {
    margin-top:10px;background:#B9C2CA;
    padding-bottom:5px;
}
.conName {
    line-height:1.2;font-weight:bold;
}
.conInfoBox {
    padding-bottom:5px;
}
.conWywoBox {
    border-top:#B9C2CA dotted 1px;
    padding-top:5px;
}
.connectionBox {
    /*height:110px;*/
    background: white;
}
.inviteeBox {
    background: white;
}
.connectionProfile {
    background:#B9C2CA;
    margin: 0 5px;
    padding:5px 0 0 0;
}

.connectionProfile ul {
    margin-left:10px;
    margin-bottom: 0;
}
.connectionProfile ul li {
    padding-bottom:8px;
}
#purchaseLicenseDiv ul.formList li div {
    width: 200px;
}
/*action menu*/
.actionMenu {
    background-color:#F1F8F8;
    font-weight: bold;
    font-size: 10pt;
    border-bottom: 1px solid #B9C2CA;
    margin: 0;
}
.actionMenu li {
    color: #006699;
    /* cursor below required for ie6*/
    cursor: hand;
	cursor: pointer;
    padding: 10px 10px;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #B9C2CA;
    /*border: 1px solid #B9C2CA;*/
}
.actionMenu li.selected {
    background-color: white;
    border-width:1px 1px 0px 0px;
    cursor: default;
}
.actionMenu li.greyOut {
    cursor: default;
    color: gray;
}
.moduleColumnTop {
    border-left: 1px solid #B9C2CA;
    height: 15px;
    margin-top: 5px;
}
.moduleColumnBottom {
    border-left: 1px solid #B9C2CA;
    /*height: 15px;*/
    overflow: hidden;
}
.actionHeader {
    background-color: white;
    padding: 5px 5px 5px 0;
}
.inputLarge {
    width:530px;font-size:2em;
}
#webmailList {
    text-align: left;
}
#webmailList li {
    display:inline;
    vertical-align: middle;
    padding: 0 5px;
}
#webmailList li img:hover {
    cursor: hand;
    cursor: pointer;
}
.skip {
    line-height:0.7;font-size:8.5pt;
    text-align:right;
    /*position: relative; top: -20px;*/
}
.wdwwCpn {
    color: #0D768E;
    margin-bottom:10px;
    font-size:18px;
}
h3.wdwwCpn { font-weight: bold; }
.mmInfoWithText p {
    margin-top: 5px;
}
.inviteContainer {
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
  background: #FFFFCC;border: 1px solid gray;
}
.module_v2, .module_v3 {
    border:1px solid #97A5B0;
    /*background-color:white;*/
    padding: 5px;
    margin: 10px 10px 5px 0;
}
.module_v2 {background-color:#E7EFF6; }
.module_v3 {border-color:#E1E1E1; }
/*.module_v3 .moduleHeaderMM { background-color:#E7EFF6; padding: 0 5px; } */
#mailLogoDiv img {
    padding-bottom: 5px;
}
#addRealmConnForm ul li {
    margin-top:20px;
}
#addRealmConnForm ul li input {
    margin:0 5px;
}
.roundText {
    background: #305D82;
     color: white;
}
.bOptions {
    padding: 0 8px;
    text-align:center;
    width: 80px;
}
#gAppsImportTable td {
    padding: 3px;
}
.groupFilterBar {
    margin-left:54px;
    background-color:#A6C9E2;
    text-align:center;
    width:585px;
}
.newComment_myTasks {
    color:red;
    /*font-weight:bold;font-size:1.50em;*/
}
.qs_label { display: inline; }
.searchDiv { margin: 0 0 10px; }
.SI-FILES-STYLIZED label.cabinet
{
	width: 79px;
	height: 22px;
	background: url("../images/btn-choose-file.gif") 0 0 no-repeat;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.sampleGoalTxt { font-weight:bold;text-align:center;margin-bottom:10px; }
#connContainer_pending table { width: 100%; }
.colorBlock { width:30px;height:30px;background-color:#ECEFF5; }
.list_5px li { margin: 5px 0; }
.linkedinC {
    background: url('../images/logo/linkedin_in.png') no-repeat right top;
    padding: 0 20px 0 0;
}
.selectedAdBook {
    background-color: #FFFFCC;
    border:1px solid gray;
    padding: 2px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.miniImportList_exp img { padding: 0 6px; }

#myCompanyTab div, #importConnTab div, #myConnTab div { margin: 3px 0; }
#topProfilePhoto, .profilePhoto, .bUserImg { margin: 2px 3px 0 2px; }
.profilePhoto { width:35px; height:35px; }
#topProfilePhoto, .bUserImg { width:50px; height:50px; }