body{
	margin:0;
	padding:0;
	font-size:.9em;
	background:#dadbdc;
	/*
	text-align:center;
	font-family:Tahoma,Arial,helvetica,sans-serif;
	*/
	font-weight:bold;
	position:relative;
}
*{
	font-family:Georgia,"Times New Roman",Times,serif;
}
a:link,a:visited,a:active{
	color:#c00;
	text-decoration:underline;
}
a:hover{
	color:#f00;
}
p{
	text-align:left;
	margin:10px 0;
}
h4,h5{
	color:#c00;
	font-size:1.5em;
	font-style:italic;
	margin:-2px 0 25px 0;
	text-align:center;
	position:relative;
}
h3{
	margin:0 0 10px 0;
}
h5{
	margin:0 0 20px 0;
}
h6{
	color:#074590;
	font-size:1.2em;
	margin:0;
	padding:8px 0 5px 0;

}
th{
	background:#004080;
	color:#fff;
	border-right:#d1d1d1 solid 1px;
	border-bottom:#d1d1d1 solid 1px;
	/*
	text-align:left;
	*/
}
#keys{
	color:#dadbdc;
	font-size:10px;
	position:absolute;
	left:-999px;
	top:-999px;
}
#scrvan{
	position:absolute;
	top:0;
	left:0;
}
#scrlogo{
	position:absolute;
	top:0;
	right:30px;
}
#prtvan,#prtinfo{
	display:none;
}

#container{
	/*
	text-align:center;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:auto;
	*/
	position:relative;
}
#main1{
	margin:0;padding:0;
	background:url("../../images/backleft.gif") repeat-y top left;
}
#main2{
	margin:0;padding:0;
	background:url("../../images/backright.gif") repeat-y top right;
}
#left{
	float:left;
	width:30px;
	margin:0;padding:0;
}
#right{
	float:right;
	width:30px;
	margin:0;padding:0;
}
#middle{
	background:#fff url("../../images/backbot.gif") repeat-x bottom left;
	/*
	position:relative;
	*/
	margin:0 30px;
	padding-bottom:15px;
	z-index:-1;
}
#headercont{
	position:relative;
	z-index:100;
	padding:0;
	height:177px;
	background:url("../../images/header-blue.jpg") repeat-x;
}

#headercont,#bodycont,#footercont{
	min-width:650px;
}
.perks{
	color:red;
	font-size:120%;
	font-style:italic;
	padding:0 10px;
	text-align:center;
}

/* payment page */
[id^=payments] *,[id^=payments] *,[id^=payments] th,[id^=payments] td,[id^=payments] input,[id^=payments] select,#payedit *,#payedit th,#payedit td,#payedit input,#payedit select{
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:1em;
}
[id^=payments] table,#payedit table,#customerpay table,#customerreport table{
	border-left:#d1d1d1 solid 1px;
	border-top:#d1d1d1 solid 1px;
}
[id^=payments] td,#payedit td,#customerpay td,#customerreport td{
	border-right:#d1d1d1 solid 1px;
	border-bottom:#d1d1d1 solid 1px;
}
#payedit td,#customerpay td,#customerreport td{
	white-space:pre;
}
input[id^=payamt],
input[id^=payment],
input[id^=extraamt]{
	text-align:right;
	width:50px;
}
/* payment form input */
.fi{
	background:#FFFF80;
}
/* payment form input current */
.fic{
	background:#FF84FF !important;
}

#payedit td,#customerpay td{
	padding-right:10px;
}
#customerreport td{
	padding:2px 5px;
}
#reportpayments td{
	padding-left:30px;
}
.reporttable td{
  border:#999 solid 1px;
}
.reporttitle{
	padding:10px;
	border-bottom:#999 solid 2px;
	margin-bottom:15px;
	font-size:120%;
}

