/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
/*	font-family:arial, verdana;  */
	font-family: Montserrat, "Open Sans", Helvetica, Arial, sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol { 
	padding-left: 1.4em;
	list-style: decimal;
}
ul {
	padding-left: 1.4em;
	list-style: square;
}

/* end reset browser styles */

body {
	width: 100%;
	height:100%;
	margin: 0 auto;	
	background-color: #f7f6f5;
}
h2 {
	font-size:16px;
	color:#7d006e;
	margin-top:10px;
	}

.info {
	font-size:12px;
	color:#615d61;
	}
.eCol {
	display:inline-block;
	width:100px;
	margin-right:2px;
	}
.eCol1 {
	display:inline-block;
	width:50px;
	margin-right:2px;
}
.eCol2 {
	display:inline-block;
	width:300px;
	margin-right:2px;
}
.eCol3 {
	display:inline-block;
	width:72px;
	margin-right:2px;
}
.eCol4 {
	display:inline-block;
	width:70px;
	margin-right:2px;
	border-radius:4px;
	border:1px solid #cfcfcf;
	background-color:#efefef;
	padding:3px 3px;
 	font-family:trebuchet, tahoma, arial, verdana;
	font-size:12px;
}
.ehCol {
	display:inline-block;
	width:100px;
	margin-right:2px;
 	font-size:12px;
 	font-family:trebuchet, tahoma, arial, verdana;
 	font-weight:bold;
	}
.ehCol1 {
	display:inline-block;
	width:50px;
	margin-right:2px;
 	font-size:12px;
 	font-family:trebuchet, tahoma, arial, verdana;
 	font-weight:bold;
}
.ehCol2 {
	display:inline-block;
	width:300px;
	margin-right:2px;
 	font-size:12px;
 	font-family:trebuchet, tahoma, arial, verdana;
 	font-weight:bold;
 	text-align:left;
}
.ehCol3 {
	display:inline-block;
	width:70px;
	margin-right:2px;
 	font-size:12px;
 	font-family:trebuchet, tahoma, arial, verdana;
 	font-weight:bold;
}
.eCol2 input {
	width:300px;	
	}
.dayRow {
	width:100%;
	clear:both;
	border-top:1px #cfcfcf solid;
	border-bottom:1px #cfcfcf solid;
	}
.dayTime {
	display:inline-block;
	vertical-align:top;
}
.dayTime > b {
		color:#4080ff;
		}
.leftList {
	width:35%;
	display:inline-block;
	float:left;
	margin-left: 20px;
	}
.rightList {
	width:45%;
	display:inline-block;
	}
.textflied {
		margin:5px 0px 3px 0px;
	}
#logo {
	float:left;
	padding:5px;
}
.filesList a {
   color: #333399;
   text-decoration:none ;
   }
.filesList a:visited {
   color: #333399;
	text-decoration:none;
   }
.filesList a:hover {
   color: #6666ff;
	text-decoration:underline;
   }
.filesList  {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1px;
	margin-top:10px;
	border-radius:5px;
	border:1px #efefef solid;   
	padding:5px;
	font-size:12px;
  }
#logo img {
	padding-right:3px;
	}
a:link {
   color: #333399;
   text-decoration:none ;
   }
a:visited {
   color: #333399;
	text-decoration:none;
   }
a:hover {
   color: #6666ff;
	text-decoration:underline;
   }
.containerTop {
	clear:both;
	width:100%;
	margin: 0 auto;	
	background-color: #E2E3E5;
}
.banner {
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}
.contentWrapper {
	width: 990px;
	margin: 10;	
	border:1px solid #cfcfcf;
}
.copySection {
	border: 1px solid #87b8e6;
	border-radius:5px;
	padding:5px;
	color:#000;
	margin-top:10px;
	margin-bottom:10px;
	}
.menuBar {
	float:right;
	text-align:right;
	vertical-align:top;
	margin-right:5px;
}
.menuBar ul {
	list-style-type:none;
	}
.menuBar li {display:inline;}
.menuTop {
	width:100%;
	background-image: url('topnavbar.gif');
	}
.navMenuContainer {
	width:990px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}
.navMenuContainer img {
    padding: 0;
    margin: 0px 0px;
    display:inline;
    padding:0px;
}
.navMenu {
	width:760px;
	vertical-align:top;
	display: table-cell;
	padding:0px;
}
.reportOptions {
	width:300px;
	display: table-cell;	
	text-align:right;
}
.logo {
	width:300px;
	display: table-cell;
}
.socialMedia {
	width:180px;
	display: table-cell;
	vertical-align:middle;	
	text-align:right;
	padding:10px 5px;
	float:right;
}
.addUsers {
	font-size:75%;	
	}
