/************************************************************
*  TAG STYLES
************************************************************/

body {
 font-size: 71%;
 margin:0;
 padding:0;
 background-color: #e9e9e9;
 background-image:url(/site/pix3/wrap.gif);
 background-position:center;
 background-repeat:repeat-y; 
  }
  
@media screen and (max-device-width: 480px) { /*iPhone only*/

body {-webkit-text-size-adjust:122%;}

}

div, span, label, tr, td, th, h1, h2, h3, h4, h5, a {
 font-family: verdana,sans-serif,arial,helvetica;
 color: #000000;
 font-size: 1em;
 line-height:1.3em;
}

li {
padding-bottom:8px;
}

a, a:visited {
 color: #0033cc;
}

a:hover {
 color: #cc0000;
 text-decoration: underline;
}	

 
table {
 margin: 0px;
 padding: 0px;
}

form {
 margin: 0px;
 padding: 0px;
 display: inline;
}

img {
 border: 0px;
}

h1 {
 font-size: 2.2em;
 color: #003333;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 5px;
}

h2 {
 font-size: 1.6em;
 color: #003333;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
}

h3 {
 font-size: 1.3em;
 color: #003333;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 20px;
 margin-bottom: 10px;
}

h4 {
font-size:1.1em;
font-weight:bold;
margin:0;
padding:0;
}

/************************************************************
* LAYOUT
* Used in template: header.tpl
************************************************************/

.lore_splash_header {
 color: #ffffff;
 font-size: 1.4em;
 font-weight: bold;
 padding: 0px; 
 padding-left: 10px;
 text-align: left;
 vertical-align: middle;
 background: url("../images/bkgd_top.gif") repeat-x;
 height: 58px;
}

.lore_top_buttons {
 padding-right: 15px; 
 width: 20%;
 vertical-align: middle;
 background: url("../images/bkgd_top.gif") repeat-x;
}

.lore_option_tab {
 background-color: #97c6c6;
 color: #003333;
 font-size: 1em;
 padding: 9px;
 text-align: center;
}

.lore_left_panel {
 background-color: #f4f4f4;
 padding: 2px;
 border: 2px solid #006666;
 width: 190px;
}

.left_panel_search {
padding-bottom:25px;
font-weight:bold;
}

.lore_content {
 padding: 10px;
}

/************************************************************
* COMMON
************************************************************/

.lore_normal_font {
 font-size: 1em;
 font-weight: normal;
}

.lore_small_font {
 font-size: .95em;
 font-weight: normal;
}

.lore_button {
 border: 1px solid #003333;
 background-color: #60a7a7;
 color: white;
 font-size: 1em;
 margin-top: 2px;
}

.lore_search_button {
  vertical-align:bottom;
	border:none;
	margin-bottom:1px;
}

.lore_content_box {
 
 margin-left: 5px;
 margin-right: 5px;
}

/************************************************************
* BREADCRUMB
* Used in template: header.tpl
************************************************************/

.lore_breadcrumb {
 background-color: #f4f9f9;
 font-size: 1em;
 font-weight: normal;
 padding: 3px;
 padding-left: 10px;
 text-align: left;
 border-bottom: 1px dotted #999999;
}

.lore_breadcrumb_current {
 font-weight: bold;
}

/************************************************************
*  LINKS
************************************************************/

a.lore_normal_link:link, a.lore_normal_link:visited {
 font-weight: bold;
 font-size: 1em;
 color: #117668;
 text-decoration: none;
}

a.lore_normal_link:hover {
 color: #117668;
 text-decoration: underline;
}

a.lore_small_link:link, a.lore_small_link:visited {
 font-size: .9em;
 color: #0a4b42;
 text-decoration: none;
}

a.lore_small_link:hover {
 color: #0a4b42;
 text-decoration: underline;
}

a.lore_dark_link:link, a.lore_dark_link:visited {
 font-size: .9em;
 color: #000000;
 text-decoration: none;
}

