/******** css preloader ********/


.home_loader {
    margin-left: -9999px;
	background-image: url(../images/buttons/home_ov.jpg);
}

.our_software_loader {
    margin-left: -9999px;
	background-image: url(../images/buttons/our_software_ov.jpg);
}

.plans_loader {
    margin-left: -9999px;
	background-image: url(../images/buttons/plans_ov.jpg);
}

.community_loader {
   margin-left: -9999px;
	background-image: url(../images/buttons/community_ov.jpg);
}

.services_loader {
    margin-left: -9999px;
	background-image: url(../images/buttons/services_ov.jpg);
}

.aboutus_loader {
    margin-left: -9999px;
	background-image: url(../images/buttons/aboutus_ov.jpg);
}


.support_loader {
    margin-left: -9999px;
	background-image: url(../images/buttons/support_ov.jpg);
}

.blog_loader {
   margin-left: -9999px;
	background-image: url(../images/buttons/blog_ov.jpg);
}

/******** main styles ********/

body {
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: #f5fafd;
	margin: 0 auto;
	text-align: center;
}


a {
	text-decoration: underline;
	color: #353531;
}

a:hover {
	text-decoration: underline;

}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}


h1 {
	font-size: 18px;
	font-weight: bold;
	color: #9fcdfe;
}


h2 {
	font-size: 16px;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	font-weight: bold;
}


ul li {
margin: 0 0 10px 0;
}

ol li {
margin: 0 0 10px 0;
}

.right {
float: right;
margin: 0;
padding: 0;
}

.left {
float: left;
margin: 0;
padding: 0;
}

/******** main container ********/

#wrapper {
	margin: 0 auto;
	width: 950px;
	text-align: left;
	padding: 0;
}


/******** header ********/

#header {
	
	margin: -10px 0 0 0;
	padding: 0 0 0 0;
	width: 950px;
	background-image: url(../images/header/header.jpg);
	background-repeat: no-repeat;
	clear: both;
}

#logo {
	padding: 10px 0 5px 0px;
	margin: 0px;
	clear: both;
}

/******** login ********/

#login {
position: relative;
padding: 0;
top: -90px;
left: 775px;
align: right;
width: 150px;
margin: 0;

height: 10px;
}

/******** navigation ********/

#mainnav {
	position: relative;
	padding: 0;
	width: 950px;
	margin: 0;
	
}

#mainnav ul {
	padding: 0;
	margin: 0;
}

#mainnav ul li {
	display: inline;
	list-style: none;
	
}

