/* myVetSite.com main stylesheet (iPhone)
/* *******************************/


#mainbody {
  margin: 0;
  padding: 0;
  position: relative; 
  color: #000;
  background-color: #8bb5d1; /*#fdfbd2*/
  -webkit-text-size-adjust: none;
  font-family: Helvetica, Trebuchet, Verdana, sans-serif;
  font-size: 16px; }

#container {
  width: 100%;
  margin: 0 auto; 
  background-color: #8bb5d1;

  }


/* ******************************
 * Navigation bar top */
#navbarcontainer {
position: fixed;
  width: 100%;
  margin: 0;
  margin-top: 0px;
  padding: 0;
  z-index: 3; }
}

#navbar {
  position: relative;
  margin: 0;
  font-family: Helvetica;
  background: #8bb5d1;
  color: #000;
  overflow: hidden; 
}

#navbar #title {
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    line-height: 20px;
    color: #fff;
    background: url(iphone/iPhoneToolbar.png) #6d84a2 repeat-x;
    border-bottom: 1px solid #737373;
    font-size: 17px;
    font-weight: bold;
    
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis; }

#navbar #titlesmall {
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    line-height: 20px;
    color: #fff;
    background: url(iphone/iPhoneToolbar.png) #6d84a2 repeat-x;
    border-bottom: 1px solid #737373;
    font-size: 16px;
    font-weight: bold;
    
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis; }

  #navbar .button {
    position: absolute;
    top: 8px;
    right: 4px;
    -webkit-border-image: url(iphone/iPhoneButton.png) 0 5 0 5;
    -webkit-border-radius: 0;
    border-width: 0 4px 0 4px;
    padding: 0 3px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: none;
    background-color: none;
    font-size: 12px;
    font-weight: bold;
    
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-decoration: none; }
   
   #navbar .button a:active {
      -webkit-border-image: url(iphone/iPhoneGoButton.png) 0 5 0 5; }
 
  #navbar #backbutton {
    left: 4px;
    padding: 0;
    right: auto;   
	-webkit-border-image: url(iphone/iPhoneBackButton.png) 0 8 0 14;
    border-width: 0 7px 0 13px; 
	 }

  #navbar .goButton {
    left: 4px;
    padding: 0;
    right: auto;
    -webkit-border-image: url(iphone/iPhoneGoButton.png) 0 5 0 5;
    border-width: 0 5px;
	}
  #navbar .alertButton {
    -webkit-border-image: url(iphone/iPhoneAlertButton.png) 0 5 0 5;
    border-width: 0 5px; }
  #navbar a {
    background-color: none;
    color: #fff;
    text-decoration: none; }
  #navbar a:active {
    background-color: none;
    color: #fff;
    text-decoration: none; }


/* ******************************
 * Content */
#content {
  margin-left:10px;
  margin-right:10px;
  clear: both;
  z-index: 1;
  position: relative;
  padding-top: 45px; 
}


#login_form input {
  margin: 0;
  padding: 0;
  font-size: 1.2em; 
  margin-bottom: 10px;
}


#login_form label {
  margin: 0;
  padding: 0;
  border: 0;
  white-space: nowrap;
  float:left;
  width:100px;
  text-align: right;
  padding-right: 5px;
}


.lineitem {
  clear: both;
  border: 0;
  border-bottom: 1px;
  border-color: #737373;
  border-style: solid;
  padding-bottom: 3px;
  padding-top: 3px; 
  font-family: Helvetica, Trebuchet, Verdana, sans-serif;
  font-size: 16px;    

   }

.sub-title {
  clear: both;
  border: 0;
  border-style: none;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 5px;
  background-color: #527da8; 
   }

  
  .lineitem a {
    color: #000;
    text-decoration: none; 
   font-family: Helvetica, Trebuchet, Verdana, sans-serif;
   font-size: 16px;    
	
	}
  
  .lineitem a:active {
    background-color: none; }

.lineitem.arrow {
  background-image: url("iphone/iPhoneArrow.png");
  background-repeat: no-repeat;
  background-position: right center; 
  }

.lineitemtext {
  padding: 15px 10px;
  padding-right: 70px; 
  font-family: Helvetica, Trebuchet, Verdana, sans-serif;
  font-size: 16px;    
  }