/* nav menu */
#navcont{
	position:absolute;
	height:27px;
	top:125px;
	left:350px;
}
#nav,#nav ul{ /* all lists */
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;
	line-height:1;
	height:27px;
	/*
	*/
}
#nav li{ /* all list items */
	/*
	background:#2f63a3;
	padding-left:5px;
	width:100px;/ * width needed or else Opera goes nuts * /
	*/
	background:transparent url("../../images/roundedheadernone.gif") no-repeat left top;
	float:left;
	color:#fff;
	margin:0 3px 0 0;
}
#nav a{
	display:block;
	background:#3063a4 url("../../images/roundedheadernone.gif") no-repeat right top;
	position:relative;
	padding:5px 8px 5px 0;
	font-weight:bold;
	font-size:.9em;
	text-decoration:none;
	text-align:center;
	color:#666;
	margin:0 0 0 8px;
}
#nav a:hover,#nav a.current{
	/*
	background:#fff url("../../images/backmenu.gif") repeat-y;
	background:#fff;
	*/
	color:#f00;
}
#nav li ul{ /* second-level lists */
	position:absolute;
	width:120px;
	left:-999em;/* using left instead of display to hide menus because display:none isn't read by screen readers */
	text-align:left;
}
#nav li.topline{
	border-top:#ccc solid 0px;
}
#nav li ul li{
	width:140px;
	background-image:none;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	border-left:#ccc solid 1px;
}
#nav li li a{
	text-align:left;
	border-width:0;
	font-size:.8em;
	background:#fff;
	background-image:none;
	padding:5px 5px 5px 10px;
	margin:0;
}
#nav li:hover ul ul,#nav li.sfhover ul ul{
	left:-999em;
}
#nav li:hover ul,#nav li ul li:hover ul,#nav li.sfhover ul,#nav li ul li.sfhover ul{ /* lists nested under hovered list items */
	left:auto;
}
#nav li ul li a:hover,#nav li ul li a.current,#nav li ul li:hover, #nav li ul li.sfhover{
	color:#fff;
	background:#79aced;
}
/*
/ * test code * /
#nav li:active a{
	background:#2f63a3;
	color:#0f0;
}

#nav li a:focus + ul{margin-left:0;}
#nav li li a:focus + ul{margin-left:151px;}
#nav li li a:focus{margin-left:151px;}
#nav li li li a:focus{margin-left:0;}
#nav li:hover a:focus,#nav li.sfhover a.sffocus{margin-left:0;}
#nav li li:hover a:focus + ul,#nav li li.sfhover a.sffocus + ul{margin-left:151px;}
*/

#leftbot{
	float:left;
	height:15px;
	width:15px;
	margin-left:-15px;
	bottom:0;
	background:url("../../images/backleftbot.gif") no-repeat bottom right;
}
#rightbot{
	float:right;
	height:15px;
	width:15px;
	margin-right:-15px;
	margin-bottom:-15px;
	bottom:0;
	background:url("../../images/backrightbot.gif") no-repeat bottom left;
}

#bodycont,#footercont{
	position:relative;
	/* without makes IE6 have #fff over top of text from #middle
	height:90%;
	width:98%;
	z-index:10;
	*/
	padding:10px 20px 15px 20px;
}

#bodycont{
	min-height:250px;
}
#footercont{
	font-size:.7em;
	text-align:center;
	clear:left;
	margin:0px 0 10px 0;
}
#pricing{
	padding-bottom:5px;
	text-align:center;
}

.ques{
	font-size:1em;
	color:#074590;
}
.ans{
	font-weight:normal;
	font-size:1em;
	margin-bottom:15px;
}
#filelist, #filelist td{
	border-collapse:collapse;
	border:#ccc dotted 1px;
	padding:3px 8px;
}


/* contact form  */
.floatlt{
	float:left;
	position:relative;
	padding-right:10px;
	padding-bottom:10px;
}
.floatnone{
  clear:both;
  float:none;
}
form{
	display:inline;
	margin:0;
}
label{
	/*
	display:block;
	width:120px;
	background:#ddd;
	text-align:right;
	*/
	padding:2px 5px 2px 0px;
}
input,select,textarea{
	padding:5px;
	color:#333;
	font-weight:normal;
	background-color:white;
	border:#000 solid 1px;
	/*
	width:300px;
	margin:4px 0;
	*/
}
#btnsend{
	height:46px;
	width:89px;
	background-image:url("../../images/btn_send_disabled.gif");
}
#alertMsg{
	color:red;
	font-weight:bold;
	font-size:1em;
	font-style:italic;
	padding:0 10px;
	clear:left;
	margin:0 0 18px 0;
}

.formreqd{
	font-size:.8em;
	color:#f00;
	font-weight:normal;
}
.formnote{
	font-size:.9em;
	color:#999;
	margin-left:8px;
	font-weight:normal;
}
.forminput{
	background:#FFFF80;
}
.forminputcurrent{
	background:#FF84FF;
}
.nobackground{
	background:transparent;
	border-width:0;
}

