#loading { 
width: 100%; 
position: absolute;
}

#pagination
{
text-align:center;
margin: 0 auto;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
width:90%;
}

/*.nav>li>a{
  padding: 10px 10px;
}*/

#pagination li{	
list-style: none; 
float: left; 
margin-right: 3px; 
padding:2px; 
border:solid 1px #dddddd;
color:#0063DC; 
}

#pagination li:hover
{ 
color:#FF0084; 
cursor: pointer; 
}



.site_title{
color:#999;
display: block;
float: left;
font-size: 20px;
font-weight: 200;
margin-left: -20px;
padding: 10px 20px;
}

a.site_title{
color:#999;
}

a:hover.site_title {
display: block;
float: left;
font-size: 20px;
font-weight: 200;
margin-left: -20px;
padding: 10px 20px;
text-decoration:none;
color:#FFF;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 10px;
  /*padding-top: 60px;*/
  padding-top: 10px;
  /*margin-top:10px !important;*/
  background-color:#CCC;
}
.footer {
  /*position: absolute;
  bottom: 0;
  width: 100%;*/
  /* Set the fixed height of the footer here */
  height: 45px;
  background-color: #FFF;
  padding:10px 10px 10px 10px;
	margin:0 0 10px 0;
	border-top:#999 1px dotted;
	color:#999;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  /*padding: 20px 15px 0;*/
  padding: 15px 15px 0;
  background-color:#FFF;
  border-radius:6px 6px 6px 6px;
  border-top:1px solid #FFF;
  border-right:1px solid #FFF;
  border-left:1px solid #FFF;
  border-bottom:1px solid #FFF;
  
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}


html {overflow-y: scroll;}	/* always show scrollbar */


li.third_party {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 76px;
    height: 76px;
    float: left;
    padding: 0 10px 10px 0;
}
li.third_party a {
    display: block;
    width: 76px;
    height: 76px;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    color: #333;
    text-shadow: 0px 0px 3px #fff;
}
li.google { background: url(../img/auth_icons/google.png) no-repeat }
li.microsoft { background: url(../img/auth_icons/microsoft.png) no-repeat }
li.aol { background: url(../img/auth_icons/aol.png) no-repeat }
li.yahoo { background: url(../img/auth_icons/yahoo.png) no-repeat }
li.twitter { background: url(../img/auth_icons/twitter.png) no-repeat; border-radius: 5px;}
li.facebook { background: url(../img/auth_icons/facebook.png) no-repeat }
li.myspace { background: url(../img/auth_icons/myspace.png) no-repeat }
li.openid { background: url(../img/auth_icons/openid.png) no-repeat; border: solid 1px #fff; border-radius: 5px; }
input.openid {
    background: #fff url(../img/auth_icons/openid-icon.png) no-repeat left center;
    border: 1px solid #999;
    padding: 6px 6px 6px 36px;
    font-size: 16px;
}

#recaptcha_area { margin-bottom: 10px }

::selection {
    background-color: #E13300;
    color: white;
}
::moz-selection {
    background-color: #E13300;
    color: white;
}
::webkit-selection {
    background-color: #E13300;
    color: white;
}

.top_banner{	
background-color: #dff0d8;
background-image: url("../img/homepage_banner.jpg");
width: 100%;
height: 151px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
color: inherit;
font-size: 18px;
font-weight: 200;
line-height: 30px;
margin-bottom: 10px;
/*padding: 20px 60px 20px 15px;	*/
}

.top_banner_bn{	
background-color: #dff0d8;
background-image: url("../img/homepage_banner_bn.jpg");
width: 100%;
height: 151px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
color: inherit;
font-size: 18px;
font-weight: 200;
line-height: 30px;
margin-bottom: 10px;
/*padding: 20px 60px 20px 15px;	*/
}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

/* Account Styles */

.accountPicSelect {
	margin: 5px 0 5px 5px;
}

.accountPicSelect p {
	margin: 10px 0 0 15px;
}

.accountPicSelect input[type="radio"] {
	margin: 0 10px 0 0;
}



/* Positioning */

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/************* Prescription Start *********************/
#firstDiv{
overflow:hidden;	
width:780px;
margin:0 auto;
height:auto;
/*background:#FFF;*/
}


/*.prescription_container{
width:550px;
height:auto;
margin:0 auto;
min-height:300px;
border:#999 1px solid;
overflow:hidden;
padding-bottom:5px;
}*/

.prescription_container{
width:780px;
height:auto;
margin:0 auto;
min-height:300px;
border:#999 1px solid;
overflow:hidden;
/*padding-bottom:5px;*/
}

.prescription_header{
width:780px;
height:102px;
background-color:#ffffff;
position:relative;
}

/*.prescription_header_text{
margin:0 auto;
width:230px;
height:auto;
padding-top:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:center;
}*/

.prescription_header_gramhealth{
margin:0 auto;
width:310px;
height:18px;
padding-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:center;
}

.prescription_header_initiative{
margin:0 auto;
width:430px;
height:20px;
padding-top:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:center;
	
}

.gramweb_logo{
width:85px;
height:84px;
margin-left:14px;
float:left;
margin-top:7px;
}