a.lore_dark_link:hover {
 color: #000000;
 text-decoration: none;
}

a.lore_light_link:link, a.lore_light_link:visited {
 font-size: .9em;
 color: white;
 text-decoration: none;
}

a.lore_light_link:hover {
 text-decoration: none;
}

a.lore_glossary_term_link:link, a.lore_glossary_term_link:visited {
 font-size: 1em;
 font-weight: bold;
 cursor: help;
 border-bottom: 1px dotted;
 text-decoration: none;
}

a.lore_glossary_term_link:hover {
 text-decoration: none;
}

a.btmnavlnk:link, a.btmnavlnk:visited {
	color: #0033cc;
	text-decoration: underline;
	}
	
a.btmnavlnk:hover {
	color: #990000;
	text-decoration: underline;
	}
	
a.mlnk:link, a.mlnk:visited { 
  color: #ffffff;
	text-decoration: none; 
	}
	
a.mlnk:hover { 
	color: #000000;
	text-decoration: none;  
	}
	
a.lore_splash_header_link:link, a.lore_splash_header_link:visited {
  color: #ffffff;
  text-decoration: none; 
  }
	
a.lore_splash_header_link:hover {
  color: #ffffff;
  text-decoration: none; 
  }  

/************************************************************
* GLOSSARY TERM POP-UP
* Used in template: glossary_term.tpl
************************************************************/

.lore_glossary_term_popup {
 border: 1px solid #b2b1b1;
 background-color: #f5f5f5;
}

.lore_glossary_term_popup_caption {
 font-size: 1em;
 font-weight: bold;
 color:#000000;
 background-color:#97c6c6;
 margin-bottom: 5px;
 padding: 5px;
}

.lore_glossary_term_popup_definition {
 font-size: .9em;
 padding: 5px;
}

/************************************************************
* CATEGORY TREE
* Used in template: category_tree.tpl
************************************************************/

div.lore_category_tree_base a, div.lore_category_tree_base a:visited {
 display: block;
 text-decoration: none;
 font-size: 1.1em;
 font-weight:bold;
 background-color: #006666;
 color: #ffffff;
 margin: 0px;
 padding:4px;
}

div.lore_category_tree_base a:hover {
 display: block;
 text-decoration: underline;
 font-size: 1.1em;
 font-weight:bold;
 background-color: #006666;
 color: #ffffff;
 margin: 0px;
 padding:4px;
}

div.lore_category_tree_category a, div.lore_category_tree_category a:visited {
 display: block;
 text-decoration: none;
 font-size: 1em;
 background-color: #f4f4f4;
 color: black;
 padding: 4px;
 margin: 0px;
}

div.lore_category_tree_category a:hover {
 display: block;
 text-decoration: none;
 font-size: 1em;
 background-color: #f4f4f4;
 color: #cc3333;
 padding: 4px;
}

div.lore_category_tree_current_category a, div.lore_category_tree_current_category a:visited {
 display: block;
 text-decoration: none;
 font-size: 1em;
 font-weight: bold;
 background-color: #97c6c6;
 color: black;
 padding: 4px;
 margin: 0px;
 margin-top:1px;
}

div.lore_category_tree_current_category a:hover {
 display: block;
 text-decoration: none;
 font-size: 1em;
 font-weight: bold;
 background-color: #97c6c6;
 color: #cc3333;
 padding: 4px;
 margin: 0px;
 margin-top:1px;
}

/*div.lore_category_tree_current_category {
	vertical-align: middle;
  background-image: url(http://www.iliumsoft.com/site/support/kb/styles/iliumsoft/images/arrow_down.gif);
  background-position:left;
  background-repeat:no-repeat;  	
  text-indent:11px;
}

div.lore_category_tree_category {
	vertical-align: middle;
  background-image: url(http://www.iliumsoft.com/site/support/kb/styles/iliumsoft/images/arrow.gif);
  background-position:left;
  background-repeat:no-repeat;  	
  text-indent:11px;
}*/

