/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color:#ffffff;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size:.9em;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 4px;
    padding-right: 4px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}

.mynavbar {
    background-color:#4b6c9e;
    z-index:1031;
    right: 0;
    top:10px;
    left: 6px;
    border-width: 0 0 1px;
    width:100%;
    border:  4px solid #4b6c9e;
}

.mynavbar-header {
	width:auto;
    background-color: #ffffff;
    margin: 4px 4px 0px 4px;
    z-index:1030;
}

.mymenu {
    background-color:#465c71;
    color:#ffffff;
    border:4px solid #4b6c9e;
    padding-left:200px;
}

.mymenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;   
}

.mymenu ul li a, .mymenu ul li a:visited
{
	border: 2px #4b6c9e solid;
    background-color: #465c71;
    color: #ffffff;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;    
}

.mymenu ul li a:hover
{
	border: 2px #3a4f63 solid;
    background-color: #bfcbd6;
    color: #000000;
    text-decoration: none;    
}

.mymenu ul li a:active
{
	border: 2px #3a4f63 solid;
	background-color: #bfcbd6;
    color: #000000;
    text-decoration: none;
}

.page
{
	width:auto;
    background-color: #fff;
    margin:4px 4px 0px 4px;  
}

.main
{
    padding: 2px 2px;
    margin: 4px 4px 8px 4px;
    min-height: 420px;
}

.mylogin {
    background-color:#ffffff;
    border:2px solid #000000;
}

.bluebutton
{
	background-color: Blue;
	border: Outset 2px LightGray;
	color: #ffffff !important;
	text-decoration: none;
}

.greenbutton
{
	background-color: #005500;
	border: Outset 2px LightGray;
	color: #ffffff !important;
	text-decoration: none;
}

.redbutton
{
	background-color: #B30000;
	border: Outset 2px LightGray;
	color: #ffffff !important;
	text-decoration: none;
}

.burntorangebutton{
	background-color: #ff6d00;
	border: Outset 2px LightGray;
	color: #000000 !important;
	text-decoration: none;
}

.graybutton
{
	background-color: #7D7D7D;
	border: Outset 2px LightGray;
	color: #ffffff !important;
	text-decoration: none;
}

.yellowbutton
{
	background-color: #FFC73C;
	border: Outset 2px LightGray;
	color: #000000 !important;
	text-decoration: none;
}

tr.lvrow:hover 
{
	background-color:#bfcbd6;
	cursor:pointer;
}

.lvdata
{
	border-bottom-style: solid; 
	border-bottom-width: thin; 
	border-bottom-color: #000000; 
}

td.lvprevious
{
	background: blue; 
	color:White; 
	border: solid thin #000000; 
    text-align:center;
    width:180px;
}

td.lvprevious:hover
{
	background-color:#bfcbd6;
	color:Black;
	cursor:pointer;
}

td.lvnext
{
	background: green; 
	color:White; 
	border: solid thin #000000;
    text-align:center;
    width:180px;
}

td.lvnext:hover
{
	background-color:#bfcbd6;
	color:Black;
	cursor:pointer;
}

.udoverlay
{
    border: black 1px solid;
    padding: 190px;
    z-index: 998;
    width: 536px;
    position: absolute;
    background-color: #fff;
    -moz-opacity: 0.75;
    opacity: 0.75;
    filter: alpha(opacity=75);
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    display:none;
}

.prodoverlay
{
    border: black 1px solid;
    padding: 156px;
    z-index: 998;
    width: 370px;
    height: 160px;
    position: absolute;
    background-color: #fff;
    -moz-opacity: 0.75;
    opacity: 0.75;
    filter: alpha(opacity=75);
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    display:none;
}

.AutoExtender
{
    font-family: Verdana, Helvetica, sans-serif, Arial;
    font-weight: normal;
    border: solid 1px #000000;
    line-height: 20px;
    padding: 8px;
    background-color: White;
    margin-left:2px;
}
.AutoExtenderList
{
    border-bottom: solid 1px #000000;
    cursor: pointer;
    color: #000000;   
}
.AutoExtenderHighlight
{
    color: #000000;
    background-color: #bfcbd6;
    cursor: pointer;         
}

#divwidthorigin {
    width:942px !important;
    height:400px !important;
    overflow-y:scroll;
}        
#divwidthdest {
    width:942px !important;
    height:400px !important;
    overflow-y:scroll;
}        
#divwidthoriginstore {
    width:942px !important;
    height:400px !important;
    overflow-y:scroll;
}        
#divwidthdeststore {
    width:942px !important;
    height:400px !important;
    overflow-y:scroll;
}        

