/********* TEXT WEIGHTS AND DECORATIONS ************/

#myFolders DIV,#sortCol A,.listTbl #colNotes,.listTbl #colContentType,#invalidTag, #tagMax, #colCat, #colTitle DIV, #colResults DIV, #colDate DIV, #noSelectError SPAN {
	font-weight: normal; 
}

#noSelectError,#navpanel .selected, #myFolders .selected, .leftNavMenu DIV.selected, .editFolderLeftNav DIV.selected, SPAN.raise,.panelTitle, #myFolders DIV.pnodeSel, .leftNavMenu DIV.pnodeSel, .editFolderLeftNav DIV.pnodeSel,TD.dateLabel DIV ,.menu DIV.selected, .menuSub DIV.selected,.menu DIV.pnodeSel, .menuSub DIV.pnodeSel,.pagingStrip, .searchResultsHead {
    font-weight: bold;
}

A.query:hover,#savedResults A:hover,#savedResults DIV.hover A, #myTags DIV.hover A,#myFoldersEditLinks A:hover,#myFolders DIV.hover,.lfBody A:hover,BUTTON.myFolderMenuBtn, #addContent, .linkMenu A:hover, .linkMenu DIV.hover A {
	text-decoration: underline;
}

#sortCol A,#myFolders DIV,.lfBody A,#myFolders DIV,A.query,#savedResults A,#myFoldersEditLinks A, #myTags SPAN, #taglist A, .linkMenu A {
    text-decoration: none;
}

/********* TEXT COLORS ************/

#noSelectError,.panelTitle,TD.dateLabel DIV,SPAN.pagingStrip,#taglist A, .searchResultsHead {
	color: #C00;  
}
#noSelectError SPAN,#sortCol A, .abs, #invalidTag SPAN, #tagMax SPAN{
	color: #000;
}
#tip, #tip DIV, #tip DIV.T15,.leftnav,#savedResults SPAN,#myFolders DIV SPAN,.lfBody SPAN,.leftNavMenu SPAN, #subChildNav SPAN {
	color: #666; 
}

#navpanel .selected, #myFolders .selected, .leftNavMenu DIV.selected, .editFolderLeftNav DIV.selected,#savedResults DIV.selected SPAN, #myFolders DIV.pnodeSel, .leftNavMenu DIV.pnodeSel, .editFolderLeftNav DIV.pnodeSel,#myFolders DIV.pnodeSel SPAN, #myFolders DIV.selected SPAN, .leftNavMenu DIV.selected SPAN, .leftNavMenu DIV.pnodeSel SPAN, .leftNavMenu DIV.pnodeSel FONT, .leftNavMenu DIV.selected FONT,.menu DIV.selected, .menuSub DIV.selected,.menu DIV.pnodeSel, .menuSub DIV.pnodeSel,#stripe15 SPAN{
	color: #fff;
}
#myFoldersEditLinks,.pagingPrevNext,#myFolders DIV,#myTags SPAN {
	color: #03C;
}

