/*- Logo -*/
#logo h1 {
	background: url(/images/common/patient/patientconnect-logo.png)
		no-repeat;
	text-indent: -9999px;
}

#menu {
	margin-top: 11px;
	height: 30px;
}

#menu ul {
	margin: 0;
}

#menu li {
	list-style: none;
	margin: 0;
}

/*=== Header ===*/
#header {
	background: url(/images/common/patient/topnav-extended-bgr.png)
		no-repeat top;
	height: 210px;
}

/*=== Css Button ===*/
a.btn {
	background: url(/images/common/x/btn-bgr.gif) no-repeat top;
	color: #000000;
	display: block;
	font: bold 11px/23px "Century Gothic", Tahoma, Arial, Helvetica,
		Sans-Serif;
	height: 23px;
	text-align: center;
	width: 99px;
	text-decoration: none;
}

a:hover.btn {
	background: url(/images/common/x/btn-bgr-.gif) no-repeat top;
	color: #000000;
	text-decoration: none;
}

a.btnd { /* Sliding right image */
	background: transparent url(/images/common/x/btnd-bgr-right.gif)
		no-repeat scroll top right;
	display: block;
	float: left;
	margin-right: 6px;
	text-decoration: none;
	color: #000000;
	font: bold 11px "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
	padding-right: 20px;
	/* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	height: 23px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
}

a.btnd.fr {
	float: right;
}

a:hover.btnd {
	background: transparent url(/images/common/x/btnd-bgr-right-.gif)
		no-repeat scroll top right;
	color: #000000;
	text-decoration: none;
}

a.btnd span { /* Background left image */
	background: transparent url(/images/common/x/btnd-bgr-left.gif)
		no-repeat;
	display: block;
	padding: 6px 0 6px 20px;
	line-height: 11px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
}

a.btnd:hover span {
	background: transparent url(/images/common/x/btnd-bgr-left-.gif)
		no-repeat;
}

/*=== Marketing and Box  ===*/
#marketing {
	font: 'Century Gothic', Tahoma, Arial, Helvetica, Sans-Serif !important;
}

#marketing h1 {
	font-weight: bold !important;
	font-size: 30px !important;
	color: #000066 !important;
}

#marketing h2 {
	font-weight: bold !important;
	font-size: 30px !important;
	color: #cc0000 !important;
}

#marketing h3 {
	font-weight: bold !important;
	font-size: 22px !important;
	color: #000066 !important;
	padding-bottom: 10px !important;
}

#marketing p {
	font-weight: bolder;
	font-size: 18px;
	color: #000066;
}

#box-panel {
	min-width: 626px;
	min-height: 323px;
}

#box-panel div {
	font-size: 20px;
	font-weight: bold;
	color: #000066;
	margin: 75px 0 30px 15px;
}

#box-panel ul li {
	font-size: 20px;
	font-weight: bold;
	color: #000066;
	margin: 0 0 15px 0;
}

#box-panel.mydentist {
	background: url("/images/common/patient/box-mydentist.png") no-repeat
		center;
}

#box-panel.mystatements {
	background: url("/images/common/patient/box-mystatements.png") no-repeat
		center;
}

#box-panel.patienteducation {
	background: url("/images/common/patient/box-patienteducation.png")
		no-repeat center;
}

#box-panel-medium {
	width: 311px;
	height: 223px;
}

#box-panel-medium div {
	margin: 60px 15px 25px 7px;
}

#box-panel-medium a {
	text-decoration: none;
}

#box-panel-medium ul li {
	font-size: 16px;
	font-weight: bold;
	color: #000066;
	margin: 0 0 10px 0;
	list-style-type: none;
	border-bottom: 2px #C1D9F0 solid;
	padding-bottom: 3px;
}

#box-panel-medium.mydentist {
	background: url("/images/common/patient/box-mydentist-medium.png")
		no-repeat center;
}

#box-panel-medium.mydentist ul li {
	border-bottom-color: #e06666;
}

#box-panel-medium.mystatements {
	background: url("/images/common/patient/box-mystatements-medium.png")
		no-repeat center;
}

#box-panel-medium.mystatements ul li {
	border-bottom-color: #66a3ff;
}

#box-panel-medium.patienteducation {
	background:
		url("/images/common/patient/box-patienteducation-medium.png")
		no-repeat center;
}

#box-panel-medium.patienteducation ul li {
	border-bottom-color: #aa95c6;
}

#box-panel-medium.myaccount {
	background: url("/images/common/patient/box-myaccount-medium.png")
		no-repeat center;
}

#box-panel-medium.myaccount ul li {
	border-bottom-color: #ebd6ad;
}

#box-panel-small {
	width: 244px;
	height: 348px;
}

#box-panel-small div {
	font-size: 18px;
	color: #000066;
	margin: 15px 15px 25px 7px;
}

#box-panel-small div.title {
	font-size: 22px;
	font-weight: bold;
	color: #0066cc;
}

#box-panel-small.mydentist {
	background: url("/images/common/patient/box-mydentist-small.png")
		no-repeat center;
}

#box-panel-small.mystatements {
	background: url("/images/common/patient/box-mystatements-small.png")
		no-repeat center;
}

#patEdTab h4 {
	font: bold 16px "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
	color: #ffffff;
	text-transform: capitalize;
	padding-left: 20px;
	font-weight: bold;
}

#patEdCategory {
	font: bold 12px "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
	color: #333399;
}

#patEdBottomTab {
	background:
		url(/images/common/patient/patientconnect-patED-bottomTab.png)
		no-repeat top;
	height: 45px;
	width: 190px;
}

#patEdCategory a {
	text-decoration: none;
}

#patEdList {
	font: bold 12px "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
	color: #333399;
	font-weight: bold;
}

#patEdItem {
	font: bold 12px "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
	color: #0066cc;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#patEdDesc {
	font: bold 12px "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000066;
	font-weight: bold;
}

#patEdHelp {
	font: bold 12px "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000066;
	font-weight: bold;
}

#patEdTab {
	background-color: #0022ab;
	height: 32px;
}

.patEdBox {
	border-width: 0.1em;
	border-style: solid;
	border-color: #7b579c;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.c_red {
	color: #b81415;
}

.bheader {
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
	color: #414e93;
}

/***** Wicket override *****/
div.wicket-modal div.w_caption {
	height: 20px;
}

.flareHelp i {
   color:white !important;
}

.alert-success {
	border-color: #27ae60;
	color: #27ae60;
}
.alert-info {
	border-color: #2980b9;
	color: #2980b9;
}