#sidenav,#sidenavcust{
	float:left;
	width:140px;
	position:absolute; /* to fix floated elements in admin */
}
#sidenav a,#sidenavcust a{
	font-weight:normal;
}
#sidenavburger{display:none;}

#content{
	padding-left:155px;
}
#contentmain{
	padding-left:8px;
}

#adminnav,#custnav,.contentbox{
	border:#ccc 1px solid;
	border-radius:8px;
	padding:8px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ededed+70&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(237,237,237,0.7) 70%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(247,247,247,0) 0%,rgba(237,237,237,0.7) 70%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(247,247,247,0) 0%,rgba(237,237,237,0.7) 70%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
#adminnav h1,#custnav h1{font-weight:bold;font-size:.9em;line-height:28px;color:#000;margin:0;margin-top:-5px;}
#adminnav ul,#custnav ul{margin:0;padding:0;list-style-type:none;}
#adminnav li,#custnav li{position:relative;font-size:.9em;margin-bottom:2px;background:url("../../images/bullets.gif") no-repeat 0 -96px;padding-left:10px;}
#adminnav li.navheading,#custnav li.navheading{margin-top:12px;}
#adminnav li a,#custnav li a{text-decoration:none;}
.contentbox h1{font-weight:bold;font-size:1.2em;line-height:28px;color:#000;margin:0;}
.contentbox a{text-decoration:none;}


.rwgh{position:relative;width:100%;overflow:hidden;margin-bottom:10px;}
.rwgh .t,.rwgh .tl,.rwgh .bl,.rwgh .bd{background:transparent url("../../images/roundedheadernone.gif") no-repeat left bottom;}
.rwgh .tl{position:absolute;left:0;top:0;width:12px;height:28px;background-color:#fff;background-position:left top;z-index:100;}
.rwgh .bl{margin:-5000px 0 0 0;background-position:left bottom;z-index:99;width:12px;height:5000px;}
.rwgh .t{position:relative;height:28px;margin-left:12px;background-position:right top;}
.rwgh .t h1,.rwgh .bd h1{font-weight:bold;font-size:.8em;line-height:28px;color:#000;margin:0;}
.rwgh .bd{position:relative;margin-left:12px;background-position:bottom right;padding:10px 10px 20px 0;}
.rwgh .bd div{position:relative;}
.rwgh .bd ul{margin:0;padding:0;list-style-type:none;}
.rwgh .allowbullets ul{margin:10px;padding-left:20px;list-style-type:disc;}
.rwgh .bd li{position:relative;font-size:.9em;margin-bottom:2px;background:url("../../images/bullets.gif") no-repeat 0 -397px;padding-left:10px;}
.rwgh .bd li a{text-decoration:none;}
.rwgh .main{font-weight:bold;}
.rwgh .sub{margin-left:10px;}

#adminuserlist{
	position:relative;
}
#adminuserlist div{
	width:320px;
	border:#000 solid 1px;
}
#viewusers td{
	font-size:.7em;
}
#adminuserlist a{
	display:block;
	z-index:120;
	width:52px;
	padding:0 5px;
	line-height:18px;
}
#adminuserlist a:hover{
	background:#60a6fb;
	color:#fff;
	/*
	border:#000 solid 1px;
	border-right-width:0;
	*/
}
.userinfo{
	position:absolute;
	top:-100px;
	left:51px;
	z-index:110;
	visibility:hidden;
	background:#daeafe;
	padding:5px;
}
.paiddata{
	display:none;
	visibility:hidden;
	position:absolute;
	top:-60px;
	left:0;
	background:#fff;
	border:#ccc solid 1px;
	padding:8px;
	height:150px;
	width:450px;
	overflow:auto;
	z-index:10;
}
.lineshade td{
	background:#e7e7e7;
}
.linepaid td{
	background:#80FF80;
}
.linepaidpend td{
	background:#37FFFF;
}
.btn{
	font-weight:bold;
	font-size:1.5em;
	color:#fff;
	padding:3px 10px;
	background:#2f63a3;
	margin:10px 10px 0 0;
	border-width:2px;
	border-color:#D2D2FF #666 #666 #DDDDFF;
	border-style:solid;
	border-radius:10px;
}
.btndelete{
	background:red;
}
.focustext{
	color:red;
	font-weight:bold;
}

