span
{
    padding:0px;
    margin:0px;
}
.dijitDialogUnderlay {background: none repeat scroll 0 0 #000000;opacity:0.5;}
.vui  { margin: 0px; padding: 0px; }
.vui .clear { clear: both; height: 0px; overflow: hidden; }
.vui .main { font-family: Calibri, Arial; font-size: 13px; color: #666666; padding-bottom: 20px; margin: auto; width: 780px; overflow: hidden; background: url(../img/form-topbg.gif) top left repeat-x #fff; }
.vui #main { font-family: Calibri, Arial; font-size: 13px; color: #666666; padding-bottom: 20px; margin: auto; width: 1000px; overflow: hidden; background: url(../img/form-topbg.gif) top left repeat-x #fff; }
.vui .main .versionList { padding-left: 10px; margin-left: 10px; font-weight: bold; float: left; font-size: 13px; height: 50px; display: inline-block; color: #2591d4; line-height: 50px; border-left: 1px solid #d6d6d6; }
.vui .main .middle { padding: 15px 8px 15px 8px; margin-bottom: 10px; width: 790px; background: #f0f0f0; }
.vui .main h2 {  padding-left: 20px; padding-bottom: 10px; line-height: 50px; float: left; color: #5a5a5a; font-family: "myriad Pro"; font-size: 22px; font-weight: normal; }
.vui .main h2 span { display: block; font-size: 13px; text-transform: none; color: #9a9a9a; }
.vui .main p { border-top:4px solid #A2D0EC; padding: 10px 18px; padding-top: 0px; color: #5a5a5a; font-family: "trebuchet MS"; }
.vui .main .details { background: #fff; margin-left: 7px; padding-left: 8px; padding-bottom: 8px; font-family: "trebuchet MS"; width: 750px; border: 1px solid #cdcdcd; -moz-border-radius: 3px; overflow: hidden; }
.vui .main .attendanceContainer { background: #fff; margin-left: 7px; padding-left: 8px; padding-bottom: 8px; font-family: "trebuchet MS"; width: 750px; border: 1px solid #cdcdcd; -moz-border-radius: 3px; overflow: hidden;height:500px; }
.vui .space { padding-top:5px; }
.vui .options { width:800px; height:30px; margin:10px; }
.vui .summary { float:left; width:200px; }
.vui .summary span { font-size:16px; color: #0066CC; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.vui .mark { width:300px; padding-left:10px; float:left; margin-top:40px; }
.vui .mark .check-box { width:20px; float:left; }
.vui .maek .check-box .check-box-text { width:200px; float:left; vertical-align:top; }
.vui .spaec { padding-top:10px; clear:both; }
.vui .save { width:160px; float:right; padding-left:40px; padding-top:20px; }
.vui .save_center { width:150px; float:left; padding-left:0px; padding-top:5px; }
.vui .save_center input{ border:medium none; }
.vui .save-bouttom { width:160px; margin-left:40%; padding-top:20px; }
.vui .save_center .save input,.save-bouttom input { border:medium none; }
.vui .save_center .active { background-image:url(../img/save-active.gif); width:127px; height:36px;cursor:pointer; }
.vui .save_center .inactive { background-image:url(../img/save-unactive.gif); width:127px; height:36px;cursor:not-allowed; }
.vui .left_nav { width:200px; float:left; }
.vui .med_nav { width:600px; float:right; }
.vui .calender { width:800px; }
.vui .month { width:800px; padding-left:100px; }
.vui .months table tr td { background-color:#FFFFFF; height:25px; text-align:center; width:100px; }
.vui .months table tr td span a{ height:25px; text-align:center; font-weight:bold; color:#FFFFFF; width:100px; }
.vui .months table tr td span a:hover{  background-color:#0066CC; height:25px; text-align:center; font-weight:bold; color:#000000; width:100px; }
.vui .attendence-board {overflow:auto;height:350px; width:470px;}
.vui .attendance-register th {font-weight:bold; width:35px;height:24px;}
.vui .attendance-register span {width:100%;text-align:center;background-color:#FFF}
.vui .attendance-register th span.day {font-size:13px;}
.vui .attendance-register th span.leave {color:#CC3333;}
.vui .attendance-register th span.date {border:0;color:#000099;}
.vui .attendance-register th.previous div{background-image:url(../img/next.jpg);height:50px;width:50px;background-repeat:no-repeat;cursor:pointer;margin-left:130px;border:0px;}
.vui .attendance-register th.previous div.disabled{background-image:url(../img/next-of.jpg);}
.vui .attendance-register th.next div{background-image:url(../img/prv.jpg);height:50px;width:50px;background-repeat:no-repeat;cursor:pointer;margin-left:20px;border:0px;}
.vui .attendance-register th.next div.disabled{background-image:url(../img/prv-of.jpg);}
.vui .attendance-register th.student {width:200px; color:#000099; text-align:left;}
.vui .attendance-register td {border:#FFF 1px solid; background-image:url(../img/grey.jpg); width:40px;height:23px; background-repeat:no-repeat;}
.vui .attendance-register td.dirty{border:1px solid #CCCCCC;}
.vui .attendance-register td.not-available{cursor:pointer; background-image:url(../img/sky.jpg); width:40px;height:23px; background-repeat:no-repeat;}
.vui .attendance-register td.present{cursor:pointer; background-image:url(../img/gr.jpg); width:40px;height:23px; background-repeat:no-repeat;}
.vui .attendance-register td.absent{cursor:pointer; background-image:url(../img/red.jpg); width:40px;height:23px; background-repeat:no-repeat;}
.vui .attendance-register td.leave{cursor:pointer; background-image:url(../img/yel.jpg); width:40px;height:23px; background-repeat:no-repeat;}
.vui .attendance-register td a {text-decoration:none; width:35px; height:35px; text-align:center; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:	#000000;}
.vui .attendance-register td a:hover {color:#FFFFFF;}
.vui .register_container .left_panel {float:left;}
.vui .register_container .calender {background-image:url(../img/calendar_bg.gif); background-repeat:no-repeat;width:151px; height:133px;}
.vui .register_container .right_panel {width:140px; float:left; padding:5px; margin:8px 0 0 8px;}
.vui .register_container .right_panel .calender .monthYear {text-transform:uppercase;font-size:26px; color:#0484a2; text-align:center; padding-top:55px;margin-top:0px;}
.vui .register_container .right_panel .calender .change {color:#666666; text-align:center; padding:20px 10px 20px 15px;}
.vui .register_container .right_panel .calender .change .monthPrevious {cursor:pointer;margin-top:3px;float:left;background:url("../img/prev_calendar.jpg") no-repeat;height:11px;width:10px;}
.vui .register_container .right_panel .calender .change .txt {padding: 0px 5px;float:left;}
.vui .register_container .right_panel .calender .change .monthNext {cursor:pointer;margin-top:3px;float:left;background:url("../img/next_calendar.jpg") no-repeat;height:11px;width:10px;}
.vui .register_container .right_panel .options1 {padding:0px 0 0px 0px;}
.vui .register_container .right_panel .options1 ul {list-style-image:url(../img/mark_icon.gif); background-repeat:no-repeat;}
.vui .register_container .right_panel .options1 ul li a{color:#003399; text-decoration:none;}
.vui .register_container .right_panel .help_div{padding-top:10px; clear:both;}
/*.vui .register_container .right_panel .chart_link{margin-left:20px;margin-top:12px;cursor:pointer; clear:both;background-image:url(../img/pie-chart.JPG);height:80px;width:85px;background-repeat:no-repeat;}*/


.vui .main .assembleTestWraper { padding: 0;width: 980px; background: #f0f0f0; }
.vui .main .assembleTestWraper .assembleTestContainer { background: #f0f0f0; padding: 2px; font-family: "trebuchet MS"; width: 100%; border: 1px solid #cdcdcd; -moz-border-radius: 3px; overflow: hidden;height:auto;}
.vui .main .assembleTestWraper .assembleTestContainer .headerContainer{ background: #ffffff; padding: 2px; font-family: "trebuchet MS"; width: 100%; overflow: hidden;height:auto;}
.vui .main .assembleTestWraper .assembleTestContainer .headerContainer .filterDetails {
    border-right:1px solid #D6D6D6;width:50%;float:left;
}
.vui .main .assembleTestWraper .assembleTestContainer .headerContainer .testDetails {
  float:right; padding-left:10px;
}
.vui .main .assembleTestWraper .assembleTestContainer .headerContainer .testDetails td { font-size:12px;}
.vui .main .assembleTestWraper .assembleTestContainer .left{ float:left;padding: 2px;width: 200px; background: #fff;height:500px; border: 1px solid #cdcdcd; -moz-border-radius: 3px;overflow:auto; }
.vui .main .assembleTestWraper .assembleTestContainer .left .tagTreeContainer{ height:300px;}
.vui .main .assembleTestWraper .assembleTestContainer .middle{float:left;margin:0 0 0 2px;padding: 2px;width: 600px; background: #fff;height:500px; border: 1px solid #cdcdcd; -moz-border-radius: 3px; }
.vui .main .assembleTestWraper .assembleTestContainer .middle .questionPool{overflow:auto;height:475px}
.vui .main .assembleTestWraper .assembleTestContainer .right{ overflow:auto;float:right;padding: 2px;width: 160px; background: #fff;height:500px; border: 1px solid #cdcdcd; -moz-border-radius: 3px; }
.vui .questionContainer {text-align:left;font-size:12px;font-weight:normal;background: url(../img/form-topbg.gif) bottom right repeat-x #f0f0f0;border: 1px solid #cdcdcd; -moz-border-radius: 3px;padding:5px;margin-bottom:2px;}
.vui .testQuestionContainer { height:20px;text-align:left;font-size:12px;font-weight:normal;background: url(../img/form-topbg.gif) bottom right repeat-x #f0f0f0;border: 1px solid #cdcdcd; -moz-border-radius: 3px;padding:3px;margin-bottom:1px;}
.vui .questionContainer .questionHeader {padding-top:2px;border-bottom:#000 1px dotted;}
.vui .questionContainer .questionHeader span {margin-right:5px;}
.vui .testQuestionContainer .questionHeader div {margin-top:3px;float:left;vertical-align:middle;}
.vui .testQuestionContainer .questionHeader div.question {cursor:move;}
.vui .testQuestionContainer .questionHeader div.up {margin-left:5px;height:15px;width:12px;background:url(../img/up.gif) top left repeat #FFF;}
.vui .testQuestionContainer .questionHeader div.down {margin-left:5px;height:15px;width:12px;background:url(../img/down.gif) top left repeat #FFF;}
.vui .testQuestionContainer .questionHeader div.view {margin-left:5px;height:15px;width:15px;background:url(../img/view.gif) top left repeat #FFF;}
.vui .testQuestionContainer .questionHeader div.delete {margin-left:5px;height:15px;width:15px;background:url(../img/delete.gif) top left repeat #FFF;}
.vui .questionContainer .questionBody {padding-top:2px;height:100px;overflow:auto;}

/*.vui .questionContainer.hover {background-color:#A2D0EC;-moz-box-shadow:1px 1px 3px #000000; *box-shadow :1px 1px 3px #000000; -webkit-box-shadow:1px 1px 3px #000000;}*/


.paginationBox {padding-top: 2px;padding-bottom:3px;text-align:center;}
.paginationBox ul{list-style: none; text-align: center; overflow: hidden; }
.paginationBox ul li { padding-right: 4px; display: inline; float: left; }
.paginationBox ul li a { text-decoration: none; font-weight: bold; display: block; width: 22px; line-height: 20px; font-family: "trebuchet MS"; height: 20px; font-size: 10px; color: #fff; background: url(../img/pagination-bg.gif) top left no-repeat; }
.paginationBox ul li a:hover { color: #2591d4; background: url(../img/pagination-hoverbg.gif) top left no-repeat; }
.paginationBox ul li.active a { color: #2591d4; background: url(../img/pagination-hoverbg.gif) top left no-repeat; }
.paginationBox ul li.prev a{ width: 50px; height: 20px; text-indent: -9999px; background: url(../img/prev.gif) top left no-repeat; }
.paginationBox ul li.prev-d a{ width: 50px; height: 20px; text-indent: -9999px; background: url(../img/prev-d.gif) top left no-repeat; }
.paginationBox ul li.next a{ width: 50px; height: 20px; text-indent: -9999px; background: url(../img/next.gif) top left no-repeat; }
.paginationBox ul li.next-d a{ width: 50px; height: 20px; text-indent: -9999px; background: url(../img/next-d.gif) top left no-repeat; }

.assembleTestContainer .dijitFolderOpened {
	background: url(../img/spriteDivIcons.gif) no-repeat -16px top;
}
.assembleTestContainer .dijitFolderClosed {
	background: url(../img/spriteDivIcons.gif) no-repeat top left;
}
.assembleTestContainer .dijitLeaf {
	background: url(../img/spriteDivIcons.gif) no-repeat -32px top;
}
.bold{font-size:12px;font-weight:bold;
}
.head{
        font-size:14px; color:#1481DE;clear:both;font-weight:bold;
}
.saveChanges {background-image:url(../img/save-active.gif); width:127px; height:36px;cursor:pointer;}
.saveChanges1 {background-image:url(../img/save-active.gif); width:127px; height:36px;cursor:pointer;float:left;margin-right:10px;}


.vui .excludeTestContainer {width:620px;height:300px;overflow:auto;}
.vui .excludeTestContainer .include_test{float:left;width:196px; margin:1px 2px;}
.vui .excludeTestContainer .exclude_test{float:left;width:196px; margin:1px 2px;}
.vui .excludeTestContainer .excluded{background-color:#cccccc; }
.vui .excludeTestContainer .hover{background-color:#9999ff;}
.vui .register_container .right_panel .help_div{padding-top:10px; clear:both;}
.vui .register_container .right_panel .chart_link{margin-left:20px;margin-top:12px;cursor:pointer; clear:both;background-image:url(../img/pie-chart.JPG);height:80px;width:85px;background-repeat:no-repeat;}


#pieChartNode {width:160px;height:160px;padding-left:0px;padding-top:5px;z-index:999;}
.questionOptions td {font-size:12px;}
.nihilo .dojoDndItemOver {border: 1px solid red;}
.nihilo .dojoDndItemAnchor {border: 1px solid blue;}