﻿html {
  overflow-y: scroll;
}

body 
{
	font-family:Verdana,arial,tahoma;
	font-size:13px;
}

fieldset {
	border:none;
	margin: 0;
	padding:0;
}

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

.leftBlk
{
	float:left;
}

.rightBlk
{
   float :right;  
}

.pageNavigation a.leftBlk
{
	padding: 6px 0 0 0;
}

.pageNavigation .rightBlk
{
	margin: 0 0 0 13px;   
}

/* For modern browsers clears */
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */

ul
{
	margin:0;
	padding:0;   
}

.drugSearchWrapper a
{
	color:#3476a9;
}

.hidden
{
 display:none;   
}

.dSearchBlck
{
 width:60%;  
 float:left; 
}

.belowMainContent
{
 width:60%;
 float:left;   
}

.blkDesign p.DrugSearchResultsIntro
{
	padding:10px 0 0 10px;
	margin: 0 0 0 0;
	
}

.blkDesign
{
	border:3px solid #385d8a;
	background-color:#dce6f2;      
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin: 0 0 13px 0;
	overflow:hidden;
}

.blkDesignInner
{
	padding:10px;
}

.blkDesign p
{
 margin: 0 0 13px 0;
 padding: 0 0 0 0;   
}

.blkDesign p span.circleDesign
{
 font-weight:bold;
 color:#ffffff;
 display:inline-block;
 width:21px;
 height:21px;
 padding: 1px 0 0 4px;
 font-size:.9em;
}

.searchFrm input.txtBx
{   
 width:70%;    
 display:inline-block;
}

.ajaxLoading
{  
 width:100%;
 height:32px; 
 margin: 0 0 13px 0;
}

h2
{
	 margin: 0 0 13px 0;
	 padding: 0 0 0 0;  
	 color:#394E68; 
	 font-size:1.3em;   
}

.mDListInner
{
 background-color:#f2f2f2;   
}

.TxtResourceSection
{
 float:left;
 width:100%;   
}

p.pTip
{
	margin: 13px 0 13px 0;   	
	float:left;
	display:block;
	height:35px;
	padding: 8px 0 0 37px;
}

p.pTip span
{
	 display:inline-block;
	 width:38px;
	 height:37px; 
   
}

/* --------------- START Page Navigation ---------------------*/
.pageNavigation
{
	float:left;
	width:100%;
	
}

.pageNavigation a
{
	
	
}
/* --------------- END Page Navigation ---------------------*/

/* --------------- Auto-Complete ---------------------*/

.hidden
{
 display:none;   
}

.ui-autocomplete {
	max-height: 500px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar 
	padding-right: 20px;*/
	background-color:#e9edf4;
	border:1px solid #385D8A;
	width:423px;
}
/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
* html .ui-autocomplete {
	height: 500px;
}

.ui-autocomplete ui-menu 
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.ui-menu-item a
{
	  padding: 5px 2px;
	  display:block;
}

.ui-menu-item
{  
	margin: 0px;
	display: block;  
}

.ui-autocomplete li.ui-menu-item-header
{
    margin: 0px;
	display: block;
	padding: 5px 2px; 
}

.ui-autocomplete li.ui-menu-item-header:hover
{

	cursor:default;
	background-color:#E9EDF4;
  
}

.striped
{
	 background-color:#d0d8e8;   
}

.ui-menu-item-header 
{
	font-size: bold;
}

/* Start UI Modal */

.ui-widget-overlay
{
	position:absolute;
	top:0;
	left:0;
   background-color: #666666; 
	opacity:.5;  
	filter:alpha(opacity=50);
	-moz-opacity: 0.5
}

.ui-dialog a
{
	color:#3476A9;  
}

.ui-dialog a:hover
{
	color:#609dcb;  
}

.ui-dialog a.drugBtn
{
 color:#333333;
}

.ui-dialog
{    
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border-top:5px solid #4F81BE;  
	border-right:10px solid #4F81BE; 
	border-bottom:10px solid #4F81BE; 
	border-left:10px solid #4F81BE;  
	background-color:#ffffff; 
  
 }
 
 .drx-liveedit-dialog .ui-dialog-content
 {
	 padding:10px;
 }
 
 .drx-liveedit-dialog .ui-dialog-buttonset
 {
  padding-top:10px;   
 }
 
 .ui-dialog-titlebar-close.ui-corner-all
 
 {
  height: 18px;
  margin: -10px 0 0;
  padding: 1px;
  position: absolute;
  right: 0.3em;
  top: 10px;
  width: 19px;
 }
 
  .ui-dialog-titlebar-close.ui-corner-all:hover 
 { 
  background-color:#fff; 
  -webkit-border-radius:4px 4px 4px 4px;
  -moz-border-radius:4px 4px 4px 4px;  
  border-radius:4px; 
 }
 
 /* Deprecated
 .ui-state-hover .ui-icon-closethick 
 {
	  background:transparent url('../Images/ui-icons_ef8c08_256x240.png') no-repeat -96px -128px; 
	 
 }
 
 .ui-icon-closethick
 {
	display: block;
	margin: 1px;  
	background:transparent url('../Images/ui-icons_ffffff_256x240.png') no-repeat -96px -128px;  
	height:16px;
	width:16px;
	text-indent:-99999px;
 }
*/
 
 .ui-dialog-titlebar
 {
  
	background-color:#4F81BE;  
	color:#ffffff;
	padding:5px;
	font-size:16px;
	font-weight:bold;   
	
 }
 
 
.live-edit-dialog h2
{
	margin: 0;
	color:#333333;
	font-size:16px;
	
}

.ui-state-default
{
	background-color:#ffffff;
	border:1px solid #FBCB09;
	color:#3476A9;
	font-weight:bold;
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;  
	border-radius: 4px 4px 4px 4px;
	margin-right:0.3em;
}

.ui-state-default.ui-state-hover
{
	background-color:#fdf5ce;
	border:1px solid #FBCB09;
	color:#3476A9;
	font-weight:bold;
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;  
	border-radius: 4px 4px 4px 4px;
	margin-right:0.3em;
}

.ui-button-text-only .ui-button-text {
	padding: 0.4em 1em;
	display:block;
}

/* End UI Modal */

/* Validation */
.messageBox 
{
    display: none;
    font-weight: bold;
    color: #ff0000;
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    padding: 2px;
    margin: 2px;
}

.messageBox a 
{
    float: right;
    display: block;
    color: #ff0000;
    border: 1px solid #ff0000;
    height: 15px;
    width: 15px;
    line-height: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.messageBox a:hover 
{
    background-color: #ffffff;
}

.validation-summary-errors
{
    display: block;
    color: #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors ul
{
    list-style: none;
    padding: 0;
}

.field-validation-error 
{
    color: #ff0000;
    margin-left: auto;
    margin-right: auto;
}


/**/
input[type="text"], input[type="password"]
{
    font-size:20px;
    height:30px;
    width:220px;
    border:1px solid #CFCFCF;
    background-color:#FDFDFD;
    margin:0px 0px 10px 0px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  
}

div #loginBox
{
    border:1px solid #CFCFCF;
    width:250px;
    margin:15px 0;
    padding:10px 10px 10px 15px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    
    -webkit-box-shadow: #666 3px 3px 7px;
	-moz-box-shadow: #666 3px 3px 7px;
	box-shadow: #666 3px 3px 7px;
	background: #FFFFFF;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=5);
}

div #loginBox label
{
    font-size:15px;
    color:#555555;
}

div #submitWrapper
{
    margin:10px 0px 0px 0px;
    font-size:18px;
}