/* PayPal payment page */
#custpayments1,
#custpayments2{
	width:auto;
	border-collapse:collapse;
}
#custpayments1 td,
#custpayments2 td{
	border:#999 solid 1px;
	padding:3px;
	white-space:nowrap;
	font-size:.9em;
}
#custpayments2 .ratedivider{
	border-top:none;
	border-bottom:none;
	width:10px;
}
#paypalpaymentdiv{
	width:auto;
	margin:0 auto;
	border-radius:10px;
	border:#666 solid 1px;
	background:#dcebf7;
	padding:10px;
	display:inherit;
}
#paymentpreview{
	display:inline;
	text-align:center;
	font-weight:bold;
}
#ssoverlay{z-index:110000; position:absolute; filter:alpha(opacity=40); width:100%; background:#000; height:100%; top:0; cursor:default; left:0; opacity:0.40;}

#paypalpaymenttable {background-color:white;margin:0 auto;border-radius:8px;}
#paypalpaymenttable th,#paypalpaymenttable td{padding:5px;border-collapse:collapse;border:solid #ccc 1px;white-space:nowrap;}

/* end PayPal payment page */

.notify{font-size:1.2em;color:darkgreen;}
.paymentok{font-size:1.4em;color:darkgreen;}
.paymentdue{font-size:1.4em;color:red;}
#paypalinstructions img{border:solid blue 0px;margin-left:1px;width:initial;}
#paypalinstructions li{margin-left:-20px;}

#homeNotice{visibility:hidden;position:absolute;top:3px;left:100px;width:460px;}
#ppNotice{visibility:hidden;position:absolute;top:3px;left:0;width:auto;z-index:1000;margin:0 3px 3px 3px;}
#ppNoticeContent{position:relative;background:white;border:#00f solid 	3px;padding:5px;font-weight:normal;}
.homebox{position:relative;float:left;border:#999 1px solid;border-radius:8px;margin:0 8px 8px 0;}
.homebox h6{padding:0 0 5px;}
.homebox ul{margin:0 0 10px 0;padding:0;list-style-type:none;}
.homebox li{position:relative;font-size:.9em;margin-bottom:2px;background:url(../../images/bullets.gif) no-repeat 0 -397px;padding-left:10px;}
.homebox li a{text-decoration:none;}
.homeboxcontent{padding:8px;}
#homelogin{height:145px;}
#homefeatures,#homeschools{height:360px;}
.mobilehide{display:table-cell;}
.mobileshow{display:none;}

#SMSBody{
  width:100%;
}
@media (min-width:768px){
	#subnav{display:none;}
	.homebox{width:100%;}
	/*
	#middle{width:768px;margin:0 auto;}
	*/
  /* sms email message text box */

  #SMSBody{
    width:500px;
  }
}
@media (max-width:767px){
	body{background:#fff;}
	.homebox{width:96%;float:none;margin:0 8px 8px 0;}
	#homelogin,#homeservices,#homefeatures,#homeschools{height:auto;}
	#homeNotice{visibility:hidden;left:3px;top:250px;width:auto;margin-right:4px;}
	#right, #left, #rightbot, #leftbot{display:none;}
	#middle{margin:0;padding:0;background-image:none;}
	#main1, #main2{background:none;}
	#left{width:0;}
	#right{width:0;}
	#headercont{background-size:20px 66px;width:100%;min-width:100%;height:115px;}
	#navcont{top:85px;left:0;}
	#scrvan{width:155px;height:80px;}
	#scrlogo{width:106px;height:50px;}
	#footercont{width:100%;min-width:100%;padding:0;}
	#bodycont{width:100%;min-width:100%;padding:0;}
	#nav li,#nav a{background-color:white;background-image:none;}
	#nav a{/*text-decoration:underline;background:#ccc;*/}

	/* admin pages */
	#sidenav{visibility:hidden;position:absolute;top:40px;left:5px;background-color:#fff;z-index:101;}
	#sidenavburger{display:block;position:absolute;top:0px;left:10px;margin:0 10px 0 0;}
	#sidenavburger a{text-decoration:none;font-weight:bold;font-size:2em;}

	/* cust pages */
	#sidenavcust{display:none;}
	#content{padding:0 8px;}
	#customerpay td{padding-right:3px;white-space:normal;font-size:.8em;}
	#customerpay th{white-space:normal;font-size:.8em;}
	.mobilehide{display:none;}
	.mobileshow{display:table-cell;}

}

@media (min-width: 481px) and (max-width: 767px) {

}

@media (min-width: 321px) and (max-width: 480px) {

}

@media (max-width: 450px) {
	#paypalinstructions img{width:100%;}
}