.failureNotification
{
    font-size: .9em;
    color: Red;
    font-weight:bold;
}

input[type=text],
input[type=password],
input[type=checkbox],
input[type=tel],
textarea
{
    background-color:#ffffff;
    border:1px solid #000000;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=checkbox]:focus,
input[type=tel]:focus,
textarea:focus
{
    background-color:#bfcbd6;
    border:1px solid #000000;
}

input {
    border: solid 1px #000;
}
input:required:invalid  {
    background-color: red;
}
input:required:valid  {
    background-color: #ffffff;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#4b6c9e;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;	
}

#InnerTableCellOverlay
{
    text-align: center;
    width: 200px;
    border: 1px solid black;
    padding: 10px;
    background-color: #4b6c9e;
    z-index: 998;
    color:#ffffff; 
    font-weight: bold;
}

#InnerTableCellOverlay2
{
    text-align: center;
    width: 200px;
    border: 1px solid black;
    padding: 10px;
    background-color: #4b6c9e;
    z-index: 998;
    color:#ffffff; 
    font-weight: bold;
}

.ratedata
{
	border-bottom: thin solid #000000; 
    border-right:thin solid #000000;
}

.rateheader
{
    background-color: #4b6c9e;
	border-bottom: thin solid #000000; 
    border-right:thin solid #000000;
    color:#ffffff;
}

#divwidthozip {
    width:250px !important;
    height:200px !important;
    overflow-y:scroll;
}        

#divwidthdzip {
    width:250px !important;
    height:200px !important;
    overflow-y:scroll;
}        

.cal_Theme1 .ajax__calendar_container   
{    
	background-color: #bfcbd6; 
    width:auto;    
    border: solid 1px #000000;
    height:auto;
}
	
.cal_Theme1 .ajax__calendar_header  
{    
	background-color: #bfcbd6;     
	font-size:15px;	
	border: solid 1px #000000;
	padding-top:4px;
	padding-bottom:4px; 
}
		
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    
{    
	color: #000000;     
}
		
.cal_Theme1 .ajax__calendar_body    
{    
	background-color: #bfcbd6;     	
	width:260px;
    height:200px;
}
		
.cal_Theme1 .ajax__calendar_dayname 
{   text-align:center;     
	font-weight:bold;     
	margin-bottom: 2px;     
	margin-top: 2px;
	font-size:14px;
    width:32px;
}
		
.cal_Theme1 .ajax__calendar_day 
{    
	text-align:center;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
    width:32px;
}
		
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  
{    
	text-align:center;
	background-color: #bfcbd6;
	font-weight:bold;
	font-size:14px;
	border: solid 1px #000000;
	padding-top:4px;
	padding-bottom:4px;
    width:32px;
}

.cal_Theme1 .ajax__calendar_today   
{    
	background-color: #bfcbd6;
	font-weight:bold;
	font-size:14px;
	border: solid 1px #000000;
	padding-top:4px;
	padding-bottom:4px; 
    width:260px;
}

.cal_Theme1 .ajax__calendar_other
{
	background-color: #bfcbd6;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today
{
	background-color: #bfcbd6;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title 
{    
	background-color: #bfcbd6;
}

.cal_Theme1 .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_year
{    
	text-align:center;
	font-size:14px;
	padding-top:2px;
	padding-bottom:2px; 
}

td.tsdata
{
	border-bottom:thin solid #000000; 
	border-right:thin solid #000000; 
}

td.tsdata2
{
	border-bottom:thin solid #000000; 
}

th.tsdata
{
	border-bottom:thin solid #000000; 
	border-right:thin solid #000000;
	background:#4b6c9e;
	color:#ffffff;
}

th.tsdata2
{
	border-bottom:thin solid #000000; 
	background:#4b6c9e;
	color:#ffffff;	
}

.mydiv{
    border:1px solid #000000;
    border-radius:25px;
    text-align:center;
    height:100px;
    width:148px;    
    font-weight:bold;
}

.divwidthprod {
    width:710px !important;
    height:260px !important;
    overflow-y:scroll;
    text-align: left;
}

.mainpageimgsize{
    width:136px !important;
    height:132px !important;
}

.tooltip {
    position: relative;
    display: inline-block;    
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border: 2px solid #000000;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}

.tooltip-right {
    top: -5px;
    left: 125%;
}

.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}