body
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #666666;
    background-color:#fafafe;
    /*background-color:#f8f8f8;*/
    
    
 /* background: url(../Images/bg.png) repeat;  
    background-image: url(../Images/background.jpg);
    background-repeat: repeat; /*#ececec url(../Images/header.jpg) repeat-x top;*/
}
MainMenu
{
background: url(../Images/bg.png) repeat;
    }
table td {
     mso-number-format:\@;
}

#menubuttons
{
    background-color: #4F86BC;
    border: solid 1px #A5C8E8;
}

.maindiv
{
    /*background-image: url(../Images/background.jpg);
    background-repeat: repeat; /*background: White;/*#ECECEC url(../Images/header.jpg) repeat-x top center;*/
}

.TabButtonStyle
{
	border: none; 
    background-color  : Transparent;
    font: 11px/1.5em Arial; 
    color: black;
}

.LockOn
{
    filter: alpha(opacity=70);
    opacity: 0.7;
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    font-size: 20pt;
    color: Red;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #e4e4e4;
    text-align: center;
    padding-top: 20%;
}

html, body, table, td
{
    color: #333333;
    font-family: Arial, Geneva, sans-serif; 
    font-size: 11px;
    line-height: 15px;
    text-decoration: none;
}
table
{    
    cellspacing:0;
    cellpadding:0;
    }

a:hover
{
    text-decoration: none;
}
fieldset a strong
{
    color: #333333;
}
 
.Btext
{
    color: #1b3a7d;
}
.WTextBold
{
    color: #FFFFFF;
    font-weight: bold;
}
.tblStart
{
    height: 181px;
    background-image: url(../images/collage.jpg);
}
.tblHeader
{
    width: 100%;
}
.tblTopNav
{
    height: 33px;
}
.tblTopNav TD
{
    padding: 0px 5px 0px 5px;
    color: #FFFFFF;
    font-weight: bold;
}
.tblTopNav TD
{
    background-image: url(../images/topnavbg.jpg);
}
.topNavLink, .topNavLink:visited
{
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
}
.navbar-static-top {
background-color:#fafafe;
}

.navbar navbar-default navbar-static-top {
    background-color:#fafafe;
}
.navbar-header {
    background-color:#fafafe;
}
.topNavLink:hover
{
    background-color: #376AB4;
}

.tblSideNav
{
    width: 100%;
    padding: 5px;
    background-color: #143d8d;
    border-top: solid 0px white;
    border-left: solid 0px white;
    border-right: solid 0px #5c739d;
    border-bottom: solid 0px white;
}

.tblSideNav A
{
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    width: 100%;
}
.tblSideNav TD
{
    background-color: #143d8d;
}
.tblSideNav TD.L1MouseOff
{
    background-color: #143d8d;
}
.tblSideNav TD.L1MouseOn
{
    background-color: #376ab4;
    display: block;
    cursor: pointer;
}

.SM2MouseOff
{
    background-color: #143d8d;
    color: #E1E1FF;
    font-weight: bold;
    padding-left: 2px;
    padding-top: 10px;
}
.SM2MouseOn
{
    background-color: #376ab4;
    color: White;
    font-weight: bold;
    padding-left: 15px;
    display: block;
    cursor: pointer;
}

.tblSideNav TD.L2MouseOff
{
    background-color: #143d8d;
    color: White;
    padding-left: 15px;
}
.tblSideNav TD.L2MouseOn
{
    background-color: #376ab4;
    color: White;
    padding-left: 15px;
    display: block;
    cursor: pointer;
}
.tblSideNavBGColor
{
    background-color: #143d8d;
}
.tblColorLine
{
    height: 5px;
    width: 100%;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
}
.tblAMPColorLine
{
    height: 5px;
    width: 100%;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
}
.tblColorLine TD
{
    height: 3px;
    background-color: #e5b83a;
}
.tblAMPColorLine TD
{
    height: 3px;
    background-color: Maroon;
}
.tblMultiColor TD.right
{
    height: 4px;
    width: 50%;
    background-color: #1b3a7d;
}
/*.textbox,.DropDownList
{
    border-right: #aec3d4 1px solid;
    border-top: #aec3d4 1px solid;
    font-weight: normal;
    font-size: 11px;
    border-left: #aec3d4 1px solid;
    border-bottom: #aec3d4 1px solid;
    font-family: Arial, Helvetica, sans-serif;
}*/
.button
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-size: 10px;
    background: #f3f3f3;
    cursor: hand;
    color: #333333;
    line-height: 10px;
    border-left: #336699 1px solid;
    border-right: #336699 1px solid;
    border-top: #336699 1px solid;
    border-bottom: #336699 1px solid;
    font-family: Verdana, Arial, Helvetica;
    height: 21px;
}
.button:hover
{
    cursor: pointer;
    border: solid 1px #000;
    background-color: #336699;
    color: #fff;
}

.tableTitle
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    background-color: #f1f1f1;
    height: 24px;
    padding-left: 5px;
}

.tableTitle:hover
{
    background-color: #ddd;
    border-color: #888888;
    cursor: pointer;
}

.tableTitleEP:hover
{
    background-color: #eee;
    border-color: #ccc;
    cursor: pointer;
}

