ul, ol, li, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img, :link img, :visited img {
    border: none;
}

body {
    /*background: #909eab url(bg.png);*/
    background-color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 20px;
}

h1 {
    width: 35%;

    background-image: linear-gradient(bottom, rgb(8,77,117) 24%, rgb(2,56,87) 49%, rgb(8,77,117) 56%);
    background-image: -o-linear-gradient(bottom, rgb(8,77,117) 24%, rgb(2,56,87) 49%, rgb(8,77,117) 56%);
    background-image: -moz-linear-gradient(bottom, rgb(8,77,117) 24%, rgb(2,56,87) 49%, rgb(8,77,117) 56%);
    background-image: -ms-linear-gradient(bottom, rgb(8,77,117) 24%, rgb(2,56,87) 49%, rgb(8,77,117) 56%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.24, rgb(8,77,117)),
        color-stop(0.49, rgb(2,56,87)),
        color-stop(0.56, rgb(8,77,117))
    );
    background-image: -webkit-linear-gradient(bottom, rgb(8,77,117) 24%, rgb(2,56,87) 49%, rgb(8,77,117) 56%);
    border: solid 1px #888;
    border-top-right-radius: 10px 10px;
    box-shadow:inset 0px 0px 5px #333;
    color: #FFF;
    font: bold 15px arial;
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    text-align: center;
    text-shadow: 0.1em 0.1em #000;
    text-transform: capitalize;
    -moz-box-shadow:inset 0px 0px 5px #FFF;
    -webkit-box-shadow:inset 0px 0px 5px #888;
}

h2 {
    margin-bottom: 0;
    margin-left:10px;
    margin-right: 0;
    margin-top:5px;
    padding: 0;
}

td {
    background-color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

@font-face {
    /*Digital Clock font*/
    font-family: "DS-DIGI";
    src: url(DS-DIGI.TTF);
}

/* -- MAIN LAYOUT -- */
#banner {
    height: 130px;
    width: 100%;

    background: url("../images/POI_Banner.PNG");
    background-position: 0px 0px;
    background-repeat: no-repeat;
   /* background-size: 50%;*/
    border-top-left-radius:10px 10px;
    border-top-right-radius:10px 10px;
}

#banner_container {
    height: 130px;
    width: 99.2%;

    background: url("../images/slicebg.png");
    background-position: 20px 0px;
    background-repeat: repeat-x;
    border-top-left-radius:10px 10px;
    border-top-right-radius:10px 10px;
    margin-bottom:5px;
    margin-left:10px;
    margin-right:10px;
}

/* -- SCHEDULE (Doctor Schedule and Front-desk)-- */
#doctor_schedule_list {
    position:absolute;
    left:20px;
    top:250px;
    height:380px;
    width:70%;

    margin-left:10px;
    overflow:auto;
    scrollbar-3dlight-color: #7D7E94;
    scrollbar-arrow-color: #C1C1D1;
    scrollbar-darkshadow-color: #2D2C4D;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color:#7D7E94;
    scrollbar-shadow-color: #2D2C4D;
    scrollbar-track-color: #7D7E94;
}

#doctor_schedule_list table {
}

#doctor_schedule_list table thead {
}

#doctor_schedule_list table thead td {
    width:100px;
}

#doctor_schedule_list table tbody {
    height:100px;

    border:solid 1px red;
    overflow:auto;
}

#doctor_schedule_list table th {
    /*background:#54c6ff;*/
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
    /*
    background-image: linear-gradient(bottom, #54C6FF 33%, #70CEEB 50%, #74D8F7 84%);
    background-image: -o-linear-gradient(bottom, #54C6FF 33%, #70CEEB 50%, #74D8F7 84%);
    background-image: -moz-linear-gradient(bottom, #54C6FF 33%, #70CEEB 50%, #74D8F7 84%);
    background-image: -webkit-linear-gradient(bottom, #54C6FF 33%, #70CEEB 50%, #74D8F7 84%);
    background-image: -ms-linear-gradient(bottom, #54C6FF 33%, #70CEEB 50%, #74D8F7 84%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.33, #54C6FF),
        color-stop(0.5, #70CEEB),
        color-stop(0.84, #74D8F7)
    );
    */
    /*color:#000;*/
    color:#FFF;
    font-family: Helvetica, sans-serif; 
    font-size: 12px;
    line-height: 5px;
    margin:3px;
    text-align:center;
}

