body{
  font-family: Arial, Helvetica, San-serif;
}

h1{
  font-size: 14px;
}

h2{
  font-size: 12px;
  color: #0000CD;
}

p{
  font-size: 11px;
  color: #000000;
}

/*creators */
.title{
  font-size: 12px;
  font-weight: bold;
}

.pbl-control-label{
  font-size: 11px;
  font-weight: bold;
}

.pbl-ce-info-value{
  font-size: 10px;
  color: #666;
}
#divInformation li{
  list-style: disc;
}

#divPBLUserInfoLayer.item-title{
  font-family: sans-serif;
  color: #000090;
  cursor: pointer;
}

/*viewers*/
.pbl-ce-title-fix{
  color:maroon;
}
.pbl-ce-title-input{
  color:#666;
}

.mouseover{
  color: #F00;
  text-decoration: underline;
}



#tbtitle{
  width: 587px;
  padding: 3px;
  font-family: Arial;
  font-size: 12px;
}

#tbbody{
  width: 587px;
  height: 180px;
  padding: 3px;
  font-family: Arial;
  font-size: 12px;
}


/*the div container for save and cancel button*/
.DivCEButtonContainer{
  padding: 0.5em 0em;
  text-align: right;
  border-bottom: 2px dotted #CCC;
  border-radius: 6px;
}

.DivCEButtonContainer button{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
}
.DivCEButtonContainer-top{
  padding: 0.5em 0em 0em 0em;
  text-align: right;
  border-top: 2px dotted #CCC;
  border-radius: 6px;
}
.DivCEButtonContainer-top button{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
}

/*PIHNet unit add page*/
#tbunitpi{
  width: 590px;
  height: 3em;
  padding: 3px;
  font-family: Arial;
  font-size: 12px;
}
#tbunitcq{
  width: 590px;
  height: 3em;
  padding: 3px;
  font-family: Arial;
  font-size: 12px;
}
#tbunitov{
  width: 590px;
  height: 5em;
  padding: 3px;
  font-family: Arial;
  font-size: 12px;
}
#tbunitcu{
  width: 590px;
  height: 300px;
  padding: 3px;
}
#tbunitam{
  width: 590px;
  height: 300px;
  padding: 3px;
}

/*course element add page layout*/
#divConsContent{
  position: relative;
}
#divConsLeft{
  float: left;
  width: 605px;
  padding: 3px;
  border-right: 1px solid #CCC;
}
#divConsRight{
  float: left;
  width: 120px;
  padding: 3px;
}
#divInformation{
  width: 100%;
  padding: 5px;
  border: 1px dotted #999;
  margin-left: 5px;
}
#divInformation ul{
  margin: 0px 0px 0px 15px;
  padding: 0px;
}
#divInformation ul li{
  margin: -3px 0px -5px 0px;
  padding: 0px;
}
#divPublish, #divStCollaboration{
  width: 100%;
  margin-left: 5px;
  padding: 5px;
  border: 1px dotted #999;
}

#divStCollaboration ul{
  padding: 1px;
  margin: 1px 0.6em;
  font-size: 80%;
}
#divPublish ul{
  margin: 0px 0px 0px 15px;
  padding: 0px;
}
#divPublish ul li{
  margin: -3px 0px -5px 0px;
  padding: 0px;
}

/*activity view*/
#divActivityView{
  width: 860px;
  margin: 6px 6px;
  text-align: left;
}

#divAVTitle{
  color: brown;
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto 10px 10px;
}

#divActNavi{
  padding: 3px;
  /*
  float: left;
  padding: 5px;
  margin: 3px;
  width: 250px;
  height: 500px;
  border: 1px solid #999;
  border-right: 3px solid #999;
  background-color: #EEE;
  */
}
#divActContent{
  padding: 3px;
  background-image: url('img/pihnet_act.png');
  background-repeat: no-repeat;
  /*
  float: left;
  padding: 5px;
  margin: 3px;
  width: 450px;
  height: 500px;
  border: 1px solid #999;
  background-color: #FFF;
  overflow: auto;*/
}

.actContent-bkimg{
  background-image: url('img/pihnet_act.png');
  background-repeat: no-repeat;
}
.actContent-bkimg-none{
  background-image: url('');
}

#divActContent-ssin{
  padding: 3px;
  background-image: url('img/ssinet.png');
  background-repeat: no-repeat;
  /*
  float: left;
  padding: 5px;
  margin: 3px;
  width: 450px;
  height: 500px;
  border: 1px solid #999;
  background-color: #FFF;
  overflow: auto;*/
}