#myFolders DIV, .leftNavMenu DIV, .editFolderLeftNav DIV,BUTTON.myFolderMenuBtn, #savedResults A, #savedResults DIV, #savedResults DIV A, .lfBody A, .lfBody DIV{
    color: #33C; 
}
#storagebar,DIV.ol SPAN.metertext {
	color: #888;
}
#tabs DIV.disabled {
	color: #B7B7B7;

}
.menu .pnodeDisable, .menu .pnodeSelDisable, .menuSub .pnodeDisable, .menuSub .pnodeSelDisable,.menu .disable, .menuSub .disable  {
	color: #999;
}
.rurl, .green {
	color: #080;
}
/********* REST OF SCRAPBOOK ************/
#subChildNav {padding: 0 0 4px 0;} 
#subChildNav TD {padding: 2px 25px 2px 0;} 
#subChildNav DIV {padding: 2px 0} 
.searchResultsHead {
	padding: 15px 6px;
	border-bottom:1px solid #B7B7B7;
}
.gridTbl {margin: 10px 0 10px 0;}
.gridCol, .gridColLt, .gridColRt {vertical-align: top;}
.gridColLt, .gridCol {padding-right: 30px;}
.boxHead TD {border-bottom: 1px solid #B7B7B7;height: 18px;background-color: #F5F5F5;}
.boxHead .edit {padding: 0 4px;}
.boxBody TD {padding: 10px 10px;vertical-align: middle;height: 200px;}
.boxFoot .rdata {padding-top: 4px;}
.boxFoot TD {padding: 0 10px 4px 10px;}
.btmSpacer .gridColLt, .btmSpacer .gridColRt, .btmSpacer .gridCol {padding-bottom: 25px;}
.img_info {position:absolute;z-index:20;background-color:#FFC;border:1px solid #000;padding:8px;width:280px;}

#myTags {
	padding-top: 4px;
}

#myTags SPAN {
	padding: 4px 6px 4px 0;
	cursor: pointer;
}
#navCol {
	vertical-align: top;
	padding-right: 10px;
}
#content {
	vertical-align: top;
	width: 100%;
}
#contentHeader {
	width: 100%;
}
#contentHeader TD {
	padding-bottom: 6px;
	vertical-align: top;
}
.notes {
	padding-top: 0;
	padding-bottom: 2px;
}
#notify.hide {
	display: none;
	visibility: hidden;
}
DIV.error, DIV.confirm {
	position:relative;
	left:0;
	top:0;
}
#notifyTbl {
	display:none;
	visibility: hidden;
	position:relative;
	left: -1;
}
#notifyTbl.show {
	display: block;
	visibility: visible;
}

#invalidTag, #tagMax{padding: 4px 0 4px 25px;}

#noSelectError {
    background-color: #FF6;
    background-image: url(/mjsp/img/mj1/en_US/error.gif);
    background-repeat: no-repeat;
    background-position: left top;
	padding-left: 26px;	
	padding: 4px 0 4px 26px;
	margin-bottom: 4px;
	position:relative;
	left:0;
	top:0;
	display:none;
	visibility: hidden;
}
#noSelectError.show {
	display: block;
	visibility: visible;
}
.divider {
	margin:2px 10px 5px 10px;
}
.hori {
	margin: 15px 10px 0 5px;
}

/** tip elements **/
#tip {
	margin: 20px 5px 0 5px;
}
#tip DIV.T15 {
	margin-bottom: 10px;
}

/** feedback element **/
#feedback {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

/** navigational panel **/
#navpanel, #pagepanel {
	height:auto;
	background-color:#fff;
}
#navpanel {
	padding-bottom: 5px;
}
#savedResults {
	border-top: 1px solid #B7B7B7;
}
#navpanel #savedResults DIV {
	padding:5px 0 5px 12px;
}
#navpanel .selected, #myFolders .selected, .leftNavMenu DIV.selected, .editFolderLeftNav DIV.selected {
	background-color: #C00;
	cursor: pointer;
}
SPAN.raise {
	vertical-align: super;
}
.hover {
	background-color: #CCC;
    	cursor: hand;
}
html>body .hover {
	cursor: pointer;
}
.leftnav {
    margin: 10px 5px 0 5px;
}
.panelTitle {
    padding:7px 5px 5px 7px;
}
.panelTitle, #manage {
    background-color: #EAEAEA;
}
.lfTags {
	margin-top: 10px;
}
#myFoldersTbl, #tagspanel {
	margin-top: 10px;
}
#pagepanel #manage {
	padding:5px 0 5px 5px;
}
#pagepanel SPAN.panelTitle {
    padding: 0;
}
#myFolders {
	margin-bottom: 5px;
	border-top: 1px solid #B7B7B7;
}
#myFolders DIV {
	padding:5px 16px 5px 12px;

}
.lfBody DIV {
	padding:5px 0 5px 12px;
}
.lfBody {
	padding-bottom: 5px;
	border-top: 1px solid #B7B7B7;
}
.editFolderLeftNav DIV SPAN {
	visibility: hidden;
}
.pnode {
    background-image: url(/mjsp/img/mj1/en_US/rt_arrowBlue.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
.pnodeSel {
	background-image: url(/mjsp/img/mj1/en_US/rt_arrowOn.gif);
    background-repeat: no-repeat;
    background-position: right center;
	background-color: #C00;
	cursor: pointer;
}
.leftNavMenu, .editFolderLeftNav {
	border: 1px solid #B7B7B7;
	border-right-color: #666;
	border-bottom-color: #666;
	background-color:#fff;
	position: absolute;
	top:0;
	left:0;
	visibility: hidden;
	white-space: nowrap;
}
.leftNavMenu DIV, .editFolderLeftNav DIV {
	padding:5px 16px 5px 10px;
	white-space: nowrap;
}
.selectMenu {
    background-image: url(/mjsp/img/mj1/en_US/down_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
#addContent {
    padding-right: 18px;
	padding-left: 10px;
    background-image: url(/mjsp/img/mj1/en_US/rt_arrowBlue.gif);
	position: relative;
	top: 4;
}
html>body #addContent {
	top: 2;
}
#foldersLink {
	border-left: 1px solid #B7B7B7;
	border-top: 1px solid #B7B7B7;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0 4px 0 0;
}
html>body #foldersLink {
	padding-left: 1px;
}