#doctor_schedule_list table th.doc {
    width:250px;

    box-shadow: 0px 0px 3px rgba(0,0,0,0.50);
    font-family: Helvetica, sans-serif;
    font-size: 12px; line-height: 5px;
    white-space: nowrap;
}

#doctor_schedule_list table th.time_block {
    width:100px;

    box-shadow: 0px 0px 3px rgba(0,0,0,0.50);
    font-family: Helvetica, sans-serif; 
    font-size: 12px; line-height: 5px;
    margin-left:20px;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
}

#doctor_schedule_list table td.scheds {
    width:200px;

    border:solid 1px;
    padding:10px;
}

#doctor_schedule_list ::-webkit-scrollbar {
    height:10px;
    width: 12px;
}

#doctor_schedule_list ::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
}

#doctor_schedule_list ::-webkit-scrollbar-thumb {
    background:#3da7f6;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

#frontdesk_calendar {
    position:absolute;
    right:20px;
    top:250px;
}

#images_list img {
    width:150px;

    display:inline;
    margin-right:10px;
    margin-top:5px;
}

/* -- HPED -- */
#hped_images_list img {
    width:150px;

    display:inline;
    margin-right:10px;
    margin-top:5px;
}

/* -- ICD -- */
#icd_display_list {
    width:200px;

    background:#FFF;
    border:solid 1px #000;
    content:"    ";
}

/* -- LOGIN -- */
#login_container {
    width:100%;

    margin-left:30%;
    margin-right:30%;
    margin-top:30px;
    text-align:center;
}

#login_container #login_content {
    width:40%;

    background-image: linear-gradient(bottom, #D7EAF5 45%, #DEEDF7 56%);
    background-image: -o-linear-gradient(bottom, #D7EAF5 45%, #DEEDF7 56%);
    background-image: -moz-linear-gradient(bottom, #D7EAF5 45%, #DEEDF7 56%);
    background-image: -webkit-linear-gradient(bottom, #D7EAF5 45%, #DEEDF7 56%);
    background-image: -ms-linear-gradient(bottom, #D7EAF5 45%, #DEEDF7 56%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.45, #D7EAF5),
        color-stop(0.56, #DEEDF7)
    );
    border-radius:5px 5px;
    box-shadow:0px 0px 3px 1px #aed0ea;
    padding:10px;
}

#login_container #login_content #login_icon {
    height:70px;
    width:100%;

    background:url("../images/patient_icon.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size:70px;
}

#login_container #login_content input[type='text'] {
    border-radius:5px 5px;
    border:solid 1px #2694e8;
    font:16px arial;
    margin:5px;
}

#login_container #login_content input[type='password'] {
    border-radius:5px 5px;
    border:solid 1px #2694e8;
    font:16px arial;
    margin:5px;
}

#login_container #login_content input[type='submit'] {
    background-image: linear-gradient(bottom, #44AFE5 50%, #62BCE9 50%);
    background-image: -o-linear-gradient(bottom, #44AFE5 50%, #62BCE9 50%);
    background-image: -moz-linear-gradient(bottom, #44AFE5 50%, #62BCE9 50%);
    background-image: -webkit-linear-gradient(bottom, #44AFE5 50%, #62BCE9 50%);
    background-image: -ms-linear-gradient(bottom, #44AFE5 50%, #62BCE9 50%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #44AFE5),
        color-stop(0.5, #62BCE9)
    );
    border:solid 1px #2694e8;
    border-radius:5px 5px;
    box-shadow:0px 0px 2px 1px #dddddd;
    color:#FFF;
    font:bold 13px arial;
    margin:5px;
    padding:10px;
}

#main_appointment_list {
    height:100%;
    width:100%;
}

#main_appointment_list th {
    width:150px;

    background:#dceefa;
    border:solid 1px #aed0ea;
    border-radius:5px 5px;
    color:#2779aa;
    font:bold 15px Arial;
    text-align:center;
    /*
    text-shadow:-1px -1px 0 #000,
                -1px -1px 0 #000,
                -1px -1px 0 #000,
                -1px -1px 0 #000;
    */
}

#main_appointment_list td {
    border-radius:5px 5px;
    text-align:left;
}

#main_display_date {
    position: absolute;
    left: 30px;
    top: 210px;
    height: 20px;
    width: 70%;

    font-size: 16px;
    font-weight: bold;
    overflow: auto;
    text-align: left;
}

#main_display_appointments {
    position: absolute;
    left: 30px;
    top: 240px;
    height: 400px;
    width: 70%;

    border-bottom-left-radius: 10px 10px;
    border-bottom-right-radius: 10px 10px;
    box-shadow: 0px 0px 3px 1px #dddddd;
    overflow: auto;
    text-align: left;
}

#main_display_calendar {
    position: absolute;
    right: 30px;
    top: 210px;
}

