/* Master Page Styles */
body
{
	font-family:Arial;
	background-color: White;
	min-height:600px;
	min-width:900px;
	font-size:9pt;
}

.header
{
	position:relative;  
	background-color: #2374b4;
	height:65px;
	width:900px;
	color:White;
	margin:auto;
}

.headerImg
{
	position:relative;
	/*width: 64px;
	height: 64px;*/
	left: 10px;
	/*top: 40px;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float:left; /*new*/
	/*background-image: url(../images/TitleIcon.gif);
	background-repeat:no-repeat;*/
}

.headerTitle
{
	font-family:Book Antiqua;
	position:relative;
	height: 10px;
	color: White;
	font-size:25pt;
	left: 50px;
	top:10px;
	/*top:-20px;*/
}

.headerCompanyName
{
	position:relative;
	float:right;
	/*width: 150px;
	height: 100px;*/
	padding: 0 10px 0 0;
	margin: 0 0 0 0;
	/*top:-50px;*/
	/*background-image:url(../images/TitleCompanyName.gif);
	background-repeat:no-repeat;*/
}

.headerUser
{
	position:relative;
	float:right;
	width: 200px;
	height: 14px;
	color: White;
	font-size:10pt;
	top:35px;
	text-align:right;
	padding: 0 0 0 0;
}
.headerLinks
{
	position:relative;
	float:right;
	height: 14px;
	color: White;
	font-size:10pt;
	top:35px;
	padding: 0 0 0 0;
}
.mainProgressPos
{
	position:relative;
	float:right;
}

.mainProgress
{
	background-color:#E5EEFF;
	border: solid 2px #2C53A2;
	color:#2C53A2;
}

.content
{
	width:900px;
	background-color:White;
	margin:auto;
	min-height:400px;
	border-left: solid 2px White;
	border-right: solid 2px White;
	border-bottom: solid 2px White;
}
.contentFull
{
	width:98%;
	background-color:White;
	margin:auto;
	min-height:400px;
	border-bottom: solid 1px White;
}
.submitPanel
{
	width:760px;
	margin:auto;
	display:block;
}

.error
{
	margin:auto;
	color:Red;
	font-weight:bold;
	font-style:italic;
}

/* Login Styles */
.loginContent
{
	background:white url(../images/TitleBar.gif) repeat-y;
	top:50%;
	left:50%;
	width:800px;
	height: 600px;
	margin:-300px auto auto -400px;
	position:absolute;
	border: 2px solid #D18A00;
	color:White;
}

.loginForm
{
	top:25%;
	left:35%;
	margin:auto auto auto -150px;
	position:absolute;
	border:solid 2px #D18A00;
}

.loginTitle
{
	position:relative;
	float:left;
	width: 725px;
	height: 100px;
	top:40px;
	left:40px;
	/*background-image:url(../images/TitleCompanyName.gif);*/
      background-image:url(../images/ZimmerBiomet.jpg);
   /*   background-image:url(../images/zb_h.png);*/
	background-repeat:no-repeat;
}

.loginProduct
{
	float: right;
	font-size: 32px;
	font-family:Book Antiqua;
}

.loginProgress
{
	position:absolute;
	top:92%;
	left:84%;
	background-color:#E5EEFF;
	border: solid 2px #2C53A2;
	color:#2C53A2;
}
.SystemMessage
{
	position:absolute;
	top:60%;
	left:25%;
}
.loginSeal
{
	position:absolute;
	top:80%;
	left:5%;
}

/* Menu Styles */
.menu
{
	margin:auto;
	width:850px;
	height:26px;
	padding:0px 20px 0px 20px;
	color:#2C53A2;
	background: #D18A00 url(../Images/MenuBar.gif) repeat-x;

	background-position:center;
}

.menuItem
{
	font-size: 13px;
	font-family: Arial;
	color:#2C53A2;
	padding:0px 2px 0px 2px;
	background: #D18A00 url(../Images/MenuBar.gif) repeat-x;
	background-position:center;
	height:24px;
}

.menuItemHover
{
	font-size: 13px;
	font-family: Arial;
	color:White;
	background:#2C53A2 url(../Images/MenuBarHover.gif) repeat-x;
	padding:0px 2px 0px 2px;
	height:24px;
	background-position:center;
}