#mainnav a.home {
    display: block;
	float: left;
	text-decoration: none;
	height: 57px;
	width: 88px;
	background-image: url(../images/buttons/home.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.home:hover, a.home_on {
    display: block;
	float: left;
	text-decoration: none;
	height: 57px;
	width: 88px;
	background-image: url(../images/buttons/home_ov.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.our_software {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 151px;
	background-image: url(../images/buttons/our_software.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.our_software:hover, a.our_software_on {
     display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 151px;
	background-image: url(../images/buttons/our_software_ov.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.plans {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 161px;
	background-image: url(../images/buttons/plans.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.plans:hover, a.plans_on {
   display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 161px;
	background-image: url(../images/buttons/plans_ov.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.community {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 139px;
	background-image: url(../images/buttons/community.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.community:hover, a.community_on {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 139px;
	background-image: url(../images/buttons/community_ov.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.services {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 109px;
	background-image: url(../images/buttons/services.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.services:hover, a.services_on {
     display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 109px;
	background-image: url(../images/buttons/services_ov.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.aboutus {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 116px;
	background-image: url(../images/buttons/aboutus.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.aboutus:hover, a.aboutus_on {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 116px;
	background-image: url(../images/buttons/aboutus_ov.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.support {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 108px;
	background-image: url(../images/buttons/support.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.support:hover, a.support_on {
   display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 108px;
	background-image: url(../images/buttons/support_ov.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

#mainnav a.blog {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 78px;
	background-image: url(../images/buttons/blog.jpg);
	font-size: 0;
	text-indent: -999px;
    margin: 0;
	padding: 0;
}

#mainnav a.blog:hover, a.blog_on {
    display: block;
	float: left;
	text-decoration: none;
	line-height: 57px;
	height: 57px;
	width: 78px;
	background-image: url(../images/buttons/blog_ov.jpg);
	font-size: 0;
	text-indent: -999px;
	margin: 0;
	padding: 0;
}

/******** main content ********/

#maincontent {
	width: 950px;
	border: 0;
	padding: 0;
	margin: 0 0 0 0;
}

/******** banner area ********/

#bannerarea {
	width: 950px;
	border: 0;
	padding: 10px 0 10px 0;
    margin: 0;
	background: #ffffff;
	
}

#spacer {
height: 10px;

margin: 0;
padding: 0;
}

#bannerarea1 {
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
   width: 125px;
   text-align: center;
}

#bannerarea1 a{
   text-decoration: underline;
   color: #0195dd;
}

#bannerarea1 a:hover{
   text-decoration: none;
   color: #0195dd;
}

#bannerarea2 {
   border: 0;
   padding: 0;
   margin: 0 0 0 0;
   float: left;
   width: 380px;
   text-align: center;
}

#bannerarea2 p{
   text-align: center;
   font-size: 19px;
   line-height: 20px;
   margin: 20px 0 40px 0;
}

/******** home and content columns ********/
#homecontent {
   border: 0;
   padding: 0;
   margin: 0 0 0 0;
   float: left;
   width: 750px;
}

#maincontent {
   border: 0;
   padding: 0;
   margin: 0 0 0 0;
   float: left;
   width: 950px;
}

#homecolumn1, #contentcolumn1 {
   border: 0;
   padding: 0 0 10px 0;
   margin: 0 0 0 0;
   float: left;
   width: 417px;
   background: #fff;

}

#contentcolumn3 {
   border: 0;
   padding: 0;
   margin: 0 0 0 0;
   text-align: left;
   width: 200px;
   float: left;
   
}

#homecolumn1 h2{
   font-size: 16px;
   font-weight: normal;
   margin: 20px 25px 20px 35px;
}

#homecolumn1_sample {
   border: 0;
   padding: 0 0 0 35px;
   margin: 0;
   float: left;
   width: 165px;
   height: 190px;

}

#homecolumn1_sample img{
   border: 1px solid #4c4c4c;
}

#homecolumn1 h4{
   font-size: 13px;
   font-weight: normal;
}

#homecolumn2, #contentcolumn2 {
   border: 0;
   margin: 0 5px 0 10px;
   padding: 0 0 10px 0;
   float: left;
   width: 293px;
   background: #fff;

}

#homecolumn2_community {
   border: 0;
   padding: 10px;
   margin: 0 0 0 0;
   float: left;
   width: 273px;
   
}

.community_photo{
   border: 0;
   padding: 0 10px 10px 10px;
   margin: 0 0 0 0;
   float: left;
}

.community_title{
   border: 0;
   padding: 10px;
   margin: 0 0 0 0;
   font-style: italic;
   font-size: 11px;
   
}

.btnspacer{
  border: 0;
 line-height: 28px;
  text-align: center;
}



#homecolumn3 {
   border: 0;
   padding: 20px 0 0 0;
   margin: 20px 0 0 0;
   float: left;
   width: 730px;
   background: #fff;
}

#homecolumn3_1 {
   border: 0;
   padding: 0;
   margin: 0 0 0 0;
   float: left;
   width: 125px;
   text-align: center;
}

#homecolumn3_1 a{
   text-decoration: underline;
   color: #0195dd;
}

#homecolumn3_1 a:hover{
   text-decoration: none;
   color: #0195dd;
}

#homecolumn3_2 {
   border: 0;
   padding: 5px;
   margin: 0 0 0 0;
   float: left;
   width: 290px;
   text-align: left;
   font-size: 14px;
   line-height: 16px;
}

#homecolumn3_3 {
   border: 0;
   padding: 5px;
   margin: 0 0 0 0;
   float: left;
   width: 290px;
   text-align: left;
   font-size: 14px;
   line-height: 16px;
   height: 240px;
}

/******** widgets ********/

#widgets {
   
   border: 0;
   padding: 0;
   margin: 0;
   width: 200px;
   float: right;
   top: 0;
   
}