.tableTitle A
{
    color: #000000;
    text-decoration: none;
}
.tableContent
{
    border-right: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    padding: 5px;
}
.tableTitleFooter
{
    background-color: #cccccc;
    height: 1px;
}
.tableTDBorderRight
{
    border-right: solid 1px #dddddd;
}
.tableBlank
{
    background-color: #f9f9f9;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    padding: 5px;
}
.tableBlank .separator
{
    background-color: #cccccc;
}
.breadcrumbs a
{
    color: #1b3a7d;
}
.toplinks a
{
    color: #1b3a7d;
}
.modalBackground
{
    background-color: White;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
     z-index: 11; 
   min-width: 360px;
   position: relative;
   translate(0, -500%);
   transition-transform(~"0.3s ease-out");
}

.modalfooter
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align:right;
    padding-bottom: 8px;
    padding-right: 8px;
} 

.modalclose
{
    right: 7px;	 
    background: url(../Images/CloseDialog.png) no-repeat;
    width: 25px;	
    cursor: pointer;	
    position: absolute;	 
    height: 15px;
}
 
.closedialogbutton {
    
}
.closedialogbutton:hover {
     
}
.modalheader
{ 
    background-color:#D9D9D9;
    color: #337ab7;	
    /*border-color: #808080 #808080 #ccc;
    border-style: solid;*/
    border-width: 0px 1px 1px;
    padding: 3px 10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    height:24px;
}
.modalcontainer
{
    min-width: 300px;
    border-bottom: solid 1px #808080;
    border-width: 1px 0px;
}
.modalheader .msg
{
    font-weight: bold;
}
.modalbody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
} 
.panelbody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
    -moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 2px #999;
-webkit-box-shadow: 1px 1px 2px #999;
box-shadow: 1px 1px 2px #999;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999',direction='120',strength='2');
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ModalDialogPanel
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    -moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 2px #999;
-webkit-box-shadow: 1px 1px 2px #999;
box-shadow: 1px 1px 2px #999;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999',direction='120',strength='2');
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.modalbody .msg
{
    background: url(../Images/sprite.png) no-repeat 0px -1150px;	
    float: left;
    padding-left: 22px;
}   
.boxinner
{
    border-right: #c4c2c2 1px solid;
    border-top: #c4c2c2 1px solid;
    background: #fff;
    border-left: #c4c2c2 1px solid;
    border-bottom: #c4c2c2 1px solid;
}

.boxouter
{
    border-right: #cccccc 2px solid;
    border-top: 0px;
    margin-bottom: 6px;
    border-left: 0px;
    width: 100%;
    border-bottom: #cccccc 3px solid;
}
.cu
{
    background: #dedede;
    border-bottom: #c4c2c2 1px solid;
    text-align: left;
}
.cu H1
{
    font-weight: bold;
    font-size: 100%;
    margin: 2px;
    color: #3f3f3f;
    padding-top: 0px; /*font-family: Verdana, Geneva, sans-serif;*/
}

.alertbox
{
    margin: 7px;
    background: #ffffff;
    border: solid 1px #7D7D7D;
    background-color: #ffff99;
    font-size: 11px;
    text-align: left;
    vertical-align: middle;
    padding: 5px;
}
.hBlank
{
    background-color: #f9f9f9;
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    padding: 5px;
}
.hBlank .separator
{
    background-color: #cccccc;
}
/* Rating */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar
{
    background-image: url(../images/FilledStar.png);
}

.emptyRatingStar
{
    background-image: url(../images/EmptyStar.png);
}

.savedRatingStar
{
    background-image: url(../images/SavedStar.png);
}


.relatedInfo
{
    float: right;
}

.tblRelatedInfo
{
    width: 180px;
    margin: 0;
    background-color: #112854;
    border-top: solid 0px white;
    border-left: solid 0px white;
    border-right: solid 0px #5c739d;
    border-bottom: solid 0px white;
    text-align: left;
}
.tblRelatedInfo A
{
    color: #FFFFFF;
    text-decoration: none;
}
.tdRelatedInfoHeader
{
    font-weight: bold;
    background-color: #FFFFFF;
    padding: 5px 0px 5px 0px;
}
.MouseOff a
{
    background-color: #112854;
    padding: 5px 15px 5px 10px;
    display: block;
}
.MouseOn a
{
    background-color: #25406f;
    padding: 5px 15px 5px 10px;
    display: block;
}

.columnHeader
{
    font-weight: bold;
    color: #000000;
}

.AdminHeader
{
    padding: 0px 10px 5px 0px;
    color: #1b3a7d;
    background-image: url(../images/toplogobg.jpg);
}


.taskDate
{
    margin: 1px;
    padding-top: 4px;
}
.taskDate strong
{
    width: 105px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 2px;
}
.taskDate input, .taskDate select
{
    padding: 0;
    margin: 1px;
    margin-top: -2px;
    padding-top: -2px;
    vertical-align: top;
    font-size: 11px;
}

.taskAssigned
{
    margin-left: 4px;
}

.errorMessage
{
    color: #ff0000;
    background-image: url(../Images/silkIcons/exclamation.png);
    background-repeat: no-repeat;
    background-position: top right;
    margin-bottom: 10px;
    border: solid 1px #ff0000;
    width: 150px;
}
.errorMessage p
{
    margin: 0;
    margin-left: 20px;
}