.menuDropDown
{
	border:solid 1px #2C53A2;
	background-color:#F1AE2B;
	z-index:100;
}

.menuItemDropDown
{
	font-size:13px;
	font-family: Arial;
	color:#2C53A2;
	padding:3px;
	background-color:#F1AE2B;
}

.menuItemDropDownHover
{
	font-size:13px;
	font-family:Arial;
	color:White;
	padding:3px;
	background:#2C53A2 url(../Images/MenuBarHover.gif) repeat-x;
	background-position:center;
}

/* Table Styles */
.gridView
{
	margin: auto;
	left:0px;
	width:760px;
	border: solid 2px #2C53A2;
	background-color:White;
	font-size:9pt;

	text-align:center;
}

.gridView caption
{
	font-weight:bold;
}

.gridView th
{
	font-weight:bold;
	color:White;
	background-color: #2C53A2;
}

.gridView th a
{
	color:White;
	text-decoration:none;
}

.gridView tr td table
{
	margin:auto;
}

.gridViewBig
{
	margin: auto;
	left:0px;
	width:960px;
	border: solid 2px #2C53A2;
	background-color:White;
	font-size:9pt;
	text-align: left;
}

.gridViewBig caption
{
	font-weight:bold;
}

.gridViewBig th
{
	font-weight:bold;
	color:White;
	background-color: #2C53A2;
	text-align: center;
}

.gridViewBig th a
{
	color:White;
	text-decoration:none;
}

.gridViewBig tr td table
{
	margin:auto;
}

.evenRow
{
	background-color:#E5EEFF;
}

.defaultTable
{
	text-align:center;
}

.detailView
{
	border-collapse:collapse;
	background-color:#E5EEFF;
	border: solid 2px #2C53A2;
	margin: auto;
}

.detailView caption
{
	background-color:#2C53A2;
	color:White;
	font-weight:bold;	
}

.inputTable
{
	border-collapse:collapse;
	background-color:#E5EEFF;
	border: solid 2px #2C53A2;
	margin: auto;
}

.inputTable tr th
{
	font-weight:bold;
	color:White;
	background-color: #2C53A2;
}

.inputTable caption
{
	font-weight:bold;
}

.searchButton
{
	float:right;	
}

.Info
{
	min-height:300px;
	width:450px;
	background-color:#E5EEFF;
	color:#2C53A2;
	border: solid 2px #2C53A2;
	float:right;
	margin-bottom:20px;
}

.Stocks
{
	width:454px;
	float:right;
	background-image:url(../images/TitleBar.gif);
	color:white;
}

.WelcomeInfo
{
	margin-left:20px;
	width:300px;
	margin-bottom:20px;
}

.ExplorerHelp
{
	min-height:300px;
	min-width:300px;
	background-color:#E5EEFF;
	color:#2C53A2;
	border: solid 2px #2C53A2;
	margin-top:20px;
	margin-bottom:20px;
	float:right;
}

.Hidden
{
	display:none;
}