.actContent-ssin{
  padding: 3px;
  background-image: url('img/ssinet.png');
  background-repeat: no-repeat;
  /*
  float: left;
  padding: 5px;
  margin: 3px;
  width: 450px;
  height: 500px;
  border: 1px solid #999;
  background-color: #FFF;
  overflow: auto;*/
}

.ResourceTitleInActivityView{
  margin: 10px 0px 10px 0px;
  font-size: 120%;
  font-weight: bold;
  color: #005a8c;
}

.vsplitbar {
  width: 5px;
  background: #aaa;
  cursor: ew-resize;
  left: 150px;
  padding: 0px;
}
#pblceBody{
  padding: 0.5em 1em;
  width:840px;
  height: 600px;
  overflow: auto;
  border-radius: 3px;
  border: 1px dotted #aaa;
}
#pblceBody div {
  overflow: auto;
}

#pblceCourseStructure{
  border-radius: 3px;
  padding: 0.5em 1em;
  border: 1px dotted #aaa;
  height: 350px;
  overflow: auto;
  width: 800px;
}

/*Page viewer -------------------------------- Page Viewer*/
#divPVTitle{
  color: brown;
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto 10px 10px;
}
/*Page viewer -------------------------------- Page Viewer*/

/*Lesson viewer -------------------------------- Lesson Viewer*/
#divceTitleArea{
  border-radius: 5px;
  /*border: 1px solid #00F;*/
  background-color: #EEE;
  padding: 3px;
  margin: 1px auto;
  width: 860px;/*700px;*/
  height: 45px;
}
#divLVTitle{
  color: brown;
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto 10px 10px;
}
/*Lesson viewer -------------------------------- Lesson Viewer*/

/*add unit page -- begin*/
#divUnitLessons{
  position: relative;
  margin-right: 3px;
}
#divUnitLessons button{
  font-family: Arial;
  font-size: 10px;
  line-height: 1.0em;
}
#divLessonsLeft{
  float: left;
  margin: 3px 3px 0px 3px;
  padding: 3px 3px 0px 3px;
  width: 230px;
}
#divLessonsButton{
  float: left;
  margin: 3px 3px 0px 3px;
  padding: 3px 3px 0px 3px;
  vertical-align: middle;
}
#divLessonsSelected{
  float: left;
  margin: 3px 3px 0px 3px;
  padding: 3px 3px 0px 3px;
  width: 230px;
}
#divLessonsSelectedUpDown{
  float: left;
  margin: 3px 3px 0px 3px;
  padding: 3px 3px 0px 3px;
}
#divLessonActionBtns{
  margin: 0px 3px 0px 3px;
  padding: 0px 3px 0px 3px;
}
#selExistingLesson{
  width: 100%;
}
#selSelectedLesson{
  width: 100%;
}

.pbl-label{color: #000;
           font-size: 10px;

           margin:0.5em 0em -0.1em 0em;}

/*Unit viewer ------------------------------------begin*/
#divUVUnitTitleArea{
  border-radius: 5px;
  /*border: 1px solid #00F;*/
  background-color: #EEE;
  padding: 3px;
  margin: 1px auto;
  width: 800px;
  height: 110px;
}
#divUVUnitTitle{
  color: brown;
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto 10px 10px;
}
#divUVToolbar{
  text-align: right;
  margin: 5px 0px;
}
#divUVUnitContent{
  padding: 3px;
  margin: 1px;
  position: relative;
  height: 500px;
}
#divUVNavi{
  /*border: 1px solid #00F;*/
  padding: 3px 0px;
  margin: 1px;
  float: left;
  width: 15%;
  height: 95%;
  text-align: right;
}
#divUVContentPage{
  border: 2px solid #EEE;
  border-radius: 5px;
  padding: 10px;
  margin: 1px;
  float: right;
  width: 80%;
  height: 95%;
  overflow: auto;
}
#divUVContentPage a{
  color:#000090;
  /*text-decoration: underline;*/
}

.DivNaviButton{
  border-radius: 3px;
  background-color: #DDD;
  text-align: right;
  padding: 3px 10px 3px 3px;
  margin: 5px auto;
  width: 95%;
  cursor: pointer;
  font-size: 12px;
}
.DivSectionTitle{
  margin: 10px 0px 10px 0px;
  font-size: 120%;
  font-weight: bold;
  color: #005a8c;
}
.DivSectionContent{
  margin-left: 20px;
}
/*Unit viewer ------------------------------------end*/