.EPContent
{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.accordionHeader
{
    background-image: url(../Images/silkIcons/submenuU.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 10px;
}
.accordionHeader:hover, .accordionHeaderSelected:hover
{
    cursor: pointer;
}
.accordionHeaderSelected
{
    background-image: url(../Images/silkIcons/submenuD.gif);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 10px;
}
.accordionContent
{
    padding-left: 10px;
}
.tableAccordionFooter
{
    margin-left: 15px;
    margin-right: 15px;
    background-color: #cccccc;
    height: 1px;
    display: block;
}
.ePTitleScores
{
    float: right;
    background-color: #fff;
    margin: 5px;
    padding: 2px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 3px;
    border: solid 1px #cccccc;
}
.ePTitleScores p
{
    margin: 0;
    vertical-align: text-top;
    line-height: 20px;
}
.EditionAmpToggle
{
    color: #000;
    margin-left: 50px;
    border: solid 1px #fff;
    background-color: #ccc;
    padding: 2px;
    padding-bottom: 3px;
    text-decoration: none;
}
.EditionAmpToggle:hover
{
    background-color: #eee;
}

/* AMP NAVIGATION
======================================================================*/
#navAMP
{
    background: url(../images/mainNav1_back.png);
    height: 25px;
    width: 100%;
    border-bottom: 1px solid #E8E8E8;
}
#navAMP1, #navAMP1 ul
{
    list-style-type: none;
}
#navAMP a
{
    color: #4F4D71;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    text-align: center;
    text-decoration: none;
}
#navAMP1 a
{
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #FFF;
    color: #4F4D71;
    font-size: 8px;
    line-height: 20px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    text-align: center;
    text-decoration: none;
    display: block;
}

#navAMP a:hover, #navAMP a.hover, #navAMP .nav5:hover, #navAMP .nav5.hover
{
    background-color: #EEEEEE;
}
#navAMP1 li.nav4div
{
    float: left;
    height: 25px;
    border-left: 1px solid #E8E8E8;
}

#navAMP1 a.last
{
    background: url(../images/mainNav1_last.png) right top no-repeat;
    border-right: 0px;
}

.tdAMPHighlight
{
    background-color: #eeeeee;
}

.ddlStandards
{
    font-size: 11px;
}

h2
{
    color: #800000;
    font-size: 14px;
    margin: 0;
}
.h2Black
{
    color: Black;
    font-size: 10pt;
    margin: 0;
}
.h2Res
{
    color: #336699;
    font-size: 12pt;
    margin: 0;
}

.ReportViewer
{
    border: solid 1px #000;
    padding-bottom: 40px;
}

.HiddenText label
{
    display: none;
}
.SelectedItem
{
    background: #E8E8E8;
    font-weight: bold;
    color: #143D8D;
}
.HasSelectedChildren
{
    font-weight: bold;
}

.userAgreementModal
{
    border: solid 1px #000;
    background-color: #fff;
    padding: 10px;
    text-align: right;
}
.userAgreementText
{
    overflow: scroll;
    height: 450px;
    width: 600px;
    text-align: left;
    margin-bottom: 10px;
}
.userAgreementModal h2
{
    text-align: center;
    margin: 5px;
}

/* Compliance Details tabs */
#ComplianceDetailsSubnav
{
    background-color: #FFFFFF;
    height: 65px;
}
#ComplianceDetailsSubnav ul
{
    list-style-type: none;
    padding-left: 0px;
}
#ComplianceDetailsSubnav .active
{
    border-top: 1px solid #d7d7d9;
    border-left: 1px solid #d7d7d9;
    border-right: 1px solid #FFF;
    background-color: #f4f4f6;
    color: #4F4D71;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-decoration: none;
}
#ComplianceDetailsSubnav .inactive, #ComplianceDetailsSubnav .inactive_last
{
    border-top: 1px solid #d7d7d9;
    border-left: 1px solid #FFF;
    background-color: #cecdd5;
    color: #4F4D71;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
#ComplianceDetailsSubnav .inactive
{
    padding: 10px 20px 10px 20px;
    border-right: 1px solid #a6a5ab;
}
#ComplianceDetailsSubnav .inactive_last
{
    padding: 10px 19px 10px 20px;
}

#ComplianceDetailsSubnav li
{
    float: left;
}
#ComplianceDetailsSubnav li ul
{
    position: absolute;
    left: -999em;
    width: 170px;
    display: none;
}
#ComplianceDetailsSubnav li:hover ul ul, #ComplianceDetailsSubnav li.sfhover ul ul
{
    left: -999em;
    display: none;
}
#ComplianceDetailsSubnav li:hover ul, #ComplianceDetailsSubnav li li:hover ul, #ComplianceDetailsSubnav li.sfhover ul, #ComplianceDetailsSubnav li li.sfhover ul
{
    left: auto;
    display: none;
}

#ComplianceDetailsSubnavFrame
{
    background-color: #FFFFFF;
    min-height: 200px;
    width: 97%;
    border: 1px solid #d7d7d9;
    padding: 10px;
}

div.autosize
{
    display: table;
    width: 1px;
}
div.autosize > div
{
    display: table-cell;
}

.modalBackgroundV
{
    background-color: Gray;
    filter: alpha(opacity=1);
    opacity: 0.1;
}


.modalPopup600
{
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
    padding: 0px;
    width: 600px;
}
.tdBackgroundLeft
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    background: url(../Images/1.jpg) repeat;
}
.tdBackground
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    background: #06477d repeat;
}


.tdCopyRight
{
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000;
    text-decoration: none;
}
.table
{
    border: 1px solid #c3d9ff;
}
.Literal
{
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color:#555;
    
}

.CouldNot
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    color: #F00;
    text-decoration: underline;
}

.BasePanel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    line-height: normal;
    font-variant: normal;
}



