/*--------------------------------------------------------------------------------------- --- RESETS ---------------------------------------------------------------------------------------*/ html, body, div, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;border: 0; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;}{text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} .topmenudiv {float:left; margin-right:1px;} label { display: inline; font-size:12px; line-height:20px;} input[type="radio"], input[type="checkbox"] { margin:0px 5px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { margin-bottom:0px;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .support-side-link {width:30px;height:95px; position: fixed; right:0; top:40%; } .support-side-link:hover {opacity:0.8;} .help-side-link { margin-top:2px; width:30px;height:75px; position: fixed; right:0; top:55%; } .help-side-link:hover {opacity:0.8;} /*====== Diwali styles ======*/ .diwaliLammps { margin-top:-3px; margin-bottom:0px; padding:0; width:100%; height:20px; background: url(../images/bulbs.gif); } /*====== /Diwali styles ======*/ .clearfix {display: inline-block;} /* for IE/Mac */ .link { color: #0d3c9c;} .studentImgborder { border:solid 4px #ccc;} .text-center { text-align:center;} .padding{ padding:10px; } .padding-3 { padding: 3px; } .padding-left-5 { padding-left:5px; } .padding-right-5 { padding-right:5px; } .padding-right-20 { padding-right:20px; } .padding-left-90 { padding-left:90px; } .padding-left-20 { padding-left:20px !important; } .padding-left-10 { padding-left:10px !important; } .padding-left-15 { padding-left:15px !important; } .padding-left-30 { padding-left:30px !important; } .padding-top-10 { margin-top:10px;} .padding-top-20 { margin-top:20px;} .padding-bottom-10 { margin-bottom:10px;} .margin-top-3 { margin-top:8px;} .margin-top-5 { margin-top:5px;} .margin-top-10 { margin-top:10px;} .margin-bottom-10 { margin-bottom:10px;} .margin-bottom-5 { margin-bottom:5px;} .margin-10 { margin:10px;} .width390 {width:390px !important;} .add-grid-btn {padding:6px 10px; border:none; background:#5ab1dc; color: #fff; font-weight:bold; font-size: 10px; cursor:pointer; } .add-grid-btn:hover {background: #2789b8;} .add-grid-btn.green { background:#9cba69;} .download-icon {padding-right:5px; font-size: 18px !important; color: #89af48; } .addBtnBorder { padding:3px; border: solid 1px #c4d9ee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .addBtnBorder:hover {border-color:#6ca0d5} .add-icon {padding-right:5px; font-size: 18px !important; color:#2a95c9; } .filter-icon {padding-right:5px; font-size: 18px !important; color: #fa8564; } .issueBook_icon { font-size: 20px; } .issueBook_icon i { margin-right: 10px; font-size: 20px;} .searchBtn { bottom: 2px !important; padding:5px 7px; color:#FFF; font-size:15px !important; background:#fa8564; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #f99f86; /* Old browsers */ background: -moz-linear-gradient(top, #f99f86 0%, #f98c6d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f99f86), color-stop(100%,#f98c6d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f99f86 0%,#f98c6d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f99f86 0%,#f98c6d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f99f86 0%,#f98c6d 100%); /* IE10+ */ } .payfeechangeform { width: 100%;} .payfeechangeform .column { margin-right:10px; margin-top:10px; width: 219px; height:45px; float:left; } .searchBtn:hover {background: #f98c6d; /* Old browsers */ background: -moz-linear-gradient(top, #f98c6d 0%, #f99f86 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f98c6d), color-stop(100%,#f99f86)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f98c6d 0%,#f99f86 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f98c6d 0%,#f99f86 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f98c6d 0%,#f99f86 100%); /* IE10+ */} .searchBtn i {font-size:16px;} .sendBtn { margin-left:10px; padding:2px 5px; cursor:pointer; background:#fa8564; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; font-size: 11px; color: #fff; text-decoration:none; } .sendBtn:hover { background: #ed7554; color: #fff; text-decoration:none;} .print { padding:3px 5px; border:solid 1px #ccc; color: #2a95c9; text-decoration:none;} .print i { margin-right:5px; color:#fa8564; font-size: 14px;} .print:hover { border-color: #fa8564;} .selectMessage { width:98.6%; margin:5px 0; padding:5px; color:#426f00; font-weight:bold; background:#f3fff2; border:solid 1px #c2d3b4;} .noteMessage { width:98.6%; margin:5px 0; padding:5px; color:#f96135; font-weight:bold; text-align:left; background:#fdf4f2; border:solid 1px #fae1dc;} .addnewevent {padding-bottom:3px; width:100%; border-bottom:1px solid #d5ecf7;} .formdesign { width:100%;} .formdesign .formdiv { margin-left: 18px; width:48% !important; float: left;} .formdesign .leftDiv { margin-bottom:10px; padding-left:15px; width:48%; float:left;} .formdesign .rightDiv { margin-bottom:10px; width:48%; float:right;} .gridDropdown { width:250px; float:left; margin-top:3px;} .gridDropdown select { padding: 1px; border:solid 1px #4284c8; color:#4284c8;} .updateProfileImage { margin-top:7%; margin-bottom:7%; margin-left:32%; padding:10px; width:300px; border:solid 5px #c5e4f3;} .selectbed_div { margin-top:10px; padding:10px; border:solid 1px #c5e4f3;} .selectbed_div:hover { background:#f2fafd;} #dashboard-quicklinks { margin-bottom:5px; border: solid 1px #ccc;} #dashboard-quicklinks .q-header { padding: 8px; background: #749a00; color:#FFF; font-weight:bold;} #dashboard-quicklinks .q-header i { font-size:15px; margin-right:3px; } #dashboard-quicklinks .content {padding:3px 8px;} #dashboard-quicklinks .content ul { margin:0px; padding:0px; list-style-type: none;} #dashboard-quicklinks .content ul li { color: #2a95c9; display:block; border-bottom: dashed 1px #dfdfdf;} #dashboard-quicklinks .content ul li a { line-height:20px; text-decoration:underline; font-weight: bold;} #dashboard-quicklinks .content ul li a:hover { color: #F00; line-height:20px; text-decoration:none;} #dashboard-quicklinks .content ul li i { margin-right:10px; text-align: center; color: #fa8564; font-size: 14px !important; } /*--------------------------------------------------------------------------------------- --- BASICS ---------------------------------------------------------------------------------------*/ /* Back to top scroll */ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 45px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(42, 149, 201, 0.8) url(backtotopArrow.png) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .cd-top:hover { background-color: #2a95c9; opacity: 1; } /* Back to top scroll End here */ .topheader{ margin-bottom: 1px; overflow:hidden; width:100%; background:url(../img/header_bg.jpg) repeat-x #2281b0; height:84px;} #header{ overflow:hidden; width:960px; margin:0 auto; margin-top:-19px;} #smbody{ font-size:12px;font-family: Arial, Helvetica, sans-serif;color:#000; background:url(../img/bg.png) fixed no-repeat bottom center #02283c; /* background:#d8edf9 url(../images/Occasion/innerBg.jpg) fixed no-repeat bottom center !important; */ line-height:16px; position:relative; background-size:100%; } /*=============== HELP CSS ===============*/ .carousel-control { width:auto; height: auto; border:none !important; background:none !important; top: 81% !important; font-size: 20px !important; margin-top:0px !important;} .carousel-control.left {background-image:none !important; left:850px !important;} .carousel-control.right {background-image:none !important; right:0px !important;} .helpbanner { height:170px; position:relative; text-align: center; /*background: url(../images/helpBanner.jpg)*/} .helptitle { padding-top:0px; width:920px; text-align:center; color:#f6522c; font-size: 48px; position:absolute; top:30px; text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; } .helpsearch { /* width:920px;*/padding-left: 26%; padding-top:20px; position:absolute; top:55px;} .helpsearch input { margin:0; width:400px; padding:7px; border:solid 4px #f6522c; border-radius:0;} .helpsearch button {margin: -10px 0 0 -7px; padding:7px 8px 7px 8px; background:#ea370b; border:solid 4px #f6522c; border-left:none; color:#FFF; cursor:pointer; text-shadow:none; border-radius:0;} .helpsearch button:hover { background:#d7330b; color: #FFF;} .helpquote { padding-top: 15px; width:920px; text-align:center; color:#FFF; font-size: 30px; font-style:italic; position:absolute; top: 115px; text-shadow: -2px -2px 0 #033e5a, 2px -2px 0 #033e5a, -2px 2px 0 #033e5a, 2px 2px 0 #033e5a; } .hadding-h2 { color: #01516f; font-size: 18px;} .helptopicBox { margin:1px; width:250px; height:150px; border:solid 1px #e8e8e8; text-align:center; float:left; cursor:pointer;} .helptopicBox:hover { border-color: #abd7eb} .helptopicBox i{ margin-top:20px; padding-top:15px; width:60px; height:45px; font-size:30px; color:#FFF; background:#2a95c9; vertical-align:middle; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; transition:border 0.2s ease; } .helptopicBox:hover i { border:solid 5px #b4dcef; } .helptopicBox h2 { margin:0px; margin-top:20px; padding:0px; font-size: 18px; font-family:Arial; color:#4a4a4a; font-weight:normal;} .videoBox { padding:30px; width:93.5%; border-top: solid 2px #dfeeed; border-bottom: solid 2px #dfeeed; background: url(../images/bg-3.png) repeat; overflow:auto; } .videoBox .leftBox { margin-top: 80px; width:30%; text-align:center; float:left;} .videoBox .leftBox h2 { color: #2a95c9; font-size: 37px; font-family:Adobe Fangson; font-style:italic; font-weight:normal;} .videoBox .leftBox h3 { color: #13455e; font-size: 17px; font-family:Adobe Fangson; font-style:italic; font-weight:normal; line-height:20px;} .videoBox .rightBox { width:70%; float:right; text-align:right;} .contactDiv { padding:10px; width:96%; background-color: #9bc9c7; border: 1px dashed white; box-shadow: 0 0 0 2px #9bc9c7; color: white; display: inline-block; color: #14455c; vertical-align: top;} .tabsContentBox { margin:0px; padding: 2px; width: 793px; min-height:300px; float:left; /*border:solid 1px #eee;*/} .tabsContentBox .itemlist { padding: 10px; width: 190px; min-height:335px; background: #f3f3f3; float:left;} .tabsContentBox .itemlist ul li { border-bottom: dashed 1px #dfdfdf; display:block; list-style-type:none; cursor:pointer; } .tabsContentBox .itemlist ul li:hover { background: #e8e8e8} .tabsContentBox .itemlist ul li i { margin-left:0px; margin-right:5px;} .tabsContentBox .itemlist ul li a { margin:0; padding: 0; color: #003452; font-size: 11px; line-height: 27px;} .tabsContentBox .videodiv { width: calc(95% - 190px); float:right;} .tabsContentBox .videodiv h2 { margin-top:10px; padding: 0 0 3px 0; color: #01516f; font-size: 20px; border-bottom: solid 1px #e4e4e4; background:none;} .contactdetails {padding-top:20px; padding-bottom:10px; font-size:20px; font-family:Adobe Fangson; text-align:center;} .still_need_help { font-size:26px; font-family:Adobe Fangson; font-weight: normal;} .helpToolsBox { padding:3px; width: 100px; min-height: 516px; color: #FFF; text-align: center; font-weight: bold; background: #2a95c9; float:left;} .helpToolsBox .tool { padding: 20px 0 10px 0; text-transform: uppercase; border-bottom: dashed 1px #60b5dd;} .helpToolsBox .tool:hover {background: #2688b7;} .helpToolsBox i { padding-bottom: 5px; font-size: 20px; display: block;} .helpToolsBox h4 { padding: 15px 0; font-size: 14px; background: #247eaa;} .videosBox { margin-right:5px; width: calc(900px - 100px); float: right;} /*body{ font-size:12px;font-family: Arial, Helvetica, sans-serif;color:#000;background:url(../img/bg.png) fixed no-repeat bottom center #585b60; line-height:16px;}*/ a{ color:#000;text-decoration:underline; font-size:12px;} a:hover{text-decoration:none; } a:active{ } a:visited{ } .left{float:left; } .fullwidth { width: 100%;} .right{ float:right; } .right.prvAllotment { width:160px; margin-top:20px;} .right1{ float:right; padding-top:8px; padding-right:8px; } .clear{ clear:both; } .small { font-size: 10px;} .blue { color:#1a719c;} .orange { color: #fa8564;} .green { color: #129f04;} .orange2 { color: #fb660d; text-shadow: 1px 1px 0px #d1e7e6;} .font-bold { font-weight:bold;} .white label { margin-bottom:3px; color: #fff;} .validate-error {margin-top: -2px; display: block; font-size:11px; color: #ff0000; font-family: Tahoma;} .captureimgBox { padding:3px !important; margin-left:20px; margin-right:20px; height:120px; background:#ebf7fc; border:dashed 1px #b5def2;} .popupTitle { font-size:16px; font-family:Arial; font-weight:bold; color:#01516f;} .popupAddBtn { padding:5px 10px; color:#fff; font-weight:bold; background: #2a95c9; text-decoration:none; border:solid 1px #278dbe;} .popupAddBtn:hover { background: #278dbe;} .popupAddBtn i { margin-right:5px; color:#FFF; font-size: 15px;} /* ------------------------------------------------------------------------------------ ELEMENTS */ h1{ color:#2d2d2d;padding:0px;margin:0px;margin-top:10px;padding:10px;} h2{ color:#2d2d2d;font-family: 'Tahoma'; font-size:16px;padding:10px;margin:0px;} h3{ color:#2d2d2d;padding:0px;margin:0px;padding:5px; font-size: 15px;} h4{ color:#2d2d2d;padding:0px;margin:0px;padding:5px;} h5{ color:#2d2d2d;padding:0px;margin:0px;padding:5px;} p{ padding:10px;background:#fff;} /* ul{ list-style:circle; margin:10px; margin-left:20px;} ol{ list-style:decimal; margin:10px; margin-left:20px;} */ p.info{ border:1px solid #6aa6d6; background:#c9e3f8;} fieldset{ border:1px solid #ddd; padding:10px; background:#fff; margin:10px 0px;} legend{ border:1px solid #ddd; padding:5px; background:#fff;} hr { border: 1px #ddd solid; width: 80%;} .errorMessage { background:#fee0d8; border: solid 1px #fdc7b9; color: Red;} .issue_btn { padding: 1px 5px !important; border: solid 1px #2b9ad0; background: #5ab1dc; font-size: 10px; color:#FFF; cursor: pointer;} .button { background: #fa8564; color: #fff; text-transform: uppercase; padding: 7px 20px; text-align: center; cursor: pointer; } .button {border:solid 1px #f96c44; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; } .button { text-decoration:none; } .button { /*-moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999;*/ } .button:hover { background: #ed7554; color: #fff; text-decoration:none; border:solid 1px #f95c2f;} .button:active { /*-moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c;*/ color: #fff; text-decoration:none;} .button.forsearch { padding:0px 10px; height: 27px;} .buttonBlue { background: #5ab1dc; color: #fff; text-transform: uppercase; padding: 7px 20px; cursor: pointer; } .buttonBlue {border:solid 1px #2b9ad0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; } .buttonBlue { text-decoration:none; } .buttonBlue { -moz-box-shadow: 1px 1px 2px #999;} .buttonBlue:hover { background: #4eacda; color: #fff; text-decoration:none; border:solid 1px #2689b9;} .buttonBlue:active { color: #fff; text-decoration:none;} .buttonGreen { background: #9cba69; color: #fff; text-transform: uppercase; padding: 7px 20px; cursor: pointer; } .buttonGreen {border:solid 1px #8db152; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px;} .buttonGreen { text-decoration:none; } .buttonGreen { /*-moz-box-shadow: 1px 1px 2px #999; */} .buttonGreen:hover { background: #8aad50; color: #fff; text-decoration:none; border:solid 1px #80a047;} .buttonGreen:active { color: #fff; text-decoration:none;} .button1.rightarrow{ position:relative;padding-right:40px; } .button1.rightarrow span{ display:block;height:31px;width:30px;background:url('../images/button-rightarrow.png') no-repeat;position:absolute;right:0;top:-1px; } .button1.leftarrow{ position:relative;padding-left:40px; } .button1.leftarrow span{ display:block;height:31px;width:30px;background:url('../images/button-leftarrow.png') no-repeat;position:absolute;left:0;top:-1px; } .issueNewBooks { margin-left: 20px; padding: 7px 20px; background: #81caf9; color: #212121; font-size: 13px; font-weight: bold; text-decoration: none; border:solid 3px #dee4e8; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.47); -moz-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.47); box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.47);} .issueNewBooks i { margin-left: 10px; color: #FFF; font-size: 14px; font-weight: bold;} .issueNewBooks:hover { background: #4eafed;} .issueNewBooks.viewTransations { background: #9cba69; color: #FFF;} .issueNewBooks.viewTransations:hover { background: #81a24a;} /* ------------------------------------------------------------------------------------ Login */ #login{background:url(../img/security.jpg) #fff 220px 55px no-repeat;padding-left:10px;text-align:left;} #login_container{overflow:hidden; width:360px; margin:0 auto;background:url(../img/overlay.jpg) no-repeat;} #login label span{display:block;width:100px;float:left} div#login {width:260px;margin: 10px auto;border-top:2px solid #162635;} a#passwordrecoverylink{font-size:10px;text-decoration:underline;display:block;text-align:right;color:#999;} a:hover#passwordrecoverylink{color:#000;} .loginbutton{margin-left:160px;} #login input#remember{margin:10px 5px 0px 10px;} /* ------------------------------------------------------------------------------------ MENUS*/ #navigation, #navigation ul {padding:0; margin:0; list-style:none; line-height:1; float:left; } #navigation a { display:block; padding:6px 10px; text-decoration:none; } #navigation a:hover{ text-decoration:underline; padding:6px 10px;} #navigation li { float:left; width:auto;} #navigation li{ padding:0; margin:0; } #navigation li ul li{padding:1px 0px;} #navigation li ul li a{padding:6px 10px; width:110px; } #navigation li ul {position:absolute; padding-top:1px; width:130px; left:-999em; } #navigation li ul ul {margin: -1.5em 0 0 130px; } #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul { left: -999em;} #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto; } #top_menu > ul {margin:0px;padding:0px;list-style:none;font-size:12px; z-index: 9999;} #top_menu > ul > li{float:left;display:block; border-right:1px solid #1a83b6; border-left:1px solid #319fd5;} #top_menu ul li:first-child { border-left:none;} #top_menu ul li:last-child { border-right:none;} #top_menu ul li a {text-decoration:none; color:#fff;display:block; padding:13px 15px 10px 12px; } #top_menu ul li a:hover{background-color:#2b5477;} top_menu ul li span { padding:12px 15px 10px 12px !important;} /*.language select {margin-top:6px !important; padding: 1px; width: 77px; height: 22px; font-size:11px; float: right;}*/ select.dropdown { -webkit-appearance: none; -moz-appearance: none; margin-top: 4px; background: #044361 url(../img/icon/arrow.png) no-repeat; background-position: 62px 5px; width: 77px; padding-left:5px; height: 26px; border: solid 1px #56b0dc; color: #FFF; font-size:11px; float:right; line-height: inherit; } .language span { color: #fff; float: right; margin-right: 3px; margin-top: 10px;} /* ------------------------------------------------------------------------------------ STRUCTURE */ #container{ /*overflow:hidden;*/ width:960px; margin:0 auto;} #header{} #footer{clear:both; } #content_main{background:#c4c4c4;width:940px;padding:10px;-moz-border-radius:3px; min-height:560px;} #top_menu{background: #2a95c9; width:960px; height:35px; /*margin-top:20px;*/} #profile_info{background:url(../img/header_signinBg.png) no-repeat top center;width:255px;height:66px;padding:4px;float:right; margin-top:30px;font-size:12px;color:#fff;line-height:14px;} #profile_info p{background:none; margin:0;} #avatar{float:left;margin: 5px 15px 0px 15px;} #postedit{background:#f1f1f1;width:940px;padding:10px;-moz-border-radius:3px;} #dashboard{width:640px;padding:10px; /*background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/} #innerpage{width:725px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #innerpageHeader{ background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #innerpage.fullscreen {width:97.9% !important;} #innerpage1{width:920px;background:#fff;padding:10px;border-top:1px solid #ddd; height:100%; overflow:hidden; border-bottom:1px solid #ddd;} #innerpage2{width:920px;background:#fff;padding:10px; margin-top:10px; height:100%; overflow:hidden; border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .innerpage2{width:920px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .innerpage2.stfdashInnerpage {width: 869px; height: 100% !important; overflow: auto;} .innerpage3{width:920px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .leftpage {width:442px;background:#fff;padding:10px; float:left; border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px; margin-top:10px;} .rightpage {width:442px;background:#fff;padding:10px; float:right; border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px; margin-top:10px;} #innerpage1{width:920px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #innerpagect{ width:725px;background:#fff;padding:10px;border:1px solid #ddd;-moz-border-radius:3px; margin-top:10px; height:100%; overflow:hidden;} #innerpageContent{ background:#fff;padding:10px;border:1px solid #ddd;-moz-border-radius:3px; margin-top:10px; height:100%; overflow:hidden;} #innerpagect.fullscreen {width:97.7% !important;} #sidebar{width:250px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px;} .whitebg {background-color:#d7d7d7;} #sidebar1{width:165px;background:#fff;padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-moz-border-radius:3px;} #footer{background:#044260;width:100%; height:30px; border-top: solid 2px #186b95; -moz-border-radius:3px;margin-top:10px; color:#ffffff;} .footer {width:960px; color: #fff;} .footer a {color:#ffffff; margin:7px 10px 5px 10px; float:left; text-decoration:none;} #footer p{background:none;padding:0px;margin:0px; color:#ffffff;} .panel{min-height:285px;} .section,.panel,#shortcuts,#shortcuts1,#chart,.quickview{background:#fff;padding:10px;border:1px solid #ddd;-moz-border-radius:3px;} .quickviewheight {background:#fff;padding:10px;border:1px solid #ddd;-moz-border-radius:3px; height:163px;} #postedit,#panels,#shortcuts,#shortcuts1{margin-top:10px;} .section{margin-top:10px;} .panel {width:290px;margin:5px;} .calendar {width:210px;margin-right:0px;} .photo {width:300px;margin-left:0px;margin-right:10px;} .form_sidebar{width:220px;margin-left:10px;margin-top:5px;padding:4px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #form_middle_cont{width:940px} /* ICONS */ .ico_mug{background:url(../img/ico_mug.jpg) no-repeat 5px center #ababab; padding-left:40px;margin-bottom:20px; } .ico_posts{background:url(../img/sms.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_leave{background:url(../img/leave_management.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_attendance{background:url(../img/attendance.gif) no-repeat 5px center #ababab; padding-left:30px;} .ico_examination{background:url(../img/examination.gif) no-repeat 5px center #ababab; padding-left:30px;} .ico_user{background:url(../img/student_information.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_myaccount{background:url(../img/myaccount.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_foffice{background:url(../img/foffice.jpg) no-repeat 5px center #ababab; padding-left:30px;} .ico_holidays{background:url(../img/holidays.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_timetable{background:url(../img/timetable.png) no-repeat 5px center #ababab; padding-left:30px; color:#FFFFFF;} .ico_performance{background:url(../img/Performance.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_staff{background:url(../img/staff.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_lessonplanner{background:url(../img/lesson_planner.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_Fee{background:url(../img/fee_management.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_accounts{background:url(../img/Accounting.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_elearning{background:url(../img/elearning.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_content{background:url(../img/content_management.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_admin{background:url(../img/administration.gif) no-repeat 5px center #ababab; padding-left:30px;} .ico_smaster{background:url(../img/system_setup.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_payroll{background:url(../img/payroll.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_reports{background:url(../img/reports.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_libraryics{background:url(../img/library.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_inventry{background:url(../img/inventory.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_transport{background:url(../img/transport.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_help{background:url(../img/help.png) no-repeat 5px center #ababab; padding-left:30px;margin-bottom:0px; } .ico_email{background:url(../img/emails.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_bg{background:url(../img/...) no-repeat 5px center #ababab; padding-left:20px;} .ico_success{padding-left:20px;background:url(../img/success.jpg) no-repeat left center} .ico_cancel{padding-left:20px;background:url(../img/error.jpg) no-repeat left center} .ico_error{padding-left:20px;background:url(../img/ico_error.jpg) no-repeat left center} .ico_pending{padding-left:20px;background:url(../img/ico_hourglass.jpg) no-repeat left center} .ico_chart{padding-left:20px;background:url(../img/ico_chart_bar.jpg) no-repeat left center} .ico_dash h2{ display:inline-block; color:#01516f; font-size: 18px; padding-left:0px; padding-top: 7px;} .ico_dash .viewicon { padding: 5px 5px 5px 6px; color: #FFF; font-size: 17px; background: #fa8564; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .ico_dash .helpLink{float: right; margin: 5px;} .ico_dash { width: 100%; background:#f1f1f1; padding-left:5px; margin-bottom:10px; height: 37px; color: #01516f; font-size: 18px; margin-bottom: 18px;} .ico_dash .ico_dashTitle { width: 60%; float:left;} .ico_dash .ico_dashRight { width: 6%; float:right;} .ico_dash .help { padding-top: 7px; width:34%; float: left; text-align: right;} .ico_dlibrary{background:url(../img/dlibraryic.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:10px; } .ico_panel{background:url(../img/pannelic.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:10px; } .ico_quick{background:url(../img/quciklinks.jpg) no-repeat 5px center #3a3b3b; padding-left:40px; color:#FFFFFF;} .h2ico_quick{background: #3a3b3b;color:#FFFFFF;} .ico_titletext{background:url(../img/quciklinks.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:20px; font-size:15px; font-weight:bold; } .ico_photo{background:url(../img/photoic.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:20px; font-size:15px; font-weight:bold; width:382px;} .ico_info{background:url(../img/infoicon.jpg) no-repeat 5px center #f1f1f1; padding-left:40px;margin-bottom:20px; line-height:30px; font-size:14px; font-weight:bold; } .ico_cceexamination{background:url(../img/cce1.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_Budget{background:url(../img/budgetic_s.png) no-repeat 5px center #ababab; padding-left:30px;} .ico_Admissions{background:url(../img/add_admission_s.png) no-repeat 5px center #ababab; padding-left:30px;} /* ------------------------------------------------------------------------------------ LOGO */ #logo {padding:0px;margin:0px; height:80px; float:left; width:275px;} .logoheight {padding-top:30px;} .topsearch {float:right; margin: 45px 35px 0 0px;} .topsearch input[type="text"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:22px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:5px; width:370px; -moz-box-shadow: inset 0 0 10px #e5e5e5; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; } .topsearch input[type="text"]:hover { border: 1px solid #4780ae; } .topsearch input[type="text"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .ui-autocomplete {margin:-82 -150px 0 0 !important;} #div_search_result{position: absolute;} /* ------------------------------------------------------------------------------------ CUSTOM */ #placeholder{width:180px;height:95px;padding:10px;padding-bottom:14px;} .more{font-size:13px;} .approved{font-weight:bold;color:#25a21f} #success{margin:-px 0px;border:1px solid #b2dc4d;color:#40550d;font-family:"Arial", Arial, sans-serif;font-size:12px;background:#cce297;font-weight:700;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;} #fail{margin:5px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#e7928d;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;} #warning{margin:5px 0px;border:1px solid #efdc90;color:#a9a014;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#fffecc;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;} .form_sidebar ul{margin:0px;padding:0px;list-style:none;} .form_sidebar ul li ul{margin:0px 10px;padding:0px;list-style:none;} span.date{display:block;padding-left:20px; font-style:italic;font-family:10px;} .odd{background:#eee;border-top:1px solid #DDDDDD;padding:3px;} .even{border-top:1px solid #DDDDDD;padding:3px;} a#visit{ background-color: #33DD44; background-image: -moz-linear-gradient(top, #80bd5e, #2c7009); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80bd5e', EndColorStr='#2c7009')"; color: white; display: block; padding: 4px; margin: 5px 15px 0px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #dfdfdf; behavior: url(PIE.htc); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #80bd5e), color-stop(1, #2c7009));; } a.add{display:block;width:80px;text-align:center;color:#fff;background:#4780ae;border:1px solid #4780ae;padding:4px;margin:10px 15px 0px 0px;-moz-border-radius:3px;text-transform:uppercase;} #profile_info p{font-size:11px;padding-top:7px;padding-bottom:4px;} #profile_info p a{font-size:11px;color:#f9d71c;} #profile_info p a:hover{font-size:11px;color:#f7d202;text-decoration:underline;} #profile_info p.last_login{font-size:10px; padding-top:5px; padding-bottom:0px; padding-right:0px; color:#dfdfdf} #tabledata {width:308px; margin-left:10px;} #table_options ul li a {color:#000;display:block;padding-top:5px;} .quickview ul{margin:0px;padding:0px;list-style:none;} .quickview ul li{padding:3px;font-size:12px;} .quickview ul li span.number{font-family:Georgia;font-size:13px;color:#629fa8} #shortcuts{width:640px;} #shortcuts ul {margin:0px;padding:0px;list-style:none;margin-top:20px;} #shortcuts ul li{float:left} #shortcuts ul li.first_li a{margin-left:0px;} #shortcuts ul li a{border:1px solid #999;-moz-border-radius:3px;display:block;padding:5px;margin:5px;width:70px;text-align:center;} #shortcuts ul li a span{font-size:10px;margin-top:5px;display:block;background:#eee;padding:2px;} #shortcuts ul li a:hover{border:1px solid #ececec;text-decoration:none;} #shortcuts1{width:960px; height:100%; overflow:hidden;} #shortcuts1 ul {margin:0px;padding:0px;list-style:none;margin-top:20px;} #shortcuts1 ul li{float:left} #shortcuts1 ul li.first_li a{margin-left:0px;} #shortcuts1 ul li a{border:1px solid #999;-moz-border-radius:3px;display:block;padding:5px;margin:5px;width:70px;text-align:center;} #shortcuts1 ul li a span{font-size:10px;margin-top:5px;display:block;background:#eee;padding:2px;} #shortcuts1 ul li a:hover{border:1px solid #ececec;text-decoration:none;} .photo ul{margin:0px;padding:0px;list-style:none;} .photo ul li{float:left; border:1px solid #999;-moz-border-radius:3px;padding:3px;margin:3px 1px;position:relative;} .photo ul li span{font-size:10px;margin-top:5px;display:block;padding:4px 1px;width:83px;position:absolute;bottom:0px;left:0px;} .todo ul {margin:0px;padding:0px;list-style:none;} .todo ul li{margin-left:0px;padding-left:0px;list-style:none;} .todo p{margin:0px;padding:0px;} ul#menu{margin:0px;padding:0px;list-style:none;margin-top:20px;} ul#menu, ul#menu ul {list-style-type:none; margin: 0; padding: 0; } ul#menu a { display: inline; text-decoration: none; } ul#menu li { margin-top: 1px;} ul#menu li a {color: #000;padding: 10px;padding-left:25px;border-bottom:1px solid #ddd;} ul#menu li a:hover {border-bottom:1px solid #ddd; background-color:#dfdfdf; } ul#menu li ul li a { background: #fff; color: #000; padding-left: 32px; border-bottom:1px solid #f8f7f7; background:url(../img/arrow.png) no-repeat 16px 15px;} ul#menu li ul li a:hover { background: #e33131; padding-left: 32px; color:#ffffff; background:url(../img/arrow1.png) no-repeat #e33131 16px 15px;} ul#menu1{margin:0px;padding:0px;list-style:none;margin-top:20px;} ul#menu1, ul#menu1 ul {list-style-type:none; margin: 0; padding: 0; } ul#menu1 a { display: block; text-decoration: none; } ul#menu1 li { margin-top: 1px;} ul#menu1 li a {color: #000;padding: 10px;padding-left:25px;border-bottom:1px solid #ddd;} ul#menu1 li a:hover {border-bottom:1px solid #ddd; } ul#menu1 li ul li a { background: #d7d7d7; width:123px; color: #000; padding-left: 32px; border-bottom:1px solid #f8f7f7; background:url(../img/arrow.png) no-repeat 16px 15px #d7d7d7;} ul#menu1 li ul li a:hover { background: #e33131; padding-left: 32px; color:#ffffff; background:url(../img/arrow1.png) no-repeat #e33131 16px 15px;} ul#menu1 li ul li .activem { background: #e33131; padding-left: 32px; color:#ffffff; background:url(../img/arrow1.png) no-repeat #e33131 16px 15px;} input#post_title{width:925px;margin:0px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:3px;font-size:28px;padding:5px;} .form_sidebar span{display:block;padding:5px 5px;background:#eee;margin-bottom:10px;} #save{width:100px;color:#fff;background:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;} #table{width:100%;border:1px solid #c3c3c3;} #table th{background:#eee;padding:5px;text-align:left;} #table td{padding:5px;} #table .table_date{color:#5e5e5e;font-weight:bold;} #table .table_check{width:20px;background:#eee;} #table .table_title a{color:#26608e;text-decoration:underline;font-weight:bold;} #table_options{background:#fff;border:solid #c3c3c3;border-width:0px 1px 1px 1px;padding:5px;} #table_options label{margin:0px;padding-top:2px;} #table_options ul{list-style:none;margin:0px;padding:0px;} #table_options ul li{float:left;padding:5px;margin-right:10px;} .checksp input{margin-bottom:-5px;} .pagination{margin-top:20px;} .pagination a, .pagination span{background:url("../img/borderbottom.html") bottom repeat-x #fff;padding:5px;margin:2px;border:1px solid #d9d9d9;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius: 3px;} .file{border:1px solid #eee;} .homeschoolhd {font-weight:bold; color:#003366; font-size:13px;} .demoschool {float:left; width:300px;} lable {margin-right:10px; line-height:22px;} .row {background-color:#EFEFEF;} #slidingDiv { background-color: #99CCFF; padding:20px; margin-top:10px; border-bottom:5px solid #3399FF; } #show_hide { display:none; } .br {border:1px solid #CCCCCC;} .tdpad{padding:5px;} .tdpad a{color:#003366; margin-right:5px; padding:5px 0 5px 20px; background:url(../img/button.jpg) no-repeat center left;} .tdpad a:hover{color:#003366; margin-right:5px; padding:5px 0 5px 20px; background:url(../img/button.jpg) no-repeat center left;} .graybg {background-color: #CCCCCC; line-height:30px; font-size:14px; font-weight:bold; padding:0 8px;} .tdpad1{padding:5px;} .tdpad1 a{color:#003366; margin-right:5px; padding:5px 0 5px 20px; padding:5px 0 5px 20px; line-height:29px; background:url(../img/button.jpg) no-repeat center left;} .tdpad1 a:hover{color:#003366; margin-right:5px; padding:5px 0 5px 20px; padding:5px 0 5px 20px; line-height:29px; background:url(../img/button.jpg) no-repeat center left;} .show_hide { display:none; } /*table content */ div.tabbar .tabContent { padding:10px 5px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; overflow:hidden; } /** ****** UI Components - Table **************************************************************** **/ .textCenter{text-align:center !important;} .gridBorder { border:1px solid #b5cfea;} .uiTable { width:100%; /*border-left:1px solid #b5cfea !important;*/ border:1px solid #b5cfea; border-bottom:none; margin:auto; } .uiTable th { background: #4284c8 /*url(table/header-bg.gif)*/; color:#ffffff; font-size:12px; padding:7px 6px; border-top:solod 1px #b5cfea; border-left:solod 1px #b5cfea; border-left:1px solid #FFF; /*border:1px solid #fff; text-align:left; border-right:1px solid #b5cfea;*/ border-bottom:none; } .uiTable th:first-child { border-color:#b5cfea;} .uiTable th a{ color:#FFFFFF; text-decoration:none; } .uiTable th a:hover{ color:#FFFFFF; text-decoration:none; } .uiTable tr:hover { background:#e7eef4;} .uiTable td { padding:4px 6px; border-bottom:1px solid #b5cfea; border-right:1px solid #b5cfea; color:#4c748c; } .uiTable td:last-child {border-right:0;} .uiTable .head h3 { background:url(table/sort.html) 7px center no-repeat; cursor:pointer; padding-left:18px } .uiTable .desc, .sortable .asc { background:url(table/header-selected-bg.gif); } .uiTable .desc h3 { background:url(table/desc.html) 7px center no-repeat; cursor:pointer; padding-left:18px } .uiTable .asc h3 { background:url(table/asc.html) 7px center no-repeat; cursor:pointer; padding-left:18px } .uiTable .head:hover, .uiTable .desc:hover, .uiTable .asc:hover { color:#fff; } .uiTable .evenrow td { background:#f9fafa; } .uiTable .oddrow td { background:#f7f8f9; } .uiTable td.evenselected { background:#f7f8f9; } .uiTable td.oddselected { background:#f3f5f6; } .uiTable tfoot { background:#fff; font-weight:bold; } .uiTable tfoot td { padding:6px 8px 8px; } .uiTable .ceck{ width:20px; background:none; } .uiTable tr th.ceck h3{ background:transparent;} .uiTable a:link { } .uiTable a:visited { } .uiTable a:hover { text-decoration:underline;} .uiTable a:active { color:black;} .uiTable input { width:auto;/*margin:3px;*/padding:0px;} .uiTable1 { width:100%; /*border-left:1px solid #e9eef0;*/ border:1px solid #e9eef0; border-bottom:none; margin:auto; } .uiTable1 th { background: #4284c8 /* url(table/header-bg.gif) */; /* text-align:left; */ color:#ffffff; border:1px solid #fff; border-right:none; } .uiTable1 th { font-size:11px; padding:4px 4px 4px } .uiTable1 th a{ color:#FFFFFF; } .uiTable1 td { /* padding:2px 4px 4px; */ border-bottom:1px solid #b5cfea; border-right:1px solid #b5cfea; color:#4c748c; text-align:center; } .uiTable1 td:first-child { border-left:1px solid #b5cfea;} .uiTable1 .head h3 { background:url(table/sort.html) 7px center no-repeat; cursor:pointer; padding-left:18px } .uiTable1 .desc, .sortable .asc { background:url(table/header-selected-bg.gif); } .uiTable1 .desc h3 { background:url(table/desc.html) 7px center no-repeat; cursor:pointer; padding-left:18px } .uiTable1 .asc h3 { background:url(table/asc.html) 7px center no-repeat; cursor:pointer; padding-left:18px } .uiTable1 .head:hover, .uiTable1 .desc:hover, .uiTable1 .asc:hover { color:#fff; } .uiTable1 .evenrow td { background:#f9fafa; } .uiTable1 .oddrow td { background:#f7f8f9; } .uiTable1 td.evenselected { background:#f7f8f9; } .uiTable1 td.oddselected { background:#f3f5f6; } .uiTable1 tfoot { background:#fff; font-weight:bold; } .uiTable1 tfoot td { padding:4px 6px 6px; } .uiTable1 .ceck{ width:20px; background:none; } .uiTable1 tr th.ceck h3{ background:transparent;} .uiTable1 a:link { } .uiTable1 a:visited { } .uiTable1 a:hover { text-decoration:underline;} .uiTable1 a:active { color:black;} .uiTable1 input { width:auto;margin:3px;padding:0px;} /** ****** Form components **************************************************************** **/ .header { color:#000; background: #b2b2b2; border-radius: 5px 5px 0 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; position: relative;padding: 7px 0 9px 20px; } .shade{padding:15px; background: #f2f5f7;} .butNav{ font-size:12px; line-height:12px; padding:1px 6px; color:#ffffff; background:#404040; text-decoration:none; font-weight:bold; } .butNav:link { color:#494949;} .butNav:visited { color:#494949;} .butNav:hover { color:black;background:#F5F5F5;} .butNav:active { color:#dbdbdb;background:#909090;} .butPage { font-size:12px; line-height:12px; padding:0 6px; color:white; background:#404040; text-decoration:none; } .barNav { padding:10px 0; /*text-align:right;*/ } .barNav table td { text-align:right; } .pager table { margin-top: 7px !important;} .pager table td { border-bottom: none; border-right: none;} .pager span { color:#4284c8; font-weight: bold; padding:2px 5px; border: solid 1px #fa8564; background:#FFF;} .pager a { color:#4284c8; padding:2px 5px; border: solid 1px #b1cde9; text-decoration: none;} .pager a:hover { text-decoration: none; border-color:#fcb5a0; background:#FFF;} .wrowbg2 {margin:0px auto; /*display:inline-flex !important; background: #f1f1f1;*/ padding:8px; line-height:24px; border-bottom: 2px solid #E0E0E0;} .wrowbg2 input[type=radio], input[type=checkbox] { display: inline-block ; } .wrowbg2 .add-icondiv { margin-top:5px; padding:0; width:220px; height: auto; display:inline-block; float:left;} .wrowbg2 .add-icondiv.forBtn { margin-top:0px;} .wrowbg2 .add-icondiv a { margin-bottom:5px; font-size:14px; color:#034a64; font-family:'Tahoma'; line-height:0px !important;} .wrowbg2 .add-icondiv a .iconn { margin:0; padding:0; width:20px; height: auto; float:left;} .wrowbg2 .add-icondiv a .text { margin:10px 0 0 0; padding:0; width:193px; height: auto; text-align:left; float:right;} .wrowbg2 .add-icondiv a .text.forstudent { width:188px;} .wrowbg2 .add-icondiv a:hover .text { text-decoration: underline;} .addicon { color:#4db3d1; font-size: 21px !important;} .importstudent-icon { margin-right: 3px; padding-top: 2px; padding-left: 1px; width:19px; height: 18px; font-size:13px; text-align:center; background: #f2b705; color:#FFF; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .addLinks { font-size:14px; color:#034a64; font-family:'Tahoma'; line-height:0px !important;} .wrowbg3 {background:#f1f1f1; padding:8px; line-height:24px; border:1px solid #E0E0E0;} .wrowbg3:hover {text-decoration:none;} .headbg {background:#f1f1f1; padding:4px; line-height:24px; font-weight:bold; text-align:left;} .success{margin:5px 0px;border:1px solid #b2dc4d;color:#40550d; width:100%; font-family:"Arial", Arial, sans-serif;font-size:12px;background:#cce297;font-weight:700;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;} .fail{margin:5px 0px;border:1px solid #c82820;color:#c82820;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#e7928d;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;} .warning{margin:5px 0px;border:1px solid #efdc90;color:#a9a014;font-family:"Arial", Arial, sans-serif;font-size:12px;font-weight:700;background:#fffecc;padding:5px;-moz-border-radius:3px;-webkit-border-radius: 3px;} .imgh {margin-bottom:-4px;} .sbr {border:1px solid #E0E0E0; padding:8px 5px} .sbrgr {border:1px solid #E0E0E0; padding:20px 5px 8px 5px;} .greegnbg {background-color:#2f720c; height:5px;} .rowbg td{background:#f1f1f1; padding:4px;} .rowbg1 td{padding:4px;} .tdspace td {padding:2px; /*vertical-align:top;*/} .lightrowbg2 { font-family: Arial; color:#044260; font-weight:bold; font-size: 15px; padding: 8px 8px 8px 0px;} .studentformRow { margin:10px 0; padding:10px; width:97.5%; height: auto; border: dashed 1px #9dc4cf; background:#eff6f8;} .padleft { padding-left: 10px; background-color:#bed9e4; border-bottom:1px solid #ffffff; line-height: 16px; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ border-right: none; border-left: none; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.8em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } .fotterlinks { color:#ffffff; float: left; margin-bottom: 1em; } .fotterlinks a {color:#ffffff; padding: .75em 1em; text-decoration:none; } /*** DEMO SKIN ***/ .sf-menu { color:#ffffff; float: left; margin-bottom: 1em; } .sf-menu a {color:#ffffff; padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#ffffff; border-left:none; } .sf-menu li { border:none; } .sf-menu li li { background:#2c5a82; color: #ffffff; border-bottom:1px solid #19456a; } .sf-menu li li li { } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 3.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ border-left:none; border-right:none; } .sf-sub-indicator { position: absolute; display: block; right: 3px; top: 1.2em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 1.05em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { /*background: url('../images/shadow.html') no-repeat bottom right;*/ padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off {background: transparent;} /* Tabs menu atarts here */ .menuTabs { margin-top:30px; padding:0px; width:100%;} .menuTabs ul { margin:0; padding:0px; } .menuTabs ul li { margin:0; padding:0px; display: inline; list-style-type:none;} .menuTabs ul li a { margin:0; padding:7px 10px; font-size:10px; font-weight:bold; font-family:'Tahoma'; color: #FFF; text-decoration:none; background: #0389c6; /* Old browsers */ background: -moz-linear-gradient(top, #0389c6 0%, #2a95c9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0389c6), color-stop(100%,#2a95c9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0389c6 0%,#2a95c9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0389c6 0%,#2a95c9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0389c6 0%,#2a95c9 100%); /* IE10+ */ background: linear-gradient(to bottom, #0389c6 0%,#2a95c9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0389c6', endColorstr='#2a95c9',GradientType=0 ); /* IE6-9 */ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .menuTabs ul li a:hover { background: #f95b2f; /* Old browsers */ background: -moz-linear-gradient(top, #f95b2f 0%, #fa8564 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f95b2f), color-stop(100%,#fa8564)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f95b2f 0%,#fa8564 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f95b2f 0%,#fa8564 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f95b2f 0%,#fa8564 100%); /* IE10+ */ background: linear-gradient(to bottom, #f95b2f 0%,#fa8564 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95b2f', endColorstr='#fa8564',GradientType=0 ); /* IE6-9 */} /* Tabs menu ends here */ .vehiclemasterbt{width:119px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/vehiclemasterbt.jpg);} .vehiclemasterbt:hover { background-position: 0 -29px;} .vehiclemasterbtov{width:119px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/vehiclemasterbt.jpg); background-position: 0 -29px;} .vehiclemasterbtov:hover { background-position: 0 -29px;} .routemaster{width:119px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/routemaster.jpg);} .routemaster:hover { background-position: 0 -29px;} .routemasterov{width:119px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/routemaster.jpg); background-position: 0 -29px;} .routemasterov:hover { background-position: 0 -29px;} .locationmastrer{width:119px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/locationmastrer.jpg);} .locationmastrer:hover { background-position: 0 -29px;} .locationmastrerov{width:119px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/locationmastrer.jpg); background-position: 0 -29px;} .locationmastrerov:hover { background-position: 0 -29px;} .tabpersonal{width:148px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/tabpersonal.jpg);} .tabpersonal:hover { background-position: 0 -29px;} .tabpersonalov{width:148px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/tabpersonal.jpg); background-position: 0 -29px;} .tabpersonalov:hover { background-position: 0 -29px;} /*.tabpersonal{width:148px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; } .tabpersonal:hover { background-position: 0 -29px;} .tabpersonalov{width:148px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; } .tabpersonalov:hover { background-position: 0 -29px;}*/ .tabpersonal1{width:168px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/tabpersonal.jpg);} .tabpersonal1:hover { background-position: 0 -29px;} .tabpersonal1ov{width:168px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/tabpersonal.jpg); background-position: 0 -29px;} .tabpersonal1ov:hover { background-position: 0 -29px;} .tabtransport{width:119px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/tabtransport.jpg);} .tabtransport:hover { background-position: 0 -29px;} .tabtransportov{width:119px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/tabtransport.jpg); background-position: 0 -29px;} .tabtransportov:hover { background-position: 0 -29px;} .tabparents{width:119px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/tabparents.jpg);} .tabparents:hover { background-position: 0 -29px;} .tabparentsov{width:119px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/tabparents.jpg); background-position: 0 -29px;} .tabparentsov:hover { background-position: 0 -29px;} .tabhealthov{width:148px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/tabpersonal.jpg); background-position: 0 -29px;} .tabhealthov:hover { background-position: 0 -29px;} .vehicledriver{width:160px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/vehicledriver.jpg);} .vehicledriver:hover { background-position: 0 -29px;} .vehicledriverov{width:160px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/vehicledriver.jpg); background-position: 0 -29px;} .vehicledriverov:hover { background-position: 0 -29px;} .routemapping{width:160px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/routemapping.jpg);} .routemapping:hover { background-position: 0 -29px;} .routemappingov{width:160px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/routemapping.jpg); background-position: 0 -29px;} .routemappingov:hover { background-position: 0 -29px;} .routeallocation{width:160px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/routeallocation.jpg);} .routeallocation:hover { background-position: 0 -29px;} .routeallocationov{width:160px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/routeallocation.jpg); background-position: 0 -29px;} .routeallocationov:hover { background-position: 0 -29px;} .categorybt{width:81px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/categorybt.jpg);} .categorybt:hover { background-position: 0 -29px;} .categorybtov{width:81px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/categorybt.jpg); background-position: 0 -29px;} .categorybtov:hover { background-position: 0 -29px;} .supplierbt{width:81px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/supplierbt.jpg);} .supplierbt:hover { background-position: 0 -29px;} .supplierbtov{width:81px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/supplierbt.jpg); background-position: 0 -29px;} .supplierbtov:hover { background-position: 0 -29px;} .booksrackbt{width:88px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/booksrackbt.jpg);} .booksrackbt:hover { background-position: 0 -29px;} .booksrackbtov{width:88px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/booksrackbt.jpg); background-position: 0 -29px;} .booksrackbtov:hover { background-position: 0 -29px;} .bookscategorybt{width:108px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/bookscategorybt.jpg);} .bookscategorybt:hover { background-position: 0 -29px;} .bookscategorybtov{width:108px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/bookscategorybt.jpg); background-position: 0 -29px;} .bookscategorybtov:hover { background-position: 0 -29px;} .itemsmasterbt{width:108px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/itemsmasterbt.jpg);} .itemsmasterbt:hover { background-position: 0 -29px;} .itemsmasterbtov{width:108px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/itemsmasterbt.jpg); background-position: 0 -29px;} .itemsmasterbtov:hover { background-position: 0 -29px;} .librarysupplierbt{width:108px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/librarysupplierbt.jpg);} .librarysupplierbt:hover { background-position: 0 -29px;} .librarysupplierbtov{width:108px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/librarysupplierbt.jpg); background-position: 0 -29px;} .librarysupplierbtov:hover { background-position: 0 -29px;} .librarypubbt{width:108px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/librarypubbt.jpg);} .librarypubbt:hover { background-position: 0 -29px;} .librarypubbtov{width:108px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/librarypubbt.jpg); background-position: 0 -29px;} .librarypubbtov:hover { background-position: 0 -29px;} .libraryacces{width:152px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/libraryacces.jpg);} .libraryacces:hover { background-position: 0 -29px;} .libraryaccesov{width:152px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/libraryacces.jpg); background-position: 0 -29px;} .libraryaccesov:hover { background-position: 0 -29px;} .vehicledrivebt{width:102px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/vehicledrivebt.jpg);} .vehicledrivebt:hover { background-position: 0 -29px;} .vehicledrivebtov{width:102px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/vehicledrivebt.jpg); background-position: 0 -29px;} .vehicledrivebtov:hover { background-position: 0 -29px;} .routevehiclebt{width:102px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/routevehiclebt.jpg);} .routevehiclebt:hover { background-position: 0 -29px;} .routevehiclebtov{width:102px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/routevehiclebt.jpg); background-position: 0 -29px;} .routevehiclebtov:hover { background-position: 0 -29px;} .busfarebt{width:102px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/busfarebt.jpg);} .busfarebt:hover { background-position: 0 -29px;} .busfarebtov{width:102px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/busfarebt.jpg); background-position: 0 -29px;} .busfarebtov:hover { background-position: 0 -29px;} .attendancetab{width:89px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/attendancetab.jpg);} .attendancetab:hover { background-position: 0 -29px;} .attendancetabov{width:89px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/attendancetab.jpg); background-position: 0 -29px;} .attendancetabov:hover { background-position: 0 -29px;} .disciplanetab{width:89px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/disciplanetab.jpg);} .disciplanetab:hover { background-position: 0 -29px;} .disciplanetabov{width:89px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/disciplanetab.jpg); background-position: 0 -29px;} .disciplanetabov:hover { background-position: 0 -29px;} .disciplanetab{width:81px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/disciplanetab.jpg);} .disciplanetab:hover { background-position: 0 -29px;} .disciplanetabov{width:81px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/disciplanetab.jpg); background-position: 0 -29px;} .disciplanetabov:hover { background-position: 0 -29px;} .healthtab{width:69px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/healthtab.jpg);} .healthtab:hover { background-position: 0 -29px;} .healthtabov{width:69px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/healthtab.jpg); background-position: 0 -29px;} .healthtabov:hover { background-position: 0 -29px;} .achivements{width:110px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/achivements.png);} .achivements:hover { background-position: 0 -29px;} .achivementsov{width:110px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/achivements.png); background-position: 0 -29px;} .achivementsov:hover { background-position: 0 -29px;} .markstab{width:69px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/markstab.jpg);} .markstab:hover { background-position: 0 -29px;} .markstabov{width:69px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/markstab.jpg); background-position: 0 -29px;} .markstabov:hover { background-position: 0 -29px;} .feetab{width:51px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/feetab.jpg);} .feetab:hover { background-position: 0 -29px;} .feetabov{width:51px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/feetab.jpg); background-position: 0 -29px;} .feetabov:hover { background-position: 0 -29px;} .stockreceivedbt{width:152px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/stockreceivedbt.jpg);} .stockreceivedbt:hover { background-position: 0 -29px;} .stockreceivedbtov{width:152px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/stockreceivedbt.jpg); background-position: 0 -29px;} .stockreceivedbtov:hover { background-position: 0 -29px;} .stockissuedbt{width:152px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/stockissuedbt.jpg);} .stockissuedbt:hover { background-position: 0 -29px;} .stockissuedbtov{width:152px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/stockissuedbt.jpg); background-position: 0 -29px;} .stockissuedbtov:hover { background-position: 0 -29px;} .totalavailablebt{width:152px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/totalavailablebt.jpg);} .totalavailablebt:hover { background-position: 0 -29px;} .totalavailablebtov{width:152px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/totalavailablebt.jpg); background-position: 0 -29px;} .totalavailablebtov:hover { background-position: 0 -29px;} .red {color:Red;} .bluebg { background-color:#d4d4d4; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff; } .individualbt{width:99px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/individualbt.jpg);} .individualbt:hover { background-position: 0 -29px;} .individualbtov{width:99px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/individualbt.jpg); background-position: 0 -29px;} .individualbtov:hover { background-position: 0 -29px;} .groupbt{width:89px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/groupbt.jpg);} .groupbt:hover { background-position: 0 -29px;} .groupbtov{width:89px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/groupbt.jpg); background-position: 0 -29px;} .groupbtov:hover { background-position: 0 -29px;} .visitorbt{width:87px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/visitorsbt.jpg);} .visitorbt:hover { background-position: 0 -29px;} .visitorbtov{width:87px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/visitorsbt.jpg); background-position: 0 -29px;} .visitorbtov:hover { background-position: 0 -29px;} .admissionbt{width:87px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/enquiriesbt.jpg);} .admissionbt:hover { background-position: 0 -29px;} .admissionbtov{width:87px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/enquiriesbt.jpg); background-position: 0 -29px;} .admissionbtov:hover { background-position: 0 -29px;} .inwardbt{width:87px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/inwardbt.jpg);} .inwardbt:hover { background-position: 0 -29px;} .inwardbtov{width:87px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/inwardbt.jpg); background-position: 0 -29px;} .inwardbtov:hover { background-position: 0 -29px;} .tabdocs{width:87px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/documentsbt.jpg);} .tabdocs:hover { background-position: 0 -29px;} .tabdocsov{width:87px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/documentsbt.jpg); background-position: 0 -29px;} .tabdocsov:hover { background-position: 0 -29px;} .healthdetailsbt{width:60px; height:29px; display:block; margin-left:-0px; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/healthdetailsbt.png);} .healthdetailsbt:hover { background-position: 0 -29px;} .healthdetailsbtov{width:60px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/healthdetailsbt.png); background-position: 0 -29px;} .healthdetailsbtov:hover { background-position: 0 -29px;} .previouseducationbt{width:111px; height:29px; display:block; margin-left:-0px; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/PreviousEducation.png);} .previouseducationbt:hover { background-position: 0 -29px;} .previouseducationbtov{width:111px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/PreviousEducation.png); background-position: 0 -29px;} .previouseducationbtov:hover { background-position: 0 -29px;} .sibilingbt{width:60px; height:29px; display:block; margin-left:-00px; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/sibiling.png);} .sibilingbt:hover { background-position: 0 -29px;} .sibilingbtov{width:60px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/sibiling.png); background-position: 0 -29px;} .sibilingbtov:hover { background-position: 0 -29px;} .professionaldetails{width:152px; height:29px; display:block; margin-left:-20px; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/professional_details.png);} .professionaldetails:hover { background-position: 0 -29px;} .professionaldetailsov{width:152px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/professional_details.png); background-position: 0 -29px;} .professionaldetailsov:hover { background-position: 0 -29px;} .sync1 { background-color:#FEF7DE; padding:5px;} .sync2 { background-color:#EDF1FE; padding:5px;} .sync3 { background-color:#FFF4FF; padding:5px;} #mainform select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:28px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:322px; -moz-box-shadow: inset 0 0 10px #fcfcfc; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; margin-bottom:10px} #mainform select:hover { border: 1px solid #4780ae; } #mainform select:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } #mainform checkbox {margin:0; padding:0; height:16px; width:16px; background:none;} #mainform input[type="text"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:18px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #e5e5e5; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; margin-bottom:10px;} #mainform input[type="text"]:hover { border: 1px solid #4780ae; } #mainform input[type="text"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} #mainform input[type="button"] { background: #005681 url(../images/buttonbg3.png) repeat-x ; color: #fff; padding: 4px 15px; cursor: pointer; } #mainform input[type="button"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #395380; font-size: 12px; } #mainform input[type="button"] { text-shadow: 1px 1px #395380; } #mainform input[type="button"] { -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; } #mainform input[type="button"] :hover { background: #005681 url(../images/buttonbg3.png) repeat-x 0 -36px; color: #fff; text-decoration:none;} #mainform input[type="button"] :active { -moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c; color: #fff; text-decoration:none;} #mainform img {cursor:pointer;} .mainform img {cursor:pointer;} .mainform select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:28px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:322px; -moz-box-shadow: inset 0 0 10px #fcfcfc; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; } .mainform select:hover { border: 1px solid #4780ae; } .mainform select:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .mainform checkbox {margin:0; padding:0; height:16px; width:16px; background:none;} .mainform input[type="text"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:18px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #e5e5e5; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; } .mainform input[type="text"]:hover { border: 1px solid #4780ae; } .mainform input[type="text"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .mainform input[type="textarea"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:18px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #e5e5e5; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; } .mainform input[type="textarea"]:hover { border: 1px solid #4780ae; } .mainform input[type="textarea"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} /* For New */ .mainform2 img {cursor:pointer;} .mainform2 select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:28px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:400px; -moz-box-shadow: inset 0 0 10px #fcfcfc; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; /*margin-bottom:10px*/} .mainform2 select:hover { border: 1px solid #4780ae; } .mainform2 select:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .mainform2 checkbox {margin:0; padding:0; height:16px; width:16px; background:none;} .mainform2 textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:48px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:390px; -moz-box-shadow: inset 0 0 10px #fcfcfc; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; margin-bottom:10px} .mainform2 textarea:hover { border: 1px solid #4780ae; } .mainform2 textarea:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .mainform2 input[type="text"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:20px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:390px; -moz-box-shadow: inset 0 0 10px #e5e5e5; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; margin-bottom:0px;} .mainform2 input[type="text"]:hover { border: 1px solid #4780ae; } .mainform2 input[type="text"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .mainform2 input[type="textarea"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:18px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #e5e5e5; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; margin-bottom:10px;} .mainform2 input[type="textarea"]:hover { border: 1px solid #4780ae; } .mainform2 input[type="textarea"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} /* /Fornew */ .mainform input[type="button"] { background: #fa8564 /*url(../images/buttonbg3.png) repeat-x*/ ; color: #fff; padding: 7px 20px; cursor: pointer; } .mainform input[type="button"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; } /*.mainform input[type="button"] { text-shadow: 1px 1px #395380; }*/ /*.mainform input[type="button"] { -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }*/ .mainform input[type="button"]:hover { background: #ed7554; color: #fff; text-decoration:none;} /*.mainform input[type="button"] :active { -moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c; color: #fff; text-decoration:none;}*/ .mainform1 select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:28px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:322px; -moz-box-shadow: inset 0 0 10px #fcfcfc; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; margin-bottom:10px} .mainform1 select:hover { border: 1px solid #4780ae; } .mainform1 select:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .mainform1 checkbox {margin:0; padding:0; height:16px; width:16px; background:none;} .mainform1 input[type="text"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:18px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #e5e5e5; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; margin-bottom:10px;} .mainform1 input[type="text"]:hover { border: 1px solid #4780ae; } .mainform1 input[type="text"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .mainform1 textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:48px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #fcfcfc; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; margin-bottom:10px} .mainform1 textarea:hover { border: 1px solid #4780ae; } .mainform1 textarea:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .mainform1 input[type="button"] { background: #005681 url(../images/buttonbg3.png) repeat-x ; color: #fff; padding: 4px 15px; cursor: pointer; } .mainform1 input[type="button"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #395380; font-size: 12px; } .mainform1 input[type="button"] { text-shadow: 1px 1px #395380; } .mainform1 input[type="button"] { -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; } .mainform1 input[type="button"] :hover { background: #005681 url(../images/buttonbg3.png) repeat-x 0 -36px; color: #fff; text-decoration:none;} .mainform1 input[type="button"] :active { -moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c; color: #fff; text-decoration:none;} .tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);} .tooltip.top{margin-top:-3px;padding:5px 0;} .tooltip.right{margin-left:3px;padding:0 5px;} .tooltip.bottom{margin-top:3px;padding:5px 0;} .tooltip.left{margin-left:-3px;padding:0 5px;} .tooltip-inner{max-width:200px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;} .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;} .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;} .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;} .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;} .popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#ffffff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);white-space:normal;}.popover.top{margin-top:-10px;} .popover.right{margin-left:10px;} .popover.bottom{margin-top:10px;} .popover.left{margin-left:-10px;} .popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.popover-title:empty{display:none;} .popover-content{padding:9px 14px;} .popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;} .popover .arrow{border-width:11px;} .popover .arrow:after{border-width:10px;content:"";} .popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0, 0, 0, 0.25);bottom:-11px;}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#ffffff;} .popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0, 0, 0, 0.25);}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#ffffff;} .popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0, 0, 0, 0.25);top:-11px;}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#ffffff;} .popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0, 0, 0, 0.25);}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#ffffff;bottom:-10px;} .push-top1{margin-top:5px;} .push-top2{margin-top:10px;} #pixels{height:0;} a[rel="tooltip"]:hover,a[rel="popover"]:hover{text-decoration:none;} .loading-horizontal-dots{position:relative;padding-top:2px;width:65px;margin:0 auto;height:10px;} .loading-dot{float:left;width:8px;height:8px;margin:0 4px;background:black;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:0;-webkit-box-shadow:0 0 2px black;-moz-box-shadow:0 0 2px black;-ms-box-shadow:0 0 2px black;-o-box-shadow:0 0 2px black;box-shadow:0 0 2px black;-webkit-animation:loadingFade 1s infinite;-moz-animation:loadingFade 1s infinite;animation:loadingFade 1s infinite;}.loading-dot:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s;} .loading-dot:nth-child(2){-webkit-animation-delay:0.1s;-moz-animation-delay:0.1s;animation-delay:0.1s;} .loading-dot:nth-child(3){-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s;} .loading-dot:nth-child(4){-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s;} @-webkit-keyframes loadingFade{0%{opacity:0;} 50%{opacity:0.8;} 100%{opacity:0;}}@-moz-keyframes loadingFade{0%{opacity:0;} 50%{opacity:0.8;} 100%{opacity:0;}}@keyframes loadingFade{0%{opacity:0;} 50%{opacity:0.8;} 100%{opacity:0;}} .bluetxt{font-family:Verdana; font-size:11px; color:#0F4D92; font-weight:bold; margin-left:20px;} .bluetxt1{font-family:Verdana; font-size:13px; color:#2a95c9; font-weight:bold; margin-left:20px; line-height:26px;} .help {background: url(helpc.png) no-repeat; width:16px; height:16px;} .quickalert {background: url(quickalerts.png) no-repeat bottom center; padding:3px 12px; font-size:11px; margin-left:5px;} .mail {background: url(email.png) no-repeat bottom center; padding:3px 12px; font-size:11px; margin-left:5px;} .mailtxt {margin-top:-4px; position:absolute; color:#CC0000;} .mailtxt1 {margin-top:-4px; position:absolute; color:#000066; background-color:#BCDFFC; padding:1px 2px;} #topmenu {margin:0px;} .inboxbt{width:179px; height:39px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/inboxbt.jpg);} .inboxbt:hover { background-position:right; background-position: 0 -39px;} .inboxbtov{width:179px; height:39px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/inboxbt.jpg); background-position: 0 -39px;} .inboxbtov:hover { background-position:right; background-position: 0 -39px;} .sentbt{width:179px; height:39px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/sentbt.jpg);} .sentbt:hover { background-position:right; background-position: 0 -39px;} .sentbtov{width:179px; height:39px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/sentbt.jpg); background-position: 0 -39px;} .sentbtov:hover { background-position: 0 -39px;} .composebt{background:url(../images/composebt.jpg) no-repeat left top; width:179px; height:39px; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; color:#252525;} .composebt:hover { background-position: 0 -39px;} .composebtov{width:179px; height:39px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/composebt.jpg); background-position: 0 -39px;} .composebtov:hover { background-position: 0 -39px;} .trashbt{background:url(../images/trashbt.jpg) no-repeat left top; width:179px; height:39px; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; color:#252525;} .trashbt:hover { background-position: 0 -39px;} .trashbtov{width:179px; height:39px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/trashbt.jpg); background-position: 0 -39px;} .trashbtov:hover { background-position: 0 -39px;} .ico_cceexamination{background:url(../img/cce1.png) no-repeat 5px center #ABABAB; padding-left:30px;} .tabhealth{width:100px; height:29px; display:block; font-size:10px; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/healthbt.png);} .tabhealth:hover { background-position: 0 -29px;} .tabhealthov{width:100px; height:29px; display:block; font-size:10px; background-position:right; text-decoration:none; background-repeat:no-repeat; background-image:url(../images/healthbt.png); background-position: 0 -29px;} .tabhealthov:hover { background-position: 0 -29px;} /*---------------> New Styles 05152014 <------------------- */ .GridTopLinks{background-color: #EBEBEB; padding-right: 10px; vertical-align:middle;} .GridTopLinks a{ text-decoration:none;} .GridTopLinks a img{margin-right: 5px; vertical-align: bottom;} .gridHeadingCenter{text-align: center !important;} .tablespace td {padding:2px; vertical-align:baseline;} .NewTablespace td {padding:5px; vertical-align:middle; margin:2px;} .tabHeading{border-bottom: 1px solid #b9def0; color: #01516f; display: block; font-size: 15px; font-weight: bold; padding-bottom: 5px;} .borderNone td {border-width:0 !important;} .newmainform img {cursor:pointer;} .newmainform select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:28px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:322px; -moz-box-shadow: inset 0 0 10px #fcfcfc; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; } .newmainform select:hover { border: 1px solid #4780ae; } .newmainform select:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .newmainform checkbox {margin:0; padding:0; height:16px; width:16px; background:none;} .newmainform input[type="text"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:18px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #e5e5e5; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; } .newmainform input[type="text"]:hover { border: 1px solid #4780ae; } .newmainform input[type="text"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .newmainform input[type="textarea"]{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #cccccc; height:18px; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:4px; width:315px; -moz-box-shadow: inset 0 0 10px #e5e5e5; -webkit-box-shadow: inset 0 0 10px #fcfcfc; box-shadow: inset 0 0 10px #fcfcfc; } .newmainform input[type="textarea"]:hover { border: 1px solid #4780ae; } .newmainform input[type="textarea"]:focus { border: 1px solid #4780ae; outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .newmainform input[type="button"] { background: #005681 url(../images/buttonbg3.png) repeat-x ; color: #fff; padding: 4px 15px; cursor: pointer; } .newmainform input[type="button"] { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #395380; font-size: 12px; } .newmainform input[type="button"] { text-shadow: 1px 1px #395380; } .newmainform input[type="button"] { -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; } .newmainform input[type="button"] :hover { background: #005681 url(../images/buttonbg3.png) repeat-x 0 -36px; color: #fff; text-decoration:none;} .newmainform input[type="button"] :active { -moz-box-shadow: inset 2px 2px 2px #12274c; -webkit-box-shadow: inset 2px 2px 2px #12274c; box-shadow: inset 2px 2px 2px #12274c; color: #fff; text-decoration:none;} .RoomInfo{border:1px solid #9edbed; margin-top:10px;} .RoomInfo tr:nth-child(even) {background: #f2fafd} .RoomInfo tr:nth-child(odd) {background: #e2f2fa} .RoomInfo td{padding:10px 0 ; padding-left:5px;} .studentInfo { margin-top:10px; padding:10px; width:422px; border:1px solid #9edbed;} #holder { height:200px; /*width:862px;*/ background-color:#FAFAFA; border:1px solid #9edbed; margin-left:10px; } #place { position:relative; margin:7px; } #place a { font-size:0.6em; } #place li { list-style: none outside none; position: absolute; } #place li:hover { background-color:yellow; } #place .seat { background:url("../images/available_bed.png") no-repeat scroll center center; height:40px; width:40px; display:block; text-align:center; } #place .selectedSeat { background-image:url("../images/booked_bed.png"); } #place .selectingSeat { background-image:url("../images/selected_bed.png"); } #place .row-3, #place .row-4 { margin-top:10px; } #seatDescription { padding:0px; } #seatDescription li { verticle-align:middle; list-style: none outside none; padding-left:35px; height: 40px; float:left; margin-left:10px; } /*********************************************** SIDEBAR ***********************************************************/ #lsidebar { position: relative; float:right; z-index: 3; margin-right:0px; top: 0px; bottom: 0; width: 60px; min-height:100%; /*+text-shadow:0px 1px 0px #000000;*/ -moz-text-shadow: 0px 1px 0px #000000; -webkit-text-shadow: 0px 1px 0px #000000; -o-text-shadow: 0px 1px 0px #000000; text-shadow: 0px 1px 0px #000000; background-color: #35363a; /*border-right: 1px solid #1B1B1B; +box-shadow:inset -5px 0 5px #404040; -moz-box-shadow: inset -5px 0 5px #404040; -webkit-box-shadow: inset -5px 0 5px #404040; -o-box-shadow: inset -5px 0 5px #404040; box-shadow: inset -5px 0 5px #404040;*/ } #lsidebar>ul>li>a { height: 40px; line-height: 40px; text-indent: 10px; text-align:left; display: block; text-decoration: none; font-weight: normal; font-size: 1.1em; color: #ffffff; /*+text-shadow:0px 1px #0D0D0D;*/ -moz-text-shadow: 0px 1px #0D0D0D; -webkit-text-shadow: 0px 1px #0D0D0D; -o-text-shadow: 0px 1px #0D0D0D; text-shadow: 0px 1px #0D0D0D; background: #35363a url(img/arrow.png) no-repeat 96% -5px; border-bottom: 1px solid #313131; border-top: 1px solid #606060; } #lsidebar>ul>li>a.current { background: #1b1b1d; } #lsidebar>ul>li>ul>li ul { margin-left: 20px; /*+box-shadow:none;*/ -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: none; } #lsidebar ul li a img { vertical-align: text-bottom; padding:12px 0 0 5px; float: right; /*+opacity:49%;*/ filter: alpha(opacity=49); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=49); -moz-opacity: 0.49; opacity: 0.49; } #lsidebar ul li:hover a img, #lsidebar ul li.current a img { /*+opacity:100%;*/ filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; } #lsidebar ul li a i{ font-size:20px; vertical-align: text-bottom; padding:12px 10px 0 0px; float: right; /*+opacity:49%;*/ filter: alpha(opacity=49); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=49); -moz-opacity: 0.49; opacity: 0.49; } #lsidebar ul li:hover a i, #lsidebar ul li.current a i { font-size:20px; padding:12px 10px 0 0px; /*+opacity:100%;*/ filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; } #lsidebar ul li.nosubmenu a { background-image: none !important; display:none } #lsidebar>ul>li:hover>a, #lsidebar>ul>li.current>a { color: #FFF; background-position: 96% -53px 20px 30px/*!important*/; background-color: #27282c; text-align:right;} #lsidebar ul li ul { background: #404040; /*+box-shadow:inset 0 0 15px #3A3A3A;*/ -moz-box-shadow: inset 0 0 15px #3A3A3A; -webkit-box-shadow: inset 0 0 15px #3A3A3A; -o-box-shadow: inset 0 0 15px #3A3A3A; box-shadow: inset 0 0 15px #3A3A3A; border-bottom: 1px solid #313131; padding: 7px 0px; } #lsidebar ul li li a { height: 28px; line-height: 28px; text-indent: 0px; display: block; text-decoration: none; font-weight: normal; font-size: 1em; background: transparent url(img/sideli.png) no-repeat 37px 10px; color: #cccccc; } #lsidebar ul li li a:hover, #lsidebar ul li li.current a { background-position: 37px -31px; background-color: #585858; } #lsidebar a:hover, #lsidebar li.current>a { color: #FFF !important; } #lsidebar a#menucollapse { color:#AAA; display: block; height:40px; background:url(../images/leftarrow.png) no-repeat right center; line-height: 40px; text-align: right; padding-right: 10px; text-decoration: none; font-style:italic; } #lsidebar .arror1 { color:#AAA; display: block; background:url(../images/rightarrow.png) no-repeat right center; height:40px; line-height: 40px; text-align: right; padding-right: 10px; text-decoration: none; font-style:italic; margin-right:-8px; } #lsidebar a span { color:#AAA; border: 1px solid #AAA; border-radius:20px; width: 17px; height: 17px; display: inline-block; text-align: left; text-indent: 2px; line-height: 16px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); } .collapsed #lsidebar { width: 28px; } .collapsed #lsidebar>ul>li { position: relative; float:right;} .collapsed #lsidebar>ul>li>a { width: 40px; overflow: hidden; background-image:none!important; text-align:left; /*text-indent: 17px;*/ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s; } .collapsed #lsidebar>ul>li:hover>a { width: 218px;} .collapsed #lsidebar>ul>li ul { position: absolute; width: 190px; right:-200px; -webkit-transition:0.5s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s; display: block!important; } .collapsed #lsidebar>ul>li ul ul { overflow:hidden; right:0; margin-left: 0px;} .collapsed #lsidebar>ul>li:hover>ul { overflow: visible; right:28px; } .collapsed #lsidebar>ul>li ul li a { text-indent: 10px; background:none; overflow: hidden; } .collapsed #lsidebar>ul>li ul ul li a { text-indent: 20px; } .collapsed #lsidebar>ul>li ul ul ul li a { text-indent: 40px; } /*.collapsed #content { margin-left: 80px; }*/ #lsidebar>ul>li .sub-menu { height: 28px; line-height: 28px; text-indent: 52px; display: block; text-decoration: none; font-weight: normal; font-size: 1em; background: transparent url(img/sideli.png) no-repeat 37px 10px; color: #ffffff; background: #494949 url(img/arrow.png) no-repeat 96% -12px; border-bottom: 1px solid #313131; border-top: 1px solid #606060; } #lsidebar>ul>li .sub-menu a:hover { background: #494949 url(img/arrow.png) no-repeat 96% -12px; } #lsidebar>ul>li .sub-menu a img { vertical-align: text-bottom; padding-right: 4px; /*+opacity:49%;*/ filter: alpha(opacity=49); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=49); -moz-opacity: 0.49; opacity: 0.49; } #lsidebar>ul>li .sub-menu ul li:hover a img, #lsidebar>ul>li .sub-menu ul li.current a img { /*+opacity:100%;*/ filter: alpha(opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity: 1; opacity: 1; } #lsidebar>ul>li .sub-menu ul li.nosubmenu a { background-image: none !important; } #lsidebar>ul>li .sub-menu>ul>li:hover>a, #lsidebar>ul>li .sub-menu>ul>li.current>a { color: #FFF; background-position: 96% -53px !important; background-color: #585858; } #lsidebar>ul>li:hover a#menucollapse { color:#AAA; display: block; height:40px; background:url(img/leftarrow.png) no-repeat right center; line-height: 40px; text-align: right; padding-right: 10px; text-decoration: none; font-style:italic; } #lsidebar>ul>li:hover .arror1 { color:#AAA; display: block; background:url(img/rightarrow.png) no-repeat right center; height:40px; line-height: 40px; text-align: right; padding-right: 10px; text-decoration: none; font-style:italic; margin-right:-8px; } #lsidebar>ul>li:hover a span { color:#AAA; border: 1px solid #AAA; border-radius:20px; width: 17px; height: 17px; display: inline-block; text-align: left; text-indent: 2px; line-height: 16px; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); } .iconBlockWidth{ width:143px !important;} .dashBoardHeading{height: 40px !important; background-color:#F1F1F1;} .dashBoardHeading h2 { color: #2d2d2d !important; font-family: 'Tahoma'; font-size: 16px !important; margin: 0 !important; padding: 10px !important; } .dashBoardHeading table { float: right; font-weight: bold; margin: 12px;} /*=== Quick Menu css start ==*/ .wrapper-demo { /*margin: 2px 0 0 0;*/ *zoom: 1; font-weight: 400; float:right; } .wrapper-demo:after { clear: both; content: ""; display: table; } /* DEMO 3 */ .wrapper-dropdown-3 { /* Size and position */ position: relative; width: 34px; margin: 0 auto; padding: 5px; cursor: pointer; outline: none; /* Font settings */ font-weight: bold; color: #2b5477; font-size:14px; } .wrapper-dropdown-3 i { margin-left:5px; color: #cbd5dd; font-size:14px; } .wrapper-dropdown-3 .studentIcon { background:#356a95;} .wrapper-dropdown-3 .studentIcon a {color: #FFF !important; text-decoration:none; font-size: 13px;} .wrapper-dropdown-3 .studentIcon i { color: #ecb409 !important; margin-right: 5px !important;} .wrapper-dropdown-3 i.menuicon { padding: 1px 5px 2px 5px; background: #204b70; border: solid 2px #287aa7; } .wrapper-dropdown-3 .dropdown { /* Size & position */ position: absolute; width: 200px; top: 98%; left: -174px; right: 0; padding: 5px; /*height:400px; overflow:auto;*/ /* Styles */ background: #2b5477; border-radius: 3px; border: 3px solid #3297c9; box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: normal; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; list-style: none; /* Hiding */ opacity: 0; pointer-events: none; } .wrapper-dropdown-3 .dropdown:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 7px; border-width: 0 6px 6px 6px; border-style: solid; border-color: #2b5477 transparent; } .wrapper-dropdown-3 .dropdown:before { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 5px; border-width: 0 8px 8px 8px; border-style: solid; border-color: rgba(0,0,0,0.1) transparent; } .wrapper-dropdown-3 .dropdown div { padding:5px 0 8px 0; width: 200px; color:#ecb409; font-size: 16px; font-weight: bold; border-bottom: dashed 1px #5f8aae;} .wrapper-dropdown-3 .dropdown div i {font-size: 16px; color:#ecb409; margin-right: 5px;} .wrapper-dropdown-3 .dropdown li a { display: block; padding: 7px; text-decoration: none; color: #fff; font-size: 13px; border-bottom: 1px dotted #2a95c9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wrapper-dropdown-3 .dropdown li i { float: left; color: #fff; margin-left: 0px; margin-right: 7px; } .wrapper-dropdown-3 .dropdown li:first-of-type a { /*border-radius: 7px 7px 0 0;*/ } .wrapper-dropdown-3 .dropdown li:last-of-type a { border: none; /*border-radius: 0 0 7px 7px;*/ } /* Hover state */ .wrapper-dropdown-3 .dropdown li:hover a { /*background: #2a95c9;*/ color: #ecb409; } .wrapper-dropdown-3 .dropdown li a.active { background: #316188; color: #ecb409; font-weight:bold; } /* Active state */ .wrapper-dropdown-3.active .dropdown { opacity: 1; pointer-events: auto; z-index:999; } /* No CSS3 support */ .no-opacity .wrapper-dropdown-3 .dropdown, .no-pointerevents .wrapper-dropdown-3 .dropdown { display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto; /* If pointer-events support but no pointer-events support */ } .no-opacity .wrapper-dropdown-3.active .dropdown, .no-pointerevents .wrapper-dropdown-3.active .dropdown { display: block; } /* DEMO 4 */ .wrapper-dropdown-4 { /* Size and position */ position: relative; width: 270px; margin: 0 auto; padding: 10px 10px 10px 30px; /* Styles */ background: #fff; border: 1px solid silver; cursor: pointer; outline: none; } .wrapper-dropdown-4:after { content: ""; width: 0; height: 0; position: absolute; right: 10px; top: 50%; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #ffaa9f transparent; } .wrapper-dropdown-4 .dropdown { /* Size & position */ position: absolute; top: 100%; margin-top: 1px; left: -1px; right: -1px; /* Styles */ background: white; border: inherit; border-top: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* Hiding */ opacity: 0; pointer-events: none; } /* Red lines: the pseudo-elements way */ .wrapper-dropdown-4 .dropdown:before, .wrapper-dropdown-4:before { content: ""; width: 4px; height: 100%; position: absolute; top: 0; left: 15px; border: 1px solid #ffaa9f; border-top: none; border-bottom: none; z-index: 2; } /* Red lines: the gradients way */ /* .wrapper-dropdown-4 .dropdown, .wrapper-dropdown-4 { background: linear-gradient(left, white 5%, #ffaa9f 5%, #ffaa9f 5.3%, white 5.3%, white 6.5%, #ffaa9f 6.5%, #ffaa9f 6.8%, white 6.8%); } .wrapper-dropdown-4 .dropdown li:hover label { background: linear-gradient(left, #f0F0F0 5%, #ffaa9f 5%, #ffaa9f 5.3%, #f0F0F0 5.3%, #f0F0F0 6.5%, #ffaa9f 6.5%, #ffaa9f 6.8%, #f0F0F0 6.8%); } */ .wrapper-dropdown-4 .dropdown li { position: relative; /* Enable absolute positioning for checkboxes */ } .wrapper-dropdown-4 .dropdown li label { display: block; padding: 10px 10px 10px 30px; /* Same padding as the button */ border-bottom: 1px dotted #1ccfcf; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wrapper-dropdown-4 .dropdown li:last-of-type label { border: none; } .wrapper-dropdown-4 .dropdown li input /* Checkboxes */ { position: absolute; display: block; right: 10px; top: 50%; margin-top: -8px; } /* Hover state */ .wrapper-dropdown-4 .dropdown li:hover label { background: #f0f0f0; } /* Checked state */ .wrapper-dropdown-4 .dropdown li input:checked ~ label { color: grey; text-decoration: line-through; } /* Active state */ .wrapper-dropdown-4.active:after { border-width: 0 6px 6px 6px; } .wrapper-dropdown-4.active .dropdown { opacity: 1; pointer-events: auto; } /* No CSS3 support */ .no-opacity wrapper-dropdown-4 .dropdown, .no-pointerevents .wrapper-dropdown-4 .dropdown { display: none; opacity: 1; /* If opacity support but no pointer-events support */ pointer-events: auto; /* If pointer-events support but no pointer-events support */ } .no-opacity .wrapper-dropdown-4.active .dropdown, .no-pointerevents .wrapper-dropdown-4.active .dropdown { display: block; } /* DEMO 5 */ .wrapper-dropdown-5 { /* Size & position */ position: relative; width: 200px; margin: 0 auto; padding: 12px 15px; /* Styles */ background: #fff; border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,0.2); cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wrapper-dropdown-5:after { /* Little arrow */ content: ""; width: 0; height: 0; position: absolute; top: 50%; right: 15px; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #4cbeff transparent; } .wrapper-dropdown-5 .dropdown { /* Size & position */ position: absolute; top: 100%; left: 0; right: 0; /* Styles */ background: #fff; border-radius: 0 0 5px 5px; border: 1px solid rgba(0,0,0,0.2); border-top: none; border-bottom: none; list-style: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* Hiding */ max-height: 0; overflow: hidden; } .wrapper-dropdown-5 .dropdown li { padding: 0 10px ; } .wrapper-dropdown-5 .dropdown li a { display: block; text-decoration: none; color: #333; padding: 10px 0; transition: all 0.3s ease-out; border-bottom: 1px solid #e6e8ea; } .wrapper-dropdown-5 .dropdown li:last-of-type a { border: none; } .wrapper-dropdown-5 .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; } /* Hover state */ .wrapper-dropdown-5 .dropdown li:hover a { color: #57a9d9; } /* Active state */ .wrapper-dropdown-5.active { border-radius: 5px 5px 0 0; background: #4cbeff; box-shadow: none; border-bottom: none; color: white; } .wrapper-dropdown-5.active:after { border-color: #82d1ff transparent; } .wrapper-dropdown-5.active .dropdown { border-bottom: 1px solid rgba(0,0,0,0.2); max-height: 400px; } .gridHeaderRow { height: 30px; width:100%; background: #e8e8e8; } .gridHeaderRow .gridrowTitle { padding-top: 7px; padding-left:10px; width: 500px; height: auto; float: left; text-align: left;} .gridHeaderRow .gridrowTitle h3 { margin:0; padding: 0; color: #01516f; } .gridHeaderRow .gridiconlist ul { margin:0; padding:5px 0 0 10px; float:right; } .gridHeaderRow .gridiconlist ul li { margin: 0; display: inline; } .gridHeaderRow .gridiconlist ul li a { margin: 0 0; padding: 0 10px 0 0; text-decoration:none; } /*=== Quick Menu css end ==*/ /* Supprot page css */ .supprotbg { height:522px; background: url(../images/supportBg.jpg);} .helplineHeader { width: 100%; height: auto; padding-top:20px;} .helplineHeader .helplinetitle { margin-left:35%; width:280px; height:52px; background: #FFF url(../images/helpline.png) right no-repeat; background-position: right 3px bottom 1px; border: 1px solid #2a95c9; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;} .helplineHeader .helplinetitle .title { width:150px; margin: 6px 0 0 32px; width: 180px; float: left;} .supprotbg .content { padding: 30px 10px 10px 10px; width: 98%; height: auto; } .supprotbg .content .left { width: 665px; min-height: 400px; float: left;} .supprotbg .content .left p { background: none; font-size:17px; line-height: 30px; text-align: center; color: #080400; font-style: italic; text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff; } .stillHave { font-size:35px; line-height: 30px; text-align: center; color: #e06501; font-style: italic; text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff; } .stillHave.callaway { font-size:18px;} .supprotbg .content a { margin-left: 40%; font-family: 'Ubuntu', sans-serif; font-size: 1.2em; font-weight: bold; color: white; border: 1px solid white; background: #f26700; outline:solid #f26700 1px; padding:0.3em 2em; text-decoration: none; } .supprotbg .content a:hover { background: #e16000; } .supprotbg .content a + a { box-shadow: 0 0 0 1px #f26700; outline:none; } .supprotbg .content .right { padding-top:40px; width: 220px; min-height: 350px; float:right; text-align: center; vertical-align: middle; display: table-column; } .calluson-box { margin-left:20%; margin-top: 20px; width: 400px; height:100px; background: #1981b4; border:solid 1px #0f73a4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .calluson-box .callusTitle { padding: 10px 0; width: 100%; font-size: 20px; color:#FFF; text-align:center; font-style: italic; font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.53); border-bottom: dotted 1px #1e98d2;} .calluson-box .callusContent { width: 100%; line-height:30px; font-size:13px; color:#FFF; text-align:center; font-weight: bold; font-style: italic; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.53);} /* Sraff New css */ #innerpagedash { background: #fff none repeat scroll 0 0; } .ico_dash i { /* color: #fa8564;*/ font-size: 20px; margin: 0 5px; } .ico_dash .staffdashbord-title { margin-top: -2px; width:300px; float: left;} .ico_dash .staffdashbord-techName { width:170px; float: left; font-size:12px; font-weight: normal;} .ico_dash .staffdashbord-techEmail { width:200px; float: left; font-size:12px; font-weight: normal;} .ico_dash .staffdashbord-techPhone { width:160px; float: right; font-size:12px; font-weight: normal;} .stfDashbord_leftBox { width:584px; float: left;} .stfDashbord_AttendenceBox { padding:1px; width:580px; min-height:268px; border:solid 1px #9acae2; float: left;} .stfDashbord_AttendenceBox .stf_Title { padding: 7px; height:20px; background: #54b8e9;} .stfDashbord_AttendenceBox .content_box { width: 100%;} .stfDashbord_AttendenceBox .stf_Title h3 { color: #FFF; font-size:18px; font-weight: bold; display: inline;} .stfDashbord_AttendenceBox .stf_Title i { color: #4b4204; font-size:20px; display: inline;} .timetable_grid { width: 99%; border-right: solid 1px #9acae2; font-weight:normal;} .timetable_grid th { padding:3px; height: 25px; background: #1d649b; border-left: solid 1px #d5ebf5; color: #FFF; text-align: center;} .timetable_grid td { padding:3px; border: solid 1px #9acae2; border-top: none; font-size:11px; border-right: none;} .timetableBreak_color { font-size:11px !important; font-weight:bold !important; color: #7b6f08; font-style: italic;} .stfDashbord_rightBox { width:270px; min-height:300px; float: right;} .monthlyCalendar_box { padding:1px; width:268px; border:solid 1px #dcdcdc; overflow: auto;} .monthlyCalendar_box .calenderHeaderTitle { padding: 7px; height:20px; background: #749a00;} .monthlyCalendar_box .calenderHeaderTitle h3 { color: #FFF; font-size:15px; font-weight: bold; display: inline;} .monthlyCalendar_box .calenderHeaderTitle i { color: #FFF; font-size:18px; display: inline;} .monthlyCalendar_box .calenderContentDiv {width: 100%;} .addRemainder { margin: 8px 6px 0 0; float: right;} .addRemainder_btn { padding:5px 15px; border:solid 1px #c1daf3; color:#2a95c9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .addRemainder_btn:hover {border:solid 1px #ffb7a3;} .addRemainder_btn i { margin-left: 6px; color:#fa8564; font-size:13px;} .alerts { height: auto; padding: 5px; width: 95%; float: left;} .alerts h4 { font-size: 14px; color: #f99c19; border-bottom: dashed 1px #CCC;} .alerts p { padding: 7px 0 0 0; margin:0; font-size: 11px; color: #1d649b;} .tabsContentBox { width: 99%; /*border:solid 1px #ccc; margin: -10px 10px 10px 10px;*/ } .exambox { margin-top: 10px; padding: 0px; width: 100%; border-bottom: dashed 1px #d7dddd; float: left;} .exambox .examTitle { padding-top: 9px; width:100px; float: left;} .exambox .examSelect { width:270px; float: left;} .exambox .examView { width:150px; float: left;} .examboxContent { width:100%; padding-top: 15px;} .examboxContent p { padding-top: 10px !important;} .tab-content { overflow: inherit;} #exTab1 .tab-content { color : #000; padding : 5px 15px; } #exTab2 h3 { color : white; background-color: #428bca; padding : 5px 15px; } /* remove border radius for the tab */ #exTab1 .nav-pills > li > a { border-radius: 0; text-decoration:none; font-weight: bold; color: #FFF; } .nav-tabs > li, .nav-pills > li { margin-right: 10px;} /* change border radius for the tab , apply corners on top*/ #exTab3 .nav-pills > li > a { border-radius: 4px 4px 0 0 ; } .nav > li > a:hover { background: none;} .nav-pills > .active > a, .nav-pills > .active > a:hover { background: none;} #exTab3 .tab-content { color : white; background-color: #428bca; padding: 5px 15px; }