body  
{
    margin:0;
    padding:0; 
    background-color:#f9f9f9;
    background-image:url(../Images/body-bg.jpg);
    background-repeat:repeat-x;
    font-family:Arial;
    font-size:12px;
    color:#646363;
}

* { outline:none; }

input[type=text], input[type=password], input[type=file], input[type=checkbox], textarea { background-color:#FFFFFF; border:1px solid #dedede; padding:5px; margin:5px; }
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, input[type=checkbox]:focus, select:focus, textarea:focus { border:1px solid #7dcbf8; }
select { background-color:#FFFFFF; border:1px solid #dedede; padding:5px; margin:4px; }

#Wrap
{
    min-width:980px;
    height:100%;
}

#ServerMessage
{
    width:95%;
    height:200px;
    position:absolute;
    right:0;    
    border:1px solid #cccccc;
    overflow:auto;
    display:none;
}

#White_BG
{
    position:fixed;
    _position:fixed; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0px;
    background:#FFFFFF;    
    z-index:100;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;  
    display:none;
}
#Saving
{    
    width:423px;
    height:70px;
    position:absolute;
    background-image:url(../Images/saving.png);
    background-repeat:no-repeat;
    z-index:101;
    left:350px;
    margin-top:30px;
    line-height:70px;
    padding-left:50px;
    overflow:hidden;
    display:none;
}
.savedID
{    
    width:423px;
    height:70px;
    position:absolute;
    background-image:url(../Images/success.png);
    background-repeat:no-repeat;
    z-index:10;
    left:350px;
    margin-top:5px;
    line-height:70px;
    padding-left:50px;
    overflow:hidden;
    display:none;
    font-weight:bold;
    color:#FFFFFF;
}
#Success
{    
    width:423px;
    height:70px;
    position:absolute;
    background-image:url(../Images/success.png);
    background-repeat:no-repeat;
    z-index:101;
    left:350px;
    margin-top:30px;
    line-height:70px;
    padding-left:50px;
    overflow:hidden;
    color:#FFFFFF;
    font-weight:bold;
    display:none;
}
#Failed
{    
    width:423px;
    height:70px;
    position:absolute;
    background-image:url(../Images/failed.png);
    background-repeat:no-repeat;
    z-index:101;
    left:350px;
    margin-top:30px;
    line-height:70px;
    padding-left:50px;
    overflow:hidden;
    color:#FFFFFF;
    font-weight:bold;
    display:none;
}
#Error
{    
    width:423px;
    height:70px;    
    background-image:url(../Images/failed.png);
    background-repeat:no-repeat;            
    line-height:70px;
    padding-left:50px;
    overflow:hidden;
    color:#FFFFFF;
    font-weight:bold;
    display:none;
}

#Shade
{
    width:100%;
    height:10px;
    background-image:url(../Images/shade.png);
    background-repeat:repeat-x;
    position:absolute;    
}

#Header
{
    width:100%;
    height:146px;        
}
#Header_Top
{    
    width:100%;
    height:108px;
    overflow:hidden;
}
#User_Info
{
    width:392px;
    height:88px;    
    margin-left:10px;
    margin-top:10px;
    float:left;
    overflow:hidden;
}
#User_Photo
{
    width:100px;
    height:86px;
    overflow:hidden;
    background-image:url(../Images/user.jpg);
    background-repeat:no-repeat;
    float:left;    
}
#User_Data
{
    float:left;
    text-align:right;    
}
#User_Name {
    float: right;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #646363;
    margin-top: 45px;
    height: 20px;
    overflow: hidden;
    max-width: 280px;
}
#Logout
{
    width:75px;
    height:25px;    
    text-align:center;
    line-height:26px;
    float:right;
    cursor:pointer;
}
#Logo
{
    float:right;
    margin-right:10px;
}
#Header_Bottom
{
    width:100%;
    height:39px;
}
#Menu
{
    list-style:none;
    padding:0;
    margin:0;
}
    #Menu li {
        width: 196px;
        height: 38px;
        float: left;
        text-align: center;
        line-height: 45px;
        font-weight: bold;
        cursor: pointer;
    }

#Li_0 {
    position: absolute;
    width: 196px;
    height: 38px;
    background-color: #163665;
    display: none;
    color: #FFFFFF;
    line-height: 38px;
}
#Li_1 {
    position: absolute;
    width: 196px;
    height: 38px;
    background-color: #163665;
    display: none;
    color: #FFFFFF;
    line-height: 38px;
}
#Li_2 {
    position: absolute;
    width: 196px;
    height: 38px;
    background-color: #163665;
    display: none;
    color: #FFFFFF;
    line-height: 38px;
}
#Li_3 {
    position: absolute;
    width: 196px;
    height: 38px;
    background-color: #163665;
    display: none;
    color: #FFFFFF;
    line-height: 38px;
}
#Li_4 {
    position: absolute;
    width: 196px;
    height: 38px;
    background-color: #163665;
    display: none;
    color: #FFFFFF;
    line-height: 38px;
}
#Li_5 {
    position: absolute;
    width: 196px;
    height: 38px;
    background-color: #163665;
    display: none;
    color: #FFFFFF;
    line-height: 38px;
}
#Li_6 {
    position: absolute;
    width: 196px;
    height: 38px;
    background-color: #163665;
    display: none;
    color: #FFFFFF;
    line-height: 38px;
}