/************************************************************
* CATEGORY LISTING
* Used in template: categories.tpl
************************************************************/

.lore_category {
 padding: 5px
}

/************************************************************
* ARTICLE PAGE
* Used in template: article.tpl
************************************************************/

.email_print_section {
 text-align:center;
 margin-top:15px;

}

.email_print_section img {
 vertical-align:middle;
}
 
.lore_article_info_box {
 font-size: .95em;
 background-color: #ffffff;
 border: 1px dotted #999999;
 text-align: left;
 margin-bottom: 3px;
 padding: 5px
}

.lore_article_info_box img {
 vertical-align:middle;
}

.lore_attachment_box {
 background-color: #f4f4f4;
 padding: 2px;
 border: 2px solid #006666;
 width: 190px;
 font-size: .95em;
}

.lore_attachment_box_header {
 text-decoration: none;
 font-size: 1.1em;
 font-weight:bold;
 background-color: #006666;
 color: #ffffff;
 margin: 0px;
 margin-bottom:5px;
 padding:4px;
}

.lore_article_info_box_label {
 background-color: #f0f0f0;
 font-size: 1em;
 padding: 3px;
 text-align: right;
}

.lore_article_info_box_data {
 font-size: 1em;
 padding: 3px;
 text-align: left;
}

.lore_article_content {
 
 padding: 5px;
 padding-left: 0px;
 font-size: 1em;
}

.lore_article_admin_options {
 padding: 5px;
 font-size: 1em;
 font-weight: bold;
 background-color: #f0f0f0;
 border: 1px dotted #117668;
}

.lore_article_comments {
 margin-top: 10px;
 margin-left: 25px;
 margin-right: 25px;
}

.lore_article_comment {
 font-size: 1em;
 margin: 10px;
 text-align: left;
}

.lore_article_comment_header {
 font-size: 1em;
 font-weight: normal;
 padding: 3px;
 background-color: #fafafa;
 border: 1px dotted #cccccc
}

.lore_article_comment_content {
 font-size: 1em;
 font-weight: normal;
 padding: 10px;
 text-align: left;
}

.hardware caption {
padding-bottom:3px;
font-weight:bold;
color:#003333;
font-size:15px;
}

.hardware {
	width:100%;
}

.hardware td {
	border:1px solid #cccccc;
	padding-left:2px;
	padding-right:2px;
}

.hardware th {
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background-color:#a0a0a0;
}

.platform {
	background-color:#dedede;
	text-align:center;
	font-weight:bold;
	width:25%;
}

.currver {
	width:75%;
}

.currver td {
	border:1px solid #cccccc;
	padding-left:3px;
	text-align:center;
}

.currver th {
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background-color:#a0a0a0;
}

.verplat {
	background-color:#dedede;
	font-weight:bold;
	width:40%;
}

.noliststyle li {list-style-type:none;padding-bottom:11px;}

