body{  font-family: Arial, Helvetica, sans-serif;}
.headerChngPswrd { height: 300px; width: 620px; }
.up-down-border { vertical-align: middle; height: 150px; margin-top: 105px; border-bottom: 1px solid #D2D7D7; border-top: 1px solid #D2D7D7; }
.deleteSelected-container { width: 60px; margin-bottom: 0px; }
.grid-container {  word-spacing: break-word;overflow:auto }

.Welcome-content { width: 100%; height: 370px; padding: 10px 10px 10px 10px; border: 1px solid #D2D7D7; background: rgba(179,220,237,1); background: -moz-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1))); background: -webkit-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); background: -o-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); background: -ms-linear-gradient(left, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); background: linear-gradient(to right, rgb(187, 0, 0) 0%, rgb(121, 0, 0) 50%, rgb(187, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1 ); }

.welcome-text { float: right; margin-right: 305px; font-family: Candara; font-size: 55px; text-align: center; margin-top: 35px; color: White; }
.chngpass { width: 1000px; height: auto; border-radius: 10px; -moz-box-shadow: inset 0 0 150px #2E9AFE; -webkit-box-shadow: inset 0 0 150px #2E9AFE; box-shadow: inset 0 0 150px #800000; }
.butn-download { display: block; margin: 10px 5px 10px 5px; line-height: 31px; text-decoration: none; color: #FFFFFF; text-shadow: 1px 1px #8fa42b; }

.btn-download { cursor: pointer;
    display: inline-block; text-align: center; vertical-align: middle; padding: 5px 17px;
    border: 1px solid #58723a; border-radius: 8px; background: #8fba5f;
    background: -webkit-gradient(linear, left top, left bottom, from(#8fba5f), to(#58723a));
    background: -moz-linear-gradient(top, #16A4D2, #16A4D2);
    background: linear-gradient(to bottom, #800000, #800000);
    -moz-box-shadow: #84ac58 0px 0px 40px 0px; font: normal normal bold 13px arial; color: #ffffff; text-decoration: none;}
.btn-download:hover, .btn-download:focus { border: 1px solid #16A4D2; background: #16A4D2; color: #ffffff; text-decoration: none; }
.btn-download:active { background: #58723a; background: -webkit-gradient(linear, left top, left bottom, from(#58723a), to(#58723a)); background: -moz-linear-gradient(top, #58723a, #58723a); background: linear-gradient(to bottom, #58723a, #58723a); }
.btn-download:before { content: "\0000a0"; display: inline-block; height: 24px; width: 24px; line-height: 24px; margin: 0 4px -6px -4px; position: relative; top: 0px; left: 0px; background-size: 100% 100%; }

.school-name { text-align: center; float: left; width: 550px; padding: 35px 20px 20px 20px; }
.school-logo { float: left; padding: 15px 15px 15px 15px; }
.Gridview { margin-bottom: 20px; width: 100%; float: left;padding-top:5px; }
.chngpass > ul.content-ul { width: 78%; margin: 1%; padding: 2%; list-style: none; line-height: 25px; padding: 10px; }
.content-ul > li { width: 42%; padding: 2px; float: left; font-size: 15px; text-align: left; list-style: none; }
.content-ul > li > label: { background-color: Yellow; }
.content-ul > li.libefore:before { content: "*"; color: Red; margin-left: -07px; width: 34%; }
.content-ul > li.liwidth90 { width: 90%; list-style: none; }
.content-ul > li.liwidth90 > span.error { float: left; margin-left: 2px; }
.content-ul > li > input[type="text"],input[type="password"],select,input[type="date"] { width: 200px; border: 1px solid silver; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px; }
.content-ul > li > input[type="text"]:focus{box-shadow:3px 3px 3px gray}
select:focus{box-shadow:3px 3px 3px gray}
.content-ul > li.lft { width: 36%; }
.content-ul > li.ryt { width: 40%; }
.txtarea{height: 75px;width: 203px;resize: none;border-radius: 5px;}
.txtarea:focus{box-shadow:3px 3px 3px gray}
.optnl{border: 1px solid gray; padding:6px;border-radius: 4px;box-shadow: 2px 2px 2px gray;}

.msg{background-color: rgb(117, 180, 87);color: white;padding: 5px;border-radius: 3px;}

.heading { border-radius: 10px 10px 2px 02px; background-color: #800000; height: 25px; position: relative; top: 0px; left: 0px; }
.deleteAlbumb { float: right; margin-top: -255px; margin-right: 90px; line-height: 27px; width: 300px; }
.error { color: Red; font-size: 12px; }
.h2 { font-family: Corbel; }
.txt { font-family: Corbel; }
.txtbox { margin-top: -05px; margin-left: 05px; }
.grdNews { height: 300px; background-color: Aqua; }

.graybtn { -moz-box-shadow: 0px 10px 14px -7px #3e7327;
    -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
    box-shadow: 0px 10px 14px -7px #3e7327;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
    background: -moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -o-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: -ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background: linear-gradient(to bottom, #800000 5%, #800000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
    background-color: #800000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #800000;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family : arial;font-size: 13px; font-weight: bold; padding: 6px 12px; text-decoration: none; box-shadow: 0px 1px 0px #000000; margin-top: 3px; margin-bottom: 10px; }
.clear-btn { width: 54px; height: 15px; text-align: center; vertical-align: bottom; line-height: 1; }
.graybtn:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a)); background: -moz-linear-gradient(top, #72b352 5%, #77b55a 100%); background: -webkit-linear-gradient(top, #72b352 5%, #77b55a 100%); background: -o-linear-gradient(top, #72b352 5%, #77b55a 100%); background: -ms-linear-gradient(top, #72b352 5%, #77b55a 100%); background: linear-gradient(to bottom,  #800000 5%,  #800000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0); background-color:  #800000; }
.graybtn:active { position: relative; top: 1px; }
.popup { display: none; border-radius: 7px; background: #6b6a63; margin: 30px auto 0; padding: 6px; position: absolute; width: 510px; top: 50%; left: 50%; margin-left: -300px; margin-top: -220px; }
.content { background: #fff; padding: 28px; }
p { color: Black; padding: 10px; text-align: justify; /* font-family: Calibri; */ font-size: 14px; font-weight: normal; margin: 3px; }
p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }

#aCloseQuery, #aClose { margin-right: -11%; float: right; -webkit-border-radius: 55px; }
.aClose, #btnReset { color: white; text-decoration: none; border: none; cursor: pointer; text-align: center; margin-bottom: 2px; line-height: 10px; -webkit-border-radius: 5px; }

.aClose { padding: 6px; float: right; width: 31px; margin-right: 2px; background-color: #f00; font-weight: bold; }
#aCloseQuery { margin-top: -28%; }

element.style { display: none; }
.holder { width: 100%; display: block; }
.grid { border: 1px solid #D2D7D7;box-shadow:3px 3px 3px gray; }
.grid th td { text-align: center; }
.grid input[type="text"]{width:170px; border: 1px solid silver; -webkit-border-radius: 5px; border-radius: 5px;padding: 3px;}
.txtarea{width: 200px; height: 125px; border-radius: 3px; resize: none}
.err-msg{padding: 5px;background-color: red;color: white;box-shadow: 2px 2px 2px gray;font-size: 14px;}
.sucs-msg{padding: 5px;background-color: rgb(57, 157, 10);color: white;box-shadow: 2px 2px 2px gray;font-size: 14px;}
.btndelet{background-color: rgb(231, 54, 34);color: white;padding: 5px;box-shadow: 2px 2px 2px gray}
.radus3{border-radius:3px 3px 0px 0px}
.radus3 span{color:White;font-family:Corbel;font-size:19px;}
.sml-bx{width:300px;height:100px;border:1px solid rgb(166, 166, 166);margin:0 auto;margin-top:20px;border-radius:3px;margin-bottom:15px;box-shadow:3px 3px 3px gray}
.sml-bx ul{list-style:none}
.sml-bx ul li{float:left;margin-right:10px;}
.sml-bx input[type="submit"] {background-color:rgb(0, 145, 62);color:White}
.rptr{border:1px solid Gray;  border-radius: 3px;width: 950px;box-shadow: 4px 4px 4px gray;margin-bottom:10px;}
.rptr ul{list-style:none}       
.rptr ul li {float:left}
.rptr input[type="text"]{margin-right:10px;width:150px;border-radius:2px;border:1px solid Gray;height:18px;}
.rptr input[type="text"]:focus{box-shadow:3px 3px 3px gray;height:19px;}
.prompt{background-color: green;padding: 5px;width: 865px;color: white;font-size: 16px;box-shadow:3px 3px 3px gray}
.f_lft{float:left}
.f_ryt{float:right}