html, body
{
	margin:		0;
	padding: 	0; 
	min-width:	1024px;
	
	font-family:	'Roboto Condensed', sans-serif;
	background:		#FFFFFF; 
}

body
{
	overflow-y:	visible;
}
 
input 
{
	font-family:	'Roboto Condensed', sans-serif;
	color:			#283593 !important;  
	cursor:			select;
	background:		#DFDbFf;
}

#content_wrap
{
	display:	block;
	/*position:	absolute;
	width:		100%;
	top:		100px;
	left:		0;
	right: 		0;
	bottom:		0; 
	padding:	0;*/

	padding-top: 			20px !important;
	text-align:				center;
	
	/*background-image:		url("");
	background-repeat:		repeat-x;
	background-position:	top left;
	border-top:				5px solid #283593;*/
	background-color:		#FFFFFF;
}

#content
{ 
	display:		block;
	max-width:		1024px; 	
	min-width:		1024px;
	width:			1024px;
	margin-left: 	auto;
	margin-right: 	auto;  
	padding:		10px;
	padding-top:	100px;
	text-align:		left; 
}

.button
{
	display:		inline-block;
	zoom:			1;
	*display:		inline;
	position:		relative;
	min-width:		120px;
	line-height:	25px;
	height:			25px;
	padding:		10px 40px;
	
	font-family:	'Montserrat', sans-serif;
	font-smooth:	always;
	-webkit-text-stroke: 0.25px;
	font-size:		12px;
	 
	-webkit-border-radius: 	2px;
	-moz-border-radius: 	2px;
	border-radius: 			2px;
	border:					1px solid #283593;
	
	color:					#283593;
	background:				#FFFFFF; 
	cursor:					pointer;	
    text-align:             center !important; 

	-webkit-touch-callout: 	none;
	-webkit-user-select: 	none;
	-khtml-user-select: 	none;
	-moz-user-select: 		none;
	-ms-user-select: 		none;
	user-select: 			none;
}

.button_narrow
{
	padding:		10px 10px !important;
}

.button_s
{
	height:					10px;
	line-height:			10px;
} 