.buttonStyle
{
display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.divContainer
{    color: #31708f;
    background-color:#5499D2;
    border-color: #bce8f1;
padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.buttonStyle:hover
{
    outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;
    background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
}

.disablebuttonStyle
{
    background-color: #3F19A9;
    color: White;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-size: 10px;
    cursor: hand;
    line-height: 10px;
    border-left: #336699 1px solid;
    border-right: #336699 1px solid;
    border-top: #336699 1px solid;
    border-bottom: #336699 1px solid;
    font-family: Verdana, Arial, Helvetica;
    height: 21px;
    width: 100px;
}
.Link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    color: #F00;
    text-decoration: underline;
}

.MenuItem
{
    border: 1px solid #a7c9f3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #00457a;
    text-decoration: none;
    background-image: url(../Images/6.jpg);
    height: 31px;
    width: 133px;
}
.link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #00457a;
    text-decoration: none;
}
.header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #ff5400;
    text-decoration: none;
}
.texbox
{
    width: 200px;
    height: 14px;
}
.treeParent
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #043f70;
    text-decoration: none;
}
.texttable
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #043f70;
    line-height: 20px;
    text-decoration: none;
}

.GridTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: White;
}

.textboxH1
{
    width: 140px;
    height: 14px;
}


.textboxH2
{
    width: 565px;
    height: 14px;
}


.selectfield
{
    width: 205px;
    height: 20px;
}


a:hover.link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
.tbTitle
{
    background-color: #06477d;
    text-align: center;
    height: 30px;
}

.tbSeperator
{
    background-image: url(../Images/6.jpg);
}

.LogOut
{
    background-image: url(../Images/exit.png);
    background-repeat: no-repeat;
}

.Money
{
    background-image: url(../Images/4.jpg);
}

.btnDelete
{
    /*color:White;             background-color:Gray;*/
    background-image: url(../Images/delete.bmp);
    background-repeat: no-repeat;
}
.btnRecover
{
    
    background-image: url(../Images/undo.png);
    background-repeat: no-repeat;
}
.btnDelete:hover
{
    /*     color:Black;     background-color:Red;*/
    background-image: url(../Images/hotdelete.bmp);
    background-repeat: no-repeat;
    cursor: hand;
}

.GridFooter
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color: Blue;
    text-decoration: underline;
}


 
.tableStyle
{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #506f7d;
    border-right-color: #506f7d;
    border-bottom-color: #506f7d;
    border-left-color: #506f7d;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    color: #FFF;
}

.btnEdit
{
    background-image: url(../Images/edit.jpg);
    background-repeat: no-repeat;
}
.btnHaveConservativeOperation
{
    background-image: url(../Images/ky.png);
    background-repeat: no-repeat;
}
.btnNeedle
{
    background-image: url(../Images/needle.png);
    background-repeat: no-repeat;
}
.btnFillData
{
    background-image: url(../Images/FillData.png);
    background-repeat: no-repeat;
}

.btnSave,.btnSave:hover
{
    background-image: url(../Images/save.gif);
    background-repeat: no-repeat;
    vertical-align:middle;
    background-position:left;
}

.btnCancel,.btnCancel:hover
{
    background-image: url(../Images/x1.jpg);
    background-repeat: no-repeat;
    vertical-align:middle;
    background-position:left;
}

.btnTransaction
{
    background-image: url(../Images/transaction.jpg);
    background-repeat: no-repeat;
}

.btnSearch,.btnSearch:hover
{
    background-image: url(../Images/search.gif);
    background-repeat: no-repeat;
    vertical-align:center;
}
.btnRefresh
{
    background-image: url(../Images/refresh.jpg);
    background-repeat: no-repeat;
}
.btnChoose
{
    background-image: url(../Images/Choose.jpg);
    background-repeat: no-repeat;
}

.Footer
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Black;
}

.btnClose
{
    background-image: url(../Images/close.png);
    background-repeat: no-repeat;
    background-position: right;
    text-align: right;
    vertical-align: top;
}

.tdRight
{
    background-image: url(../Images/grid/grouping_area_right.gif);
    /*background-color:#ECEAE8;*/
    background-repeat: no-repeat;
    height: 17px;
}

.tdLeft
{
    background-image: url(../Images/grid/grouping_area_left.gif);
    /*background-color:#ECEAE8;*/
    
    background-repeat: no-repeat;
    height: 17px;
}

.tdCenter
{
    background-image: url(../Images/grid/grouping_area.gif);
/*  background-color:#ECEAE8;*/
    background-repeat: repeat-x;
    height: 17px;
}


.tdHeadCaption
{
    background:repeat-x #4c99dc;
    height: 25px;
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
}

.TitleHeader,.TitleHeader:hover
{
    color:white;/*#0c416f;*/
    text-align: center;
    text-decoration: none;
    font-weight:bold;
    font-size:11px;
   /* background-color:#06477d;
       padding-right: 30px;
 background-image: url(../Images/placeholder.gif);*/
    /*background-position: right;*/
    /*background-repeat: no-repeat;*/
} 
.TitleHeaderDesc
{
   color: White;
    text-align: center;
    text-decoration: none;
    /*
    color: White;/*#0c416f;
    font-family: Arial;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    padding-right: 30px;
 /* background-image: url(../Images/desc.gif);
    background-position: right;
    background-repeat: no-repeat;*/
}