/** storagebar **/
#storagebar {
	position:relative;
	padding: 5px 0 15px 0;
}
#storagebar DIV.ol {
	margin-top: 4px;
	margin-bottom: 2px;
	padding:0;
	position:relative;
}
DIV.ol SPAN.meter {
	position:absolute;
	background-color:#FFC;
}
html>body DIV.ol SPAN.meter {
	height: 13px;
}
DIV.ol SPAN.metertext {
	position:relative;
	z-index: 2;
	text-align:center;
	width:100%;
}
html>body DIV.ol SPAN.metertext {
	width: auto;
	display: block;
}

/** tab elements **/
#tabs DIV {
	float:left;
	margin-right: 2px;
	border-top: 1px solid #B7B7B7;
	border-left: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;		
	padding: 4px 0;
}
#tabs DIV.disabled {
	padding: 4px 10px;
	color: #B7B7B7;
}
#tabs SPAN {
	margin: 0;
	padding: 0;
	background-color: #F5F5F5;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 0;
	border-bottom: 0;

}
#tabs SPAN A {
	background-color: #F5F5F5;
	padding-bottom: 4px;
	padding-left:9px;
	padding-right:10px;
	padding-top: 3px; 
}
.baseBlock {
	border-top: 1px solid #B7B7B7;
	border-bottom: 10px solid #EAEAEA;
	margin-bottom: 10px;
}
/** move to front to block the horizontal white border of the control bar **/
#tabs DIV SPAN.selected {
	background-color: #EAEAEA;
	padding-top: 3px;
	padding-left:9px;
    padding-bottom: 6px;
    padding-right: 10px;
    position: relative;
	z-index: 2;
}
#tabs DIV SPAN A:hover {
	background-color: #CCC;
}

/** list contents **/