.site_logo{
position:absolute;
width:141px;
height:54px;
right:15px;
top:6px;
}

.prescription_header_text{
margin:0 auto;
width:300px;
height:10px;
/*padding-top:35px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
padding-top:2px;
margin-top: 18px;
}

.prescription_date_div{
width:780px;
height:5px;	
background-color:#FFF;
border-top:#999 1px solid;
border-bottom:#999 1px solid;
padding-top:0px;
padding-bottom:2px;
float:right;
text-align:right;
/*padding-right:20px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.prescription_personal_info_div{
width:780px;
height:65px; 
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border-bottom:#999 1px solid;
padding: 10px 0px;
}

.prescription_personal_info_div strong{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}
.prescription_patient_name_lable{
  width: 70px;
  float: left;
}
.prescription_patient_name_lable_large{
  width: 120px;
  float: left;
}
.prescription_patient_name{  
  float: left;
}

.prescription_personal_info_left{
float:left;
width:280px;
height:20px;
padding-top:2px;
padding-left:10px;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
}

.prescription_personal_info_mid{
float:left;
width:150px;
height:20px;
padding-top:2px;
padding-left:10px;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;

}

.prescription_personal_info_right{
float:right;
width:230px;
height:20px;
padding-top:2px;
padding-left:10px;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;

}
.prescription_personal_info_right_white{
float:right;
width:270px;
height:20px;
padding-top:2px;
padding-left:10px;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;

}

.report_div{
float:left;
width:210px;
/*border:#F00 1px solid;*/
height:auto;
padding-left:10px;
}

.report_div h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
font-style:normal;
padding-top:8px;
}

.prescription_body_div{
float:right;
width:540px;
/*border:#F00 1px solid;	*/
height:auto;

}

.prescription_body_bg_doctor_create_prescription
{
border:#999 1px solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;	
border-radius: 10px;
width:530px;
float:left;
height:auto;
padding:12px 14px 20px 14px;
margin-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#000;
margin-top:2px;
border-radius: 10px;
}

.prescription_body_bg
{
border:#999 1px solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;	
border-radius: 10px;
width:500px;
float:left;
height:725px;
padding:12px 14px 20px 14px;
margin-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#000;
margin-top:2px;
border-radius: 10px;
}

.prescription_body_bg p{
margin-bottom:7px;	
}

.prescription_body_bg ul,ol{
margin-bottom:10px;	
}

.prescription_body_bg_doctor
{
border:#999 1px solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;	
border-radius: 10px;
width:530px;
float:left;
height:650px;
padding:12px 14px 20px 14px;
margin-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#000;
margin-top:2px;
border-radius: 10px;
}

.prescription_body_bg_doctor p{
margin-bottom:7px;	
}

.prescription_body_bg_doctor ul,ol{
margin-bottom:10px;	
}

.thats_all_button{
width:310px;
padding-right:27px;
float:right;
text-align:right;
/*border:#999 1px solid;*/
}

.prescription_body_bg textarea
{
width:390px;
height:545px;
border:none;
}
.prescription_body_div h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
font-style:normal;
padding-top:13px;	
}

.report_result_block{
width:200px;

/*background-color:#eeebeb;*/
border:#999 1px solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top:2px;
padding:1px 3px 1px 3px;
position:relative;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
height:37px;
}

.report_result_unit{
position:absolute;
right:4px;
bottom:0px;
}

.report_normal_range{
position:absolute;
left:15px;
bottom:1px;	
font-style:italic;
}

.report_result_text{
position:absolute;
right:40px;
top:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.dot_image{
position:absolute;
right:12px;
top:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;	
}

.report_result_block p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin:0;
padding:0;
}


.report_result_unit p{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:0; margin:0;
}


.doc_name_div{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
/*position:relative;*/
float:left;
width:480px;
}

.doc_name_div_left{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
/*position:relative;*/
float:left;
width:300px;
/*border:#9F0 1px solid;*/
}

.doc_name_div_right{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
/*position:relative;*/
float:left;
width:80px;
/*border:#F00 1px solid;*/
}


.doc_sign{
/*position:absolute;*/
float:left;
margin-top:20px;
/*margin-right:15px;

width:100px;*/
height:30px;
/*border:#F00 1px solid;*/
}


.print_button
{
width:785px;
height:auto;
margin:0 auto;
text-align:right;
margin-bottom:10px;
overflow:hidden;
}

.report_status_green{
color:#00FF33;
display:inline;

}

.report_status_yellow{
color:#ffd800;	
display:inline;
}

.report_status_orange{
color:#ff6501;	
display:inline;
}
.report_status_red{
color:#F00;	
display:inline;
}



.inputbutton, .inputsubmit {
	background-color:#215998;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
	padding:2px 15px 3px;
	text-align:center;
	font-weight: bold;
}
.factions a.remove:link {
background-color:transparent;
background-image:url(../img/x_to_hide.gif);
}
.factions a.remove:hover {
background-color:transparent;
background-image:url(../img/x_to_hide_hover.gif);
}
.factions a {
display:block;
float:left;
height:14px;
margin-left:1px;
margin-top:1px;
padding:0;
width:13px;
}