#widgets_projects {
background: url(../images/widgets/widgetbg.jpg);
padding: 0 10px 2px 10px;
}

#widgets_projects ul{
margin: 0;
padding: 0;
background: white;
list-style-type: none;
}

#widgets_projects li{
font-size: 15px;

color: black;

height: 24px;
line-height: 24px;
text-indent: 5px;
margin: 0;
padding: 0;
}

#widgets_fromourblog {
background: url(../images/widgets/widgetbg.jpg);
color: #fff;
font-size: 11px;
clear: both;
padding: 0 10px 2px 10px;
}

#widgets_fromourblog a{
color: #89cde0;
font-size: 11px;
text-decoration: none;
}

#widgets_fromourblog a:hover{
color: #89cde0;
font-size: 11px;
text-decoration: underline;
}

#widgets_fromourblog h4{
color: #fff;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
}

#widgets_fromourblog_content{
padding: 0;
margin: 0px;
width: 180px;
height: 200px;
scrollbar-3dlight-color:#0096db; 
scrollbar-arrow-color:#0096db; 
scrollbar-base-color:#0096db; 
scrollbar-darkshadow-color:#0096db; 
scrollbar-face-color:#fff;
scrollbar-track-color:#0096db; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#0096db; 
overflow: auto;
}

#widgets_twitter {
background: url(../images/widgets/widgetbg.jpg);
color: #fff;
font-size: 11px;
margin: 0;
padding: 0 10px 30px 10px;
}

#widgets_twittercontent{
padding: 0;
margin: 0px;
width: 180px;
height: 200px;
scrollbar-3dlight-color:#0096db; 
scrollbar-arrow-color:#0096db; 
scrollbar-base-color:#0096db; 
scrollbar-darkshadow-color:#0096db; 
scrollbar-face-color:#fff;
scrollbar-track-color:#0096db; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#0096db; 
overflow: auto;
}

.twittertext {
font-weight: bold;
padding: 1px;
color: #ccc;
}

#twitter_header {
padding: 3px 0 0 0;
height: 50px;
}

.tweet {
color: #fff;
background: #71b3d3;
padding: 5px;
}

.leftbtn {
margin: 0;
padding: 0;
float: left;
}
.rightbtn {
margin: 0;
padding: 0;
float: right;
}

.graybg {
background: #6c7481;
}

/******** community columns ********/

#mainheading {
   border: 0;
   padding: 0 0 15px 15px;
   margin: 0 0 0 0;
 
   
}

#leftcontent {
   border: 0;
   padding: 0 0 38px 20px;
   margin: 0 0 0 0;
   float: left;
   width: 730px;
   background: #fff;
   
}

#leftcontent_community {
   border: 0;
   padding: 0;
   margin: 0 0 0 0;
   float: left;
   width: 390px;
   font-size: 14px;
   line-height: 16px;
   text-align: justify;
}

#leftcontent_community h4{
  color: #0195dd;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

#leftcontent_community a{
  color: #0195dd;
  text-decoration: none;
}

#leftcontent_community a:hover{
  color: #0195dd;
  text-decoration: underline;
}

#rightcontent_community {
   border: 0;
   padding: 0 20px 0 40px;
   margin: 0 0 0 0;
   float: left;
   width: 270px;
   font-size: 12px;
   line-height: 14px;
   text-align: justify;
}

