﻿/* ======================================================
   For Login Page
====================================================== */
#login_section {
    background: rgba(255, 0, 0, 0);
    border: 1px solid #6D6D6D;
    /* border: 1px solid rgba(255, 0, 0, 0.199219); */
    border-bottom-left-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-top-left-radius: 8px 8px;
    border-top-right-radius: 8px 8px;
    padding: 10px 20px;    
    display: block;    
    margin: 1em 0px;    
}

.inner_section {
    padding: 10px 10px 10px 10px;
    width: 100%;
    height: auto;
}

.left_section {
    float: left;
    width: 67%;
    height: 500px;
}

.left_section {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma, Arial, sans-serif;  	
    padding: 0px 0px 3px;
}

.vertical_line {
    border: 1px solid #6D6D6D;
    height: 155px;
    margin: auto;
    width: 0px;
}

.right_section {
    width: 30%;
    height: auto;
    float: left;
}

/* Large Disabled Button */
.lrg_ds_btn {
    background-color: #D2D2D2;
    border-color: #D2D2D2;
    border-radius: .25em;
    box-shadow: 0 1px 2px rgba(0,0,0,0);
    color: #6E6E6E;
    cursor: default;
    display: inline-block;
    font-family: 'Trebuchet MS', Tahoma, Georgia;
    font-size: 20px;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    zoom: 1;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0);
}

/* Large Enabled Button: Blue */
.lrg_en_btn_blue {
    background-color: #1A73E8;
    border-color: #1A73E8;
    border-radius: .25em;
    box-shadow: 0 1px 2px rgba(0,0,0,0);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Trebuchet MS', Tahoma, Georgia;
    font-size: 20px;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    zoom: 1;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0);
}

/* Large Enabled Button: Yellow */
.lrg_en_btn_yellow {
    background-color: #FFFF00;
    border-color: #FFFF00;
    border-radius: .25em;
    box-shadow: 0 1px 2px rgba(0,0,0,0);
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: 'Trebuchet MS', Tahoma, Georgia;
    font-size: 20px;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    zoom: 1;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0);
}

/* Large Enabled Button: Yellow */
.lrg_en_btn_gray {
    background-color: #C6C6C6;
    border-color: #7F7F7F;
    border-radius: .25em;
    box-shadow: 0 1px 2px rgba(0,0,0,0);
    display: inline-block;
    font-family: 'Trebuchet MS', Tahoma, Georgia;
    font-size: 20px;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    zoom: 1;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0);
}

/* Regular Disabled Button */
.reg_ds_btn {
    background-color: #D2D2D2;
    border-color: #D2D2D2;
    border-radius: .25em;
    box-shadow: 0 1px 2px rgba(0,0,0,0);
    color: #6E6E6E;
    cursor: default;
    display: inline-block;
    font-family: 'Trebuchet MS', Tahoma, Georgia;
    font-size: 14px;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    zoom: 1;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0);
}

/* Regular Enabled Button: Blue */
.reg_en_btn_blue {
    background-color: #1A73E8;
    border-color: #1A73E8;
    border-radius: .25em;
    box-shadow: 0 1px 2px rgba(0,0,0,0);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Trebuchet MS', Tahoma, Georgia;
    font-size: 14px;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    zoom: 1;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0);
}

.error {
    background: rgba(255, 0, 0, 0.046875);
    border: 1px solid rgba(255, 0, 0, 0.199219);
    border-bottom-left-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-top-left-radius: 8px 8px;
    border-top-right-radius: 8px 8px;
    color: red;
    padding: 5px 10px;
    font-size: 13px;
    font-family: 'Trebuchet MS', Georgia, Tahoma;
}

/* =================================================== */

.BigBlueText {
    color: #0075FF;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-top: 20px;
}

.BigBlackText {
    color: black;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    font-size: 30px;
    font-weight: normal;
    margin-top: 20px;
}

BlackBoldText {
    color: black;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
    margin-top: 20px;
}

.LargeBlueText {
    color: #0075FF;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
}

.MediumBlueText {
    color: #0075FF;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.lbl_large_blue {
    color: #0075FF;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
}

.lbl_small_gray {
    color: #888;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    font-size: 14px;
    padding-bottom: 5px;   
    margin-top: 10px;
}

a { cursor: pointer; }

.gray {
    cursor: default;
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.gray:active {
    cursor: default;
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top,  #575757,  #888);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.yellow {
    color: #000000;
    border: solid 1px #000000;
    background: #FFFF00;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#FFFF00));
    background: -moz-linear-gradient(top,  #FFFF00,  #FFFF00);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#ffff00');
}

.orange {
    color: #e8f0de;
    border: solid 1px #ed6d2c;
    background: #fb8338;
    background: -webkit-gradient(linear, left top, left bottom, from(#F29466), to(#CD4F12));
    background: -moz-linear-gradient(top,  #f29466,  #cd4f12);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f29466', endColorstr='#cd4f12');
}

.green {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

.green:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.green:active {
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* =================================================== */

input[type=text] {
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    border-bottom-style: solid;
    border-color: #666666;
    border-width: 1px;
    background-color: white;
}

input[type=password] {
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    border-bottom-style: solid;
    border-color: #666666;
    border-width: 1px;
    background-color: white;
}

.no-outline:focus {
    outline: none;
}

input[type="date"] {
    border: none;
    border-width: 0;
    box-shadow: none;
    display: inline-flex;
    font-family: 'Tahoma';
    font-size: 18px;
    outline: none;
    overflow: hidden;
    padding: 0;
    -webkit-appearance: none;
    -webkit-padding-start: 1px;
    -webkit-align-items: center;
}

input[type=radio] {
    padding: 8px;
    border: 1px solid #DDD;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    -moz-border-radius: 5px;    
}

.DropDownStyle {
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    border-bottom-style: hidden;
    border-color: #666666;
    border-width: 1px;
    background-color: white;
    padding: 5px;
    font-size: 14px;
    font-family: 'Trebuchet MS', Rockwell, Arial, sans-serif;
}

.DropDownStyle_X {
    padding: 2px;
    border: 1px solid #DDD;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    -moz-border-radius: 2px;    
    font-size: 14px;
    font-family: 'Trebuchet MS', Rockwell, Arial, sans-serif;  	   
  }

.lblText {
  	color: #888;
    font-family: Tahoma, Arial, sans-serif;
    font-weight: normal;
    font-size: 18px;
}

.normaltxt {
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-weight: normal;
    color: #666666;
}
  
.link {
  	font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    font-size: 18px;
}

.SmallLinkTxt {
  	color: #888888;
    font-size: 14px;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

/* Logout Button */
.LogoutBtn {
    background-color: #D7E1E3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    color: #000000;
    font-family: 'Trebuchet MS', Tahoma, Georgia, Verdana;
    font-size: 16px;
    font-weight: normal;
    padding: 3px 3px 8px 3px;
    text-decoration: none;
}

.LogoutBtn:hover {
    color: #ffffff;
    background-color: #465F64;
}

.LogoutBtn:active {
    position: relative;
    top: 1px;
}
