﻿* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #069ce2;
}

a:hover {
	text-decoration: underline;
}

i {
	display: none;
}

h1 {
	font-size: 35px;
	color: #82a81e;
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 16px;
}

h2 {
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
	color: #000;
	margin-bottom: 10px;
}

h3 {
	font-size: 12px;
	color: #000;
}

h4 {
	font-size: 12px;
}

html {
	background: #efefef url(../images/bg.gif) repeat-x left top;
	font-family: verdana, sans-serif;
	font-size: 12px;
}

body {
	text-align: center;
}

#container {
	width: 940px;
	margin: 23px auto;
	text-align: left;
	overflow: hidden;
}

/* Header */

#header {
	width: 940px;
	height: 76px;
	overflow: hidden;
	position: relative;
}

#logo {
	width: 205px;
	float: left;
	margin-left: 16px;
}

#logo img {
	border: 0;
}

#logged {
	position: absolute;
	right: 30px;
	color: #069ce2;
}

/* Online event registration part */

#oer {
	position: relative;
	width: 200px;
	height: 270px;
	padding-left: 20px;
	background: url(../images/bg-blue.gif) no-repeat left top;
	float: left;
	margin-bottom: 10px;
}

#oer ul {
	padding-top: 110px;
	list-style-type: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
}

a.startNow {
	position: absolute;
	bottom: 20px;
	display: block;
	width: 180px;
	height: 40px;
	background: url(../images/start-now.gif) no-repeat left top;
}

a.startNow:hover {
	background-position: bottom;
}

/* Registration steps */

#steps {
	width: 700px;
	padding-left: 20px;
	height: 95px;
	padding-top: 175px;
	float: left;
	background: url(../images/bg-event.gif) no-repeat left top;
	overflow: hidden;
	margin-bottom: 10px;
}

#steps a {
	color: #fff;
	font-weight: bold;
}

#steps ul {
	list-style-type: none;
	line-height: 20px;
	margin-bottom: 6px;
}

#steps ul li {
	padding-left: 10px;
	background: url(../images/bullet-white.gif) no-repeat left 8px;
}

.create {
	width: 220px;
	float: left;
}

.accept {
	width: 220px;
	float: left;
	margin-left: 20px;
}

.collect {
	width: 210px;
	float: left;
	margin-left: 20px;
}

/* Content */

#content {
	width: 900px;
	overflow: hidden;
	clear: left; /* fix safari */
	background: #fff url(../images/bg-white.gif) no-repeat left top;
	padding: 11px 20px 5px;
}

#content a {
	font-weight: bold;
}

.fourCols {
	width: 220px;
	float: left;
	margin-left: 20px;
}

#content .fourCols.first {
	width: 200px !important;
	margin-left: 0 !important;
	border: 0 !important;
	padding: 0 !important;
}

.fourCols.last {
	width: 200px;
}

.fourCols ul {
	list-style-type: none;
	line-height: 15px;
	margin-bottom: 10px;
}

.fourCols ul li {
	background: url(../images/bullet-blue.gif) no-repeat left 6px;
	padding-left: 10px;
	margin-bottom: 4px;
}

.fourCols p {
	margin-bottom: 15px;
	line-height: 15px;
}



/* MDH added for free.asp */

.fourColsFree {
	width: 220px;
	float: left;
	margin-left: 20px;
}

#content .fourColsFree.first {
	width: 600px !important;
	margin-left: 0 !important;
	border: 0 !important;
	padding: 0 !important;
}

.fourColsFree.last {
	width: 200px;
}

.fourColsFree p {
	margin-bottom: 15px;
	line-height: 15px;
}

/* MDH end */


p.title {
	margin-bottom: 14px;
}

.imgEx {
	margin-bottom: 24px;
}

.testimonials {
	color: #666666;
}

.callUs {
	clear: both;
	width: 885px;
	padding-left: 15px;
	height: 78px;
	padding-top: 25px;
/*	background: url(../images/call-us.gif) no-repeat left top;  */
	background: url(../images/phone-number.gif) no-repeat left top; 
}

.callUs p {
	width: 424px;
}

/* Center content */

.centerContent {
	width: 680px;
	float: left;
	overflow: hidden;
}

.centerContent p {
	line-height: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}

.centerContent ul {
	list-style-type: none;
	line-height: 15px;
	margin-bottom: 15px;
}

.centerContent ul ul {
	margin-bottom: 0;
}