.TitleHeaderAsc
{
    color: White;
    text-align: center;
    text-decoration: none;
    /*color: White;/*#0c416f;
    font-family: Arial;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    padding-right: 30px;
   /* background-image: url(../Images/asc.gif);
    background-position: right;
    background-repeat: no-repeat;*/
}

.tdRepTitle
{
    border-right: solid 1px Blue;
    border-top: solid 1px Blue;
}

.tdRepRow1
{
    background: #f6f7f7 repeat-x;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    padding-left: 6px;
    padding-right: 6px;
    border-right: solid 1px White;
}

.tdRepRow2
{
    background: #ebecec repeat-x;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    padding-left: 6px;
    padding-right: 6px;
    border-right: solid 1px White;
}

.tdRepDate1
{
    background: #f6f7f7 repeat-x;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
    border-right: solid 1px White;
}
.tdRepDate2
{
    background: #ebecec repeat-x;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
    border-right: solid 1px White;
}


.tdRepTitleBorderLeft
{
    text-align: center;
    vertical-align: middle;
    background: #06477d repeat-x;
    height: 25px;
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
    border-right: solid 1px White;
    border-top: solid 1px White;
}

.tdRepFooter
{
    background: url(../Images/footer.gif) repeat-x;
    font-family: Arial;
    font-weight: bold;
}


.tdTitle
{
    /*border-right: solid 1px White;
    border-bottom: solid 1px White;
    
    color: White;
    text-align: center;
    text-decoration: none;
    background-color:#06477d;*/
    background-color:#4c99dc;
    word-wrap: break-word;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #b1b5ba;
    color:white;
    font-weight:bold;
}

.tdContent
{
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    vertical-align: middle;
    padding-left:5px;
    padding-right:5px;
/*    word-break:break-all;*/
     word-wrap: break-word;
}

.tdContentSmall
{
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    vertical-align: middle;
    font-size:9px;
    padding-left:5px;
    padding-right:5px;
/*    word-break:break-all;*/
     word-wrap: break-word;
}

.tdFooter
{
    background: #DEE3E7 repeat;
    font-family: Arial;
    font-weight: bold; 
}

.tdFilter
{
    /*
    background-image: url(../Images/grouping_area.gif);
    height: 0px;
    */
}
.tdDeleted
{
    background: #FFDDDE repeat-x;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
}

.tdDeleted:hover
{
    background:#9BC8EC repeat-x;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
}
.nodeLevel1
{
    font-family: Arial,Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    color: #043f70;
    text-decoration: none;
}

.nodeLevel2
{
    font: 12px Arial,Sans-Serif;
    color: #043f70;
    font-weight: bold;
}

.nodeLevel3
{
    font: 11px Arial,Sans-Serif;
    color: #043f70;
}
.nodeLevel4
{
    font: 10px Arial,Sans-Serif;
    color: #043f70;
}
.nodeLevel5
{
    font: 10px Arial,Sans-Serif;
    color: #043f70;
}
.nodeLevel6
{
    font: 10px Arial,Sans-Serif;
    color: #043f70;
    font-weight: bold;
}
.nodeLevel7
{
    font: 10pxArial,Sans-Serif;
    color: #043f70;
    font-weight: bold;
}

.trLeft
{
    font-family: Arial;
    font-size: 10px;
    text-align: left;
    color: Black;
}

.trRight
{
    font-family: Arial;
    font-size: 10px;
    text-align: right;
}

.tdSplitter
{
    vertical-align: middle;
    text-align: left;
    border-right: #e5e5e5 solid;
}

.tRow2
{ 
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    background-color:#fff;
    vertical-align: middle;
    border-left:1px  #b1b5ba solid;
    border-right:1px #b1b5ba solid;
}

.tRow1
{
    background: #f9f9f9 repeat-x;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    border-left:1px  #b1b5ba solid;
    border-right:1px  #b1b5ba solid;
} 
.dRow2
{ 
    font-family: Arial;
    font-size: 12px;
    background-color:#fff;
    vertical-align: middle;
    border-left:1px  #b1b5ba solid;
    border-right:1px #b1b5ba solid;
    border-bottom:1px  #b1b5ba solid;
}

.dRow1
{
    background: #f9f9f9 repeat-x;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    border-left:1px  #b1b5ba solid;
    border-right:1px  #b1b5ba solid;
    border-bottom:1px  #b1b5ba solid;
} 
.dContent
{
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
    vertical-align: middle;
    padding-left:5px;
    padding-right:5px;
    word-wrap: break-word;
}
.tRow1:hover
{
    background:#9BC8EC repeat-x;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    border-left:1px  #b1b5ba solid;
    border-right:1px #b1b5ba solid;
}

.tRow2:hover
{
    background:#9BC8EC repeat-x;
    height: 20px;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    border-left:1px  #b1b5ba solid;
    border-right:1px  #b1b5ba solid;
}

.btnAdd
{
    background-image: url(../Images/Plus.png);
    background-repeat: no-repeat;
}

.btnCut
{
    background-image: url(../Images/cut.png);
    background-repeat: no-repeat;
}

.btnCopy
{
    background-image: url(../Images/copy.png);
    background-repeat: no-repeat;
}

.btnGetReport
{
    background-image: url(../Images/getreport.png);
    background-repeat: no-repeat;
}

.btnReports
{
    background-image: url(../Images/Reports.png);
    background-repeat: no-repeat;
}

.btnView
{
    background-image: url(../Images/view_icon.png);
    background-repeat: no-repeat;
}

.btnMoveRight
{
    background-image: url(../Images/moveright.gif);
    background-repeat: no-repeat;
}