/*ew importer articles*/
.t1 { text-align: left; border: 1px solid #aaaaaa; padding: 1px 6px 1px 2px }
.te { border: 1px solid #aaaaaa; padding: 1px 5px 1px 2px }
.t2 { border: 1px solid #000000; padding: 1px 4px 1px 4px; background: #dddddd }
.tf { font-size: 9px; border: 1px solid #333333; padding: 1px 5px 1px 2px }
.ewitable1 {border: 1px solid #aaaaaa; border-collapse: collapse; border-spacing:0}
.ewitable2 {margin:15px;border: 1px solid #000000; border-collapse: collapse; border-spacing:0}

/************************************************************
* ARTICLE LISTINGS
* Used in templates: articles.tpl, article_short.tpl
************************************************************/

.lore_article {
 margin-bottom: 5px;
}

.lore_article_featured {
 margin-bottom: 5px;
}

.lore_article_preview_font {
 color: #404040;
 font-size: 1em;
}

.lore_article_details_font {
 color: #808080;
 font-size: .9em;
}

/************************************************************
* FORMS
* Used in templates: contact_form.tpl, email_article.tpl,
*                    comment.tpl
************************************************************/

.lore_form_table {
 background-color: white;
 border: 0;
 margin-left: 30px
}

.lore_form_field_info {
 font-size: 1em;
 padding: 3px;
 margin: 3px;
 background-color: #f5f5f5;
 border: 1px dotted #aaaaaa
}

.lore_form_field {
 font-size: 1em;
 padding: 3px;
 margin: 3px;
}

.lore_form_buttons {
 font-size: 1em;
 padding: 3px;
 margin: 3px;
 text-align: center
}

.lore_input {
 font-size: 1em;
 font-family: verdana,sans-serif;
 color: black;
 margin-left: 22px ;
 background-color: #f5f5f5;
 border: 1px solid #7f9db9;
}
.lore_input_no_indent {
 font-size: 1em;
 font-family: verdana,sans-serif;
 color: black;
 background-color: #f5f5f5;
 border: 1px solid #7f9db9;
}

.lore_form_error {
 color: red;
}

/************************************************************
*  PROGRAM MESSAGE/ERROR
************************************************************/

.lore_message {
 font-size: 1em;
 text-align: center;
 border: 1px dotted #cccccc;
 padding: 3px;
 margin: 10px
}

.lore_error_message {
 margin: 25px;
}

/************************************************************
* PRINTER-FRIENDLY ARTICLE
* Used in template: article_print.tpl
************************************************************/

.print_article_header {
 font-size: 18px;
 font-weight: bold;
 background-color: #f5f5f5;
 border: 1px dotted #bbbbbb;
 padding: 5px;
 margin: 5px;
}

.print_article_box {
 font-size: 12px;
 background-color: white;
 padding: 5px;
 margin: 5px;
}

/************************************************************
* CSS NEEDED FOR LAYOUT TO SHOW LIKE REST OF OUR SITE
************************************************************/

#whole {
  width: 770px; 
  background-color:#ffffff; 
  margin: 0 auto;
  }

#content {
  min-width: 740px ;  
  background-color: #fff ;
  overflow:hidden;
  position:relative;
  margin:0 auto;
  }
  
#maincol {
  display:inline;
  float: left ;
	width: 500px ;
	margin-left: 18px ;
  background-color: #fff ;
  }

#fatmaincol {
	width:600px; 
	margin:0 auto 0 auto ;
}

#kbmenucol {
  display:inline;
  float: right ;
  width: 200px ;
  margin-right: 15px ;
  margin-top: 4px ;
}

#smallmenus {
  display: none ;
  }

#foot {
  clear:both;
  width:710px; 
	margin-left:20px;
	border-top:1px solid #006666;
}


/************************************************************
* USED FOR THE TOP MENUS
************************************************************/

