/* LiveScribe CSS */
/* DO NOT LOCALIZE THIS CONTENT. That's what "global" means :) */
@import url('/css/nav_pre_sky.css');
@import url('/css/content_nav.css');
@import url('/css/base_layouts.css');
@import url('/css/shade.css');
@import url('/css/swf.css');
@import url('/css/forms.css');
@import url('/css/buttons.css');

body{
	background-color:#eeedee;
	/*background-image:url(/images/layout/bg_global.jpg);*/
	background-repeat:repeat-x;
	text-align:center;
	margin:0px;
	color:#666;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	line-height:16px;
}

.radio {
    width: auto !important;
}

.nounderline{
    border: none !important;
}

/* Chrome hack. Hide all direct children iframes from body. */

body > iframe {
    display:none;
}
img{
	border: 0px;
}

img.right { 
	float: right; 
	clear: right; 
	padding: 0 0 1em 1em 
}

A:link, A:active, A:visited{
	color: #359aaa;
	text-decoration: none;
	padding-bottom: 1px;
}

A:hover{
	/*text-decoration: underline;*/
	border-bottom: 1px dotted;
	padding-bottom: 0;
}

div.clear{
	position: relative;
	height: 1px;
	clear: both;
}

div.centered{
	margin-left:auto;
	margin-right:auto;
}

.topLevelWidth{
	width:900px;
}

div.contentAlign{
	text-align:left;
}

div.clearCenteringMargin div{
	margin:0px;
}

div.mast{
	position: relative;
	height:64px;
	width:864px;
	padding:16px 18px 3px 18px;
	margin-top: 15px;
	clear: both;
	background-image:url(/images/layout/bg_mast.gif);
	background-repeat:no-repeat;
	z-index: 600;
}

div.featureRule{
	position:relative;
	padding:0px 0px 6px 0px;
	background-repeat:repeat-x;
	background-position:0px bottom;
	z-index: 1;
	margin:0px auto;
	line-height:1px;
}

div.featureRule *{
	position: relative;
	z-index: 1;
	margin:0px;
}

div.releaseDate{
	position:relative;
	padding:0px;
	z-index: 1;
	font-size: 1em;
	font-weight: normal;
	font-style: oblique;
	text-align: right;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div.orangeLine{
	background-image:url(/images/lines/bg_featureRule_orange.gif);
}

div.greenLine{
	background-image:url(/images/lines/bg_featureRule_green.gif);
}

div.dkblueLine{
	background-image:url(/images/lines/bg_featureRule_dkblue.gif);
}

div.ltblueLine{
	background-image:url(/images/lines/bg_featureRule_ltblue.gif);
}

div.redLine{
	background-image:url(/images/lines/bg_featureRule_red.gif);
}

div.mdredLine{
	background-image:url(/images/lines/bg_featureRule_mdred.gif);
}

div.dkgreyLine{
	background-image:url(/images/lines/bg_featureRule_dkgrey.gif);
}

div.chromeLine{
	background-image:url(/images/lines/bg_featureRule_chrome.gif);
}

div.noChromeLine{
	padding-bottom: 0px;
}

a.cta:link, a.cta:active, a.cta:visited{
	padding:3px 30px 7px 0px;
	background-image:url(/images/layout/bg_link_cta.gif);
	background-repeat:no-repeat;
	background-position:100% 0px;
	font-size:11px;
	height: 22px;
	text-transform:uppercase;
	text-decoration:none;
	color:#5A676B;
	display: inline-block;
}

a.cta:hover{
	border-bottom: none;
	color: #359aaa;
}

a.goarrow:link, a.goarrow:active, a.goarrow:visited{
	padding:3px 30px 7px 0px;
	background:transparent url(/images/layout/bg_link_cta.gif) no-repeat scroll 100% center;
	height: 22px;
	text-decoration:none;
	color:#5A676B;
	display: inline-block;
}

a.goarrow:hover{
	border-bottom: none;
	color: #359aaa;
}

/* Dark to light color scheme */

img.footerHr{
	/*opacity:.2;
	filter:alpha(opacity="20");*/
	margin-bottom:9px;
}

br.clearer{
	clear:both;
}

.smallink{
font-size: 9px;
}

.dimmer {
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-color: black;
z-index: 998;
}

#datasheet {
border: 1px solid #CCCCCC;
}