.addUsers h3 {
	font-size:12px;
	}

.adminBar {
	width:660px;
	display: table-cell;
	text-align:right;
	vertical-align:top;
	padding:5px 5px;
	float:right;
}
.adminBar a:link {
		font-famil:arial;
		font-size:75%;
		font-style:bold;
		color:#662E91;
		text-decoration:none;
		padding-right:5px;
	}
.adminBar a:visited {
		text-decoration:none;
	}
.adminBar a:hover {
		color:#A6CE39;
		text-decoration:underline;
	}
.adminBar a:active {
		text-decoration:none;
	}
.actionBar {
	text-align:right;
	vertical-align:top;
	padding:5px 5px;
}
.signupWrapper {
    background-color: #F1F2F2;
    border: 1px solid #CFCFCF;
    margin: 10px;
    margin-left:auto;
    margin-right:auto;
    max-width: 900px;
}
.ui-menu-item {
	font-size:80%;
}
.containerContent {
	width:990px;
	min-height:400px;
	margin: 0 auto;
	padding:5px;
	background-color:#ffffff;	
	border-width:0px 1px 0px 1px;
	border-color:#cfcfcf;
	border-style:solid;
}
.containerMiddle {
	background-color: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	min-height:400px;
	padding: 3px 3px 3px 3px;;
	height:auto;
	font-family:arial, verdana, sans serif;
	font-size:20px;
}
.containerForm {
	background-color: #FFFFFF;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding: 3px 3px 3px 3px;;
	height:auto;
	font-family:arial, verdana, sans serif;
	font-size:14px;
}
.footerBar {
	width:100%;
	background-color: #D6D7D9;
	background-image: url('footer.gif'); 
	}
.footer {
	width:990px;
	padding:7px;
	color:#662E91;
	font-size:11px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}
.footer a:link {
		color:#333399;
		text-decoration:none;
	}
.footer a:visited {
		color:#333399;
		text-decoration:none;
	}
.footer a:hover {
		color:#6666ff;
		text-decoration:underline;
	}
.footer a:active {
		color:#333399;
		text-decoration:underline;
	}
.footer table {
	width:600px;	
}
.footerTerms {
	display: table-cell;
	text-align:right;
}
.footerAddr {
	display: table-cell;
	width:550px;
}
.xHtmlTrView:hover {
    background-color: #FFFFC8;
}
tdnum {
	text-align:right;
}

.view {
   font-family: Arial;
   font-size: 16pt;
   font-style: normal;
   font-weight: normal;
   color: #666666;
}

#data  td{
   border-bottom:1px solid #cfcfcf;
   }

fieldset{
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#5e2b85;
	font-family:arial,Verdana;
	font-size:10pt;
	min-height:400px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	position:relative;
	display:block;
	padding: 10px 10px 10px 10px;
}
fieldset legend{	
	background-color:#5e2b85;
	border-width:2px 2px 2px 2px;
	border-style:solid;
	border-color:#5e2b85;
	color:#ffffff;
	font-weight:bold;
	text-transform:capitalize;
	font-variant:small-caps;
	font-size:10pt;
	text-align:left;
	width:200px;
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	top: -6px;
	position:relative;	
}
label{
	font-size:90%;
	text-align:left;
	margin:2px 2px 0px 0px;
	padding-right:1px;
	padding-top:2px;
	font-family:verdana, arial;
}
labelS{
	color:#000000;
	font-size:8pt;
	display:block;
	float:left;
	width:auto;
	text-align:center;
	margin:2px 2px 0px 0px;
	padding-right:1px;
}
.optlabel{
	color:#000000;
	font-size:60%;
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:6px 5px 0px 0px;
}
.checkbox{
	background-color:#fff9e7;
	width:auto;
	margin:0px 0px 0px 0px;
	border-width:0px 0px 0px 0px;
	border-style:solid solid solid solid;
	border-color:#6699CC;
	color:#000000;
	font-family:arial, verdana;
	padding:0px 0px;
}
.radio{
	background-color:#fff9e7;
	width:auto;
	font-size:60%;
	border-width:0px 0px 0px 0px;
	color:#000000;
	font-family:arial, verdana;
	padding:0px 0px;
}
input{
	background-color:#FFFFFF;
	border-radius:6px;
	width:500px;
	font-size:12px;
	margin:5px 0px 1px 0px;
	border-width:1px 1px 1px 1px;
	border-style:solid solid solid solid;
	border-color:#6699CC;
	color:#000000;
	font-family:arial, verdana;
	padding:8px 7px;
	box-shadow: 0 0 4px white;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #A9A9A9;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #A9A9A9;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #A9A9A9;
}
:-moz-placeholder { /* Firefox 18- */
  color: #A9A9A9;
}
.yourInfo input{
	background-color:#FFFFFF;
	border-radius:6px;
	width:150px;
	font-size:12px;
	margin:5px 0px 1px 0px;
	border-width:1px 1px 1px 1px;
	border-style:solid solid solid solid;
	border-color:#6699CC;
	color:#000000;
	font-family:arial, verdana;
	padding:8px 7px;
	box-shadow: 0 0 4px white;
}
textarea{
	background-color:#FFFFFF;
	font-size:12px;
	margin:2px 0px 0px 0px;
	border-width:1px 1px 1px 1px;
	border-style:solid solid solid solid;
	border-color:#6699CC;
	color:#000000;
	font-family:arial, verdana;
	padding:2px 0px;
	width: 200px;
padding: 5px;
border-radius: 5px;
}
.headline {width:75%;}
.texttextarea {
	width:100%;
	}