#other_options_box table td {
    background:transparent;
}

#pager_container {
    margin-bottom:3px;
    margin-top:5px;
}
#profile_pic_container{
	float: left;
    margin-right:50px;
}
#profile_pic_uploader{
	display:none;
}
#profile_pic {
    height: 120px;
    width: 120px;

    background: url("../images/patient_icon.png");
    background-position: center;
    background-repeat: no-repeat;
    border:solid 1px #aed0ea;
	/*
    float: left;
    margin-right:50px;

	*/
	
}

#profile_pic img {
    width:160px;
}

#tabs {
    width: 98%;

    margin-bottom:5px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    padding:5px;
}

#topmenu li {
    width: auto;

    background: #FFF;
    display: inline-block;
}

#topmenu li.sub {
    position:relative;
    width: 150px;

    display:block;
    z-Index:100;
}

#topmenu li ul {
    width: 150px;

    background: #FFF;
}

.account_list {
    height:310px;
    width:98%;

    background:#e8f1fa;
    border:solid 1px #aed0ea;
    border-radius: 5px 5px;
    margin-bottom:5px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    padding:5px;
}

.account_list_pager {
    border-top-left-radius:5px 5px;
    border-top-right-radius:5px 5px;
    background:#f2f5f7;
    box-shadow:0px 0px 2px 1px #888;
    margin-bottom:5px;
    margin-top:5px;
}

.add_row_icon {
    height:20px;
    width:20px;

    /*
    background:url("../images/down-icon.png");
    background-repeat:no-repeat;
    */
    cursor:pointer;
}

.remove_row_icon {
    height:20px;
    width:20px;

    background:url("../images/close-icon.png");
    background-repeat:no-repeat;
    cursor:pointer;
}

.arrow-down {
    float: right;
    margin-top: 0px;
    padding-top: 4px;
}

.arrow-down div {
    height: 0;
    width: 0;

    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    cursor:pointer;
}

.arrow-up {
    float: right;
    margin-top: 0px;
    padding-top: 0px;
}

.arrow-up div {
    height: 0;
    width: 0;

    border-color: transparent transparent #000 transparent;
    border-style: solid;
    border-width: 5px;
    cursor:pointer;
}

.button_container {
    width: 98%;

    margin-bottom:5px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    padding:5px;
}

.data_form {
    width:99%;

    background:#f2f5f7;
    border:solid 1px #aed0ea;
    border-radius:5px 5px;
    margin-left:10px;
    margin-right:20px;
    margin-top:10px;
}

.data_form th {
    color: #2787ce;
    text-align: right;
    vertical-align: top;
}

.data_form td {
    background-color: transparent;
    vertical-align: top;
}

.display_list_style {
    width:98%;

    background:#e8f1fa;
    border:solid 1px #aed0ea;
    border-radius: 5px 5px;
    margin-bottom:5px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    padding:5px;
}

.extra_menu_container {
    width: 98%;

    /*background: #d9ecfa; */
    background-image: linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -o-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -moz-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -webkit-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -ms-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #DCEEFA),
        color-stop(0.5, #E8F1FA)
    );
    border:solid 1px #aed0ea;
    border-radius:5px 5px;
    /*box-shadow: 0px 0px 2px rgba(0,0,0,0.50);*/
    margin-bottom:5px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    padding:5px;
}

.extra_menu_container input[type='button'] {
    background-color:#008edb;
    background-image: linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -o-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -moz-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -webkit-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -ms-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.37, #107BB5),
        color-stop(0.69, #008EDB)
    );
    border:solid 1px blue;
    box-shadow:0px 0px 1px 1px #888;
    color:#FFF !important;
    cursor:pointer;
    font:bold 12px arial;
    margin-right:3px;
    padding-left:5px;
    padding-right:5px;
    /*text-shadow:0.1em 0.1em #000;*/
}