label {
color:#666666;
cursor:pointer;
font-weight:bold;
}

label:hover{
color:#3333CC;
}

.prStep {
float:left;
margin:0 35px 0 0;
padding:0;
}

.prStep .prActiveNum {
color:#999999;
float:left;
font-size:35px;
font-weight:bold;
padding:10px 0 5px;
}

.prStep .prActiveText {
color:#003399;
float:left;
font-size:11px;
font-weight:bold;
margin:10px 5px 0;
}

.prStep .prInActiveText {
color:#DFC7A8;
float:left;
font-size:11px;
font-weight:normal;
margin:10px 5px 0;
}

.prStep .prInActiveNum {
color:#C1C1C1;
float:left;
font-size:20px;
font-weight:bold;
padding:10px 0 5px;
}

.drug_row1{
width:500px;
height:15px;
float:left;
font-size:11px;
}

.drug_row2{
width:340px;
height:15px;
float:left;	
padding-left:42px;
font-size:10px;
}

.drug_row3{
width:340px;
height:12px;
float:left;	
margin-bottom:8px;
padding-left:42px;
font-size:10px;
}

.drug_row4{
width:500px;
height:1px;
float:left;	
margin-bottom:8px;
}


/*.advice_div{
margin-top:15px;	
width:490px;
height:auto;
float:left;
font-size:11px;
text-align:justify;
line-height:16px;
}*/

.symptoms_view{
border-bottom:#CCC 1px dashed; 
height:auto; 
overflow:hidden; 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
margin-top:1px;	
margin-bottom:5px;
padding-bottom:10px;
width:460px;
text-align:justify;
line-height:13px;
}

.rx_text{
height:auto; 
overflow:hidden; 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
padding-bottom:3px;
float:left;
margin-top:3px;	
margin-bottom:5px;
width:490px;
}

.report_prescription_body_div
{
background-color:#FFF;
overflow:hidden;
padding-bottom:5px;
}
/************* Prescription End   *********************/


/*********** Create Prescription ********************/
.symptoms{
border-bottom:#CCC 1px dashed; 
min-height:60px; 
height:auto; 
overflow:hidden; 
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-bottom:12px;
float:left;
margin-top:2px;
width:100%;
}

.cc_textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;	
width:98%!important;
height:30px!important;
border:1px solid #CCC!important;
}

#preview{ 
/*width:450px; */
min-height:100px; 
height:auto; 
overflow:hidden; 
padding:10px;
}

.drag_div{
float:left;
border-bottom:#CCC 1px solid;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
position:relative;
margin-bottom:10px;
background-color:#eeebeb;
margin-top:10px;
padding-top:10px;
padding-bottom:10px;
/*padding:5px;*/
}

.drug_div1,.drug_div2,.drug_div3,.drug_div4,.drug_div5,.drug_div6,.drug_div7,.drug_div8,.drug_div9,.drug_div10,.drug_div11,.drug_div12,.drug_div13,.drug_div14,.drug_div15,.drug_div16,.drug_div17,.drug_div18,.drug_div19,.drug_div20{
padding:2px;
/*border:#666 1px solid;*/
background-color:#F5F5F5;
height:auto;
overflow:hidden;
margin-bottom:3px;
position:relative;

}

.remove_drug{
position:absolute;
right:3px;
top:3px;
width:12px;
height:12px;
}

.drug_row1{
/*width:280px;*/
height:15px;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
}

.drug_row2{
/*width:260px;*/
height:15px;
float:left;	
padding-left:120px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;

}

.drug_row3{
/*width:280px;*/
height:15px;
float:left;	
margin-bottom:15px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;

}

.drug_row4{
/*width:280px;*/
height:1px;
float:left;	
margin-bottom:15px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
}

.advice_row1,.advice_row2,.advice_row3,.advice_row4,.advice_row5,.advice_row6,.advice_row7,.advice_row8,.advice_row9,.advice_row10,.advice_row11,.advice_row12,.advice_row13,.advice_row14,.advice_row15{
border:#666 1px solid;
float:left; 
margin-right:5px;
margin-top:2px;
padding-left:5px;
padding-right:17px;
position:relative;
background-color:#FCF;
}

.advice_div
{
min-height:60px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:20px;
float:left;
margin-top:2px;
height:auto;
}

.remove_drug_advice{
position:absolute;
right:0px;
top:0px;
width:12px;
height:12px;
}
.advice_area{
height:auto;
overflow:hidden;

}

/************* CMS Starign by  Ahsan  start  *********************/
.carousel-caption{
	background:#000;
	color:#FFF;
	opacity:0.6;
	right:0;
	left:0;
	bottom:0;
	padding:10px;
	text-align:left;
}
.carousel-caption h3{
	margin:10px 10px;	
}
.carousel-indicators{
	bottom:-10px;
	/*top:10px;
	right:10px;
	text-align:right;
	left:60%;*/
}
.date{
	color:#666;	
}
.nav-pills>li+li{
	width:100%;	
}
.nav-pills>li>a{
	border-radius:2px;
}

/************* CMS Starign by  Ahsan  end *********************/