/*tinymce*/
.DivMCEContainer{}
.taTinymceFull{height: 35em;width: 560px;}
.taTinymceCompact{width: 560px;}
.taTinymceAnnt{width: 98%;height: 300px;}

/*annotation -------------------------------- begin*/
.anntDF{
  background-color: #99FF00;
  border-radius:3px;
  color: black;
  /*font-size: 12px;*/
  padding: 0px 3px;
  text-decoration: none;
}
#content .anntDF{
  text-decoration: none;
}

.anntBK{
  background-color: #6699FF;
  border-radius:3px;
  color: black;
  /*font-size: 12px;*/
  padding: 0px 3px;
  text-decoration: none;
}
#content .anntBK{
  text-decoration: none;
}

.anntTQ{
  background-color: #FF9966;
  border-radius:3px;
  color: black;
  /*font-size: 12px;*/
  padding: 0px 3px;
  text-decoration: none;
}
#content .anntTQ{
  text-decoration: none;
}

.BtnAnntRmv{

}

.DivAnntTextInExistingTabColor{
  display: inline-block;
  width: 10px;
  height: 0.8em;
  overflow: hidden;
}

.DivAnntTextInExistingTab{
  display: inline-block;
  width: 100px;
  height: 1.2em;
  overflow: hidden;
  padding: 0em 0em 0.1em 0.1em;
  margin-left: 0.2em;
}

.BtnAnntEdit{
  margin-right: 4px;
}
.BtnAnntEdit[data-cmd="edit-save"]{
  background-color: #9F0;
}
#tabExistingAnnts tr:hover{
  background-color: #FEE;
}
/*annotation -------------------------------- end*/

.test_temp{
  font-weight: normal;
}

/*comment*/
.DivCmtOne{border-radius: 3px;
           border-top: 1px solid #CCC;
           margin: 3px 0px 0px 1em;
           padding: 5px 0px 0px 5px;
           background-color: lightyellow;
}
.DivCmtInfo{font-weight: bold;padding-left: 1em;}
.DivCmtBody{padding-left: 1em;margin-bottom: 1.1em;
            font-size: 12px;}
.DivCmtToolbar{text-align: right;display: inline-block;margin-left: 1em;}
.ButtonCmtAction{font-size: 11px;margin-left: 0.5em;}
#divPBLComments{border-radius: 5px;
                background-color: #DDD/*#fed22f*/;
                border: 1px solid #999;
                margin-top: 4em;
                width: 97%;
                padding: 3px;}
#divPBLComments h4{
  margin-top: 0.2em;
  margin-bottom: 0.1em;
}
#divCmtForm{border-radius: 3px;
            width: 97.8%;
            margin: 1em;background-color: lightyellow;
            padding: 3px;
            border: 1px solid #CCC;}


#divLoadingGif{
  position: fixed;
  left:65%;
  top: 1px;
  /*bottom: 10%;*/
  height: 32px;
  width: 32px;
  /*border: 1px solid tomato;*/
  border: 1px solid #FA0;
  padding: 0.2em;
  vertical-align: bottom;
  background-position: center;
  background-image: url('img/loading2.gif');
}

.section-title{
  font-size: 14px;
  font-weight: bold;
}

/*meta data*/
.BtnMetaRmv{
  margin: 3px 3px;
}

/*my collection*/
.tr-mouse-over{background-color: #FEE;}

/*pblUserName*/
.pblUserName{
  margin: 0.2em 0.2em;
  padding: 3px;
  line-height: 1.0em;
  color: #666;
  cursor: pointer;
}
.pblUserName-mouseover{
  color:#F00;
  background-color: #FFE;
}
.pblUserName-online{
  color: #3399ff;
  list-style: disc;
}
.pblUserLayer{
  position: absolute;
  border: 2px solid #006;
  /*left:10px;
  top:1px;*/
  width: 260px;
  height: 80px;
  padding: 5px;
  line-height: 1.2em;
  background-color: #FFE;
  z-index: 9999;
  /*background-image: url('');*/
  background-position: center;

}

#divULImg{
  background-image: url('img/profile.png');
  background-position: center;
}