.extra_menu_container input[type='button'].green {
    background-color:#008edb;
    background-image: linear-gradient(bottom, #19B3B3 24%, #04CCCC 62%);
    background-image: -o-linear-gradient(bottom, #19B3B3 24%, #04CCCC 62%);
    background-image: -moz-linear-gradient(bottom, #19B3B3 24%, #04CCCC 62%);
    background-image: -webkit-linear-gradient(bottom, #19B3B3 24%, #04CCCC 62%);
    background-image: -ms-linear-gradient(bottom, #19B3B3 24%, #04CCCC 62%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.24, #19B3B3),
        color-stop(0.62, #04CCCC)
    );
    border:solid 1px green;
    box-shadow:0px 0px 1px 1px #888;
    color:#FFF !important;
    cursor:pointer;
    font:bold 12px arial;
    margin-right:3px;
    padding-left:5px;
    padding-right:5px;
}

.extra_menu_container input[type='button'].menu_big_btn {
    width:150px;
	/*
    background-color:#008edb;
    background-image: linear-gradient(bottom, #E37D10 22%, #FA972D 61%);
    background-image: -o-linear-gradient(bottom, #E37D10 22%, #FA972D 61%);
    background-image: -moz-linear-gradient(bottom, #E37D10 22%, #FA972D 61%);
    background-image: -webkit-linear-gradient(bottom, #E37D10 22%, #FA972D 61%);
    background-image: -ms-linear-gradient(bottom, #E37D10 22%, #FA972D 61%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.22, #E37D10),
        color-stop(0.61, #FA972D)
    );
	*/
	background-image: linear-gradient(bottom, rgb(236,101,18) 14%, rgb(255,158,109) 82%);
background-image: -o-linear-gradient(bottom, rgb(236,101,18) 14%, rgb(255,158,109) 82%);
background-image: -moz-linear-gradient(bottom, rgb(236,101,18) 14%, rgb(255,158,109) 82%);
background-image: -webkit-linear-gradient(bottom, rgb(236,101,18) 14%, rgb(255,158,109) 82%);
background-image: -ms-linear-gradient(bottom, rgb(236,101,18) 14%, rgb(255,158,109) 82%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(236,101,18)),
	color-stop(0.82, rgb(255,158,109))
);
/*
text-shadow:
    -1px -1px 0 #782800,
    1px -1px 0 #782800,
    -1px 1px 0 #782800,
    1px 1px 0 #782800;  
	*/
/*	
	background-image: linear-gradient(bottom, rgb(61,162,198) 14%, rgb(156,216,238) 82%);
background-image: -o-linear-gradient(bottom, rgb(61,162,198) 14%, rgb(156,216,238) 82%);
background-image: -moz-linear-gradient(bottom, rgb(61,162,198) 14%, rgb(156,216,238) 82%);
background-image: -webkit-linear-gradient(bottom, rgb(61,162,198) 14%, rgb(156,216,238) 82%);
background-image: -ms-linear-gradient(bottom, rgb(61,162,198) 14%, rgb(156,216,238) 82%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.14, rgb(61,162,198)),
	color-stop(0.82, rgb(156,216,238))
);
*/

    /*
    background-image: linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -o-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -moz-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -webkit-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -ms-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.37, #107BB5),
        color-stop(0.69, #008EDB)
    );
    */
    /*border:solid 1px rgba(227,125,16,0.7);*/
	/*
    border-top-right-radius:5px 5px;
    border-top-left-radius:5px 5px;
	*/
    /*box-shadow:0px 0px 1px 1px #888;*/
    color:#FFF !important;
	text-shadow: 0px 1px 1px rgba(187, 69, 0, 1);
    cursor:pointer;
    font:bold 13px arial;
	border:0px;
    padding:5px;
    padding-left:5px;
    padding-right:5px;
	margin:-1px;
	/*
    margin-right:3px;
	*/
    /*text-shadow:0.1em 0.1em #000;*/
}

.extra_menu_container input[type='button'].menu_big_btn:hover {
    /*box-shadow:inset 0px 0px 5px 3px rgba(88,88,88,0.8);*/
	box-shadow:inset 0px 0px 5px 3px #7A4526;

}

.form th, label {
    color: #2787ce;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: left;
    vertical-align: top;
}

.form td {
    background-color: transparent;
    vertical-align: top;
}

.form_box {
    width: 98%;

    background: #f2f5f7;
    border-radius: 5px 5px;
    box-shadow: 0px 0px 2px 1px #888;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    padding:5px;
}

.vaccination_chart{
	width: 100%;
	background: #F5DBB8;
	box-shadow: 6px 6px 12px #757575;
	border:0px;
	-moz-border-radius-bottomleft:7px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
	
}

.vaccination_chart tr, .vaccination_chart td{
	border:1px solid #9E5B00;
	background-color: #FFE2BA;
	padding: 5px;
}

.vaccination_chart th{
	border:1px solid #9E5B00;
	background-color: #F0A746;
	text-transform: uppercase;
	padding:8px;
}

.form_btn {
    background-color:#008edb;
    background-image: linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -o-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -moz-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -webkit-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -ms-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.37, #107BB5),
        color-stop(0.69, #008EDB)
    );
    border:solid 1px blue;
    box-shadow:0px 0px 1px 1px #888;
    color:#FFF !important;
    cursor:pointer;
    font:bold 12px arial;
    margin-right:3px;
    padding-left:5px;
    padding-right:5px;
    /*text-shadow:0.1em 0.1em #000;*/
}

.form_del_btn {
    background-color:#008edb;
    background-image: linear-gradient(bottom, #B5101E 37%, #D61125 69%);
    background-image: -o-linear-gradient(bottom, #B5101E 37%, #D61125 69%);
    background-image: -moz-linear-gradient(bottom, #B5101E 37%, #D61125 69%);
    background-image: -webkit-linear-gradient(bottom, #B5101E 37%, #D61125 69%);
    background-image: -ms-linear-gradient(bottom, #B5101E 37%, #D61125 69%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.37, #B5101E),
        color-stop(0.69, #D61125)
    );
    border:solid 1px #700812;
    box-shadow:0px 0px 1px 1px #888;
    color:#FFF !important;
    cursor:pointer;
    font:bold 12px arial;
    margin-right:3px;
    padding-left:5px;
    padding-right:5px;
    /*text-shadow:0.1em 0.1em #000;*/
}

.frontdesk_selected_cell {
    background:yellow;
    border:solid 1px yellow;
}

.frontdesk_block_time {
    background-color:green;
    color:#FFF;
    font:bold 14px arial;
}

.frontdesk_menu {
    width:97%;

    background: #efefef;
    border-radius:5px 5px;
    box-shadow: 0px 0px 9px rgba(0,0,0,0.50);
    margin-bottom:10px;
    margin-left:10px;
    margin-top:5px;
    padding:10px;
}

.labwork_details_container {
    width: 100%;

    /*background: #f2f5f7;*/
    border: solid 1px #aed0ea;
    border-radius: 2px 2px;
}

.labwork_title_link {
    color: #023669;
    cursor: pointer;
    font: bold 12px arial;
    text-decoration: none;
}

.labwork_title_link :hover {
    text-decoration: underline;
}

/* css menu */
.nav {
    position:relative;
    width:100%;

    font-family: Helvetica, sans-serif;
    font-size: 12px;
    line-height: 5px;
    margin-bottom: 110px auto;
    margin-left:5px;
    margin-right:5px;
    text-align: center;
    z-Index:10;
}

.nav ul ul {
    display: none;
}

.nav ul li:hover > ul {
    width:300px;

    display: block;
    margin-left:0px;
}

.nav ul {
    position: relative;
    width:96%;

    background: #efefef;
    /*
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
    */
    /*
    background-image: linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -o-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -moz-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -webkit-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -ms-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #DCEEFA),
        color-stop(0.5, #E8F1FA)
    );
    border:solid 1px #aed0ea;
    */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.40);
    display: inline-table;
    list-style: none;
    padding: 0 20px;
}

.nav ul:after {
    clear: both;
    content: "";
    display: block;
}

.nav ul li {
    float: left;
}

.nav ul li:hover {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}

.nav ul li:hover a {
    color: #fff;
}

.nav ul li a {
    color: #757575;
    display: block;
    padding: 18px 30px;
    text-decoration: none;
}

.nav ul ul {
    position: absolute;
    top: 100%;

    background: #5f6975;
    border-radius: 0px;
    padding: 0px;
}

.nav ul ul li {
    position: relative;

    border-bottom: 1px solid #575f6a;
    border-top: 1px solid #6b727c;
    float: none;
}

.nav ul ul li a {
    color: #fff;
    padding: 12px 40px;
}

.nav ul ul li a:hover {
    background: #4b545f;
}

.nav ul ul ul {
    position: absolute;
    left: 100%;
    top:0;
}

.pager_container_style {
    width:98%;

    background-image: linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -o-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -moz-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -webkit-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -ms-linear-gradient(bottom, #DCEEFA 50%, #E8F1FA 50%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #DCEEFA),
        color-stop(0.5, #E8F1FA)
    );
    border:solid 1px #aed0ea;
    border-radius:5px 5px;
    /*box-shadow: 0px 0px 2px rgba(0,0,0,0.50);*/
    margin-bottom:5px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    padding:5px;
}

.pager_links {
    background-color:#008edb;
    background-image: linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -o-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -moz-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -webkit-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -ms-linear-gradient(bottom, #107BB5 37%, #008EDB 69%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.37, #107BB5),
        color-stop(0.69, #008EDB)
    );
    border:solid 1px blue;
    box-shadow:0px 0px 1px 1px #888;
    color:#FFF !important;
    cursor:pointer;
    font:bold 12px arial;
    margin-right:3px;
    padding-left:5px;
    padding-right:5px;
    text-shadow:0.1em 0.1em #000;
}

.pager_links:hover {
    text-decoration:none;
}

.pager_selected_page {
    background-color:#888;
    border:solid 1px gray;
    font:bold 12px arial;
    margin-right:3px;
    padding-left:5px;
    padding-right:5px;
}

.printer_icon {
    cursor:pointer;
    width: 20px;
}

.required_field {
    border:solid 1px red;
}

.required_field_label {
    color: red;
}

.show_form {
    width:100%;

    background:#f2f5f7;
    border:solid 1px #888;
    border-radius:10px 10px;
    margin-top:10px;
    text-align:left;
}

.spacer {
    height: 15px;
}

.table_list {
    width:100%;
}

.table_list th {
    background-image: linear-gradient(bottom, #0E5BAD 29%, #00366B 51%, #0E5BAD 74%);
    background-image: -o-linear-gradient(bottom, #0E5BAD 29%, #00366B 51%, #0E5BAD 74%);
    background-image: -moz-linear-gradient(bottom, #0E5BAD 29%, #00366B 51%, #0E5BAD 74%);
    background-image: -ms-linear-gradient(bottom, #0E5BAD 29%, #00366B 51%, #0E5BAD 74%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.29, #0E5BAD),
        color-stop(0.51, #00366B),
        color-stop(0.74, #0E5BAD)
    );
    background-image: -webkit-linear-gradient(bottom, #0E5BAD 29%, #00366B 51%, #0E5BAD 74%);
    color: #FFF;
    font: bold 12px arial;
}

.table_list td {
    background:transparent;
    text-align: center;
}

.table_list td a {
    color: #023669;
    font: bold 12px arial;
}
#patient_image_delete_btn{
	background: rgba(208,0,24,1);
background: -moz-linear-gradient(left, rgba(208,0,24,1) 0%, rgba(118,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(208,0,24,1)), color-stop(100%, rgba(118,0,0,1)));
background: -webkit-linear-gradient(left, rgba(208,0,24,1) 0%, rgba(118,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(208,0,24,1) 0%, rgba(118,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(208,0,24,1) 0%, rgba(118,0,0,1) 100%);
background: linear-gradient(to right, rgba(208,0,24,1) 0%, rgba(118,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d00018', endColorstr='#760000', GradientType=1 );
	color:white;
	width:20px;
	height:20px;
	padding:5px;
	text-align:center;
    font:bold 12px arial;
	border-radius:5px 5px;
   display:inline;
}
#patient_image_delete_btn:hover{
	box-shadow:0 0 3px 2px #7c7c7c;
}
#patient_image_delete_btn:hover{
	box-shadow:0 0 3px 2px #7c7c7c;
}
#patient_image_delete_btn:active{
	box-shadow:inset 0 0 3px 2px #7c7c7c;
}
#patient_img_upload_btn,#patient_img_remove_btn,#patient_img_capture_btn{
	padding:1px;
	display:inline;
	margin:0px;
	
}