@charset "utf-8";
/* CSS Document */

body {
	background:#666 url(../images/bg-texture.jpg);
}
#container {
	width:960px;
	margin:0 auto;
	background:#EFEFEF;
	-moz-box-shadow: 0px 5px 10px rgba(#777,0.6);
	-webkit-box-shadow: 0px 5px 10px rgba(#777,0.6);
	box-shadow: 0px 5px 10px rgba(#777,0.6);
}
#header {
	background: #111 url(../images/medical-guardian-connect-header-8-1-2013.jpg);
	background-repeat:no-repeat;
	height:150px;
	padding-bottom:20px;
}
div.text-heading {
	width:100%;
	height:30px;
	color:#fff;
	background-color:#C00;
	padding-top:1px;
	padding-bottom:1px;
	text-align:left;
	margin-bottom:10px;
	text-align:center;
}
.text-heading h2{
	margin:0px 20px;
}
table {
	margin-left:20px;
}
td.rightcell {
	padding-left:50px;
}
#logo {
	position:absolute;
	left:50%;
	margin-left:-180px;
	top:50%;
	margin-top: -250px;
	_height:100%; /*this is apparently an IE fix */
}
#login {
	text-align:center;
	border: 2px solid #cb0008;
	background:#efefef;
	padding-top:5px;
	min-height:190px;
	_height:190px;
	width:505px;
	position:absolute;
	left:50%;
	margin-left:-252px;
	top:50%;
	margin-top: -80px;
	_height:100%; /*this is apparently an IE fix */
	-moz-box-shadow: 10px 10px 5px #111;
	-webkit-box-shadow: 10px 10px 5px #111;
	box-shadow: 10px 10px 5px #111;
	border-radius:20px;
}
#login input[type=text] {
	width:60%;
	padding:10px;
}
input[type=text] {
	width:200px;
	padding:5px;
	margin:5px;
	border: 1px solid #CCC;
}
select{
	width:200px;
	padding:5px;
	margin:5px;
	border: 1px solid #CCC;
}
input[type=password] {
	width:60%;
	padding:10px;
	margin:5px;
}
input#submit {
	width:150px;
	padding:7px 20px;
	font-size:14px;
	background: #cb0008; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea1c23', endColorstr='#cb0008'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ea1c23), to(#cb0008)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ea1c23,  #cb0008); /* for firefox 3.6+ */
	color:#fff;
	font-weight:bold;
}
textarea {
    width : 400px;
    height : 100px;
	border: 1px solid #CCC;
}
#formbutton { 
	width:200px;
	padding:7px 20px;
	font-size:14px;
	background: #cb0008; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea1c23', endColorstr='#cb0008'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ea1c23), to(#cb0008)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ea1c23,  #cb0008); /* for firefox 3.6+ */
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.thanksbuttons {
	width:150px;
	padding:7px 20px;
	font-size:14px;
	background: #cb0008; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea1c23', endColorstr='#cb0008'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ea1c23), to(#cb0008)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ea1c23,  #cb0008); /* for firefox 3.6+ */
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
input.loginfield {
	padding:4px 7px;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #fff;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	
}
a.tt:hover span.top{
	display: block;
	padding: 20px 8px 0;
    background: #000/*url(bubble.gif) no-repeat top*/;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: #000 /*url(bubble_filler.gif) repeat bottom*/; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 20px;
	color: #548912;
    background: #000 /*url(bubble.gif) no-repeat bottom*/;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.disabled-input {
	background:#999;
}