.coveragesContainer
{
	overflow: auto;
	/*width: 98%;*/
	height: 500px; /* must be greater than tbody*/
	position: relative;
	margin: 0 auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

/* Keep the header cells positioned as we scroll */
.coveragesContainer table th
{
	position: relative;
	top: expression(this.offsetParent.scrollTop);
}

/* For alignment of the scroll bar */
.coveragesContainer table tbody
{
	overflow: hidden;
} 

/* ExplorerToolbar */
.ExplorerToolbar
{
	margin-bottom:1px;
	background: #D9D3C5;
	border:solid 1px #89806D;
	height:25px;
	padding:2px;
	padding-left:0;
	font-size:12px;
	width:760px;
}
.ExplorerToolbar img
{
	vertical-align:middle;
}
.ExplorerToolbar a
{
	color:Black;
	border:solid 1px #D9D3C5;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}
.ExplorerToolbar a:hover
{
	border-top-color: #FFF;
	border-left-color: #FFF;
	border-bottom-color: #89806D;
	border-right-color: #89806D;
}

/* Directory Explorer */
.DirList
{
	font-size:12px;
	border: solid 1px #89806D;
	width:760px;
}
.DirList td img
{
	vertical-align:middle;
}
.DirList td
{
	padding-top:2px;
	padding-left:5px;
	padding-right:5px;
}

.DirList th
{
	background-color:#d9d3c5;
	font-weight:normal;
}

.DirList th a
{
	color:Black;
	text-decoration:none;
}

.DirList td a
{
	color:#6A7B9E;
	text-decoration:none;
}

.DirList td a:hover
{
	color:#2D3B58;
}

.SelectPatient
{
	color: Blue;/*#6A7B9E;*/
	text-decoration:underline;
}

.SelectPatient:hover
{
	color: Black;/*#2D3B58;*/
}

/* Process Message Styles */
#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000;
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
#processMessage
{
	position: fixed;
	top: 30%;
	left: 43%;
	padding: 10px;
	width: 14%;
	z-index: 1001;
	background-color:#E5EEFF;
	border: solid 2px #2C53A2;
	text-align: center;
	color:#2C53A2;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
}

.GroupingPanel legend {
    display: inline;
    padding: 3px;
    font-family: Tahoma;
    font-size: 12px;
    color: Blue;
    font-weight: bold;
} 

.GroupingPanel fieldset {
    font-size: 12px;
    padding-bottom: 6px;
}

.ReportsPanel legend {
    display: inline;
    padding: 3px;
    font-family: Tahoma;
    font-size: 10;
    color: Blue;
    font-weight: bold;
} 

.ReportsPanel fieldset {
    font-size: 13;
    padding-bottom: 6px;
}

.comment
{
	position:absolute;
	top:600px;
	left: 250px;
	height:50;
	width:800px;
	
}
.buttonstyle
{
	background-color: #ffc080; 
	border-top:2px solid #ccc; 
	border-left:2px solid #ccc; 
	border-right:2px solid #808080; 
	border-bottom:2px solid #000; 
	font-family: Arial;
	font-size: 12px;
	cursor: hand;
}

.myheader
{
	background-color:#CEBB98;
}


.selecttext
{
	text-decoration:underline;
	cursor:hand;
	border: 0px solid #000000;
	width:40px;
}

.sectionHeader
{
	font-weight:bold;
	font-size:11px;
	background-color:#2C53A2;
	color: White;
	height:17px;
	text-align:center
}

.note
{
	font-style:italic;
	font-size: 8pt;
}

.longtext
{
	width: 320px;
	height:13px;
	font-size: 8pt;
	font-family:Arial;
}

.sitetext
{
	width: 350px;
	height:13px;
	font-size: 8pt;
	font-family:Arial;
	border: 2px solid white;
	font-weight:bold;
}

.textarea
{
	width: 230px;
	font-size: 8pt;
	font-family:Arial;
}

.labeltext
{
	width: 100px;
	height:13px;
	font-size: 8pt;
	font-family:Arial;
	font-weight:bold;
	border: solid 2px white;
}

.shorttext
{
	width: 25px;
	height:13px;
	font-size: 8pt;
	font-family:Arial;
}

.mediumtext
{
	width:55px;
	height:13px;
	font-size: 8pt;
	font-family:Arial;
}

.citytext
{
	width:120px;
	height:13px;
	font-size: 8pt;
	font-family:Arial;
}

.required
{
	font-weight: bold;
	text-align: right;
	color: firebrick;
}

.body
{
	font-size: 8pt;
	font-family:Arial;
}

.dropdownlist
{
	width:130px;
	font-size: 7pt;
	font-family:Arial;
}

.textarea
{
	font-size: 8pt;
	font-family:Arial;
	width:100%;
}

.errorMsg
{
	font-size: 10pt;
	color: Red;
	font-weight: bold;
	font-family: Tahoma;	
}

.multirowtableheader
{
	border-bottom: solid 1px White;
/*	border-color: White;
	border-style: solid;
	border-width: 1; */
}

.noleftborder
{
	border-right: solid 1px White;
	border-left: none;
}

.norightborder
{
	border-left: solid 1px White;
	border-right: none;
}

.noborders
{
	border-style: none;
}

.bold
{
	font-weight: bold;
}

h1
{
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
}

#breadcrumbs
{
	float: left;
}

/*LVS User Control*/

.divLVSTable
{
    border: thin solid #000000;
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}
.divLVSRow
{
         width: 99%; 
         display:block;
         padding-top: 10px;
		 padding-bottom: 20px;
}
.divLVSColumn
{
         float: left;
         width: 48%;
         display:block;
}
.divLVSInRow
{
		 float:left;
         width: 50%; 
         display:block;
}


/*Device User Control*/
divDeviceTable
{
	border: medium solid #000000;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.divDeviceRow
{
         width: 60%; 
         display: block;
         padding-top: 5px;
		 padding-bottom: 5px;
		 padding-left: 5px;
}
.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=60);
    opacity:0.60;         
}
.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:150px; 
    height:50px;    
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}        