.centerContent ul li {
	background: url(../images/bullet-blue.gif) no-repeat left 6px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.centerContent ul li ul li {
	background: url(../images/bullet-grey.gif) no-repeat left 6px;
}


.centerContentBig {
	width: 680px;
	float: left;
	overflow: hidden;
}


.fullContent {
	float: left;
	overflow: hidden;
}

.fullContent p {
	line-height: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}



/* Content2 */

#content2 {
	width: 900px;
	overflow: hidden;
	clear: left; /* fix safari */
	background: #fff url(../images/bg-white.gif) no-repeat left top;
	padding: 11px 20px 5px;
	//text-align:center;
}

#content2 a {
	font-weight: bold;
}

.fourCols2 {
	width: 220px;
	float: left;
	margin-left: 20px;
}

#content2 .fourCols2.first {
	width: 200px !important;
	margin-left: 0 !important;
	border: 0 !important;
	padding: 0 !important;
}

#loginBox  {
 margin: 50px 50 50 75px;
 background: #A5C2D4;
 display: block;
 width: 549px;
 height: 222px;
 
border: 0px solid #A5C2D4;   /* if needed */
-webkit-border-radius: 12;    /* for Safari */
-moz-border-radius: 12; 
 }


p.breadcrumb {
	font-size: 11px;
	color: #999;
	margin-bottom: 10px;
}

#content p.breadcrumb a {
	font-weight: normal;
}

p.subtitle {
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 20px;
}

.inlineImg {
	float: right;
	margin-left: 10px;
	font-size: 11px;
	text-align: right;
	margin-bottom: 5px;
}

#content .inlineImg a {
	color: #999;
	font-weight: normal;
}

/* Two columns template */

.twoColumns {
	width: 320px;
	padding-left: 20px;
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
}

.twoColumns.firstColumn {
	width: 319px;
	padding-right: 20px;
	border-right: 1px solid #999;
	padding-left: 0;
}

p.columnTitle {
	font-size: 14px;
	line-height: 16px;
	color: #82a81e;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Forms */

.centerContent form {
	background: #f2f6e8 url(../images/bg-top-form.gif) no-repeat left top;
	padding: 20px 20px 0 20px;
	width: 640px;
	overflow: hidden;
	clear: left; /* fix safari */
	font-size: 11px;
	position: relative;
	margin-bottom: 15px;
}

form dt {
	margin-bottom: 2px;
}

form dl {
	width: 310px;
	float: left;
	margin-right: 20px;
	margin-bottom: 8px;
	overflow: hidden;
}



.fullWidth,
form dl.fullWidth {
	width: 640px !important;
	margin: 0;
	clear: both;
	float: none;
}

form dl.noMargin {
	margin: 0;
}

form dl.noFloat {
	float: none;
}

form dl.floatRight {
	float: right;
}

dl input {
	width: 300px;
	padding-left: 8px;
	padding-top: 2px;
	height: 21px;
	border: 1px solid #e3e3e3;
	font-size: 12px;
}

dl input.completed {
	background-color: #fff7cf;
}

dl input.completing {
	border: 1px solid #b5dd01;
}

dl select {
	width: 310px;
	height: 25px;
	border: 1px solid #e3e3e3;
	font-size: 12px;
}

dl textarea {
	width: 308px;
	height: 167px;
	border: 1px solid #e3e3e3;
}

p.separator {
	clear: both;
	font-size: 12px;
	color: #82a81e;
	border-bottom: 1px solid #999;
	padding-top: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}

p.separator2 {
	clear: both;
	font-size: 12px;
	color: #82a81e;
	//border-bottom: 1px solid #999;
	padding-top: 1px;
	font-weight: bold;
	padding-bottom: 5px;
}


ul.inputList {
	list-style-type: none;
	width: 150px;
	float: left;
	margin-right: 10px;
	padding-top: 8px;
	position: relative;
}

.centerContent ul.inputList li {
	background: none;
	padding: 0;
	margin: 0 0 5px 0;
}

input.checkBox {
	width: 10px;
	height: 10px;
	margin-right: 5px;
	position: relative;
	bottom: -3px;
	border: 0;
}

*:first-child + html input.checkBox {
	bottom: 2px;
}

* html input.checkBox {
	bottom: 2px;
}

input.submitBtn {
	background: url(../images/subscribe.gif) no-repeat left top;
	width: 110px;
	height: 35px;
	display: block;
	border: 0;
	float: right;
	margin-top: 10px;
	font-size: 0px;
	color: #069be2;
}

div.endForm {
	position: relative;
	left: -20px;
	background: url(../images/bg-bottom-form.gif) no-repeat left top;
	height: 10px;
	width: 680px;
}

* html div.endForm {
	bottom: -3px;
}

/* Tables */

table {
	width: 100%;
	margin-bottom: 15px;
}

table th {
	background-color: #82a81e;
	color: #fff;
	padding: 10px 20px;
	border-left: 1px solid #fff;
	text-align: left;
}

table td {
	padding: 10px 20px;
	border-left: 1px solid #fff;
}

table tr {
	border-bottom: 2px solid #fff;
}


table th2 {
}


table tr2 {
}

table td2 {
}

table tr.odd {
	background-color: #f2f6e8;
}


/* start MDH table */


table.MDH {
	width: 100%;
	margin-bottom: 1px;
}

table.MDH th {
	padding: 1px 1px;
	text-align: left;
}

table.MDH td {
	padding: 1px 1px;
	//border-left: 1px solid #d3d3d3;
	
}

table.MDH tr {
	
}


table.MDH th2 {
}


table.MDH tr2 {
}

table.MDH td2 {
}

table.MDH tr.odd {
	
}

/* end MDH table */


.highlight {
	color: #82a81e;
	font-weight: bold;
}

/* End of Content*/

/* Sidebar right */

.sidebarRight {
	margin-left: 20px;
	width: 200px;
	float: left;
	padding-top: 40px;
	line-height: 15px;
}

.sidebarBanner {
	margin-bottom: 20px;
}

.sidebarRight p {
	margin-bottom: 15px;
}

/* Special Feature box */

#specialFeature {
	width: 900px;
	height: 150px;
	background: url(../images/bg-special-feature.gif) no-repeat left top; 
	margin-bottom: 10px;
	padding: 20px;
	overflow: hidden;
}

