/* @charset "utf-8"; */
/* Community Course Work */
body{ font-family:Tahoma;}
#wrapper{ height:auto;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#FF9900; text-decoration:none}

/*CategroiesContent start*/
.course_CategroiesContent { padding:0px; clear:both; font-size:11px; color:#3C566B}
.course_CategroiesContent a { color:#3C566B; text-decoration:none}
.course_CategroiesContent a:hover{color:#3C566B; text-decoration:underline}

.course_CategroiesContent .x-grid3-viewport{ border:none}
.course_CategroiesContent .x-grid3{ background:none}

.course_CategroiesContent .title{ clear:both; height:14px; padding:6px;  font-weight:bold; background:#D6E7F2; position:relative}
.course_CategroiesContent .title.on{background:#EEF9D7 url(/img/sprite_course.gif) 0 0 repeat-x; border:1px #C1D39D solid;}
.course_CategroiesContent .title a.settingBtn{ display:block; height:11px; width:11px;background:url(/img/sprite_course.gif) -5px -33px no-repeat; position:absolute; top:8px; right:8px;}
.course_CategroiesContent ul.list{ clear:both; line-height:150%; padding:8px; margin:0}
.course_CategroiesContent ul.list li{ display:block; clear:both; display:block; list-style-type:none}
.course_CategroiesContent ul.list li.more{ text-align:right;}

/*Course category group control*/
.txGroupPanel {}
.txGroupPanel h2 div{ zoom:1;}
.txGroupPanel h2 div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.txGroupPanel h2 div span{ display:block; float:left}
.txGroupPanel h2 div a{ display:block; float:left}


#treeCT .x-tree-node .x-tree-selected{ background-color:#B2E1FF;}

/*CategroiesContent end*/

/*popTracks start*/
.course_popTracks{ clear:both; font-size:11px; color:#3C566B}
.course_popTracks a{color:#3C566B; text-decoration:none}
.course_popTracks a:hover{color:#3C566B; text-decoration:underline}

.course_popTracks .row{ clear:both; margin-bottom:20px;}
.course_popTracks .row .item{ float:left; width:49%;}
.course_popTracks .row .item img.thumb{ padding:1px; border:1px solid #9FBDD6; width:120px; height:90px; float:left; _margin-right:-3px;}

.course_popTracks .row .item .infoContainer{float:none; margin-left:135px; _margin-left:132px;}
.course_popTracks .row .item .infoContainer .info{ overflow:hidden;_height:0;_overflow:visible; padding-right:10px; line-height:150%}
.course_popTracks .row .item .infoContainer .info .name{ font-weight:bold; clear:both}
.course_popTracks .row .item .infoContainer .info .discription{ clear:both;}
.course_popTracks .row .item .infoContainer .info .actions{ clear:both; padding-top:8px;}
.course_popTracks .row .item .infoContainer .info .status{ clear: both; padding-top: 10px; font-size: 11px; font-weight: bold;}
.course_popTracks .row .item .infoContainer .info .actions a{ margin-right:5px;}

.course_box{ clear:both; margin:10px;}
.course_box .title{
background:#4C8131 url(/img/mainsprite.png) repeat-x scroll 0 -600px;
border:1px solid #2B5477;
color:#FFFFFF;
font-size:90%;
font-weight:bold;
padding:3px 10px 3px 6px;
text-decoration:none;
position:relative;
}
.course_box .title a.config{ position:absolute; right:5px; top:3px;}

.course_box .content{ background:#FFFFFF; border:1px solid #9FBDD6; clear:both; padding:10px;}
.course_box .content ul.subCategory{ clear:both; padding:5px; line-height:180%; margin:0}
.course_box .content ul.subCategory li{ float:left; width:175px; list-style-type:none; overflow:hidden}
.course_box .content ul.subCategory li.categoryName{ clear:both; font-weight:bold; font-size:11px; float:none; position:relative;}
.course_box .content ul.subCategory li.categoryName span{ float:left;}
.course_box .content ul.subCategory li.categoryName a.config{ float:left; margin-top:4px;}
/*popTracks end*/


/*all courses*/
.course_allCourses{ clear:both; font-size:11px; color:#3C566B}
.course_allCourses a{color:#3C566B; text-decoration:none}
.course_allCourses a:hover{color:#3C566B; text-decoration:underline}

.course_allCourses .row{ clear:both; margin-bottom:20px;}
.course_allCourses .row .item{ float:left; width:49%;}
.course_allCourses .row .item img.thumb{ padding:1px; border:1px solid #9FBDD6; width:120px; height:90px; float:left}

.course_allCourses .row .item .infoContainer{float:none; margin-left:135px; _margin-left:132px;}
.course_allCourses .row .item .infoContainer .info{ overflow:hidden;_height:0;_overflow:visible; padding-right:10px; line-height:150%}
.course_allCourses .row .item .infoContainer .info .name{ font-weight:bold; clear:both}
.course_allCourses .row .item .infoContainer .info .name a{ font-weight:bolder;}
.course_allCourses .row .item .infoContainer .info .discription{ clear:both;}
.course_allCourses .row .item .infoContainer .info .actions{ clear:both; padding-top:8px;}
.course_allCourses .row .item .infoContainer .info .actions a{ margin-right:5px;}
.course_allCourses .row .item .infoContainer .status{ clear: both; padding-top: 10px; font-size: 11px; font-weight: bold;}
/*all courses end*/


/*General Properties Start*/
.course_GeneralProperties{ padding:20px; clear:both;}
.course_GeneralProperties img.thumbnail{ padding:3px; border:1px solid #A1BDD3; width:160px; height:120px; float:left;}
.course_GeneralProperties .fieldsContainer{float:none; margin-left:200px;}
.course_GeneralProperties .fieldsContainer ul.fields{ overflow:hidden;_height:0;_overflow:visible; position:relative; min-height:135px;_height:135px;}
.course_GeneralProperties .fieldsContainer ul.fields li{ font-size:11px; list-style-type:none}
.course_GeneralProperties .fieldsContainer ul.fields li span{ font-weight:bold; padding-right:10px; line-height:24px;}
.course_GeneralProperties .fieldsContainer ul.fields li span.listPrice{ text-decoration:line-through; font-weight:normal}
.course_GeneralProperties .fieldsContainer ul.fields li.name{ font-size:14px; font-weight:bold; padding-bottom:10px; padding-top:6px;}
.course_GeneralProperties .fieldsContainer ul.fields li.btn{ text-align:left; clear:both; padding-top:4px;}
.course_GeneralProperties .fieldsContainer ul.fields li.rightSide{ position:absolute; display:block; right:0; top:0; width:200px;}
.course_GeneralProperties .fieldsContainer ul.fields li.description{ clear:both; line-height:150%;}
/*General Properties End*/

/*related courses begin*/
ul.relatedCourses{ padding:10px; clear:both; margin:0}
ul.relatedCourses li{ float:left; margin-right:30px;}
ul.relatedCourses li img{ width:120px; height:90px; padding:2px; border:1px solid #A1BDD3; clear:both}
ul.relatedCourses li span{ clear:both; display:block; text-align:center; padding:10px 5px;}
/*related courses end*/


/*Experts Start*/
.course_Experts{ padding:20px; clear:both;}
.course_Experts .item{ clear:both; padding:20px 0; border-bottom:1px dotted #999999}
.course_Experts .item img.thumbnail{ padding:3px; border:1px solid #A1BDD3; width:160px; height:120px; float:left; margin-right:20px; margin-bottom:10px;}
.course_Experts .item.odd img.thumbnail{ float:left;margin-right:20px; margin-left:0}
.course_Experts .item.even img.thumbnail{ float:right;margin-left:20px; margin-right:0;}
.course_Experts .item .intro{float:none; _overflow:visible;}
.course_Experts .item .intro span.name{ font-weight:bold; display:block }
/*Experts End*/

/*Section Properties Start*/
.Course_SectionProperties{ clear:both; padding-right:20%; border-top:1px dotted #A1BDD3; padding-top:20px; margin:0 10px; _display:inline}
.Course_SectionProperties table{ width:100%; padding:auto; margin:auto;border-collapse:collapse; border-spacing:0;}
.Course_SectionProperties table tr td{ padding:5px;}
.Course_SectionProperties table tr td.FieldText{ width:100px; text-align:right; font-weight:bold; vertical-align:top}
.Course_SectionProperties table tr td div.sectionName{ clear:both; width:auto; border:1px solid #CCCCCC; padding:3px; overflow:hidden}
.Course_SectionProperties table tr td div.sectionName input{ padding:0; margin:0; width:100%;_width:expression((this.parentNode.clientWidth-15)+"px"); overflow:hidden; border:none; border-width:0; height:14px; line-height:14px;}
.Course_SectionProperties table tr td div.discription{ clear:both; width:auto; border:1px solid #CCCCCC; padding:3px; overflow:hidden}
.Course_SectionProperties table tr td div.discription textarea{ width:100%;_width:expression(this.parentNode.currentStyle.width+"px");border:none; border-width:0; height:130px; font-size:12px;}
.Course_SectionProperties table tr td div.target{ float:none; width:auto; border:1px solid #CCCCCC; padding:3px; margin-right:80px; height:14px}
.Course_SectionProperties table tr td div.target .targetContainer{ overflow:hidden}
.Course_SectionProperties table tr td div.target input{ padding:0; margin:0; width:100%;_width:expression((this.parentNode.clientWidth-90)+"px"); border:none; border-width:0; height:14px; line-height:14px;}
.Course_SectionProperties table tr td img.thumbnail{ clear:both; width:286px; height:214px; margin:5px 0; padding:3px; border:1px solid #A1BDD3; }
.Course_SectionProperties table tr td div.startingTime{ clear:both}
.Course_SectionProperties table tr td div.startingTime input{ padding:3px; border:1px solid #CCCCCC; width:100px; height:14px; overflow:hidden}
.Course_SectionProperties table tr td div.startingTime span{ padding:0 10px; font-weight:bold}
.Course_SectionProperties table tr td div.startingTime span.tip{ font-weight:normal; color:#F00}
.Course_SectionProperties table tr td .selectBtn{ float:right}
.Course_SectionProperties .submit{ padding-top:20px; clear:both}
/*Section Properties End*/

/*TargetList Start*/
.course_TargetListView{ clear:both; padding:15px 30px 0 15px;}
.course_TargetListView a{ float:right; width:16px; height:16px; display:block; background:url(/img/sprite_course.gif); margin:2px 0 0 5px; padding:0;}
.course_TargetListView a.thumbnail{ background-position:-5px -247px;}
.course_TargetListView a.thumbnail_on{ background-position:-30px -247px;}
.course_TargetListView a.normal{ background-position:-5px -269px;}
.course_TargetListView a.normal_on{ background-position:-30px -269px;}

.course_TargetListView a.moveUp{ background-position:-55px -247px;}
.course_TargetListView a.moveDown{ background-position:-55px -269px;}
.course_TargetListView a.expandAll{ background-position:-5px -229px;}
.course_TargetListView a.expandAll_on{ background-position:-30px -229px;}
.course_TargetListView a.collapseAll{ background-position:-5px -269px;}
.course_TargetListView a.collapseAll_on{ background-position:-30px -269px;}
.course_TargetListView a.greenBtn{ width:auto; height:14px; float:right; margin:0 0 0 5px;}

.course_TargetList{ margin:20px; clear:both; _display:inline}
.x-dd-drag-ghost .course_TargetList{ width:600px;}
.course_TargetList li{ clear:both; border-bottom:1px dotted #9FBDD6; padding:10px;  position:relative; zoom:1; list-style-type:none;}
.course_TargetList li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.course_TargetList img.thumbnail{ padding:3px; border:1px solid #A1BDD3; width:160px; height:120px; float:left;}
.course_TargetList .right{ width:auto; float:right; margin-top:100px;}
.course_TargetList .right div{ float:left; padding-left:5px;}

.course_TargetList div.middle{float:none; margin:0 120px 0 200px; overflow:hidden;_height:0;_overflow:visible;}

.course_TargetList div.middle h4 { font-weight:bold; height:25px; overflow:hidden; display:block;}
.course_TargetList div.middle h4 span{ float:left; background:transparent url(/img/iconsprite.gif) no-repeat scroll 0 -579px; height:25px; overflow:hidden; display:block; padding-right:3px; width:22px; }
.course_TargetList div.middle h4 span.text{ height:25px; width:auto; background:none; display:block; padding-left:5px;}
.course_TargetList div.middle h4 span.wiki{ background:transparent url(/img/articleType/wiki.gif) no-repeat scroll 0px 0px;}
.course_TargetList div.middle h4 span.slide{ background:transparent url(/img/articleType/slide.gif) no-repeat scroll 0 0; }
.course_TargetList div.middle h4 span.audio{ background:transparent url(/img/articleType/audio.gif) no-repeat scroll 0 0;}
.course_TargetList div.middle h4 span.syncAudio{ background:transparent url(/img/articleType/syncedAudio.gif) no-repeat scroll 0 0; width:25px; }
.course_TargetList div.middle h4 span.video{ background:transparent url(/img/articleType/video.gif) no-repeat scroll 0 0; }
.course_TargetList div.middle h4 a{ text-decoration:underline;}
.course_TargetList div.middle .discription{ clear:both}



#targetsListViewCT.course_TargetList .x-grid3-td-checker .x-grid3-hd-checker{}
#targetsListViewCT.course_TargetList td.x-grid3-td-checker{ padding:3px 5px 3px 5px;}
#targetsListViewCT.course_TargetList .x-grid3-row{}
#targetsListViewCT.course_TargetList .x-grid3-hd-row td{ vertical-align:top}
#targetsListViewCT.course_TargetList .x-grid3-body .x-grid3-td-checker{ padding-right:6px;}
#targetsListViewCT.course_TargetList .x-grid3-hd-checker-on .x-grid3-hd-checker{ background-position:-23px 2px}
#targetsListViewCT.course_TargetList .x-grid3-hd-checker{ background-position:2px 2px}


#targetsListViewCT.course_TargetList .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, 
#targetsListViewCT.course_TargetList .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, 
#targetsListViewCT.course_TargetList .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{
background-color:#FBEED0;
}

#targetsListViewCT.course_TargetList .x-grid3-hd-row td{ border-right:1px solid #BFD3E2; border-left:1px solid #EFF6F8}
#targetsListViewCT.course_TargetList .x-grid3-hd-row td.x-grid3-td-expander{ border:none; width:0!important}
#targetsListViewCT.course_TargetList .x-grid3-hd-row td.x-grid3-td-expander div{ display:none}

#targetsListViewCT.course_TargetList .x-grid3-viewport{ border:1px solid #BFD3E2; padding:1px;}
#targetsListViewCT.course_TargetList .x-grid3-header{ background:url(/img/sprite_course.gif) 0 -365px repeat-x;}

#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-td-expander{ padding-top:3px;}
#targetsListViewCT.course_TargetList .x-grid3-header-offset table tr td{ text-align:center; font-weight:bold!important}

#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell{padding-top:2px; }


#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell span{ float:left; background:transparent url(/img/iconsprite.gif) no-repeat scroll 0 -579px; height:18px; overflow:hidden; display:block; padding-right:3px; width:22px; }
#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell span.text{ height:18px; width:auto; background:none; display:block; padding-left:5px;}
#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell span.wiki{ background:transparent url(/img/articleType/wiki.gif) no-repeat scroll 0px 0px;}
#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell span.slide{ background:transparent url(/img/articleType/slide.gif) no-repeat scroll 0 0; }
#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell span.audio{ background:transparent url(/img/articleType/audio.gif) no-repeat scroll 0 0;}
#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell span.quiz{ background:transparent url(/img/articleType/quiz.gif) no-repeat scroll 0 0;}
#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell span.syncAudio{ background:transparent url(/img/articleType/syncedAudio.gif) no-repeat scroll 0 0; width:25px; }
#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell span.video{ background:transparent url(/img/articleType/video.gif) no-repeat scroll 0 0; }
#targetsListViewCT.course_TargetList .x-grid3-row-table .x-grid3-cell span.failed{ background:transparent url(/img/articleType/failed.gif) no-repeat scroll 0 0; }

#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body{ background:#FFFFFF; padding:10px 10px 10px 50px; border-top:1px solid  #EFF6F8; zoom:1}
#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .discription{ float:none; margin-left:200px;}
#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .discription .descriptionContainer{ overflow:hidden;_height:0;_overflow:visible;}

#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .x-panel-tl{ display:none}
#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .x-panel-ml{ padding:0; margin:0; border:none; background:none}
#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .x-panel-mc{ padding:0; margin:0; border:none; background:none}
#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .x-panel-mr{ padding:0; margin:0; border:none; background:none}
#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .x-panel-bl{ display:none}
#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .x-panel-mc .x-panel-body{ border:none; background:none}
#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .x-tree-node{ padding:2px 0; border:none}
#targetsListViewCT.course_TargetList .x-grid3-row-expanded .x-grid3-row-body .x-tree-col{}
/*TargetList End*/


/*lectureList Begin*/
#courseLecturesViewListGrid .x-grid3-td-checker .x-grid3-hd-checker{}
#courseLecturesViewListGrid td.x-grid3-td-checker{ padding:3px 5px 3px 5px;}
#courseLecturesViewListGrid .x-grid3-row{}
#courseLecturesViewListGrid .x-grid3-hd-row td{ vertical-align:top}
#courseLecturesViewListGrid .x-grid3-body .x-grid3-td-checker{ padding-right:6px;}
#courseLecturesViewListGrid .x-grid3-hd-checker-on .x-grid3-hd-checker{ background-position:-23px 2px}
#courseLecturesViewListGrid .x-grid3-hd-checker{ background-position:2px 2px}


#courseLecturesViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, 
#courseLecturesViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, 
#courseLecturesViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{
background-color:#FBEED0;
}

#courseLecturesViewListGrid .x-grid3-hd-row td{ border-right:1px solid #BFD3E2; border-left:1px solid #EFF6F8}
#courseLecturesViewListGrid .x-grid3-hd-row td.x-grid3-td-expander{ border:none; width:0!important}
#courseLecturesViewListGrid .x-grid3-hd-row td.x-grid3-td-expander div{ display:none}

#courseLecturesViewListGrid .x-grid3-viewport{ border:1px solid #BFD3E2; padding:1px;}
#courseLecturesViewListGrid .x-grid3-header{ background:url(/img/sprite_course.gif) 0 -365px repeat-x;}

#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-td-expander{ padding-top:3px;}
#courseLecturesViewListGrid .x-grid3-header-offset table tr td{ text-align:center; font-weight:bold!important}

#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell{padding-top:2px; }


#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell span{ float:left; background:transparent url(/img/iconsprite.gif) no-repeat scroll 0 -579px; height:18px; overflow:hidden; display:block; padding-right:3px; width:22px; }
#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell span.text{ height:18px; width:auto; background:none; display:block; padding-left:5px;}
#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell span.wiki{ background:transparent url(/img/articleType/wiki.gif) no-repeat scroll 0px 0px;}
#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell span.slide{ background:transparent url(/img/articleType/slide.gif) no-repeat scroll 0 0; }
#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell span.audio{ background:transparent url(/img/articleType/audio.gif) no-repeat scroll 0 0;}
#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell span.quiz{ background:transparent url(/img/articleType/quiz.gif) no-repeat scroll 0 0;}
#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell span.syncAudio{ background:transparent url(/img/articleType/syncedAudio.gif) no-repeat scroll 0 0; width:25px; }
#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell span.video{ background:transparent url(/img/articleType/video.gif) no-repeat scroll 0 0; }
#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell span.failed{ background:transparent url(/img/articleType/failed.gif) no-repeat scroll 0 0; }

#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body{ padding:10px 10px 10px 10px; border-top:1px solid  #EFF6F8; zoom:1}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .discription{ float:none; padding-right:10px; line-height:200%}

#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .discription ul.form{ margin:0; padding:0; float:none; }
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .discription ul.form li{ list-style-type:none; margin:0; padding:5px; clear:both}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .discription ul.form li span{ display:block; float:left}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .discription ul.form li .progressBar1{ display:block; float:left; margin-left:10px;}

#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .discription h1{ padding:0; font-weight:bold; font-size:12px;}

.progressBar1{ border:1px solid; border-color:#b2b2b2 #a1a1a1 #8c8c8c #a1a1a1; height:11px; width:205px; background:url(/img/sprite_course.gif) 0 -675px repeat-x; font-size:0; line-height:0; overflow:hidden}
.progressBar1 .currentProgress{ border-right:1px solid #b2b2b2; background:url(/img/sprite_course.gif) 0 -664px repeat-x; height:11px; float:left; font-size:0; line-height:0; overflow:hidden}

#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .x-panel-tl{ display:none}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .x-panel-ml{ padding:0; margin:0; border:none; background:none}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .x-panel-mc{ padding:0; margin:0; border:none; background:none}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .x-panel-mr{ padding:0; margin:0; border:none; background:none}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .x-panel-bl{ display:none}
#courseLecturesViewListGrid .x-grid3-hd-row .x-grid3-td-courseDetailExpander { display:none}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .x-panel-mc .x-panel-body{ border:none; background:none}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .x-tree-node{ padding:2px 0; border:none}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-body .x-tree-col{}
#courseLecturesViewListGrid .x-grid3-row-expander{ width:20px;}
#courseLecturesViewListGrid .x-grid3-row-expanded .x-grid3-row-expander{ background-position:-21px 0}
#courseLecturesViewListGrid .x-grid3-row-collapsed .x-grid3-row-expander{ background-position:4px 0}
#courseLecturesViewListGrid img.thumbnail{ border:1px solid #A1BDD3; padding:3px; width:120px; height:90px; margin:0 10px 0 0}
#courseLecturesViewListGrid .leftColumn{width:49%;float:left; border-right:1px dotted #CCCCCC}
#courseLecturesViewListGrid .rightColumn{float:right;width:49%; padding:0}
#courseLecturesViewListGrid .rightColumn h1{padding:5px 0; margin:0; font-weight:bold; font-size:12px; padding-left:10px;}
#courseLecturesViewListGrid .rightColumn ul{ padding-top:5px;}
#courseLecturesViewListGrid .rightColumn ul li{ list-style-type:disc; list-style-position:inside; clear:both; padding:5px 0; padding-left:10px;}
/*lectureList End*/


/*course lecture begin*/
#courseLecturesViewListGrid .x-grid3-td-checker .x-grid3-hd-checker{}
#courseLecturesViewListGrid td.x-grid3-td-checker{ padding:3px 5px 3px 5px;}
#courseLecturesViewListGrid .x-grid3-row{}
#courseLecturesViewListGrid .x-grid3-hd-row td{ vertical-align:top}
#courseLecturesViewListGrid .x-grid3-body .x-grid3-td-checker{ padding-right:6px;}
#courseLecturesViewListGrid .x-grid3-hd-checker-on .x-grid3-hd-checker{ background-position:-23px 2px}
#courseLecturesViewListGrid .x-grid3-hd-checker{ background-position:2px 2px}


#courseLecturesViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, 
#courseLecturesViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, 
#courseLecturesViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{
background-color:#FBEED0;
}

#courseLecturesViewListGrid .x-grid3-hd-row td{ border-right:1px solid #BFD3E2; border-left:1px solid #EFF6F8}
#courseLecturesViewListGrid .x-grid3-hd-row td.x-grid3-td-expander{ border:none; width:0!important}
#courseLecturesViewListGrid .x-grid3-hd-row td.x-grid3-td-expander div{ display:none}

#courseLecturesViewListGrid .x-grid3-viewport{ border:1px solid #BFD3E2; padding:1px;}
#courseLecturesViewListGrid .x-grid3-header{ background:url(/img/sprite_course.gif) 0 -365px repeat-x;}

#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-td-expander{ padding-top:3px;}
#courseLecturesViewListGrid .x-grid3-header-offset table tr td{ text-align:center; font-weight:bold!important}

#courseLecturesViewListGrid .x-grid3-row-table .x-grid3-cell{padding-top:2px; }

#courseLecturesViewListGrid .x-grid3-hd-row .x-grid3-td-checker{ display:none}

#lectureViewListTargetsGrid .x-grid3-hd-row .x-grid3-td-checker{ display:none}
#courseInstructorsViewListGrid .x-grid3-hd-row .x-grid3-td-checker{ display:none}
/*course lecture end*/



/*category grid*/
#courseCategoriesViewListGrid .x-grid3-td-checker .x-grid3-hd-checker{}
#courseCategoriesViewListGrid td.x-grid3-td-checker{ padding:3px 5px 3px 5px;}
#courseCategoriesViewListGrid .x-grid3-row{}
#courseCategoriesViewListGrid .x-grid3-hd-row td{ vertical-align:top}
#courseCategoriesViewListGrid .x-grid3-body .x-grid3-td-checker{ padding-right:6px;}
#courseCategoriesViewListGrid .x-grid3-hd-checker-on .x-grid3-hd-checker{ background-position:-23px 2px}
#courseCategoriesViewListGrid .x-grid3-hd-checker{ background-position:2px 2px}


#courseCategoriesViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, 
#courseCategoriesViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, 
#courseCategoriesViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{
background-color:#FBEED0;
}

#courseCategoriesViewListGrid .x-grid3-hd-row td{ border-right:1px solid #BFD3E2; border-left:1px solid #EFF6F8}
#courseCategoriesViewListGrid .x-grid3-hd-row td.x-grid3-td-expander{ border:none; width:0!important}
#courseCategoriesViewListGrid .x-grid3-hd-row td.x-grid3-td-expander div{ display:none}

#courseCategoriesViewListGrid .x-grid3-viewport{ border:1px solid #BFD3E2; padding:1px;}
#courseCategoriesViewListGrid .x-grid3-header{ background:url(/img/sprite_course.gif) 0 -365px repeat-x;}

#courseCategoriesViewListGrid .x-grid3-row-table .x-grid3-td-expander{ padding-top:3px;}
#courseCategoriesViewListGrid .x-grid3-header-offset table tr td{ text-align:center; font-weight:bold!important}

#courseCategoriesViewListGrid .x-grid3-row-table .x-grid3-cell{padding-top:2px; }

#courseCategoriesViewListGrid .x-grid3-hd-row .x-grid3-td-checker{ display:none}
/*category grid*/



/*general properties grid begin*/
/*
#applicableCategory .x-grid3-td-checker .x-grid3-hd-checker{}
#applicableCategory td.x-grid3-td-checker{ padding:3px 5px 3px 5px;}
#applicableCategory .x-grid3-row{}
#applicableCategory .x-grid3-hd-row td{ vertical-align:top}
#applicableCategory .x-grid3-body .x-grid3-td-checker{ padding-right:6px;}
#applicableCategory .x-grid3-hd-checker-on .x-grid3-hd-checker{ background-position:-23px 2px}
#applicableCategory .x-grid3-hd-checker{ background-position:2px 2px}


#applicableCategory .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, 
#applicableCategory .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, 
#applicableCategory .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{
background-color:#FBEED0;
}

#applicableCategory .x-grid3-hd-row td{ border-right:1px solid #BFD3E2; border-left:1px solid #EFF6F8}
#applicableCategory .x-grid3-hd-row td.x-grid3-td-expander{ border:none; width:0!important}
#applicableCategory .x-grid3-hd-row td.x-grid3-td-expander div{ display:none}

#applicableCategory .x-grid3-viewport{ border:1px solid #BFD3E2; padding:1px;}
#applicableCategory .x-grid3-header{ background:url(/img/sprite_course.gif) 0 -365px repeat-x;}

#applicableCategory .x-grid3-row-table .x-grid3-td-expander{ padding-top:3px;}
#applicableCategory .x-grid3-header-offset table tr td{ text-align:center; font-weight:bold!important}

#applicableCategory .x-grid3-row-table .x-grid3-cell{padding-top:2px; }
*/



#instructorItemsConfigId .x-grid3-hd-row .x-grid3-td-checker{ display:none}



#courseInstructorsViewListGrid .x-grid3-td-checker .x-grid3-hd-checker{}
#courseInstructorsViewListGrid td.x-grid3-td-checker{ padding:3px 5px 3px 5px;}
#courseInstructorsViewListGrid .x-grid3-row{}
#courseInstructorsViewListGrid .x-grid3-hd-row td{ vertical-align:top}
#courseInstructorsViewListGrid .x-grid3-body .x-grid3-td-checker{ padding-right:6px;}
#courseInstructorsViewListGrid .x-grid3-hd-checker-on .x-grid3-hd-checker{ background-position:-23px 2px}
#courseInstructorsViewListGrid .x-grid3-hd-checker{ background-position:2px 2px}


#courseInstructorsViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, 
#courseInstructorsViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, 
#courseInstructorsViewListGrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{background-color:#FBEED0;}

#courseInstructorsViewListGrid .x-grid3-hd-row td{ border-right:1px solid #BFD3E2; border-left:1px solid #EFF6F8}
#courseInstructorsViewListGrid .x-grid3-hd-row td.x-grid3-td-expander{ border:none; width:0!important}
#courseInstructorsViewListGrid .x-grid3-hd-row td.x-grid3-td-expander div{ display:none}

#courseInstructorsViewListGrid .x-grid3-viewport{ border:1px solid #BFD3E2; padding:1px;}
#courseInstructorsViewListGrid .x-grid3-header{ background:url(/img/sprite_course.gif) 0 -365px repeat-x;}

#courseInstructorsViewListGrid .x-grid3-row-table .x-grid3-td-expander{ padding-top:3px;}
#courseInstructorsViewListGrid .x-grid3-header-offset table tr td{ text-align:left; font-weight:bold!important}

#courseInstructorsViewListGrid .x-grid3-row-table .x-grid3-cell{padding-top:2px; }
/*general properties grid end*/



/*tree*/
#courseLectureSetupPanel1 #westPanel1 .x-panel-mc .x-panel-body{ overflow-x:hidden!important}
/*tree*/


#tabpageCT4LectureComponents #sectionColumnTreeDiv{ float:left}
#tabpageCT4LectureComponents .actionButtons{ clear:both; padding-bottom:5px; float:left; margin-right:5px;}
#tabpageCT4LectureComponents .sectionItemsContainer{ overflow:hidden; _height:0; _overflow:visible}
#tabpageCT4LectureComponents .x-tree-headers{ border-top:#CCCCCC 1px solid;}

#tabpageCT4LectureComponents .infoPanel{ float:left; border:#CCCCCC 1px solid; width:230px; padding:5px; height:180px; background:#FFFFFF}
#tabpageCT4LectureComponents input{ font-size:12px;}
#tabpageCT4LectureComponents textarea{ font-size:12px;}
#tabpageCT4LectureComponents .x-tree-root-node{ background:#FFFFFF; border:1px solid #CCCCCC; border-top:none;}
#tabpageCT4LectureComponents .x-tree-node{ padding:5px 0;}


#tabpageCT4LectureComponents .Course_SectionProperties{ clear:both; padding:0; margin:0; border:none; background:#FFFFFF; padding:5px;}
#tabpageCT4LectureComponents .Course_SectionProperties table{ width:100%; padding:auto; margin:auto;border-collapse:collapse; border-spacing:0;}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td{ padding:5px;}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td.FieldText{ width:50px; text-align:right; font-weight:bold; vertical-align:top}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.sectionName{ clear:both; width:auto; border:1px solid #CCCCCC; padding:3px; overflow:hidden}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.sectionName input{ padding:0; margin:0; width:100%;_width:expression((this.parentNode.clientWidth-15)+"px"); overflow:hidden; border:none; border-width:0; height:14px; line-height:14px;}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.discription{ clear:both; width:auto; border:1px solid #CCCCCC; padding:3px; overflow:hidden}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.discription textarea{ width:100%;_width:expression(this.parentNode.currentStyle.width+"px");border:none; border-width:0; height:50px; font-size:12px;}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.target{ float:none; width:auto; border:1px solid #CCCCCC; padding:3px; margin-right:80px; height:14px}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.target .targetContainer{ overflow:hidden}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.target input{ padding:0; margin:0; width:100%;_width:expression((this.parentNode.clientWidth-90)+"px"); border:none; border-width:0; height:14px; line-height:14px;}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td img.thumbnail{ clear:both; width:286px; height:214px; margin:5px 0; padding:3px; border:1px solid #A1BDD3; }
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.startingTime{ clear:both}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.startingTime input{ padding:3px; border:1px solid #CCCCCC; width:50px; height:14px; overflow:hidden}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.startingTime span{ padding:0 10px; font-weight:bold}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td div.startingTime span.tip{ font-weight:normal; color:#F00}
#tabpageCT4LectureComponents .Course_SectionProperties table tr td .selectBtn{ float:right}
#tabpageCT4LectureComponents .Course_SectionProperties .submit{ padding-top:10px; clear:both}


/*bug fix*/
#panelCT .x-tab-edge{ display:none}
.widthFix{ width:auto!important}

ul.x-tab-strip li a{ _display:block; _float:left!important}/*for ext tab in IE6*/
.quizChangeVersionRadioLableStatus{ width:200px!important}
.radioButtonInIE{ width:100px!important}
#KloudModuleQuizStatisticsHistoryGridSearch{ top:1px!important; height:16px!important; *top:0px!important;}









.x-btn button.back {
background:transparent url(/img/back.png) no-repeat scroll left top;
}

/*Public*/
a.extStyleButton {
background:url(/img/extStyleButton.gif) 0 0;
height:17px;
width:75px;
font-size:11px!important;
display:block;
text-align:center;
color:#000000!important;
padding-top:4px;
text-decoration:none!important;
font-weight:normal!important;
}
a.extStyleButton:hover { color:#FFFFFF!important; text-decoration:none!important}
a.btn_75{background-position:0px 0px;}
a.btn_75:hover{background-position:0px 21px;}
a.btn_100{background-position:-75px 0px;width:100px;}
a.btn_100:hover{background-position:-75px 21px;width:100px;}

a.button_blue1{ float:left!important; clear:none!important; display:block;}
a.button_blue1 span{ display:block; float:left!important; clear:none!important}
a.button_blue1 span.text{ background:url(/img/sprite_course.gif) 0 -1035px repeat-x; height:14px!important; line-height:14px!important; padding:4px 5px 4px 5px; padding:5px 5px 3px 5px\9; color:#333!important;} 
a.button_blue1 span.left{ width:3px; height:22px; float:left; background:url(/img/sprite_course.gif) -19px -981px no-repeat; padding:0}
a.button_blue1 span.right{ width:3px; height:22px; float:left; background:url(/img/sprite_course.gif) -77px -981px no-repeat; padding:0}

a.button_blue1:hover span.text{ background-position: 0 -1058px; cursor:pointer;color:#FFF!important;}
a.button_blue1:hover span.left{ background-position: -19px -1004px}
a.button_blue1:hover span.right{ background-position:-77px -1004px}


.icon_lecture{ background:url(/img/sprite_course.gif) -2px -80px no-repeat!important;}
.icon_lecture_played{ background:url(/img/sprite_course.gif) -28px -80px no-repeat!important;}
.icon_lecture_playing{ background:url(/img/sprite_course.gif) -53px -80px no-repeat!important;}
.icon_quiz{ background:url(/img/sprite_course.gif) -2px -101px no-repeat!important;}

.course .x-tree-node-icon {
 background:url(/img/sprite_course.gif) -2px -433px no-repeat;
 height:16px; 
 width:16px;
}

.root .x-tree-node-icon {
 background:url(/img/sprite_course.gif) -9px -693px no-repeat;
 height:16px; 
 width:16px;
}

.child .x-tree-node-icon {
 background:url(/img/sprite_course.gif) -9px -713px no-repeat;
 height:16px; 
 width:16px;
}

.courseModule .x-tree-node-icon {
 background:url(/img/sprite_course.gif) -2px -407px no-repeat;
 height:16px; 
 width:16px;
}

.courseLecture .x-tree-node-icon {
 background:url(/img/sprite_course.gif) -2px -80px no-repeat;
 height:16px; 
 width:16px;
}

a.greenBtn{ border:1px solid #528F24!important; background:#5E9343 url(/img/sprite_course.gif) 0 -54px repeat-x; color:#FFFFFF!important; font-weight:bold; padding:1px 7px 3px 7px; font-size:11px!important; height:14px; display:block; float:left; text-decoration:none!important}
a.greenBtn:hover{ color:#FFFFFF; background:#5E9343; text-decoration:none}

a.config1{ background:url(/img/sprite_course.gif) -3px -30px no-repeat; height:15px; width:15px; margin-left:5px;}
a.config0{
background: url(/components/201004301143.ext/resources/images/slate/panel/tool-sprites.gif) no-repeat 0 -90px;
cursor:pointer;
height:15px;
margin-left:2px;
overflow:hidden;
width:15px;
}

.dragArea{
background:transparent url(/img/dragIcon.gif) repeat scroll 0 0;
cursor:move;
display:none;
height:30px;
left:0;
opacity:0.8;
position:absolute;
top:0;
width:29px;
}

.x-node-drop-ok-above .x-dd-drop-icon{
background:transparent url(/img/sprite_course.gif) repeat scroll -4px -123px;
height:30px;
width:29px;
left:3px;
position:absolute;
top:3px;
z-index:1;
}

.x-node-drop-ok-between .x-dd-drop-icon{
background:transparent url(/img/sprite_course.gif) repeat scroll -4px -160px;
height:30px;
width:29px;
left:3px;
position:absolute;
top:3px;
z-index:1;
}

.x-node-drop-ok-below .x-dd-drop-icon{
background:transparent url(/img/sprite_course.gif) repeat scroll -4px -197px;
height:30px;
width:29px;
left:3px;
position:absolute;
top:3px;
z-index:1;
}

.multi-proxy .dragArea{ visibility:hidden}

.clearfixSpacer{ clear:both; font-size:0px; height:0px; line-height:0; margin:0; padding:0; display:inline}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
.clearfix{zoom:1;}
/* End hide from IE-mac */ 

a.targetActions{ width:19px; height:16px; display:block; background:url(/img/sprite_course.gif); float:left; margin-left:5px;}
a.btnOutline{ background-position:-7px -334px; }
a.btnPlay{ background-position:-7px -334px; }
a.btnPlay_disabled{ background-position:-7px -540px;}
a.btnEdit{ background-position:-27px -334px;}
a.btnEdit_disabled{ background-position:-27px -540px;}
a.btnDelete{ background-position:-7px -1482px; width:60px;}
a.btnGoto{ background-position:-7px -568px; width:45px;}
a.btnView{ background-position:-7px -643px; width:45px;}
a.btnPreview{ background-position:-7px -1414px; width:60px;}
a.btnEdit{ background-position:-7px -1439px; width:50px;}
a.btnSetup{ background-position:-7px -1462px; width:50px;}
a.startToView{ background-position:-67px -334px;}

a.moveUp{ background-position:-55px -247px;}
a.moveDown{ background-position:-55px -269px;}
a.expandAll{ background-position:-5px -229px;}
a.expandAll_on{ background-position:-30px -229px;}
a.collapseAll{ background-position:-5px -269px;}
a.collapseAll_on{ background-position:-30px -269px;}

/*for fixing*/
#tbWrap #tbContainer .x-btn{border:1px solid #528F24; background:#5E9343 url(/img/sprite_course.gif) 0 -54px repeat-x; color:#FFFFFF; font-weight:bold; font-size:11px; display:block; float:left; text-decoration:none; height:21px;margin-right:4px; _display:inline}
#tbWrap #tbContainer .x-btn td.x-btn-right,#tbWrap #tbContainer .x-btn td.x-btn-left{ height:19px;}
#tbWrap #tbContainer .x-btn-over{ color:#FFFFFF; background:#5E9343; text-decoration:none;}
#tbWrap #tbContainer .x-btn td{ background:none; height:18px;}
#tbWrap #tbContainer .x-btn button{ font-weight:bold;font-size:11px; line-height:13px;}

#editForm .x-btn{border:1px solid #528F24; background:#5E9343 url(/img/elements.gif) 0 -54px repeat-x; color:#FFFFFF; font-weight:bold; font-size:11px; float:left; text-decoration:none; height:21px;margin-right:4px; _display:inline; text-align:center;}
#editForm .x-btn td.x-btn-right,#tbWrap #tbContainer .x-btn td.x-btn-left{ height:19px;}

#tbWrap #tbContainer #btnMoveUp.x-btn td.x-btn-left{ width:15px; background:url(/img/sprite_course.gif) -5px -300px no-repeat;}
#tbWrap #tbContainer #btnMoveDown.x-btn td.x-btn-left{ width:15px; background:url(/img/sprite_course.gif) -27px -299px no-repeat;}

#editForm .x-btn-over{ color:#FFFFFF; background:#5E9343; text-decoration:none;}
#editForm .x-btn td{ background:none; /*height:18px;*/}
#editForm .x-btn button{ font-weight:bold; color:#FFFFFF;font-size:11px; line-height:13px;}

.txGroupPanelArrow a{
	background: url(/components/201005130239.ext/resources/images/slate/panel/tool-sprites.gif) no-repeat 0 -90px;
	cursor:pointer;
	height:15px;
	margin-left:5px;
	overflow:hidden;
	width:15px;
	right:5px;
	top:3px;
	
}

#categoryCT .txGroupPanelArrow a{
	display:none!important;
}

.txGroupPanelArrow a:hover{
	background: url(/components/201005130239.ext/resources/images/slate/panel/tool-sprites.gif) no-repeat -15px -90px;
	cursor:pointer;
	height:15px;
	margin-left:5px;
	overflow:hidden;
	width:15px;
	right:5px;
	top:3px;
}


.sectionTitle{ padding:5px; clear:both; color:#2B5377; border-bottom:1px dotted; #2B5477; font-weight:bold; margin-bottom:10px; zoom:1}
.sectionTitle:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.sectionTitle span{ display:block; float:left; padding:5px 0 0 5px;}
.sectionTitle a{ display:block; float:right; margin-left:5px;}
.section{ padding:10px; clear:both; overflow-x:hidden;}

.topRightButtons{ padding:5px; clear:both; zoom:1}
.topRightButtons:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.topRightButtons a{ display:block; float:right; margin-left:5px;}

#instructorItemsConfigId .x-toolbar{ background:#F9F9F9 url(../img/grid3-hrow.gif) repeat-x 0 bottom; border-color:#CCCCCC}
#instructorItemsConfigId .x-toolbar button{ color:#333}
#instructorItemsConfigId .x-toolbar .x-btn-over button{ color:#FFF}

/*new target begin*/
.uploadType{ padding:5px 100px;}
.uploadType input{ float:left; width:15px; height:15px;}
.uploadType label{ display:block; float:left; padding:0 5px; margin-right:10px;}

.targetType{ }
.targetType input{ float:left; width:15px; height:15px;}
.targetType label{ display:block; float:left; padding:0 5px; margin-right:10px;}


#lectureUppanel .x-toolbar{ background:#F9F9F9 url(../img/grid3-hrow.gif) repeat-x 0 bottom; border-color:#CCCCCC}
#lectureUppanel .x-toolbar button{ color:#333}
#lectureUppanel .x-toolbar .x-btn-over button{ color:#FFF}

#courseUppanel .x-toolbar{ background:#F9F9F9 url(../img/grid3-hrow.gif) repeat-x 0 bottom; border-color:#CCCCCC}
#courseUppanel .x-toolbar button{ color:#333}
#courseUppanel .x-toolbar .x-btn-over button{ color:#FFF}

#springUploadForm .x-toolbar{ background:#F9F9F9 url(../img/grid3-hrow.gif) repeat-x 0 bottom; border-color:#CCCCCC}
#springUploadForm .x-toolbar button{ color:#333}
#springUploadForm .x-toolbar .x-btn-over button{ color:#FFF}

#uploadForm_file4Audio .x-toolbar{ background:#F9F9F9 url(../img/grid3-hrow.gif) repeat-x 0 bottom; border-color:#CCCCCC}
#uploadForm_file4Audio .x-toolbar button{ color:#333}
#uploadForm_file4Audio .x-toolbar .x-btn-over button{ color:#FFF}

#uppanelVideo .x-toolbar{ background:#F9F9F9 url(../img/grid3-hrow.gif) repeat-x 0 bottom; border-color:#CCCCCC}
#uppanelVideo .x-toolbar button{ color:#333}
#uppanelVideo .x-toolbar .x-btn-over button{ color:#FFF}

#bulkUploadForm .x-toolbar{ background:#F9F9F9 url(../img/grid3-hrow.gif) repeat-x 0 bottom; border-color:#CCCCCC}
#bulkUploadForm .x-toolbar button{ color:#333}
#bulkUploadForm .x-toolbar .x-btn-over button{ color:#FFF}


.newTargetWrapper #templatecontent .header {margin-right:0;padding:3px 0 4px 22px;}
.newTargetWrapper h2{ zoom:1}
.newTargetWrapper h2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.newTargetWrapper h2 span{ display:block; float:left}
.newTargetWrapper h2 a{ float:right}

.editTargetWrapper #templatecontent .header {margin-right:0;padding:3px 0 4px 22px;}
.editTargetWrapper h2{ zoom:1}
.editTargetWrapper h2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.editTargetWrapper h2 span{ display:block; float:left}
.editTargetWrapper h2 a{ float:right}


div.uploadSuccess{ background:url(../img/silk/icons/accept.png) no-repeat left center; padding:5px 0 5px 20px;}
div.uploadFailed{ background:url(../img/error.gif) no-repeat left center; padding:5px 0 5px 20px;}
/*new target end*/


.msgTip{ padding:10px 15px; clear:both; border:#B1B4B5 1px solid; background:#FFFFD5 url(/img/msgBoxBg1.gif) repeat-x scroll center top; font-size:11px; _height:0;}
.lightGreen{background:#B3D575 url(/img/msgBoxBg2.gif) repeat-x scroll center top;}
.lightYellow{background:#FFFFD5 url(/img/msgBoxBg.gif) repeat-x scroll center top;}
.msgTip .title{ clear:both; padding-bottom:5px;}
.msgTip .title .icon{ display:block; float:left}
.msgTip .title .courseEdit{ display:block; width:20px; height:16px; background:url(/img/sprite_course.gif) no-repeat scroll -8px -597px;}
.msgTip .title .lectureEdit{ display:block; width:20px; height:16px; background:url(/img/sprite_course.gif) no-repeat scroll -8px -621px;}
.msgTip .title .childCategoryEdit{ display:block; width:20px; height:16px; background:url(/img/sprite_course.gif) no-repeat scroll -8px -757px;}
.msgTip .title .rootCategoryEdit{ display:block; width:20px; height:16px; background:url(/img/sprite_course.gif) no-repeat scroll -8px -737px;}
.msgTip .title span{ display:block; float:left; padding-left:5px; font-weight:bold}
.msgTip .content{ clear:both}

.newline{ margin-top:5px;}



.rightSide .links{
clear:both;
padding:10px;
padding-bottom:0;
overflow:hidden;
}

.rightSide .links ul{
margin:0;
padding:0;
}

.rightSide .links ul li{
display:block;
clear:both;
list-style-type:none;
padding-right:10px;
padding-top:0!important;
padding-left:0!important;
margin-bottom:10px!important;
}

.rightSide .links a{ 
display:block;
font-weight:bold;
background:url(/img/icons.gif) no-repeat;
padding:2px 0 0 20px;
clear:both;
}
.rightSide .links a.edit{ background-position:0 -20px}
.rightSide .links a.goto{ background-position:0 -198px}
.rightSide .links a.feature{ background-position:0 0}
.rightSide .links a.fav{ background-position:0 -82px}
.rightSide .links a.share{ background-position:0 -100px}
.rightSide .links a.flag{ background-position:0 -116px}
.rightSide .links a.rss{ background-position:0 -135px}
.rightSide .links a.subscribe{ background-position:0 -155px}
.rightSide .links a.unsubscribe{ background-position:0 -219px}
.rightSide .links a.download{ background-position:0 -175px}





.courseDetailWrapper{ clear:both; zoom:1;}
.courseDetailWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.courseDetailWrapper .rightColumn{ float:right; width:190px; padding:5px;}
.courseDetailWrapper .mainColumn{ float:none; margin-right:200px;}
.courseDetailWrapper .mainColumnContainer{ overflow:hidden; _height:0; _overflow:visible;}

.box801{ clear:both; border:1px solid #BFD3E2; padding:1px; background:#FFF}
.box801 .title{ clear:both; height:24px; background:transparent url(/img/sprite_course.gif) repeat-x 0 -365px;}
.box801 .title span{ display:block; float:left; padding-left:10px; padding-top:5px; font-size:11px; font-weight:bold}
.box801 .content{ clear:both; background:#F5F8FB; padding:10px; zoom:1}
.box801 .content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.box802{ clear:both; border:1px solid #BFD3E2; padding:1px; background:#FFF}
.box802 .title{ clear:both; height:24px; padding:0!important; background:#4C8131 url(/img/mainsprite.png) repeat-x scroll 0 -600px;}
.box802 .title span{ display:block; float:left; padding-left:10px; padding-top:5px; font-size:11px; font-weight:bold; color:#FFF}
.box802 .content{ clear:both; background:#F5F8FB; padding:10px; zoom:1}
.box802 .content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.box803{ clear:both; border:1px solid #BFE4BB; padding:1px; background:#FFF}
.box803 .title{ clear:both; height:24px; background:transparent url(/img/sprite_course.gif) repeat-x 0 -774px;}
.box803 .title span{ display:block; float:left; padding-left:10px; padding-top:5px; font-size:11px; font-weight:bold}
.box803 .content{ clear:both; background:#FFF url(/img/highlightBoxBg.gif) repeat-x 0 bottom; padding:10px; zoom:1}
.box803 .content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.box804{ clear:both; padding:1px;}
.box804 .title{ clear:both; height:30px; border-bottom:2px solid #41617C;}
.box804 .title span{ display:block; float:left; padding-left:10px; padding-top:5px; font-size:14px; font-weight:bold}
.box804 .content{ clear:both; padding:20px; zoom:1}
.box804 .content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

ul.rightRelatedCourse{ clear:both; margin:0; padding:0; zoom:1}
ul.rightRelatedCourse li{ list-style-type:none; clear:both; padding:5px 0; width:auto; border-bottom:1px dotted #CCC; padding:5px;}
ul.rightRelatedCourse li ul{ clear:both; margin:0; padding:0; zoom:1}
ul.rightRelatedCourse li ul li{ font-size:10px; clear:both; border:none;}
ul.rightRelatedCourse li ul li span{ font-weight:bold; padding-right:10px;}
ul.rightRelatedCourse li ul li.title{ height:13px; padding:5px 5px 5px 20px!important; background:url(/img/sprite_course.gif) -3px -428px no-repeat; font-size:11px; font-weight:bold; clear:both;}

ul.rightRelatedLecture{ clear:both; margin:0; padding:0; zoom:1}
ul.rightRelatedLecture li{ list-style-type:none; clear:both; width:auto; border-bottom:1px dotted #CCC; padding:5px;}
ul.rightRelatedLecture li ul{ clear:both; margin:0; padding:0; zoom:1}
ul.rightRelatedLecture li ul li{ font-size:10px; clear:both; border:none;}
ul.rightRelatedLecture li ul li span{ font-weight:bold; padding-right:10px;}
ul.rightRelatedLecture li ul li.title{ height:13px; padding-left:20px; background:transparent url(/img/sprite_course.gif) no-repeat -10px -1097px; font-size:11px; font-weight:bold; clear:both;}

#subnavbar .viewMode ul{ float:right; padding:4px 5px 0 0}
#subnavbar .viewMode li{ list-style-type:none; display:block; float:left; height:14px; padding:3px 10px;}
#subnavbar .viewMode li.current{ background:#344D63 no-repeat scroll center center;}
#subnavbar .viewMode li img{ display:block; float:left}
#subnavbar .viewMode li a {
display:block;
float:left;
padding-left:5px;
}

#subnavbar{ z-index:9}
#subnavbar li a {
color:#3C566B;
text-decoration:none;
}

#subnavbar li a.on {

color:#FFFFFF;
text-decoration:none;
}

#subnavbar li a.off {
color:#FFFFFF;
}

#subnavbar .viewMode li a:hover {
text-decoration:underline;
}

#subnavbar .viewMode li.current a{
cursor:default;
}
#subnavbar .viewMode li.current a:hover {
text-decoration:none;
}


#subnavbar li{ position:relative; display:block; float:left; line-height:15px; font-size:11px}
#subnavbar li a.navlink {
background:transparent url(/img/iconsprite.gif) no-repeat scroll 2px -29px;
padding:0 0 0 14px;
display:block;
float:left;
height:18px;
}
#subnavbar li a.navlink:hover{ text-decoration:none}

#subnavbar li a.navlink h1{ margin:0; padding:0; display:block; float:left}
#subnavbar li a.navlink h1.on{ border:1px solid #CCC; background:url(/img/sprite_course.gif) 0 -1206px repeat-x;}
#subnavbar li a.navlink h1 span{ padding: 0 18px 0 2px; background:url(/img/sprite_course.gif) right -1184px no-repeat; display:block}
#subnavbar li ul{ display:none; position:absolute; top:16px; left:14px; border:1px solid #CCC; background:#CCC url(/img/menuBg.gif) 0 0 repeat-x; padding:0; margin:0; zoom:1; z-index:5000; width:200px; overflow:auto; overflow-x:hidden; font-size:11px; line-height:13px; _background-attachment:fixed}
#subnavbar li ul li{ list-style-type:none; border-bottom:1px solid #999; border-top:1px solid #FFF; float:left; width:100%; padding:0; margin:0}
#subnavbar li ul li a{ padding-left:2px; font-size:11px; display:block; height:13px; clear:both; padding:5px; margin:0 1px; white-space:nowrap; overflow:hidden}
#subnavbar li ul li a:hover{ text-decoration:none; background:#008AE5; color:#FFF}

#subnavbar li div.maskLine{ background:#FFF; height:1px; left:15px; top:16px; font-size:0; line-height:0; overflow:hidden; position:absolute; z-index:6000; display:none}
#subnavbar li div.shadow{ width:200px; position:absolute; left:18px; top:20px; background:#000; z-index:4000; font-size:0; line-height:0; overflow:hidden; filter:alpha(opacity=40);opacity:0.4; display:none}


#headerBarInfo a{ display:block; float:left}
#headerBarInfo a h1{ margin:0; padding:0; display:block; float:left}
#headerBarInfo a h1.on{ border:1px solid #CCC; background:url(/img/sprite_course.gif) 0 -1206px repeat-x;}
#headerBarInfo a h1 span{ padding: 0 22px 0 2px; background:url(/img/sprite_course.gif) right -1285px no-repeat; display:block; position:static; font-size:18px; font-weight:bold}
#headerBarInfo a h1 span.collapse{ background-position: right -1315px}
#headerBarInfo ul{ display:none; position:absolute; top:29px; left:34px; border:1px solid #CCC; background:#CCC url(/img/menuBg.gif) repeat-x; padding:0; margin:0; zoom:1; z-index:5000; width:200px;}
#headerBarInfo ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#headerBarInfo ul li{ list-style-type:none; border-bottom:1px solid #999; border-top:1px solid #FFF; float:left; width:100%; padding:0; margin:0}
#headerBarInfo ul li a{ padding-left:2px; font-size:11px; font-weight:normal; display:block; height:13px; clear:both; float:none; padding:5px; margin:0 1px; white-space:nowrap; overflow:hidden}
#headerBarInfo ul li a:hover{ text-decoration:none; background:#008AE5; color:#FFF}

#headerBarInfo div.maskLine{ background:#FFF; height:1px; left:35px; top:29px; font-size:0; line-height:0; overflow:hidden; position:absolute; z-index:6000; display:none}
#headerBarInfo div.shadow{ width:200px; position:absolute; left:38px; top:33px; background:#000; z-index:4000; font-size:0; line-height:0; overflow:hidden; filter:alpha(opacity=40);opacity:0.4; display:none}
/*#headerBarInfo a.close{ display:none; width:16px; height:16px; position:absolute; top:35px; background:url(/img/sprite_course.gif) -84px -1247px no-repeat; z-index:7000}
#headerBarInfo a.close:hover{ background-position:-84px -1267px}*/

/*popup up fix*/
.allcategoryformfix .x-plain-body{ padding-top:5px; padding-left:5px;}
.categoryformfix .x-plain-body{ padding-top:5px; padding-left:10px;}

.ext-mb-input{
background:#FFFFFF url(/components/201005130239.ext/resources/images/default/form/text-bg.gif) repeat-x scroll 0 0;
border:1px solid #B5B8C8;
padding:2px 3px 0 3px;
height:18px;
line-height:14px;
font-size:11px;
}


/*category tree*/
#categoryCT .x-grid3-row{ border:1px solid #ebf2f7!important;}
#categoryCT .x-grid3-row-over{ background:#DFEDBF url(/img/sprite_course.gif) repeat-x 0 -810px!important; border:1px solid #CCC!important;}
#categoryCT .x-grid3-row-selected{ background:#DFEDBF url(/img/sprite_course.gif) repeat-x 0 -810px!important; border:1px solid #CCC!important;}
#categoryCT .x-grid3-row-selected table.x-grid3-row-table{ background:url(/img/sprite_course.gif) no-repeat right -842px!important; width:100%!important}
#categoryCT .txGroupPanel{ border:none!important;}
#categoryCT h2{ padding-top:0; margin-top:5px; border:1px solid #ebf2f7; background:#C5D5DE;}
#categoryCT h2.selectedCategory div{ background:url(/img/sprite_course.gif) no-repeat right -908px!important;}
#categoryCT h2.selectedCategory{background:#F9ECC9 url(/img/sprite_course.gif) repeat-x 0 -878px!important; border:1px solid #CCC!important;}
#categoryCT .x-grid3-cell-inner, .x-grid3-hd-inner{ padding-left:16px!important;}


a.greenBtn2{ border:1px solid #528F24!important; background:#5E9343 url(/img/sprite_course.gif) 0 -54px repeat-x; color:#FFFFFF!important; font-weight:bold; padding:1px 7px 3px 7px; font-size:11px!important; line-height:14px; display:inline-block; text-decoration:none!important}
a.greenBtn2:hover{ color:#FFFFFF; background:#5E9343; text-decoration:none}
a.disabled{background:#5E9343 url(/img/sprite_course.gif) 0 -1155px repeat-x; border:1px solid #999!important; cursor:default}
a.disabled:hover{cursor:default}


ul.form{ margin:0; padding:0; zoom:1; clear:both; font-size:11px;}
ul.form:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
ul.fullColumn{ margin:0!important; padding:0!important;}
ul.form li{ list-style-type:none; min-height:35px; _height:35px; zoom:1; float:left; width:100%}
ul.form li.submit{ list-style-type:none; clear:both; min-height:35px; _height:35px; zoom:1; text-align:center; padding-top:30px;}
ul.form li.submit a{ margin-left:10px;}
ul.form li:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
ul.form li span{ float:left; text-align:left; padding-top:4px;}
ul.form li span.field{ display:table-cell; width:140px; height:14px; text-align:right; padding-right:10px; vertical-align:center;}
ul.form li span.field1{ display:table-cell; width:80px; height:14px; text-align:right; padding-right:10px; vertical-align:center;}
ul.form li span.tip{ display:block; padding-left:8px; color:#999}
ul.form li span.newlineTip{ display:block; padding-left:85px; color:#999; clear:both; float:none; text-align:left; line-height:200%; padding-bottom:10px;}
ul.form li input.textField{ border:#99AABB 1px solid; height:14px; padding:3px; margin:0; float:left; font-size:12px; background:url(/img/sprite_course.gif) 0 -946px repeat-x;}
ul.form li input.textField0{ width:115px;}
ul.form li input.textField1{ width:160px;}
ul.form li input.textField2{ width:415px;}
ul.form li input.textField3{ width:532px;}
ul.form li textarea{ width:415px; border:#CCC 1px solid; height:100px; padding:3px; float:left; font-size:12px;}
ul.form li textarea.textarea3{ width:532px; border:#CCC 1px solid; height:100px; padding:3px; float:left; font-size:12px;}
ul.form li .component{ float:left; padding-left:5px;}
ul.form li input.radio{ display:block; float:left; width:15px; height:15px; margin:0; padding:0}
ul.form li label{ display:block; float:left; padding:0 5px; padding:2px 5px 0 5px\9; _padding:1px 5px 0 5px;}


.templatesubmit a{ margin-right:10px;}


#lectureOutline{border:1px solid #BFD3E2; padding:1px;}
#lectureOutline .x-panel-header{ border:none;background:#4C8131 url(/img/mainsprite.png) repeat-x scroll 0 -600px;}
#lectureOutline .x-panel-body{ border:none; padding:15px; background:#CAE5FF}
#lectureOutline .x-tree-ec-icon{ display:none}
#lectureOutline .x-tree-node{ padding:3px 0}


#pageCT4QuizGeneralProperty .templatesubmit{ padding-left:20%}
#pageCT4LectureQuestions .templatesubmit{ padding-left:20%}


.lectureHeader{background:transparent url(/img/sprite_course.gif) no-repeat scroll 0 -1348px!important;}

#treeCT .x-panel-body-noheader{ overflow:hidden!important}

/* Section Notes */
.sectionHeader{ background:none!important; padding-left:10px!important;}

.main .mainContainer .links{
clear:both;
padding-bottom:0;
overflow:hidden;
}

.main .mainContainer .links ul{
margin:0;
padding:0;
float:right;
}

.main .mainContainer .links ul li{
display:block;
float:left;
list-style-type:none;
padding-right:10px;
padding-top:0!important;
padding-left:0!important;
margin-bottom:10px!important;
}

.main .mainContainer .links a{ 
display:block;
font-weight:bold;
background:url(/img/icons.gif) no-repeat;
padding:2px 0 0 20px;
font-size:11px;
}
.main .mainContainer .links a.edit{ background-position:0 -20px}
.main .mainContainer .links a.goto{ background-position:0 -198px}
.main .mainContainer .links a.feature{ background-position:0 0}
.main .mainContainer .links a.fav{ background-position:0 -82px}
.main .mainContainer .links a.share{ background-position:0 -100px}
.main .mainContainer .links a.flag{ background-position:0 -116px}
.main .mainContainer .links a.rss{ background-position:0 -135px}
.main .mainContainer .links a.subscribe{ background-position:0 -155px}
.main .mainContainer .links a.download{ background-position:0 -175px}

.main .mainContainer .section{ padding:10px 0 0 0}

.section .sectionWiki{
	background:#EBF2F7; border:1px solid #cbdeee;
	margin-bottom:12px;
	width:99.5%; margin:auto; position:relative;
}

.section .sectionWiki .hd {
	background:#a2bfd7 url(/img/main_sprite_09262008.png) 0 -700px repeat-x;
	font-size:100%; font-weight:bold; padding:4px 10px 4px 10px;
}

.section .sectionWiki .hd a#notes_hide {background:url(/img/iconsprite.gif) 0px -250px no-repeat;}
.section .sectionWiki .hd a#notes_show {background:url(/img/iconsprite.gif) 0px -280px no-repeat;}

.section .sectionWiki .hd a#summary_hide {background:url(/img/iconsprite.gif) 0px -250px no-repeat;}
.section .sectionWiki .hd a#summary_show {background:url(/img/iconsprite.gif) 0px -280px no-repeat;}

.section .sectionWiki .notesContent {
	padding:10px; line-height:1.6em; font-size:85%; width:auto; zoom:1;
}
.section .sectionWiki .notesContent:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.section .sectionWiki .summaryContent {
	padding:10px; line-height:1.6em; font-size:85%; width:auto;
}


.section .comments {
background:#E9F2DB none repeat scroll 0 0;
border:1px solid #AACE74;
}
.section .comments {
margin-bottom:10px;
}

.section .toc, .section .comments {
margin:auto;
position:relative;
width:99.5%;
}

.main .mainContainer .comments {background:#e9f2db; border:1px solid #aace74; }
.main .mainContainer .comments .hd {background:#b4d485 url(/img/main_sprite_09262008.png) 0 -800px repeat-x; color:#000;font-size:100%; font-size:100%; font-weight:bold; padding:4px 10px 4px 10px;}
.main .mainContainer .comments { margin-bottom:10px;}
.main .mainContainer .comments .content {padding:10px;}
.main .mainContainer .comments .content .button {margin-bottom:10px; overflow:hidden;}
.main .mainContainer .comments .content ul {clear:both;}
.main .mainContainer .comments .content ul li.entry {margin-bottom:10px;}
.main .mainContainer .comments .content ul li.hidden{ opacity:0.4; filter:alpha(opacity=40)}
.main .mainContainer .comments .content .avator { float:left; width:75px; background:transparent url(/img/comment_corner.png) no-repeat scroll 63px 20px;}
.avator img { padding:2px;}
.main .mainContainer .comments .content .comment {width:auto; margin-left:74px;}
.main .mainContainer .comments .content .comment .detail {border-top:none; border-left:none;padding:10px;background:#FFFFFF none repeat scroll 0 0;border-color:-moz-use-text-color #C1DB99 #C1DB99;border-style:none solid solid none;border-width:medium 1px 1px medium;padding:10px; overflow:hidden; _height:0; _overflow:visible}
.main .mainContainer .comments .content .comment .detail ol li {  list-style-type:decimal;list-style-position:inside }
.main .mainContainer .comments .content .comment .detail ul li {  list-style-type:disc;list-style-position:inside }
.main .mainContainer .comments .content .comment p {font-size:85%;  line-height:1.3em; margin-bottom:6px;}
.main .mainContainer .comments .content h6 {margin-bottom:4px; position:relative}
.main .mainContainer .comments .content h6 a {font-size:92%; font-weight:bold;}
.main .mainContainer .comments .content h6 span.actions{ position:absolute; right:5px;_right:75px; top:0; display:block; padding-right:10px;}
.main .mainContainer .comments .content h6 span.actions a{ margin-left:10px;}
.main .mainContainer .comments .content h6 span {font-size:85%; }
.main .mainContainer .comments .content .avator .remove{ clear:both; width:auto; padding:0px; border:0px; margin-top:5px;}
.main .mainContainer .comments .content .pagenation{ float:right; padding:10px;}
#paginationTopDiv{ clear:both; zoom:1}
#paginationTopDiv:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.main .mainContainer .comments .hd a#comment_hide {background:url(/img/iconsprite.gif) 0px -310px no-repeat;}
.main .mainContainer .comments .hd a#comment_show {background:url(/img/iconsprite.gif) 0px -340px no-repeat;}

.hd a.toggle{width:14px; height:14px; position:absolute; top:5px; right:5px; text-indent:-50000px;}

.readonlymask{ cursor:default!important; color:#666}


/*custonized grid*/
.customizedgrid { border:1px solid #BFD3E2!important; padding:1px!important}

.customizedgrid .x-grid3-td-checker .x-grid3-hd-checker{}
.customizedgrid td.x-grid3-td-checker{ padding:3px 5px 3px 5px!important;}
.customizedgrid .x-grid3-row{}
.customizedgrid .x-grid3-hd-row td{ vertical-align:top}
.customizedgrid .x-grid3-body .x-grid3-td-checker{ padding-right:6px!important;}
.customizedgrid .x-grid3-hd-checker-on .x-grid3-hd-checker{ background-position:-23px 2px!important}
.customizedgrid .x-grid3-hd-checker{ background-position:2px 2px!important}


.customizedgrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, 
.customizedgrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, 
.customizedgrid .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander{
background-color:#FBEED0!important;
}

.customizedgrid .x-grid3-hd-row td{ border-right:1px solid #BFD3E2!important; border-left:1px solid #EFF6F8!important}
.customizedgrid .x-grid3-hd-row td.x-grid3-td-expander{ border:none!important; width:0!important}
.customizedgrid .x-grid3-hd-row td.x-grid3-td-expander div{ display:none!important}

.customizedgrid .x-grid3-viewport{ border:none;}
.customizedgrid .x-grid3-header{ background:url(/img/sprite_course.gif) 0 -365px repeat-x!important;}

.customizedgrid .x-grid3-row-table .x-grid3-td-expander{ padding-top:3px!important;}
.customizedgrid .x-grid3-header-offset table tr td{ text-align:center!important; font-weight:bold!important}

.customizedgrid .x-grid3-row-table .x-grid3-cell{padding-top:2px!important; }

.noSelectAll .x-grid3-hd-row .x-grid3-td-checker{ display:none!important}

.btnFS{ display:block; height:16px; width:16px; position:absolute; right:5px; top:10px; background:url(/img/sprite_course.gif) -12px -1518px no-repeat}

img.viewCourseInstructor{ width:50px; height:50px;}

.commentWindow{
position:fixed!important;
_position:absolute!important;
/*position: absolute;
*top: expression((document.documentElement.clientHeight - 25 + (Rainy=document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); 
*left: expression((0 + (Rainy2=document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
*/
}
.commentWindow form.x-plain-body{ overflow:hidden!important; position:relative;}

/*Edit link for course section*/
.editSectionLink{
	background:url(/img/icons.gif) no-repeat;
	background-position:0 -20px;
	font-weight:bold;
	clear:both;
	padding:0 20px;
	position:absolute;
	right:10px;
}

#wikiContent{ height:auto!important}
#wikiContent .wiki_body{ clear:both!important}

.header4ViewCourse {
	border:1px solid #BFD3E2; padding:1px;
	background:url(/img/sprite_course.gif) 0 -365px repeat-x;
	padding:1px;
}

.header4ViewCourse .content{ background:#FFF;}


a.linkButton{ display:inline-block; *display:inline; line-height:16px; font-size:12px; padding-left:20px; background:url(/img/sprite_course.gif)}
a.remove_linkButton{ background-position:-7px -1592px;}
a.edit_linkButton{ background-position:-7px -1565px;}
a.hide_linkButton{ background-position:-7px -1617px;}
a.show_linkButton{ background-position:-7px -1641px;}


/*Instrator Begin*/
.course_Instrator{ padding:20px; clear:both;}
.course_Instrator .row{ clear:both; border-bottom:1px dotted #999; zoom:1}
.course_Instrator .row:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
.course_Instrator .item{ clear:both; padding:10px 0; width:49%; float:left; clear:none; zoom:1;}
.course_Instrator .item:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
.course_Instrator .item img.thumbnail{ padding:3px; border:1px solid #A1BDD3; width:50px; height:50px; float:left; margin-right:10px; margin-bottom:10px; float:left;margin-right:10px;}
.course_Instrator .item .intro{float:none; padding-right:10px;}
.course_Instrator .item .intro h1{ font-weight:bold; padding:0 0 5px 0; margin:0; font-size:12px; color:#2B5377}
.course_Instrator .item .intro h1.jobTitle{ font-style:italic}
/*Instrator End*/

.playerTip{ padding:15px 40px; zoom:1; font-weight:bold; color:#333}
.playerTip:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
.playerTip img{ float:left; display:block; border:none}
.playerTip div{ float:left; padding-left:10px;}
.playerTip div span{ padding:3px 0; display:block; clear:both}

.courseQuizReviewHighlightColor{
 background-color: #ffff9c;  
 background-color: #ffff9c\9;
 *background-color: #ffff9c;  
 _background-color: #ffff9c;
}

#coursePanelCT #datePicker .x-date-picker{ width:auto!important;}


#onlineTypeCT{ clear:both;}
#onlineTypeCT a,#classroomTypeCT a,#myCoursesTypeCT a{ height:25px; padding:10px 0 0 0; background:url(/img/trainingLeftBtnSprite.gif) 0 -35px repeat-x; display:block; clear:both; font-size:12px; font-weight:bold; border:1px solid #9FBDD6; border-top:none; color:#204D89}
#onlineTypeCT a span{ padding-left:35px; background:url(/img/onlineIcon.gif) no-repeat 10px 0; display:block; height:16px;}
#classroomTypeCT a span{ padding-left:35px; background:url(/img/classroomIcon.gif) no-repeat 10px 0; display:block; height:16px;}
#myCoursesTypeCT a span{ padding-left:35px; background:url(/img/book.gif) no-repeat 10px 0; display:block; height:16px;}
#onlineTypeCT a:hover,#classroomTypeCT a:hover,#myCoursesTypeCT a:hover{ background-position:0 0; color:#333}
#onlineTypeCT a.selected,#classroomTypeCT a.selected,#myCoursesTypeCT a.selected{ background-position:0 -70px; color:#333}

#classroomTrainingCT .treecenter{ padding:0;}
#classroomTrainingCT .treecenter .txGroupPanel{ border:none; padding:0;}

/*fixing bug*/
#updatePreviewImg{ padding-left:5px;}
#questionPanel label.x-abs-layout-item{ padding-top:5px;}
.rightcontent #vendor .x-panel-body,.rightcontent #contact .x-panel-body{ background:none}
.rightcontent #vendor .x-panel-body .x-form-field-trigger-wrap,.rightcontent #contact .x-panel-body .x-form-field-trigger-wrap{ margin-right:5px}

#instructorItemsConfigId{ border-bottom:1px solid #CCC}