/* 
    Document   : hkserver
    Created on : Jun 12, 2015, 9:35:05 PM
    Author     : hk
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
@media screen and (min-width: 1024px) {
 #name-list{float:left;list-style:none;margin:0;padding:0;width:190px;}
 #name-list li{padding: 2px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
 #name-list li:hover{background:#86C0ED;}
body{background:white;margin:0;}
a{text-decoration: none;}
.titdivmiddle{width:90%;height:100%;margin:auto;padding-top:20px;}  
.tit3{width:30%;height:100px;float:left;margin-top:-30px;}
.tit4{width:70%;height:90px;float:left;z-index: 505;margin-top:40px;} 
.logindivnew{width: 110px;height:35px;background:#147F97;float:right;border-radius: 5px;box-shadow: 2px  1px #4D4D4D;text-align: center;font-family: gisha,verdana;font-size: 110%;font-weight: bold;color:white;cursor:pointer;cursor: hand;}
.logindivnew:hover{color:#F6A901}
.downloadapp{float:left;margin-left: 70%;cursor:pointer;cursor: hand; font-family: comic sans MS;font-size:100%;color:#06564D;text-shadow: 1px 1px white;}
.downloadapp:hover{color:red}
	.titlelong{width:100%;float:left;text-align: center;color:white;font-family: gisha,verdana;font-size: 180%;font-weight: bold;}
	.title2{width: 100%;text-align: center;color:#F6A901;font-family: andalus;font-size: 200%;letter-spacing: 1px; }
	.titimg{width:110px;height:50px;}
        .logindiv{margin:auto;width:400px;height:200px;margin-top:200px;margin-left: 50px;}
        .middleareal{height:250px;width:400px;box-shadow: 1px 2px 5px 5px #044B5B;margin-top: -150px;background:white;margin-left:auto;margin-right:auto;}
        .usr{width:300px;height:35px;}
        .tbst{margin-left:10px;padding-top: 20px;font-family: gisha,verdana;font-size: 14px;}
        .btnstyle{width:90px;height:30px;background:#7878FB;color:white;border-radius:5px;font-family:arial;font-size:16px;}
        .combost{height: 30px;}
        .sidebar{margin: auto;position:fixed;background: #044B5B;border-radius:0 50px 10px 0;margin-left:-10px;width:50px;height: 320px;margin-top:200px;z-index:150;}
        .masin{margin:20px; margin-top: 40px;z-index: 600}
        .masin1{margin:20px;margin-left:10px; margin-top: 40px;display:none;z-index: 600}
        .mimg{width: 40px;height: 50px;}
        .menutit{font-family:gisha,verdana;font-size:16px;text-decoration: none;color:white;cursor:pointer;cursor: hand;z-index: 650;}
        .usrdisplay{height:30px;margin-left:10px;text-decoration: none;font-size: 80%; color:white;font-family: gisha;}
        .s1{border-left:3px solid  #FAB704; border-radius: 40%;padding-left:10px;}
        .s2 a{float:right;text-decoration: none;color:white;border-left:3px solid #FAB704;margin-left:10px; border-radius: 40%;padding-left: 10px;}
        .s3{float:right;margin-right:35%;font-size:26px;font-family: calibri;color:#E6C529}
        .mmain{float:left;font-family: gisha,verdna;font-size:100%;color:white;display:none;margin-top: 50px;}
        .tipdiv{margin-top:100px;width:50px;height:50px;margin-left:0px;background: white;z-index:0;border-radius: 4px;position:absolute;display:none;}
        .middlebarm{margin-left: 0px;background: white;margin-top:5px;z-index:100;position:absolute;width:100%;}
        .titlelong1{width:100%;float:left;text-align: center;color:white;font-family: gisha,verdana;font-size: 130%;font-weight: bold;}
	.titimg1{width:90px;height:30px;}
        .leftside{float:left;width: 34%; }
         .leftside1{float:left;width: 80%; }
          .leftside2{float:left;width: 80%; }
        .rightside{float:right;width: 60%;margin-top: 2px}
        .imgsmall{width:27px;height:25px;}
        .dinaddress{height: 100px;}
        .dinaddress1{height: 98px;}
        .ophoto{margin: 20px;margin-left: 50px;}
        .uploadid{width:150px;height:150px;margin-top: 30px;text-align: center;cursor: pointer;cursor: hand;}
        .proimg{width:70px; height:70px;}
        .uploadst{font-family: calibri;font-size: 14px;}
        .uploadst1{width:200px;display:none}
        .uploadst2{width:200px;margin-top: -80px;}
        .extradiv{height:60px;width: 80%}
        .assign{margin-top: 10px;margin-left: 100px;margin-bottom: 10px;}
        .delstyle{margin-left: 2px;cursor: pointer;cursor:hand;width:25px;height:25px;}
        .searchstyle{margin-left: 4px;margin-top:2px;cursor: pointer;cursor:hand;width:28px;height:27px;}
        .deldiv{float: right;margin-right: 12%;}
        .buttonsave{background-image: url('../images/save.png');background-repeat: no-repeat;height:40px;width:40px;margin: auto}
        .buttonupdate{background-image: url('../images/edit.png');background-repeat: no-repeat;height:40px;width:40px;}
        .buttondel{background-image: url('../images/remove.png');background-repeat: no-repeat;height:40px;width:40px;}
        .buttonclr{background-image: url('../images/clear.png');background-repeat: no-repeat;height:40px;width:40px;}
        .aprst{height:40px;width:80px;background-image: url('../images/home.png');background-repeat: no-repeat;padding-left:24px;}
        .deliall{float: right;margin-right: 12%;}
        .notapp{float: right;margin-right: 2%;}
        .allimg{height: 20px;margin-left: 2px;cursor: pointer;cursor:hand;}
        .select1{height:80px;width:360px;}
	.select2{height:35px;width:90%;}
        .show2{width: 40px;height:30px;}
    .dinptstyle{
    width:90%;
    height:25px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
   .dinptstyle1{
    width:89%;
    height:92px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
.imgstyle{
    width:11%;
    height:25px;
    float:left;
    border-right:1px solid gray;
}
.imgstyle1{
    width:10%;
    height:91px;
    float:left;
    border-right:1px solid gray;
    
}
.inputs{
    width:84%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    height:24px;
    margin-top:px;
    background: none;
    border: none;}
.inputs1{
    width:85%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    height:88px;
    margin-top:px;
    background: none;
    border: none;}
        .searchbox{width:40%;height:35px;font-family: calibri;font-size: 120%;box-shadow: 2px 2px  1px #4D4D4D;}
.searchbtn{width:10%;height:40px;font-family: calibri;font-size: 120%;background:#EF842E;border: none;box-shadow: 2px 2px 1px #4D4D4D; }
.searchdiv{width: 100%;height:80px;margin-top:5%;text-align: center;}
.textarea{width:90%;margin: auto;height:100%;}
.middlebar1{width:100%;height:100%;min-height: 300px;}
.textstyle{font-family:Segoe UI Semilight;font-size: 110%;padding:3%;text-align: center;letter-spacing: 1px;}
.menubar{width: 50%;height:40px;float:right;background:#147F97}
.menu{
    margin:0px;
    width: 100%;
    height:25px;
    padding-top: 5px;
    padding-left: 10px;
}
.menu li{
    list-style: none;
    float:left;
    
}
.menu li a:link, .menu li a:visited{
    height: 25px;
    display: block;
    text-decoration: none;
    font:bold 18px arial;
    color:white;
    padding-top: 5px;
	padding-right: 10px;
	padding-bottom:5px;
	padding-left: 10px;
        margin:0;
}
.menu li a:hover{
    color:#EF842E;
    height:25px;
}
.boxdiv{width:15%;height:150px; background: #EDEDEC;border:1px solid #DCDCDB;border-radius: 5px;float: left;margin-left: 1%;}
#mainarea{width:90%;height:100%; margin:auto;margin-top: 0px;margin-bottom:20px;min-height: 800px;}
.titlebar{width:100%;height:150px;background:#044B5B;}
.titlebar1{width:100%;height:400px;background:#044B5B;background-image: url('../images/apartback.png');background-position: center;background-repeat: no-repeat;background-size: 100%;}
.titdiv{width:95%;height:120px;margin:auto;padding-top:20px;}
.tit{width:100%;height:20px;padding:5px;}
.tit1{width:72%;height:90px;float:left;z-index: 505;margin-top:-10px;} 
.tit2{width:28%;height:90px;float:right;}
	.tit6{width:28%;height:90px;float:right;}
.middlebar{width:100%;height:100%;}
.middlearea{width:85%;height:100%;background:white;margin-left:auto;margin-right:auto;margin-top:0px;border-left: 2px solid #EDEEF0;border-right: 2px solid #EDEEF0;}
.topicdiv{width:19%;height:1000px;border-right:2px solid #EDEEF0;float:left;}
.details{width:80%;height:1000px;float:left;}
.tdetails{width:100%;height:150px; overflow: auto; }
.vediodiv{width:100%;height:600px;margin-top:30px; }
.vediodiv1{width:100%;height:600px;margin-top:30px; }
.bottombar{width:100%;height:150px;background:#044B5B;border-top: 2px solid #B5B7B8;}
li{cursor:hand;}
.mid{float:left;border-radius: 10px 0 0 10px; border:1px solid white;text-align:center;padding-top:10px;color:#FAB704;width:90px;height: 40px;cursor:pointer;cursor: hand;}

.myprofile{width:100%;height:100%;margin:auto;background: #FAFAF8;margin-bottom:10px;margin-top:10px;}
.myprofileo{width:100%;margin:auto;background: #FAFAF8;margin-bottom:10px;margin-top:10px;}

#outdiv{font-family: verdana;font-size:14px;color:#044B5B;background:#E6C529;height:30px;vertical-align: center;font-size:16px;cursor:pointer;cursor:hand;border-bottom:1px solid black;}
#indiv{margin-left:15px;padding-top:5px;margin-left: 100px}
#tb{width:950px;margin: auto;font-family: lucida sans;font-size:12px;border:none;}
.labeltd{color:#578FF6;text-align:left;}
.attenda{text-align:center;width:100%;display: none;}
.myattend{width:100%;height:100%;margin:auto;background: #FAFAF8;margin-bottom:10px;margin-top:10px;}
#aoutdiv{font-family: verdana;font-size:14px;color: #030FFD;background:#FAEAD3;height:30px;vertical-align: center;font-size:16px;border:1px solid #030FFD;cursor:pointer;cursor:hand;border-radius: 10px;}
a{text-decoration: none;}
img{border:none;}
.txt{width:180px;background-color:#FEFCE6;border:1px solid #044B5B;font-family:lucida sans;height:30px; }
.txt1{width:80px;background-color:white;border:1px solid #030FFD;font-family:lucida sans;}
.tdwidth{width:200px;}
.button{width:120px;height:50px;background-image: url('../images/home.png');background-repeat: no-repeat;padding-left:24px;}
.button1{width:20px;height:30px;background:#044B5B;}
#viewme{height:100%;}
.rotate{
    -moz-transform: rotate(-20deg);                 /*FF*/
    -o-transform: rotate(-20deg);                   /*Opera*/
    -webkit-transform: rotate(-20deg);              /*Safari, Chrome*/
    -ms-transform: rotate(-20deg) !important;       /*IE9*/
    transform: rotate(-20deg);                      /*CSS3 default*/
    background-color:transparent;

    zoom: 1;
    z-index:1; /*NEEDED FOR IE8*/

    width: 191px;

    position:absolute;

    padding     : 45px 10px 15px 10px;
}

