﻿body {
}

.clsNoPadding
{
    border-collapse:collapse;
    border-spacing:0px;
}

.clsNoPadding tr td
{
    padding:0px;
}
.clsPadding0
{
    padding:0px;
}

/*Class for width*/
.clsWidth99
{
    width:99%;
}
.clsTextAreaWidth{
    width:85%;
}

.clsWidth100{
    width:100%;
}

.clsWidth120{
    width:120px;
}

.clsWidth200 {
    width: 200px;
}

.clsWidth220 {
    width: 220px;
}

.clsWidth270{
    width:270px;
}

.clsWidth300{
    width:300px;
}

.clsWidth400{
    width:400px;
}

.clsWidth480{
    width:480px;
}

.clsWidth458{
    width:458px;
}

.clsWidth704{
    width:704px;
}

.clsWidth860{
    width:860px;
}

.clsWidth1250{
    width:1250px;
}

.clsWidth1030{
    width:1030px;
}

/*Class for height*/
.clsHeight100
{
    height:100%;
}

.clsHeight40
{
    height:40px;
}

.clsHeight164{
    height:164px;
}

.clsHeight448{
    height:448px;
}

.clsHeight460
{
    height:460px;
}

.clsHeight480{
    height:480px;
}

/*Class for Images*/

.clsNewLog
{
    width:133px;
    height:48px;
    border:0px;
}

.clsMiddleBanner 
{
    width:693px;
    height:48px;
    border:0px;
}

.clsExtnImg 
{
    width:119px; 
    height:48px;
    border:0px;
}

.clsCornerImg
{
    width:55px;
    height:48px;
    border:0px;
}

.clsDisclmr{
    width: 623px;
    text-align:left;
    font-size:0.9rem;
    font-weight: bold;
    min-width: 623px;
}

/*Class for top padding*/
.clsPaddingTop5{
    padding-top:5px;
}

.clsPaddingTop10{
    padding-top:10px;
}
.clsPaddingTop15
{
    padding-top:15px;
}  

.clsPaddingTop20
{
    padding-top:20px;
}    

.clsPaddingTop30{
    padding-top:30px;
}

.clsPaddingTop40{
    padding-top:40px;
}

.clsPaddingTop50{
    padding-top:50px;
}

.clsPaddingTop60{
    padding-top:60px;
}

.clsPaddingTop80{
    padding-top:80px;
}

.clsPaddingBottom10{
    padding-bottom:10px;
}

/*Class for Padding Left*/
.clspaddingLeft15{
    padding-left:15px;
} 

.clspaddingLeft5{
    padding-left:5px;
} 

.clsPaddingLeft20{
    padding-left:20px;
} 

.clsPaddingLeft23{
    padding-left:23px;
} 

.clsPaddingLeft25{
    padding-left:25px;
} 

.clsPaddingLeft28{
    padding-left:28px;
} 

.clsPaddingLeft30{
    padding-left:30px;
} 

.clsPaddingLeft33{
    padding-left:33px;
} 

.clsPaddingBottom30{
    padding-bottom:30px;
}  

/*Class for height*/
.clsHeight70{
    height:70px;
}

.clsHeight80{
    height:80px;
}

.clsHeight48{
    height:48px;
}

.clsLeftBluePane{
    width: 133px; 
    /*height: 899px;*/ 
    background-color:#205493;
    min-width:133px;
}

.clsTableCenter{
    margin-left:auto;
    margin-right:auto;
}

.clsMarginLeftMinus13 {
margin-left:-13px;
}

.clsOverflowY{
    overflow-y:scroll;
}

.clsMinWidth296{
    min-width:296px;
}

.clsMinWidth316{
    min-width:316px;
}

.clsTextFont{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:0.8rem;
}

.clsPaddingLeft0{
    padding-left:0px;
}

.clsPaddingRight0{
    padding-right: 0px;
}

.clsPaddingRight30{
    padding-right: 30px;
}

.clsDisclosueFont{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:0.9rem;
    font-weight:bold;
}

.clsPaddingLeft15{
    padding-left:15px;
}

.clsWidth1200{
    width:1200px;
}

.clsWidth160{
    width:160px;
}

.clsWidth1040{
    width:1040px;
}

.clsWidth1100{
    width:1100px;
}

.clsWidth1140{
    width:1140px;
}

.clsWidth85Percent{
    width:85%;
}

.clsBluePane{
    background-color:#006699;
}

.vAlignTop{
    vertical-align: top;
}

.clsMinWidth1280{
    min-width:1280px;
}

.clsWidth634{
    width:634px;
}

.clsSafariMinWidth
{
    min-width:1280px !important;
}

.clsHR
{
    margin:0px;
    border-top-color:black;
}

.clsGATable{
        border:1px solid solid;
        border-collapse:collapse;
        border-spacing:0px;      
        width:100%;
    }

   table.clsGATable tr td {
        border:1px solid black;
    }

    table.clsGATable th td{
        padding:2px;
    }

.clsTablePadding{
    padding:1px;
}

 table.clsTablePadding th td{
        padding:1px;
    }

.clsVertclAlgnBtm {
    vertical-align:bottom;
}

.clsVertclAlgnTop {
    vertical-align:top;
}
.clsWidth800{
    width:800px;
}
.search_critiria{
    font-size:1.0rem;
   
    
}
.clstdwidth {
       width:300px;
}


