/* CSS Document */
 
#body-color{

	background-color: #365580;
	font-family:Verdana, Geneva, sans-serif;
}
#Sign-In{ 
	border:3px solid #003;
	margin:auto;
	margin-top:auto;
	text-align:left;
	padding:9px 35px;
	background: #365580;
	width:400px;
	border-radius:20px;
	box-shadow:7px 7px 6px #000;
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
}
#RightHeader{ 
	border:3px solid #003;
	margin:auto;
	margin-top:auto;
	text-align:Right;
	padding:5px 35px;
	/*background: #365580;*/
	background-color:#244676;
	width:200px;
	height:73px;
	border-radius:20px;
	box-shadow:7px 7px 6px #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
}
.LIPAfont{
	font-family:"Times New Roman", Times, serif;
	font-size:34px;
}
#LeftHeader{ 
	border:3px solid #003;
	margin:auto;
	margin-top:auto;
	text-align:left;
	padding:5px 35px;
	/*background: #365580;*/
	background-color:#244676;
	width:200px;
	height:73px;
	border-radius:20px;
	box-shadow:7px 7px 6px #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
}
#CenterHeader{ 
	border:3px solid #003;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:auto;
	text-align:centre;
	padding:5px 20px;
	background-color:#244676;
	width:350px;
	height:73px;
	border-radius:20px;
	box-shadow:7px 7px 6px #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
}
#button{
	border-radius:10px;
	border-color:#006;
	width:100px;
	height:40px;
	background:#FFC;
	font-weight:bold;
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
	
}
#CenterSpan{ 
	border:3px solid #003;
	display:block;
	text-align:centre;
	box-sizing:border-box;
	/*padding:5px 20px;*/
	padding:10px;
	background-color:#244676;
	width:100%;
	/*height:50px;*/
	border-radius:20px;
	box-shadow:7px 7px 6px #000;
	font-family:Verdana, Geneva, sans-serif;
	vertical-align:middle;
}
#HalfWidthSpan{ 
	border:3px solid #003;
	display:block;
	text-align:centre;
	box-sizing:border-box;
	/*padding:5px 20px;*/
	padding:15px;
	background-color:#244676;
	width:49.5%;
	/*height:73px;*/
	border-radius:20px;
	box-shadow:7px 7px 6px #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
	vertical-align:middle;
}
#OneQuarterWidthSpan{ 
	border:3px solid #003;
	display:block;
	text-align:centre;
	box-sizing:border-box;
	/*padding:5px 20px;*/
	padding:15px;
	background-color:#244676;
	width:34.5%;
	/*height:73px;*/
	border-radius:20px;
	box-shadow:7px 7px 6px #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
	vertical-align:middle;
}
#ThreeQuarterWidthSpan{ 
	border:3px solid #003;
	display:block;
	text-align:centre;
	box-sizing:border-box;
	/*padding:5px 20px;*/
	padding:15px;
	background-color:#244676;
	width:64.5%;
	/*height:73px;*/
	border-radius:20px;
	box-shadow:7px 7px 6px #000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
	vertical-align:middle;
}
#welcome{
	font-size:10px;
}
#logout{
	font-size:10px;
	font-weight:bold;
}
#standard{
	font-size:14px;
	font-weight:normal;
	color:#CCC;
}
#standard a:hover{
color:#FFF;
cursor:pointer;
}
#buttoncontainer {
  height: 120px;
  width: 100px;
  position: relative;
cursor:pointer;
}
#buttonimage {
  position: absolute;
  left: 0;
  top: 0;
}
#buttontext {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 16px;
  font-weight: bold;
  left: 3px;
  top: 70px;
  text-shadow: -3px -3px 3px #000000,-3px 3px 3px #000000, 3px 3px 3px #000000,3px -3px 3px #000000;
}


#centerTitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#CCC;
}

table.general{
	 
}