#Nav
{        
    width:208px;
    height:100%;
    float:left;
        
    background-image:url(../Images/nav.png);
    background-repeat:repeat-y;
    overflow:hidden;  
}
#Nav_Bar
{
    width:5px;
    height:400px;
    position:absolute;    
    margin-left:196px;
    cursor:pointer;
    background-image:url(../Images/nav-arrow.png);
    background-repeat:no-repeat;
    background-position:0px 200px;
}
.nav-tab { width:196px; height:30px; line-height:30px; cursor:pointer; background-color:#FFFFFF; }
.nav-tab-line {
    width: 196px;
    height: 2px;
    background-color: #0e733b;
    margin-bottom: 10px;
}

.nav-tab-over {
    width: 0px;
    height: 30px;
    line-height: 25px;
    background-color: #0e733b;
    color: #FFFFFF;
    cursor: pointer;
    position: absolute;
    margin-top: -30px;
    font-weight: bold;
    overflow: hidden;
}
.nav-tab-selected {
    width: 196px;
    height: 30px;
    line-height: 25px;
    background-color: rgb(84, 177, 244);
    color: #FFFFFF;
    font-weight: bold;
}

.nav-bottom { width:208px; height:60px; background-image:url(../Images/nav-bottom.png); background-repeat:no-repeat; }

#Container
{
    width:100%;    
    float:right;
    margin-left:-208px;
    
    background-image:url(../Images/content.jpg);
    background-repeat:no-repeat;
    background-position:200px 0px;    
}
#Content
{
    margin-left:208px;  
    min-height:200px;    
}
#Data
{
    margin-left:-8px;    
}
#Action_Bar
{    
    height:50px;
    padding-left:25px;
}
.action-bar-button
{
    height:27px;
    background-color:#FFFFFF;
    border:1px solid #dedede;
    text-align:center;
    line-height:25px;
    color:#53a8f9;
    float:left;
    margin-top:15px;
    padding-left:20px;
    padding-right:20px;
    margin-left:5px;
    cursor:default;
    font-size:12px;
    font-family:Arial;
}
.action-bar-button:hover
{
    background-color:#64b2fd;
    color:#FFFFFF;
}
.edit-cancel-button 
{
    width:100%;
    height:100%;
    background-color:#FFFFFF;    
    border:0;
    text-align:center;
    line-height:25px;
    color:#53a8f9;        
    cursor:default;
    font-size:12px;
    font-family:Arial;
}
.edit-cancel-button:hover
{
    background-color:#64b2fd;
    color:#FFFFFF;
}
.nomination-button
{
    width:120px;
    height:27px;
    background-color:#FFFFFF;    
    color:#53a8f9;
    border:1px solid #FFFFFF;
    text-align:center;
    line-height:25px;    
    padding-left:20px;
    padding-right:20px;    
    cursor:default;
    font-size:12px;
    font-family:Arial;
    
    width:30px;
    background-image:url(../Images/ret.png);
    background-repeat:no-repeat;
    background-position:center;
    padding:0;
}
.edit-nomination-button
{
    width:120px;
    height:27px;
    background-color:#FFFFFF;    
    color:#53a8f9;
    border:1px solid #FFFFFF;
    text-align:center;
    line-height:25px;    
    padding-left:20px;
    padding-right:20px;    
    cursor:default;
    font-size:12px;
    font-family:Arial;       
}
.nomination-button:hover
{        
    background-color:#f3f3f3;
    color:#FFFFFF;
}
.edit-nomination-button:hover
{        
    background-color:#64b2fd;
    color:#FFFFFF;
}
.attendance-button
{
    width:80px;
    height:27px;
    background-color:#FFFFFF;
    color:#53a8f9;
    border:1px solid #FFFFFF;
    text-align:center;
    line-height:25px;
    padding-left:20px;
    padding-right:20px;    
    cursor:default;
    font-size:12px;
    font-family:Arial;
}

.nomination-button-search
{
    width:120px;
    height:27px;
    background-color:#FFFFFF;    
    color:#53a8f9;
    border:1px solid #FFFFFF;
    text-align:center;
    line-height:25px;    
    padding-left:20px;
    padding-right:20px;    
    cursor:default;
    font-size:12px;
    font-family:Arial;
    
    width:30px;
    background-image:url(../Images/search.png);
    background-repeat:no-repeat;
    background-position:center;
    padding:0;
}
.nomination-button-search:hover
{        
    background-color:#f3f3f3;
    color:#FFFFFF;
}

.attendance-button:hover
{    
    background-color:#64b2fd;
    color:#FFFFFF;
}
#AddNew
{
    width:140px;
    height:50px;
    float:left;
    text-align:right;
}
#Page_Form
{    
    padding-left:30px;
    padding-top:15px;
}
#Page_Form_Title
{
    font-size:25px;
    color:#53a8f9;
    margin-bottom:30px;
    font-family:Arial;
}
.Page_Form_Title
{
    font-size:25px;
    color:#53a8f9;
    margin-bottom:30px;
    font-family:Arial;
}
.ErrorLabel
{
    width:600px;
    min-height:50px;
    line-height:50px;
    background-color:#ffd3d6;
    margin-bottom:10px;
    text-indent:60px;
    background-image:url(../Images/error.png);
    background-repeat:no-repeat;
    display:none;
}
.field-block
{
    width:100%;
    margin-bottom:30px;
}
.field-block-one-side
{
    width:375px;
    float:left;
    margin-bottom:30px;
}
#Data_List
{
    width:100%;
    overflow:hidden;
}
#Data_List_Header
{
    width:100%;
    height:26px;
    background-image:url(../Images/data-list-header.jpg);
    background-repeat:repeat-x;
    line-height:26px;
    font-weight:bold;
}
.column1 { width:30px; height:25px; text-align:center; overflow:hidden; border-bottom:1px solid #e5e5e5; }
.column2 { height:25px; overflow:hidden; border-left:1px solid #e5e5e5; padding-left:5px; border-bottom:1px solid #e5e5e5; }
.columnNo { width:100px; height:25px; overflow:hidden; border-left:1px solid #e5e5e5; padding-left:5px; border-bottom:1px solid #e5e5e5; }
.columnCC { width:150px; height:25px; overflow:hidden; border-left:1px solid #e5e5e5; padding-left:5px; border-bottom:1px solid #e5e5e5; }
.columnEdit { width:100px; height:25px; overflow:hidden; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; }
.columnCancel { width:100px; height:25px; overflow:hidden; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; }
.canceled { width:23px; height:23px; position:absolute; background-image:url(../Images/cancel.png);background-repeat:no-repeat; margin-left:4px; margin-top:1px; display:none; }
.Data_List_Content
{
    width:100%;
    height:25px;
    line-height:26px;
    background-color:#FFF;   
    cursor:default; 
}
#Data_List_Footer
{
    width:100%;    
    background-image:url(../Images/data-list-footer.png);
    background-repeat:repeat-x;
    text-align:center;          
    padding-top:10px;
}
.page-number
{
    width:36px;
    height:38px;
    background-image:url(../Images/pn-bg.png);
    background-repeat:no-repeat;
    text-align:center;
    line-height:38px;
    float:left;
    cursor:pointer;
    font-size:10px;
}
.page-number:hover
{
    background-image:url(../Images/pn-bg-over.png);
}
.page-number-selected
{
    width:36px;
    height:38px;
    background-image:url(../Images/pn-bg-selected.png);
    background-repeat:no-repeat;
    text-align:center;
    line-height:38px;
    float:left;
    font-size:10px;
    font-weight:bold;
}
.per-page
{
    color:#4795ff;
    cursor:pointer;
}

.fees-box 
{
    width:60px;
}
.table-blue-box 
{
    background-color:#86c63c;
    color:#FFFFFF;
}
.table-org-box 
{
    background-color:#e7912a;
    color:#FFFFFF;
}

#Source
{
    width:345px;
    min-height:300px;    
    float:left;
    border:1px solid #f1f1f1;
    background-color:#FFFFFF;
    padding-bottom:50px;
    
}
#Source div
{
    width:70px;
    height:20px;
    text-align:center;
    line-height:20px;
    float:left;
    background-color:#eeffd9;
    font-size:9px;
    margin:3px;
    padding:5px;
    cursor:pointer;
}
.source-selected
{
    width:70px;
    height:20px;
    text-align:center;
    line-height:20px;
    float:left;
    background-color:#ffe8ea;
    
    margin:3px;
    padding:5px;
    cursor:pointer;
}

#Destination
{
    width:345px;
    min-height:300px;    
    float:left;
    margin-left:50px;
    border:1px solid #f1f1f1;
    background-color:#FFFFFF;
    padding-bottom:50px;
}
#Destination div
{
    width:70px;
    height:20px;
    text-align:center;
    line-height:20px;
    float:left;
    background-color:#e4f2ff;
    margin:3px;
    padding:5px;
    cursor:pointer;
    font-size:9px;
}



.clear { clear:both; }

#Header_Print
{
    /*width:800px;*/
    width:100%;
    height:157px;
    background-image:url(../Images/header-print.jpg);
    background-repeat:no-repeat;
    overflow:hidden;
    text-align:center;
}

.p-field
{
    width:150px;
    height:20px;
    line-height:20px;
    /*background-color:#eaeaea;*/
    padding:2px;
    margin:2px;
    font-weight:bold;    
}
.p-value
{
    width:515px;
    height:20px;
    line-height:20px;    
    /*background-color:#eaeaea;*/
    padding:2px;
    margin:2px;
    margin-left:10px;
    font-size:14px;
}

.Permissions
{
    border-bottom:1px solid #dedede;
    width:745px;
}
.P_List div
{
    width:230px;    
    float:left;
}

#Footer
{
    width:100%;
    height:35px;
    background-image:url(../Images/footer.jpg);
    background-repeat:repeat-x;
    position:fixed;
    bottom:0px;
    margin-top:100px;
    line-height:48px;
}

#N_Search
{
    width:1007px;
    height:385px;
    background-image:url(../Images/n-search.png);
    position:absolute;
    display:none;
    z-index:110;
    top:500px;
}
#N_Search_Content
{
    width:940px;
    height:325px;    
    margin:0 auto;
    margin-top:30px;    
}

#CancellationDIV
{
    width:475px;
    background-color:#ffeded;
    padding:10px;
    display:none;
}

.Email-Pick {
    margin-left:155px;
    width:295px;
    height:30px;
    line-height:30px;
    background-color:#FFFFFF;
    padding-left:10px;
    margin-bottom:10px;
    color:#3a3a3a;
    cursor:pointer;
    box-shadow:2px 2px 10px #dedede;
    background-image:url(../Images/upload.jpg);    
}

.Email-Pick div {
    width:295px;
    height:30px;
    padding-left:10px;
    background-image:url(../Images/upload.png);
    position:absolute;
    margin-left:-10px;
    display:none;
}