select{
	background-color:#ffffff;
	font-size:12px;
	width:auto;
	margin:3px 0px 0px 0px;
	border-width:1px 1px 1px 1px;
	border-style:solid solid solid solid;
	border-color:#6699CC;
	color:#000000;
	font-family:arial, verdana;
	padding:8px 7px;
	border-radius:3px;
}
.FldRadioCell{
	background-color:#fff9e7;
	color:#000000;
	font-size:60%;
	float:left;
	width:150px;
	padding:0px 0px;
	margin:6px 5px 0px 0px;
}
input:focus,textarea:focus,select:focus{
	background-color:#f1f2f2;
	border-color:#FF0000;
     outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 3px #e2e3e5;
}
#ui-datepicker-div{
	font-size: 120%;
}
table {
  	border-collapse: collapse;
  	padding-top:0px;
 }
h1 {
	color: #662E91;
	padding:5px 10px;
 }
 .intro {
 	width:auto;
 	font-size:12px;
 	padding:5px 10px;
 }
 
 .homeLeft {
 	font-family:rockwell, arial, century gothic;
 	font-size:16px;
 	line-height:20px;
 }
 .homeImg {
 	margin-right:10px;
 	padding-right:10px;
 }
 .catchPhrase {
 	font-family:rockwell, Helvetica, "century gothic", "sans serif";
 	font-size:42px;
 	line-height:48px;
 }
 .catchGreen {
 	color:#A6CE39;
 }
 .catchPurple {
 	color:#662E91;
 }

#idSubTotal input[type="text"]{
	border-width:0 0 1 0;
	border-style: solid;
	border-color: #cfcfcf;
	width:80px;
	}