.lineitemtext.smaller {
  font-size: 15px;
  padding: 15px 10px;
  padding-right: 70px; }


.count {
  color: #ff0000;
  font-weight: bold; }

.placeholder {
  color: #bbb;
  font-style: none; }

#hosp_logo{
	border-bottom-width:1px;	/* Create lines between cells. Each line is placed above each item */
	border-bottom-style:solid;
	border-bottom-color:#737373;
	height: 100px;	
}

#login_form{
   margin-top:20px;
   font-weight:normal;
   font-size: 15px;   		
}

#login_form a{
	text-decoration:none;
	font-size: 14px;
}

#login_form p{
width: 100%;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
 /*width of left column containing the label elements*/
height: 1%;
}

#login_form label{
margin: 0; /*width of left column*/
text-align: right; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#login_form .labelx{
	margin:0;
	float:none;
	text-align: left;
}

#login_form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
  font-size: 1.1em;
}

#login_form input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
  font-size: 1.1em;
}


.hospital-name{
color:#ffac23;	
font-size: 14px;
font-weight:bold;		
}

.hospital-address {
  color: #555555;
  font-size: 13px;
  font-weight: bold; }

  
.biodata {
  font-size: 13px;
  color:#666666;
  padding-left:15px;
}


.cssform p{
width: 100%;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
 /*width of left column containing the label elements*/
height: 1%;
}

.cssform a{
	text-decoration:none;
	font-size: 14px;
}

.cssform label{
margin: 0; /*width of left column*/
text-align: left; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform .labelx{
	margin:0;
	float:none;
	text-align: left;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 99%;
  font-size: 1.0em;
}


.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 99%;
	font-size: 1.0em;
}

.cssform textarea{
	width:99%;
	font-size: 1.0em;
}

.cssform button{
	font-size: 1.0em;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.location{
	margin-left: 40px;
	margin-bottom:10px;
}

.right-date{
float:right;
color:#316097;
font-size: 12px;
font-weight: bold;
right:15px;	
}

.right-total{
float:right;
font-weight: normal;	
}

.linecontent{
color:#666666;
font-size: 14px;
font-weight: normal;
font-family: Helvetica, Trebuchet, Verdana, sans-serif;	
}

.linecontent a{
font-size: 14px;
text-decoration: none;
}
  
.space{
height:10px;	
}

/* icon for menu */
/**************************************************************/

.icon{
	float: left;
	margin-right: 5px;
	width: 50px;
	height: 50px;
	border: 0;	
	
}

.icon.myfamily-male{
	background-image: url("iphone/iPhone_icon/my_family_male.png");
}

.icon.myfamily-female{
	background-image: url("iphone/iPhone_icon/my_family_female.png");
}

.icon.request-services{
	background-image: url("iphone/iPhone_icon/overview_of_family.png");
}

.icon.inbox-red{
	background-image: url("iphone/iPhone_icon/client_communicationred.png");
}

.icon.inbox-white{
	background-image: url("iphone/iPhone_icon/client_communication.png");
}

.icon.invoice-history{
	background-image: url("iphone/iPhone_icon/invoice_history.png");
}

.icon.submit-survey{
	background-image: url("iphone/iPhone_icon/submit_survey.png");
}

.icon.manage-profile{
	background-image: url("iphone/iPhone_icon/manage_profiles.png");
}

.icon.request-appointment{
	background-image: url("iphone/iPhone_icon/request_appoinment.png");
}
.icon.refill-prescription{
	background-image: url("iphone/iPhone_icon/refill_prescription.png");
}
.icon.food-request{
	background-image: url("iphone/iPhone_icon/food_request.png");
}
.icon.medical-appointment{
	background-image: url("iphone/iPhone_icon/medical_appointment.png");
}
.icon.boarding-reservation{
	background-image: url("iphone/iPhone_icon/boarding_reservation.png");
}

.icon.grooming-appointment{
	background-image: url("iphone/iPhone_icon/grooming_appointment.png");
}

.icon.emergency-info{
	background-image: url("iphone/iPhone_icon/emergency_information.png");
}



/* css for table content*/
/***************************/

.table-content td{
	font-size:16px;
	font-family: Helvetica, Trebuchet, Verdana, sans-serif;  	
}