/*
  || ===============================
  || RESET
  || ===============================
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, 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, article, aside, canvas,
details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video   { border:0; font-size:100%; margin:0; padding:0; vertical-align:baseline }

body                                { line-height:1 }
table                               { border-collapse:collapse; border-spacing:0 }
caption,
th,
td                                  { font-weight:normal; text-align:left }
h1, h2, h3, h4, h5, h6              { font-weight:normal }
html                                { font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
:focus                              { outline:none }

/* HTML5 */
article, aside, details,
figcaption, figure, footer,
header, hgroup, nav, section        { display:block }

/* GENERAL STYLING */
hr                                  { background:#ccc; border:0; height:1px; margin:24px }
sub, sup                            { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup                                 { top:-0.5em }
sub                                 { bottom:-0.25em }
small                               { font-size:smaller }
img                                 { border:0; -ms-interpolation-mode:bicubic } /*bicubic use in image resize for ie*/
a                                   { color:inherit; text-decoration:none }
p                                   { margin:0 0 1.2em; padding:0 }
p:last-child                        { margin:0 }
strong, b                           { font-weight:500 }
italic, em                          { font-style:italic }
input[type="submit"],
input[type="reset"]                 { cursor:pointer }

/*.right                              { float:right }*/
/*.left                               { float:left }*/
/*.aligncenter                        { text-align:center }*/
/*.nospace                            { margin:0!important; padding:0!important }*/
/*
  || ===============================
  || FORMATING
  || ===============================
*/
/* HEADINGS */
.pagetitle                          { font:bold 1.5em 'Ubuntu';  }

/* TABLE */
/*table                               { border-collapse:collapse; border-spacing:0; margin-bottom:1em; position:relative; width:100% }*/
/*th                                  { border:1px solid #e8e8e8; background:#faf9f9; padding:8px 10px }*/
/*tr:nth-of-type(even)                { background:#fff }*/
/*td                                  { border:1px solid #f2f2f2; padding:8px 10px; vertical-align:middle }*/

/*.t1                                 { width:1% }*/
/*.t5                                 { width:5% }*/
/*.t10                                { width:10% }*/
/*.t15                                { width:15% }*/
/*.t17                                { width:17% }*/
/*.t20                                { width:20% }*/
/*.t25                                { width:25% }*/
/*.t30                                { width:30% }*/
/*.t35                                { width:35% }*/
/*.t40                                { width:40% }*/
/*.t50                                { width:50% }*/
/*.t60                                { width:60% }*/
/*.t65                                { width:65% }*/
/*.t70                                { width:70% }*/
/*.t75                                { width:75% }*/
/*.t80                                { width:80% }*/

/*table.calendar tr th:nth-child(1)        { display:none; }*/
/*table.calendar tr th:nth-child(3)        { display:none; }*/
/*table.calendar tr td:nth-child(1)        { display:none; }*/
/*table.calendar tr td:nth-child(7)        { display:none; }*/
/*
  || ===============================
  || STRUCTURE
  || ===============================
*/
body                                { background:#dcded0; color:#2d2d2d; font:300 .7em/1.5em 'Ubuntu', Tahoma, Arial, Helvetica, sans-serif }
body #content_wrapper                     { background : #ffffff}
.dark-bg                            { background:#444; padding:20px 10% 10px }

/*
  || ===============================
  || CONTENT
  || ===============================
*/
#to-top                             { background:url('../../images/website/top-top.png'); position:fixed; right:20px; bottom:10px; width:48px; height:44px; text-indent:-9999px }

.line                               { background:url('../../images/website/line-01.jpg') repeat-x; }
.btm-line                           { border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px }

.page-entry                         { padding-bottom:50px }
.page-entry a                       { border-bottom:1px dotted #235274; color:#235274 }
.page-entry h3                      { font-weight:500; margin-bottom:10px }
.page-entry ul                      { list-style:square; margin:0 5% 20px }
.page-entry ol                      { margin:0 5% 20px }
.page-entry ul ul                   { list-style:none }
.page-entry ul > ul                 { margin:0 0 10px }
.page-entry ol > li,
.page-entry ul > li                 { margin-top:10px }

.style-list                         { list-style:none; margin:2% 0 0 35px!important; position:relative }
.style-list li                      { float:left; list-style:none; margin-bottom:35px; width:100% }
.style-list li ul                   { margin:0 }
.style-list li ul > li              { margin-bottom:5px }
.style-list h3                      { font-weight:bold }
.style-list span                    { background:#000; border-radius:50%; color:#fff; font-size:13px; height:23px; line-height:22px; position:absolute; left:-35px; text-align:center; width:23px }
.style-list li:hover span           { background:#e98504 }

/* Main Nav */
nav                                 { padding:20px 0 20px 8% }
nav ul                              { list-style:none }
nav ul li                           { background:url('../../images/website/bullet.png') top left no-repeat; border-bottom:1px dotted #f2f2f2; color:#444; font-weight:bold; margin-bottom:5px; padding:0 0 5px 15px }
nav li:last-child                   { border-bottom:none }
nav ul ul > li                      { background:none; border-bottom:none; color:#72746b; font-weight:normal; margin-top:5px; padding:0 }

/* Home background:url('../../images/website/slider/bg.png') bottom no-repeat;*/
#slider                             { margin-bottom:15px }

/*#slider div                         { height:238px }*/
/*#slider h1                          { font-size:28px; float:left; line-height:35px; margin-top:15px }*/
/*#slider .slide-01                   { background:url('../../images/website/slider/slide-01.jpg') right bottom no-repeat }*/
/*#slider .slide-01 .btn-03           { clear:both; margin-top:20px; float:left }*/

/* TEACHER */
.info-block                         { border-bottom:1px solid #f2f2f2; position:relative; margin-bottom:20px; min-height:80px; padding-bottom:20px }
.info-block .thumb                  { border:1px solid #cfcfcf; position:absolute; width:82px }
.info-block .details-list           { margin-left:100px }
.info-block .details-list .label    { color:#666; display:inline-block; width:70px }

/* Student's Page */
.welcome-user                       { color:#fff; font-size:13px; margin-top:15px; padding:15px 0 0 }
.welcome-user p                     { text-transform:capitalize }
.welcome-user div                   { float:left; margin-bottom:5px; width:100% }
.welcome-user .label                { float:left; margin-right:5px }
.welcome-user .btn-02               { margin-left:5px; border-radius:3px }
.welcome-user .bottom-optn          { color:#c9c9c9; font-size:12px; margin-bottom:0!important; padding:10px 0 0!important }
.welcome-user .hightlight           {color:#b7c781 }

#captcha {
    background:url('../../images/website/captcha-bg.jpg');
    clear:both;
    font-size:2em;
    float:left;
    font-style:italic;
    padding:8px 0;
    text-align:center;
    text-decoration:line-through;
    width:47%
}

.tab-box                            { margin-left:26% }

.btn-01                             { background:#9dc417; border:0; color:#fff; padding:5px 10px; border-radius:3px }
.btn-02                             { border:1px solid #eee; color:#9c9d9a; text-align:center;
                                      background:#fafafa;
                                      background-image:-webkit-linear-gradient(top, #fafafa, #fff);
                                      background-image:-moz-linear-gradient(top, #fafafa, #fff);
                                      background-image:-o-linear-gradient(top, #fafafa, #fff);
                                      background-image:-ms-linear-gradient(top, #fafafa, #fff) }
.btn-02:hover                       { border:1px solid #8fa432; color:#fff!important;
                                      background:#a0b641;
                                      background-image:-webkit-linear-gradient(top, #a0b641, #92a835);
                                      background-image:-moz-linear-gradient(top, #a0b641, #92a835);
                                      background-image:-o-linear-gradient(top, #a0b641, #92a835);
                                      background-image:-ms-linear-gradient(top, #a0b641, #92a835) }
.btn-03                             { background:url('../../images/website/big-btn.png'); color:#fff; padding:8px 30px; text-transform:uppercase; border:0; border-radius:5px }

/* Login */
.login                              { color:#fff; }
.login input[type="text"],
.login input[type="password"]       { background:#333; border:1px solid #333; color:#fff; margin-bottom: -10px}
.login .err                         { color:#ff653b; display:block; margin:0 0 5px 26% }
.bottom-optn                        { margin-top:15px; padding-top:15px }
.stud a:link                        { color: inherit }
.stud a:visited                     { color: #fff }
.stud a:hover                       { color: inherit }
.stud a:active                      { color: inherit }
.bottom-optn .forgot                { border-bottom:1px dotted #c9c9c9; color:#c9c9c9; float:left }
.bottom-optn .new-accnt             { color:#b7c781; font-weight:bold; float:right }

.pagination                         { font-size:12px; float:right; padding:5px 0 0 }
.pagination a,
.pagination span                    { color:#6c6c6c; margin:0px; padding:2px 2px; text-decoration:none }
.pagination a:hover,
.pagination span.current            { color:#333; font-weight:bold }
/*
  || ===============================
  || FOOTER
  || ===============================
*/
footer                              { border-top:1px solid #ddd; clear:both; color:#7d806b; font-size:12px; margin:20px 20px 0; padding:20px 0 }

/*
  || ===============================
  || CLEARING
  || ===============================
*/
/*#wrapper:after,*/
/*form div:after,*/
/*article:after,*/
/*.welcome-user:after                 { content:""; clear:both; display:block; font-size:0; height:0; visibility:hidden }*/
/*#wrapper,*/
/*form div,*/
/*article,*/
/*.welcome-user                       { display:inline-block }*/
/*#wrapper,*/
/*form div,*/
/*article,*/
/*.welcome-user                       { display:block; zoom:1 } /!* clearfix for ie7 *!/*/

/*
  || ===============================
  || MEDIA QUIRIES
  || ===============================
*/
/*@media screen and (max-width:2500px) {*/
    /*#wrapper                             { width:1200px }*/
/*}*/
/*@media screen and (max-width:1440px) {*/
    /*#wrapper                             { width:80% }*/
/*}*/
/*@media screen and (max-width:1024px) {*/
    /*#wrapper                             { width:1000px; }*/
/*}*/

/*
|| =====================================
|| DATE PICKER
|| =====================================
*/
.ui-datepicker                          { font:9pt Arial, sans-serif; margin:5px auto 0; }
.ui-datepicker a                        { text-decoration:none }
.ui-datepicker table                    { border-bottom:1px solid #bbb; width:100% }
.ui-datepicker-header                   { background:#363636; color:#000; font-weight:bold; line-height:30px }
.ui-datepicker-title                    { text-align:center }
.ui-datepicker-prev,
.ui-datepicker-next                     { background:url('../../images/administrator/arrow.png') no-repeat; cursor:pointer; display:inline-block; height:30px; line-height:600%; overflow:hidden; text-align:center; width:30px }
.ui-datepicker-prev                     { background-position:5px 5px; float:left }
.ui-datepicker-next                     { background-position:5px -33px; float:right }
.ui-datepicker-prev:hover               { background-position:-33px 5px; float:left }
.ui-datepicker-next:hover               { background-position:-33px -33px; float:right }
.ui-datepicker th                       { background: #000;color:#fff;border:none; font-size:6pt; padding:5px 0; text-align:center; text-transform:uppercase }
/*.ui-datepicker th                       { color:#fff; font-size:6pt; padding:5px 0; text-align:center; text-transform:uppercase }*/
.ui-datepicker tbody td                 { background: #f2f2f2;border:1px solid #bbb; padding:0 }
.ui-datepicker tbody td:first-child     { border-left:1px solid #bbb }
.ui-datepicker tbody tr                 { border-bottom: 1px solid #bbb }
.ui-datepicker tbody tr:last-child      { }
.ui-datepicker td span,
.ui-datepicker td a                             { color:#666; display:inline-block; font-weight:bold; height:30px; line-height:30px; text-align:center; width:30px }
.ui-datepicker-calendar .ui-state-default       { background:#f2f2f2 }
.ui-datepicker-calendar .ui-state-hover         { background:#9fa500; color:#fff}
.ui-datepicker-calendar .ui-state-active        { background:#9fa500; color:#fff; margin:-1px; position:relative;
}
.ui-datepicker-unselectable .ui-state-default   { background:#000; color:#02709b }
.ui-datepicker-calendar .ui-state-active        { background:#9fa500; border:1px solid #55838f; color:#e0e0e0; margin:-1px; position:relative }