/*chat*/
.pblChatBar{
  bottom: 0;
  direction: ltr;
  height: 25px;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 300;
  text-align: right;
  /*background-color: #FCC;*/
}

.pblChatBarButton{
  /*width: 80px;*/
  height: 1.4em;
  vertical-align: middle;
  background-color: #005a8c;
  /*margin: 2px 4px;*/
  display: inline-block;
  color:#FFF;
  text-align: left;
  padding: 1px 2px;
  margin-left: 0.5em;
  border-radius: 5px;
  overflow: hidden;
  font-family: Arial;
  font-size: 10px;
  cursor: pointer;
}
.pblChatRoomWrapper{
  height: 250px;
  width: 350px;
  border: 2px solid black;
  position: fixed;
  bottom: 2em;
  right: 20%;
  background-color: #FFF;
}
.pblChatRoomHead{
  height: 2em;
  background-color: #005a8c;
  width: 100%;
  color: white;
  font-size: 11px;
}
.pblChatRoomName{
  display: inline-block;
  width: 60%;
  padding: 3px 3px;
}
.pblChatRoomCloseButton{/*contains min and close button*/
  display: inline-block;
  width: 35%;
  text-align: right;
  padding: 3px 3px;
}
.pblChatRoomBody{
  height: 200px;
  font-size: 11px;
}
.pblChatMsgWapper{
  height: 170px;
  overflow: auto;
}
.pblChatOneMsg{
  margin: 3px 3px 5px 3px;
}
.pblChatMsgSender{
  font-weight: bold;
}
.pblChatMsgSendDate{
  color: #999;
  font-size: 9px;
  margin-left: 1em;
}
.pblChatMsgBody{
  margin-left: 1em;
}
.pblChatInputWrapper{
  border-top: 1px dotted #CCC;
}
.pblChatInputWrapper input{
  margin: 5px 5px 0px 5px;
  width: 96%;
  font-size: 11px;
}
.pblChatRoomWrapper button{
  font-size: 10px;
  /*line-height: 1.1em;*/
}
.pblSendMsgWapper{
  margin: 5px;
  width: 96%;
  text-align: right;
}
.pblChatSendMsgButton{

}
.pblChatInputBox{

}


/*pblmessage*/
.pblMsgWrapper label{display: inline-block;}
#tbMsgTitle{
  width: 500px;
  font-family: Arial;
  font-size: 12px;
}
#taMsgBody{
  width: 500px;
  height: 20em;
}
.pblMsgShowSentBox{cursor: pointer;}
.pblMsgShowInBox{cursor: pointer;}

#msgListInBox span{
  display: inline-block;
  margin: 0.3em 0.2em 0.1em 0.1em;
}
#msgBoxInfo{
  border-bottom: 2px dotted #CCC;
}
.pblMsgOneContainer{
  border-radius: 5px;
  margin: 0.4em auto;
  border-bottom: 1px solid #CCC;
  cursor: pointer;
}
.pblMsgOneContainer-mouseover{
  background-color: #FEE;
}
.pblMsgOneContainer-unread{
  font-weight: bold;
  border-left: 2px solid blue;
}
.pblMsgSubject{
  color: #000;
  /*cursor: pointer;*/
}
.pblMsgInfo{
  margin-left: 2em;
}
pblMsgInfo button{
  font-size: 9px; 
}
.pblMsgUser{
  font-style: italic;
  color:#666;
}
.pblMsgDate{
  color:#AAA;
  font-style: italic;
  font-size: 9px;
}
.pblMsgOneDetailWrapper{
  background-color: #EEE;
  border-radius: 3px;
  margin: 6px;
  padding: 6px;
  cursor: auto;
}
.pblMsgOneDetailBar{
  text-align: right;
  font-size: 9px;
  border-radius: 2px;
  background-color: #DDD;
  margin-left: 2em;
  /*border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;*/
}
.divMsgTemp{
  margin-left: 2em;
  color:green;
}
.pblMsgOneDetailBody{
  margin: 0.1em 0.1em 1.5em 2em;
  font-family: Arial;
  font-size: 12px;
}