table.general td{
	font-size:12px;
	font-weight:normal;
	color:#CCC;
	
	height:25px;
}
.Pageheading{
 color:  #999;
	font-size:18px;
}
.alignright{
	float:right;
}
.alignleft{
	float:left;
}
.aligncenter{
float:none;
}
table.basket{
		background-color:#CCC;
	border:	2px solid black;
	text-align:left;
	vertical-align:top;
	border-collapse:collapse;
}
table.basket th{
	font: 15px arial, sans-serif;
	font-weight: bold;
	text-align:left;
	vertical-align:top;
	border-bottom:2px solid black;
	border-left:1px dotted black;
	padding:5px;
}
table.basket td{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid black;
	border-left:1px dotted black;
	font: 15px arial, sans-serif;
	padding:5px;
}
table.basket tr:nth-of-type(odd) {
      background-color:#FFF;
}
table.itemlist {
	/*position: fixed;*/
	background-color:#CDFEFF;
	border:	2px solid black;
	text-align:left;
	vertical-align:top;
	border-collapse:collapse;
	/*z-index:-2;*/
}

table.itemlist th{
	width:150px;
	font: 14px arial, sans-serif;
	font-weight: bold;
	text-align:left;
	vertical-align:top;
	border-bottom:2px solid black;
	border-left:1px dotted black;
		background-color:#B5E5EE;
	
}
table.itemlist td{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid black;
	border-left:1px dotted black;
	font: 12px arial, sans-serif;
}
table.itemlist tr:nth-of-type(odd) {
      background-color:#B5E5EE;
}
table.itemlist tr:hover{
	background-color:#FF6;
}

table.itemlistsmall {
	background-color:#CDFEFF;
	border:	2px solid black;
	text-align:left;
	vertical-align:top;
	border-collapse:collapse;
}

table.itemlistsmall th{
	width:150px;
	font: 10px arial, sans-serif;
	font-weight: bold;
	text-align:left;
	vertical-align:top;
	border-bottom:2px solid black;
	border-left:1px dotted black;
		background-color:#B5E5EE;
	
}
table.itemlistsmall td{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid black;
	border-left:1px dotted black;
	font: 10px arial, sans-serif;
}
table.itemlistsmall tr:nth-of-type(odd) {
      background-color:#B5E5EE;
}
table.itemlistsmall tr:hover{
	background-color:#FF6;
}


table.historylist {
	background-color:#CDFEFF;
	border:	2px solid black;
	text-align:left;
	vertical-align:top;
	border-collapse:collapse;
}

table.historylist th{
	width:150px;
	font: 10px arial, sans-serif;
	font-weight: bold;
	text-align:left;
	vertical-align:top;
	border-bottom:2px solid black;
	border-left:1px dotted black;
		background-color:#B5E5EE;
	
}
table.historylist td{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid black;
	border-left:1px dotted black;
	font: 10px arial, sans-serif;
}
table.historylist tr:nth-of-type(odd) {
      background-color:#B5E5EE;
}
table.historylist tr:hover{
	background-color:#FF6;
}

table.test{
	border-bottom:1px solid black;
	border-left:1px dotted black;
}
table.test td{
	border-bottom:1px solid black;
	border-left:1px solid black;
		border-right:1px solid black;
			border-top:1px solid black;
	}

table.fullassetdisplay{
	background-color:inherit;
	text-align:left;
	vertical-align:top;
	border-collapse:collapse;
	font-size:10px;
	white-space: nowrap;
}
table.fullassetdisplay td{
	
	color:#CCC;
	padding:2px;
	white-space: nowrap;
}


table.patlist {
	background-color:#CCC;
	border:	2px solid black;
	text-align:left;
	vertical-align:top;
	border-collapse:collapse;
}

table.patlist th{
	width:150px;
	font: 11px arial, sans-serif;
	font-weight: bold;
	text-align:left;
	vertical-align:top;
	border-bottom:2px solid black;
	border-left:1px dotted black;
	background-color:#E4E5E3
	
}
table.patlist td{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid black;
	border-left:1px dotted black;
	font: 11px arial, sans-serif;
}

table.patlist tr:hover{
	background-color:#FF6;
}

table.usercreation {
	background-color:#CCC;
	border:	2px solid black;
	text-align:left;
	vertical-align:top;
	border-collapse:collapse;
}

table.usercreation th{
	width:150px;
	font: 11px arial, sans-serif;
	font-weight: bold;
	text-align:left;
	vertical-align:top;
	border-bottom:2px solid black;
	border-left:1px dotted black;
	background-color:#E4E5E3
	
}
table.usercreation td{
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid black;
	border-left:1px dotted black;
	font: 11px arial, sans-serif;
}

