/*-- this is CSS for the content area --*/

#content div, .modal-body div {

	width:auto;

	font-family: Arial;

	font-size:12px;

	color:#707176;

}





#content a.action, .action {

	font-family:Arial;

	font-weight:bold;

	color:#008fd1;

	text-decoration:none;

}





#content a.actionblack, .actionblack {

	font-family:Arial;

	font-weight:bold;

	color:#008fd1;

	text-decoration:underline;

}



#content a, #left_col a, .modal-body a {

	font-family:Arial;

	font-weight:bold;

	color:#008fd1;

	text-decoration:none;

}

#content div.infobox {

	border: solid #e8e8eb 1px;

	border-top: none;

	border-bottom: none;

	width: 611px;

	margin: 0 auto;

}



#content h2.manufacturer,

#content td, #left_col td, .modal-body td {

	font-family: Arial;

	color:#73787d;

}

#content h2.manufacturer { 

	padding: 1px 6px 5px 6px;

	font-weight:bold; 

	margin:0 0 0 0; 

	font-size:13px;

	background:url(http://www.telenav.com/include/images/tnt/header-5.gif) no-repeat left top; 

	line-height:12px;

	cursor:pointer;

	vertical-align:baseline;

}



#content .manufacturer .devicecount {

	right:6px;

	font-weight:normal;

	font-size:11px;

	line-height:12px;

	position:absolute;

	padding-right: 20px;

	background-image: url(http://www.telenav.com/include/images/toggle-up-down-73787d.png);

	background-repeat: no-repeat;

	background-position: right top;

}

#content .manufacturer.active .devicecount {

	background-position: right bottom;

}



#content em, #left_col em, .modal-body em { 

    font-style: italic;

    font-weight: inherit;

}



#content strong, #left_col strong { 

    font-style: inherit;

    font-weight: bold;

}

	



#content .chart td {

    font-family: Arial;

    padding:3px;

	color:#535960;

	border-right:dotted #CCCCCC 1px;

}



#content .chart { 

    width:611px;

    border:none;

    border-collapse:collapse; 

    border-spacing:0; 

    background-color:transparent;

	margin-top:6px;

}

	



#content .chart-blue td {

    font-family: Arial;

    padding:3px;

	color:#535960;

}



#content .chart-blue { 

    width:611px; 

    border:0px;

    border-collapse:collapse; 

    border-spacing:0; 

    background:transparent;

}



#content h1, #left_col h1 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:22px;

	line-height:28px;

	font-weight:bold;

	color:#1e73a9;

	margin:0 0 0 0;

	padding:6px 0 1px 0;

	}

	

	

#content h2, #left_col h2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	line-height:22px;

	font-weight:normal;

	color:#1e73a9;

	margin:0 0 0 0;

	padding:1px 0 12px 0;

	}

	

	

#content h3, #left_col h3, .modal-body h3 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	line-height: 20px;

	font-weight:bold;

	color:#38393b;

	margin:0px;

	padding:4px 0 1px 0;

	}

	



#content h4, #left_col h4, .modal-body h4 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	line-height:18px;

	font-weight:normal;

	color:#38393b;

	margin:0;

	padding:1px 0 8px 0;

	}





#content h5, #left_col h5, .modal-body h5 {

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:18px;

	font-weight:bold;

	font-style:italic;

	color:#38393b;

	margin:0;

	padding:3px 0 3px 0;

	}



#content p, #left_col p, .modal-body p {

	margin:0;

	padding:0;

	padding-bottom:1em;

	font-family: Arial;

	font-size:12px;

	color:#707176;

	line-height: 150%;

	}



#content hr, #left_col hr, div.hr, .modal-body hr { 

	position:relative;

	height:1px;

	overflow:hidden;

	background: transparent;

	outline:none;

	border:0;

	border-top:dotted #cccccc 1px;

	margin-top:0;

	margin-bottom:1em;

	padding:0;

    float:none;

    clear:both;

}





#content ul, #left_col ul, .modal-body ul {

	padding: 0 0 1em 1.35em;

	list-style-type: disc;

	font-family: Arial, Helvetica, sans-serif;

	color:#707176;

	font-size:100%;

	line-height: inherit;

	

}





#left_col ul li {

	font-family: Arial, Helvetica, sans-serif;

}



#content .subtext {	

    font-family: Arial, Helvetica, sans-serif;;

	font-size:85%;

	color:#535960;

	line-height:110%;

}



#content a.subtext {

	color:#008fd1;

}



.imginlineright {

	clear: right;

	padding-bottom: 0px;

	padding-left: 6px;

}



.imginlineleft {

	clear: left;

	padding-bottom: 0px;

	padding-right: 6px;

}

.contentol {

    list-style-type: decimal;

    margin: 0 0 0 1em;

    padding: 0 0 1em 1em;

}

.contentol li {

    margin-bottom: 1em;

}





/*-----PR index page-----*/

span.leftpr {

    display: block;

    float: left;

    width: 9em;

}

span.rightpr {

    display: block;

    margin-left: 9em; 

}

a.rightpr {

	font-family:Arial;

	font-weight:bold;

	color:#008fd1;

	text-decoration:none;

}

/*Only IE-win sees this. Hacks the 3px bug in IE \*/

* html .rightpr {

    height: 1%;

    margin-left: 0;

}

/*PR index page ends*/





OL { list-style-type: decimal; padding-left: 40px;}







ul.prettylist

{

list-style-type: none;

padding: 0;

margin: 0;

}



li.prettylist

{

background-image: url(http://www.telenav.com/include/images/arrow_blue_00.gif);

background-repeat: no-repeat;

background-position: 0 .4em;

padding-left: 1em;

}



/* CSS Document */

#middle #content #loading {

	text-align: center;

	width: 611px;

	padding-top: 52px;

	clear: both;

}

#middle #content #loading .infobox h2.manufacturer {

	height: 305px;

	padding-top: 26px;

}

a#show-all-devices {

	background-attachment: scroll;

	background-image: url(http://www.telenav.com/include/images/toggle-up-down-73787d.png);

	background-repeat: no-repeat;

	background-position: left top;

	display: block;

	height: 12px;

	width: 15px;

	position: relative;

	outline:none;

	float: right;

	margin-right: 4px;

	margin-top: 3px;

}

a#hide-all-devices {

	background-attachment: scroll;

	background-image: url(http://www.telenav.com/include/images/toggle-up-down-73787d.png);

	background-repeat: no-repeat;

	background-position: left bottom;

	display: block;

	height: 12px;

	width: 15px;

	position: relative;

	outline:none;

	float: right;

	margin-top: 3px;

}