.rotate1{
    -moz-transform: rotate(20deg);                 /*FF*/
    -o-transform: rotate(20deg);                   /*Opera*/
    -webkit-transform: rotate(20deg);              /*Safari, Chrome*/
    -ms-transform: rotate(20deg) !important;       /*IE9*/
    transform: rotate(20deg);                      /*CSS3 default*/
    background-color:transparent;

    zoom: 1;
    z-index:1; /*NEEDED FOR IE8*/

    width: 191px;

    position:absolute;

    padding     : 45px 10px 15px 10px;
}


.web_dialog_overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: black;
    opacity: .90;
    filter: alpha(opacity=90);
    -moz-opacity: .90;
    z-index: 201;
    display: none;
}
.web_dialog
{
    display: none;
    position: fixed;
    width: auto;
    height: 200px;
    top: 20%;
    left:20%;
    margin-left: -190px;
    margin-top: 5%;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 225;
    font-family: Verdana;
    font-size: 10pt;
    //overflow: auto;
}
.web_dialog_title
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight:bold;
    //margin-left: -20px;

}
.web_dialog_title a
{
    color: White;
    text-decoration: none;
}



.web_dialog_overlay1
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}
.web_dialog1
{
    display: none;
    position: fixed;
    width: 37%;
    height: 77%;
    top: 30%;
    left:30%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
    overflow: none;
}


