/*CSS for Links*/
A.non:link{COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.non:visited{COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.non:hover{COLOR: #cccccc; TEXT-DECORATION: none;}

A.cat:link{COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.cat:visited{COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.cat:hover{COLOR: #cccccc; TEXT-DECORATION: underline;}

A:link{COLOR: #000000; TEXT-DECORATION: none;}
A:visited{COLOR: #000000; TEXT-DECORATION: none;}
A:hover{COLOR: #000000; TEXT-DECORATION: underline;}

/*Default- Used by IE8 or less and browsers that cannot detect @Media tag*/
TABLE{ border: 0px solid black; font-family: arial; font-size: 18pt; text-decoration: none;}
TR{border: 0px solid black; font-family: arial; font-size: 18pt; text-decoration: none;}
TH{font-family: arial; font-size: 10pt; text-decoration: none;}
TD{border: 0px solid black; font-family: arial; font-size: 18pt; text-decoration: none;}

FORM{font-family: arial; font-size: 14pt; text-decoration: none;}

.cmdButton{font-family: arial; font-size: 16pt; width: auto; height: auto;}
.DropDown, .DropDown1, .CheckBox, .RadioButton{font-family: arial; font-size: 16pt;}
.TransName{font-family: arial; font-size: 16pt; font-weight:bold;}
.TextBox{font-family: arial; font-size: 16pt; height:auto;}
.MLTxt{font-family: arial; font-size: 16pt; width:inherit;}

.modalVisible{display:block; position:fixed; z-index:1000; top:0; left:0; height:100%; width:100%; background:rgba( 255, 255, 255, 0.8 ) 50% 50% no-repeat; 
              background-size: auto; }
               /*url('../../../Images/loader.gif')*/
               
               .modal
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.center
{
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.center img
{
    height: 128px;
    width: 128px;
}
            
/*Default Styles for browsers that can detect @Media tag and min-device-width/device Resolution > 800px*/
@media Only screen
    {
        TABLE{border: 0px solid black; font-family: arial; font-size: 8pt; text-decoration: none;}
        TR{border: 0px solid black; font-family: arial; font-size: 8pt; text-decoration: none;}
        TH{font-family: arial; font-size: 10pt; text-decoration: none;}
        TD{border: 0px solid black; font-family: arial; font-size: 8pt; text-decoration: none;}
        
        .cmdButton{font-family: arial; font-size: 10pt; width: auto; height: auto;}
        .DropDown, .CheckBox, .RadioButton{font-family: arial; font-size: 8pt; }
        .DropDown1{font-family: arial; font-size: 10Pt; }
        .TransName{font-family: arial; font-size: 10pt; font-weight:bold;}
        .TextBox{font-family: arial; font-size: 8pt; height:auto;}
        .MLTxt{font-family: arial; font-size: 8pt; width:inherit;}
    }

/*Styles for browsers with min-device-width > 321px and max-device-width < 800px*/
@media Only screen and (min-device-width:321px) and (max-device-width:800px)
    {
        TABLE{border: 0px solid black; font-family: arial; font-size: 14pt; text-decoration: none;}
        TR{border: 0px solid black; font-family: arial; font-size: 14pt; text-decoration: none;}
        TH{font-family: arial; font-size: 16pt; text-decoration: none;}
        TD{border: 0px solid black; font-family: arial; font-size: 14pt; text-decoration: none;}
        
        .cmdButton{font-family: arial; font-size: 14pt; width: auto; height: auto;}
        .DropDown, .DropDown1, .CheckBox, .RadioButton{font-family: arial; font-size: 14pt;}
        .TransName{font-family: arial; font-size: 14pt; font-weight:bold;}
        .TextBox{font-family: arial; font-size: 14pt; height:auto;}
        .MLTxt{font-family: arial; font-size: 14pt; width:inherit;}
    }

/*Styles for browsers with max-device-width < 320px*/
@media Only screen and (max-device-width:320px)
    {
        TABLE{border: 0px solid black; font-family: arial; font-size: 12pt; text-decoration: none;}
        TR{border: 0px solid black; font-family: arial; font-size: 12pt; text-decoration: none;}
        TH{font-family: arial; font-size: 14pt; text-decoration: none;}
        TD{border: 0px solid black; font-family: arial; font-size: 12pt; text-decoration: none;}
        
        .cmdButton{font-family: arial; font-size: 12pt; width: auto; height: auto;}
        .DropDown, .DropDown1{font-family: arial; font-size: 12pt;}
        .CheckBox, .RadioButton{font-family: arial; font-size: 10pt;}
        .TransName{font-family: arial; font-size: 12pt; font-weight:bold;}
        .TextBox{font-family: arial; font-size: 12pt; height:auto;}
        .MLTxt{font-family: arial; font-size: 12pt; width:inherit;}
    }
    
    