p {
    margin-bottom: 5px;
}
h2, h3 {
    margin-bottom: 5px;
}
ul {
    margin-bottom: 5px;
}
li {
    padding-left: 0px;
    margin-left: 0px;
}
ol li {
    margin-left: 20px;
}
table {
    margin-bottom: 0;
    vertical-align:top;
}
table tr td {
    vertical-align: top;
}
input, textarea {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
textarea { font-size: 12px; resize: none; }
a, a:visited, a:hover, a:link, a:active { text-decoration: none; }
/*
span.mmChecked{
    background-image:url("../images/bullet_checked.gif");
    background-repeat:no-repeat;
    padding-left:30px;
}
span.mmUnChecked{
    background-image:url("../images/bullet.gif");
    background-repeat:no-repeat;
    padding-left:30px;
}
*/
.mmBulletinComon:hover{
    background-color:#FCFCFC;
}
li.mmBullAttention{
    background-color: #c5f0c5;
}
/*new bulletin*/
.mmBulletinComon{
    margin: 10px 0 0;border-bottom:1px solid #F7F2F2;
}
.mmB_div { margin-bottom:5px; }
.mmB_pic { width:60px; float:left; }
.mmB_con { width:649px; float:left; }
.mmB_gRow { width:500px; float:left; }
.mmB_size14 { font-size:14px;color:gray; }
.mmB_mRow { line-height:1.2; }
.mmBulletinDateComon{
    margin:0 0 0 0;
    padding:0 0 10px 0;
    font-size:10px;
    font-weight:bold;
    color:gray;
}
.mmBulletinDateComon div{
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#E3E4E6;
}
.mmBulletinPadding {
    padding:0 0 0 22px;
    margin:0 0 0 0;    
}
.mmImageCommon, .mmImageCommon_inline, .mmImageCommon_20, .mmImg, .mmImg2, .mmImg20, .mmImgS
{
    padding:0 0 3px 22px;
    background-position:top left;
    background-repeat:no-repeat;
    display:block;
    margin:0 0 0 0;
    background-color:transparent;
}
.mmImageCommon_20, .mmImg20 {
    padding:0 0 0 30px;
}
.mmImageCommon_inline, .mmImg2 { display:inline; }
.mmImgS { float:left; padding: 0 0 22px 22px; height: 1px; }

/*sprite 16*/
.mmWecome,.mmGoalAchieved,.mmTick,.mmCheck,.mmGoalReachedTD,.mmGoalCreated,.mmGoalModified,.mmGoalMemberAdded,.mmGoalMemberInvited,.mmGoalMemberLeft,.mmConnectionAdded,.mmUserEdit,.mmFind,.mmCollab,.mmEmailToTask,.mmTaskClosed,.mmTaskReopened,.mmTask2Goal,.mmTaskRemovedFromGoal,.mmTaskCommented,.mmUserStatus,.mmUserWorking,.mmMilestoneCreated,.mmMilestoneModified,.mmMilestoneTasks,.mmMilestoneReachedTD,.mmBuddy,.mmShareConnection,.mmLink,.mmEventCreated,.mmEvent,.mmEventConfirmed,.mmEventCommented,.mmGIcon,.mmTaskPriorityDown,.mmTaskPriorityUp,.mmTaskDDChanged,.mmTaskReassigned,.mmTaskCreated,.mmTaskModified,.mmTaskGeneral,.mmTaskShare,.mmGeneralInfo,.mmIconUserBlue,.mmIcontask,.mmIconhome,.mmIcongoal,.mmIconmembers,.mmIconInfo,.mmIconPadlock,.mmListConn,.mmYes,.mmNo,.mmClose,.mmIconLink,.mmIconMax,.mmIconMin {
    background: url("../images/sprite16/sprite16.png") no-repeat top left;
}
.mmWecome {background-position: 0 -935px; } 
.mmGoalAchieved {background-position: 0 -389px;}
.mmTick {background-position: 0 -753px; } 
.mmCheck {background-position: 0 -156px;}
.mmGoalReachedTD { background-position: 0 -363px;}
.mmGoalCreated { background-position: 0 -363px;}
.mmGoalModified { background-position: 0 -363px;  }
.mmGoalMemberAdded,.mmGoalMemberInvited { background-position: 0 -363px;}
.mmGoalMemberLeft { background-position: 0 -363px;}
.mmConnectionAdded { background-position: 0 -649px;}
.mmUserEdit { background-position: 0 -909px; } 
.mmFind { background-position: 0 -727px; } 
.mmCollab { background-position: 0 -649px;}
.mmEmailToTask { background-position: 0 -259px; } 
.mmTaskClosed { background-position: 0 -389px;}
.mmTaskReopened { background-position: 0 -130px;}
.mmTask2Goal { background-position: 0 -130px;}
.mmTaskRemovedFromGoal { background-position: 0 -130px;}
.mmTaskCommented { background-position: 0 -597px;}
.mmUserStatus { background-position: 0 -441px; }
.mmUserWorking { background-position: 0 -441px; }
.mmMilestoneCreated { background-position: 0 -467px;}
.mmMilestoneModified { background-position: 0 -467px;}
.mmMilestoneTasks { background-position: 0 -467px;}
.mmMilestoneReachedTD { background-position: 0 -493px; } 
.mmBuddy { background-position: 0 -519px; } 
.mmShareConnection { background-position: 0 -649px; }
.mmLink { background-position: 0 -675px; }
.mmEventCreated { background-position: 0 -311px; } 
.mmEvent { background-position: 0 -285px; }
.mmEventConfirmed { background-position: 0 -285px; } 
.mmEventCommented { background-position: 0 -597px;}
.mmGIcon { background-position: 0 0; }
.mmTaskPriorityDown { background-position: 0 -571px; }
.mmTaskPriorityUp { background-position: 0 -545px; }
.mmTaskDDChanged { background-position: 0 -623px; }
.mmTaskReassigned { background-position: 0 -701px; }
.mmTaskCreated { background-position: 0 -130px; }
.mmTaskModified { background-position: 0 -831px; }
.mmTaskGeneral { background-position: 0 -130px; }
.mmTaskShare { background-position: 0 -805px; }
.mmGeneralInfo { background-position: 0 -52px; }

.mmIconMax
{
    background-position: 0 -78px;
    padding:1px 15px 0 0;
    margin:0 5px 0 15px;
    position: absolute;
    right: 10px;
}

.mmIconMin
{
    background-position: 0 -104px;
    padding:1px 15px 0 0;
    margin:0 5px 0 15px;
    position: absolute;
    right: 10px;
}

.mmIcon, .mmIconUserBlue, .mmIcontask, .mmIconhome, .mmIcongoal, .mmIconmembers, .mmIconInfo, .mmIconPadlock, .mmListConn, .mmYes, .mmNo, .mmClose, .mmIconLink, .mmSuggest, .mmSuggestOff {
    padding:2px 15px 0 0;
    margin:0 5px 0 5px;
    background-position:0 2pxm;
    background-repeat:no-repeat;
}
.mmIconUserBlue { background-position: 0 -883px; } 
.mmIcontask { background-position: 0 -130px; }
.mmIconhome { background-position: 0 -857px; } 
.mmIcongoal { background-position: 0 -363px; }
.mmIconmembers { background-position: 0 -649px; }
.mmIconInfo { background-position: 0 -415px; }
.mmIconPadlock { background-position: 0 -779px; } 
.mmListConn { background-position: 0 -26px; }
.mmYes { background-position: 0 -233px; } 
.mmNo { background-position: 0 -207px; } 
.mmClose { background-position: 0 -182px; } 
.mmIconLink { background-position: 0 -675px; }

.taskComments{
    background-position: 0 -597px;
    padding:5px 10px 2px 5px;
    font-size:0.75em;

}
.taskComplete{
    background-position: 0 -389px;
    padding:5px 10px 2px 5px;
    font-size:0.75em;
}
/*end sprite16 usage*/

/*sprite others*/
.mmRecognized, .mmSuggest, .mmSuggestOff, .mmShowComment, .mmHideComment, .mmPlus, .mmMinus, .mmPlus2, .mmMinus2, .mmTick_20, .mmFind_20, .mmGoal_20, .mmCollab_20, .mmEmailToTask_20, .mmLink_20, .mmEvent_20, .mmTime_20 {
    background: url("../images/sprite/sprite.png") no-repeat top left;
}
.mmRecognized {background-position: 0 -360px; } 
.mmSuggest { background-position: 0 0; }
.mmSuggestOff { background-position: 0 -152px; } 

.mmShowComment, .mmQ, .mmPlus { background-position: 0 -49px; }
.mmPlus2 { background-position: 0 -46px; }
.mmHideComment, .mmMinus { background-position: 0 -28px; }
.mmMinus2 { background-position: 0 -25px; }
.mmShowComment, .mmHideComment, .mmPlus, .mmMinus, .mmPlus2, .mmMinus2 {
    padding:0 8px 0 0;
    margin:0 0 -1px 0;
}
.mmQ, .mmQQ {
    padding:0 15px 0 0;
    background: url("../images/mmQ.png") no-repeat top left;
    height:15px;
}
.mmQ {
    cursor: hand;
	cursor: pointer;
    position: absolute;
    z-index:9;
}
.mmTick_20 {background-position: 0 -300px; } 
.mmFind_20 { background-position: 0 -210px; } 
.mmGoal_20 { background-position: 0 -240px; } 
.mmCollab_20 { background-position: 0 -330px; } 
.mmEmailToTask_20 { background-position: 0 -180px; } 
.mmLink_20 { background-position: 0 -270px; } 
.mmEvent_20 { background-position: 0 -96px; } 
.mmTime_20 { background-position: 0 -414px; } 
/*end sprite*/

/*.mmInfoWithText { background-position: 0 -415px; }*/
/*.mmErrorWithText { background-position: 0 -337px; }*/
.message, .message_small, .hint-with-pointer, .mmInfoWithText {
    background: url("../images/skin/information.png") no-repeat top left;
}
.mmErrorWithText, .errors, div.errorList li {
    background: url("../images/skin/exclamation.png") no-repeat top left;
}
.addCmtBtn {
    background: url("../images/comment_bttn2.png") no-repeat top left;
    cursor:pointer;
    width:81px;
    height:18px;
    border: none;
}
.successMsg {
    color: Green;
    text-align: center;
}
.errorMsg {
    color: Red;
    text-align: center;
    font-weight: bold;
}
.message, .message_small {
    background-color: #FFF9DD;
    background-position: 8px 4px;
    border: 1px solid #b2d1ff;
    color: Green;
    margin: 5px 0px 5px 0;
    padding: 5px 15px 5px 30px;
    font-weight: bold;
    font-size:0.9em;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.message_small {
    background-position: 8px 5px;
    font-size: 0.8em;
}
.errors {
    background-color: #FFF9DD;
    background-position: 8px 4px;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px;
    padding: 5px 15px 5px 30px;
    font-weight: bold;
    font-size:0.9em;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
div.errorList {
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 20px 5px 0;
    padding: 5px;
}
div.errorList ul {
    list-style: none;
    padding: 0;
}
div.errorList li {
	background-position: 8px 0px;
    line-height: 16px;
    padding-left: 30px;
    font-weight: bold;
    margin-left: 10px;
}
/* The hint to Hide and Show */
.hint-with-pointer, .hint-with-pointer-no-icon {
    z-index:1000;
    font:normal 11px/14px verdana;
    /*display: none;*/
    position: absolute;
    right: -220px;
    width: 220px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px 10px 35px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    /*background:#ffc url("../images/skin/information.png") no-repeat 12px 10px;*/
}
.hint-with-pointer {
    padding: 10px 12px 10px 35px;
    background-color:#ffc;
    background-position: 12px 10px;
}
.hint-with-pointer-no-icon {
    padding: 10px 12px 10px 12px;
    background:#ffc url("../images/spacer.gif") no-repeat top left;
}

/* The pointer image is hadded by using another span */
.hint-pointer-up {
    position: absolute;
    left: 10px;
    top: -10px;
    width: 19px;
    height: 10px;
    background: url("../images/pointer-up.gif") left top no-repeat;
}

/* The pointer image is hadded by using another span */
.hint-pointer-down {
    position: absolute;
    left: 10px;
    bottom: -10px;
    width: 19px;
    height: 10px;
    background: url("../images/pointer-down.gif") left bottom no-repeat;
}

/* The pointer image is hadded by using another span */
.hint-pointer-left {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url("../images/pointer-left.gif") left top no-repeat;
}
.mmRemove {
    padding:2px 12px 0 0;
    margin:0;
    background-position:0 2px;
    background-repeat:no-repeat;
    background-image:url("../images/deleteX.png");
}
.mmCommentsSection {
    margin-top:10px;
}

.mmCommentsSection ul {
    list-style-type:none;
    margin-bottom: 5px;
}
.mmCommentHeader {
     background-color:beige;
     font-size:1em
}
.mmGoalDetailsSection {
    margin-left: 20px;
}
.mmGoalDetailsSection ul li {
    padding:0px 5px 5px 5px   
}
.mmBolded
{
    font-weight:bold;
}

small{
    font-size:10px;
    padding-left:10px;
}
.mmsmall{
    font-size:10px;
    margin-right:10px;
}
.mmsmall_nm, .mmsmall_wlh{
    font-size:10px;
}
.mmsmall_wlh {
    line-height:1.3;
}
.mm-hidden, .mm-h, .h_b, .hComment{
    display:none;
}
.mm-hi{
    display:none !important;
}
.mmBlue { color: rgb(11, 83, 148); }
.cAlign {text-align:center;}
.mmDragCaption {
    font-size:8pt;
    font-weight:normal;
}
.mmCloseX {
    color:gray;
    font-weight:bold;
    padding: 0 5px;
}
#top5Module .mmIcontask, #top5Module .mmIcongoal {
    padding-top: 3px;
}
.mmSpanLink, .mm_lk {
    color: #006699;
    /* cursor below required for ie6*/
    cursor: hand;
	cursor: pointer;
}
.mmLinkCursor {
    cursor: hand;
	cursor: pointer;
}
.mmGray, .mmGrayLink, .mmGrayLink a, .mmGrayLink a:visited {
    color: gray;
}
.mmSpanLink:hover, , .mm_lk:hover, .mmGrayLink:hover, .mmGrayLink a:hover {
    text-decoration: underline;
    cursor: hand;
	cursor: pointer;
}
.mmImgLink, .mmShowComment, .mmHideComment, .mmPlus, .mmMinus {
    /* cursor below required for ie6*/
    cursor: hand;
	cursor: pointer;
}
.mmImgLink:hover, .mmShowComment:hover, .mmHideComment:hover,.mmPlus:hover, .mmMinus:hover  {
    cursor: hand;
	cursor: pointer;
}
.gray{
    color:gray;
    margin-right:5px;
}
.grayTd{
    color:gray;
    padding-right:5px;
}
.mmPadded{
    padding:5px 10px 5px 10px;
}
/*
FORM
*/

.labelHighlight{
    color:gray;
    /*font-style:italic;*/
}
fieldset {
	border:0;
	padding:0 0 5px 0;
	margin:10px;
	position:relative;
}
label {
	display:block;
	/*font:normal 12px/17px verdana;*/
}
/*
div.hint, span.hint {
	font:normal 11px/14px verdana;
	background:#eee url("../images/bg-span-hint-gray.gif") no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 15px 40px;
	width:250px;
	position:absolute;
	margin: -12px 0 0 14px;
	display:none;
}
fieldset.welldone span.hint {
	background:#9fd680 url("../images/bg-span-hint-welldone.jpg") no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
fieldset.kindagood span.hint {
	background:#ffffcc url("../images/bg-span-hint-kindagood.jpg") no-repeat top left;
	border-color:#cc9933;
}
fieldset.welldone {
	background:transparent url("../images/bg-fieldset-welldone.gif") no-repeat 225px 10px;
}
fieldset.kindagood {
	background:transparent url("../images/bg-fieldset-kindagood.gif") no-repeat 225px 10px;
}
*/

.roundCornerModule {
    margin-top: 10px;
}
.mmCheckbox, .mm_cb_top {
    width: 15px;
    vertical-align: top;
}
.mmCheckbox_mid, .mm_cb {
    width: 15px;
    vertical-align: middle;
    margin-left:0;margin-top:0;
}
.required {
    color: gray;
}
/* used for hiding select boxes on ie6 when dialog opens. not used for now */
.TB_HideSelect{
	z-index:999;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
/** html .TB_HideSelect { *//* ie6 hack *//*
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}*/
/* rounding edges*/

<!--
/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside";
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left_wh, .top-right_wh, .bottom-left_wh, .bottom-right_wh {
	background-image: url('../images/mmcorners_wh.png'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url('../images/mmcorners2.png'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left, .top-left_wh, .bottom-left_wh {
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right, .top-right_wh, .bottom-right_wh {
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right, .top-right_wh {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left, .bottom-left_wh  {
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right, .bottom-right_wh {
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}

.top-left_sm, .top-right_sm, .bottom-left_sm, .bottom-right_sm {
	background-image: url('../images/mmcorners2.png'); /* CHANGE: path and name of your image */
	height: 6px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left_sm, .bottom-left_sm {
	margin-right: 6px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right_sm, .bottom-right_sm {
	margin-left: 6px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -6px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right_sm {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left_sm  {
	background-position: 0 -6px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right_sm {
	background-position: 100% -6px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {                                                          
	border-left: 1px solid #97a5b0; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #97a5b0;/* YCC: color & properties of the right-borderline */
	background: #F1F8F8;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	}
.inside_wh {
	border-left: 1px solid #B9C2CA; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #B9C2CA;/* YCC: color & properties of the right-borderline */
	background: #FFF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	}
.inside_sm {
    /*background: #C4E786; green */
    background: #E3DAFE;
    border-left: 1px solid #97a5b0;
    border-right: 1px solid #97a5b0;
    color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;
}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */
.regularModule {
    /*border-bottom: 1px solid #97A5B0;*/
    background-color: #F1F8F8;
}
.regularModule .inside {
    padding: 25px 5px 5px;
}
/*google docs icon*/
.gDoc_document, .mmGoogleDoc, .gDoc_spreadsheet, .mmGoogleSpread, .gDoc_form, .gDoc_presentation, .mmGooglePre, .gDoc_main, .gDoc_main_20, .gDoc_pdf {
    background: url("../images/gdocs/gdocs_sprite.png") no-repeat top left;        
}
.gDoc_document, .mmGoogleDoc, .gDoc_pdf {background-position: 0 0;}
.gDoc_spreadsheet, .mmGoogleSpread {background-position: 0 -78px;}
.gDoc_form {background-position: 0 -26px;}
.gDoc_presentation, .mmGooglePre {background-position: 0 -52px;}
.gDoc_main {background-position: 0 -104px;}
.gDoc_main_20 {background-position: 0 -130px;}

.aRight {
    text-align: right;
}
.aCenter {
    text-align: center;
}
.aLeft {
    text-align: left;
}
.strike, a.strike {
    text-decoration:line-through;
}
.loginBtn, .signupBtn {
    cursor:pointer;
    height:22px;
    border: none;
}
.loginBtn {
    /*background: #fff url("../images/loginButton.png") no-repeat top left; width:70px;*/
    /*background: #fff url("../images/loginButton2.png") no-repeat 0 -2px; width:70px;*/
    background: #fff url("../images/loginButton3.png") no-repeat 0 -1px; width:70px;
}
.signupBtn {
    background: #fff url("../images/signupButton2.png") no-repeat top left; width:85px;
}
#ajaxPreloader { position:absolute;display:none;top:40px;left:470px;z-index:10000; }
.logoHover {
    background: url("../images/home.png") no-repeat right 6px;
    padding-right: 30px;
}