.modal {
  display:none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  padding-top: 10px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  min-height: 450px;
  height:100%;/* Full height */
  overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 border-radius: 5px;

}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  //padding: 2px;
  border: 1px solid #888;
  border-radius: 5px;
  width: 50%;
  min-height:450px;
  height:100%;
}

.logdetails{
    float:left;
    width: 80%;
    height:100%;
    background: white;
    border-radius: 0px 5px 5px 0px;
}

.modal-content1 {
  background-color: #fefefe;
  margin: auto;
  //padding: 2px;
  border: 1px solid #888;
  border-radius: 5px;
  width: 50%;
  height:530px;
}
/* The Close Button */
.close {
  color: #FCA04F;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding: 10px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.align_right
{
    text-align: right;
}

.tbstyle{font:16px calibri;color: #044B5B;padding: 0px;width:100%;}
//.inputstyle{height: 36px;width: 250px;border:1px solid blue;font:18px calibri;}
.tdstyle{padding-bottom: 10px;}

//.inputstyleadd{height: 98px;width: 250px;border:1px solid blue;font:18px calibri;}

//.dinptstyle2{width:250px;height:36px;border:1px solid gray;border-radius: 5px;background: white;}
//.inputs3{width:207px; float: left;color:#1A110E;font-family: arial narrow;font-size: 16px;padding-left:5px;height:35px;margin-top:0px;background: none;border: none;}

//.imgstyle1{width:110px;height:25px;float:left;padding:10px;}
.imgstyles{width:36px;height:30px;float:left;border-right:1px solid gray;}
//.inputs{width:258px; float: left;color:#1A110E;font-family: calibri;font-size: 18px;padding-left:5px;height:35px;margin-top:0px;background: none;border: none;}
//.imgstyle{width:32px;height:36px;float:left;border-right:1px solid gray;}
.dinptstyle2{width:180px;height:30px;border:1px solid gray;border-radius: 5px;background: white;}
.inputs2{width:120px; float: left;color:#1A110E;font-family: arial narrow;font-size: 16px;padding-left:5px;height:30px;margin-top:0px;background: none;border: none;}
//.inputs2{width:100px; float: left;color:#1A110E;font-family: arial narrow;font-size: 16px;padding-left:5px;height:30px;margin-top:0px;background: none;border: none;}

/* For Pagination Links by CodexWorld */
div.pagination {
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
	padding:20px;
	margin:7px;
}

div.pagination a {
	margin: 2px;
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #E6C529;
	text-decoration: none; /* no underline */
	color: #fff;
}
div.pagination a:hover, div.pagination a:active {
	padding: 0.5em 0.64em 0.43em 0.64em;
	margin: 2px;
	background-color: #de1818;
	color: #fff;
}
div.pagination span.current {
    padding: 0.5em 0.64em 0.43em 0.64em;
    margin: 2px;
    background-color: #f6efcc;
    color: #6d643c;
}
div.pagination span.disabled {
    display:none;
}
        .ui-datepicker {
                display: none;
                width: 294px;
                padding: 35px;
                cursor: default;

                text-transform: uppercase;
                font-family: Tahoma;
                font-size: 12px;

                background: white;

                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;

                -webkit-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
                -moz-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
                box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
            }
            .ui-datepicker-header {
                position: relative;
                padding-bottom: 10px;
                border-bottom: 1px solid #d6d6d6;
            }

            .ui-datepicker-title { text-align: center; }

            .ui-datepicker-month {
                position: relative;
                padding-right: 15px;
                color: #11100C;
            }

            .ui-datepicker-year {
                padding-left: 8px;
                color: #11100C;
            }

            .ui-datepicker-month:before {
                display: block;
                position: absolute;
                top: 5px;
                right: 0;
                width: 5px;
                height: 5px;
                content: '';

                background: #a5cd4e;
                background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
                background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
                background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
                background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
                background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);

                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

            .ui-datepicker-prev,
            .ui-datepicker-next {
                position: absolute;
                top: -2px;
                padding: 5px;
                cursor: pointer;
            }

            .ui-datepicker-prev {
                left: 0;
                padding-left: 0;
            }

            .ui-datepicker-next {
                right: 0;
                padding-right: 0;
            }

            .ui-datepicker-prev span,
            .ui-datepicker-next span{
                display: block;
                width: 5px;
                height: 10px;
                background-image: url(../images/a15.png);
                background-color: black;
            }

            .ui-datepicker-prev span { background-position:10px 5px; }

            .ui-datepicker-next span { background-position: -5px 0px; }

            .ui-datepicker-prev-hover span { background-position: 0px -10px; }

            .ui-datepicker-next-hover span { background-position: -5px -10px; }
            .ui-datepicker-calendar th {
                padding-top: 15px;
                padding-bottom: 10px;

                text-align: center;
                font-weight: normal;
                color: #11100C;
            }

            .ui-datepicker-calendar td {
                padding: 0 7px;

                text-align: center;
                line-height: 26px;
            }

            .ui-datepicker-calendar .ui-state-default {
                display: block;
                width: 26px;
                outline: none;

                text-decoration: none;
                color: #11100C;

                border: 1px solid transparent;
            }
            .ui-datepicker-calendar .ui-state-active {
                color: white;
                border: 1px solid #AB8636;
                background:#FB3406;
            }

            .ui-datepicker-calendar .ui-state-active:hover {
                color: white;
                border: 1px solid #AB8636;
                background:#FB3406;
            }

            .ui-datepicker-calendar .ui-state-default:hover {
                color: white;
                border: 1px solid #AB8636;
                background:#FB3406;
            }

            .ui-datepicker-other-month .ui-state-default { color: #565656; }

            
.impstyle{width:100%;height:30px;background-color:#044B5B;text-align: center;color:white;font-size:20px;font-family: arial;box-shadow: 0 0 5px 0 gray;padding: 20px;}
	.imgstyle3{width:150px;height:40px;float:left;padding:10px;border:1px solid gray;border-radius: 5px;cursor:pointer;cursor:hand;margin-top:10px;font-size:16px;background:#044B5B;color:white;}
.dinptstylesml{
    width:25%;
    height:25px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
   
.imgstylesml{
    width:12%;
    height:25px;
    float:left;
    border-right:1px solid gray;
}

.inputssml{
    width:21%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    height:24px;
    margin-top:px;
    background: none;
    border: none;}
.buttonsave2{background:#FAF8C2;height:40px;width:90px;margin: auto}
.imgsmall1{width:22px;height:23px;}
        
}
@media screen and (min-width: 700px) and (max-width: 1023px) {
 }
@media screen and (min-width: 500px) and (max-width: 699px) {
 }
@media screen and (min-width: 300px) and (max-width: 499px) {
 #name-list{float:left;list-style:none;margin:0;padding:0;width:190px;}
 #name-list li{padding: 2px; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
 #name-list li:hover{background:#86C0ED;}
body{background:white;margin:0;}
a{text-decoration: none;}
.titdivmiddle{width:90%;height:100%;margin:auto;padding-top:2px;}  
.tit3{width:30%;height:30px;float:left;margin-top:-30px;}
.tit4{width:70%;height:30px;float:right;z-index: 505;margin-top:40px;} 
.logindivnew{width: 90px;height:25px;background:#147F97;float:right;border-radius: 2px;box-shadow: 1px  1px #4D4D4D;text-align: center;font-family: gisha,verdana;font-size: 90%;font-weight: bold;color:white;cursor:pointer;cursor: hand;}
.logindivnew:hover{color:#F6A901}
.downloadapp{float:left;margin-left: 25%;cursor:pointer;cursor: hand; font-family: comic sans MS;font-size:80%;color:#06564D;text-shadow: 1px 1px white;}
.downloadapp:hover{color:red}
	.titlelong{width:100%;float:left;text-align: center;color:white;font-family: gisha,verdana;font-size: 110%;font-weight: bold;}
	.title2{width: 100%;text-align: center;color:#F6A901;font-family: andalus;font-size: 110%;margin-top:-30px; }
	.titimg{width:30px;height:15px;}
        .logindiv{margin:auto;width:300px;height:150px;margin-top:100px;margin-left: 10px;}
        .middleareal{height:250px;width:300px;box-shadow: 1px 1px 2px 2px #044B5B;background:white;margin-left:auto;margin-right:auto;}
        .usr{width:250px;height:25px;}
        .tbst{margin-left:10px;padding-top: 10px;font-family: gisha,verdana;font-size: 12px;}
        .btnstyle{width:90px;height:30px;background:#7878FB;color:white;border-radius:5px;font-family:arial;font-size:16px;}
        
        .combost{height: 30px;}
        .sidebar{margin: auto;position:fixed;background: #044B5B;border-radius:0 50px 10px 0;margin-left:-10px;width:25px;height: 210px;margin-top:180px;z-index:150;}
        .masin{margin:20px; margin-top: 40px;z-index: 600}
        .masin1{margin:20px;margin-left:10px; margin-top: 40px;display:none;z-index: 600}
        .mimg{width: 15px;height: 18px;}
        .menutit{font-family:gisha,verdana;font-size:10px;text-decoration: none;color:white;cursor:pointer;cursor: hand;z-index: 650;}
        .usrdisplay{height:30px;margin-left:1px;text-decoration: none;font-size: 60%; color:white;font-family: gisha;}
        .s1{border-left:3px solid  #FAB704; border-radius: 40%;padding-left:1px;}
        .s2 a{float:right;text-decoration: none;color:white;border-left:3px solid #FAB704; border-radius: 40%;padding-right: 5px;}
        .s3{float:right;margin-right:1%;font-size:12px;font-family: calibri;color:#E6C529}
        .mmain{float:left;font-family: gisha,verdna;font-size:9px;color:white;display:none;margin-top: 10px;width:100%;}
        .tipdiv{margin-top:100px;width:50px;height:50px;margin-left:0px;background: white;z-index:0;border-radius: 4px;position:absolute;display:none;}
        .middlebarm{margin-left: 0px;background: white;margin-top:5px;z-index:100;position:absolute;width:100%;}
        .titlelong1{width:100%;float:left;text-align: center;color:white;font-family: gisha,verdana;font-size: 100%;font-weight: bold;}
	.titimg1{width:90px;height:30px;}
        .leftside{width: 90%;margin-left:10%; }
        .leftside1{margin:auto;width: 100%; }
        .rightside{margin:auto;width: 98%;margin-top: 2px}
        .imgsmall{width:15px;height:17px;}
        .dinaddress{height: 100px;}
        .dinaddress1{height: 98px;}
        .ophoto{margin: 20px;margin-left: 50px;}
        .uploadid{width:150px;height:150px;margin-top: 30px;text-align: center;cursor: pointer;cursor: hand;}
        .proimg{width:70px; height:70px;}
        .uploadst{font-family: calibri;font-size: 14px;}
        .uploadst1{width:200px;display:none}
        .uploadst2{width:200px;margin-top: -80px;}
        .extradiv{height:60px;width: 80%}
        .assign{margin-top: 10px;margin-left: 100px;margin-bottom: 10px;}
        .delstyle{margin-left: 2px;cursor: pointer;cursor:hand;width:25px;height:25px;}
        .searchstyle{margin-left: 4px;margin-top:2px;cursor: pointer;cursor:hand;width:28px;height:27px;}
        .deldiv{float: right;margin-right: 12%;}
        .buttonsave{background-image: url('../images/save.png');background-repeat: no-repeat;height:40px;width:40px;margin: auto}
        .buttonupdate{background-image: url('../images/edit.png');background-repeat: no-repeat;height:40px;width:40px;}
        .buttondel{background-image: url('../images/remove.png');background-repeat: no-repeat;height:40px;width:40px;}
        .buttonclr{background-image: url('../images/clear.png');background-repeat: no-repeat;height:40px;width:40px;}
        .aprst{height:40px;width:80px;background-image: url('../images/home.png');background-repeat: no-repeat;padding-left:24px;}
        .deliall{float: right;margin-right: 12%;}
        .notapp{float: right;margin-right: 2%;}
        .allimg{height: 20px;margin-left: 2px;cursor: pointer;cursor:hand;}
        .select1{height:25px;width:250px;}
	.select2{height:25px;width:250px;}
        .show2{width: 40px;height:30px;}
        
        .dinptstyle{
    width:85%;
    height:20px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
   .dinptstyle1{
    width:84%;
    height:20px;
    border:1px solid gray;
    border-radius: 5px;
    background: white;}
.imgstyle{
    width:8%;
    height:20px;
    float:left;
    border-right:1px solid gray;
}
.imgstyle1{
    width:7%;
    height:20px;
    float:left;
    border-right:1px solid gray;
    
}
.inputs{
    width:85%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    height:24px;
    margin-top:px;
    background: none;
    border: none;}
.inputs1{
    width:85%; 
    float: left;
    color:black;
    font-family: arial;
    font-size: 14px;
    padding-left:5px;
    //height:88px;
    margin-top:px;
    background: none;
    border: none;}
        
        .searchbox{width:60%;height:25px;font-family: calibri;font-size: 90%;box-shadow: 1px 1px  1px #4D4D4D;}
.searchbtn{width:20%;height:30px;font-family: calibri;font-size: 90%;background:#EF842E;border: none;box-shadow: 1px 1px 1px #4D4D4D; }
.searchdiv{width: 100%;height:30px;margin-top:0%;text-align: center;}
.textarea{width:90%;margin: auto;height:100%;}
.middlebar1{width:100%;height:100%;min-height: 300px;}
.textstyle{font-family:Segoe UI Semilight;font-size: 110%;padding:3%;text-align: center;letter-spacing: 1px;}
.menubar{width: 100%;height:25px;float:right;background:#147F97;margin-top:15px;}
.menu{
    margin:0px;
    width: 100%;
    height:20px;
    padding-top: 2px;
    padding-left: 5px;
}
.menu li{
    list-style: none;
    float:left;
    
}
.menu li a:link, .menu li a:visited{
    height: 20px;
    display: block;
    text-decoration: none;
    font:bold 10px arial;
    color:white;
    padding-top: 2px;
	padding-right: 5px;
	padding-bottom:3px;
	padding-left: 5px;
        margin:0;
}
.menu li a:hover{
    color:#EF842E;
    height:20px;
}
.boxdiv{width:15%;height:90px; background: #EDEDEC;border:1px solid #DCDCDB;border-radius: 5px;float: left;margin-left: 1%;}
#mainarea{min-height: 800px;}
.titlebar{width:100%;height:150px;background:#044B5B;}
.titlebar1{width:100%;height:175px;background:#044B5B;background-image: url('../images/apartback.png');background-position: center;background-repeat: no-repeat;background-size: 100%;}
.titdiv{width:100%;height:120px;margin:auto;padding-top:5px;}
.tit{width:100%;height:20px;padding:5px;}
.tit1{width:100%;height:20px;z-index: 505;} 
.tit2{width:90%;height:20px;}
	.tit6{width:98%;height:90px;margin:auto;margin-top:-50px;}
.middlebar{width:100%;height:100%;}
.middlearea{width:85%;height:100%;background:white;margin-left:auto;margin-right:auto;margin-top:0px;border-left: 2px solid #EDEEF0;border-right: 2px solid #EDEEF0;}
.topicdiv{width:19%;height:1000px;border-right:2px solid #EDEEF0;float:left;}
.details{width:80%;height:1000px;float:left;}
.tdetails{width:100%;height:150px; overflow: auto; }
.vediodiv{width:100%;height:600px;margin-top:30px; }
.vediodiv1{width:100%;height:600px;margin-top:30px; }
.bottombar{width:100%;height:150px;background:#044B5B;border-top: 2px solid #B5B7B8;}
li{cursor:hand;}
.mid{float:left;border-radius: 5px 0 0 5px; border:1px solid white;text-align:center;padding-top:5px;color:#FAB704;width:45px;height: 20px;cursor:pointer;cursor: hand;margin-top:40px;}

.myprofile{width:100%;height:100%;margin:auto;background: #FAFAF8;margin-bottom:10px;margin-top:10px;}
.myprofileo{width:100%;margin:auto;background: #FAFAF8;margin-bottom:10px;margin-top:10px;}

#outdiv{font-family: verdana;font-size:14px;color:#044B5B;background:#E6C529;height:30px;vertical-align: center;font-size:16px;cursor:pointer;cursor:hand;border-bottom:1px solid black;}
#indiv{margin-left:15px;padding-top:5px;margin-left: 100px}
#tb{width:950px;margin: auto;font-family: lucida sans;font-size:12px;border:none;}
.labeltd{color:#578FF6;text-align:left;}
.attenda{text-align:center;width:100%;display: none;}
.myattend{width:100%;height:100%;margin:auto;background: #FAFAF8;margin-bottom:10px;margin-top:10px;}
#aoutdiv{font-family: verdana;font-size:14px;color: #030FFD;background:#FAEAD3;height:30px;vertical-align: center;font-size:16px;border:1px solid #030FFD;cursor:pointer;cursor:hand;border-radius: 10px;}
a{text-decoration: none;}
img{border:none;}
.txt{width:180px;background-color:#FEFCE6;border:1px solid #044B5B;font-family:lucida sans;height:30px; }
.txt1{width:80px;background-color:white;border:1px solid #030FFD;font-family:lucida sans;}
.tdwidth{width:200px;}
.button{width:120px;height:50px;}
.button1{width:20px;height:30px;background:#044B5B;}
#viewme{height:100%;}
.rotate{
    -moz-transform: rotate(-20deg);                 /*FF*/
    -o-transform: rotate(-20deg);                   /*Opera*/
    -webkit-transform: rotate(-20deg);              /*Safari, Chrome*/
    -ms-transform: rotate(-20deg) !important;       /*IE9*/
    transform: rotate(-20deg);                      /*CSS3 default*/
    background-color:transparent;

    zoom: 1;
    z-index:1; /*NEEDED FOR IE8*/

    width: 191px;

    position:absolute;

    padding     : 45px 10px 15px 10px;
}

.rotate1{
    -moz-transform: rotate(20deg);                 /*FF*/
    -o-transform: rotate(20deg);                   /*Opera*/
    -webkit-transform: rotate(20deg);              /*Safari, Chrome*/
    -ms-transform: rotate(20deg) !important;       /*IE9*/
    transform: rotate(20deg);                      /*CSS3 default*/
    background-color:transparent;

    zoom: 1;
    z-index:1; /*NEEDED FOR IE8*/

    width: 191px;

    position:absolute;

    padding     : 45px 10px 15px 10px;
}


.web_dialog_overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: black;
    opacity: .90;
    filter: alpha(opacity=90);
    -moz-opacity: .90;
    z-index: 201;
    display: none;
}
.web_dialog
{
    display: none;
    position: fixed;
    width: 90%;
    height: 90%;
   // top: 20%;
   // left:20%;
	margin:auto;
    //margin-left: -190px;
    //margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 225;
    font-family: Verdana;
    font-size: 10pt;
    overflow: auto;
}
.web_dialog_title
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    color: White;
    font-weight:bold;
   // margin-left: -20px;

}
.web_dialog_title a
{
    color: White;
    text-decoration: none;
}



.web_dialog_overlay1
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}
.web_dialog1
{
    display: none;
    position: fixed;
    width: 37%;
    height: 77%;
    top: 30%;
    left:30%;
    margin-left: -190px;
    margin-top: -100px;
    background-color: #ffffff;
    border: 2px solid #336699;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
    overflow: none;
}


.align_right
{
    text-align: right;
}

.tbstyle{font:16px calibri;color: #044B5B;padding: 0px;width:100%}
.inputstyle{height: 36px;width: 250px;border:1px solid blue;font:18px calibri;}
.tdstyle{padding-bottom: 10px;}

//.dinptstyle2{width:250px;height:36px;border:1px solid gray;border-radius: 5px;background: white;}
//.inputs3{width:207px; float: left;color:#1A110E;font-family: arial narrow;font-size: 16px;padding-left:5px;height:35px;margin-top:0px;background: none;border: none;}

//.imgstyle1{width:110px;height:25px;float:left;padding:10px;}
.imgstyles{width:36px;height:30px;float:left;border-right:1px solid gray;}
//.input2{width:258px; float: left;color:#1A110E;font-family: calibri;font-size: 18px;padding-left:5px;height:35px;margin-top:0px;background: none;border: none;}
//.imgstyle{width:32px;height:36px;float:left;border-right:1px solid gray;}
.dinptstyle2{width:180px;height:30px;border:1px solid gray;border-radius: 5px;background: white;}
.inputs2{width:137px; float: left;color:#1A110E;font-family: arial narrow;font-size: 14px;padding-left:5px;height:30px;margin-top:0px;background: none;border: none;}
//.inputs2{width:100px; float: left;color:#1A110E;font-family: arial narrow;font-size: 16px;padding-left:5px;height:30px;margin-top:0px;background: none;border: none;}

/* For Pagination Links by CodexWorld */
div.pagination {
	font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
	padding:20px;
	margin:7px;
}

div.pagination a {
	margin: 2px;
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #E6C529;
	text-decoration: none; /* no underline */
	color: #fff;
}
div.pagination a:hover, div.pagination a:active {
	padding: 0.5em 0.64em 0.43em 0.64em;
	margin: 2px;
	background-color: #de1818;
	color: #fff;
}
div.pagination span.current {
    padding: 0.5em 0.64em 0.43em 0.64em;
    margin: 2px;
    background-color: #f6efcc;
    color: #6d643c;
}
div.pagination span.disabled {
    display:none;
}
        .ui-datepicker {
                display: none;
                width: 294px;
                padding: 35px;
                cursor: default;

                text-transform: uppercase;
                font-family: Tahoma;
                font-size: 12px;

                background: white;

                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;

                -webkit-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
                -moz-box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
                box-shadow: 0px 1px 1px rgba(255,255,255, .1), inset 0px 1px 1px rgb(0,0,0);
            }
            .ui-datepicker-header {
                position: relative;
                padding-bottom: 10px;
                border-bottom: 1px solid #d6d6d6;
            }

            .ui-datepicker-title { text-align: center; }

            .ui-datepicker-month {
                position: relative;
                padding-right: 15px;
                color: #11100C;
            }

            .ui-datepicker-year {
                padding-left: 8px;
                color: #11100C;
            }

            .ui-datepicker-month:before {
                display: block;
                position: absolute;
                top: 5px;
                right: 0;
                width: 5px;
                height: 5px;
                content: '';

                background: #a5cd4e;
                background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
                background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
                background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
                background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
                background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);

                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

            .ui-datepicker-prev,
            .ui-datepicker-next {
                position: absolute;
                top: -2px;
                padding: 5px;
                cursor: pointer;
            }

            .ui-datepicker-prev {
                left: 0;
                padding-left: 0;
            }

            .ui-datepicker-next {
                right: 0;
                padding-right: 0;
            }

            .ui-datepicker-prev span,
            .ui-datepicker-next span{
                display: block;
                width: 5px;
                height: 10px;
                background-image: url(../images/a15.png);
                background-color: black;
            }

            .ui-datepicker-prev span { background-position:10px 5px; }

            .ui-datepicker-next span { background-position: -5px 0px; }

            .ui-datepicker-prev-hover span { background-position: 0px -10px; }

            .ui-datepicker-next-hover span { background-position: -5px -10px; }
            .ui-datepicker-calendar th {
                padding-top: 15px;
                padding-bottom: 10px;

                text-align: center;
                font-weight: normal;
                color: #11100C;
            }

            .ui-datepicker-calendar td {
                padding: 0 7px;

                text-align: center;
                line-height: 26px;
            }

            .ui-datepicker-calendar .ui-state-default {
                display: block;
                width: 26px;
                outline: none;

                text-decoration: none;
                color: #11100C;

                border: 1px solid transparent;
            }
            .ui-datepicker-calendar .ui-state-active {
                color: white;
                border: 1px solid #AB8636;
                background:#FB3406;
            }

            .ui-datepicker-calendar .ui-state-active:hover {
                color: white;
                border: 1px solid #AB8636;
                background:#FB3406;
            }

            .ui-datepicker-calendar .ui-state-default:hover {
                color: white;
                border: 1px solid #AB8636;
                background:#FB3406;
            }

            .ui-datepicker-other-month .ui-state-default { color: #565656; }

           
.impstyle{width:100%;height:30px;background-color:#044B5B;text-align: center;color:white;font-size:20px;font-family: arial;box-shadow: 0 0 5px 0 gray;padding: 20px;}
	.imgstyle3{width:70px;height:20px;float:left;padding:3px;border:1px solid gray;border-radius: 3px;cursor:pointer;cursor:hand;margin-top:10px;font-size:10px;background:#044B5B;color:white;}
}