html * {
	/*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

/* GENERAL */
@font-face {font-family:'Rupee';src: url('Rupee_Foradian-8c4bded1bf5fc8be36b917774719c570.ttf');}
@font-face {font-family:'twcen';src: url('TCCM____-409241c7809719cda95df4a2b82f751e.TTF');}
/*@font-face {font-family:'ptsans';src: url('PTSansNarrow-Regular-afae664e1b2d250ffe1b7ffef5f5ddf5.ttf');}*/
@font-face {font-family:'roboto_l';src: url('RobotoCondensed-Light-cf4449c1884598b292630aa9f4007c19.ttf');}
@font-face {font-family:'roboto_r';src: url('RobotoCondensed-Regular-e6fd95f0cb839566476ec9b6df34849c.ttf');}
body,html {font-family:'roboto_r';font-size:12px;margin: 0px;padding: 0px;color: #000; -moz-scrollbar-border: 1px solid red;}
a {color: #0066ff;text-decoration: none;}
#grailsLogo {padding: 20px;}
a{cursor:pointer;}
p {margin: 5px 0px;}
h1 {color: #48802c;font-weight: normal;font-size: 16px;margin: .8em 0 .3em 0;}
ul {padding-left: 15px;}
select {padding:0;}
textarea {width: 250px;height: 150px;vertical-align: top;font: 11px arial, helvetica, sans-serif;}
/*input:focus,select:focus,textarea:focus {border: 1px solid #b2d1ff;}*/
.body {float: left;margin: 0 15px 10px 15px;}
input,select,textarea{font-size:1em;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:solid 1px rgba(0,0,0,0.2);border-radius:2px}
h1,h2,h3,h4,ul,ol{margin:0}
h1,h2,h3,h4,strong,.leftHeader,.leftNavUl li a,.subTab ul li,label.chk{font-family:'roboto_r'}
.spinner {padding: 5px;position: absolute;right: 0;}
.nav{float:left;margin:10px;}
.nav ul {margin:0;overflow: hidden;padding-left: 0;}
.nav li {display: block;float: left;list-style-type: none;margin-right: 0.5em;padding: 5px;}
/* TABLES */
table {width: 100%}
td,th {padding:4px 6px;text-align: left;}
th {padding:2px 5px;}
th a:link,th a:visited,th a:hover {color: #333;display: block;font-size: 10px;text-decoration: none;width: 100%;}
th.asc a,th.desc a {background-position: right;background-repeat: no-repeat;}
th.asc a {background-image: url(skin/sorted_asc-df23e44c4c4999383e95e9c8bf5da156.gif);}
th.desc a {background-image: url(skin/sorted_desc-b85986b88116c4b0ef7571a1c4f3cfa3.gif);}
.odd {background: #f7f7f7;}
.even {background: #fff;}
h1,h2,h3,h4,strong{font-weight:normal;}

/* LIST */
.list table {border-collapse: collapse;}
.list th,.list td {border-left: 1px solid #ddd;}
.list th:hover,.list tr:hover {background: #b2d1ff;}

.paginateButtons {color: #666;font-size: 10px;overflow: hidden;padding: 10px 5px;clear:both}
.paginateButtons a {background: #fff;border: 1px solid #ccc;border-color: #ccc #aaa #aaa #ccc;color: #666;margin: 0 3px;padding: 2px 6px;}
.paginateButtons a:hover{color:#000}
.paginateButtons span {padding: 2px 6px;border:1px solid #ccc;color:#333;margin: 0 3px;}
.paginateButtons span.currentStep {background-color:#666;border:1px solid #000;color:#fff;}
.profileDetails {padding-left: 10px;padding-right: 10px;width: 500px;}
.loginContainer,.loginasCont {padding:20px 40px;background-color:#fff;margin: 0 auto;border-radius:3px;box-shadow:0 0 3px #ccc;width:250px}
.loginContainer label,.loginContainer input{display:block;font-size:1.2em;text-align:center}
.loginContainer label{text-transform:uppercase;margin:5px 0;}
.loginContainer input{width:100%;box-sizing:border-box;margin:5px 0 10px;padding:3px;}
.loginContainer input[type=text],.loginContainer input[type=password]{background-color:#f6f6f6}
.loginContainer input.button{padding:6px}
.loginLogo {margin:0 auto 30px;width:170px;height:120px;background:url(goschool_sms_large-bbc81b5111a0cb773c5333cd7072b5f5.png) center bottom no-repeat;background-size:100% auto}
.loginLogo img{display:none}
.loginFormBox {padding: 0 60px 0 20px;background: url(separator-826d9965f0eef1464ff9a343aa36a2f6.png) no-repeat 0 center;}
.loginFormBox label {display: block;padding: 8px 0 0 0px;}
.loginFormBox .field_text {display: block;padding-right: 20px;}
.loginFormBox .field_text .textbox {padding: 5px 5px;width: 100%;}
.loginFormBox .loginTypes{padding:10px 0 5px;overflow:hidden;}
.loginFormBox .loginTypes label{float:left;margin-right:15px;padding:0;cursor:pointer}
.loginFormBox .loginTypes label input{float:left;margin-right:3px}

.button {background-color:#fb0;color:#000;cursor:pointer;border:none;border-radius: 3px;padding: 5px 20px;text-transform:uppercase}
a.button{display:inline-block}
.button[disabled] {background: url(buttonBgOff-103b54672b8bdc71cacfe9b42d45be50.png) repeat-x;color: #ccc;border: solid 1px #333;cursor: default;}
.button1 {color: #fff;border:1px solid #555;cursor: pointer;border-radius: 3px;padding: 5px 20px;font-size:1em;
	background: -webkit-gradient(linear, left top, left botom, from(#888), to(#666));
	background: -webkit-linear-gradient(top, #888, #666);
	background: -moz-linear-gradient(top, #888, #666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#666666', GradientType=0);
}

.fl {float: left;}
.fr {float: right;}
.alr{text-align:right}
.alc{text-align:center}

.optimization {text-align:center;padding-top:10px;}
.footer,#footer {position: fixed;bottom: 0px;color: #fff;padding: 5px 10px 5px 0;width: 100%;background-color:rgba(255,255,255,0.9);color:#555;box-shadow:0 0 3px #ccc;text-align:right;box-sizing:border-box}
.footer img{height:11px}
.footer a {color: #fff;}
img {border: 0px;}
.clearfix:after,.listing li a:after,.footer:after,.mainMenu:after,.subTab:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.indexBg {margin: 0px;padding: 0px;}
.clearfix,.listing li a,.mainMenu,.subTab {display: inline-block;}
html[xmlns] .clearfix,html[xmlns] .footer,html[xmlns] .listing li a,html[xmlns] .mainMenu,html[xmlns] .subTab{display: block;}
* html .clearfix,* html .footer,* html .listing li a, , * html .mainMenu,* html .subTab{height: 1%;}
/* End hide from IE-mac */
.header {background-color:#fff;color: #333;}
.header a {color: #000;}
.header a.user{margin:5px 30px 0 0}
.logo {width:130px;height:48px;float: left;background: url(goschool_sms-a3f8c13e2b965e790d73d0025dce0077.png) center center no-repeat;background-size:80%}.logo img{display:none}
.userLinks {position:absolute;padding:4px 10px;z-index:1;right:0;top:0;min-width:240px}
.userLinks1{position:absolute;z-index:1;right:0;top:0;}
.userLinks1 a{padding:13px;display:block}
.userLinks1 .settings{background:#333 url(settings_white-c76e62a007afd2c8749f26ccccb71cfa.png) center center no-repeat;background-size:70%;}
.userLinks1 .logout{background:#f80 url(log_out-edd86390f5928f1c8d9ef319c8425185.png) center center no-repeat;background-size:63%;}
.menuBar {float: left;position:relative;z-index:100;width:calc(100% - 200px)}
ul.topnav {list-style: none;padding: 0;margin: 0;font-family:'twcen';text-transform:uppercase;font-size:1.3em}
ul.topnav li {float:left;position: relative;width:10%}
ul.topnav li a {padding:15px 0 16px;color: #333;display: block;text-decoration: none;background-color:#f9f9f9;border-top:solid 5px #eee;margin-right:2px;text-align:center;height:16px;line-height:14px}
ul.topnav li:hover a,ul.topnav li a:hover{background-color:#f2f2f2;border-top-color:#fe9;color:#000}
ul.topnav li a.active{background-color:#eee;border-top:solid 5px #fb3;color:#000}
ul.topnav li.parent:before{content:'';border-left:solid 5px transparent;border-bottom:solid 5px #e4e4e4;border-right:solid 5px transparent;position:absolute;left:45%;bottom:0}
ul.topnav li.parent:hover::before{border-bottom:none;border-top:solid 5px #dc9;}
/*ul.topnav li.parent:hover>a,ul.topnav li.parent>a.hover{background:url(triangle-down-6c4d2dd4efdff9181ca8dad767569921.gif) center bottom no-repeat,#f2f2f2;}*/
ul.topnav li ul.subnav {list-style:none;position:absolute;left:-1px;margin:-1px 0 0;padding:0;display:none;float:left;z-index:100;border:solid 1px #fff;border-top:0;box-shadow:0 2px 2px #999;}
ul.topnav li ul.subnav li {margin: 0;padding: 0;width:150px;float:none;font-size:0.9em}
ul.topnav li ul.subnav li a{border-top:0;border-bottom:solid 1px #fff;width: 130px;padding:4px 10px;color:#555;text-align:left}
ul.topnav li ul.subnav li a:hover {background-color:#fcfcfc;color:#000}

.userInfo {float: left;line-height: 18px;margin-bottom:3px;}
.userInfo .uname{display:inline-block;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;}
.userRole {color: #333}
.signout {float:right;padding:0 0 0 20px;line-height:16px;background: url(logout-5024a6a00682a1de8e071c7478d9e198.png) no-repeat 0 0;margin:-1px 1px 0 10px;}
.leftHeader {color:#fff;text-align: right;padding:10px 7px 5px 0px;font-size:1.1em;text-transform:uppercase;background-color:#999}
.leftBgAvail {background: #eee url('left_bg-1924781f0e86c8f4926bcce6e41f440e.png') left top repeat-y}
.bodyBg {background: #eee;}
.bodyBg .contentArea {margin-left: 10px;}

.leftNav {position:absolute;width:130px;background-color:#c9c9c9}
.leftNavUl {margin: 0px;padding: 0px;}
.leftNavUl li {margin: 1px 0;padding: 0px;text-align: right;font-size:1.1em;}
.leftNavUl li.on,.leftNavUl li.hover,.leftNavUl li a:hover{background-color:rgba(255,255,255,0.4);color:#08f}
.leftNavUl li a {display: block;padding:5px 10px;text-decoration: none;border-bottom:solid 1px #ddd;color:#06c}
.leftNavUl li a.active{background-color:#fff;color:#333}
.leftNavUl li a.active:before{content:'';border-top:solid 12px transparent;border-left:solid 5px #fff;border-bottom:solid 12px transparent;position:absolute;right:-5px;margin-top:-3px}
.lnSecond>li>ul{display:none}
.lnSecond>li.on>ul{display:block}
.lnSecond,.lnSecond ul{list-style:none;padding:0}
.lnSecond>li>span{display:block;padding:5px 16%;background:url(plus-minus-30212fa63a60ccc18e5c874187911d16.png) 96% 6px no-repeat;cursor:pointer}
.lnSecond>li.hover>span,.lnSecond>li.on>span{background-position:96% -19px;background-color:transparent;}

.contentArea {margin:20px 10px 0 140px;clear:both}
.title {font-size:1.4em;padding:5px 0;border-bottom: solid 1px #ccc;margin: 0 10px;overflow:hidden}
.title .button{font-size:12px}
.formDiv {padding: 10px 0;}
.formDiv td {padding: 3px 10px;vertical-align: top;}
.formDiv td td {padding: 0px 0px;}
.formDiv .field_text .textbox,.formDiv .field_select select,.formDiv .field_text textarea{width:100%;padding:4px;}
.formDiv .field_select select{padding:4px 1%}
.formDiv .field_text .addressTA{height:67px}
.formDiv .label {}
.buttonBar {padding: 10px;border-top: solid 2px #ccc;text-align: right;margin:10px 10px 0;overflow:hidden}
.fixedBottom {position: fixed;bottom: 18px;right: 0px;background-color: rgba(0, 0, 0, 0.7);width: 100%;}
.fixedBottom .buttonBar {padding: 7px 30px 5px 230px;margin: 0;height: 30px}
.buttonBar.fixed{background-color:rgba(255,255,255,0.8);width:98%;padding:5px 1%;margin:0;position:fixed;left:0;bottom:25px}
.gridContainer {padding:0px 10px;}
.gridHeader {padding: 8px 10px;border-bottom: solid 1px #ccc;font-weight: bold;background:#fff;}
.create,.delete,.promote, .edit, .landscape, .portrait {background: url(add-e7404aa2bf93f3ed7ed619bac5188dc7.png) no-repeat 3px 5px;margin: 0px;padding: 7px 5px 5px 20px;border: solid 0px #ccc;cursor: pointer;font-size: 11px;}a.create{display:inline-block}
.createAdd {background: url(add_new-9acdfe43239d70df2c79764131316570.png) no-repeat -3px -3px;margin: 0px;padding:0px;border: solid 0px #ccc;cursor: pointer;font-size: 11px;}a.createAdd{display:block;background-size:135%;width:18px;height:18px;margin:auto}
/*.create:hover,.delete:hover,.create:hover,.promote:hover ,.landscape:hover, .portrait:hover {border-bottom: solid 2px #FC6;padding-bottom: 5px;}*/
.promote {background: url(promote-8c6053a0fc911c475c038620a8fdf1e3.png) no-repeat 0 7px;padding-left:17px}
.delete {background: url(delete-964d1afcaa92b7b2eda6b86513e511f8.png) no-repeat 3px 5px;}
.edit{background: url(edit-icon-e97f2a816e4bc9e1a5c823e78f0bd80d.png) no-repeat 3px 5px;}
.portrait{background: url(portrait-b4ed507f727ff17bc4b4b9c53ba83bb1.png) no-repeat 3px 5px;}
.landscape{background: url(landscape-0e690e5397a1ef7846f68e99b7e1d521.png) no-repeat 3px 5px;}

.dashBox{box-sizing:border-box;float:left;width:46%;margin:2%;}
.schoolInfo{background-color:#fff;padding:20px;}
.schoolInfo .schoolLogo{float:left;margin-right:15px;}
.schoolInfo address{margin:5px 0}
.schoolInfo .title_sub{float:left;width:30%;margin:10px 0 0 0}
.quickLinks,.configLinks{display:table;border-spacing:10px;text-transform:uppercase;table-layout:fixed;width:100%;}
.quickLinks .row,.configLinks .row{display:table-row}
.quickLinks h2.row,.configLinks h2.row{font-weight:normal;white-space:nowrap}
.quickLinks a,.configLinks a{background-color:#fff;text-align:center;padding:0 5px;display:table-cell;width:20%;height:50px;color:#333;vertical-align:middle;position:relative}
.quickLinks a:before,.configLinks a:before{content:'';border-left:10px solid transparent;border-top:10px solid #f3f6ff;position:absolute;right:0;top:0}
.quickLinks a:hover,.configLinks a:hover{color:#06f}
.quickLinks a:hover::before,.configLinks a:hover::before{border-top:10px solid #9cf}

.birthdayList{background-color:#fff;float:left;margin:10px 0;width:50%;box-sizing:border-box;padding:20px}
.birthdayList h3{font-weight:normal;text-transform:uppercase}
.birthdayList:last-child{float:right;width:48%}
.birthdayList ul{padding:0;list-style:none;max-height:210px;overflow:auto;width:100%;margin-top:10px;}
.birthdayList li{padding:4px 5px;position:relative;background-color:#f9f9f9;margin-bottom:2px}
.birthdayList li span{font-size:10px;text-transform:capitalize}.birthdayList li span.dob,.birthdayList li span.today{right:5px;top:3px;position:absolute;}
.birthdayList li span.today{background:url(cake-c54bcdacc32f271e7c760bad80a055df.png) left center no-repeat;color:#f60;text-decoration:blink;padding:2px 0 1px 18px}
#studBD li span.dob,#studBD li span.today{top:10px}

.gridToolBar {padding:10px;background-color:#fff;}
.gridToolBar .search,.gridToolBar h3{margin-top:4px}
.gridToolBar .separator {border-right: solid 1px #ccc;margin-right: 5px;}
.search {padding: 3px 5px;font-size: 11px;width: 150px;float: left;}
.searchButton {margin-top: 2px;margin-left: 2px;float: left;}

/* Style for overlay and box */
.overlay,.certificateOverlay {background: transparent url(overlay-6f0125062f8107d78696a4e0e238a03e.png) repeat top left;position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;z-index: 100;}
.certificateOverlay{overflow-y:auto}.certificateOverlay .buttonsCont{background:rgba(255,255,255,0.9);margin:3px;padding:7px;}
.box {position: fixed;top: 0;left: 0;background-color: #fff;color: #333;-moz-box-shadow: 0 1px 5px #333;-webkit-box-shadow: 0 1px 5px #333;z-index: 101;width: 0;overflow: auto;height: 500px;background: #f0f0f0;}
a.boxclose {float: right;width: 26px;height: 26px;background: transparent url(cancel-3d0e162acc48eab3c7519796297e3f50.png) repeat top left;margin-top: -30px;margin-right: 30px;cursor: pointer;border: solid 1px red;}
.selectMultiple {background: #fff;padding: 10px;border: solid 1px #abc}
.selectMultiple td {padding: 5px 0px;border-bottom: solid 1px #ccc;}
.selMulInner {overflow-y: auto;}
.selMulInner label{display:inline-block;margin-right:10px}
.selMulInner label>input{float:left;margin:0 5px 0}
.searchContainer {padding: 10px 20px;padding-top: 10px;}
.searchContainer .textbox {padding-left: 20px;padding-top: 10px;float: left;}
.advSearch {color: #333;float: left;padding: 5px 10px;margin-left: 5px;margin-top: 2px;font-weight: bold;text-decoration: none;}
.advSearch:hover,.advSearch1 {background: #333;color: #fff;padding-bottom: 7px;}
.advSearchCont {border: solid 2px #333;padding: 10px;background: #fff;border-top: 0px;background: url(advBg-30b5a0d3342442fb1e4c87bb42bd74b2.png) 0 bottom;}
.searchLabel {font-size:11px;font-weight: bold;padding: 5px 10px;float: left;}
.label1 {font-size: 20px;}
.profileImage {float: left;width: 100%}
.profileImage img {float: left;width: 100%}
#mainSubjects{background-color:#fff;border:solid 1px #ccc;padding:3px 5px 3px 20px;-webkit-column-count:2;-moz-columns:2;}

.extraActionsCont {margin: 0 20px;padding: 5px 10px;background-color: #f3f3f3;border: solid 1px #ccc;border-top: none}
.extraActionsCont .checkAll {margin-left: 13px}
.divider {color: #666666;font-size: 12px;line-height: 14px;padding: 0 8px;}
.rightPanel .profileButtons {background: none;}
.profileButtons {padding-left: 10px;padding-top: 10px;background: url(separator-826d9965f0eef1464ff9a343aa36a2f6.png) 0 center no-repeat;}
.profileButtons .details {background: url(details-239c584b74a32901e1dbfbda86d81fd2.png) no-repeat 0 8px;border: 0px;padding-left: 20px;font-size: 11px;padding: 5px 5px 5px 20px;}
.profileButtons .update {background: url(edit-97176626eef35c7beb4f05a850325042.png) no-repeat 0 5px;border: 0px;font-size: 11px;padding: 5px 5px 5px 20px;}
.profileButtons .delete {background: url(delete-964d1afcaa92b7b2eda6b86513e511f8.png) no-repeat 3px 5px;margin: 0px;padding: 5px 5px 5px 20px;border: solid 0px #ccc;cursor: pointer;font-size: 11px;}
/*.details:hover,.update:hover,.create:hover,.delete:hover {border-bottom: solid 2px #FC6;padding-bottom: 3px;}*/
.filterItem {padding:5px 10px;}
.filterItem1 {padding: 0 10px;float: right}
.filterItem label {color: #fff;display: block;}
.filterItem1 label {color: #fff;display: block;cursor: pointer;}
.searchResOn {background: #fff;position: relative;z-index: 100;}
.rightPanel {padding: 10px;z-index: 99;}
.rightPanel td {vertical-align: top;}
.rightPanel .label {font-size: 12px;font-weight: bold;display: block;padding-top: 5px;}
.mt10 {margin-top: 10px;}.m10{margin:10px}.m20{margin:20px}.mlr10{margin:0 10px}
.extraActionsCont {margin: 0 20px;padding: 5px 10px;background-color: #f3f3f3;border: solid 1px #ccc;border-top: none}
.extraActionsCont .checkAll {margin-left: 13px}
/* Core qTip styles */
.ui-tooltip,.qtip {position: absolute;left: -28000px;top: -28000px;display: none;max-width: 400px;min-width: 50px;font-size: 10.5px;line-height: 12px;}
.ui-tooltip-fluid {display: block;visibility: hidden;position: static;float: left;}
.ui-tooltip-content {position: relative;padding: 5px 9px;overflow: hidden;border-width: 1px;border-style: solid;text-align: left;word-wrap: break-word;overflow: hidden;}
.ui-tooltip-titlebar {position: relative;min-height: 14px;padding: 5px 35px 5px 10px;overflow: hidden;border-width: 1px 1px 0;border-style: solid;font-weight: bold;}
.ui-tooltip-titlebar+.ui-tooltip-content {border-top-width: 0px;}
.ui-tooltip-titlebar .ui-state-default {position: absolute;right: 4px;top: 50%;margin-top: -9px;cursor: pointer;outline: medium none;border-width: 1px;border-style: solid;}
* html .ui-tooltip-titlebar .ui-state-default {top: 16px;}
.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon {display: block;text-indent: -1000em;}
.ui-tooltip-icon .ui-icon {width: 18px;height: 14px;text-align: center;text-indent: 0;font: normal bold 10px/13px Tahoma, sans-serif;color: inherit;background: transparent none no-repeat -100em -100em;}
.ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color: #39C;background-color: #fff;color: #555;box-shadow: 0 0 12px #333;}
.ui-tooltip-default .ui-tooltip-titlebar {background-color: #FFEF93;}
.ui-tooltip-default .ui-tooltip-icon {border-color: #CCC;background: #F1F1F1;color: #777;}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {border-color: #AAA;color: #111;}
.ui-tooltip .ui-tooltip-tip {margin: 0 auto;overflow: hidden;z-index: 10;}
.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip * {position: absolute;line-height: 0.1px;font-size: 0.1px;color: #123456;background: transparent;border: 0px dashed transparent;}
.ui-tooltip .ui-tooltip-tip canvas {top: 0;left: 0;}
#qtip-overlay {position: fixed;left: -10000em;top: -10000em;}
#qtip-overlay.blurs {cursor: pointer;}
#qtip-overlay div {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: black;opacity: 0.7;filter: alpha(opacity = 70);	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.ui-tooltip-tip {margin-top: 30px;}

.miniDetails {background: #FFe;border:solid 1px #e9e9e9;padding: 10px;overflow:hidden}

.pos_rel {position: relative;}
.changePhoto {position: absolute;bottom: 0px;width: 100%;background: #000;text-align: right;}
.changePhoto a {color: #fff;padding: 5px 20px;display: block;text-align: right;}
.profileTable h3 {margin:20px 0 0;border-bottom: solid 1px #ccc;padding-bottom: 3px;color: #c60;}
.latestMarks {background: #FFC;border: 1px dashed #F90;padding: 10px;margin-top: 10px;}
.red {color: red;}
.green {color: green;}
.blue {color: blue;}
.content {border: solid 1px #ffc037}
.subTab {padding: 0 10px;}
.subTab ul {list-style: none;padding:0 0 0 5px;border-bottom: solid 3px #fff;margin: 0px 0 0;height:25px}
.subTab ul li{float:left;text-transform:uppercase;margin-right:2px}
.subTab ul li a{color: #333;background-color:#ddd;padding:5px 10px;display:block}
.subTab ul a.on{background-color:#fff;border-radius:2px 2px 0 0;padding-bottom:6px;color:#000}

.marks_table {border: solid 1px #ccc;border-bottom: 0px;border-right: 0px;}
.marks_table td {padding: 10px 5px;border-bottom: solid 1px #ccc;vertical-align: top;border-right: solid 1px #ccc;}
.subject {background-color: #faf6ee;}
.passMark {background-color: #f1efed;}
.totalMark {background: #f3f8f7}
.theory {background: #fdfefe}
.practical {background: #eef6fb}
.totalSecured {background: #faf6ee;}
.remarks {background: #f1efed}
.tableheader td {background: #6d929b;color: #fff;border-right: solid 1px #ccc;}
.reportCardHeader {font-size: 20px;	padding: 10px 0;}
.teachersRem {background-color:#f9f9f9;padding: 10px;border:solid 1px #e9e9e9;}
.curricularTable td {padding: 10px;}
.marks_table input {width: 30px;font-size: 11px;}
.guidedActive {float: left;text-decoration: none;}
.guidedActive .last {float: left;width: 30px;background: url(guidedEnd-b4e25974f2abb4e2082cd36087b56faf.png) no-repeat;height: 37px;}
.guidedActive .mid {float: left;background: url(guidedMid-527b83f3fa269c0880614aef5db7572b.png) repeat-x;line-height: 37px;color: #fff;font-size: 12px;font-weight: bold;text-decoration: none;}
.guidedActive .front {float: left;width: 30px;background: url(guidedFront-f275b68fac2f8d9601f793d9596dff05.png) no-repeat;height: 37px;}
.guidedOff {float: left;text-decoration: none;}
.guidedOff .last {float: left;width: 30px;background: url(guidedEndOff-713412abf7395a06f52ec63a412cb9ce.png) no-repeat;height: 37px;}
.guidedOff .mid {float: left;background: url(guidedMidOff-6b6c9aad0719e3a8e3a02802bc06c28b.png) repeat-x;line-height: 37px;color: #fff;font-size: 12px;font-weight: bold;text-decoration: none;}
.guidedOff .front {float: left;width: 30px;background: url(guidedFrontOff-28d8c1361d6e6b759d4e4aa5a76a5065.png) no-repeat;	height: 37px;}
.guidedLM {margin-left: -25px;}
.plr10 {padding: 0 10px;}
.pl10 {padding-left: 10px;}
.highlight {color: #f60}
.clear {clear: both}
.pagination {margin-bottom: 10px;float: right;}
.pagination a {text-decoration: none;color: #666;float: left;border: solid 1px #ccc;line-height: 25px;padding: 0 10px;margin: 0 5px;background: #fff;}
.pagination a:hover {background: url(buttonBg-dd651e4e0e733ddc629559fd81639edd.png) repeat-x;color: #fff;}
.pagination a.on,.pagination .active {background: url(buttonBg-dd651e4e0e733ddc629559fd81639edd.png) repeat-x;color: #fff;}
.pagination .inactive {color: #ccc;}
.pagination .inactive:hover {background: #fff;color: #ccc;}
.schoolInfoWid {padding: 10px;border: solid 1px #ccc;font-size: 11px;border-radius: 4px;margin-top:30px;
	background: -webkit-gradient(linear, left top, left botom, from(#fff), to(#fec));
	background: -webkit-linear-gradient(top, #fff, #fec);
	background: -moz-linear-gradient(top,  #fff,  #fec);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffeecc', GradientType=0);
}
.schoolInfoWid .title_sub{font-size:1.4em;padding:0}
.homeTable td {margin: 10px;padding: 10px;vertical-align: top;}
.iconLinks {padding-left: 20px;}
.iconLinks a {float: left;text-align: center;padding: 10px;margin-right: 20px;margin-top: 20px;color: #000;border: solid 1px #ddd;border-radius: 4px;
	background: -webkit-gradient(linear, left top, left botom, from(#fff), to(#eee));
	background: -webkit-linear-gradient(top, #fff, #eee);
	background: -moz-linear-gradient(top,  #fff, #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}
.iconLinks a:hover,.paginateButtons a:hover {border-color:#fe9;
	background: -webkit-gradient(linear, left top, left botom, from(#fff), to(#ffc));
	background: -webkit-linear-gradient(top, #fff, #ffc);
	background: -moz-linear-gradient(top,  #fff, #ffc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffcc', GradientType=0);
}
.attendanceTable .iconLinks a{width:100px;height:70px}
.attendanceTable .iconLinks img{margin:5px}

.schoolName {font-size: 16px;color: #f60;}
/*#footer {font-size: 11px;position: fixed;bottom: 0px;display: block;background: #666 url(footerBg-7aaf56a3bc09c216f429baf4e09f349b.png) repeat-x;color: #fff;width: 100%;z-index:111}
.footerInner {padding: 3px 10px;text-align: right}*/
.mt5 {margin-top: 5px;}
.numberBox {width: 50px;text-align: center;}
img.center {display: block;margin:0 auto;text-align:center}
#busyIndicator{position:fixed;left:50%; top:40%;margin-top:"-500px !important"}

/* CREATE/EDIT FORMS AND SHOW PAGES */
fieldset,.property-list {margin: 0.6em 1.25em 0 1.25em;padding: 0.3em 1.8em 1.25em;position: relative;zoom: 1;border: none;}
.property-list .fieldcontain {list-style: none;overflow: hidden;zoom: 1;}
.fieldcontain {margin-top: 1em;}
.fieldcontain label,.fieldcontain .property-label {color: #666666;text-align: right;width: 25%;}
.fieldcontain .property-label {float: left;}
.fieldcontain .property-value {display: block;margin-left: 27%;}
.content h1 {border-bottom: 1px solid #CCCCCC;margin: 0.8em 1em 0.3em;padding: 0 0.25em;}
.scaffold-list h1 {border: none;}

/* ====== Styles overrides ====== */
#ui-datepicker-div {margin: auto;}
.ui-timepicker-div dd {margin: 4px 0 4px 40px;}
#ui-datepicker-div td:hover,#ui-datepicker-div tr:hover
{background: transparent;}

/* same effects for browsers that support HTML5 client-side validation (these have to be specified separately or IE will ignore the entire rule) */
input:invalid, select:invalid, textarea:invalid {background: #fff3f3;border-color: #ffaaaa;color: #cc0000;}
input:invalid:focus, select:invalid:focus, textarea:invalid:focus {-moz-box-shadow: 0 0 0.5em #ffaaaa;-webkit-box-shadow: 0 0 0.5em #ffaaaa;}

/* EMBEDDED PROPERTIES */
fieldset.embedded {background-color: transparent;border: 1px solid #CCCCCC;padding-left: 0;padding-right: 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
fieldset.embedded legend {margin: 0 1em;}
label {display: inline-block;margin: 0 0.25em 0 0;}

.gridContainer .gridHeader_sel{padding:6px 20px}
.gridHeader_sel select{font-size:.9em}
.gridFooter,.clr{clear:both}
#attHList{font-size:.9em;width:100%;border:solid 1px #ddd;background-color:#f6f6f6;}
#attHList option{padding:2px 4px}
.attActions{margin:10px 0;overflow:hidden;}
#attCal{width:68%;float:left;margin-right:2%}
#attEve{width:25%;float:right;display:none}
#attCal .ui-datepicker-multi .ui-datepicker-group{width:180px;height:190px;margin-left:4px}
#attCal .ui-datepicker-multi .ui-datepicker-group table{width:100%}
#attCal .ui-datepicker th,.ui-widget .ui-datepicker th{padding:0}
#attCal .ui-widget-content{background:none;border:none;padding:0}
#attCal .ui-widget-header{background:#ddd;color:#000;border:none;border-radius:0;padding:0}
#attCal td.working{opacity:1}
#attCal td.holiday .ui-state-default{background:#ffa;color:red}
/*#attCal td.sunday .ui-state-default,#attCal td.saterday .ui-state-default{color:red}*/
/*.title_sub{font-size:1.4em;margin:5px 0}.title .title_sub{font-size:11px;font-weight:bold}
#selectBody .formDiv{margin:10px}*/
#selectBody .title_sub{margin-left:15px}

.attendanceMonthDatePicker{}

#attendanceDataSheet tr td,#attendanceDataSheet tr th{width:20px;text-align:center;padding:2px 0}
#attendanceDataSheet tr td{padding:5px 0}
#attendanceDataSheet.visAll tr td,#attendanceDataSheet.visAll tr th,#attendanceDataSheet tr td.enrlNo,#attendanceDataSheet tr th.enrlNo,#attendanceDataSheet tr td.rollNo,#attendanceDataSheet tr th.rollNo,#attendanceDataSheet tr td.studNm,#attendanceDataSheet tr th.studNm,#attendanceDataSheet tr td.activeCol,#attendanceDataSheet tr th.activeCol{opacity:1}
#attendanceDataSheet tr .enrlNo,#attendanceDataSheet tr .rollNo,#attendanceDataSheet tr .studNm{text-align:left;padding:5px}
#attendanceDataSheet tr .enrlNo{width:100px;}
#attendanceDataSheet tr .rollNo{width:40px;}
#attendanceDataSheet tr .studNm{width:170px;}
#attendanceDataSheet tr td.activeCol,#attendanceDataSheet tr th.activeCol{border:solid 1px #f90;border-width:0 1px}
#attendanceDataSheet tr td.activeCol {cursor: pointer}
#attendanceDataSheet tr td.attSun,#legendsCont .attSun{background-color: #f3f3f3;color: #f00}
#attendanceDataSheet tr td.attHol,#legendsCont .attHol{background-color: #f3f3f3;color: #999}
#attendanceDataSheet tr td.attAbs,#legendsCont .attAbs{background-color: #ff9;color:#000}
#attendanceDataSheet tr td.attLea,#legendsCont .attLea{background-color: #9ff;color:#000}
#attendanceDataSheet .tblHead table,#attendanceDataSheet .tblBody table{background-color:#eee;width:auto;table-layout:fixed}
#attendanceDataSheet .tblHead{background-color:#fffcf3}
#attendanceDataSheet .tblBody{overflow-y:scroll;overflow-x:auto; max-height:325px;}
#attendanceDataSheet.visAll th.attSaved{cursor:pointer}
#attendanceDataSheet th.attSaved,#legendsCont .attSaved{background:#efd;color:#000}
#attendanceDataSheet th.attNow{background:#cf9;color:#000}
#attendanceDataSheet .odd{background-color:#f6f6f6}
#attendanceDataSheet .activeRow td{border:solid 1px #f60;border-width:1px 0}
#attendanceDataSheet .activeRow td.activeCol{border:solid 1px #f60;}
#attBtnsCont{height:15px;background-color:#fff;border:solid 1px #f90;padding:4px;position:absolute;display:none;margin-top:-1px}
#attBtnsCont .whiteBorder{position:absolute;top:-1px;background:#fff;width:20px;height:1px}
#legendsCont{position:absolute;background-color:#fff;border:solid 1px #ccc;right:0px;top:3px;overflow:hidden}
#legendsCont .ttl{text-align:center;padding:2px 5px 4px;background-color:#eee;cursor:pointer}
#legendsCont ul{list-style:none;padding:5px 0;font-size:.8em;display:none;width:160px;}
#legendsCont li{padding:4px 10px;line-height:18px}
#legendsCont li>span{border:solid 1px #eee;padding:2px;float:left;width:14px;height:14px;line-height:14px;margin-right:10px;text-align:center}
#cancelEntryBtn,#saveEntryBtn,#markPBtn{cursor:pointer;float:left}
#cancelEntryBtn,#markPBtn{background:url(att_cancel-f0dbe02f3f4d6e121d54922cd87fac74.png) no-repeat;width:45px;height:16px;margin-right:7px;}
#saveEntryBtn{background:url(att_save-f3eee166da7cdaa75a295be9fa554db3.png) no-repeat;width:35px;height:16px}
#markPBtn{background:url(att_markp-c4b91be1f376e1a5a2956896f5791247.png) no-repeat;}
#attEditBtnsCont a{background:#fff url(att_edit-6c835dc63e11f440845c90734afea615.gif) no-repeat center center;display:block;width:19px;height:14px;position:absolute;margin:2px 0 0 1px;cursor:pointer}
.attGridToolBar{background-color:#fff;padding:5px;margin:0 10px;}
.attGridToolBar td{padding:0;}
.attGridToolBar strong{color:#333;}
.attGridToolBar .export{float:left;width:45px;margin-right:80px}
.attGridToolBar .field_select,.attGridToolBar .label{float:left}
.attMonthCont{text-align:center}#selectBody .attMonthCont .title_sub,.attMonthCont .title_sub{margin:0;font-size:1.2em}
.attMonthCont a{background:url(att_nextprev-0c33ac1891b83153a87d5873afc18e0f.gif) no-repeat;float:right;width:16px;height:16px;}
#attPrevMonth{float:left}#attPrevMonth:hover{background-position:left -26px}#attPrevMonth.disabled{background-position:left -52px}
#attNextMonth{background-position:-26px top}#attNextMonth:hover{background-position:-26px -26px}#attNextMonth.disabled{background-position:-26px -52px}
a.disabled{cursor:default;}
#attPCBar{width:100px;border:solid 1px #666;height:12px;border-radius:3px;}
#attPCBar span{float:left;height:12px;}
.attPCBarVal{margin-left:10px}
.attPCBarVal span{padding:5px}
.attPrsPC{background-color:#6c3}.attAbsPC{background-color:#f30}.attLeaPC{background-color:#0af;}
.attPrsPCTxt{color:#6c3}.attAbsPCTxt{color:#f30}.attLeaPCTxt{color:#0af;}
.studImage{width:150px;height:150px;border:solid 1px #ccc;margin-right:20px}
.studImage img{width:100%}

.activeStud{color:#0a0}
.inactiveStud{color:#f00;text-decoration:line-through}
.studInfo .enrollment,.studInfo .currentSession{margin-bottom:6px}
.studInfo #studEnrollmentNum,.studRank{font-size:1.1em;color:#f60}
.studInfo .separator{padding:0 10px;color:#ccc}
.studInfo .studNm{font-size:1.6em;margin-bottom:10px}
.permanentAdd{padding-right:20px}
.permanentAdd,.commuAdd,.studDetData,.parentDet{margin-top:15px}
.homeTable .iconLinks a{height:72px;width:72px}
.attLegend{text-align:right}
.alignCenter{text-align:center}

#oldAdmission,#uploadStudent{}
#searchDiv{background-color:#fff;margin:20px 10px 10px;padding:10px;overflow:hidden}
#oldAdmission #searchDiv,#uploadStudentDiv,.tabAttached{background-color:#fff;margin:0px 10px;padding:10px;overflow:hidden}
.tabAttached .buttonBar{border:none;margin:0}
.promotedClass,.mimicField{background-color:#f9f9f9;border:solid 1px #e9e9e9;padding:6px;border-radius:2px}
.searchRes .profileName,.searchRes .profileImage{cursor:pointer}
.examDetCont{margin-left:20px;padding-left:20px;border-left:solid 1px #fe6}
#reportCardArea{padding:10px}
.sms,.editProfile,.downloadPDF, .downloadPDFLs,.downloadExcel, .deleteProfile, .activateProfile, .deActivateProfile, .resetProfile,.uploadExcel,.downloadExcel{background:url(edit-icon-e97f2a816e4bc9e1a5c823e78f0bd80d.png) no-repeat;cursor:pointer;padding:2px 2px 2px 18px;color:#36f;}
.deleteProfile{background:url("delete-964d1afcaa92b7b2eda6b86513e511f8.png") no-repeat;margin-top:10px}
.deActivateProfile{background:url("deActivate-91c163efc553fad1f682ac09beb10841.png") no-repeat;margin-top:10px}
.activateProfile{background:url("activate-8e46099a664fd1038606267c9deb2fec.png") no-repeat;margin-top:10px}
.resetProfile{background:url("reset-65f41f8056b271beed218426ad025306.png") no-repeat;margin-top:10px}
.downloadPDF{background:url("skin/pdf-5ee15843554004d12736f0404f8d443a.png") no-repeat;margin-top:10px}
.downloadPDFLs{background:url("skin/pdf-ls-84efe0ac569d25ea14e9902b25a62f22.png") no-repeat;margin-top:10px}
.downloadExcel{background:url("skin/excel-7363cb7630d1d4b441183345fd15ae62.png") no-repeat;margin-top:10px}
.sms{background:url("sms-6cdec62c5f87b83ec13bb46f79a1e1cd.png") left center no-repeat;margin-top:10px}
.uploadExcel{background:url("excel-aebca2a233e3654a656955610fb1df29.png") left center no-repeat;margin-top:10px}
.downloadExcel{background:url("downloadExcel-7cfeb5f85ba6957eb1abe1629a00716d.png") left center no-repeat;margin-top:0px}
.title .downloadPDF, .title .downloadPDFLs{font-size:11px;padding-left:20px;margin:0}
#profileDetailsDiv .editProfile,#profileDetailsDiv .downloadPDF,.deleteProfile,.resetProfile,#profileDetailsDiv .deActivateProfile{display:block;}
.profileTable label{margin-top:8px}
.profileTable textarea{height:auto;}
.formDiv .profileTable td{padding:2px 5px}
.promoteIcon,.detailsIcon{background:url(promote-8c6053a0fc911c475c038620a8fdf1e3.png) no-repeat;width:16px;height:16px;margin-left:5px;float:left}
.detailsIcon{background:url(details-239c584b74a32901e1dbfbda86d81fd2.png) 0 4px no-repeat;margin:0 5px 0 0}
.calendarLink img{display:block;margin:5px auto}
.profileTable fieldset,.installments{border:solid 1px #ccc;border-radius:3px;margin:0;padding:5px;}
.profileTable legend,.installments legend{font-weight:bold}

.admissionDiv,.performanceDataCont,#sessionStdCont, #shiftDiv, #holidayAndEvents,.tabCont{margin:0 10px}
.admissionDiv th,.performanceDataCont th, #holidayAndEvents th, #shiftDiv th, #sessionStdCont th,#examReport th,.simpleTbl th,.tblHead th,.gridContainer .flexme2 th{background:#fff9ee;color:#555;padding:5px;border-bottom:solid 2px #ddd;}
.examScore .pc,.examScore .result,.subjScore .resultPass,.subjScore .resultFailed{font-weight:bold}
.examScore .pc{padding:0 6px;font-size:1.2em}
.resultPass{color:green}
.resultFailed{color:red}
#sessionStdCont .std,#sessionStdCont .sec{display:block}
.performanceDataCont th.fview{cursor:pointer;background-color:rgba(255,200,100,0.2)}
.performanceDataCont th.on{background-color:rgba(255,100,0,0.4);color:#000}

.studInfo{width:78%;padding-bottom:20px}
.studInfo td{padding:0;vertical-align:top}
.studInfo .infoBox td{padding:5px 0}
.infoBox .colon{width:5px;padding:5px 0}
.studInfo .infoBox .subInfo{padding-left:5px}
#profile{background-color:#fcfcfc;padding:20px 10px;margin:0 10px;overflow:hidden}
.infoBox{padding:5px 15px;margin:0 10px 10px 0;background-color:#eee;border-radius:5px;border-bottom:solid 2px #ddd;}
.infoBox .subInfoHead{border-bottom:solid 1px #f0f0f0;padding:5px 0;text-transform:uppercase;letter-spacing:1px;color:#000}
.infoBox .addStudData{background:url(add_data-3aa2afc290393fa538d4194edbf108b8.gif) no-repeat;float:left;width:34px;height:14px;}
.infoBox .addStudData:hover{background-position:0 bottom}

.chartCont{overflow:hidden;margin-bottom:20px}
.chartCont h2{clear:both;border-top:solid 1px #999;background-color:#f6f6f6;padding:5px 0;text-align:center}
.chartCont h2>span{font-size:.8em}
#studCount,#studPassPC,.lblCont,.valCont,.valCont>div>div,.valCont>div,.sessionBars>div>div{float:left}
#studCount{width:42%;}#studPassPC{float:right;width:55%;}.lblCont{width:15%;min-height:1px}.valCont{width:84%;border-left:solid 1px #999;padding:0 0 1px 1px}
.lblCont>div,.valCont>div{line-height:35px;overflow:hidden;margin:10px 0;}
.lblCont>div{text-align:right;padding-right:5px;float:right;width:100%;
	background: -webkit-gradient(linear, left top, right top, from(#f0f0f0), to(#fcfcfc));
	background: -webkit-linear-gradient(left, #f0f0f0, #fcfcfc);
	background: -moz-linear-gradient(left, #f0f0f0, #fcfcfc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#fcfcfc', GradientType=1);
}
.valCont>div>div{text-indent:5px;height:35px;}
.valCont .SCCBar,.valCont .PPCBar,.valCont .APCBar{clear:both}
.valCont .SCCBar div{float:none}
#studCount .valCont>div>div{text-indent:5px;height:25px;}
#studCount .valCont .SCCBar div{line-height:25px;white-space:nowrap}
#studCount .lblCont>div, #studCount .valCont>div{line-height:50px}
#studCount .valCont .tot,#studAttendance .valCont .tot{margin-left:1%;width:9%;text-align:center;font-weight:bold;
	background: -webkit-gradient(linear, left top, left botom, from(#fff), to(#fe9));
	background: -webkit-linear-gradient(top,  #fff,  #fe9);
	background: -moz-linear-gradient(top,  #fff,  #fe9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffee99', GradientType=0);
}
#studCount .valCont>div>div{
	background: -webkit-gradient(linear, left top, right top, from(#edf), to(#c9f));
	background: -webkit-linear-gradient(left, #edf, #c9f);
	background: -moz-linear-gradient(left, #edf, #c9f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeddff', endColorstr='#cc99ff', GradientType=1);
}
#studCount .valCont>div>div.fem{
	background: -webkit-gradient(linear, left top, right top, from(#fef), to(#f6c));
	background: -webkit-linear-gradient(left, #fef, #faf);
	background: -moz-linear-gradient(left, #fef, #faf);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeff', endColorstr='#ffaaff', GradientType=1);
}
#studPassPC .valCont .PPCBar,#studAttendance .valCont .APCBar{width:54%}
#studPassPC .valCont .tot{margin-left:1%;width:21%;text-align:center;background:#f9f9f9;line-height:16px;height:35px;color:#090;border-left:solid 2px #0c0;
	/*background: -webkit-gradient(linear, left top, left botom, from(#fff), to(#9f6));
	background: -moz-linear-gradient(top, #fff, #9f6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#99ff66', GradientType=0);*/
}
#studPassPC .valCont .ftot{margin-left:1%;width:21%;line-height:16px;background:#f9f9f9;color:#e00;border-left:solid 2px #e00;}
#studPassPC .valCont>div>div,.gradGreen{
	background: -webkit-gradient(linear, left top, right top, from(#6f6), to(#0d0));
	background: -webkit-linear-gradient(left, #6f6, #0d0);
	background: -moz-linear-gradient(left, #6f6, #0d0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ff66', endColorstr='#00dd00', GradientType=1);
}
#studPassPC .valCont>div>div.failed,#studAttendance .valCont>div .na,.naLbl,.gradRed{/*background:#e00;*/
	background: -webkit-gradient(linear, left top, right top, from(#fc9), to(#f64));
	background: -webkit-linear-gradient(left, #fc9, #f64);
	background: -moz-linear-gradient(left, #fc9, #f64);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc99', endColorstr='#ff6644', GradientType=1);
}
#studPassPC .valCont>div>div.failed,#studPassPC .valCont .ftot{text-indent:0;text-align:center;height:35px}
/*#studPassPC .valCont .ftot{
	background: -webkit-gradient(linear, left top, left bottom, from(#fed), to(#fa9));
	background: -moz-linear-gradient(top, #fed, #fa9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeedd', endColorstr='#ffaa99', GradientType=0);
}*/
.gradBlue{
	background: -webkit-gradient(linear, left top, right top, from(#9df), to(#69f));
	background: -webkit-linear-gradient(left, #9df, #69f);
	background: -moz-linear-gradient(left, #9df, #69f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ddff', endColorstr='#6699ff', GradientType=1);
}
#studAttendance .valCont .APCBar{margin-right:10px;}
#studAttendance .valCont>div>div,.prsLbl{
	background: -webkit-gradient(linear, left top, right top, from(#cfc), to(#9f9));
	background: -webkit-linear-gradient(left, #cfc, #9f9);
	background: -moz-linear-gradient(left, #cfc, #9f9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffcc', endColorstr='#99ff99', GradientType=1);
}
#studAttendance .valCont>div .absent,.absLbl{
	background: -webkit-gradient(linear, left top, right top, from(#ffc), to(#ff9));
	background: -webkit-linear-gradient(left, #ffc, #ff9);
	background: -moz-linear-gradient(left, #ffc, #ff9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc', endColorstr='#ffff99', GradientType=1);
}
#studAttendance .valCont>div .leave,.leaveLbl{
	background: -webkit-gradient(linear, left top, right top, from(#cff), to(#9ff));
	background: -webkit-linear-gradient(left, #cff, #9ff);
	background: -moz-linear-gradient(left, #cff, #9ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffff', endColorstr='#99ffff', GradientType=1);
}
#studPassPC .lblCont>div,#studPassPC .valCont>div{margin:7px 0}
#atdChart{float:right;width:45%;position:relative;}
.circleChart .circles{height:150px;width:150px;position:relative;margin:auto}
.circleChart .circles>div{position:absolute;border-radius:50%;text-align:center}
.daysPending{background-position: center center;
	background: -webkit-gradient(radial, center 95%, 0, center 95%, 460, from(#f99), to(#e00));
	background: -webkit-radial-gradient(center 95%, circle, #fcc, #e00);
	background: -moz-radial-gradient(center 95%, circle, #fcc, #e00);
	background: -ms-radial-gradient(center 95%, circle, #fcc, #e00);
}
.daysTaken{background-position: center bottom;
	background: -webkit-gradient(radial, center 95%, 0, center 95%, 460, from(#cfc), to(#0c0));
	background: -webkit-radial-gradient(center 95%, circle, #cfc, #0c0);
	background: -moz-radial-gradient(center 95%, circle, #cfc, #0c0);
	background: -ms-radial-gradient(center 95%, circle, #cfc, #0c0);
}
.cLabel{position:absolute;right:0;top:0;width:140px}
.cLabel .lbl{clear:both;margin:10px 0;text-align:right}
.cLabel .daysPending,.cLabel .daysTaken{float:left;width:16px;height:16px;border-radius:50%;}
.totAtd{border-top:solid 1px #ccc;padding-top:5px}
.profileImg{background-color:#fff;}
.profileImg .noImg{display:block;margin-top:40%;color:#fc9;text-align:center}
.subTabsCont{padding:0 10px 10px; margin-bottom:20px}
.subTabsCont .fr .button,span.title_sub{display:inline-block;}
.title_sub{padding:10px;}
.classBD .listData{width:53%}.classBD #studPassPC{width:45%}
.classBD .lblCont{width:25%}.classBD .valCont{width:74%}
.classBD .chartCont{margin-top:30px}
.classBD .gradingCharts #studPassPC{float:left;width:100%}
.gradingCharts{overflow:hidden}
.gradingCharts #atdChart,#allPayment,#feeByMn{float:left;margin-left:10px;width:200px}
.classBD .gradingSystem .listData{width:auto}
.legendCont .passed,.legendCont .failed{width:21%;margin:5px 0 0 1%;text-align:center;line-height:16px;font-weight:bold;color:#090;}
.legendCont .failed{color:#e00}
.csData{float:left;margin:10px;width:31%;min-height:100px}
.csData h2{font-size:1em;padding:0 0 2px;margin:0}
.male>span,.female>span{font-size:1.6em;line-height:1em;}
.male,.female{color:#333}
.male{background:url(male-abf409890e1208f71c85de8191c9a14f.png) right top no-repeat}
.female{background:url(female-ef516f2381e8617a35818c691ff5d94f.png) right top no-repeat}
.profDet h2>a{padding-right:15px}
.csData .profileImg{width:90px;height:90px;overflow:hidden;float:left}
.csData .profDet{float:left;width:180;margin-left:5px}
.valCont .sessionBars{margin-bottom:10px;width:68%}
.valCont .sessionBars .bars,.valCont .sessionBars .bars>div{height:30px}
.valCont .sessionBars .bars{margin:0 0 2px;float:none}
.valCont .sessionBars .bars:last-child{margin:0}
.valCont .barLegends{width:31%;float:right}
.valCont .barLegends>div{line-height:normal;float:none;text-indent:0;padding-left:4px;border-left:2px solid #ccc;height:30px;margin-bottom:2px;background-color:#f9f9f9}
.valCont .barLegends .lblBlue{border-color:#36f}
.barLegends>div.promoted>strong{display:block}
.barLegends>div.promoted>span{padding-right:5px}
.lblRed{color:#f30;}.lblGreen{color:#0c0;}.lblBlue{color:#36f;}
#admissionChart{width:50%;float:left;box-sizing:border-box;padding-left:10px;margin-bottom:20px}
#admissionChart .lblCont{width:18%}
#admissionChart .lblCont>div{line-height:18px;height:34px;padding:14px 5px 14px 0}
#admissionChart .valCont{width:81%}
#admissionDetails{margin-top:20px;overflow:hidden}
#admissionDetails #shiftDiv #sessionStdCont{margin:5px 4px 0 0;float:right;width:45%;padding:0;}
#subjPerformance{width:45%;float;right;margin-top:10px}
#subjPerformance .lblCont,#subjPerformance .valCont{margin-top:10px}
.lblCont .examName{float:left;line-height:50px;margin:0;width:65%;background:none}
.lblCont .scoreLbl{height:10px;line-height:10px;margin:1px 0;width:25%;background:#fcfcfc}
.valCont .scoreBar{clear:both;margin:1px 0;height:10px;background-color:#333;}
.valCont .scoreVal{float:left;height:10px;line-height:10px;margin:1px 0;}

#sectionChange h2{margin-bottom:10px}
#sectionChange strong{font-size:1.4em;padding-right:10px}
#classStudsLeft .leftNavUl{margin-bottom:20px}

.sCount,.pCount{background-color:#f9f9f9;border-radius:5px;padding:10px;border-bottom:solid 2px #ddd;}
.sCount,.sCount strong,.pCount{font-size:1.2em;}
.pCount,#transHistoryCont{margin:10px 10px}
.pCount table{width:auto}
.pCount td{padding:0 5px}
.pCount td:last-child{text-align:right}
/*#subList,#toppers{padding-top:15px;}
#subList ul,#toppers ul{list-style:none;margin:10px 0;padding:0;}
#subList ul>li,#toppers ul>li{padding:2px 0}*/
.oSubs li ol{display:none}
.evenL{float:left}.oddL{float:right}
.evenL,.oddL{background-color:#f9f9f9;width:49%;margin-top:10px;border-bottom:solid 2px #ddd;border-radius:5px}
.gradingSystem .evenL,.gradingSystem .oddL{width:26%;float:left;margin-right:10px}
.classBD .gradingSystem .oddL:last-child{margin-right:0px}
.listData h3{padding:5px 10px;border-radius:2px 2px 0 0;margin:0;font-weight:normal;background-color:#ddd;}
.listData .tip>span{font-weight:bold;font-size:1.1em;cursor:pointer;padding:0 4px;color:#f60}
.listData ol,.studList{list-style-position:inside;margin:0;padding:0}
.listData ul{list-style:none;padding:0;margin:0}
.listData li{padding:5px 10px}.studList li{padding:2px}
.listData li:nth-child(even){background-color:#fff;}
.listData li:last-child{border-radius:0 0 5px 5px}
.examLinks a{padding:0 5px;}.examLinks .active{color:#000;cursor:default;font-size:1.2em}
.cDetExam{margin:0}#examinationReport{margin:10px}#examinationReport .title_sub{margin-bottom:10px}
.cDetExam .pfCount{font-size:.8em}
.attCont{margin:10px 0}

#rollAssignment{max-height:445px}
#rollAssignment #sortable { list-style-type: none; margin: 0; padding: 0; }
#rollAssignment #sortable li {background-color:#f9f9f9;border:solid 1px #ccc;cursor:move;margin: 3px 3px 3px 0; padding: 1px; float: left; width: 182px; height:65px;text-align: center; }
#rollAssignment #sortable .active{
	background: -webkit-gradient(linear, left top, left botom, from(#fff), to(#fe9));
	background: -webkit-linear-gradient(top, #fff, #fe9);
	background: -moz-linear-gradient(top,  #fff,  #fe9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffee99', GradientType=0);
}
#rollAssignment #sortable li strong,#rollAssignment #sortable li input{font-size:1.4em;}
#rollAssignment #sortable li span{display:block;font-size:.9em;line-height:1em}
#rollAssignment #sortable li input{text-align:center;width:50px;background-color:#fcfcfc;border-color:#eee;margin:3px;}

.filterBox {width:60%}.filterBox>div.fl{width:50%}
.filterBox ul,.staffList{list-style:none;padding:0;}.filterBox ul li{float:left;margin-right:15px;padding:5px 0}
.filterBox a{background:url(tick_s-a5a44fce7dce130eecac2f0425162c7c.png) left 1px no-repeat;padding-left:15px;display:block;}
.filterBox a.active{background-position:left -88px;color:#f60;}
.filterBox ul{margin:0}
.filterBox strong.fl{margin:5px 10px 0 0}

.btmSpace{clear:both;height:50px}
table.flexme2{border:none;border-bottom:solid 1px #ccc;}
.btnsCont{margin:0 10px;overflow:hidden}
.btnsCont .export{float:right;width:auto;margin:0}
.btnsCont .assignOptional,.btnsCont .editRoll,.addExtra,#addAtachment{background:url(add-e7404aa2bf93f3ed7ed619bac5188dc7.png) no-repeat;padding-left:20px;color:#06f;cursor:pointer}
.btnsCont .editRoll{background-image:url(arange-fdc75e3120885a63647eeeaa1d9c96f6.png);margin-left:15px;padding-left:15px}
.profileDetCont{border-bottom:solid 1px #ccc;padding:10px;overflow:hidden}
.profileDetCont .profileImg{float:left;width:100px;height:100px;}
.profileDetCont .profileDetails{float:left}
.commonActions{background-color:#f6f6f6;margin:0 10px;padding:5px;border-bottom:solid 1px #ccc;overflow:hidden;}
.commonActions .checkAll{margin:8px 10px 0 5px}.commonActions .checkAll>input{float:left;margin:0 5px 0 0}
.commonActions .checkAll,.commonActions .promoteBtnsCont{float:left}
.gridContainer .field_select{margin-bottom:10px}
.gridContainer .field_select .label{font-size:1.5em}
#includePract{margin-top:8px}
#includePract input{margin:0 5px 0 0;float:left}
th.practical,td.practical{display:none}

/*.examMarkEntry_tbl thead,.examMarkEntry_tbl tbody{display:block;width:100%}*/
.examMarkEntry_tbl th,.examMarkEntry_tbl td{padding:5px;border:solid 1px #eee;border-width:1px 1px 0 0}
.examMarkEntry_tbl th{background:#6D929B;color:#fff;}
.examMarkEntry_tbl tr[nth=0]{background-color:#f7f7f7}
.examMarkEntry_tbl tr{background-color:#f6f6f6}
.examMarkEntry_tbl tr:nth-child(even){background-color:#fff}

.examMarkEntry_tbl .remark{width:16px;padding:5px 2px}
.examMarkEntry_tbl tr:nth-child(odd) .fieldCont{background-color:#f6f6f6}
.mark,.pfm_tr th,.total{text-align:right;}
.mark input{width:40px;margin:0;font-size:1em;padding:2px;text-align:right}
.mark input[disabled]{opacity:.4}
.pfm_tr th{font-size:.9em;padding:0 5px}
.studname,.totals{font-weight:bold}
.subj{text-align:center;}
.roll{width:20px}
.enno{width:85px}
.total{width:25px}
.mark,.subj{width:50px}
td.total{font-weight:bold;color:#000;font-size:1.2em}
.studname{width:180px}
.examMarkEntry_div{border:solid 1px #ccc;border-width:0 1px 1px;max-height:340px;overflow-y:scroll}
.examMarkEntry_div .examMarkEntry_tbl,#studentListingTable{position:relative;}
.title_sub .highlight{color:#f60}
.tblHead_div{border:solid 1px #ccc;border-width:0 0 0 1px;overflow:hidden}
.tblHead_div{position:absolute;top:0;z-index:10;}
.tblHead_div tbody{display:none}
td.remark textarea{width:98%;float:left;margin:2px 0 0 2px;}
td.remark .fieldCont{display:none;background-color:#fff;position:absolute;}
th.remark{vertical-align:bottom;}
th.remark span{background:#6D929B url(remarks-c1aec1ad40ff5c1c3ae4d190845b31d8.png) center top no-repeat;display:block;width:14px;height:55px;margin:auto}
th.remark span.minus{background-position:center -75px;}
td.remark span{background:url(plus-minus-30212fa63a60ccc18e5c874187911d16.png),url(remark_icons-e11172b668df408dce64fbdb66cf729d.png);background-repeat:no-repeat;background-position:4px -3px,left 2px;width:16px;height:16px;display:block;cursor:pointer;margin:auto}
td.remark span.minus{background-position:4px -28px,left 2px}
td.remark span.fill{background-position:4px -3px,left -22px}
td.remark span.fill.minus{background-position:4px -28px,left -22px}
td.remark .fieldCont a{width:4%;float:right;height:50%}
td.remark .fieldCont .cancel{background:url(delete-964d1afcaa92b7b2eda6b86513e511f8.png) center center no-repeat;}
td.remark .fieldCont .add,#searchItemCont .add{background:url(add-e7404aa2bf93f3ed7ed619bac5188dc7.png) center center no-repeat;}

#subjAssignment .lCont{float:left;width:28%}
#subjAssignment .rCont{float:right;width:70%;padding:1%;background-color:#fff;}
#subjAssignment ul{list-style:none;padding:0;margin-top:5px;position:relative}
#subjAssignment ul li,#assignClassDiv .listCont ul li{margin-top:1px;background-color:#f6f6f6;cursor:pointer}
#optSubjList li{padding:2px 0 2px 10px}
#optSubjList ul li.sel{background-color:#fff}
#studentList ul,.listCont ul{background-color:#f6f6f6;border:solid 1px #ddd;padding:5px;height:250px;overflow-y:auto;clear:both}
#studentList li,.selectAll,.removeAll,#assignClassDiv .listCont li,#roleAssignment .listCont .btn,#selectSub li,#selectedSub li{padding:2px 0 2px 15px;background:url(add-sub-aa06378275db7887ec3cc11e9ee4110d.png) 0 5px no-repeat;cursor:pointer}
#studentList #selStudList>li,.removeAll,#assignClassDiv .listCont .rList>li,#selectedSub li{background-position:0 -84px}
#studentList div.fl{width:49%;margin-right:1%}.listCont .fl{width:48%;margin-right:1%}
#studentList input.fr{padding-top:0;width:100px;}

#roleAssignment .listCont,.roleAsgnTab .listCont{padding:10px;overflow:auto;width:50%}
#roleAssignment .listCont ul{min-height:200px;padding:2px 5px;margin:10px 0;}
#roleAssignment .listCont li,.roleAsgnTab .listCont ul li{padding:5px;background-color:#f0f0f0;margin:3px 0}
#roleAssignment .listCont li div{font-size:.8em;padding:3px 0 0 15px;}
#roleAssignment .listCont .updateClass{background:#fff url(att_edit-6c835dc63e11f440845c90734afea615.gif) center center no-repeat;font-size:.8em;margin-left:5px;cursor:pointer;padding:1px 12px;border:solid 1px #ddf;border-radius:3px}
#roleAssignment .listCont .btn{background-position:0 3px}
#roleAssignment .listCont .rList .btn{background-position:0 -15px}
.listCont .lCont,.listCont .rCont{float:left;width:200px}

.roleAsgnTab .listCont ul{min-height:300px;padding:2px 5px;margin:10px 0}
.roleAsgnTab .listCont ul li{background:#f0f0f0 url(add-sub-aa06378275db7887ec3cc11e9ee4110d.png) 5px 6px no-repeat;cursor:pointer;padding:5px 22px;margin:3px 0}
.roleAsgnTab .listCont .rList li{background-position:5px -82px}

.monthName {font-size:15px;color:gray;font-weight:bold;text-align:center;border-bottom:solid 1px #ccc; background-color:#ffe}

/*.loginasCont{margin:auto;width:700px;box-shadow:0 0 10px #000;border-radius:15px;padding:20px;position:relative;top:100px;
	background: -webkit-gradient(linear, left top, left botom, from(#ff3), to(#fa0));
	background: -webkit-linear-gradient(top, #ff3, #fa0);
	background: -moz-linear-gradient(top,  #ff3,  #fa0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff33', endColorstr='#ffaa00', GradientType=0);
}*/
.loginasCont{width:500px;display:flex;flex-wrap:wrap;align-items:center}
.attendanceLogin{width:500px;}
.loginasCont td{padding:0}
.loginasCont .top{overflow:hidden;width:100%}
.loginasCont .loginLogo{float:left;background-position:left top;height:45px}
.loginasCont .signout{float:right;padding-right:0;margin-top:5px}
.loginasCont h2{font-weight:normal;font-size:1.7em;}
.loginasCont #staffId{color:#000;text-transform:uppercase;font-size:1.3em;line-height:1.6em}
.loginasCont .separator{background:url(separator1-be8b1923cff0fa607cd2fa4ead005a87.png) center center no-repeat;min-height:210px;width:10px}
.loginasCont .lCont{vertical-align:top;}
.selectRole,.selectType{background:url(triangle-7ac4712c021e0a0553cd4dc555404e34.png) right center no-repeat;font-size:1.2em;padding-right:20px;text-align:right}
.roles,.loginAsList{list-style:none;padding:0}
.roles{width:50%}
.roles li,.loginAsList li{margin:10px;}
.roles li span:first-child,.roles li strong,.loginAsList li strong{float:left;background-color:rgba(255,255,255,0.2);border-radius:10px}
.roles li span:first-child{}
.roles li span:nth-child(2){height:30px;width:30px;position:absolute;left:0px;background-size:auto 100%}
.roles li strong{font-size:1.3em;line-height:30px;padding-left:35px}
.roles li a{cursor:pointer;display:inline-block;height:30px;color:#333;text-transform:uppercase;position:relative}
/*.roles li a:hover span:first-child,.roles li a:hover strong,.loginAsList li:hover span:first-child,.loginAsList li:hover strong{background-color:rgba(0,0,0,0.1);}*/
.roles li a:hover{color:#f60}
.administrativeRole span:nth-child(2){background:url(administrator-8b68c639fdcb8560e9a682bbc2f31e97.png) 6% center no-repeat;}
.managementRole span:nth-child(2){background:url(management-a3a72f97bd962d83bb7b9f26e4179846.png) 6% center no-repeat;}
.classSupervisorRole span:nth-child(2){background:url(blackboard-5fc5ce5dc4798e5ab52dc6e5bbe9760a.png) 5% center no-repeat;}
.feeSupervisorRole span:nth-child(2){background:url(collectfee-b42fa154ea8ae037f8a329b282764396.png) 5% center no-repeat;}
.shopSupervisorRole span:nth-child(2){background:url(cash_register-81650fbaeb8609c0aeaba7959f0da53a.png) 5% center no-repeat;}
.timeTableSupervisorRole span:nth-child(2){background:url(timetables-ec5e10b9319b948f68b06e36a800ba6d.png) 5% center no-repeat;}
.examinationSupervisorRole span:nth-child(2){background:url(examinationSupervisor-90ed2b1a993dd132f38ce2ad0aae60a0.png) 5% center no-repeat;}
.idCardSupervisorRole span:nth-child(2){background:url(idcard-94626345ccd8b751745ed7ed27c6d1a1.png) 5% center no-repeat;}
.teachingStaff span:nth-child(2){background:url(teaching-staff-201e298339b01263182e6f8f7f091c22.png) 5% center no-repeat;}
.smsSupervisorRole span:nth-child(2){background:url(sms_supervisor-54368471f7b6f29f264c4590b1ce79b9.png) 5% center no-repeat;}
.payrollSupervisorRole span:nth-child(2){background:url(payroll-3405f0fad1d601262b850548b4b76ee5.png) 5% center no-repeat;}
.staff span:nth-child(2){background:url(staff-30c8761cf82a85f621d4146f48a83555.png) center center no-repeat;}
.student span:nth-child(2){background:url(student-f52c88b6699f2a8ba4a1d825ab9c6ab3.png) center center no-repeat;}
.school span:nth-child(2){background:url(school-be9ee1ee21dfc22cad00a5b790808d5f.png) center center no-repeat;}
.loginAsList li{cursor:pointer;display:block;height:30px;color:#333;text-transform:uppercase;position:relative}
.loginAsList li span:first-child{}
.loginAsList li span:nth-child(2){height:30px;width:30px;position:absolute;left:0;background-size:100%}
.loginAsList li strong{position:absolute;left:40px;font-size:1.4em;line-height:30px}
.fieldsCont,.loginTypes{display:none}
.fieldsCont h2{text-transform:uppercase;font-weight:normal;}
.fieldsCont .cancel{float:right;cursor:pointer}
.ui-widget-content #message a{color:#0066FF}
.studDashboard{padding:10px 10px 0px;overflow:hidden}
.charts{overflow:hidden}
#studCurSession{width:50%}
#studAttendance,#studPerformance,#studFeePayment{float:left;margin:10px 10px 10px 0;}
#studAttendance h2,#studPerformance h2,#studFeePayment h2{background-color:#f6f6f6;font-size:1em;font-weight:normal;text-transform:uppercase;text-align:center;width:440px;padding:5px;border-bottom:solid 2px #ddd;border-radius:0 0 5px 5px}
#studFeePayment h2{width:140px}
#studFeePayment h2>span{font-size:.8em;text-transform:none}
.canvCont canvas,#subjPerformance{border-radius:5px 5px 0 0;
	background: -webkit-gradient(linear, left top, left botom, from(#f9f9f9), to(#f3f3f3));
	background: -webkit-linear-gradient(top, #f9f9f9, #f3f3f3);
	background: -moz-linear-gradient(top, #f9f9f9, #f3f3f3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f3f3f3', GradientType=0);
}
.rankList li>span{text-align:right;width:15px;padding-right:10px;float:left}
.curStud{background-color:#ffb}
.curStud span,.curStud a{font-weight:bold;color:#f60}
.lastLogin{clear:both;color:#999;background-color:#fcfcfc;border:solid 1px #eee;text-align:center;padding:3px;border-radius:5px}

.prefCont .label{cursor:pointer}.prefCont span.radio,.prefCont span.checkbox{display:block;margin-top:2px}
.prefCont th{background:none;font-size:1.2em;color:#000;text-transform:uppercase;padding-left:10px}
label.chk{color:#000;margin:2px 10px 10px 0}
label.chk input{float:left;margin:0 5px 0 0}

#coScholasticFormDiv{border-bottom:solid 1px #ccc}
.gridCont{border:solid 1px #ccc;border-width:0 1px;}
.gridCont>table>tbody>tr>td{vertical-align:top;padding:10px}
.formHead{overflow:hidden;border-radius:0;background-color:#ddd;padding:5px 5px 3px}
.formHead a,.formHead h3{float:left;margin-right:5px}
.formHead .create{padding:2px 0 3px 15px;background-position:left 2px}
.formHead .create:hover{padding-bottom:1px}
.formFieldCont table{border:solid 1px #ddd;}

.formGroupCont{width:32%;float:left;margin:10px 1% 10px 0;border:solid 1px #ccc;}
.formGroupCont table{background-color:#eee;}
.formGroupCont th{background:#6D929B;color:#fff;}
.formGroupCont input[type="text"]{width:20px;text-align:right;padding:1px 2px;font-size:.9em}
.formGroupCont tr:nth-child(even){background-color:#fff}
.formGroupCont tr:nth-child(odd){background-color:#f6f6f6}
.formGroupCont tr>td:last-child,.formGroupCont tr>td:first-child,.formGroupCont tr>th:last-child,.formGroupCont tr>th:first-child{text-align:right}
.formGroupCont tr:first-child>th{text-align:center}
.formGroupCont tr>td.desc{text-align:left}
.desc textarea{height:auto;width:98%}
.formDiv .formGroupCont td,.formGroupCont th{padding:2px 4px}

#boxTop{top:0;left:0;height:40px;position:fixed;z-index:102;box-shadow:0 0 5px #999;border-bottom:solid 2px #eee;background-color:#fff;padding-bottom:3px;}
#boxTop .logo{float:left;height:40px;background-position:left 0;margin-left:10px;background-size:70%}
#boxTop .close{background:url(cancel-3d0e162acc48eab3c7519796297e3f50.png) left -2px no-repeat;width:25px;height:25px;float:right;margin-right:15px;margin-top:5px}
.box .title{padding:10px 0;}
.box .infoBox{margin:10px 10px 0;font-size:1.2em}
.box .infoBox table{width:auto;}
.box .infoBox td>span{color:#f90;}
.box h2{margin:0;font-size:1.4em}
.downloadPDFLS{background:url("skin/pdf-ls-84efe0ac569d25ea14e9902b25a62f22.png") no-repeat; display:block;}

.consoScore{float:left;width:32%;background-color:#fff;margin-top:10px;}
.consoScore table{border:solid 2px #eee;width:100%}
.consoScore table tr,.simpleTbl tr{background-color:#fff;}
.consoScore table tr:nth-child(odd),.simpleTbl tr:nth-child(odd){background-color:#F6F6F6}
.consoScore table tr>td{padding:5px}
.consoScore table tr:first-child>td:first-child{width:70%}

.fees #searchDiv{margin-top:20px}
.studDetCont{overflow:hidden;margin:10px 10px 20px;width:60%}
.studDetCont .searchRes{overflow:hidden;margin:10px}
.studDetCont .profileImg{width:100px;float:left}
.studDetCont .profileDetails{float:left;margin-left:20px;width:80%}
.paymentTypeCont{margin:10px;}
.paymentAction span,span.paidYN{background:url(tick_s-a5a44fce7dce130eecac2f0425162c7c.png) 2px 1px no-repeat;padding-left:15px;margin-right:10px;cursor:pointer}
.paymentAction span.on,span.paidYN.paid{background-position:2px -88px}
.paymentAmt{font-size:1.6em;padding:5px;margin:10px auto;display:block;text-align:center}
.receiptCont{text-align:center}
.receiptCont .receiptNo{position:absolute;left:5px;top:5px}
.receiptCont h2{margin-top:1px;}
.receiptCont table{width:100%}
.receiptCont tr>td:first-child{text-align:right;width:50%}
.receiptCont .detailedView tr>td:first-child{width:auto;text-align:left;}
.receiptCont .detailedView th{background:none;color:#000;border:solid 1px #999;border-width:1px 0}
.receiptCont .detailedView tr:last-child>td{border-bottom:solid 1px #999}
.studSessionInfo{margin:10px auto;padding:5px;background-color:rgba(255,255,255,0.5);border:solid 1px #ccc;border-radius:4px}
.receiptCont .studSessionInfo table td{width:auto;text-align:center}
.detailedView,.detailed .feeitems,#compact,.studcopy{display:none}
.detailed .detailedView{display:block}
#compact .received{font-size:1.1em}
#compact .small{font-size:.9em}
#compact td{text-align:center;width:auto;padding:0;vertical-align:top}
#compact .receiptNo{top:0px;left:0}
.receiptData,.schoolcopy,.studcopy,#basdet{position:relative;z-index:10}
.feeitems{border:solid 1px #999;border-width:1px 0; padding:5px 0;text-align:center}
.numbank{font-size:.9em;font-style:italic}
.ui-dialog-buttonpane a.ui-button{margin:5px 5px 0 0;padding:5px 10px}
.watermark{position:absolute;height:100%;opacity:0.1;z-index:1}
#basdet .watermark img{height:auto;width:50%}
#compact .watermark img{height:150px}
#compact .watermark{top:70px}
.leftBgAvail .breadCrumb{margin-left:150px}
.breadCrumb{padding:10px 0 5px;float:left;margin-left:12px}
.parentLinks{background:url(triangle-right-0d12484f922a0f4763f0ae6d782e6cee.gif) no-repeat 95% center;color:#06f;cursor:pointer;position:relative;width:125px}
.parentLinks ul{display:none;list-style:none;background-color:#f9f9f9;border-bottom:solid 1px #ddd;border-radius:0 0 5px 5px;position:absolute;padding:1px 1%;margin:0;width:98%}
.parentLinks ul li{color:#06f;cursor:pointer;padding:5px;}
.parentLinks ul li:hover{background-color:#f3f3f3;}
.parentLinks:hover{background:#f9f9f9 url(triangle-down-6c4d2dd4efdff9181ca8dad767569921.gif) no-repeat 95% 5px;text-indent:3px}
.parentLinks:hover ul{display:block;}

label input[type=radio]{margin-top:0}
#calAmtCont{background-color:#fcfcfc;border:solid 1px #ccc;border-radius:5px;width:30%;padding:10px;margin:10px;text-align:center;float:right;}
#calAmtCont h2{margin-bottom:10px}
#calAmtCont .button,#quickPay .button{margin:10px 0 0 10px}
#calAmtCont label{font-weight:bold}
#quickPay form,#itemPay,.itemSelCont{margin:20px auto;padding:20px;background-color:#fcfcfc;border:solid 1px #ccc;border-radius:5px;text-align:center;width:43%}
#quickPay label,#itemPay label{font-size:1.1em;font-weight:bold;margin:2px 10px 0 0;line-height:2em}
#quickPay input[type="number"],#itemPay input[type="number"],.itemSelCont input[type="number"]{margin:2px 10px 0 0;width:100px;font-size:1.4em;text-align:right}
.itemSelCont .oneTime input[type="number"]{width:110px}
#quickPay .button{margin:0}
#quickPay table,#itemPay table{width:auto;margin:0 auto 20px auto}
#quickPay table td,#itemPay table td{padding:2px 4px}
#quickPay .ptCont,#itemPay .ptCont{margin:4px 0 0}
#quickPay .ptCont input[type=radio],#itemPay .ptCont input[type=radio]{float:left;margin-right:3px}
#quickPay .ptCont label,#itemPay .ptCont label{line-height:1.3em;float:left;font-weight:normal;font-size:1em;margin:5px 10px 5px 0;cursor:pointer}
#quickPay .modeTxt,#itemPay .modeTxt{font-size:1em;width:120px;margin:0 3px 5px 0}
#quickPay td:first-child,#itemPay td:first-child{text-align:right}
#itemPay{margin:20px 10px 20px 0;padding:10px;float:right}
#itemPay label{margin:0;line-height:1em}
#itemPay #paymentAmt,#quickPay #quickAmt{margin-right:0;text-align:right;color:#f90;font-size:1.8em;}
#itemPay span.fl,#quickPay span.fl{color:#f90;font-size:1.8em;line-height:1em;text-align:right;float:left;width:100px;(-bracket-:hack;width:85px;);}
.receiptNum,.transAmt{display:block;}
.desc{width:250px}
.oneTime input[type=button]{display:none}
.itemSelCont{float:left;width:50%;padding:0;margin:20px 0 20px 10px}
.itemSelCont .amt{width:170px}
.itemSelCont .amt>input{width:45px;font-size:1em;margin:0;padding:0 1px}
.typeSel{background-color:#ececec;border-bottom:1px solid #ccc;border-radius:4px 4px 0 0;font-size:1.2em;font-weight:bold;padding:10px;}
.overdues{float:right;background-color:#f3f3f3;margin:10px;border:solid 1px #ddd;border-radius:5px}
.overdues h3{text-transform:uppercase;font-size:1em;background-color:#ddd;padding:5px 10px;border-radius:4px 4px 0 0}
.overdues ol{padding:5px 8px 5px 30px;width:350px;height:130px;overflow:auto}
.overdues li{padding:2px;color:#e00}
#selItemList h3{padding:5px;background-color:#eee;border:1px solid #e9e9e9;text-align:left;clear:both;margin-top:10px}
#selItemList ul{list-style:none;padding:0;overflow:hidden;background-color:#f6f6f6}
#selItemList li{background-color:#fff;border:solid 1px #eee;padding:5px;float:left;margin:5px;position:relative;padding:5px 25px 5px 5px}
#selItemList li>a{float:right;width:16px;height:16px;background:url(delete-964d1afcaa92b7b2eda6b86513e511f8.png) no-repeat;position:absolute;right:5px;top:4px}
.feeItemListCont,.receiptCont{max-height:400px;}

.profileDetInactiveCont{border-bottom:solid 1px #ccc;padding:10px;overflow:hidden;background:#F5F6CE;}
.profileDetInactiveCont .profileImg{float:left;width:100px;height:100px;}
.profileDetInactiveCont .profileDetails{float:left}

.csDataInactive{float:left;margin:10px;width:31%;min-height:100px;background:#F5F6CE;display:none}
.csDataInactive h2{font-size:1em;}
.csDataInactive .profileImg{width:90px;height:90px;overflow:hidden;float:left}
.csDataInactive .profDet{float:left;width:180;margin-left:5px;}

.received{font-size:1.2em}
.duplicate{font-weight:bold;font-size:1em;color:#999;position:absolute;right:5px}
#transAmtCont .amt>span,#transAmtCont .adjustAmt>span,#transAmtCont .adjustBalance>span{padding-left:10px;text-transform:uppercase;font-size:.8em}

.noPadTbl td{padding:2px}

.subTab1{margin-top:10px;position:relative;z-index:10}
.subTab1 ul{list-style:none}
.subTab1 li{float:left;margin:0 1px;}
.subTab1 li>a:focus{outline:none;}
.subTab1 li>a{display:block;border:solid 1px #ccc;border-radius:5px 5px 0 0;border-bottom:0;padding:5px 10px;color:#000;
	background: -webkit-gradient(linear, left top, left botom, from(#fcfcfc), to(#eee));
	background: -webkit-linear-gradient(top, #fcfcfc, #eee);
	background: -moz-linear-gradient(top, #fcfcfc, #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eee', GradientType=0);
}
.subTab1 li>a.on{margin-bottom:-1px;padding-bottom:6px;
	background: -webkit-gradient(linear, left top, left botom, from(#fff9cc), to(#fcfcfc));
	background: -webkit-linear-gradient(top, #fff9cc, #fcfcfc);
	background: -moz-linear-gradient(top, #fff9cc, #fcfcfc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9cc', endColorstr='#fcfcfc', GradientType=0);
}
.subTabCont{background-color:#fcfcfc;clear:both;border:solid 1px #ccc;margin:0 3px;padding:10px;position:relative}
.subTabCont fieldset{border:solid 1px #ccc;padding:5px;}
.subTabCont fieldset>legend{padding:0 10px;background-color:#fff;border:solid 1px #ccc}
div.portrait,.portrait #certificate,.portrait #frameBorder{width:662px;height:980px;}
.certificateCont{width:980px;height:662px;background:#fff;overflow:hidden;margin:10px auto 30px;padding:50px;-moz-box-shadow: 0 1px 5px #333;-webkit-box-shadow: 0 1px 5px #333;box-shadow:0 1px 5px #333;}
#certificate{width:980px;height:662px;margin:auto;background:#fff;position:relative;overflow:hidden;}
#frameBorder{width:980px;height:662px;position:absolute;z-index:1;outline:dotted 1px #eee;overflow:hidden}
#frameBody>div{position:relative;z-index:9}
#frameBody>div.ui-resizable-handle{position:absolute}
#frameBody>#schoolLogo,#frameBody>#studentPhoto{z-index:10;position:absolute;left:-1125px;}
#frameBody>#studentPhoto{left:-1000px;}
#certificate>.extraImgCont{z-index:10;position:absolute;}
#frameBody>#schoolLogo>div:hover,#frameBody>#studentPhoto>div:hover,#certificate>.extraImgCont:hover{outline:dotted 1px #ccc;cursor:move}
#certTtlBg{height:100%;width:100%;overflow:hidden;display:none}
#certTtlBg>span{line-height:0;position:absolute;height:100%;left:-250px}
#certificateTtlCont>div{position:absolute;z-index:2;width:100%}
#certificateTtlCont #cerTtlBg{z-index:1}
#certificate>.extraImgCont.active{border-color:#f00;background-color:#fe6}
#frameBody #placeDate{z-index:10;}
#placeDate:focus{border:solid 1px #ccc;background-color:rgba(255,255,255,0.8)}
.radioCont>label{float:left;margin:5px 10px 5px 0}
.radioCont>label>input{float:left;margin-right:5px;margin-top:0px}
.sliderCont,.colorsCont{overflow:hidden;padding:5px}
.sliderCont label,.colorsCont label{float:left;padding-right:10px}/**/
.sliderCont .slider{width:100px;float:left;margin:1px 8px 0 5px}
.colorsCont .cPicker,#borderTab .cPicker{width:16px;height:16px;margin-right:5px}
.colorsCont .bPicker>div,#borderTab .bPicker>div{background:none;border:solid 2px #000;width:8px;height:8px}
.colorsCont .fPicker>div{background:#000;width:12px;height:12px}
.curveRadius,.boxSliders{background-color:#fff;float:left;border:solid 1px #eee}
.curveRadius .sliderValue,.boxSliders .sliderValue{float:left}
.boxSliders{display:none;padding:0 5px;width:98%}
.boxSliders label{width:45px;text-align:right}
.fontStyleCont>span,.cPicker,.moveIcns>div,.aleft,.aright,.acent,.fluid{color:#000;float:left;border:solid 1px #ddd;border-radius:3px;width:20px;height:20px;cursor:pointer;line-height:18px;font-weight:bold;text-align:center;margin:0 1px 0 0;font-family:'Times New Roman';
	background: -webkit-gradient(linear, left top, left botom, from(#fcfcfc), to(#eee));
	background: -webkit-linear-gradient(top, #fcfcfc, #eee);
	background: -moz-linear-gradient(top, #fcfcfc, #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee', GradientType=0);
}
.fontStyleCont>span.on,.borderList>li.on,.aleft.on,.aright.on,.acent.on,.fluid:hover{border-color:#fc6;
	background: -webkit-gradient(linear, left top, left botom, from(#ffc), to(#fc9));
	background: -webkit-linear-gradient(top, #ffc, #fc9);
	background: -moz-linear-gradient(top, #ffc, #fc9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc', endColorstr='#ffcc99', GradientType=0);
}
.colorpicker{z-index:100}
.cPicker{position:relative}
.cPicker>div{position:absolute;width:16px;height:16px;background:#000 url(colorpicker/c-abeee5d49d325c724f695540c2cc1c64.png) center center no-repeat;left:2px;top:2px;border-radius:2px}
.fontStyleCont>span.italic{font-style:italic;}
.fontStyleCont>span.underline{text-decoration:underline;margin-right:10px}
.fontStyleCont>span.lowercase{margin-right:10px}
.aleft>span,.aright>span,.acent>span{background:url(text-align-451970054bd0677383c6ca67ee55a1dd.png) no-repeat 4px center;display:block;width:100%;height:100%}
.acent>span{background-position:-25px center}
.aright>span{background-position:-55px center}
.aright{margin-right:10px}
.fluid{width:auto;font-family:arial;font-weight:normal;margin:5px 0;padding:0 5px}
.clone>span{background:url(clone_style-b8fd88d91525966841b5ff230814e5ab.png) no-repeat left center;display:block;padding:0 0 0 20px;}
.remove>span{background:url(add-sub-aa06378275db7887ec3cc11e9ee4110d.png) no-repeat left -15px;display:block;padding:0 0 0 16px;}
.remove.fluid{float:right}
.clearCopy{margin-left:2px;display:none}
.moveIcns>div>span{display:block;width:100%;height:100%}
.moveIcns>div.up>span{background:url(skin/sorted_asc-df23e44c4c4999383e95e9c8bf5da156.gif) no-repeat center center;}
.moveIcns>div.down>span{background:url(skin/sorted_desc-b85986b88116c4b0ef7571a1c4f3cfa3.gif) no-repeat center center;}
.moveIcns>div.left>span{background:url(skin/left-93fd6ff1b2e292a1359a5d0b409a8d7c.gif) no-repeat center center;}
.moveIcns>div.right>span{background:url(skin/right-4f26a44d5d2e20df60e2ecf83832db63.gif) no-repeat center center;}
.borderList{list-style:none;height:110px;overflow:auto}
.borderList>li{background-color:#fff;border:solid 1px #ccc;border-radius:5px;padding:5px;width:100px;height:80px;float:left;margin:5px;cursor:pointer}
.borderList>li>div{line-height:75px;text-align:center}
.borderList>li>.border1{border:solid 1px #000;}
.borderList>li>.border2{border:dotted 1px #000;}
.borderList>li>.border3{border:dashed 1px #000;}
.borderList>li>.border4{border:double 3px #000;}
.borderList>li>.border5{border:outset 3px #999;}
.borderList>li>.border6{border:inset 3px #999;}
.borderList>li>.border7{border:ridge 3px #999;}
.borderList>li>.border8{border:groove 3px #999;}
.borderList>li>.border9{background:url(bdr/bdr1_t-38d486d18632b56298adaa0e7c1f19a8.png) no-repeat center center transparent;line-height:80px}
.borderList>li>.border10{background:url(bdr/bdr2_t-c0334761bff3cb70ab6078c69ec85381.png) no-repeat center center transparent;line-height:80px}
.borderList>li>.border11{background:url(bdr/bdr3_t-e66bea786cda1c93822c5ecfae7231cc.png) no-repeat center center transparent;line-height:80px}
.borderList>li>.border12{background:url(bdr/bdr4_t-100807488230f82ce568a61a05c4edc4.png) no-repeat center center transparent;line-height:80px}
.borderList>li>.border13{background:url(bdr/bdr5_t-98cd7bad89a396ef0eac97a6d4403bfe.png) no-repeat center center transparent;line-height:80px}
#addressTab textarea,#titleTab textarea{height:auto;width:auto}
#descTab textarea{height:auto;width:100%}
#boxed{float:left;margin-right:5px;margin-top:0}
#fieldList{max-height:90px;padding:0px;overflow:auto;list-style:none;background-color:#fff;border:solid 1px #eee}
#fieldList li{margin:5px}
#fieldList label{width:30px;}
#fieldList select,#fieldList input{font-size:11px}
#fieldList input{width:80px}
.addExtra{float:right;margin-right:10px;line-height:16px}
.extraElement{position:absolute;left:45%;top:0;cursor:move;border:solid 3px transparent;width:auto;z-index:100}
.extraElement:hover{border-color:#ccc;}
.extraElement>div[contentEditable=true]{cursor:text;z-index:100}
.extraElement>a{position:absolute;top:-3px;right:-10px;background-color:#333;color:#fff;font-size:9px;line-height:6px;padding:2px;display:none}
.extraElement:hover>a{display:block}
.field:hover{outline:dotted 1px #ccc}
.showhide{position:absolute;top:1px;left:1px;background-color:#f90;color:#fff;font-size:9px;font-weight:bold;padding:4px 0 3px;text-transform:uppercase;cursor:pointer;width:40px;text-align:center}
#schoolLogo .slogo{position:absolute;cursor:move}
#fontContext,#fieldsListCont{position:absolute;border:solid 1px #ccc;background-color:#f6f6f6;display:none;z-index:100}
#fontContext .handle,#fieldsListCont .handle{cursor:move;background-color:#ccc;padding:1px;height:14px}
#fieldsListCont .handle{padding:5px}
#fontContext .close,#fieldsListCont .close{padding:0 4px 1px;background-color:#000;color:#fff;font-size:9px;border-radius:10px;float:right}
#fontContext ul,#fieldsListCont ul{list-style:none;margin:5px;padding:0}
#fontContext ul>li{clear:both}
#fontContext ul>li.fontStyleCont{margin-top:2px;padding-top:5px;overflow:hidden}
#fontContext ul>li>label{width:70px;float:left;text-align:right;line-height:20px}
#fontContext ul>li>select{font-size:11px}
#fieldsListCont ul>li{display:block;background:url(tick_s-a5a44fce7dce130eecac2f0425162c7c.png) no-repeat 4px 4px #fff;padding:2px 0 2px 18px;margin:2px;cursor:pointer}
#fieldsListCont ul>li.selected{background-position:4px -85px}
#fieldsListCont ul>li:last-child{padding:1px 0 1px 18px}
#fieldsListCont ul>li>input{font-size:11px;margin:0}
#addField{display:block;margin:5px auto;width:50%;text-align:center}
.wlTr,.wsTr,.watermarkFont{display:none}
.watermarkFont .noPadTbl td{padding:0 2px}
.watermarkFont .noPadTbl .sliderCont{padding:4px}
#expcol{overflow:hidden}
#expcol>a{background-color:#000;color:#fff;line-height:9px;height:11px;width:11px;float:right;text-align:center;font-family:verdana;font-size:17px;border:solid 1px #333;margin:3px;border-radius:3px;
	background: -webkit-gradient(linear, left top, left botom, from(#666), to(#333));
	background: -webkit-linear-gradient(top, #666, #333);
	background: -moz-linear-gradient(top, #666, #333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0);
}
#expcol>a:hover{background:#000}
#expcol>a.collapsed{font-size:11px;}
#fixedCont{margin-top:5px;padding-bottom:3px;background-color:#ddd}
.tabAttached.tempDesc{padding:3px 5px;background:none}.tabAttached.mt10{margin-top:10px}.tabAttached .searchLabel{padding:0;margin:3px 10px 0}.tabAttached td{padding:0}
.tabAttached.tempDesc .searchLabel{margin-top:5px}.tempDesc #tempName{margin-top:2px}
.tempDesc{margin:0 3px}
.tempDesc input[type="radio"],.tempDesc input[type="checkbox"],.tempDesc label{float:left}
.tempDesc label{margin:6px 10px 0 0}
.tempDesc label>input{margin:0px 5px 0 0}
.tempDesc .button{font-size:12px}
.extraImgCont{padding:5px;margin:0 5px;display:inline-block;border:1px solid #ddd;}
.extraImgCont>img{height:40px;width:auto;display:block;margin:auto}
.extraImgCont>a{display:inline-block;margin:4px 1px 0 1px;background-color:#000;color:#fff;font-size:0.9em;padding:0 4px;border-radius:2px}
#fixedCont .field{float:left;margin-right:15px;}
#fixedCont .searchLabel{display:block;float:none;margin:0}

.buttonsCont{margin:10px;}
.buttonsCont a.button{float:left;margin-left:10px}
.buttonsCont .downloadPDF{float:left;margin-top:5px}
.subTabCont .profileDetCont{border:none}

.periodTemplates, .periods{position:relative;min-height:30px}
.periodCont{position:absolute;margin-right:1px;top:0;min-height:30px;z-index:0}
.periodCont:hover{z-index:10}
.pDuration{text-transform:lowercase}
.buttonPeriod .remove,.buttonPeriod .pDuration,.buttonPeriod .pStaff{display:none}
.buttonPeriod:hover .remove,.buttonPeriod:hover .pDuration,.buttonPeriod:hover .pStaff{display:block}
.buttonPeriod{background-color:#666;color:#fff;border-radius:5px;width:100%;min-height:100%;cursor:pointer;position:absolute;
	background: -webkit-gradient(linear, left top, left botom, from(#999), to(#666));
	background: -webkit-linear-gradient(top, #999, #666);
	background: -moz-linear-gradient(top, #999, #666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666', GradientType=0);
}
.buttonPeriod:hover{background-color:#333;min-width:150px;opacity:0.9;padding-bottom:5px;
	background: -webkit-gradient(linear, left top, left botom, from(#666), to(#222));
	background: -webkit-linear-gradient(top, #666, #222);
	background: -moz-linear-gradient(top, #666, #222);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#222222', GradientType=0);
}
.buttonPeriod .remove{position:absolute;right:2px;top:2px;color:#fff;border:solid 1px #777;border-radius:3px;padding:1px 4px 4px;font-size:10px;line-height:8px;font-weight:bold}
.buttonPeriod .remove:hover{background-color:#c00;
	background: -webkit-gradient(linear, left top, left botom, from(#d00), to(#900));
	background: -webkit-linear-gradient(top, #d00, #900);
	background: -moz-linear-gradient(top, #d00, #900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd0000', endColorstr='#990000', GradientType=0);
}
.buttonPeriod>div{margin:5px}
.pSubj{}
.periodBreak,.periodBreak:hover{
	background: -webkit-gradient(linear, left top, left botom, from(#9cf), to(#69c));
	background: -webkit-linear-gradient(top, #9cf, #69c);
	background: -moz-linear-gradient(top, #9cf, #69c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ccff', endColorstr='#6699cc', GradientType=0);
}
.periodPractical,.periodPractical:hover{
	background: -webkit-gradient(linear, left top, left botom, from(#9c3), to(#690));
	background: -webkit-linear-gradient(top, #9c3, #690);
	background: -moz-linear-gradient(top, #9c3, #690);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cc33', endColorstr='#669900', GradientType=0);
}
.periodBreak .remove,.currentPeriod .remove,.periodPractical .remove{border-color:#fff;}
.currentPeriod .buttonPeriod{
	background: -webkit-gradient(linear, left top, left botom, from(#fc0), to(#960));
	background: -webkit-linear-gradient(top, #fc0, #960);
	background: -moz-linear-gradient(top, #fc0, #960);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ccff', endColorstr='#6699cc', GradientType=0);
}
.simpleTbl tr.currentDay{background-color:#FFF6AA}
.simpleTbl .paymentAmt{font-size:1em;margin:0;display:table-cell}
#timeLine{background-color:#fff;height:2px;width:100%;position:relative;margin:5px 0}
#timeLine span{position:absolute;font-size:8px;top:2px;font-weight:normal}
#timeLine span.dot{top:-6px;font-size:20px;line-height:0px;color:#000;}
#timeLineTemplate{background-color:#fff;height:2px;width:100%;position:relative;margin:5px 0}
#timeLineTemplate span{position:absolute;font-size:8px;top:2px;font-weight:normal}
#timeLineTemplate span.dot{top:-6px;font-size:20px;line-height:0px;color:#000;}

.substitute{background:url(add-sub-aa06378275db7887ec3cc11e9ee4110d.png) 1px 1px no-repeat;color:#fff;margin:5px;padding-left:16px}
.pDate{font-size:.8em;}
#mainBody .ttview{margin:0 10px}
.ttview .buttonPeriod{cursor:default}
.ttview .buttonPeriod .pDuration,.ttview .buttonPeriod .pStaff,.ttview .overlapped:hover .pDuration,.ttview .overlapped:hover .pStaff{display:block}
.ttview .overlapped .pDuration,.ttview .overlapped .pStaff{display:none}
.ttview .periodTemplates,.ttview .periods,.ttview .periodCont{min-height:70px}
.ttview .pStaff{background:url(staff_status-1f983e23f4fd0364dd97c37d7142a7a5.png) left -50px no-repeat;padding-left:20px}
.ttview .pStaff.absent{background-position:left top}
.ttview .pStaff.sStaff{background-position:left -100px}
.ttview .pStaff.sStaff.absent{background-position:left -150px}

.login span:nth-child(2){background:url(staff_login-1466333ab5bb1c469c55d96e9e7b9a3e.png) center center no-repeat;}
.logout span:nth-child(2){background:url(staff_logout-c63f3b2e9b25d2f2adf83e3392f09a6d.png) center center no-repeat;}

.approved,.pending,.rejected,.cancelled{background:url(leave-status-3b258faa8279299252fe671bf0ad6b7b.png) left -49px no-repeat;padding-left:15px}
.approved{background-position:left 1px;}
.pending{background-position:left -49px;}
.rejected{background-position:left -99px;}
.cancelled{background-position:left -149px;}

.simpleTblCont{margin:10px}.subTabsCont .simpleTblCont,.subTab .simpleTblCont{margin:0}
.simpleTblCont .simpleTbl{border-top:0}

.printSettingsTrigger{background:url(info-a04282e64742657d0504302eae7205fc.png) left center no-repeat;display:inline-block;padding:2px 0 2px 20px;cursor:pointer}

#tossMsg{position:absolute;padding:10px;background-color:rgba(255,230,180,0.8);font-size:1.2em;border:1px solid #ccc;border:1px solid #ccc;box-shadow:0 0 5px #ccc;display:none;z-index:200}
.descRow td{padding:0 10px}
.descRow input{padding:4px 0;display:block;width:100%}
.nameListCont{background-color:#f6f6f6;padding:10px;margin:0 10px 10px;width:65%;float:left}
.nameList{-moz-column-width:250px;-webkit-column-width:250px;column-width:250px;margin-top:10px}
.nameList li{padding:3px 5px 3px 3px;margin:2px}
.nameList .remove{background:url(delete-964d1afcaa92b7b2eda6b86513e511f8.png) left center no-repeat;cursor:pointer;padding:0 12px}
#smsTxtCont{width:28%;position:absolute;right:20px;padding:5px;margin:0}
#smsTxtCont textarea{width:93%;height:100px;resize:none;padding-right:5%}
#smsTxtCont td:first-child{vertical-align:top;text-align:right;}
.smsCount{margin:5px 10px}
#smsBalance{}
#smsAcc{width:39%;float:right;margin-top:5px;}
#smsAcc .frameCont{border:solid 1px #ddd;background-color:#f9f9f9;height:350px;display:none;}
#smsAcc h3{background-color:#ddd;border-radius:5px;padding:5px 10px;}
#smsAcc h3.expanded{border-radius:5px 5px 0 0;}
#smsAcc h3>.exco{margin:1px 0}
#remChar{font-style:italic;color:#666}
.birthdayList .sms{float:right;margin-top:0;font-weight:normal}
.message {
	background: #f3f8fc url(skin/information-3750c701d2ec35a45d289b9b9c1a0667.png) 8px 50% no-repeat;
	border: 1px solid #b2d1ff;
	color: #006dba;
	margin: 10px 0 5px 0;
	padding: 5px 5px 5px 30px
}


.qFrom .lbl{display:inline-block;text-align:right;margin-right:5px;font-weight:bold;width:90px}
.qFrom fieldset{border:solid 1px #eee;padding:10px}
.qFrom td,#questionList td{vertical-align:top}
.qFrom .mSel{float:left;list-style:none;padding:2px;width:200px;height:55px;overflow:auto;background-color:#f6f6f6;border:solid 1px #eee}
.qFrom .mSel li{clear:both;line-height:18px;margin:1px}
.qFrom .mSel li input{float:left;margin:2px 5px 2px 0}

#questionList,#selectedQs{background-color:#f6f6f3;border:solid 1px #ddd;padding:10px}
#selectedQs{margin:0 10px 50px}
.QTtl{text-align:center;font-size:1.4em;border-bottom:1px solid #ddd;padding-bottom:10px}
.QList tr:hover,.QList li:hover{background-color:#fcfcfc;}
#selectedQs ul{border-top:1px solid #fff;padding-bottom:0}
#selectedQs li,.QListSortable li{cursor:move;}
#selectedQs li .qi{font-size:.9em}
.QList tr.chapter,.QList tr.chapter:hover{background-color:#ddd;font-weight:bold;text-transform:uppercase}
.QList ul{list-style:none;padding:0;padding:10px 0;}
.QList li{padding:5px;margin:2px;position:relative;background-color:#f9f9f9;font-size:1.1em}
.QList li .q{width:95%;float:left}
.QList li .qn{width:3%;float:left}
.QList li .qi{clear:both;text-align:right}
.QList li .qi span{border-left:1px solid #ddd;padding:0 5px;}
.QList li .qi span:first-child{border-left:none}
.QList li .ar{display:none;position:absolute;right:2px;top:2px;background:url(delete-964d1afcaa92b7b2eda6b86513e511f8.png) no-repeat;width:16px;height:16px}
.QList li.added{opacity:0.3}
.QList li.added:hover .ar{display:none}
.QList li:hover .ar{display:block;}
#questionList li{font-size:1em}
#questionList li .ar{background:url(addq-01883ed5e1542a063eb3009409b9268c.png) no-repeat center center rgba(0,0,0,0.2);width:100%;height:100%;right:0;top:0;}
.imgUpload{padding:2px 0 2px 20px;background:url(image_add-9af2ff8fd98a1f142e8d3b63b9fea73b.png) left bottom no-repeat;}
.imgEdit{padding:2px 0 2px 20px;background:url(image_edit-4ccfc85cad1c45b2e20a17e22b1cdc3f.png) left bottom no-repeat;}
.bfixed{background-color:rgba(230,230,230,0.8);position:fixed;bottom:20px;left:0;padding:5px 2%;width:96%}
#mrCont{display:none;float:left;margin-top:6px}
#addOQ,.addOQ{position:absolute;right:42px;top:3px;background:url(add-e7404aa2bf93f3ed7ed619bac5188dc7.png) no-repeat;padding-left:18px;font-size:.9em;display:none}
.QList li:hover #addOQ,.QList li:hover .addOQ{display:block;background-color:rgba(250,250,250,0.9)}
.or{font-size:1.2em;text-align:center;margin-bottom:5px}
.qpEditMode{background-color:#e9e9e9;border:solid 1px #ddd;padding:10px}

.linkBtn{display:inline-block;padding:3px 10px;border:solid 1px #fb0;border-radius:3px;cursor:pointer;background-color:#fd6;text-transform:uppercase;color:#000;}
.btnsCont .parentLinks{width:112px;margin-left:10px}
.btnsCont .parentLinks li{margin:5px 0;}
input.dtScroller{width:100px}
.ui-timepicker-div dl dd{margin:0 10px 10px 65px}
.ui-timepicker-div dl dt{height:25px;margin-bottom:-25px}
#loadTemp{background:url(add-e7404aa2bf93f3ed7ed619bac5188dc7.png) center center no-repeat;width:18px;height:18px;position:absolute;right:2px;top:1px}
#smsTemp{display:none;position:absolute;height:100%;width:100%;background-color:rgba(255,255,255,0.98);top:0;left:0;overflow:auto}
#smsTemp ol{padding:0 0 0 25px;margin:0}
#smsTemp ol li{margin:2px;position:relative;padding:5px;}
#smsTemp ol li:hover{margin:2px;}
#smsTemp ol li .load{display:none;background:url(addq-01883ed5e1542a063eb3009409b9268c.png) no-repeat center center rgba(0,0,0,0.2);width:100%;height:100%;right:0;top:0;position:absolute}
#smsTemp ol li:hover .load{display:block}

.studentExamfeeInfo{display:inline-block;width:auto;text-align:right;padding-right:18px}
.studentExamfeeInfo ul li a{background:url(skin/pdf-5ee15843554004d12736f0404f8d443a.png) no-repeat 2px 2px;display:block;padding:8px 3px 8px 30px}
.studentExamfeeInfo:hover{background-color:transparent;text-indent:0}
.studentExamfeeInfo ul{width:150px;text-align:left;right:0;border:solid 1px #ccc;border-radius:3px}
.studentExamfeeInfo ul li{padding:2px;margin:2px;}
.studentExamfeeInfo ul li a.p2{background-position:2px -32px}
.studentExamfeeInfo ul li a.l4{background-position:0 -62px}
.studentExamfeeInfo ul li a.l2{background-position:0 -92px}

.admitCardLayouts{display:inline-block;width:auto;text-align:right;padding-right:18px}
.admitCardLayouts:hover{background-color:transparent;text-indent:0}
.admitCardLayouts ul{width:150px;text-align:left;right:0;border:solid 1px #ccc;border-radius:3px}
.admitCardLayouts ul li{padding:2px;margin:2px;}
.admitCardLayouts ul li a{background:url(layout-3c470bef30c6142a9544eda2ff66ad7c.png) no-repeat 2px 2px;display:block;padding:8px 3px 8px 30px}
.admitCardLayouts ul li a.p2{background-position:2px -32px}
.admitCardLayouts ul li a.l4{background-position:0 -62px}
.admitCardLayouts ul li a.l2{background-position:0 -92px}
#dialogOverlay{background:url(busyindicator-bc732c8f4e94f5770480fffac173bfaf.gif) center center no-repeat rgba(0,0,0,0.3);position:absolute;display:none;z-index:1003}
#availableOSBox{float:left;width:46%}#selectedOSBox{float:right;width:46%}
#availableOSBox ul,#selectedOSBox ul{border:solid 1px #ccc;background-color:#fff;overflow:auto;height:140px;list-style:none;padding:0}
#availableOSBox ul li,#selectedOSBox ul li{clear:both;padding:3px;border-bottom:solid 1px #eee}
#availableOSBox input,#selectedOSBox input{float:left;margin:0 5px 0 0}
#ui-datepicker-div select.ui-datepicker-month,#ui-datepicker-div select.ui-datepicker-year,#holidayDt select.ui-datepicker-month,#holidayDt select.ui-datepicker-year{width:46%;}
#ui-datepicker-div select.ui-datepicker-month,#holidayDt select.ui-datepicker-month{margin-right:2%}
.redBold{color:red;font-weight:bold}
.greenBold{color:green;font-weight:bold}
.repLegend{border:1px solid #666;display:block;padding:2px;min-width:14px;text-align:center}
.fourthElectiveSubject{background-color:#fd6;}
.fail{border:1px solid #e00;color:#e00}
.fail .fourthElectiveSubject{padding:0px;}
#examinationReport tbody>tr span{display:block;text-align:center}
#examinationReport tbody>tr span.name{text-align:left}
.subjectExcludedFromTotalMark{background-color:#fed}
.searchSMSTemp{padding:2px;background-color:#fffcee;text-align:center;border-bottom:1px solid #ffc037}
.searchSMSTemp>input{font-size:1em;width:80%}
.installments legend>a>img{float:right;margin-left:5px}
.dbBackUpContainer {width: 604px;height: 600px;background: url(loading-76679e228a2f5037c31c036080379184.gif) no-repeat;margin: 0 auto;}
.attachments .delete:hover{padding-bottom:0;border:none}
.attachments input{background:#f9f9f0;margin-bottom:2px;}

.A4_landscape{width:11.69in;height:8.27in}
.A4_portrait{height:11.69in;width:8.27in}
.A3_landscape{width:16.54in;height:11.69in}
.A3_portrait{height:16.54in;width:11.69in}
.Legal_landscape{width:14in;height:8.5in}
.Legal_portrait{height:14in;width:8.5in}
.Letter_landscape{width:11in;height:8.5in}
.Letter_portrait{height:11in;width:8.5in}
.checkboxes fieldset{border:solid 1px #ccc;border-radius:3px;margin:0;padding:5px;}
.checkboxes legend{font-weight:bold;padding:0 5px}.checkboxes legend label{margin:0}
.checkboxes label{width:100%;margin:3px;cursor:pointer}
.checkboxes input{margin:0 5px 0 0;float:left}
#sessionExamReportArea{margin-bottom:30px}
#sessionExamReportArea .landscape,#sessionExamReportArea .portrait{background-position:0 2px;padding:2px 6px;float:none}
#termAssessmentCheckList .taCont{margin:5px 0;}
.taCont th{background:#ddd;padding:5px;color:#000}
.taCont th a:hover{display:inline;font-size:11px}
.options,.examOptions{padding:0}
.options li{display:inline-block;margin-right:20px}
.options input[type=checkbox],.examOptions input[type=checkbox],.taCont input[type=checkbox],.thOptions input[type=checkbox]{float:left;margin:0 5px 0 0;}
.examOptions li{list-style:none;margin:5px 2px}
#reportTempCont,#reportCoverPage{padding:5px;margin:15px auto 10px;background-color:#fff;;box-shadow: 0 1px 3px #666;-webkit-box-shadow: 0 1px 3px #666;}
.rcRemark{border:solid 1px #eee;background-color:#fcfcfc;line-height:16px;padding:3px}
.rcRemark a{float:left;margin-right:5px;}
.taCont{border:solid 1px #ccc;background-color:#fcfcfc}
.examTbl{border:solid 1px #eee}
.termExamTbl{background-color:#bbb  }
.termExamTbl thead th{background:#ddd;vertical-align:top}
.termExamTbl tbody td{background-color:#fff}
#reportTempCont .create{background-position:0 2px;padding:2px 5px 2px 15px;}
#reportTempCont .ttl{float:left;line-height:16px;padding:3px 0;color:#333}
#reportTempCont .ttl a{float:left;margin-right:5px}
#reportTempCont .ttl a:hover{width:auto}
#reportTempCont .thOptions{clear:both;background-color:#eee;margin:5px 0;padding:2px 5px;border:solid 1px #ccc}
#reportTempCont .thOptions label{margin:3px 10px 3px 0;font-weight:normal}
#studentList .profileDetCont,#boarderList .profileDetCont,#studentList .profileDetInactiveCont,#staffList .profileDetCont,#staffList .profileDetInactiveCont{float:left;width:33.3%;border:none;margin:0;padding:5px;min-height:130px;box-sizing:border-box}
#staffList .profileDetCont,#staffList .profileDetInactiveCont{min-height:150px}
#boarderList .profileImg,#studentList .profileImg,#staffList .profileImg{width:112px;height:112px}
#boarderList .profileDetails,#studentList .profileDetails, #staffList .profileDetails{width:auto;}
#boarderList .profileName,#studentList .profileName, #staffList .profileName{float:left}
#boarderList .gridToolBar,#studentList .gridToolBar, #staffList .gridToolBar{border-bottom:solid 1px #ccc;margin:10px}
.orange {color: orange;}

.filterFields fieldset{margin:10px 0 0;padding:5px;border:solid 1px #eee;border-radius:5px}
.filterFields fieldset legend{font-weight:bold}
.mainFields input[type=text]{width:100%}
.tal{text-align:left}
.tar{text-align:right}
.tac{text-align:center}
.filterFields td{padding:2px}
.filterFields select{width:100%}
.filterFields .spacer td{padding-top:5px}
.filterFields .advFields{display:none}
.advanced{cursor:pointer;display:block}
.advanced a{background-color:#000;color:#fff;line-height:9px;height:11px;width:11px;float:left;text-align:center;font-family:verdana;font-size:17px;border:solid 1px #333;margin:0 5px 0 0;border-radius:3px;
	background: -webkit-gradient(linear, left top, left botom, from(#666), to(#333));
	background: -webkit-linear-gradient(top, #666, #333);
	background: -moz-linear-gradient(top, #666, #333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0);
}
.advanced a:hover{background:#000}
.advanced a.collapsed{font-size:11px;}
.ellipsis{width:185px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
span.ellipsis{display:inline-block;}
.redBorder{border: 2px solid red;border-color: red;}


.subMenuInner{background-color:#fa0;}
.subMenuInner>ul{list-style:none;overflow:hidden}
.subMenuInner>ul>li{float:left}
.subMenuInner>ul>li>a{padding:2px 12px 4px;display:block;color:#444}
.subMenuInner>ul>li>a:hover{background-color:#eee;}
.subMenuInner>ul>li>a.on{background-color:#eee;color:#000}
.salseTtl{padding:0 0 5px;margin:0;width:45%;float:left}
.shopCont .title{margin:0;padding-top:0}
.shopCont .tabAttached{margin:10px 0}
.shopCont .simpleTbl{border:solid 1px #ccc;border-top:0}
.shopCont .subTab{padding:0}
.shopCont .infoBox{padding:5px 10px;min-height:180px}
#searchItemCont{width:45%;float:left;clear:both}
#searchItemCont #searchKey{margin-top:2px;padding:3px 2px;font-size:1em;width:90%;float:left;height:16px}
#searchItemCont .tabAttached{margin:10px 0}
#searchItemCont .gridHeader,#selectedItemsCont .gridHeader,#paymentCont .gridHeader,#rightList .gridHeader{padding:5px;border-radius:3px 3px 0 0}
#searchItemCont .infoBox,#selectedItemsCont .infoBox,#paymentCont .infoBox{border-radius:0 0 5px 5px;margin:0;border:solid 1px #ccc;border-width:0 1px 2px;padding:0}
#searchItemCont th,#selectedItemsCont th{background:none;font-weight:normal;border-bottom:solid 1px #ddd;color:#333;padding-top:4px;padding-bottom:4px}
#searchItemCont .itemImageTd{width:50px}
.headerTblCont{border:solid 1px #ccc;border-width:0 1px;
	background: -webkit-gradient(linear, left top, left botom, from(#eee), to(#fcfcfc));
	background: -webkit-linear-gradient(top, #eee, #fcfcfc);
	background: -moz-linear-gradient(top, #eee, #fcfcfc);}
#searchItemCont td.itemAddTd,#searchItemCont th.itemAddTd{padding:0 5px 0 0;width:15px;}
#searchItemCont .add{display:block;height:22px;width:15px;}
#searchItemCont #salesItemListTbl .add{height:50px;}
#searchItemCont #salesItemListTbl .prAdd{height:22px;}
#selectedItemsCont{position:relative}
#selectedItemsCont .infoBox{background-color:#fff}
#selectedItemsCont .infoBox table{table-layout:fixed}
#selectedItemsCont .itemCode{padding-right:5px;}
#selectedItemsCont{width:53%;position:fixed;right:10px;}
#selectedItemsCont .infoBox table,#selItems{margin:0 0.5%;width:99%}
#selectedItemsCont input[type=number],#searchItemCont .itemPriceTd input[type=number]{width:90%;line-height:18px;border:solid 1px #ccc;border-radius:2px;font-size:1em;text-align:right}
#selectedItemsCont .totalCont input[type=number]{width:44px;font-size:0.9em;}
#selectedItemsCont td,#selectedItemsCont th{padding:4px;text-align:right}
#selectedItemsCont td.checkbox,#selectedItemsCont th.checkbox{width:15px}
#selectedItemsCont td.sl,#selectedItemsCont th.sl,#searchItemCont .sl{width:15px}
#selectedItemsCont td.itemInfo,#selectedItemsCont th.itemInfo,#selectedItemsCont td.accName,#selectedItemsCont th.accName{text-align:left}
#selectedItemsCont td.accName,#selectedItemsCont th.accName{width:170px}
#selectedItemsCont td.itemQuantity,#selectedItemsCont th.itemQuantity{width:50px}
#selectedItemsCont td.discountPC,#selectedItemsCont th.discountPC{width:55px}
#selectedItemsCont td.itemPrice,#selectedItemsCont td.discount,#selectedItemsCont td.totalPrice,#selectedItemsCont th.itemPrice,#selectedItemsCont th.discount,#selectedItemsCont th.totalPrice,#searchItemCont .itemPriceTd,#searchItemCont .itemAvailTd{width:70px}
#selectedItemsCont td.remove,#selectedItemsCont th.remove{width:15px;padding-top:10px}
#selectedItemsCont td.itemPrice,#selectedItemsCont td.totalPrice{line-height:26px}
#selectedItemsCont .totalCont td{padding:2px 4px}
#selectedItemsCont tfoot>tr:last-child>td,#selectedItemsCont .bdrBtm td{border-bottom:solid 1px #ddd;padding-bottom:5px}
#selectedItemsCont .bdrTop td{border-top:solid 1px #ddd;}
#selectedItemsCont tfoot>tr.grand>td{border-top:solid 1px #ddd}
#selectedItemsCont a.removeAll{background:#e00;color:#fff;float:right;padding:2px 5px;font-weight:normal;font-size:0.8em;text-transform:uppercase}
#selectedItemsCont a.disabled{background-color:#666;cursor:default}
#selectedItemsCont a.remove{background:#e00;float:right;font-weight:bold;font-size:0.7em;font-family:verdana;text-transform:uppercase;line-height:14px;width:14px;color:#fff;text-align:center}
#selectedItemsCont .signature{padding:5px 5px 10px}
#selectedItemsCont .buttons{background-color:#ddd;text-align:right;padding:4px}
#selectedItemsCont .moreInfo{background-color:#000;position:relative;width:100%;height:45px}
#selectedItemsCont .moreInfo textarea{position:absolute;top:10%;left:2%;width:95%;border:solid 1px #ccc;border-radius:3px;padding:0;height:70%;resize:none}
#selectedItemsCont .ncsb{float:left;width:80%}
#selectedItemsCont .paymentTbl #amt{width:120px;color:#f90;font-size:1.8em;}
#selectedItemsCont .paymentTbl td:first-child,#paymentCont .paymentTbl td:first-child{text-align:right;width:40%}
#selectedItemsCont .paymentTbl td{text-align:left}
#selItems td{vertical-align:top}
#selItems{overflow:hidden;border-bottom:solid 1px #ddd;}
#custInfo{float:left;width:85%}
#custInfo fieldset{border:solid 1px #ccc;border-radius:3px;margin:2px 5px;padding:5px;overflow:hidden}
#custInfo input{font-size:1em;margin-bottom:5px}
#custInfo .custNameCont{width:64%;float:left;}
#custInfo input.custName{width:100%;}
#custInfo input.custPhone{width:15%;float:right}
#custInfo input.custAddress{clear:both;width:99%}
#custInfo label>input{float:left;margin:0 5px 0 0}
#custInfo label.newCust,#custInfo label.oldCust{width:8%;margin:2px 1% 0 0;float:left}
.custNameCont .searchcontainer,.custNameCont .searchcontainer ul,.custNameCont .searchcontainer .yui-ac-content{width:100%;}
.custNameCont .searchcontainer li.yui-ac-highlight{background-color:#fffcee}
a.collapsed,a.exco{background-color:#ccc;color:#fff;font-size:10px;height:12px;line-height:2px;width:12px;text-align:center;display:inline-block;vertical-align:middle;border-radius:2px;margin-left:4px;font-weight:normal}
a.collapsed{font-size:12px;line-height:12px;}
a.exco:hover,a.exco:focus,.moreInfoBtn:hover,.moreInfoBtn:focus{background-color:#000;outline:none}
#dateTime{float:right;padding:2px 5px;background-color:#f6f6f6;margin:8px 5px 0;width:auto}
.detailsTr .moreInfo,.detailsTr .historyCont{display:none;padding:10px;background-color:#000}
.detailsTr td{background-color:#000;color:#fff;padding:0}
.detailsTr .moreInfo th,.historyCont th{background:#000;padding:0 2px 2px;border-bottom:solid 1px #555;text-align:right}
.detailsTr .moreInfo td,.historyCont td{padding:0 2px 2px;text-align:right}
.detailsTr .moreInfo td.tal,.detailsTr .moreInfo th.tal,.historyCont th.tal,.historyCont td.tal{text-align:left}
.totalCont{overflow:hidden}
#paymentConfirmation{text-align:center}
#paymentConfirmation #paymentAmount{font-size:2em;margin:10px auto;width:160px;text-align:center}
#paymentConfirmation span#paymentAmount{padding:5px 0;background-color:#f6f6f6;display:block;border:solid 1px #ccc;border-radius:3px;}
.ptCont .modes label{margin-right:15px}.ptCont .modes label:last-child{margin-right:0}
.ptCont .modes label>input{margin:0}
.ptCont .modeFields input{font-size:1em;margin:5px 2px;width:190px}
.ptCont .noteField input{width:390px;margin-top:5px;}
ul.ui-autocomplete{background:#f6f6f6;}
ul.ui-autocomplete{max-height:250px;overflow:auto}
.ui-autocomplete a.ui-state-hover{background:#fffcee;}
.ui-autocomplete li span{display:block;line-height:14px;}
.ui-autocomplete li span.cname{text-transform:uppercase;color:#f60;}
.ui-autocomplete li{border-top:solid 1px #fcfcfc;border-bottom:solid 1px #e6e6e6;padding-bottom:2px;}
.ui-autocomplete li:first-child{border-top:none}.ui-autocomplete li:last-child{border-bottom:none}
.ui-autocomplete li.out{color:#e00;background-color:#fea;border-color:#e00}
.moreInfoBtn{background-color:#999;color:#fff;display:inline-block;padding:1px 0;width:45px;text-align:center}
.moreInfoBtn.on{background-color:#000}
.accountsList{max-height:300px}
.accountsList a{color:#333}

@-moz-document url-prefix() {
    #selectedItemsCont td.itemPrice,#selectedItemsCont td.totalPrice{line-height:16px}
	#selectedItemsCont td.remove,#selectedItemsCont th.remove,#searchedItems .itemAddTd{padding-top:5px}
}
.itemInfoTbl td{vertical-align:top;background-color:#000}
.itemInfoTbl .itemDetails{background-color:#222;text-align:left}
.itemInfoTbl .itemDetails .content{padding:5px}
.moreInfo .fieldsTbl input[type="text"],.moreInfo .fieldsTbl input[type="number"]{width:98%;font-size:.9em;padding:1%}
.moreInfo .fieldsTbl td{padding:2px 4px;text-align:left}
.actions{vertical-align:bottom;padding-bottom:0;width:60px;}
.actions a{float:left;width:24px;height:24px;margin-bottom:-1px;}
.actions a.active{background-color:#000}
.actions .update{background:url(update-1f7a435f2a3a0a1be324239536e270d8.png) center center no-repeat;}
.actions .history{background:url(history-aaa76e1c0e47d5bc999c9ae2aa2e54fc.png) center center no-repeat;}
.shopCont .print{background:url(print-ed50a236181da8e08dd085ebdedcb55e.png) center center no-repeat;display:block;padding:10px}
.historyCont{background-color:#000}
.historyCont th{background:#000}
.receiptItemListTr>td{padding:0}
#searchItemCont .receiptItemListTr th,#searchItemCont .detailsTr th,.receiptItemListTr td{padding:2;color:#999;vertical-align:top}
#searchItemCont .moreInfo{background-color:#000;}
#searchItemCont #receiptListTbl th,#searchItemCont .detailsTr th{border-color:#333;}
#paymentCont{width:40%;float:left;}
#rightList{float:right;width:58%}
#salesReturn #selectedItemsCont,#purchaseReturn #selectedItemsCont{margin-top:10px}

#salesChartCont canvas,#transChartCont canvas{border-radius:0}
#salesChartCont .canvCont,#transChartCont .canvCont{border-radius:5px;border:solid 1px #e9e9e9;border-bottom-color:#ccc;overflow:hidden}
.twoCols{overflow:hidden}
.twoCols .leftCol,.twoCols .rightCol{width:49%;margin-top:10px}
.twoCols .leftCol{float:left;}
.twoCols .rightCol{float:right;}
.twoCols .subTab1{margin:0}
.canvCont h4{padding:5px;background:#e0e0e0;border-radius:5px 5px 0 0}
.chartLegend{padding:5px 10px;background:#f3f3f3;border-radius: 0 0 5px 5px;text-align:right}
.chartLegend>span{position:relative;font-size:3px;top:-2px;padding:0 8px;margin:0 5px 0 15px;}
.shopCont .subTabCont th{background:transparent;border-bottom:solid 1px #ddd}

.nano {position :relative;height:100%;overflow:hidden;}
.nano .content {position: absolute;overflow: scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0;border:none}
.nano .content:focus {outline:thin dotted;}
.nano .content::-webkit-scrollbar {visibility: hidden;}
.has-scrollbar .content::-webkit-scrollbar {visibility: visible;}
.nano > .pane {background : rgba(80,80,80,.25);position:absolute;width:7px;right: 0;top: 0;bottom: 0;
  visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity: .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  border-radius         : 5px;
}
.nano > .pane > .slider {background: rgba(0,0,0,.5);position: relative;margin: 0 1px;border-radius: 3px;}
.moreInfo .nano > .pane > .slider{background:rgba(255,255,255,.5);}
.nano:hover > .pane, .pane.active, .pane.flashed {visibility : visible\9; /* Target only IE7 and IE8 with this hack */opacity    : 0.99;}

#priceRange{background:rgba(0,0,0,0.1);height:4px;margin-top:3px;border:none}
#priceRange .ui-slider-handle{background:rgba(0,0,0,0.8);border:none;border-radius:2px;width:5px;height:10px;margin-left:-2px;top:-3px;cursor:pointer}
#priceRange .ui-slider-handle.ui-state-focus{background:rgba(255,200,0,0.8)}
#priceRange .ui-slider-range{background:rgba(0,0,0,0.4);}
#loading{background:url(spinner-c7b3cbb3ec8249a7121b722cdd76b870.gif) center center no-repeat rgba(255,255,255,0.8);position:absolute;z-index:1003}
#printerSelect .wait{background:url(spinner-c7b3cbb3ec8249a7121b722cdd76b870.gif) center center no-repeat;padding:12px;}

.addExpBox{display:none;padding:10px;width:330px;position:absolute;color:#000;right:10px;border-radius:0 0 5px 5px;border-bottom:solid 1px #da3;
	background: -webkit-gradient(linear, left top, left botom, from(#ccc), to(#ddd));
	background: -webkit-linear-gradient(top, #ccc, #ddd);
	background: -moz-linear-gradient(top, #ccc, #ddd);
}
.addExpBox input{font-size:1em}
.addExp{float:right;background-color:#ffc037;color:#000;display:inline-block;padding:1px 5px 2px;text-align:center}
.expenseList{float:left;width:96%}
.addExpCont{width:4%;float:right}
.infoBox th{background:none;border-bottom:solid 1px #eee}
.infoBox .fieldTd input{font-size:1em;width:100%}
.bkbtn{float:right;padding:2px 5px;color:#fff;border-radius:2px;min-width:40px;text-align:center;
	background: -webkit-gradient(linear, left top, left botom, from(#333), to(#000));
	background: -webkit-linear-gradient(top, #333, #000);
	background: -moz-linear-gradient(top, #333, #000);
}
.bkbtn:hover{background:#000}
.subInfoHead .editProfile,.subInfoHead .saveProfile,.subInfoHead .cancelEdit{text-transform:none;padding:2px 2px 2px 18px;color:#36f;cursor:pointer}
.saveProfile{background:url(tick_save-a774094920141b8443401567af149de2.png) 0 0 no-repeat}
.cancelEdit{background:url(cancel_16x16-0291154382375e39b69feb0d0a74e139.png) 0 0 no-repeat;}



.searchSubmit{background:url(search-62398bf3b3f19c9458c167234ad61b9b.png) no-repeat center center rgba(255,255,255,0.2);border:none;cursor:pointer;height:23px;width:12px;float:left;margin-top:2px}
.shortcutkeys{display:inline-block;padding:1px 3px 0;background-color:#000;box-shadow:0 0 3px #9cf;font-size:0.8em;}
#skBox{position:fixed;background-color:rgba(0,0,0,0.95);top:0;right:0;bottom:0;left:0;z-index:1010}
#skBox h2{text-align:center;padding-top:20px;color:#999}
#kList{width:40%;list-style:none;padding:10px 20px;margin:0;background-color:rgba(255,255,255,0.1);border-radius:5px;color:#999}
#kList li{margin:5px 0}
#kList li>span.skc{min-width:40px;display:inline-block;padding:5px;text-align:center;margin-right:5px;color:#fff;background-color:rgba(0,0,0,0.5);border-radius:3px}
#kList li.head{padding:10px 0 3px;}

.oBtn{background-color:#f90;color:#fff;cursor:pointer;font-size:9px;font-weight:bold;padding:2px 4px;float:right;text-transform:capitalize}
.imgTick{background:url(tick_s-a5a44fce7dce130eecac2f0425162c7c.png) left 2px no-repeat;cursor:pointer;}
a.imgTick{padding:0 0 0 14px}
.imgTick.on{background-position:left -87px;}
.recipListCont{clear:both;border:solid 1px #ccc;background:#fffefe;display:none}
#recipList{padding-left:30px;max-height:260px;overflow-y:auto;margin:2px 0;}
#recipList li{padding:1px 0 1px 2px;margin:2px;position:relative;cursor:pointer;margin:1px}
#recipList li:hover{background-color:#fff;box-shadow:0 0 2px #999;}
#recipList li .remove{background:#c00;color:#fff;position:absolute;right:2px;top:2px;padding:0 2px 1px;line-height:8px;height:10px;font-size:10px;font-weight:bold;display:none;}
#recipList li:hover .remove{display:block;}
.selAll{background:url(chkbox-be040af898091da94d19a8b478abfc13.png) 4px -62px no-repeat;padding:10px;;display:block}
.selAll:hover{background-position:-29px -62px}
.selAll.partial{background-position:4px -29px}
.selAll.partial:hover{background-position:-29px -29px}
.selAll.checked{background-position:4px 4px}
.selAll.checked:hover{background-position:-29px 4px}

.infoBox td{word-break:break-all}
.infoBox td.subInfo{word-break:normal;width:45%}
.secondCol .infoBox .subInfo{width:28%}
.thirdCol .infoBox .subInfo{width:35%}

#attendanceDataSheet tr .presentCount,#attendanceDataSheet tr .absentCount,#attendanceDataSheet tr .leaveCount,#attendanceDataSheet tr .noRecordCount{background:#444;width:18px}
.presentCount{border-left:solid 2px #888;}
.presentCount,#pcd span{color:#6e0}
.absentCount,#acd span{color:#ff0;}
.leaveCount,#lcd span{color:#3cf}
.noRecordCount,.totCount{color:#fff}
.totCount{background:#000}
#attCountDays{color:#fff;margin-top:17px}
#attCountDays span{display:inline-block;width:20px;margin-left:1px;text-align:center;background-color:#444;padding:1px 0}
#attCountDays span.lbl{text-align:right;padding-right:3px;font-weight:bold}
#attCountDays span.tot{width:98px;font-weight:bold;color:#000}
#pcd,#acd,#lcd,#ncd,#tcd{margin-top:1px;}
#attCountDays #tcd span{background-color:#000}
#attCountDays #pcd span.tot{background-color:#6e0;}
#attCountDays #acd span.tot{background-color:#ff3;}
#attCountDays #lcd span.tot{background-color:#3ef;}
#attCountDays #ncd span.tot{background-color:#ddd;}
#attCountDays #tcd span.tot{background-color:#fff;}

.tabAttached label.label{display:block;margin:2px 0;}
.tabAttached .formTbl td{vertical-align:top}
.tabAttached .formTbl table td{width:20%;padding:1% 1% 0 0;}
.tabAttached .formTbl input,.tabAttached .formTbl select{width:100%;}
.tabAttached .formTbl input{padding:1px 2px}
.tabAttached .formTbl input[type="checkbox"]{width:auto}
.tabAttached #availableMSBox{float:left;width:48%}
.tabAttached #availableMSBox ol{margin-left:0;padding:4px 4px 4px 18px;min-height:131px;background-color:#fff;border:solid 1px #ccc}
.tabAttached #availableOSBox{padding:0 8px}
.tabAttached #availableOSBox ul{min-height:130px}
.tabAttached #availableOSBox li{display:inline-block}
#profileDetailsDiv{margin:0 6px}
#maxStudentCont span,#maxStudentContOld span{display:inline-block;padding:2px 4px}

.csTable{width:98%;margin:auto;border:solid 1px #ccc}
.csTable tr,.csTable tr:nth-child(2n+1),.csTable tr td{background-color:#fff}
.csTable tr.emptyGrd td{background-color:rgba(255,0,0,0.3)}
.csTable .csFormGroupTr td{background-color:#f9f9f9;padding:5px}
.csFormGroupTr label{font-size:1.6em;font-weight:bold}
.csForm{font-size:1.2em}
.csForm td:first-child{padding-left:30px}
.csFields{margin:5px 0 5px 20px;padding:5px}

#gradingScale,#divisionScale{border:solid 1px #ccc;padding:5px 10px;margin:5px 0}
#gradingScale legend,#divisionScale legend{font-size:1.2em;text-transform:uppercase}
#gradingScale .simpleTbl td,#divisionScale .simpleTbl td{padding:2px}

#staffSalaryHistory .simpleTbl{margin-top:23px}
#staffSalaryHistory .simpleTbl thead th{white-space:nowrap;font-weight:normal;}
#staffSalaryHistory .actions{padding:0;width:auto;text-align:center;}
#staffSalaryHistory .actions a{display:inline-block;width:16px;height:16px;margin:2px;float:none}
#staffSalaryHistory .actions a.paySlip{background:url('print-ed50a236181da8e08dd085ebdedcb55e.png') no-repeat center center transparent}
#staffSalaryHistory .actions a.cancel{background:url('cancel_16x16-0291154382375e39b69feb0d0a74e139.png') no-repeat center center transparent}

.boarderList .nano{height:360px}
.boarderList .nano a{display:block;color:#ccc;background-color:#333;margin:1px 0;text-align:right;padding:5px 10px 5px 0;position:relative;
	background: -webkit-gradient(linear, left top, right top, from(#272727), to(#666));
	background: -webkit-linear-gradient(left,  #272727,  #666);
	background: -moz-linear-gradient(left,  #272727,  #666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#666666', GradientType=1);
}
.boarderList .nano a.active,.selectedBoarder .studDet{
	background: -webkit-gradient(linear, left top, right top, from(#272727), to(#f90));
	background: -webkit-linear-gradient(left,  #272727,  #f90);
	background: -moz-linear-gradient(left,  #272727,  #f90);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#272727', endColorstr='#ff9900', GradientType=1);
	color:#fff;
}
.boarderList .nano a.allocated:after{background:url('allocated-aee84a3d982198cff275045c380bbd69.png') no-repeat center top transparent;padding:6px;float:right;margin:0 -4px 0 3px;content:" "}
.boarderList .nano a.male:before,.boarderList .nano a.female:before, .boarderFilter .mFilter, .boarderFilter .fFilter{background:url('mf-sprite-f7e8376bc54be41b74edb323a7da6cb5.png') no-repeat center top transparent;padding:7px;float:left;margin:0 0 0 3px;content:" "}
.boarderList .nano a.female:before{background-position:center -54px}
.selectedBoarder .studDet{color:#fff;overflow:hidden;padding:10px 10px;text-align:right;margin:0 0 15px;}
.selectedBoarder .studDet .photo{width:50px;height:50px;overflow:hidden;float:right;margin-left:5px;border:solid 2px rgba(255,255,255,0.3)}
.selectedBoarder .studDet .photo img{width:100%;height:auto;}
.selectedBoarder .studDet address{color:#ccc;}
.boarderFilter{background-color:#000;padding:2px;}
.boarderFilter input,.boarderFilter select{font-size:1em;color:#fff;background-color:rgba(255,255,255,0.2);padding:2px;width:88%;text-align:center;}
.boarderFilter select{width:25%;padding:0;margin-top:2px}
.boarderFilter select option{background-color:#000}
.boarderFilter .mfBtn{float:left;width:9%;margin-top:2px;}
.boarderFilter .mFilter, .boarderFilter .fFilter{margin:0}
.boarderFilter .mFilter{background-position:0 -14px}
.boarderFilter .mFilter.on{background-position:0 2px}
.boarderFilter .fFilter{background-position:right -35px}
.boarderFilter .fFilter.on{background-position:right -53px}

#contentArea .nano{height:470px}
#allocationInfo{float:right;font-size:0.8em;margin:-5px 5px 0 0;display:none}
#allocationInfo small{color:#999;font-size:0.8em}
#allocationInfo div{float:left;text-align:center}
#allocationInfo div.bar{font-size:2em;padding:1px 0 0 3px}
#allocationInfo .m{background:url('male-abf409890e1208f71c85de8191c9a14f.png') no-repeat left top transparent;padding-left:12px;color:#000}
#allocationInfo .f{background:url('female-ef516f2381e8617a35818c691ff5d94f.png') no-repeat left top transparent;padding-left:12px;color:#000}
#allocationInfo .totAllo{color:#390;font-size:1.2em;line-height:1em}
.boarderList .boarderCount{float:left;background-color:#000;border-radius:20px;color:#fff;padding:7px 10px;margin:4px 0 0 4px;font-size:1.2em}
.blockCont{}
.buildingCont{}
.floorCont{}
.buildingCont fieldset{border:solid 1px #ccc;border-radius:3px;margin:5px;padding:10px;position:relative;}
.buildingCont fieldset legend{text-transform:uppercase;padding:0 2px;color:#000;}
.buildingCont .rooms{list-style:none;margin:0;padding:0}
.buildingCont .rooms li{float:left;border:solid 1px #ddd;min-width:85px;margin:2px 4px;text-align:center}
.buildingCont .rooms a,#roomDetailsPopup a.allocate{display:block;background-color:#fcfcfc;border-radius:3px;color:#09f;padding:2px}
.buildingCont .rooms a.roomName{border-radius:0}
#roomDetailsPopup a.allocate{margin:0 2px;display:block;background-color:#390;border-radius:3px;color:#fff;padding:2px}
.buildingCont .rooms li.occupied a.roomName{color:#f30;}
.buildingCont .rooms li span.info{display:block;}
.buildingCont .beds{overflow:hidden}
.buildingCont .beds a{border-radius:15px;float:left;width:18px;height:18px;margin:5px;background:url('boy-girl-664d5d31e3f867b095e8557629644df2.png') no-repeat center 2px #aaa;background-size:90% 200%}
.buildingCont .beds a.girl{background-position:center bottom}
.buildingCont .beds a.add{background:#eee;line-height:20px;font-size:16px;text-align:center;font-weight:bold;color:#390;box-shadow:0 0 3px #9c9;}
.qtipCont{text-align:center;padding:10px;max-width:120px}
.qtipCont .photo{width:80px;height:100px;margin:5px auto;border:solid 2px #eee;overflow:hidden}
.qtipCont img{width:80px;height:auto;}
.noResult{font-style:italic;padding-left:10px;color:#e00;position:absolute;margin-top:-10px;width:150px;text-align:center}
#staffSalaryHistory .actions .deductions{width:auto;height:12px;color: #fff; background: #09f; border: none;margin:2px;padding:2px 6px;border-radius:3px;}
#staffSalaryHistory .actions .deductions:before{content:'?';float:left}
.payrollBtns{text-align: right; padding: 5px 8px}
.payrollBtns .linkBtn{padding: 4px 14px; color: #fff; background: #4a0; border: none}
.payrollBtns .linkBtn.disabled{background:#ccc;color:#aaa}

.buildingCont .rooms li.highlight,#outBoarderList tr.blink .dtTime,#inBoarderList tr.blink .dtTime{
    -webkit-animation-name: blinker1;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker1;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker1;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker1 { 
    0% { box-shadow:0 0 10px rgba(0,0,0,1); }
    50% { box-shadow:0 0 10px rgba(0,0,0,0); }
    100% { box-shadow:0 0 10px rgba(0,0,0,1); }
}

@-webkit-keyframes blinker1 {  
    0% { border-color:rgba(0,200,255,1);box-shadow:0 0 10px rgba(100,240,255,1); }
    50% { border-color:rgba(0,200,255,0);box-shadow:0 0 10px rgba(100,240,255,0); }
    100% { border-color:rgba(0,200,255,1);box-shadow:0 0 10px rgba(100,240,255,1); }
}

@keyframes blinker1 {  
    0% { box-shadow:0 0 10px rgba(0,0,0,1); }
    50% { box-shadow:0 0 10px rgba(0,0,0,0); }
    100% {box-shadow:0 0 10px rgba(0,0,0,1); }
}

.checkIn, .checkOut{display:inline-block;background:url('inout_btn-b95e197a49ec16280a82c8d6b77a6ec8.png') no-repeat 0 1px #fc9;width:75px;height:15px;line-height:15px;padding:2px 5px;border-radius:3px;box-shadow:0 0 3px #666;text-transform:uppercase;font-size:10px}
.checkOut{background-position:85px -30px;background-color:#fe9;padding-right:25px;color:#c00}
.checkIn{background-position:5px 3px;background-color:#ef9;padding-left:25px;color:#093}
#inDate,#outDate,#expDate{text-align:center}
#outBoarderList tr td:last-child{text-align:right}
#outBoarderList .dt,#inBoarderList .dt{text-align:center}
#outBoarderList .dtTime,#inBoarderList .dtTime{padding:5px 10px}

#roomDetailsPopup ul{list-style:none;overflow:hidden;margin:0;padding:0}
#roomDetailsPopup ul li{float:left;margin:0.5%;padding:1%;background-color:#fff;width:30%;min-height:70px}
#roomDetailsPopup .photo{width:50px;height:60px;overflow:hidden;float:left;margin-right:5px;}
#roomDetailsPopup .photo img{width:100%;height:auto}
#roomDetailsPopup a.allocate{text-align:center}
#roomDetailsPopup a.deAllocate{float:right;line-height:4px;border-radius:10px;width:14px;height:14px;background-color:#f60;color:#fff;margin:-4px -4px 0 0;text-align:center;}


.forStaff{display:inline-block;font-size:0.8em}
.payrollStructure{width:45%;margin-right:2%;float:left;margin-top:10px}
.payrollStructure fieldset{margin:10px 0 10px 5px;border:solid 1px #ccc;padding:10px}
.payrollStructure fieldset legend{text-transform:uppercase;font-weight:bold;padding:0 5px;}
.payrollStructure fieldset select,.payrollStructure fieldset input[type=text]{font-size:1em;padding:2px}
.payrollStructure #staffPayrollMaster select,.payrollStructure #staffPayrollMaster input[type=text]{width:150px;}
.payrollStructure #staffSalaryPayTransaction select,.payrollStructure #staffSalaryPayTransaction input[type=text]{width:80px;}
.payrollStructure .staffInfo{text-transform:uppercase;font-size:1.1em;padding:0 5px 2px;color:#c60;}
.payrollStructure .staffInfo .designation{text-transform:none;color:#999;font-weight:normal;}
.payrollStructure .chkList a{background-color:#fff;border:solid 1px #ddd;padding:4px;display:inline-block;margin:0 0 2px 5px;color:#333}
.payrollStructure .chkList a.checked{background-color:#efc}
.payrollStructure .chkList a:before{background:url('chkbox-be040af898091da94d19a8b478abfc13.png') no-repeat 0px -66px;padding:6px 6px 7px 7px;float:left;content:" ";margin:2px 5px 0 0}
.payrollStructure .chkList a:hover:before{background-position:-33px -66px}
.payrollStructure .chkList a.checked:before{background-position:0 0}
.payrollStructure .chkList a.checked:hover:before{background-position:-33px 0px}
.payrollStructure .chkList a input{width:40px;margin-left:5px;}

/* from almaer.com/scrollbar/debug.html */


/* Turn on a 13x13 scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 13px;
}
 
::-webkit-scrollbar-button:vertical {
    background-color: gray;
    border: 1px dashed gray;
}
 
/* Turn on single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}
 
/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}
 
/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:vertical:increment {
    background-color:#F0F0F0;
    border: 1px #F0F0F0;
        height: 0px;
    
}
 
/* Place The scroll up button at the up */
::-webkit-scrollbar-button:vertical:decrement {
    background-color: #F0F0F0;
    border: 1px  #F0F0F0;
            height: 0px;
    
}
 
::-webkit-scrollbar-track:vertical {
    background-color: gray;
    border: 1px  gray;
}
 
/* Top area above thumb and below up button */
::-webkit-scrollbar-track-piece:vertical:start {
    border: 1px solid #F0F0F0;
}
 
/* Bottom area below thumb and down button */
::-webkit-scrollbar-track-piece:vertical:end {
    border: 1px  gray	;
}
 
/* Track below and above */
::-webkit-scrollbar-track-piece {
    background-color: #F0F0F0;
}
 
/* The thumb itself */
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #bbb;
}
 
/* Corner */
::-webkit-scrollbar-corner:vertical {
    background-color: black;
}
 
/* Resizer */
::-webkit-scrollbar-resizer:vertical {
    background-color: gray;
}






/* Clearlooks 2 */

/* Reset */
body .clearlooks2, body .clearlooks2 div, body .clearlooks2 span, body .clearlooks2 a {vertical-align:baseline; text-align:left; position:absolute; border:0; padding:0; margin:0; background:transparent; font-family:Arial,Verdana; font-size:11px; color:#000; text-decoration:none; font-weight:normal; width:auto; height:auto; overflow:hidden; display:block}

/* General */
body .clearlooks2 {position:absolute; direction:ltr}
body .clearlooks2 .mceWrapper {position:static}
.mceEventBlocker {position:fixed; left:0; top:0; background:url(horizontal-0365e75dd4a9ad61dc98dcb641207c21.gif) no-repeat 0 -75px; width:100%; height:100%}
body .clearlooks2 .mcePlaceHolder {border:1px solid #000; background:#888; top:0; left:0; opacity:0.5; -ms-filter:'alpha(opacity=50)'; filter:alpha(opacity=50)}
body .clearlooks2_modalBlocker {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6; -ms-filter:'alpha(opacity=60)'; filter:alpha(opacity=60); display:none}

/* Top */
body .clearlooks2 .mceTop, body .clearlooks2 .mceTop div {top:0; width:100%; height:23px}
body .clearlooks2 .mceTop .mceLeft {width:6px; background:url(corners-55298b5baaecb7e06a251db9f0a4b14c.gif)}
body .clearlooks2 .mceTop .mceCenter {right:6px; width:100%; height:23px; background:url(horizontal-0365e75dd4a9ad61dc98dcb641207c21.gif) 12px 0; clip:rect(auto auto auto 12px)}
body .clearlooks2 .mceTop .mceRight {right:0; width:6px; height:23px; background:url(corners-55298b5baaecb7e06a251db9f0a4b14c.gif) -12px 0}
body .clearlooks2 .mceTop span {width:100%; text-align:center; vertical-align:middle; line-height:23px; font-weight:bold}
body .clearlooks2 .mceFocus .mceTop .mceLeft {background:url(corners-55298b5baaecb7e06a251db9f0a4b14c.gif) -6px 0}
body .clearlooks2 .mceFocus .mceTop .mceCenter {background:url(horizontal-0365e75dd4a9ad61dc98dcb641207c21.gif) 0 -23px}
body .clearlooks2 .mceFocus .mceTop .mceRight {background:url(corners-55298b5baaecb7e06a251db9f0a4b14c.gif) -18px 0}
body .clearlooks2 .mceFocus .mceTop span {color:#FFF}

/* Middle */
body .clearlooks2 .mceMiddle, body .clearlooks2 .mceMiddle div {top:0}
body .clearlooks2 .mceMiddle {width:100%; height:100%; clip:rect(23px auto auto auto)}
body .clearlooks2 .mceMiddle .mceLeft {left:0; width:5px; height:100%; background:url(vertical-0261136fac58ce77bdbd96aa0194947e.gif) -5px 0}
body .clearlooks2 .mceMiddle span {top:23px; left:5px; width:100%; height:100%; background:#FFF}
body .clearlooks2 .mceMiddle .mceRight {right:0; width:5px; height:100%; background:url(vertical-0261136fac58ce77bdbd96aa0194947e.gif)}

/* Bottom */
body .clearlooks2 .mceBottom, body .clearlooks2 .mceBottom div {height:6px}
body .clearlooks2 .mceBottom {left:0; bottom:0; width:100%}
body .clearlooks2 .mceBottom div {top:0}
body .clearlooks2 .mceBottom .mceLeft {left:0; width:5px; background:url(corners-55298b5baaecb7e06a251db9f0a4b14c.gif) -34px -6px}
body .clearlooks2 .mceBottom .mceCenter {left:5px; width:100%; background:url(horizontal-0365e75dd4a9ad61dc98dcb641207c21.gif) 0 -46px}
body .clearlooks2 .mceBottom .mceRight {right:0; width:5px; background: url(corners-55298b5baaecb7e06a251db9f0a4b14c.gif) -34px 0}
body .clearlooks2 .mceBottom span {display:none}
body .clearlooks2 .mceStatusbar .mceBottom, body .clearlooks2 .mceStatusbar .mceBottom div {height:23px}
body .clearlooks2 .mceStatusbar .mceBottom .mceLeft {background:url(corners-55298b5baaecb7e06a251db9f0a4b14c.gif) -29px 0}
body .clearlooks2 .mceStatusbar .mceBottom .mceCenter {background:url(horizontal-0365e75dd4a9ad61dc98dcb641207c21.gif) 0 -52px}
body .clearlooks2 .mceStatusbar .mceBottom .mceRight {background:url(corners-55298b5baaecb7e06a251db9f0a4b14c.gif) -24px 0}
body .clearlooks2 .mceStatusbar .mceBottom span {display:block; left:7px; font-family:Arial, Verdana; font-size:11px; line-height:23px}

/* Actions */
body .clearlooks2 a {width:29px; height:16px; top:3px;}
body .clearlooks2 .mceClose {right:6px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -87px 0}
body .clearlooks2 .mceMin {display:none; right:68px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) 0 0}
body .clearlooks2 .mceMed {display:none; right:37px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -29px 0}
body .clearlooks2 .mceMax {display:none; right:37px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -58px 0}
body .clearlooks2 .mceMove {display:none;width:100%;cursor:move;background:url(corners-55298b5baaecb7e06a251db9f0a4b14c.gif) no-repeat -100px -100px}
body .clearlooks2 .mceMovable .mceMove {display:block}
body .clearlooks2 .mceFocus .mceClose {right:6px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -87px -16px}
body .clearlooks2 .mceFocus .mceMin {right:68px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) 0 -16px}
body .clearlooks2 .mceFocus .mceMed {right:37px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -29px -16px}
body .clearlooks2 .mceFocus .mceMax {right:37px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -58px -16px}
body .clearlooks2 .mceFocus .mceClose:hover {right:6px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -87px -32px}
body .clearlooks2 .mceFocus .mceClose:hover {right:6px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -87px -32px}
body .clearlooks2 .mceFocus .mceMin:hover {right:68px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) 0 -32px}
body .clearlooks2 .mceFocus .mceMed:hover {right:37px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -29px -32px}
body .clearlooks2 .mceFocus .mceMax:hover {right:37px; background:url(buttons-1743ac9f7f2267a6edafefc536a2265d.gif) -58px -32px}

/* Resize */
body .clearlooks2 .mceResize {top:auto; left:auto; display:none; width:5px; height:5px; background:url(horizontal-0365e75dd4a9ad61dc98dcb641207c21.gif) no-repeat 0 -75px}
body .clearlooks2 .mceResizable .mceResize {display:block}
body .clearlooks2 .mceResizable .mceMin, body .clearlooks2 .mceMax {display:none}
body .clearlooks2 .mceMinimizable .mceMin {display:block}
body .clearlooks2 .mceMaximizable .mceMax {display:block}
body .clearlooks2 .mceMaximized .mceMed {display:block}
body .clearlooks2 .mceMaximized .mceMax {display:none}
body .clearlooks2 a.mceResizeN {top:0; left:0; width:100%; cursor:n-resize}
body .clearlooks2 a.mceResizeNW {top:0; left:0; cursor:nw-resize}
body .clearlooks2 a.mceResizeNE {top:0; right:0; cursor:ne-resize}
body .clearlooks2 a.mceResizeW {top:0; left:0; height:100%; cursor:w-resize;}
body .clearlooks2 a.mceResizeE {top:0; right:0; height:100%; cursor:e-resize}
body .clearlooks2 a.mceResizeS {bottom:0; left:0; width:100%; cursor:s-resize}
body .clearlooks2 a.mceResizeSW {bottom:0; left:0; cursor:sw-resize}
body .clearlooks2 a.mceResizeSE {bottom:0; right:0; cursor:se-resize}

/* Alert/Confirm */
body .clearlooks2 .mceButton {font-weight:bold; bottom:10px; width:80px; height:30px; background:url(button-19f864cb81177840dcd534df4d537ea3.gif); line-height:30px; vertical-align:middle; text-align:center; outline:0}
body .clearlooks2 .mceMiddle .mceIcon {left:15px; top:35px; width:32px; height:32px}
body .clearlooks2 .mceAlert .mceMiddle span, body .clearlooks2 .mceConfirm .mceMiddle span {background:transparent;left:60px; top:35px; width:320px; height:50px; font-weight:bold; overflow:auto; white-space:normal}
body .clearlooks2 a:hover {font-weight:bold;}
body .clearlooks2 .mceAlert .mceMiddle, body .clearlooks2 .mceConfirm .mceMiddle {background:#D6D7D5}
body .clearlooks2 .mceAlert .mceOk {left:50%; top:auto; margin-left: -40px}
body .clearlooks2 .mceAlert .mceIcon {background:url(alert-568d4cf84413656fb72fe39d1dd60f8d.gif)}
body .clearlooks2 .mceConfirm .mceOk {left:50%; top:auto; margin-left: -90px}
body .clearlooks2 .mceConfirm .mceCancel {left:50%; top:auto}
body .clearlooks2 .mceConfirm .mceIcon {background:url(confirm-1bc337a20c319e531cda6ced531827d0.gif)}

.salesReceived, .salesCancel{color:#fb0;display:inline-block;background-color:#000;padding:1px 5px;margin:3px 0 0 2px;box-shadow:0 0 2px rgba(255,255,255,0.3);border-radius:3px;}

.feeItemsTable th{background:none;border-bottom:1px solid #000;color:#000;}
.receiptCont .feeItemsTable td{border-bottom:1px solid #666}
.receiptCont .feeItemsTable tr>th:first-child,.receiptCont .feeItemsTable tr>td:first-child{width:35px}
.receiptCont .feeItemsTable tr>th:last-child,.receiptCont .feeItemsTable tr>td:nth-child(3){text-align:right}


.popupBox{position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.9);width:100%;height:100%;z-index:100;display:none}
.popupCont{width:60%;height:auto;margin:50px auto 0;padding:20px;border-radius:5px;border:solid 3px #fff;background-color:#eee;position:relative;box-sizing:border-box}
.popupClose{padding:8px 6px;line-height:1px;color:#fff;background-color:#e00;border-radius:3px;position:absolute;right:0;top:0;z-index:10}

input:focus,select:focus,textarea:focus{
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { border-color:rgba(255,200,0,1);box-shadow:0 0 5px rgba(255,220,0,0.4); }
    50% { border-color:rgba(255,200,0,0.4);box-shadow:0 0 5px rgba(255,220,0,0); }
    100% { border-color:rgba(255,200,0,1);box-shadow:0 0 5px rgba(255,220,0,0.4); }
}

@-webkit-keyframes blinker {  
    0% { border-color:rgba(255,200,0,1);box-shadow:0 0 5px rgba(255,220,0,0.4); }
    50% { border-color:rgba(255,200,0,0.4);box-shadow:0 0 5px rgba(255,220,0,0); }
    100% { border-color:rgba(255,200,0,1);box-shadow:0 0 5px rgba(255,220,0,0.4); }
}

@keyframes blinker {  
    0% { border-color:rgba(255,200,0,1);box-shadow:0 0 5px rgba(255,220,0,0.4); }
    50% { border-color:rgba(255,200,0,0.4);box-shadow:0 0 5px rgba(255,220,0,0); }
    100% { border-color:rgba(255,200,0,1);box-shadow:0 0 5px rgba(255,220,0,0.4); }
}


.bioPrefCont .label{cursor:pointer}.bioPrefCont span.radio,.bioPrefCont span.checkbox{display:block;margin-top:2px}
/*.bioPrefCont th{background:none;font-size:1.4em;text-transform:uppercase}*/

.roleAsgnTab{background-color:#fff;margin:0 10px}
.subTabCont1{margin:0 10px;background-color:#fff;padding:5px 10px}
button[type=submit]{font-family:'ptsans';padding:3px 15px;text-transform:uppercase;background-color:#fc0;font-size:1em;border:none;border-radius:2px}
.flexme2{margin:0 10px;background-color:#fff}
.gridContainer .flexme2{margin:0}
#boardExamResults,#studentFeeeeDetails{margin:0 10px;background-color:#fff}
.prb10{padding:0 10px 10px 0}
.btnsContIn{overflow:visible;height:30px;border-bottom:solid 1px #ddd;padding-top:8px}
#leaves{margin:0 10px;}
ul#tabs{margin-top:10px}
#studentList .profileDetails, #staffList .profileDetails{width:calc(100% - 112px);box-sizing:border-box}
#studentList .profileDetails .ellipsis, #staffList .profileDetails .ellipsis{display:inline}
.nameCont{position:relative;}
.isPayroll{position:absolute;margin-left:15px}
.isPayroll input{float:left;margin:0 5px 0 0}
.title select{font-size:0.75em}
.attendanceLogin .fieldsCont h2{text-align:center;padding-left:30px}
.header a.user{width:25px}.header a.user img{width:100%}
.uInfo{position:absolute;white-space:nowrap;right:58px;background-color:#666;color:#fff;top:0;padding:5px 15px;display:none}
.uInfo:after{content:'';border-bottom: 5px solid transparent;border-left: 5px solid #666;position: absolute;right: -5px;top: 10px;border-top: 5px solid transparent;}
.user:hover .uInfo{display:block;z-index:100}
.quickLinks1{text-transform:uppercase;margin-bottom:20px}
.quickLinks1::after{content:".";clear:both;color:#eee;font-size:0.1px;display:block}
.quickLinks1 h2{margin-left:5px}
.quickLinks1 a{height:50px;position:relative;width:calc(20% - 10px);margin:10px 5px;text-align:center;background-color:#fff;float:left;cursor:pointer;color:#333;}
.quickLinks1 a:before{content:'';border-left:10px solid transparent;border-top:10px solid #f3f6ff;position:absolute;right:0;top:0}
.quickLinks1 a:hover::before{border-top:10px solid #9cf}
.quickLinks1 a span{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:95%}
.quickLinks1 a:hover{color:#06f}
.attachment{background:url(attach_file-569f84d63523fcb688d3d98256746e20.png);height:24px;width:24px;}
.attachmentButton {text-align: center;display: block;padding:4px 0;cursor:pointer;}

.subjectStaffAssignTab .listCont{padding:10px;overflow:auto;display:flex}
.subjectStaffAssignTab .listCont ul li{padding:5px;background-color:#f0f0f0;margin:3px 0}
.subjectStaffAssignTab .listCont ul{min-height:300px;padding:2px 5px;margin:10px 0}
.subjectStaffAssignTab .listCont ul li{background:#f0f0f0 url(add-sub-aa06378275db7887ec3cc11e9ee4110d.png) 5px 6px no-repeat;cursor:pointer;padding:5px 22px;margin:3px 0}
.subjectStaffAssignTab .listCont .subUl li {background:#f0f0f0;cursor:pointer;padding:5px 22px;margin:3px 0}
.subjectStaffAssignTab .listCont .rList li{background-position:5px -82px}
.subjectStaffAssignTab{background-color:#fff;margin:0 0}
.subjectStaffAssignTab .listCont .subUl .subTabOn {background:#ffffff}

#teacherClassAssociation .leftBgAvail,#subjectPeriodAssociation .leftBgAvail{background:#fff;display:flex}
#teacherClassAssociation .leftNavUl,#subjectPeriodAssociation .leftNavUl{list-style:none}
#teacherClassAssociation .leftNav,#subjectPeriodAssociation .leftNav{position:relative}
#teacherClassAssociation .contentArea,#subjectPeriodAssociation .contentArea{margin:5px !important;width:95%}
#subjectPeriodAssociation .odd{background-color:#eee}
#subjectPeriodAssociation #subjectListing{margin-top:5px;}
#subjectListing select{padding:2px;border:solid 1px #eee;background-color:#f6f6f6}
.odd #subjectListing select{border-color:#fff}
.periodCount ol{margin:20px auto;padding:0;display:flex;list-style:none;flex-wrap:wrap}
.periodCount li{margin:5px;padding:5px 10px;background-color:#fed;}
.periodCount span{text-transform:uppercase;}.periodCount strong{font-weight:bold;font-size:1.2em}

.header .newMessages{position: absolute;right: 30px;top: 35px;background-color: red;border-radius: 20px;line-height: 21px;width: 20px;box-shadow:0 0 5px #000;height: 20px;box-sizing: border-box;color: #fff;text-align: center;animation: msgblink 1s linear infinite;}
@keyframes msgblink {  50% {opacity: 0.2;}}
.newMsgFields{display:flex}
.newMsgFields .field_text{margin-right:20px;min-width:25%}
.newMsgFields label{margin-bottom:5px}
.newMsgFields input,.newMsgFields select,.newMsgFields textarea{width:100%;margin-bottom:10px;padding:3px}
.newMsgFields textarea{min-height:150px;min-width:500px}