.clsChangeAdeqBtnsrow{
    margin:5px 0 5px 0px;
}

.clsLineHeight{
     /*-ms-line-height:1.4rem;*/
    line-height:1.4rem;
   
}
.clsPadding10{
    padding-left:10px;
}


.clsPaddingTop{
    padding-top:2px;
}
.clsCommentResize{
    resize:none;
}
input[type="radio"],
input[type="checkbox"] {
    margin-left: 0.2rem;
}

.clsAlignLeft0{
    text-align:left;
}
.clsddwidth{
    width:270px;
}
.clsListBoxWidth{
    width:310px !important;
}
.clsMandatoryColumnUI{
    float: left;
	width: 10px;
	text-align:right;
}
clsFirstColumnUI {
    float: left;
	width: 340px;
}
.clsSecondColumnUI {
    float: left;
	width: 340px;
}
.clsHeaderOneColumnUI {
    float: left;
	width: 22%;
}
.clsHeaderTwoColumnUI {
    float: left;
	width: 22%;
}
.clsHeaderThreeColumnUI {
    float: left;
	width: 22%;
}
.clsHeaderFourColumnUI {
    float: left;
	width: 22%;
}
.clsTelecomOneColumnUI {
    float: left;
	width: 11%;
    border: 0
}
.clsTelecomTwoColumnUI {
    float: left;
	width: 22%;
    border: 0
}
.clsTelecomThreeColumnUI {
    float: left;
	width: 11%;
    border: 0
}
.clsTelecomFourColumnUI {
    float: left;
	width: 28%;
    border: 0
}
.clsTelecomFiveColumnUI {
    float: left;
	width: 27%;
    border: 0
}
.clsDgdHeaderUI
{	
	vertical-align: baseline;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color: #205493;
	color:White;
	/* padding:4px 2px 4px 2px; */
	text-align:left;
	border-color: Black;
	text-decoration: none;
	font-size:0.8rem;
}

.clsDgdHeaderUI a:link, .clsDgdHeader a:hover 
{
	color:White !important;
}

.clsDgdHeaderUI a:visited
{
	color:White !important;
}

/*td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-color: Black;
	vertical-align:top;
	font-size:  0.8rem;
}*/

.clsDgdItemUI
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-color: Black;
	-ms-word-wrap: break-word;
	font-size:0.8rem;
}

.clsDgdItemProficiencyCaseUI
{
	font-size: 1.33rem;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-color: Black;
}

.clsTableHeaderUI {
    font-size: 0.8rem; 
    background-color: White; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: Black; 
    font-weight: normal; 
    padding: 0px 0px 0px 0px;
}

.clsTh
{
	vertical-align:	baseline;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #205493;
	color:White;
	/* padding:4px 2px 4px 2px; */
	text-align:left;
	border-color: Black;
	font-size:  0.8rem;
}

/*Headline Case Screen - PNS*/
.tblMissingInfo {
        background-color:#E8F1F6;
        visibility:hidden;
        display:none;
        border: 1px solid grey;
    border-left: 0px;
    border-right: 0px;
    }

    .clsTextBoxWidth {
        width:45px;
        border:none;
        text-align:center;
    }

    .clsNav{
        border:1px solid lightblue;
        background-color:lightblue;
        padding:0px;
        text-align:center;
    }

   .clsButtonClear {
        border-right: #6699cc 1px outset;
        border-top: #6699cc 1px outset;
        font-size: 12px;
        border-left: #6699cc 1px outset;
        color: blue;
        border-bottom: #6699cc 1px outset;
        font-family: verdana, arial;
        background-color: white;
        text-decoration:underline;
        text-decoration-color:blue;
   }

  .clsButtonGrid
    {
        border:none;
        background-color: #205493;
}

  .clsExpandBorder
  {
    border: 2px solid #000;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid grey;
  }
 

  .clsDateWidth{
      width:100px;
  }

  .clsWordBreak {
      word-wrap:break-word;
      word-break: break-all;
  }

.clsWordWrapNone {
white-space:nowrap
}
/*End Headline Case screen PNS*/
/*Bug 2904,2905 - Grid lines border becoming thick at zoom levels */
.clsZoomTbl
        {
            border-collapse: separate !important; 
            border-color:darkgray;
            border-left-width: 0px;
            border-top-width: 0px;
        }

table.clsZoomBorder tr,table.clsZoomBorder th,table.clsZoomBorder td
        {
            border-right-width:   0px;
            border-bottom-width:  0px;
             border-left-color:gray;             
            border-color:gray;  
        }
.aspNetEnabled {
    background-color: white;
    border: 1px solid gray;
}
.pageHeading {
    margin-top: 0px;
    margin-bottom: 20px;
}
.clsTableBorder th,.clsTableBorder tr,.clsTableBorder td {
    border: 1px solid black;
}
.clsPaddingBottom14{
    padding-bottom:14px;
    display:block;
}
.clsPaddingTop21{
    padding-top:21px;
}

.clsUserDateTimeHeader{
    height:20px;
    background-color:#205493;
}

.clsUserDateTimeColor{
    color:#ffffff;
}
h3.clsMarginTop{
    margin-top:0px;    
}

/*style to do alignment of the fields which is either mandatory or non-mandatory based on condition*/
.spanspacer
{
    width:8px;
    display: inline-block;
}