/*mynetwork my network*/
.pblMyNetTab{
  display: inline-block;
  font-size: 10px;
  margin-right: 5px;
  border: 1px solid #666;
  padding: 1px 3px;
  line-height: 1.3em;
  background-color: #EEE;
  cursor: pointer;
}
.pblMyNetTab-current{
  border-bottom: 1px solid #DDD;
  background-color: #FFF;
  font-weight: bold;
}
/*
#divPBLMyNetwork .pblMyNetContent{
  background-color: #FFF;
  border: 3px solid #DDD;
  height: 200px;
  overflow: hidden;
  padding: 0px 0px;
  margin: 0px 0px;
  vertical-align: top;
  font-size: 12px;
}*/
.pblMyNetContent{
  background-color: #FFF;
  border: 1px solid #DDD;
  height: 200px;
  overflow: hidden;
  padding: 0px 0px;
  margin: 0px 0px;
  vertical-align: top;
  font-size: 12px;
}
#pblMyNetUGs{
  /*display: block;
  background-color: red;*/
  margin: 0px auto;
  height: 180px;
  overflow: auto;
}
#divPBLMyNetwork  button{
  font-size: 9px;
  line-height: 1.2em;
}


/*group*/
#pblGroupTabs{
  font-family: Arial;
  font-size: 12px;
}

.rotateText-l90{
  display: block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}
.rotateText-r90{
  display: block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

/*ac editor*/
/*
#divCEEditors li button{
  margin-left: 0.3em;
  font-size: 80%;
  line-height: 1em;
}


#divCEViewers li button{
  margin-left: 0.3em;
  font-size: 80%;
  line-height: 1em;
}
*/

#divCEInfoSetting{
  font-family: Arial;
  font-size: 12px;
}
#divCEInfoSetting button{
  font-family: Arial;
  font-size: 12px;
}
#formMsgSend{
  font-family: Arial;
  font-size: 12px;
}


.pblUserName-creators{

}
.pblGroupName-creators{
  font-style: italic;
}

/*jQuery UI*/
.ui-widget{
  font-family: Arial;
  font-size: 12px;
}

.ui-dialog-title{
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}

.ui-dialog-titlebar{
  line-height: 1.0em;
  padding: 0px;
}

.dlg_button{
  font-family: Arial;
  font-size: 8px;
  font-weight: bold;
}

/*pblfile*/
#tabPBLFiles{
  width: 100%;
}

#tabPBLFiles th{
  background-color: #CCC;
  text-align: center;
}

#tabPBLFiles label{
  font-weight: normal;
}

#tabPBLFiles tbody td{
  border: none;
  border-bottom: 1px dotted #CCC;
}

#tabPBLImgs{
  width: 100%;
}

#tabPBLImgs th{
  background-color: #CCC;
  text-align: center;
}

#tabPBLImgs tbody td{
  border: none;
  border-bottom: 1px dotted #CCC;
}

.annotationViewAnntedText{
  border-radius: 3px;
  text-align:left;
  font-family: Arial;
  font-size: 11px;
  font-weight:bold;
  background-color:#EEE;
  padding:2px 5px;
}

.pblMetaValue{
  list-style-type: disc;
  list-style: disc;
  display: list-item;
  margin-left: 1em;
}

/*annotation*/
.BtnAnntEdit{
  font-size: 9px;
  line-height: 1.1em;
  padding: 0px;
  /*margin-right: 3px;
  border: none;
  background: none;
  cursor: pointer;
  width: 1.2em;*/
}
.BtnAnntRmv{
  font-size: 9px;
  line-height: 1.1em;
  /*margin-right: 3px;
  border: none;
  background: none;
  cursor: pointer;
  width: 1.2em;*/
}

.ui-buttonset .ui-state-active{
  font-weight: bold;
}

#pblContent{
  padding: 0px;
  margin: 0px;
}

#pblContent a:link{
  color:#0000CD;
  text-decoration: underline;
}
#pblContent a:visited{
  color: #800000;
}
#pblContent a:hover{
  color: green;
}
#pblContent a:active{
  color: #800080;
}





.TdFileSeq{
  color: #999;
}

#taPBLComment{
  border-radius:3px;
  border: 1px solid #999;
  font-family: Arial;
  font-size: 12px;
  padding: 3px;
}

#taPBLComment2{
  border: 1px solid #999;
  font-family: Arial;
  font-size: 12px;
  padding: 3px;
}

#spCommentCount{
  font-style: italic;
  font-weight: bold;
  font-size: 140%;
}


#divTabCollectionContainer{
  padding-top: 0px;
}

.pblResourceDlgWrapper{

}

#divLessonsSelected div{
  font-size: 11px;
}