.btnMoveLeft
{
    background-image: url(../Images/moveleft.gif);
    background-repeat: no-repeat;
}

.btnExchange
{
    background-image: url(../Images/dollar.png);
    background-repeat: no-repeat;
}

.Help
{
    background-image: url(../Images/help-faq.png);
    background-repeat: no-repeat;
}
.Chat
{
    background-image: url(../Images/chat.png);
    background-repeat: no-repeat;
}
.btnRollBack
{
    background-image: url(../Images/back_undo.png);
    background-repeat: no-repeat;
}
.buttonBackGround
{
       color: #333; 
    border-color: #ddd;
}

.styleDiv
        {
            position: fixed;
            top: 110px;
            max-height: 80%;
            overflow:auto;
        }
#tabsJ {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url(../Images/tableftJ.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url(../Images/tabrightJ.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }
        
    #tabs {
      float:left;
      width:100%;
      background:white;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
        margin:0;
        padding:10px 10px 0 5px;
        list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url(../Images/tableft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url(../Images/tabright.gif) no-repeat right top;
      padding:0px 0px 0px 0px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:red;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

        #tabs #current a {
                background-position:0% -42px;
        }
        #tabs #current a span {
                background-position:100% -42px;
        }
        
@media print 
{
  #btnBack
  { 
      display:none; visibility:hidden; 
 }
  #ContentPlaceHolder1_imLogo
  { 
      display:none; visibility:hidden; 
 }
 #ContentPlaceHolder1_lblInfo
  { 
      display:none; visibility:hidden; 
 }
}

.btnHistory
{
    background-image: url(../Images/schedule.png);
    background-repeat: no-repeat;
}

.btnBarCode
{
    background-image: url(../Images/barcode.png);
    background-repeat: no-repeat;
}

.btnRelation
{
    background-image: url(../Images/relation.png);
    background-repeat: no-repeat;
    width:16px;
    height:16px;
}

.LockOff
{
    display: none;
    visibility: hidden;
}

.LockOn
{
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    font-size: 20pt;
    color: Red;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    text-align: center;
    padding-top: 20%;
}

.hand
{    
    cursor: hand;
}

.Select
{    
    cursor: hand;
    background-image: url(../Images/Select.jpg);
    background-repeat: no-repeat;
}
.handleImage
{
    width: 16px;
    height: 16px;
    overflow: hidden;
    cursor: se-resize;
    background-image:url("../Images/resize.png");
    background-repeat:no-repeat;
}

.resizingImage
{
    padding: 0px;
    border-style: none;
    border-width: 1px;
}
.tabber
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 } 
    .tdBorders
    {
        border:solid Black 1px;
        border-top:none;
        height:20px;
        width:120px;
        text-align:center;
     }
  .rotate
  {
      position:absolute; 
   -moz-transform:  matrix(-0.00000000, -1.00000000, 1.00000000, -0.00000000, 0, 0); 
   -webkit-transform:  matrix(-0.00000000, -1.00000000, 1.00000000, -0.00000000, 0, 0); 
   -o-transform:  matrix(-0.00000000, -1.00000000, 1.00000000, -0.00000000, 0, 0);
   vertical-align:middle;
      }
/*.Tab
{  
    vertical-align:middle;
    width: 120px; 
	float: left;
	cursor: pointer;
	font: bold 14px  Calibri, "Myriad Pro", Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	border-right:  1px solid #aaa;
border:none;
display: block;
    height: 28px; 
	top: 0;
	left: 0;
z-index: 2;
    	bottom: 0;
	right: 0;
	color: #fff;
    text-decoration: none;
	text-align: center;
	line-height: 38px;
	outline: none; 
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    background-color: rgb(170, 170, 170);
background-image: -moz-linear-gradient(center top , rgb(170, 170, 170), rgb(68, 68, 68));
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #aaaaaa),color-stop(1, #444444)); /* Saf4+, Chrome */
    /*margin-top:10px;
}
    
.TabActive
{
padding-top:5px;
background-color: rgb(17, 83, 192);
background-image: -moz-linear-gradient(center top , rgb(11, 43, 97), rgb(17, 83, 192));
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0B2B61),color-stop(1, #1153C0));
border-radius: 8px 8px 0px 0px;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
list-style: none outside none;
font: bold 14px  Calibri, "Myriad Pro", Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
    top: -10px;
	left: -3px;
	vertical-align:middle;
	width: 120px;
	height: 30px;
    z-index: 1;
    border:none;
    display: block;
    	bottom: 0;
	right: 0;
	color: #fff;
    text-decoration: none;
	text-align: center;
	line-height: 38px;
	outline: none;
	cursor: pointer;

}*/ 
    
    .bottomRight
{
    position: fixed;
    width: 365px;
	height: 230px;
    vertical-align: middle;
    background:#EBF4FB;
    border:1px solid #ACD8F0;
    text-align: center;
    bottom: 25px;
    right: 10px;
}

.buttonbottomRight
{
    position: fixed;
    bottom: 1px;
    right: 10px;
}

.btnPermission
{
    background-image: url(../Images/Permission.png);
    background-repeat: no-repeat;
}
.btnBuy
{
    background-image: url(../Images/Buy.png);
    background-repeat: no-repeat;
}