#rightcontent_community a{
  color: #0195dd;
  text-decoration: none;
  font-weight: bold;
}

#rightcontent_community a:hover{
  color: #0195dd;
  text-decoration: underline;
  font-weight: bold;
}

#rightcontent {
   border: 0;
   padding: 0;
   margin: -70px 0 0 0;
   text-align: left;
   width: 200px;
   float: left;
    background: #fff;
}

#rightcontent h4{
  color: #0195dd;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

#rightcontent ul{
  list-style-type: none;
  margin: 0;
  line-height: 16px;
}

a.boldlink {
  color: #0195dd;
  text-decoration: none;
  font-weight: bold;
}

a.boldlink:hover {
  color: #0195dd;
  text-decoration: underline;
  font-weight: bold;
}

#avatars {
   border: 0;
   padding: 20px 0 20px 0;
   margin: 0 0 0 0;
   width: 150px;
}

.avatar {
   border: 0;
   padding: 1px;
   margin: 0 0 0 0;
   
}

#wideblock {
	width: 950px;
	border: 0;
	padding: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	background: #ffffff;
}

#wideblock_content {
   border: 0;
   padding: 0 20px 1px 20px;
   margin: 0 0 0 0;
   font-size: 14px;
   line-height: 16px;
}

#wideblock_single {
	width: 950px;
	border: 0;
	padding: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	background: #ffffff;
	height: 600px;
}


/*** our software ***/

#bannercontent {
   border: 0;
   padding: 0 20px 0 20px;
   margin: 0;
   font-size: 16px;
   line-height: 18px;
   text-align: center;
   background: #ffffff;
   height: 340px;
}

.bannercontent_sample {
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
   width: 129px;
   min-height: 180px;
   background: #ffffff;
   
}

#bannercontent_sample img{
   border: 1px solid #4c4c4c;
   padding: 0;
   margin: 0;
}

#bannercontent_sample h4{
   font-size: 13px;
   font-weight: normal;
}

#softwarecolumn {
width: 950px;
border: 0;
padding: 0 0 10px 0;
background: #ffffff;
	}
	
#softwarecolumn p {
   border: 0;
   padding: 0;
   margin: 25px 25px 0 25px;
   font-size: 16px;
   line-height: 18px;
   text-align: left;
}

/**** planning and pricing ***/

#planning {
	width: 950px;
	border: 0;
	padding: 10px 0 15px 0;
	background: #ffffff;
	height: 270px;
}

#planning2 {
	width: 950px;
	border: 0;
	padding: 10px 0 15px 0;
	background: #ffffff;
	height: 300px;
}

#planningcontent {
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
   width: 420px;
   margin: 5px 25px 0 25px;
   font-size: 16px;
   line-height: 18px;
   text-align: justify;
   background: #ffffff;
}

#plans {
	width: 950px;
	border: 0;
	padding: 0;

}

#plan {
	border: 0;
	padding: 4px;
	text-align: center;
}

#notes {
	text-indent: 10px;
}

#planningcontent2 {
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
   width: 420px;
   margin: 5px 25px 0 25px;
   font-size: 14px;
   line-height: 16px;
   text-align: justify;
   background: #ffffff;
}

/**** about us ***/

#aboutus {
	width: 950px;
	border: 0;
	padding: 0;
	
}

#aboutuscontent_left {
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
   width: 469px;
   font-size: 14px;
   line-height: 16px;
   text-align: justify;
   background: #ffffff;
}

#aboutuscontent_left p {
   padding: 10px;
}

#aboutuscontent_right p {
   padding: 10px;
}

#aboutuscontent_right {
   border: 0;
   margin: 0 0 0 10px;
   padding: 0 0 0 0;
   float: left;
   width: 469px;
   font-size: 14px;
   line-height: 16px;
   text-align: justify;
   background: #ffffff;
}