.button:hover
{
	color:			#FFFFFF;
	background:		#283593;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.button:active
{
	top:	1px;
	left:	1px;
} 

div.button_pdf
{
	font-weight:			normal;
}

div#footer_wrap
{ 
	display:	block;
	position:	absolute;
	width: 		100%;
	height: 	48px;	
	bottom:		0; 
}	

#popup_wrap
{ 
        display:        none;
        position:       fixed;
        z-index:        10000002;
        width:          100%;
        height:         100%;
        top:            0;
        left:           0;
        right:          0;
        bottom:         0;
	background-image:		url("/images/opa50.png");
	background-repeat:		repeat;
        opacity:        0;
}

#popup
{
		z-index:	10000003;
		position:       relative;
        
        display: block;
        margin-left: auto;
        margin-right:  auto;
        width: 680px; 
        padding:    30px;
    
        border:         5px solid #283593;
        color:         	#283593;
        background:     #ffffff;
        text-align:     center;
        
        -moz-box-shadow:        1px 1px 20px #000000; 
        -webkit-box-shadow:     1px 1px 20px #000000; 
        box-shadow:             1px 1px 20px #000000;
        
	-webkit-border-radius: 	15px;
	-moz-border-radius: 	15px;
	border-radius: 		15px;
        opacity:                1.0 !important;
	
}

#popup h1
{
    margin-top: 0;
    font-family:    "Roboto",sans-serif;
	color:			#1A1A1A;
    font-weight:    300;
    font-size:      36px;
}

#popup ul
{
        text-align: left !important;
}   

#popup .button
{
	margin:				20px;
	text-transform:		capitalize;
}

a
{
	text-decoration: 	none;
	/*font-weight:		bold;*/
	color: 				#283593; 
}

a:hover
{
	text-decoration:	underline;
}

.regbtn
{
	text-align: 		center;
	margin-top:			20px;
}

div.home sup
{
	cursor:			pointer;
}

div.homeheading
{
	text-align:	center !important;
	width:		100% !important;
}

div.homeheading h1
{
	display:		block !important;
	margin-left:	auto !important;
	margin-right:	auto !important;
	margin-bottom:	0 !important;
	height:			34px !important;
} 

::-webkit-input-placeholder  
{
    color:    #999999;
}
:-moz-placeholder 
{
    color:    #999999;
}
::-moz-placeholder 
{
    color:    #999999;
}
:-ms-input-placeholder 
{
    color:    #999999;
}

#patient_name::-webkit-input-placeholder  
{
    color:    #B53647;
}
#patient_name:-moz-placeholder 
{
    color:    #B53647;
}
#patient_name::-moz-placeholder 
{
    color:    #B53647;
}
#patient_name:-ms-input-placeholder 
{
    color:    #B53647;
}

div.forgot
{
	padding-left:		140px;
}

div.forgot:hover
{
	text-decoration:	underline;
	cursor:				pointer;
}

div#forgotten
{
        display:        inline-block;
        *display:       inline;
        zoom:           1;
        position:       relative;
	color: 		#D01010; 
        margin-left:    5px;
}

#popup_notify_email
{
        display:        inline-block;
        *display:       inline;
        zoom:           1;
} 

#register_agree_wrap
{
		max-width:				430px;
		padding:				10px;
		-webkit-border-radius: 	2px;
		-moz-border-radius: 	2px;
		border-radius: 			2px;
}

#register_agree_wrap div
{
		text-decoration: 		underline; 
		cursor: 				pointer; 
		display: 				inline;
}

.register_terms
{
		font-size:				12px !important;
		max-width:				65% !important;
		text-align:				left !important;

		display:				block !important;
		margin-left:			auto !important;
		margin-right:			auto !important;
}

#warndb
{
	display:	inline-block;
	zoom:		1;
	*display:	inline;
	padding:5px; 
	line-height:35px;
	font-weight:bold;
	font-size:11px;
	text-align:center;

	font-family:	'Montserrat', sans-serif;
	font-smooth:	always;
	-webkit-text-stroke: 0.25px;
 
	height:30px; 
	color:		#A0A0A0;  
	position: relative;
	bottom: 13px;
	margin-left:	20px;
}

#warndb div
{
	display:	inline-block;
	zoom:		1;
	*display:	inline;
	color:		#FFFFFF; 
	padding-left: 10px;
}

#userlabel, #userlabel div
{
	display:	inline-block;
	zoom:		1;
	*display:	inline;

	padding:		0;  
	
	border:			0; 
	
	behavior: 		url(/framework/pie/PIE.htc);	
		
	font-family:	'Montserrat', sans-serif;
	text-align:		center;
	text-transform: uppercase; 
	font-size:		11px;
	font-weight:	normal;
	
	color:				#A0A0A0; 	 
	cursor:				default; 
	font-weight: bold;
}

#userlabel
{
	position:	relative;
	bottom:		13px;
	padding-left: 50px;

	font-smooth:	always;
	-webkit-text-stroke: 0.25px;

	/* DP 4.10.2015 added case label, so we need to center this */
	vertical-align: middle;
	text-align: left;
}

#userlabel div
{
	color: #FFFFFF !important;
	padding-left: 10px;
}

.form-support input.form-input, .form-support select, .form-support textarea
{
	min-width: 400px !important;
	color:      #283593 !important;  
	cursor:     select !important;
	background:   #DFDbFf !important;
	border: 1px solid #283593 !important;

	padding: 10px !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 14px !important;

	margin-bottom: 16px !important;
} 

.form-support select
{
	min-width: 422px !important;
}

.form-support input.btn
{
	min-width: 0 !important;
	height: auto !important;
}

#openticket:hover
{
	color: #FFFFFF !important;
}

/* Tooltip - begin */

.tooltip {
position:relative; /* make span relative to anchor */
text-decoration:none; /* no underline */
cursor:pointer; /* make cursor point */
} 

.tooltip span { /* main body of tooltip */
position:absolute; /* AP it */
bottom:66px; /* FADE IN/OUT BEGIN */
left:50%; /* CENTER TOOLTIP */
margin-left:-72px; /* CENTER TOOLTIP */
width:130px; /* tootip width */
opacity:0; /* HIDE TOOLTIP in modern browsers */
visibility:hidden; /* HIDE TOOLTIP in IE */
padding:10px 5px; /* padding */
color:#fff; /* text color */
/*font:bold 75%/1.5 Arial, Helvetica, sans-serif; */
font-size: 14px;
text-align:center; /* center text */
pointer-events:none; /* no unintended tooltip popup for modern browsers */
border-radius:6px; /* round corners */ 
background:rgb(40,53,147); /* IE6/7/8 */
background:rgba(40,53,147,.95); /* modern browsers */
border:2px solid rgb(255,255,255); /* IE6/7/8 */
border:2px solid rgba(255,255,255,.95); /* modern browsers */
box-shadow:0px 2px 4px rgba(0,0,0,0.5); /* shadow */
-webkit-transition:all 0.3s ease-in-out; /* animate tooltip */
-moz-transition:all 0.3s ease-in-out; /* animate tooltip */
-o-transition:all 0.3s ease-in-out; /* animate tooltip */
-ms-transition:all 0.3s ease-in-out; /* animate tooltip */
transition:all 0.3s ease-in-out; /* animate tooltip */
}
.tooltip span.dif { /* different width tooltip */
width:190px; /* width */
margin-left:-112px; /* center it */
}
.tooltip span:before, .tooltip span:after { /* bottom triangle - the white border */
content:''; /* add html content */
position:absolute; /* AP bottom triangle */
bottom:-13px; /* position bottom triangle */
left:50%; /* center bottom triangle */
margin-left:-12px; /* center bottom triangle */
border-left:12px solid transparent; /* build bottom triangle */
border-right:12px solid transparent; /* build bottom triangle */
border-top:12px solid rgb(255,255,255); /* build bottom triangle IE6/7/8 */
border-top:12px solid rgba(255,255,255,.95); /* build bottom triangle modern browsers */
}
.tooltip span:after { /* top triangle - the blue background */
bottom:-10px; /* position top triangle */
margin-left:-10px; /* center top triangle */
border-width:10px; /* build top triangle */
border-top:10px solid rgb(40,53,147); /* build top triangle IE6/7/8 */
border-top:10px solid rgba(40,53,147,.95); /* build top triangle modern browsers */
}
.tooltip:hover span { /* reveal tooltip */
opacity:1; /* REVEAL TOOLTIP in modern browsers */
bottom:44px; /* FADE IN/OUT END */
visibility:visible; /* REVEAL TOOLTIP in IE */
}
.tooltip span:hover {
visibility:hidden; /* hide tooltip when moving from link to span in IE */
}
@media screen and (min-device-width:320px) and (max-device-width:768px) {.tooltip span{display:none;}.tooltip:hover span{display:block;} } /* iPad & iPhone simulate :hover */

/* Tooltip - end */