.btnTemplate
{
    background-image: url(../Images/template.png);
    background-repeat: no-repeat;
}
.btnPay
{
    background-image: url(../Images/Pay.png);
    background-repeat: no-repeat;
}
.btnLogout
{
    background-image: url(../Images/logout.png);
    background-repeat: no-repeat;
}
.btnLogout48
{
    background-image: url(../Images/logout48.png);
    background-repeat: no-repeat;
}
.btnLogout48:hover
{
    background-image: url(../Images/logout64.png);
    background-repeat: no-repeat;
}
.btnUserCard
{
    background-image: url(../Images/UserCard.png);
    background-repeat: no-repeat;
}
.btnUserCard:hover
{
    background-image: url(../Images/HoverUserCard.png);
    background-repeat: no-repeat;
}
.btnPatientHistory
{
    background-image: url(../Images/History.png);
    background-repeat: no-repeat;
}
.btnPatientHistory:hover
{
    background-image: url(../Images/HoverHistory.png);
    background-repeat: no-repeat;
}
.btnAddService
{
    background-image: url(../Images/addservices.png);
    background-repeat: no-repeat;
}
.btnNew,.btnNew:hover
{
    background-image: url(../Images/New.png);
    background-repeat: no-repeat;
}
.btnPay
{
    background-image: url(../Images/cash.png);
    background-repeat: no-repeat;
}
.btnDepartment
{
    background-image: url(../Images/Dept.png);
    background-repeat: no-repeat;
}
.btnAddService:hover
{
    background-image: url(../Images/Hoveraddservices.png);
    background-repeat: no-repeat;
}

 .info, .success, .warning, .error, .validation 
 {
font-family:Arial, Geneva, sans-serif;
font-size:13px;
/*border: 1px solid;
margin: 10px 0px;*/
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url("../Images/info.png");
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url("../Images/success.png");
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url("../Images/warning.png");
}
.error {
color: #856404;
background-color: #fff3cd;
background-image: url("../Images/error.png");
}

.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url("../Images/validation.png");
}

button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
    background-color: #06477d;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    color: #fff; 
    border-color: #2e6da4;
}

.LiteralBold
{
    font-weight:bold;font-size:12px;font-family:Arial;
    }
    
.TabTop
{
    
    }
    
.TabContent
{
border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 2px;
    width: 99%;
    height: 0px;
    font: 12px/1.4 Calibri,"Myriad Pro",Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans serif;
    float: left;
    color: rgb(0, 0, 0);
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')";
    overflow: hidden;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #cccccc));
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;
}

.btnDoor
{
    background-image: url(../Images/door2.png);
    background-repeat: no-repeat;
}

.DivMainOverlay
{
vertical-align: top;
text-align: center;
position: fixed;
left: 45%;
top: 42%;
z-index: 10000000000;
-webkit-box-align: center;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-transition: 200ms opacity;
background-color: rgba(255, 255, 255, 0.75);
bottom: 0;
display: -webkit-box;
left: 0;
overflow:auto;
padding: 20px;
position: fixed;
right: 0;
top: 0;
}
.ie .DivMainOverlay {
background: url(../Images/MainLoginMainBg.png);
}
.progressBarLoading
{
background-image:url('../Images/loading.gif');	
background-repeat:no-repeat;
background-position:center 5px;
background-color:transparent;
/*background-color:#fff;
border:1px solid #44BFF4;
border-radius:2px;*/
left:0;
right:0;
top:0;
bottom:0;
display: -webkit-box;
padding: 2px 2px 2px 2px;
position:absolute;
display:block;
margin:auto auto;
color: #000000;
font-weight: bold; 
width:200px;
height:160px;
vertical-align:bottom;
z-index:10000000001;
} 
.drag{  width: 100%;
  height: 21px;
  background-color: #FFF;
  background-image: url(../Images/header-opened.png);
  text-align: center;
  cursor: move;
  font-weight: bold;}

 .chatcontainer {
  box-sizing: content-box;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-radius-bottomleft: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -moz-border-radius-bottomright: 12px;
  border-top-left-radius: 12px;
  /*-webkit-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);*/
  border: 1px solid #e3e3e3;
  border-top: 0;
  /*-moz-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);
  box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.17);*/
  
  font-family: arial;
  font-size: 12px;
  bottom: 0;
  right: 0;
  background-color: transparent;
  height: 20px; 
  width: 144px; 
}
 .status-icon {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: white;
  display: block;
  padding: 2px 2px 2px 2px;
  background: url(../Images/user.png) no-repeat left center;
}


/*New design style*/

.PersonName{
font-size:28px;
font-family:Calibri,Times New Roman,Arial;
font-weight:bold;
height:32px;
}

.PersonImg
{
width:150px;
height:160px;
float:right;
}

.mainArea {
    margin: 2% 2% 2% 2%;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #3187AD;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.07);
    box-shadow: 0 5px 5px rgba(0,0,0,0.07);
}

.mainbody {
    margin: 60px 10px 10px;
    padding: 10px;
    background-color: #fafafe;
    border: 1px solid #3187AD;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.07);
    box-shadow: 0 5px 5px rgba(0,0,0,0.07);
    /*overflow:auto;*/
    height:auto;
    min-height:580px;
    width:100%; /*teze elave etdim*/
}

.obj-wrapper {
    width:98%;
  height:0;
  padding-bottom: 54%; /*acts as fluid height*/
  overflow:hidden;
  position:relative;
  background:#fafafe;
  margin: 60px 10px 10px;
  
      border: 1px solid #3187AD;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.07);
    box-shadow: 0 5px 5px rgba(0,0,0,0.07);
  
}
.content {
    position:absolute;
  width:100%;
  height:100%;
  background:#fafafe;
    background-color: #fafafe;
    overflow:auto;
}