a.actionButton {
	display: block;
	width: 180px;
	height: 40px;
	background: url(../images/action-btn.gif) no-repeat left top;
}

a.actionButton:hover {
	background-position: bottom;
} 

.featureText {
	margin-bottom: 20px;
}

.specialText {
	width: 430px;
	float: left;
}

ul.featureList {
	width: 230px;
	margin-left: 20px;
	float: left;
	list-style-type: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	margin-right: 10px;
}

ul.featureList li {
	background: url(../images/bullet-white.gif) no-repeat left 11px;
	padding-left: 12px;
}

/* Footer */

#footer {
	clear: both;
	overflow: hidden;
	width: 900px;
	color: #ccc;
	background: #666666 url(../images/bg-footer.gif) no-repeat left bottom;
	height: 114px;
	padding: 0px 20px;
}

#footer a {
	color: #fff;
}

#footer h4 {
	margin-bottom: 10px;
}

#footer .fourCols {
	width: 219px;
	border-right: 1px solid #000;
	padding-top: 14px;
	height: 100px;
}

#footer .fourCols.first {
	width: 200px !important;
	margin-left: 0 !important;
	padding: 14px 0 0 0 !important;
}

#footer .fourCols.first {
	width: 199px;
}

#footer .fourCols.last {
	width: 199px;
	border: 0;
}

#footer .fourCols ul {
	margin-bottom: 0;
}

#footer .fourCols ul li {
	background: url(../images/arrow-list.gif) no-repeat left 6px;
	padding-left: 10px;
	margin-bottom: 4px;
}

ul.doubleList {
	width: 90px;
	float: left;
}

p.copyright {
	font-size: 11px;
	padding-top: 45px;
}

/*   Main navigation   */

#menu {
	list-style-type: none;
	height: 34px;
	overflow: hidden;
	position: absolute;
	right: 30px;
	bottom: 0;
}

#menu li {
	float: left;
}

#menu a {
	height: 34px;
	display: block;
	background-position: top;
}

#menu a.m01 {
	width: 75px;
	background: url(../images/menu/home.gif) no-repeat left top;
}

#menu a.m02 {
	width: 199px;
	background: url(../images/menu/application.gif) no-repeat left top;
}

#menu a.m03 {
	width: 99px;
	background: url(../images/menu/features.gif) no-repeat left top;
}

#menu a.m04 {
	width: 84px;
	background: url(../images/menu/pricing.gif) no-repeat left top;
}

#menu a.login {
	width: 90px;
	background: url(../images/menu/login.gif) no-repeat left top;
}

#menu a.logout {
	width: 90px;
	background: url(../images/menu/logout.gif) no-repeat left top;
}

#menu a:hover {
	background-position: center;
}

#menu a.active {
	background-position: bottom;
}


.smallRed {
	
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 12px; 
	color: red; 
}


a.plainA.link {
	text-decoration: none;
	color: red; 
}

a.plainA.hover {
	text-decoration: underline;
}


a.MDH {
	text-decoration: none;
	color: #726E6D; 
}

a.MDH:hover {
	text-decoration: underline;
	color: #726E6D; 
}