a.menuon, a.menuon:visited {
	min-width:60px;
	text-align:center;
	height:14px;
	background:url(/site/pix3/bg_menu_on.jpg) #FFFFFF repeat-x;
	margin-left:2px;
	padding:6px 10px 6px 10px;/*top right bottom left*/
	float:left;
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

a.menuoff, a.menuoff:visited {
	min-width:60px;
	text-align:center;
	height:14px;
	background:url(/site/pix3/bg_menu_off.jpg) #FFFFFF repeat-x;
	margin-left:2px;
	padding:6px 10px 6px 10px;/*top right bottom left*/
	float:left;
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
} /* padding seems a lot smaller in IE */

.text_submenu{
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#ffFFFF;
	margin-left: 33px ;
}
.text_submenu a, .text_submenu a:visited {
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#FFffFF;
	text-decoration:none;
}
.text_submenu a:hover{
	text-decoration:underline;
	color: #ffffff ;
}

.text_gray{
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#333333;
}
.text_gray a, .text_gray a:visited{
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.text_gray a:hover{
	text-decoration:underline;
	color: #055;
}

.submenu{
	height:23px; padding:7px; background-image:url(/site/pix3/bg_submenu.jpg); 
}

@media screen and (max-device-width: 480px) { /*iPhone only*/
  .submenu { 	
	  height:23px;
	  padding:2px; 
	  background-image:url(/site/pix3/bg_submenu.jpg); 	 
	  background-repeat:repeat-x;
  } 
}

.cssFormulario {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

.searchbutton 
{
  vertical-align:bottom;
	border:none;
	margin-bottom:1px;
}

@media screen and (max-device-width: 480px) { /*iPhone only*/

.searchbutton {
  vertical-align:middle;
	border:none;
	margin-bottom:1px;
  }

}

#links_top {
   padding-right: 15px ;
   padding-top: 6px ;
}
 
#menu 
{
  height:26px; 
  border:0px; 
  padding:0px; 
  margin-bottom:0px;
}

#menu a:hover
{
  color: #fff ;
}  

#smallmenus {
   display: none ;
   }

.dev_select {
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#333333;
  vertical-align:middle;
  background-color:#f2ffff;
  border:1px solid #009999;
	border-top:4px ridge #009999;
  padding:6px;
	margin-top:10px;
	margin-right:10px;
	width:217px;
	min-height:37px;
	
}

.dev_select img {
	border:none;
	float:right;
	padding:0px;
}

.dev_select a, .dev_select a:visited {
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#006666;
	text-decoration:underline;
}

.dev_select a:hover {
	text-decoration:none;
	color: #009999;
}

.iphn_user_link {
	margin-top:10px;
	margin-right:10px;
	font: 11px Tahoma, sans-serif;
	font-weight:bold;
	color:#333333;
}

.iphn_user_link a, .iphn_user_link a:visited {
	color:#006666;
	text-decoration:underline;
}

.iphn_user_link a:hover {
	text-decoration:none;
	color: #009999;
}

/*needed for the article that used to be the device guide on the site*/


.devGuideh1 { font-size:1.4em;font-weight:bold;color:#003333;line-height:1.3em; }
.devGuideh2 { font-size:1.2em;font-weight:bold;color:#003333;line-height:1.3em; }

.choice dt, dd {
padding-bottom:10px;
}

.choice dt {
font-weight:bold;
}

.break {
margin-bottom:30px;
border-top:1px solid #006666;
width:95%;
}

.devs {
width:100%;
}

.devs ul li {
padding-bottom:12px;
}

.devs td {
width:50%;
}

.hware li {
padding-bottom:3px;
}

.line {
margin-top:8px;
padding-bottom:12px;
border-top:2px solid #006666;
clear:both;
}

.version img {
float:right;
padding-left:3px;
vertical-align:middle;
}

.devType {
border:1px solid #006666;
border-right:none;
border-left:none;
padding-top:6px;
padding-bottom:6px;width:200px;
}

.devHomeScrn {
float:right;
padding-left:7px;
}

.iphnimg {
float:right;
padding-left:50px;
padding-bottom:15px;
}

/*end device guide article*/

/*eWallet vs. eWallet GO! comparison chart, article 515*/
.ew-ewgo-feat-compare {
width:100%;
border:1px solid #333333;
border-right:none;
margin:10px 0px 15px 0px;
}
.ew-ewgo-feat-compare th, .ew-ewgo-feat-compare td {
padding:5px;
border:1px solid #333333;
border-bottom:none;
border-left:none;
}
.ew-ewgo-feat-compare a {
color:#066aaa;
font-weight:bold;
text-decoration:none;
}
.ew-ewgo-feat-compare th {
font-size:1.1em;
font-weight:bold;
border-top:none;
color:#0a7365;
}
.feat-dot-td {
text-align:center;
width:25%;
}
.sup-td {
text-indent:17px;
}
.ewgo-ew-price {
font-size:1.1em;
font-weight:bold;
text-align:center;
width:25%;
}
/*end comparison chart styles*/