﻿.username
{
    background-color: #FFFFFF;
    color: #666699;
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    height: 21px;
    width: 220px;
}

.username:focus, .username:hover
{
    background-color: #F0FFE6;
}

#MainMaster input[type="text"]
{
    height: 15px;
    font-size: 11px;
    font-family: arial, Helvetica, sans-serif;
    color: #000000;
}

select
{
    font-size: 11px;
    font-family: arial, Helvetica, sans-serif;
    color: #000000;
}

textarea
{
    font-size: 11px;
    font-family: arial, Helvetica, sans-serif;
    color: #000000;
}

.text1
{
    font-weight: bold;
    font-size: 14px;
    font-family: arial, Helvetica, sans-serif;
    color: #003C52;
}

.text2
{
    font-size: 12px;
    font-family: arial, Helvetica, sans-serif;
    color: #000000;
}

.text3
{
    font-size: 11px;
    font-family: arial, Helvetica, sans-serif;
    color: #000000;
}

.text3B
{
    font-size: 11px;
    font-family: arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
}

.text4
{
    font-size: 10px;
    font-family: arial, Helvetica, sans-serif;
    color: #FF0000;
}

.text5
{
    font-weight: bold;
    font-size: 11px;
    font-family: arial, Helvetica, sans-serif;
    color: #0784C2;
}

.text6
{
    font-weight: bold;
    font-size: 12px;
    font-family: arial, Helvetica, sans-serif;
    color: #003C52;
}

.text7
{
    font-size: 10px;
    font-family: arial, Helvetica, sans-serif;
    color: #000000;
}

.text8
{
    font-weight: bold;
    font-size: 14px;
    font-family: arial, Helvetica, sans-serif;
    color: #0784C2;
}

.text9
{
    font-size: 12px;
    font-family: arial, Helvetica, sans-serif;
    color: #0784C2;
}

.text10
{
    font-weight: bold;
    font-size: 12px;
    font-family: arial, Helvetica, sans-serif;
    color: #0784C2;
}

.textSuperscipt
{
    font-size: 9px;
    font-weight: normal;
    font-family: arial, Helvetica, sans-serif;
    color: #FF0000;
}

.button1, .button2, .button3
{
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    color: #FFFFFF;
    font-weight: bold;
    font-family: arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}

.button1
{
    background-image: url('images/Buttons/button1.png');
    width: 82px;
    font-size: 14px;
}

.button1:hover
{
    background-image: url('images/Buttons/button1-active.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.button2
{
    background-image: url('images/Buttons/button2-in.png');
    width: 127px;
    font-size: 11px;
}

.button2:hover
{
    background-image: url('images/Buttons/button2-ac.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.button3
{
    background-image: url('images/Buttons/button1.png');
    width: 82px;
    font-size: 11px;
    height: 18px;
}

.button3:hover
{
    background-image: url('images/Buttons/button1-active.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.closebutton
{
    cursor:pointer;
    src:url('images/Background/close-in.png');
    background-color: #0288BB;
}

.closebutton:hover
{
    src:url('images/Background/close-ac.png');
}

.textbox1
{
    background-position: center center;
    background-image: url('images/Background/textbox-inactive.png');
    background-repeat: no-repeat;
    width: 238px;
    height: 38px;
    padding-top: 11px;
    padding-left: 12px;
}

.textbox1:hover
{
    background-position: center center;
    background-image: url('images/Background/textbox-active.png');
    background-repeat: no-repeat;
}

.textbox2
{
    background-position: center center;
    width: 284px;
    height: 39px;
    padding-top: 13px;
    background-image: url('images/Background/textbox2-inactive.png');
    background-repeat: no-repeat;
}

.textbox2:hover
{
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('images/Background/textbox2-active.png');
}

.Listbox
{
    border-style: none;
    height: auto;
}

.TableHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #49b1fa;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    height: 25px;
}

.gridview th
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #49b1fa;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    height: 25px;
}

.gridview tbody td
{
    padding: 5px 5px 5px 5px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    text-align: left;
}

.center_checkbox
{
    vertical-align: middle;
}

.gridviewfooter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #49b1fa;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    height: 25px;
}

.gridview_tr_Yellow
{
    background-color: #FFFFCC;
}

.gridview_tr_Green
{
    background-color: #66FF99;
}

.gridview tr:hover
{
    padding: 5px 5px 5px 5px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    text-align: left;
    background-color: #CCEEFF;
}

.gridview_SelectedRow
{
    background-color: #FFCC66;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    vertical-align: middle;
    text-align: center;
}

.gridview_AlternatingRow
{
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    vertical-align: middle;
    text-align: center;
}

.modalBackground
{
    background-color: #C0C0C0;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.TabButtonActive, .TabButtonInActive
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    height: 26px;
    width: 149px;
    background-color: #FFFFFF;
}

.TabBigActive
{
    border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #2D9CDE;
    height: 25px;
    width: 100%;
}

.TabBigInactive
{
    border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
    height: 25px;
    width: 100%;
}

.TabBigActive:hover
{
    cursor: pointer;
    background-color: #2D9CDE;
    color: #FFFFFF;
}

.TabBigInactive:hover
{
    cursor:pointer;
    background-color: #2D9CDE;
    color: #FFFFFF;
}

.TabSmallActive
{
    border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #2D9CDE;
    height: 20px;
    width: 100%;
}

.TabSmallInactive
{
    border: 1px solid #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
    height: 20px;
    width: 100%;
}

.TabSmallActive:hover
{
    cursor: pointer;
    background-color: #2D9CDE;
    color: #FFFFFF;
}

.TabSmallInactive:hover
{
    cursor:pointer;
    background-color: #2D9CDE;
    color: #FFFFFF;
}

/*Header*/
.Tab .ajax__tab_header
{
    color: #000000;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    background-color: #ffffff;
    padding-top: 5px;
    height: 26px;
}
/*Body*/
.Tab .ajax__tab_body
{
}

.Tab .ajax__tab_tab
{

}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #FFFFFF;
    background-image: url('images/Buttons/taborange.png');
    background-repeat: no-repeat;
    height: 26px;
    width: 149px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    background-image: url('images/Buttons/taborange.png');
    background-repeat: no-repeat;
    height: 26px;
    width: 149px;
    color: #FFFFFF;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    background-image: url('images/Buttons/tabwhite.png');
    background-repeat: no-repeat;
    width: 149px;
    height: 26px;
    color: #000000;
}

/*for notifications*/

#message_box
{
    background-position: left top;
    position: fixed;
    bottom: 0px;
    width: 250px;
    height: 120px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-repeat: no-repeat;
    background-image: url('images/Background/noti.png');
    padding-top: 10px;
    padding-left: 15px;
    right: 0px;
}

.notice
{

}

.skin
{
   
}

.content
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#unreadtickets
{
    height: 20%;
}
    
/*#notif_board
{
    border-style: solid;
    border-width: thin;
    height: 80%;
    overflow:scroll;
    }*/