.col2 .devcenter{
width: 256px !important;
}
.col2 .devcenter input{
width: 140px; !important;
}

.textfield{
border: 1px solid #CCCCCC;
background-color:#FFFFFF;
margin: 1px;
font-size:10px;
}

.right {
float: right;
clear:right;
}

.devcenter hr{
border: none;
border-bottom: 1px dotted #999999;
}


.btn{
	position: relative;
	padding: 0px;
	text-align: center;
	display: inline;
	top: -4px;
	margin-left: 0px;
	margin-right: 0px;

}
.btn input{
	margin: 0px;
	padding: 0px;
	color: #Dbe7eb;
	font-size: 11px;
	font-family: arial, verdana, 'sans serif';
	top: -5;
	cursor: pointer;
	font-weight: bold;
	background: transparent url(/images/layout/cons/btn_bg.gif) repeat-x;
	border: none;
	height: 20px;
}

img.lft{
	position: relative;
	top: 5px;
	width: 9px;
	height: 20px;
	background: transparent  url(/images/layout/cons/btn_left.png) no-repeat;
}

img.rt{
	position: relative;
	top: 5px;
	width: 9px;
	height: 20px;
	background: transparent  url(/images/layout/cons/btn_rt.png) no-repeat;
}

div.bottombanner {
	text-align: center;
	margin: auto;
}

div.bottombanner a:link, div.bottombanner a:visited, div.bottombanner a:hover {
	text-decoration: none;
	border: none;
}

/*********** FOOTER STYLES ***********************/
/* (Against dark to light background ) **/
#footer{
	position:relative;
	padding-top:0px;
	font-family:verdana, arial, sans-serif;
	font-size: 9px;
	color: #4b4b4b;
	width: 900px; 
	margin-bottom: 10px; 
	z-index: 997; 
	line-height: 14px; 
	letter-spacing: 0.005em;
}


#footer .legal a, #footer .legal a:link, #footer .legal a:active, #footer .legal a:visited{
    color: #018296;
	font-size: 9px;
}

#footer a.anotofooter, #footer a.anotofooter:link, #footer a.anotofooter:active, #footer a.anotofooter:visited {
    color: #4b4b4b;
	font-size: 9px;
}

.footer_top{
    background-image: url(/images/layout/footer_top_bg2.gif);
}

.footer_btm{
    background-image: url(/images/layout/footer_btm_bg2.gif);
}

.footer_top, .footer_btm{
    font-size:0px;
    background-repeat: no-repeat;
    width:900px;
    height:8px !important;
    margin: 0px;
    padding: 0px;
    clear:both;
    _line-height: 0px;
}

.footer_body{
    float:left;
    background-color: #afb3b4;
    width:900px;
    padding: 3px 0px;
    margin:0px;
    position: relative;
}

.footer_body .copyright{
    float:left;
    margin-left: 10px;
	width: 600px;
	text-align: left;
}

.footer_body .legal{
    float:left;
	margin-left: 10px;
	text-align: left;
	width:880px;
}

#intl_selector { 
    font-size: 10px;
    float: right;
    margin: 0px 8px 0px 4px;
    padding-right:17px;
    background-image: url(/images/layout/drop_down_arrow2.gif);
    background-repeat: no-repeat;
    background-position: right center;	
    text-align:right;
    width:auto;
    cursor: pointer;
    display:block;
}

#selected_country.en-us {
    background-image:url(/images/layout/flags/intl_us.gif);
}

#selected_country.uk {
    background-image:url(/images/layout/flags/intl_uk.gif);
}

#selected_country.au {
    background-image:url(/images/layout/flags/intl_au.gif);
}

#selected_country.ca, #selected_country.en-ca, #selected_country.fr-ca{
    background-image:url(/images/layout/flags/intl_ca.gif);
}