#generalinfo1 {
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
   width: 135px;
   text-align: center;
   background: #ffffff;
   height: 320px;
}


#generalinfo12 {
   border: 0;
   padding: 0;
   margin: 0 0 0 0;
   float: left;
   width: 280px;
   text-align: center;
   background: #ffffff;
}

#generalinfo3 {
   border: 0;
   padding: 0;
   margin: 10px 0 0 0;
   float: left;
   width: 700px;
   text-align: center;
   background: #ffffff;
   font-size: 16px;
   line-height: 18px;
}

#sally {
   border: 0;
   padding: 0;
   margin: 0;
   float: left;
   width: 200px;
   text-align: center;
   background: #ffffff;
   height: 320px;
}



/**** support ***/

#support {
	width: 950px;
	border: 0;
	padding: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	background: #ffffff;
}

#supportcontent {
   border: 0;
   padding: 0;
   margin: 0 25px 0 25px;
   text-align: left;
}

/**** misc content pages ***/

#widecontentcol {
	width: 950px;
	border: 0;
	padding: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	background: #ffffff;
}

#widecontent {
   border: 0;
   padding: 0;
   margin: 0 25px 0 25px;
   font-size: 16px;
   line-height: 18px;
   text-align: left;
}

/******** footer ********/

#footer {
position: relative;
width: 950px;
margin: 0 0 0 0;
padding: 30px 0 0 0;
clear: both;
text-align: center;
}

#footer ul {
	padding: 0;
	margin: 0;
}

#footer ul li {
	display: inline;
	list-style: none;
	
}

#footer a {
	color: #4c4c4c;
	text-decoration: none;
}

#footer a:hover {
	color: #0195dc;
	text-decoration: underline;
}





.formlabel {
    text-align: right
}

.subhead {
    font-weight: bold;
    padding-bottom: 20px;
}


.example {

    color: #666;
}

ul#twitter_update_list
{list-style-type:none; padding-left:0px;margin-left:0px}

ul#twitter_update_list li
{ border-bottom: 1px solid lightgrey}


ul#twitter_update_list a
{ text-decoration: none; color: lightblue; }

.togglelink 
{
 text-decoration: none;
}

.university {
 font-size: 14px;
 margin-bottom: 20px;
 border-bottom: 2px solid lightgrey;
}

.faqitem {
 font-size: 14px;

}

.vid {
 padding: 10px;
}



#menu {
    background: #444444;
    color: white;
    height: 57px;
    margin-bottom: 10px;
    background: black url("http://www.appingo.com/images/buttons/greyback.png") 0% 0% repeat-x;
}

.menu-cell {
    border-right: 2px solid lightgrey;
    font-size: 22px;
    padding: 5px;
    font-style: bold;
}

.menu-cell a {
    text-decoration: none;
    color: white;
}

.menu-cell:hover, .menu-cell_on {
   background: blue url("http://www.appingo.com/images/buttons/blueback.png");
   font-size: 22px;
   font-style: bold;
}


.planhead {
  background: #004477;
  font-size: 250%;
  font-weight: bold;
  color: white;
  text-align: center;
}

.priceline {
  background: #00DA44;
  font-size: 200%;
  font-weight: regular;
  color: white; 
  text-align: center;
  padding: 8px;
  border-top: 1px solid gray;
}

.planinfo {
  background: white;
  text-align: center;
  margin-top: 15px;
  font-size: 120%;
}

.planbox {
  font-family: "Century Gothic", Helvetica, sans-serif;
  position: relative;
  text-align: center;
  border: 1px solid black;
  padding: 0px;
}

.pricesave {
 background: #CCCCFF;
 padding: 8px;
 margin-top: 15px;
 font-size: 130%;
}

.signupbutton {
 color: green;
 padding: 5px;
 font-size: 200%;
 font-weight: bold;
}

.signup {
 padding: 10px;
 margin: 10px;
}