.Literal
{
Font-Family:Tahoma, Times New Roman, Arial;
Font-weight:bold;
Font-size:14px;
}

.LiteralText
{
Font-Family:Tahoma, Times New Roman, Arial; 
Font-size:14px;
font-weight: normal;
    color:#555;
}

.SmallLiteral
{
Font-Family:Tahoma, Times New Roman, Arial;
Font-size:12px;
height:14px;
}

.input
{
Font-Family:Tahoma, Times New Roman, Arial;
Font-size:12px;
width:160px;
padding-left:20px;
}

.edit,.dropdown,.textbox,.DropDownList
{
Font-Family:Tahoma, Times New Roman, Arial;
Font-size:12px;
color:black;
border-bottom:1px solid gray;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: medium;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;
}
.customtext
{
Font-Family:Tahoma, Times New Roman, Arial;
Font-size:12px;
width:160px; 
color:black;
border:none;
border:1px solid gray;
}
.pTab{
float:left;margin:10px;Font-Family:Tahoma;}
/*.Tab:hover,.TabActive:hover,.TabActive { 
    Font-size:14px;
    text-decoration: none; 
    float:left;margin-left:10px;Font-Family:Roboto,Tahoma;background-color:transparent;
    text-transform: uppercase;
      padding: 10px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    color: #b40808;
    cursor: hand; 
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    margin-right:10px;
    width:140px;
    text-align:center;
}*/
.TabActive, .Tab:hover,.TabActive:hover{ 
     color: #FFFFFF;
    Font-size:12px;
    font-weight: 400;
    text-decoration: none;
    border:1px Gray solid;
    text-align:center;
    padding: 4px;
    width:120px;
    float:left;margin-left:10px;Font-Family: Roboto, Tahoma;background-color:#337ab7;
    text-transform: uppercase;
    cursor: grab;  
    border-bottom-color: transparent;  
    border-radius:10px 10px 0px 0px; 
        text-align: center; 
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.Tab {
    color: black;
    cursor: grab; 
    background-color: #f5f5f5;
    font-weight: 400;
    Font-size: 12px;
    text-decoration: none;
    border: 1px Gray solid;
    border-bottom-color: transparent;
    text-align: center;
    padding: 4px;
    width: 120px;
    float: left;
    margin-left: 10px;
    Font-Family: Roboto, Tahoma;
    text-transform: uppercase;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* background-color: #cccccc; */
    /*color: black;
    background-color: #f5f5f5;
    font-weight: 400;
    Font-size:14px;
    text-decoration: none;
    border:1px Gray solid;
    border-bottom-color:transparent;
    text-align:center;
    padding: 10px;
    width:140px;
    float:left;margin-left:10px;Font-Family: Roboto, Tahoma; 
    text-transform: uppercase;
    border-radius:10px 10px 0px 0px; 
        text-align: center; 
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;*/
    /*background-color: #cccccc;*/
}

::-webkit-scrollbar {
                width: 14px;
                height:10px;
                
            }
 
            /* Track */
            ::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px white; 
                -webkit-border-radius: 10px;
                border-radius: 10px;
                
            }
 
            /* Handle */
            ::-webkit-scrollbar-thumb {
                -webkit-border-radius: 10px;
                border-radius: 10px;
                background: #6E6B68; 
                -webkit-box-shadow: inset 0 0 6px #c4c2c2;
                
            }
            ::-webkit-scrollbar-thumb:window-inactive {
	            background: rgba(27,75,96,0.4); 
            }

            ::-webkit-input-placeholder { /* Chrome, Safari */
   color: #aaa;
   font-size: 12px; 
}

:-moz-placeholder {           /* Firefox 18- */
   color: #aaa;
   font-size: 12px;
}

::-moz-placeholder {          /* Firefox 19+ */
  color: #aaa;
  font-size: 12px;
}

:-ms-input-placeholder {      /* Internet Explorer */
  color: #aaa;
  font-size: 12px;
}

.txtPrice {
            border:none;
            background-color:transparent;
        }

.btnAttach {
    background-image: url(../Images/Attach.png);
    background-repeat: no-repeat;
}
.btnPrint, .btnPrint:hover {
    background-image: url(../Images/print.png);
    background-repeat: no-repeat;
}

.btnList {
    background-image: url(../Images/List.png);
    background-repeat: no-repeat;
}
.btnConfiguration {
    background-image: url(../Images/Configuration.gif);
    background-repeat: no-repeat;
}
@media print { 
  /* All your print styles go here */
  #header, #footer, #nav {
    display: none !important;
  } 
}

@page { margin: 0; }p {
    margin:0 0 0 0px;
}
.details_btn_open {
    background-image: url(../Images/details_btn_open.gif);
    background-repeat: no-repeat;
    font-weight:bold;
    padding-left:20px; 
}
.details_btn_close {
    background-image: url(../Images/details_btn_close.gif);
    background-repeat: no-repeat;
    font-weight:bold;
    padding-left:20px; 
}

/* Dropdown Button */
.dropbtn {
font-family: Arial, Geneva, sans-serif; 
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block; 
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 12px;
  text-decoration: none;
  display: block;
  font-family: Arial, Geneva, sans-serif; 
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

.modal-header {
    padding: 5px;
}

.iFrameDialog {
}

.LoginInput {
	width: 188px;
	padding: 15px 25px;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9d9e9e;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}