input[type="text"], readOnlyNum {

}

 ul
{
 	margin-left:10px;
	list-style-image: url('X_li.png');
	list-style-position:outside;
}
li {
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}
.needsIt {
	font-family:arial, verdana, helvetica, sans serif;
	font-size:11px;
	color:#8D8D8D;
	padding:25px;
}
.needsTitle {
	color:#000000;	
}
.needsImg {
padding-top:5px;
padding-bottom:5px;
}
.sideBarRight {
border: 2px solid #cfcfcf;
float: right;
padding:10px;
font-size:80%;
margin:10px;
background-color:#f1f2f2;
}
.labelCol {
	text-align:left;
	padding-left:10px;
	border-bottom: 1px solid #cfcfcf;
}
.numberCol {
	text-align:right;
	border-bottom: 1px solid #cfcfcf;
}
 .greenButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px;
	text-align:center;
	text-decoration:none;
	margin-top:1px;
	text-shadow:0px 1px 0px #528009;
	width:150px;
}
.greenButton a:link {color:#fff;}
.greenButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5E2B85), color-stop(1, #9363B7));
	background:-moz-linear-gradient(top, #5E2B85 5%, #9363B7 100%);
	background:-webkit-linear-gradient(top, #5E2B85 5%, #9363B7 100%);
	background:-o-linear-gradient(top, #5E2B85 5%, #9363B7 100%);
	background:-ms-linear-gradient(top, #5E2B85 5%, #9363B7 100%);
	background:linear-gradient(to bottom, #5E2B85 5%, #9363B7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5E2B85', endColorstr='#9363B7',GradientType=0);
	background-color:#5E2B85;
	border-color:#662E91;
	-moz-box-shadow:inset 0px 1px 0px 0px #9363B7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9363B7;
	box-shadow:inset 0px 1px 0px 0px #9363B7;
}
.greenButton:active {
	position:relative;
	top:1px;
}
.XPButtonText {
	width:115px;
	text-align:center;
	margin-right:10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00ADEF), color-stop(1, #00ADEF) );
	background:-moz-linear-gradient( center top, #5ab4e6 5%, #00ADEF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ab4e6', endColorstr='#5ab4e6');
	background-color:#5ab4e6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #5ab4e6;
	display:inline-block;
	color:#ffffff;
	font-family: arial, verdana, sans serif;
	font-size:12px;
	font-weight:bold;
	padding:7px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}
.XPButtonText:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7bc3eb), color-stop(1, #7bc3eb) );
	background:-moz-linear-gradient( center top, #7bc3eb 5%, #7bc3eb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7bc3eb', endColorstr='#7bc3eb');
	background-color:#7bc3eb;
	border:1px solid #5ab4e6;
}
.XPDeleteButtonText {
	width:115px;
	text-align:center;
	margin-right:10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #FF0000) );
	background:-moz-linear-gradient( center top, #FF0000 5%, #FF0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#FF0000');
	background-color:#FF0000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #FF0000;
	display:inline-block;
	color:#ffffff;
	font-family: arial, verdana, sans serif;
	font-size:12px;
	font-weight:bold;
	padding:7px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	}
.XPDeleteButtonText:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EE3B3B), color-stop(1, #EE3B3B) );
	background:-moz-linear-gradient( center top, #EE3B3B 5%, #EE3B3B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE3B3B', endColorstr='#EE3B3B');
	background-color:#EE3B3B;
	border:1px solid #FF0000;
}
.summary {
	margin-left:10px;
	font-family:verdana;
	font-size:12px;
	padding:5px;
}
.summary h2 {
	font-family:verdana;
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
}
.ColHeading {
	color:#662E91;
	font-size:12px;
	font-family:verdana, arial;
	}
.row1 {
	border-bottom:1px solid #cfcfcf;	
	}
.row2 {
	border-bottom:1px solid #cfcfcf;
	background:#dbf5ff;	
	}
.col1 {
	width:260px;
	display:inline-block;
	padding:3px;
}
.col2 {
	width:150px;
	display:inline-block;
	padding:3px;
}
.colSpecialsSignup {
	width:32%;
	display:inline-block;
	padding:3px;
}
.col3 {
	width:150px;
	display:inline-block;
	padding:3px;
	white-space:nowrap;
}
.DStep {
	width:95%;
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
}
.DHeading {
	padding:5px;
	text-align:left;
	border-radius:5px;
	border-color:#cfcfcf;
	background-color:#00ADEF;
	color:#fff;
	font-family:verdana;
	font-size:18px;
	font-weight:bold;
	width:95%;
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
}
.IStep {
	width:95%;
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
}
.IHeading {
	padding:5px;
	text-align:left;
	border-radius:5px;
	border-color:#cfcfcf;
	background-color:#bdbdbd;
	color:#939393;
	font-family:verdana;
	font-size:18px;
	font-weight:bold;
	width:95%;
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
}
.DSection {
	border:1px #cfcfcf solid;
	border-radius: 5px;
	min-height:300px;	
	background-color:#ffffff;
	padding:5px 5px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.ISection {
	display:none;
}
@media (max-width:989px) {
.signupWrapper {width:768px;}
.banner {width:100%}
.colSpecialsSignup {
	width:50%;
	display:inline-block;
}
}
@media (max-width: 768px) {
.signupWrapper {width:480px;}
.DSection {width:100%;}
.colSpecialsSignup {
	width:100%;
	display:block;
}
}

@media (min-width:481px) and (max-width:768px) {
.DHeading {width:100%;}
.IHeading {width:100%;}
.DStep {width:100%;}
.IStep {width:100%;}
}

@media (min-width:321px) and (max-width:480px) {
.signupWrapper {width:100%;}
.DHeading {width:100%;}
.IHeading {width:100%;}
img { max-width:75%;}
.DStep {width:100%;}
.IStep {width:100%;}
}

@media (max-width:550px) {
input{width:300px;}
.hide550 {display:none;}
}

@media (max-width:320px) {
.signupWrapper {width:100%;}
.DHeading {width:100%;}
.IHeading {width:100%;}
img { max-width:75%;}	
.DStep {width:100%;}
.IStep {width:100%;}
input{width:260px;}
}