table.usercreation tr:hover{
	background-color:#FF6;
}
table.filterlist td{
	color:#CFF;
	padding:0px;
			text-align:left; 
		vertical-align:top;
		border:none #006;
		white-space: nowrap;
}
table.filterlist tr{
	font: 9px arial, sans-serif;
	
}

table.filterlist th{
	font-weight:bold;
		color:#CFF;
		text-align:left; 
		vertical-align:top;
}


.hidethis{
	display:none;
}
.AreaButton {
	
	background-size: 45px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#27b34d;
width: 50px;
height: 50px;
	border-radius:15px;
	border:1px solid #115718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
 padding:5px;
  margin-top:5px;
  cursor:pointer;
}
.AreaButton:hover {
background-color:#57d911;
}
.AreaButton:active{
position:relative;
	top:2px;
}

.btn {
  background: #58a6db;
  background-image: -webkit-linear-gradient(top, #58a6db, #2980b9);
  background-image: -moz-linear-gradient(top, #58a6db, #2980b9);
  background-image: -ms-linear-gradient(top, #58a6db, #2980b9);
  background-image: -o-linear-gradient(top, #58a6db, #2980b9);
  background-image: linear-gradient(to bottom, #58a6db, #2980b9);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 8px 15px 8px 15px;
  border: solid #0b3a57 2px;
  text-decoration: none;
  margin-top:5px;
  display:inline;
  cursor:pointer;
}
.btn:hover {
  background: #56b9f7;
  background-image: -webkit-linear-gradient(top, #56b9f7, #3498db);
  background-image: -moz-linear-gradient(top, #56b9f7, #3498db);
  background-image: -ms-linear-gradient(top, #56b9f7, #3498db);
  background-image: -o-linear-gradient(top, #56b9f7, #3498db);
  background-image: linear-gradient(to bottom, #56b9f7, #3498db);
  text-decoration: none;
}

.smallbtn {
  background: #58a6db;
  background-image: -webkit-linear-gradient(top, #58a6db, #2980b9);
  background-image: -moz-linear-gradient(top, #58a6db, #2980b9);
  background-image: -ms-linear-gradient(top, #58a6db, #2980b9);
  background-image: -o-linear-gradient(top, #58a6db, #2980b9);
  background-image: linear-gradient(to bottom, #58a6db, #2980b9);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 3px 7px 3px 7px;
  border: solid #0b3a57 1px;
  text-decoration: none;
  display:inline;
  cursor:pointer;
}

.btnred {
  background: #d93434;
  background-image: -webkit-linear-gradient(top, #d93434, #b82b2b);
  background-image: -moz-linear-gradient(top, #d93434, #b82b2b);
  background-image: -ms-linear-gradient(top, #d93434, #b82b2b);
  background-image: -o-linear-gradient(top, #d93434, #b82b2b);
  background-image: linear-gradient(to bottom, #d93434, #b82b2b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 8px 15px 8px 15px;
  border: solid #570b0b 2px;
  text-decoration: none;
}

.btnred:hover {
 background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -moz-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -ms-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -o-linear-gradient(top, #fc3c3c, #d93434);
  background-image: linear-gradient(to bottom, #fc3c3c, #d93434);
  text-decoration: none;
    cursor:pointer;
}

.btngreen {
  background:#339900;
  background-image: -webkit-linear-gradient(top, #339900, #360);
  background-image: -moz-linear-gradient(top, #339900, #360);
  background-image: -ms-linear-gradient(top, #339900, #360);
  background-image: -o-linear-gradient(top, #339900, #360);
  background-image: linear-gradient(to bottom, #339900, #360);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 8px 15px 8px 15px;
  border: solid #060 2px;
  text-decoration: none;
}

.btngreen:hover {
 background: #393;
  background-image: -webkit-linear-gradient(top,#393 , #390);
  background-image: -moz-linear-gradient(top, #393, #390);
  background-image: -ms-linear-gradient(top,#393, #390);
  background-image: -o-linear-gradient(top, #393, #390);
  background-image: linear-gradient(to bottom,#393,#390);
  text-decoration: none;
    cursor:pointer;
}


.updatebtn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  font-weight: Bold;
  color: #000000;
  font-size: 20px;
  background: #eeff00;
  padding: 8px 30px 10px 8px;
  border: solid #000000 4px;
  text-decoration: none;
  text-align:center;
}

.updatebtn:hover {
  background: #fc3c3c;
  text-decoration: none;
  cursor:pointer;
}
.createbtn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  font-weight: Bold;
  color: #000000;
  font-size: 20px;
  background: #cc99ff;
  padding: 8px 30px 10px 8px;
  border: solid #000000 4px;
  text-decoration: none;
  text-align:center;
}

.createbtn:hover {
  background: #9966ff;
  text-decoration: none;
  cursor:pointer;
}


input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}

.smallcheckbox{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1); /* IE */
  -moz-transform: scale(1); /* FF */
  -webkit-transform: scale(1); /* Safari and Chrome */
  -o-transform: scale(1); /* Opera */
  padding: 3px;	
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
	/*z-index: -1;*/
    /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

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

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #666 transparent transparent;
}


.width50{
	width:5%;
}
.width100{
	width:6%;
}
.width8{
	width:8%;
}
.width10{
	width:10%;
}
.width13{
	width:13%;	
}
.widthNW{
	width:20%;
	white-space:nowrap;
}
.widthNW10{
	width:10%;
	white-space:nowrap;
}
.widthNW15{
	width:15%;
	white-space:nowrap;
}

body {
	background-color: #365580;
	margin-left:10px;
	margin-right:10px;
}
body,td,th {
	color: #000;
}
ul.multidrop a {
       color: #fff;
       text-decoration: none;
	   padding:10px;
	   text-align:center;
	   float:none;
	   display:block;
	   margin:-5px;
	  
	   /*font-size:9px;*/
  
     }
     ul.multidrop {
       padding: 0;
       margin: 0;
       /*background: #294b7a;*/
       float: left;
	   font-size:12px;	   
     }
     ul.multidrop ul {
       padding: 0;
       margin: 0;
       background: #000;
       float: left;
	   font-size:9px;
     }
     ul.multidrop li {
       padding:8px 5px;
       float: left;
       display: inline;
       position: relative;
       width: 70px;
       list-style:none;
	   z-index:99;
border-top-width:2px; 
border-top-color:#FFF; 
border-top-style:solid;
	/*border style here */
       /*cursor: pointer;*/
     }
       ul.multidrop li:hover {
        background:#000; /*#006;*/
     }
     ul.multidrop ul {
       position: absolute;
       left: 0;
       top: 100%;
       background: red;
       display: none;
     }
     ul.multidrop ul ul {
       left: 100%;
       top: 0;
     }
     ul.multidrop li:hover > ul {
		 /*The drop down menu*/
       display: block;
       background:#000; /*#006;*/


     }
     ul.multidrop li ul li:hover {
       background: #036;
     }

/*Tabs Code*/
#Tabs ul {
padding: 0px;
margin: 0px;
margin-left: 10px;
list-style-type: none;
}

#Tabs ul li {
display: inline-block;
clear: none;
float: left;
height: 35px;
}

#Tabs ul li a {
  background: #ababab;
  background-image: -webkit-linear-gradient(top, #ababab, #6e6e6e);
  background-image: -moz-linear-gradient(top, #ababab, #6e6e6e);
  background-image: -ms-linear-gradient(top, #ababab, #6e6e6e);
  background-image: -o-linear-gradient(top, #ababab, #6e6e6e);
  background-image: linear-gradient(to bottom, #ababab, #6e6e6e);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  color: #ffffff;
  font-size: 13px;
  padding: 8px 15px 8px 15px;
  border: solid #333 2px;
  text-decoration: none;
  /*margin-top:5px;*/
  margin-left:2px;
  margin-right:2px;
  display:inline-block;
  cursor:pointer;
}

#Tabs ul li a:hover {
/*text-decoration: underline; // a very simple effect when hovering the mouse on tab*/
  background: #949494;
  background-image: -webkit-linear-gradient(top, #949494, #525252);
  background-image: -moz-linear-gradient(top, #949494, #525252);
  background-image: -ms-linear-gradient(top, #949494, #525252);
  background-image: -o-linear-gradient(top, #949494, #525252);
  background-image: linear-gradient(to bottom, #949494, #525252);
  text-decoration: none;
}

#Tabs #Content_Area { // this is the css class for the content displayed in each tab
padding: 0 15px;
clear:both;
overflow:hidden;
/*line-height:19px;*/
position: relative;
top: 20px;
z-index: 5;
/*height: 150px;*/
overflow: hidden;
}

p { padding-left: 15px; }