#selected_country.de {
    background-image:url(/images/layout/flags/intl_de.gif);
}

/* no specific logo for global spanish website
#selected_country.es {
    background-image:url(/images/layout/flags/intl_es.gif);
}*/

#selected_country.fr {
    background-image:url(/images/layout/flags/intl_fr.gif);
}

#selected_country{

    background-position:left center;
    background-repeat:no-repeat;
    padding-left:20px;
}

ul.intl_dropdown{
    list-style:none outside none;
    margin: 0px;
    padding: 3px;
    padding-bottom: 13px;
    text-align:left;
    z-index:600;
    position: absolute;
    bottom: 30px;
    right: 0px;
    background-color: #afb3b4;
    visibility: hidden;
}


ul.intl_dropdown li{
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    display: block;
    width: auto;
    _width: 0px; /*for IE6*/
    
}

ul.intl_dropdown li a, ul.intl_dropdown li a:link, ul.intl_dropdown li a:active, ul.intl_dropdown li a:visited{
    color: #4b4b4b;
    padding: 3px 6px;
    margin: 0px;
    display: block;
    text-decoration: none;
    outline: none;
    line-height: 14px;
    width: auto;
    _width: 0px; /*for IE6*/
}

ul.intl_dropdown li a:hover{
    
    background-color: #eeeeee;
    color: #018296;
    text-decoration: none;
    border-bottom:0px;
}

.the_selector:hover > ul.intl_dropdown{
    visibility: visible;
}

ul.intl_dropdown li.breaker{
    border-bottom:1px solid #eeeeee;
    font-size:0px;
	margin:4px 0px;
    line-height: 0px;
    _height:0px;/*for IE6*/
}


/**** Intl Selector in LD*****/
#intl_selector_LD { 
	padding-right:17px;
	padding-left: 10px;
	padding-bottom: 1px;
	background-image: url(/images/layout/drop_down_arrow_2.gif);
	background-repeat: no-repeat;
	background-position: right center;	
	cursor: pointer;
	margin:0px;
	margin-right: 10px;
	display: block;
	min-width: 65px;
	width: auto !important;	
	*max-width: 140px;
}
		
#intl_selector_LD #selected_country{
	padding-left:25px;
	float: right;
}

ul.tnav li ul.intl_dropdown_LD{
	list-style:none outside none;
	margin: 0;
	padding: 3px;
	text-align:left;
	z-index:600;
	position: absolute;
	top: 26px !important;
	right: -11px !important;
	background-color: #8faab1;
	font-size: 11px;
	visibility: hidden;
	border-bottom: 1px solid #7e888a;
	border-right: 1px solid #7e888a;
	border-left: 1px solid #7e888a;
	width: auto !important;
	display:block !important;
}

ul.tnav li ul.intl_dropdown_LD li{
	background: none;
	display:block;
	padding: 0px;
	font-weight: normal;
}

ul#tnavList li ul.intl_dropdown_LD li a{
	padding: 3px 6px !important;
}

ul.tnav li ul.intl_dropdown_LD li a, ul.tnav li ul.intl_dropdown_LD li a:link, ul.tnav li ul.intl_dropdown_LD li a:active, ul.tnav li ul.intl_dropdown_LD li a:visited{
	color:#FFFFFF;
	padding: 3px 6px;
	margin: 0px;
	display: block;
	text-decoration: none;
	outline: none;
	line-height: 14px;
}

ul.tnav li ul.intl_dropdown_LD li a:hover{
	background: #4e5b5f;
	color:#FFFFFF;
	text-decoration: none;
	border-bottom:0px;
}

#clicktrail {
	color: #999;
	font-size: 10px;
	height: 22px;
	margin-top: 10px;
	padding-left: 10px;
}
#clicktrail a { color: #359AAA; }

.the_selector:hover > ul.intl_dropdown_LD{
	visibility: visible;
}

ul.intl_dropdown_LD li.breaker{
	border-bottom:1px solid #4e5b5f;
	font-size:0px;
	margin:4px 0px;
	height:0px;
	color: #4e5b5f;
	line-height: 0px;
}