/*  Aptela.com   */
/*  Global CSS Styles   */

/*Link and Font Properties---------------------------------*/

a:link, a:visited{
  text-decoration: none;
  color: #323291;
}

a:hover{
  text-decoration: none;
  color: #A3A4D1;
}

.linksReverse a:link, .linksReverse a:visited {
  color: #FFFFFF;
}

.linksReverse a:hover {
  color: #EEC900;
}

#linksReverse a:link, #linksReverse a:visited {
  color: #FFFFFF;
}

#linksReverse a:hover {
  color: #EEC900;
}

.fontColorQuote {
  color: #323291;
  margin-top: 3pt;
  font-size: 11px;
  line-height: 1.2em;
  padding-top: 4pt;
}  

.fontColorQuoteCite {
  color: #999999;
  font-size: 10px;
  line-height: 1.2em;
  float: left;
}
.style1 {
	font-size: 16px;
	font-weight: bold;
}

/*Body and Standard Properties---------------------------------*/

body {
  background-color: #FFFFFF;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding-top: 10px;
}

body, td {
  font-family: arial;
  font-size: 12px;
  line-height: 16px;
}

hr{
	height: 1px;
	border-bottom: 1px solid #d6d6d6;
}

hr.pad{
	margin: 8px 0px 8px 0px;
	background-color:#D6D6D6;
	height: 1px;
	border:none;
}

hr.strong{
	margin: 8px 0px 8px 0px;
	background-color:#D6D6D6;
	height: 3px;
	border:none;
}

#gray{
  color:#999999;
}

#blue{
  color:#323291;
}

#lightblue{
  color:#A3A4D1;
}

#pgWrapper {
  background-color:#FFFFFF;
  width: 758px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF;
}

#pgMain {
  background-color:#FFFFFF;
  width: 740px;
  margin: 0px auto 0px auto;
  padding: 9px 9px 9px 9px;
  border-width: 0px;
	border-top: 8px solid #323291;
}

/*Generic Properties---------------------------------*/

#clear {
    clear:both;
  /*** these next attributes are designed to keep the div
  height to 0 pixels high, critical for Safari and Netscape 7 ***/
    height:0px;
    overflow:hidden;
    margin-bottom:-6px;
}

#clear2 {
    clear:both;
  /*** these next attributes are designed to keep the div
  height to 0 pixels high, critical for Safari and Netscape 7 ***/
    height:1px;
    overflow:hidden;
    margin-bottom:-1px;
}

.clear3{
  clear:both;
}

#floatLeft {
  float: left;
  padding-right: 20px;
}

#floatRight {
  float: right;
}

#demo {
  float: right;
  padding: 0px 0px 5px 0px;
}

#demo2 {
  float: right;
  padding: 2px 3px 2px 0px;
}

#hr {
  background-color: #CCCCCC;
  color: #CCCCCC;
  height: 1px;
  font-size: 0px;
}

* html #clear {
  display:none
  /*** stops IE browsers from displaying
  the clear div/br in the page, as these are for Moz/Opera and
  Safari only. If IE 5.x Win DID display these, the page is too high ***/
}

#paddingHorz {
  padding: 10px 20px 0px 10px;
  text-align: left;
}

/*Header Properties---------------------------------*/

#headerGlobal {
  font-size:11px;
  width: 740px;
  margin-right: auto;
  margin-left: auto;
  border-width: 0px;
  padding-bottom: 0px;
	height: auto;
}

#headerLogo {
  float: left;
}

#headerNav{
  background-color: #323291;
  border-width: 0px;
  color: #FFFFFF;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
	clear:left;
}

#headerUtilityNav {
  font-size:11px;
  float: right;
	right: 0;
	clear:right;
  padding: 3px 6px 3px 0px;
  background-color: #C6C6E3;
}

#headerSubhead {
  padding: 5px 0px 0px 5px;
  font-size:14px;
  font-weight: bold;
  float: left;
}

#navPrint {
  padding: 0;
  font-size:10px;
  float: right;
}

#navTitle{
  background-color: #323291;
  border-width: 0px;
  font-weight: bold;
  padding: 3px 0px 3px 10px;
  text-align: left;
}

#navSecondary{
  border-bottom: 1px dashed #C2C2C2;
  padding: 3px 0px 3px 10px;
  text-align: left;
}

#navTertiary{
  padding: 1px 0px 1px 20px;
  text-align: left;
}

/*Body Properties---------------------------------*/

h2{
    font-size: 18px;
    font-weight: bold;
    color: #323291;
}