/*Hyperlinks in the resource*/
.pblResourceDlgWrapper a:link{
  color:#0000CD;
  text-decoration: underline;
}
.pblResourceDlgWrapper a:visited{
  color: #800000;
}
.pblResourceDlgWrapper a:hover{
  color: green;
}
.pblResourceDlgWrapper a:active{
  color: #800080;
}

.li-course-ce-hover{
  background-color: #EEE;
}

.li-course-ce{
  border-radius: 3px;
  border-bottom: 1px dotted #CCC;
  padding: 3px;
  margin-bottom: 0.5em;
  margin-left: 2em;
  cursor: pointer;
}

.li-course-unit{
  list-style-image: url('img/unit.png');

  /*display: inline-block;
  height: 16px;
  width: 16px;
  background-image: 
  background-position: center;
  background-repeat: no-repeat;*/
}

/*.spanCEIcon-unit{
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url('img/unit.png');
  background-position: center;
  background-repeat: no-repeat;
}*/

.li-course-lesson{
  list-style-image: url('img/lesson.png');
  /*
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url('img/lesson.png');
  background-position: center;
  background-repeat: no-repeat;
  */
}

.li-course-activity{
  list-style-image: url('img/activity.png');
  /*
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url('img/activity.png');
  background-position: center;
  background-repeat: no-repeat;*/
}

.li-course-resource{
  list-style-image: url('img/resource.png');
  /*
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url('img/resource.png');
  background-position: center;
  background-repeat: no-repeat;
  */
}
.ButtonCourseCE{

}

.loading{
  color: darkgreen;
}

#divCourseStructure{
  width: 98%;
  border: 1px solid #EEE;
  height: 350px;
  overflow: auto;
  border-radius: 5px;
}

#divCVCourseTitle{
  color: brown;
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto 10px 10px; 
}

#ulCourseCEs{
  margin-top: 0.2em;
}

#ulCourseCEs li{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

.copyLeft{
  margin-top: 2em;
  border-top: 1px dotted #CCC;
  font-size: 11px;
  text-align: center;
}

.ce-action-link{
  background-position: center;
  background-size: 100%;
  display: inline-block;
  margin: 3px 1px 0px 1px;
  width: 16px;
  height: 16px;
}
.ce-action-link-copy{
  background-image: url('img/ce-copy.png');
}
.ce-action-link-edit{
  background-image: url('img/ce-edit.png');
}
.ce-action-link-remove{
  background-image: url('img/ce-remove.png');
}

#divPublish ul li{
  margin-top: 0.2em;
  margin-bottom: 0.6em;
  font-size: 11px;

}

.div-button-save{
  display: inline-block;
  width: 16px;
  height:16px;
  background-image: url('img/save.jpeg');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.pbl-media-icon{

}

.embeddedMediaPane{
  width:200px;
  /*height:50px;*/
  border:1px solid #000;
  position:fixed;
  right:10px;
  bottom:10px;
  background-color: #EEE;
  height: 70px;
  overflow: auto;
  cursor: move;
  z-index: 999;
}
.embeddedMediaTitle{
  background-color: #000;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
.embeddedMediaPaneItem{
  padding: 3px;
  font-size: 10px;
  line-height: 1em;
  cursor: pointer;
}
.embeddedMediaPaneItem:hover{
  background-color: #FCC;
}


.dtPlayerWrapper{
  width:405px;
  /*height:50px;*/
  border:1px solid #000;
  cursor:move;
  position:fixed;
  right:10px;
  top:50px;
  background-color: #EEE;
}

.dtPlayerWrapperCloseButton{float:right;
                            background-color: orange;
                            font-size:12px;
                            font-family: monospace;
                            padding:1px; 
                            border:1px solid #CCC; 
                            width:1.5em;
                            text-align: center;
                            cursor: pointer;}
.dtPlayerWrapperCloseButton:hover{
  background-color: orangered;
  color: white;
}

.dtPlayerSource{
  padding: 3px;
  font-size: 11px;
  color: #666;
  line-height: 1.1em;
}
.dtPlayer{
  text-align: center;
  vertical-align: middle;
  padding: 3px 3px 0px 3px;
}

.dtPlayerTitle{
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  color: #CCC;
  background-color: #666;

}

.pblfileImageWrapper{
  margin: 2px;
  padding: 2px;
  border: 1px solid #CCC;
  background-color: #EEE;
  display: inline-block;
  border-radius:3px;
}

.pblfileImageSource{
  margin: 2px 0px 2px 0px;
  color: #666;
  font-size: 10px;
  width: 100%;
  overflow: auto;
  line-height: 1.1em;
}

.div-search-bar{
  text-align: right;
  font-size: 11px;
}
.div-search-bar *{
  font-size: 11px;
}


.ChangeToBeSaved{
  border: 1px solid #FFCC00;
  background: lightyellow;
  font-size: 11px;
  color: darkgreen;
  margin: 3px;
  padding: 3px;
  /*visibility:hidden;*/
}

.browser-alert{
  position: fixed;
  bottom: 10px;
  right:10px;
  width: 800px;
  padding: 6px;
  background-color: #FF0;
  border: 1px solid #F00;
  font-size: 14px;
}

/*SSIN -------------------------- Begin*/
.SSINPrompts{
  border: 1px solid #696;
  background-color: #EFE;
  border-radius: 5px;
  padding: 6px;
  margin: 3px;
}
.SSINPromptsButton{

}

#formCourseAdd label{
  display: inline;
}

.SSINPrompts ul{
  margin: 3px auto;
}
.SSINPrompts li{
  line-height: 1.2em;
}
/*SSIN -------------------------- End*/

#divUVContentPage p{
  font-size: 12px;
}