/*>> Instructions*/
.pjs_instructions {
	margin-top: -1px; /*Expand margins*/
	padding-top: 25px;

	color: #ebebeb;
}

.pjs_instructions h3 {
	font-size: 20px;
}

.pjs_instructions p {
	font-size: 16px;
	line-height: 1.3;
	padding: 10px 50px;
}

.pjs_instructions li {
	font-size: 16px;
	line-height: 1.3;
	list-style: none;
}
/* <<Instructions*/

.pjs_rotator {

}


.pjs_wrapper {
	height: 100%;
	margin: 0;
	padding: 0;
	font: normal 16px/1 "Segoe UI Light", sans-serif;
}

h2, h3, p, li {
	font-weight: 100;
}
.pjs_wrapper {
	margin-top: -1px;
	padding-top: 1px;
	background: #fff;
	background: url('../Images/background.png') 0 bottom repeat-x;
}

.pjs_wrapper h2 {
	text-align: center;
	font-size: 43px;
	color: #2c2d2d;
}

.pjs_inner_wrapper {
	width: 800px;
	height: 860px;
	margin: 0 auto;
	background: #2e2e2e;
}

.pjs_inner_container_wrapper {
     float: left; 
     padding: 45px 30px 0 0;
}

.pjs_list_view,
.pjs_rotator {
	margin-left: 50px;
}

.pjs_link_button {
    padding: 10px 53px;
    color: #fff;
    text-decoration: none;
    background-color: #039417;
}

.pjs_link_button_wrapper {
    padding: 30px 0 0 50px;
}

/*>> ListView*/
.pjs_list_view {
	width: 371px;
	height: 130px;
	margin-bottom: 20px;
	padding-bottom: 16px;
	text-align: center;
	background: url('../Images/book_case.png') 0 0 no-repeat;
}

.pjs_image_wrapper {
	display: inline-block;
	height: 98%;
	padding-bottom: 26px;
	margin-left: 4px;
}

* + html .pjs_image_wrapper {
	margin-left: 10px;
}

.pjs_image_wrapper:first-child {
	margin-left: 0;
}
.pjs_image_wrapper a{
	display: inline-block;
	overflow:hidden;
	height: 95px;
	margin-left: -4px;
	vertical-align: bottom;
	-webkit-transition: height .22s;
	-mox-transition: height .22s;
	transition: height .22s;
}

.pjs_image_wrapper a:hover {
	height: 116px;
	margin-top:0;
}

.pjs_aligner {
    display: inline-block;
    width: 0;
    height: 100%;
}


.pjs_image_wrapper:hover,
.pjs_image_wrapper:active {
	background: url('../Images/selected_image.png') 0 bottom no-repeat;
}

.bluefont1 tr
   {
     // border-top-color: Blue;
     
   }
.ZBBlue {
    color:#0081c9;
}
.ZBGray {
    color:#474c55;
    font-size:larger;
}
.ZBBlueTitleHeader {
    color:#474c55; 
    font-size: 36px ; 
    font-family:Arial; 
    font-style:normal; 
}
.ZBBlueSubTitleHeader{
    color:#474c55; 
    font-size: 16px ; 
    font-family:Arial;
}
.ZBBlueTitleHeaderCenter {
    color:black; 
    font-size: 20px ; 
    font-family:Arial; 
    font-style:normal; 
    text-align:center;
    align-content:center;
}
.imgBiCubic { 
    -ms-interpolation-mode: bicubic; 

}