h2 span.subhead {
    color: #777777;
    font-weight: normal;
}


#container {
    width: 740px;
    padding:0;
    display: table-cell;
    min-height:260px;/* for mozilla*/
    height: auto !important;
}

#left{
  padding: 20px 0px 0px 5px;
  float:left;
  width:155px;
  min-height:250px;/* for mozilla*/
  text-align:left;

}

#login{
  padding: 30px 30px 30px 30px;
  float:left;
}

#loginText{
  padding: 0;
  float:left;
  width:80px;
}

#right{
  padding: 20px 0px 0px 20px;
  float:right;
  width:165px;
  min-height:250px;/* for mozilla*/
  text-align:left;

}

#mainLeft{
  padding: 0;
  width:auto !important;
	margin-top: 20px;
  margin-left:20px;
  margin-right:195px;
  min-height:250px;/* for mozilla*/
  text-align:left;
 }

#middle{
  width: 350px;
  padding: 0;
	margin-top: 20px;
  margin-left:185px;
  margin-right:195px;
  min-height:250px;/* for mozilla*/
  text-align:left;
 }
  
#contentFeatures {
  padding: 0px 20px 0px 0px;
  text-align: left;
	/*color: #999999;*/
}

#contentCompany {
  padding: 0px 20px 0px 0px;
  text-align: left;
  float: left;
  text-align: justify;
}

#contentHighlights {
  padding: 6px 20px 6px 20px;
  text-align: left;
  line-height: 1.3em;
}

#contentNewsList {
  text-align: justify;
}


#list ul {
  list-style-position: outside;
  margin: 0pt 0pt 0pt 15pt;
  line-height: 1.4em;
}

#list li {
  list-style: none;
  list-style-image: url(../images/arrow-nav.gif);
  margin-bottom: 13px;
}

#listred {
 list-style: none;
 padding: 3px 0px 0px 0px;
  /*list-style-image: url(../images/arrow-red.png);*/
}

#tborder{
  border-style: dashed;
   border-width: 2px;
   border-color:#000000;
} 

#features {
  background-color: #FFFFFF;
  width: 369px;
  float:left;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #FFFFFF;
  text-align: left;
}

#highlights {
  background-color: #C6C6E3;
  width: 369px;
  float:left;
  text-align: left;
  border: 0pt;
}

#pgOverview {
  background-color: #FFFFFF;
  width: 740px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}

#sectionBar {
  background-color: #575757;
  padding: 3px 0px 3px 20px;
  text-align: left;
  color: #FFFFFF;
  font-weight: bold;
}



#quoteLarge {
  font-size: 14px;
}

#super {
  font-size: 13px;
}

#newsitem {
  text-align: justify;
  padding: 0pt;
}

#newsitem h3 {
  font-size: 12pt;
  color: #323291;
  margin: 0pt;
}

#reasons .reasontext {
   display: block;
   text-align: justify;
   margin: 0pt 0pt 0pt 44px;
}

#reasons img {
  padding: 0pt 4pt 0pt 0pt;
  float: left;
}

#reasons .reasontitle {
  font-size: 10pt;
  font-weight: bold;
}

#reasons h5 {
  font-size: 10pt;
  font-weight: bold;
  margin: 0pt;
}

#formDemo {
  width:300px;
  font-size: 9pt;
  background-color:#C4C4C4;
  font-weight: bold;
  border-style:solid;
  border-color:#C4C4C4;
  margin:8px;
}

#formDemo2 {
  border-width:1px;
  width:320px;
  font-size: 9pt;
  background-color:#FFFFFF;
  border-style:solid;
  border-color:grey;
}
.box {
    width: 777px;
    background-image: url("../images/phone-back.jpg");
    background-color:#FFFFFF;
    margin: 0px auto 0px auto;
    background-repeat: repeat-y;
    background-position: top center;
}

.boxtop {
    background-image: url("../images/top.jpg");
    background-position: top center;
    background-repeat: no-repeat;
}

.boxdown {
    background-image: url("../images/down.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 15px;
}

/*Footer Properties---------------------------------*/

#footerGlobal {
  background-color: #323291;
  font-size:10px;
  padding: 20px 20px 20px 20px;
  color: #FFFFFF;
	clear: left;
}

#footerUtility {
  font-size:10px;
  padding: 10px 20px 40px 20px;
  color: #575757;
  border-width: 0px;
}


/*Secondary Page Elements Properties---------------------------------*/

#secondary-leftelements {
  padding: 0;
}