#list {
	width: auto;
	height:auto;
	margin-bottom: 15px;
}
#listtopBtns, #listbottomBtns {
	width:100%;
}
#listtopBtns TABLE, #listbottomBtns TABLE {
	border:1px solid #B7B7B7 ;
	background-color:#EAEAEA;
	width:100%;
}
#listtopBtns TD, #listbottomBtns TD {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 0;
	border-right: 0;
	padding: 5px 2px 5px 5px;
}
#listtopBtns BUTTON, #listbottomBtns BUTTON {
	padding-top: 2px;
	padding-bottom: 2px;
}
BUTTON {
	border-left: 1px solid #B7B7B7;
	border-top: 1px solid #B7B7B7;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #EAEAEA;
	margin-right:5px;
}
BUTTON.menubtn {
    padding-right: 20px;
    background-image: url(/mjsp/img/mj1/en_US/down_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
BUTTON.myFolderMenuBtn {
    padding-right: 12px;
    background-image: url(/mjsp/img/mj1/en_US/down_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    border: 0;
    background-color: #fff;
}
BUTTON.hover {
	background-color:#CCC;
}
#foldersBtn, #newfoldersBtn {
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/mjsp/img/mj1/en_US/down_arrowOpt.gif);
}
#foldersBtn SPAN, #newfoldersBtn SPAN {
	display: none;
	visibility: hidden;
}
#foldersBtn.hover, #newfoldersBtn.hover {
	background-color: #CCC;
}
TD.clearQuery DIV {
	border: 1px solid #B7B7B7;
	float: right;
}
#emailtopBtn, #emailbottomBtn {
	float: left;
}
#printtopBtn, #printbottomBtn {
	float: left;
}
#moveFoldertopBtn, #moveFolderbottomBtn {
	float: left;
}
#moveFolderTopBtn {
	float: left;
}
#deletetopBtn, #deletebottomBtn {
	float: left;
}
#rmFromGrouptopBtn, #rmFromGroupbottomBtn {
	float: left;
}
#cleartopBtn, #clearbottomBtn {
	float: left;
}
/** list header elements **/
#print TH {
	border-top:1px solid #B7B7B7;
}
.listTbl {
    margin-bottom: 25px;
    width: 100%;
}
.listTbl TH {
    background-color: #EAEAEA;
	border-bottom:1px solid #B7B7B7;
	border-right:1px solid #B7B7B7;
	padding:0;
	margin: 0;
	white-space: nowrap;
}
.listTbl TH DIV {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align:left;
	padding: 3px 5px;
}

.listTbl #selectall {
	border-left: 1px solid #B7B7B7;
    width: 22px;
}
.listTbl #selectall DIV {
	padding: 0 0;
}
.listTbl TD.webcontent, .listTbl TD.webcontentlast {
	padding-top: 2px;
	padding-bottom: 15px;
}
.listTbl TD.queryContent, .listTbl TD.queryContentLast {
	padding-bottom: 6px;
}
.listTbl TD.imageContent, .listTbl TD.imageContentLast {
	padding-bottom: 0;
	padding-top: 0;
}
.listTbl TD.imageContent, .listTbl TD.queryContent, .listTbl TD.webcontent {
	border-bottom: 1px solid #B7B7B7;
}
.listTbl TD {
	padding-left: 7px;
	padding-top: 15px;
	padding-bottom: 4px;
    vertical-align: top;
}
.listTbl .sImgRow TD {
	height: 15px;
}
.imageContentBody .rdata {
	padding-bottom: 4px;
}
.imageContentBody TD {
	padding: 6px 15px 15px 0;
}
TD.chkBoxCol {
	padding-left: 2px;
	width: 15px;
}
TD.date, TD.edit {
	white-space: nowrap;
}
TD.dateLabel {
	padding-top:15px;    
	padding-bottom:15px;
	border-bottom:1px solid #B7B7B7;
}
TR.selected {
	background-color:#F5F5F5;
}
#sortCol {
    width: auto;
}
#sortCol A {
    width: 100%;
}
#sortCol:hover {
    background-color: #CCC;
    cursor: pointer;
}
.listTbl #colTitle {  
    width:auto;
}
.listTbl #colDate, .listTbl #colResults, .listTbl #colNotes {
	width: 85px;
}
.listTbl #colResults DIV, .listTbl #colDate DIV {
	width: 85px;
	white-space: nowrap;
}
.listTbl #colNotes DIV {
	width: 110px;
}
html>body .listTbl #colNotes DIV {
	width:auto;
}
.listTbl #colContentType {
	width: 110px;	
}
.listTbl #colTitlePrint {
	width:auto;
	border-left: 1px solid #B7B7B7;
}
#print #colImg {
	border-left: 1px solid #B7B7B7;
}
#print #colDate DIV {
	white-space: nowrap;
	padding-right: 50px;
}
.sortAs {
    background-image: url(/mjsp/img/mj1/en_US/arrow_up.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-color:#CCC;
}
.sortDe {
    background-image: url(/mjsp/img/mj1/en_US/arrow_down.gif);
    background-repeat: no-repeat;
    background-position: right center;
    background-color:#CCC;
}

/** manage groups element **/
#foldersTbl TD {
	border-bottom: 1px solid #B7B7B7;
	padding-top: 5px;
	padding-bottom: 5px;
    vertical-align: middle;
}
#foldersTbl TR.last TD {
	border-bottom: 0;
}
.newGroupBox {
	padding: 4px 7px 4px 7px;
	background-color: #EAEAEA;
}
TR.last TD {
	border-bottom: 0;
}

