﻿body 
{
    margin: 0px 0px 0px 0px;
    background-image: url(images/BackGround.jpg);
    background-repeat: repeat-x;
    font-family:Verdana,Arial,Tahoma;font-size:12px;
}
a:link
{
    text-decoration: none;
    color: #696969;    
}
a:visited
{
    text-decoration: none;    
    color: #696969;
}
a:hover
{
    text-decoration: underline;
    color: #000000;
}

a:link span
{
    text-decoration: underline;
    color: white;    
}
a:visited span
{
    text-decoration: underline;    
    color: white;
}
a:hover span
{
    text-decoration: underline;
    color: white;
}

select, textarea
{
    border: solid 1px #a9a9a9;    
    font-family:Verdana,Arial,Tahoma;
    font-size:12px;
}

.TextBox
{
    border: solid 1px #a9a9a9;    
}

.FileUploader
{
    border: solid 1px #a9a9a9;    
    width: 400px;
}
.DisplayBlock
{
    display: block;
}
.ItemGrid
{
    overflow:hidden;
}
#MainTable
{
    width: 730px;    
}
#tdHeader
{
    height: 99px;
    background-image: url(images/Header.jpg);
}
#tdBar
{
    height: 25px;
    background-image: url(images/TopBar.jpg);
    text-align: right;    
}
#tdFooter
{
    height: 25px;
    background-image: url(images/Footer.png);
}
#BodyTable
{
    width: 100%; 
    height: 300px;
    background-color: #f5f5f5;       
}
#tdMenu
{
    width: 150px;
    vertical-align: top;
    background-color: #FFFFFF;
}
#tdContent
{
    vertical-align: top;
    padding-left:15px;
    padding-top: 15px;    
}
#UserTable
{
    height: 100%;
}
/*Modal Popup*/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
/*--------------------------------------------------------*/
/* Labels ------------------------------------------------*/
/*--------------------------------------------------------*/
.lblTitle
{
    font-weight: bold;
    font-size: 13px;
    display:block;
    text-align: left;
}
.lblTitleInline
{
    font-weight: bold;
    font-size: 13px;
    
    text-align: left;
}
.lblError
{
    color: #FF0000;
}
.lblUserName
{
    color: #FFFFFF;
}
.lblField
{
    font-weight: bold;    
    text-align: left;
    padding-top: 5px;   
}
.lblNode
{
    font-size: 11px;
    color: #000000;
    width: 100%;
    border: solid 1px #FFFFFF;
    display:block;
}
.lblNode:hover
{
    text-decoration: none;
    color: #000000;
    background-color: #F5F5F5;
    border: solid 1px #cccccc;    
}
/*--------------------------------------------------------*/
/* Buttons -----------------------------------------------*/
/*--------------------------------------------------------*/
.btnLogin
{
    background-image: url(images/btnLogin.gif);
    width: 50px;
    height: 25px;
    display:block;    
}
.btnLogin:hover
{
    background-image: url(images/btnLogin_on.gif);    
}
.btnForgot
{
    background-image: url(images/btnForgot.gif);
    width: 131px;
    height: 25px;
    display:block;    
}
.btnForgot:hover
{
    background-image: url(images/btnForgot_on.gif);    
}
.btnLogoff
{
    background-image: url(images/btnLogoff.jpg);
    width: 51px;
    height: 25px;
    display:block;    
}
.btnLogoff:hover
{
    background-image: url(images/btnLogoff_on.jpg);    
}
.btnOk
{
    background-image: url(images/btnOk.gif);
    width: 34px;
    height: 25px;
    display:block;    
}
.btnOk:hover
{
    background-image: url(images/btnOk_on.gif);    
}
.btnBack
{
    background-image: url(images/btnBack.gif);
    width: 42px;
    height: 25px;
    display:block;    
}
.btnBack:hover
{
    background-image: url(images/btnBack_on.gif);    
}
.btnSave
{
    background-image: url(images/btnSave.gif);
    width: 44px;
    height: 25px;
    display:block;    
}
.btnSave:hover
{
    background-image: url(images/btnSave_on.gif);    
}
.btnNext
{
    background-image: url(images/btnNext.gif);
    width: 45px;
    height: 25px;
    display:block;    
}
.btnNext:hover
{
    background-image: url(images/btnNext_on.gif);    
}
.btnCancel
{
    background-image: url(images/btnCancel.gif);
    width: 52px;
    height: 25px;
    display:block;    
}
.btnCancel:hover
{
    background-image: url(images/btnCancel_on.gif);    
}
.btnSearch
{
    background-image: url(images/btnSearch.gif);
    width: 53px;
    height: 25px;
    display:block;    
}
.btnSearch:hover
{
    background-image: url(images/btnSearch_on.gif);    
}
.btnAdd
{
    background-image: url(images/btnAdd.gif);
    width: 68px;
    height: 25px;
    display:block;    
}
.btnAdd:hover
{
    background-image: url(images/btnAdd_on.gif);    
}
.btnView
{
    background-image: url(images/btnView.gif);
    width: 42px;
    height: 25px;
    display:block;    
}
.btnView:hover
{
    background-image: url(images/btnView_on.gif);    
}
.btnPrint
{
    background-image: url(images/btnPrint.gif);
    width: 80px;
    height: 25px;
    display:block;    
}
.btnPrint:hover
{
    background-image: url(images/btnPrint_on.gif);    
}
.btnPrint2
{
    background-image: url(images/btnPrint2.gif);
    width: 42px;
    height: 25px;
    display:block;    
}
.btnPrint2:hover
{
    background-image: url(images/btnPrint2_on.gif);    
}
.btnEdit
{
    background-image: url(images/btnEdit.gif);
    width: 38px;
    height: 25px;
    display:block;    
}
.btnEdit:hover
{
    background-image: url(images/btnEdit_on.gif);    
}
.btnDelete
{
    background-image: url(images/btnDelete.gif);
    width: 51px;
    height: 25px;
    display:block;    
}
.btnDelete:hover
{
    background-image: url(images/btnDelete_on.gif);    
}
.btnClear
{
    background-image: url(images/btnClear.gif);
    width: 45px;
    height: 25px;
    display:block;    
}
.btnClear:hover
{
    background-image: url(images/btnClear_on.gif);    
}
.btnUpload
{
    background-image: url(images/btnUpload.gif);
    width: 53px;
    height: 25px;
    display:block;    
}
.btnUpload:hover
{
    background-image: url(images/btnUpload_on.gif);    
}
.btnDownload
{
    background-image: url(images/btnDownload.gif);
    width: 67px;
    height: 25px;
    display:block;    
}
.btnDownload:hover
{
    background-image: url(images/btnDownload_on.gif);    
}
/*--------------------------------------------------------*/
/* Rows and Cols -----------------------------------------*/
/*--------------------------------------------------------*/
.titleRow
{
    border-bottom: #ccc 1px solid;padding-bottom: 5px;height: 20px;   
}
.buttonsRow
{
    border-top: #ccc 1px solid;
    padding-top: 5px;       
}
.titleCol
{
    width:110px;text-align:right;vertical-align: top;padding-right: 5px;padding-top: 5px;background-color: #F5F5F5;
}
.registerDetailsTitleCol
{
    text-align:left;
    background-color: #F5F5F5; 
}
.fieldCol
{
    width:425px;
}

/*--------------------------------------------------------*/
/* Rounded box -------------------------------------------*/
/*--------------------------------------------------------*/
.bordaBox
{
    width: 30%;
    color: #000000;  
    font-family:Arial;
    font-size:11px;  
}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {display:block; overflow:hidden; font-size:1px;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {height:1px;}
.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background-color: #FFFFFF; border-left:1px solid #ccc; border-right:1px solid #ccc;}
/*.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background-image: url(Images/10x10.png); border-left:1px solid #ccc; border-right:1px solid #ccc;}*/
.bordaBox .b1 {margin:0 5px; background:#ccc;}
.bordaBox .b2 {margin:0 3px; border-width:0 2px;}
.bordaBox .b3 {margin:0 2px;}
.bordaBox .b4 {height:2px; margin:0 1px;}
.bordaBox .conteudo {padding:5px;display:block; background-color: #FFFFFF; border-left:1px solid #ccc; border-right:1px solid #ccc;}
/*.bordaBox .conteudo {padding:5px;display:block; background-image: url(Images/10x10.png); border-left:1px solid #ccc; border-right:1px solid #ccc;}*/