﻿  html,body {
   margin:0;
   padding:0;
   height:100%;
}

body {

    padding-top: 10px;
	font-family:"Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial;
	background-attachment: fixed;
    background-image: url("images/bg2.png");
    background-size: auto auto;
	height:100%;
  }
  

form{
	margin:0px;
  }


#container {
   min-height:100%;
   position:relative;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	 height: 60px; /*.push must be the same height as .footer */
}
#footer {
    background: url("images/footer-bg.png") repeat-x scroll 0 0 #296AA1;
    border-top: 1px solid #000000;
    color: #FFFFFF;
    overflow: hidden;
    padding: 0px 0 16px;
   width:100%;
}

.copyright
{
font-size:.8em;
color:#8F7B79;
}

p.copyright a
{

color:#8F7B79;
}
div.validation-summary-errors ul
{
    list-style-type: none;    
}

.dataTables_processing
{
    background-image: url('images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.bs-docs-example {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin: 15px 0;
    padding: 19px 19px 14px;
    position: relative;
}

.navbar .nav > li > a {
  color: #777777;
  float: none;
  padding: 10px 15px;
  text-decoration: none;
  text-shadow: 0 1px 0 #FFFFFF;
}

.loading-indicator{background-image: url('images/ajax-loader-16x16.gif');background-repeat: no-repeat; padding-left:20px!important;}	

.navbar .backlink{
    
    display: block;
    float: left;
    
    margin-left: -20px;
    padding: 10px 5px;
    text-shadow: 0 1px 0 #FFFFFF;
	}

	.table-striped tbody > tr.alert-error >td
	{
	background-color: #F2DEDE !important;
    border-color: #EED3D7;
	}
	.table-striped tbody > tr.alert >td
	{
	background-color: #FCF8E3 !important;
    border-color: #E8D2A8;
	}


a {text-decoration:none}
a:hover {text-decoration:none}
.block {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.50);
    border: 1px solid #B3B3B3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    color: #333333;
    display: inline;
    float: left;
    height: 298px;
    padding:0px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
	margin-bottom: 10px;
}

.block:hover {

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #BBBBBB #BBBBBB #AAAAAA;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    color: #000000;
}





.block .header{
display:block;
font-size:25pt;
margin-left:0px;
}

.brand{
width:205px;
height:70px;
background: url("images/RefillQuick.png") repeat-x scroll left;
margin:0px !important;
}

.block .header .logo{
width:100%;
height:70px;

}
.block .header .text{
margin-top: 17px;

}
.block .link{
    bottom: 20px;
    color: #006595;
    left: 20px;
    margin: 0;
    position: absolute;

}

.block .body{
padding: 10px
}

#find-pharmacy .header .logo{
background: url("images/RefillQuick.png") no-repeat scroll center  #FFFFFF;
border-bottom:1px solid #aaa;
}
#manage .header .logo{
background: url("images/manage.png") repeat-x scroll left bottom #FFFFFF;
}

.marketing {
    color: #333;
    text-align: center;
}

.marketing .marketing-byline {
    color: #999999;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 10px;
}

.marketing .marketing-body {
   text-align:left;
}


.input-container {
    background: repeat-x scroll left bottom #FFFFFF;
    border: 1px solid #B3B3B3;
    border-radius: 4px 4px 4px 4px;
    color: #333333;
    display: inline;
    float: left;
	width:100%;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #BBBBBB #BBBBBB #AAAAAA;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    color: #000000;
	margin-bottom:20px;
}
.input-area{
padding:20px;
}

.form-actions {
background-color:#fff;
}

iframe
{
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
padding: 0;
margin: 0;
border: 0;
vertical-align: baseline  
}

 .rx-group{
 margin-bottom: 5px !important;
 }

 .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, table {
 background-color:White;
 }

 .password-reset{
 margin-top:10px;
 font-size:11px;
 }

 .rxrefill-header {
    background-color: #02325A;
    background-image: linear-gradient(to bottom, #206096, #02325A);
    background-repeat: repeat-x;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 40px;
    padding-left: 0px;
    padding-right: 0px;
	color:White;
}




/*Over ridden bootstrap styles */

.btn-primary {
    background-color: #02325A;
    background-image: linear-gradient(to bottom, #206096, #02325A);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #02325A;
  *background-color: #02325A;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #02325A;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #02325A;
}

.footer a{
color:White;
}


.quick-refill{
width:370px;
	height:325px;
}

.modal {width:800px; margin-left:-400px}