/** dropdown menu elements **/

/* FOLLOWING BLOCK NOT SEEN BY IE MAC \*/
.shadow {
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	visibility: hidden;
} /* END BLOCK */

.menu, .linkMenu, .menuSub {
	border: 1px solid #B7B7B7;
	border-right-color: #666;
	border-bottom-color: #666; 
	position: absolute; 
	z-index: 2;
	top: 0;
	left: 0;
	visibility: hidden;
	white-space: nowrap;
} 

.menu DIV, .linkMenu DIV, .menuSub DIV {
	padding:5px 16px 5px 10px;
	white-space: nowrap;
}
.menu, .menuSub, .menu DIV, .menuSub DIV{
	background-color: #F5F5F5;
}
.linkMenu DIV, .linkMenu {
	background-color: #F5F5F5;
}
.menuSub SPAN {
	visibility: hidden;
}
.menuSub DIV.pnode, .menu DIV.pnode {
	background-image: url(/mjsp/img/mj1/en_US/rt_arrow.gif);
}
.menu DIV.hover, .menuSub DIV.hover, .linkMenu DIV.hover {
	background-color: #CCC;
    cursor: hand;
}
.menu DIV.selected, .menuSub DIV.selected {
	background-color: #C00;
	cursor: pointer;
}
.menu DIV.pnodeSel, .menuSub DIV.pnodeSel {
	background-color: #C00;
	background-image: url(/mjsp/img/mj1/en_US/rt_arrowOn.gif);
}
.menu .pnodeDisable, .menu .pnodeSelDisable, .menuSub .pnodeDisable, .menuSub .pnodeSelDisable  {
	background-image: url(/mjsp/img/mj1/en_US/rt_arrowDisable.gif);
    background-repeat: no-repeat;
    background-position: right center;
    color: #999;
}
.menu .pnodeSelDisable, .menuSub .pnodeSelDisable {
	background-color: #CCC;
}
.menu .disable, .menuSub .disable {
	color: #999;
}
.hideSub {
	display: none;
	visibility: hidden;
}
.hideSub DIV {
	padding:5px 16px 5px 10px;
	display: none;
	visibility: hidden;
}
.hideSub SPAN {
	display: none;
	visibility: hidden;
}

/** binocular elements **/
#binocCover {
	position: absolute;
	z-index: 20; 
	top:0;
	left:0;
}

/* FOLLOWING BLOCK NOT SEEN BY IE MAC \*/
#binocCover {
	position: absolute;
	top:0;
	left:0;
	z-index: 20;
} /* END BLOCK */

.resultBottom {
	position: relative;
	padding-top: 0;
	padding-bottom: 2px;
}

/** paging elements **/
#paging {
	margin-top: 15px;
	margin-bottom: 15px;
	width:100%;
}
#paging TD {
	padding-right: 10px;
}
.bc {
	padding: 0;
	font-weight: normal;
}
.img {
	border: 0;
}

/** subfolder elements **/

#ifSubfolder {
	position: absolute;
	margin-bottom: 100%;
	top: 0;
	left: 0;
	z-index: 20;
}
#submenu {
	position: absolute;
	display: none;
	visibility: hidden;
}
.noSearchMatch {
	padding: 10px;
}
.imbookmarkTbl {
	margin-bottom: 10px;
}
.imbookmarkTbl TH {
	padding-right: 10px;
}
.imbookmarkTbl #btns {
	padding-top: 5px;
}
.saveOptionsList {
	list-style:url(/mjsp/img/mj1/en_US/rt_arrowRed.gif);
	margin-top: 8px;
}
.saveOptionsList LI {
	padding:2px 0; 
}
.ctrlLinks {
	padding-left: 10px;
	position: relative;
	top: 2px;
}
.sortBox {
	float:right;
	padding-right:3px;
}