/*for Zen theme*/
#divDlg0099xx table{
  margin: 1px;
}


/*chat --begin*/
.newChatNo{
  background-color:#DDD;
  color: #999;
  margin-right: 0.6em;
}

.newChatHas{
  color:#FF0;
  background-color: #F00;
}
.newChatNotifyPanel{
  border-radius:5px;
  position: fixed;
  width: 120px;
  height: 200px;
  right: 5px;
  background-color: #FEE;
  border: 1px solid #FCC;
  bottom: 30px;
  padding: 3px;
  overflow: auto;
}
.newChatNotifyPanelItem{
  border-radius:3px;
  font-size: 10px;
  line-height: 1.2em;
  padding: 2px;
  margin: 2px auto;
  cursor: pointer;
}
.newChatNotifyPanelItem:hover{
  background-color: #FDD;

}
/*chat --end*/

/*student collaboration -- begin*/
.StClassGroupTitle{
  cursor: pointer;
  border-radius: 3px;
}
.StClassGroupTitle:hover{
  background-color: #FEE;
}
#tabStGroup tr:hover{
  background-color: #FEE;
}

#tabStGroup a.StGroupRenameLink{
  font-size: 0.9em;
  margin-left: 0.5em;
}
#tabStGroup a.StGroupActionLink{
  font-size: 0.9em;
  margin-left: 0.5em;
}
.DivStClassGroupAccessConfig{
  width: 95%;
  background-color: #EEE;
  padding: 3px;
  border: 1px solid #999;
  box-shadow: #666 0px 0px 10px;
}
.DivStClassGroupAccessConfig li{
  cursor: pointer;
  font-size: 100%;
}
.DivStClassGroupAccessConfig li:hover{
  background-color: #FEE;
}
.DivStClassGroupAccessConfig li div{
  color: #999;
  /*margin-left: 1em;*/
  font-size: 90%;
}
.spPPCurent123{
  display: inline-block;
  margin-left: 1em;
  font-weight: bold;
  font-size: 120%;
  color: #F00;
}

/*student collaboration -- end*/

#actPublic{
  line-height: 0.9em;
  font-size: 0.8em;
}

/*st collboration in activity editor -- begin*/
#tabStGroup{
  width: 100%;
  background-color: #FFF;
}
#tabStGroup a{
  color: blue;
  text-decoration: underline;
}
#tabStGroup th{
  background-color: #EEE;
  border: 1px solid #CCC;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}
#tabStGroup td{
  /*background-color: #FFF;*/
  border: 1px solid #CCC;
  font-size: 100%;
}


/*st collboration in activity editor -- end*/


/*for WPCD case element*/
#caseTitle {
    background-color: #DDDDDD;
    border-radius: 5px;
    height: 116px;
    margin: 2px 0;
    position: relative;
    width: 100%;
}

#caseName {
    color: #993333;
    font-size: 18px;
    font-weight: bold;
    margin: 0.2em 0.5em 0.2em 0.3em;
}

.titlePropName {
    display: table-cell;
    font-weight: bold;
    overflow: hidden;
    text-align: right;
    width: 180px;
}

.titlePropValue {
    display: table-cell;
    padding-left: 5px;
    text-align: left;
    width: 600px;
}