#testimonial {
  width: 150px;
  border: 1pt #777777 solid;
  margin: 10pt 0pt 10pt 0pt;
}
  
#testimonial-top {
  color: #ffffff;
  text-align: middle;
  font-size: 8pt;
  font-weight: bold;
  padding: 2pt 0pt 2pt 0pt;
  display: block;
  text-align: center;
  font-variant: small-caps;
  background: #777777;
}

#testimonial-mid {
  margin: 0pt;
  color: #000000;
  font-size: 8pt;
  font-weight: bold;
  background: #ffffff;
  padding: 3pt 5pt 3pt 0pt;
  display: block;
}

#testimonial-mid ul{
  margin: 0pt 0pt 0pt 0pt;
  padding: 0pt;
  list-style-position: outside;
}
#testimonial-mid li{
  list-style: none;
  list-style-image: url(../images/icon-quote_small.gif);
  vertical-align: middle;
  margin: 0pt 0pt 0pt 22px;
}

#testimonial-mid a{
  font-weight: normal;
}

#perspective {
  width: 150px;
  border: 1pt #323291 solid;
  margin: 10pt 0pt 10pt 0pt;
}
  
#perspective-top {
  color: #ffffff;
  text-align: middle;
  font-size: 8pt;
  font-weight: bold;
  padding: 2pt 0pt 2pt 0pt;
  display: block;
  text-align: center;
  font-variant: small-caps;
  background: #323291;
}

#perspective-mid {
  color: #000000;
  font-size: 8pt;
  font-weight: normal;
  display: block;
  background: #ffffff;
  padding: 3pt 5pt 3pt 5pt;
  line-height: 1.1em;
}

#perspective-mid img{
  width: 25pt;
  border: 1pt #D3D0D0 solid;
  float: left;
  margin: 0pt 3pt 3pt 0pt;
}

#perspective-bottom {
  font-size: 8pt;
  font-weight: normal;
  display: block;
  background: #E7E7E7;
  padding: 3pt 5pt 0pt 5pt;
  line-height: 1.6em;
}

#perspective-bottom a{
  color: 323291;
  padding: 0pt 3pt 0pt 0pt;
}

#perspective-bottom ul{
  margin: 0pt 0pt 0pt 10pt;
  list-style-position: outside;
}
#perspective-bottom li{
  list-style: none;
  list-style-image: url(../images/arrow-nav.gif);
  vertical-align: middle;
}

#justtext {
  text-align: justify;
}

#quotebox {
  float: right;
  margin: 0pt 0pt 0pt 8pt;
  padding: 0pt;
  background-color: #C6C6E3;
  width: 150px;
  text-align: left;
  border: 1pt solid #323291;
}

#quotebox img{
  float: right;
  padding: 0pt;
  margin: 0pt;
  width: 100%;
}

#quotebox .quotetext {
  padding: 2pt 2pt 2pt 2pt;
  width: 142px;
}

#quotebox .quotetext ul {
  margin: 0pt 0pt 0pt 0pt;
  padding: 0pt;
  list-style-position: outside;
}
  
#quotebox .quotetext li {
  list-style: none;
  list-style-image: url(../images/check-bluebg.gif);
  margin: 0pt 0pt 0pt 16pt;
}

#notebox {
  float: right;
  margin: 0pt 4pt 6pt 6pt;
  background-color: #FEFEFE;
  width: 150px;
  text-align: left;
}

#notebox img{
  float: right;
  padding: 0pt;
  margin: 0pt;
  width: 100%;
}

#notebox p {
  background-color: #C6C6E3;
  border: 1pt solid #323291;
  padding: 2pt;
}

.featuretable {
	border: 1pt solid #323291; 
	background: #C6C6E3;
}

.tablecell {
	border: 1pt solid #ffffff; 
	padding-right: 20pt; 
	padding-top: 15px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	vertical-align: top;
}

.tablecell2 {
	border: 1pt solid #ffffff; 
	padding: 20px; 
	vertical-align: top;
}

#demoform {
	padding: 3pt;
}

#demoform .demoelement {
	float: left; 
	padding: 2pt;
}

#demoform input	{
	font-size: 8pt;
}

input.login {
	width: 100px;
	height: 10px;
	font-size: 9px;
}

.error {
	padding-left: 20pt; 
	color: red; 
	font-weight: bold;
}

.error li {
	margin-left: 28pt; 
	padding-left: 0pt;
}.tableborder1 {
	border: thin dashed #666666;
}