/* @override http://www.metalapse.com/dev/public_html/ew3/site1/sp_peekaboo/styles.css */

/* Styles for Site1 */

/* Reset Start - These are the Reset styles to zero all browsers to display CSS in the same way - this is a reduced version for the purposes of the tutorial. These are formatted on a single line ot keep them out of the way */
body,div,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
img { border:0; }
ul>li { list-style:none; }
/* Reset End */

/* Layout Styles */
body {
	font: normal 14px Arial, "Helvetica Neue", Verdana, sans-serif;
	color: #494949;
}

#container {
	min-height: 350px;
}

#wrap {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-left: 1px solid #cfcdc1;
	border-right: 1px solid #cfcdc1;
}

#topnav {
	height: 60px;
	background: #191919 url('../images/WebGraphics.png') no-repeat;
}

#topnav ul {
   float: right;
   height: 60px;
}

#topnav li {
	width: 100px;
	float: left;
	padding-top: 60px;
}

#topnav li#edge {
	width: auto;
}

#topnav li a {
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: block;
	padding-top: 7px;
	height: 30px;
	background: url("../images/btn3.jpg") no-repeat;
}

#topnav li a:hover {
	background: url("../images/btn4.jpg") no-repeat;
}

#masthead {
	height: 110px;
	overflow: hidden;
}

#container {
    overflow: hidden;
}

#left_col,
#center_col,
#right_col {
	width: 33%;
	float: left;
}

#center_col,
#right_col {
	border-left: 1px solid #cfcdc1;
    margin-bottom: -2500px;
    padding-bottom: 2500px;
}

#right_col a {
	display: block;
}

#right_col img.custom {
	padding-right: 10px;
	width: 60px;
	float: left;
}

#right_col p tt {
	background: url("../images/phone.png") no-repeat;
	padding-left: 25px;
	font-size: 13px;
}

#lower_col {
	clear: both;
	background-color: #eae8dd;
	margin-top: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}

#lower_col img {
	float: right;
	padding: 20px 40px 10px;
}

#lower_col_left,
#lower_col_center {
	width: 33%;
	float: left;
}

#footer {
	height: 20px;
	background-color: #cbc9c0;
	padding: 5px 20px 0;
	color: #99947c;
	clear: both;
}

#footer.solo {
	margin-top: 10px;
}

#footer ul {
   float: right;
}

#footer ul li {
   float: left;
}

#footer ul li a {
   color: #FFF;
   text-decoration: none;
   padding: 0 5px;
}

/* ------------------------------------------------------------------------------------------------- */
/* Page Specific Layout Styles                                                                       */

#home_page #left_col {
	display: none;
}
#home_page #center_col {
	width: 66%;
}
#home_page #right_col {
	width: 33%;
}
#home_page #masthead {
	background: #cfcdc1 url("../images/banner_2.jpg") no-repeat;
}

/* ------------------------------------------------------------------------------------------------- */

#prod2_page #left_col {
	width: 25%;
}
#prod2_page #center_col {
	width: 74%;
}
#prod2_page #right_col {
	display: none;
}
#prod2_page #lower_col {
	display: none;
}
#prod2_page #masthead {
	background: #cfcdc1 url("../images/banner_3.jpg") no-repeat;
}

/* ------------------------------------------------------------------------------------------------- */

#docs_page #left_col {
	width: 25%;
}
#docs_page #center_col {
	width: 74%;
}
#docs_page #right_col {
	display: none;
}
#docs_page #lower_col {
	display: none;
}
#docs_page #masthead {
	background: #cfcdc1 url("../images/banner_8.jpg") no-repeat;
}

/* ------------------------------------------------------------------------------------------------- */

#kernel_page #left_col {
	width: 20%;
}
#kernel_page #center_col {
	width: 50%;
}
#kernel_page #right_col {
	width: 24%;
}
#kernel_page #lower_col {
	display: none;
}
#kernel_page #masthead {
	background: #cfcdc1 url("../images/banner_5.jpg") no-repeat;
}

/* ------------------------------------------------------------------------------------------------- */

#demos_page #left_col {
	width: 25%;
}
#demos_page #center_col {
	width: 74%;
}
#demos_page #right_col {
	display: none;
}
#demos_page #lower_col {
	display: none;
}
#demos_page #masthead {
	background: #cfcdc1 url("../images/banner_6.jpg") no-repeat;
}

/* ------------------------------------------------------------------------------------------------- */

#free_page #left_col {
	width: 25%;
}
#free_page #center_col {
	width: 74%;
}
#free_page #right_col {
	display: none;
}
#free_page #lower_col {
	display: none;
}
#free_page #masthead {
	background: #cfcdc1 url("../images/banner_7.jpg") no-repeat;
}

/* ------------------------------------------------------------------------------------------------- */

#about_page #left_col {
	width: 66%;
}
#about_page #center_col {
	display: none;
}
#about_page #right_col {
	width: 33%;
}
#about_page #lower_col {
	display: none;
}
#about_page #masthead {
	background: #cfcdc1 url("../images/banner_7.jpg") no-repeat;
}



body#about_page #about_nav a,
#news_page #left_col {
	width: 95%;
}

#usb_page #left_col,
#tcp_page #left_col,
#usb_page #center_col,
#tcp_page #center_col,
#news_page #center_col,
#rightbsp_col {
	display: none;
}

#news_page #lower_col,
#news_page #right_col,

#kernel_page #masthead {
	background: #cfcdc1 url("../images/banner_5.jpg") no-repeat;
}

#usb_page #masthead {
	background: #cfcdc1 url("../images/usb_1.jpg") no-repeat;
}

#usb_page #masthead.target {
	background: #cfcdc1 url("../images/banner_1.jpg") no-repeat;
}

#usb_page #masthead.hub {
	background: #cfcdc1 url("../images/hub_1.jpg") no-repeat;
}

#usb_page #masthead.filesys {
	background: #cfcdc1 url("../images/filesys_1.jpg") no-repeat;
}

#usb_page #masthead.fat {
	background: #cfcdc1 url("../images/fat_1.jpg") no-repeat;
}

#usb_page #masthead.slim {
	background: #cfcdc1 url("../images/slim_1.jpg") no-repeat;
}

#usb_page #masthead.lite {
	background: #cfcdc1 url("../images/lite_1.jpg") no-repeat;
}

#usb_page #masthead.scale {
	background: #cfcdc1 url("../images/scale_1.jpg") no-repeat;
}

#usb_page #masthead.speed {
	background: #cfcdc1 url("../images/perform_1.jpg") no-repeat;
}

#usb_page #masthead.safefat {
	background: #cfcdc1 url("../images/safe_1.jpg") no-repeat;
}

#usb_page #masthead.audio {
	background: #cfcdc1 url("../images/audio_1.jpg") no-repeat;
}

#usb_page #masthead.acm {
	background: #cfcdc1 url("../images/acm_1.jpg") no-repeat;
}

#usb_page #masthead.hid {
	background: #cfcdc1 url("../images/hid_1.jpg") no-repeat;
}

#tcp_page #masthead,
#usb_page #masthead.rndis {
	background: #cfcdc1 url("../images/ether_1.jpg") no-repeat;
}

#news_page #masthead {
	background: #cfcdc1 url("../images/banner_8.jpg") no-repeat;
}

/* Tag Styles */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
    font-size: 1.2em;
	padding: 15px 25px 10px;
}

h1#menu {
	padding-top: 25px;
}

h2 {
	font-size: 1.4em;
}

/* Page Block Elements */

/*Identifies the active page*/

body#home_page #home_nav a,

body#prod2_page #prod2_nav a,

body#docs_page #docs_nav a,

body#kernel_page #kernel_nav a,

body#demos_page #demos_nav a,

body#free_page #free_nav a,

body#usb_page #usb_nav a,
body#usb_page #usb_dev_nav a,
body#usb_page #usb_host_nav a,
body#usb_page #usb_otg_nav a,
body#usb_page #usb_audio_nav a,
body#usb_page #usb_hid_nav a,
body#usb_page #usb_msd_nav a,
body#usb_page #usb_rndis_nav a,
body#usb_page #usb_cdc_nav a,

body#tcp_page #tcp_nav a,

body#news_page #news_nav a {
	text-decoration: underline;
}

#center_col ol {
	padding: 0 20px 0 35px;
    list-style-image: url("../images/Bullet-Orange.gif");
	list-style-position: outside;
}

#left_col ol.bsp {
	padding: 10px 20px 0 35px;
    list-style-image: url("../images/Bullet-Orange.gif");
	list-style-position: outside;
}

#lower_col a {
	font-weight: bold;
}

#lower_col a:link,
#lower_col a:visited {
	color: #99947c;
	text-decoration: none;
}

#lower_col a:hover {
	color: #000;
}

#lower_col ol {
	font-weight: normal;
}

#lower_col p {
	padding-left: 20px;
	font-weight: normal;
}

#lower_col ul {
	padding-left: 25px;
	font-weight: bold;
}

#lower_col ul>li {
	padding: 5px 0 5px 20px;
}

#lower_col_left ol,
#lower_col_center ol {
	list-style: none;
	padding-left: 25px;
	font-weight: bold;
}

#lower_col_left ol li,
#lower_col_center ol li {
	background: url("../images/tick.png") no-repeat 0 3px;
	padding: 5px 0 5px 22px;
}

#right_col ol {
    padding: 15px 10px 10px 20px;
    list-style: none;
}

#right_col ol li {
    background: url("../images/Bullet-Chevron.gif") no-repeat 0 3px;
    padding-left: 13px;
	padding-bottom: 3px;
}

#right_col ol ol {
    padding: 0 10px 0 13px;
}

#right_col ol ol li {
    background: url("../images/arr_gray.gif") no-repeat 0 3px;
}

#right_col ul>li {
	display: inline-block;
	padding: 15px 25px 0;
}

#left_col h1+p, #center_col h1+p {
	padding: 0 25px 0;
}

#lower_col h2 {
	width: 75%;
	padding: 15px 25px 3px;
}

#left_col h2, #center_col h2, #right_col h2 {
	border-bottom: 1px solid #cfcdc1;
	width: 75%;
	padding: 15px 25px 10px;
}

#left_col h3, #center_col h3, #right_col h3 {
	border-bottom: 1px solid #cfcdc1;
	width: 75%;
	padding: 5px 25px 5px;
}

#left_col ol {
	list-style: none;
}

#left_col ol:not(.bsp) li {
    background: url("../images/Bullet-Orange.gif") no-repeat 146px 3px;
}

#left_col .menu ol {
    padding-left: 25px;
	list-style-position: outside;
	max-width: 150px;
}

#left_col .menu ol li {
    background: none;
    list-style-image: url("../images/Bullet-Orange.gif");
	color: #fc3902;
	text-decoration: none;
	font-weight: bold;
}

#left_col .menu ol ol li {
    list-style-image: url("../images/Orange-Chevron.gif");
}

#left_col .menu ol a {
	display: block;
}

#training.menu ol {
   list-style-position: outside;
   list-style-image: url("../images/Bullet-Orange.gif");
}

#training.menu ol li {
   background: none;
}

#left_col p, #center_col p, #right_col p {
	padding: 15px 25px 0;
}

#left_col ol.bullet {
    list-style-image: url("../images/arr_gray.gif");
	padding: 10px 25px 0 45px;
}

#left_col ol.bullet li {
    background: none;
	margin-bottom: 1px;
}

#left_col ol.license,
#center_col ol.license {
	font-weight: normal;
    list-style-image: url("../images/arr_gray.gif");
    list-style-position: outside;
	padding: 5px 25px 0 60px;
}

#left_col ol.license li,
#center_col ol.license li {
    background: none;
	margin-bottom: 1px;
}

#email p {
	padding: 0 0 5px 25px;
}

.menu {
    float: left;
    padding: 35px 25px 15px 35px;
}


.menu#prod2 #prod2_nav a,

.menu#altera_soc #altera_soc_nav a,
.menu#altera_soc #smp_nav a,
.menu#nxp_imx #nxp_imx_nav a,
.menu#nxp_imx #smp_nav a,
.menu#ti_omap #ti_omap_nav a, 
.menu#ti_omap #smp_nav a, 
.menu#xilinx_soc #xilinx_soc_nav a,
.menu#xilinx_soc #smp_nav a,
.menu#cortexa9smp #cortexa9smp_nav a, 
.menu#cortexa9smp #smp_nav a, 
.menu#cortexm3smp #cortexm3smp_nav a,
.menu#cortexm3smp #smp_nav a,


.menu#docs #docs_nav a {
	text-decoration: underline;
}



.menu#atmel #atmel_nav a,
.menu#atmel #rtos_nav a,
.menu#megaavr #megaavr_nav a,
.menu#megaavr #rtos_nav a,
.menu#c2000 #c2000_nav a,
.menu#c2000 #rtos_nav a,
.menu#coldfire #coldfire_nav a,
.menu#coldfire #rtos_nav a,
.menu#pic #pic_nav a,
.menu#pic #rtos_nav a,
.menu#msp430 #msp430_nav a,
.menu#msp430 #rtos_nav a,
.menu#msp430x #msp430x_nav a,
.menu#msp430x #rtos_nav a,
.menu#z80 #z80_nav a,
.menu#_8051 #_8051_nav a,
.menu#_80251 #_80251_nav a,
.menu#_8051 #rtos_nav,
.menu#_80251 #rtos_nav a,
.menu#altera #altera_nav a,
.menu#altera #alterabsp_nav a,
.menu#altera #rtos_nav a,
.menu#cortexa9 #cortexa9_nav a,
.menu#cortexm0 #cortexm0_nav a,
.menu#cortexm3 #cortexm3_nav a,
.menu#cortexm4 #cortexm4_nav a,
.menu#cortex #rtos_nav a,
.menu#kernel #rtos_nav a,
.menu#demos #config_nav a,

.menu#demos #demos_nav a,
.menu#free #free_nav a,

.menu ul {
   list-style: none;
}

a[href$="pdf"] {
	background: url("../images/acrobat.png") no-repeat right top;
	padding-right: 30px;
	padding-bottom: 1px;
}

body#kernel_page div#center_col a[href$="API.pdf"] {
	background: none;
	padding-right: 0px;
	padding-bottom: 0px;
}

body#kernel_page div#center_col a[href$="zip"] {
	background: none;
	padding-right: 0px;
	padding-bottom: 0px;
}

body#kernel_page div#center_col a[href^="http://"] {
	background: url(../images/ico_external.gif) no-repeat right top;
	padding-right: 20px;
	padding-bottom: 1px;
}

a[href*="Code%20Time%20Technologies%20EL.pdf"] {
	background: none;
	padding-right: 0px;
	padding-bottom: 0px;
}

a[href$="zip"] {
	background: url("../images/zip.png") no-repeat right top;
	padding-right: 30px;
	padding-bottom: 1px;
}

a[href^="mailto:"] {
	background: url("../images/mail.png") no-repeat;
	padding-left: 25px;
}

body#demos_page a[href^="mailto:"],
body#kernel_page a[href^="mailto:"] {
	background: none;
	padding-left: 0px;
}

body#kernel_page a[href^="mailto:"]:hover {
	text-decoration: underline;
}

a[href^="mailto:"]:hover {
	text-decoration: none;
}

a[href^="http://"] {
	background: url(../images/ico_external.gif) no-repeat right top;
}

a[href*="ebv.com"],
a[href*="rocketboards.org"],
a[href*="terasic.com"],
a[href*="element14.com"],
a[href*="pandaboard.org"],
a[href*="zedboard.org"],
a[href*="ottawatourism.ca"],
a[href*="mercer.com"],
a[href*="ti.com"],
a[href*="elprotronic.com"],
a[href*="twitter.com"],
a[href*="sourceforge.net"],
a[href*="wikipedia.org"],
a[href*="olark.com"] {
	background: none;
}

li strong,
a:link, a:visited {
	color: #fc3902;
	text-decoration: none;
	font-weight: bold;
}

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

.news {
	padding: 15px 10px;
}

.story,
.whitepaper {
	padding: 10px 10px 0;
}

.story a,
.whitepaper a {
	display: block;
	padding: 5px 15px;
}

.whitepaper a[href$="pdf"] {
	background: url("../images/acrobat.png") no-repeat right 7px;
}

.story a:link,
.story a:visited {
	color: #494949;
	text-decoration: none;
	font-weight: normal;
}


.whitepaper a:link,
.whitepaper a:visited {
	color: #494949;
	text-decoration: none;
	font-weight: normal;
}

.whitepaper a:hover span.title {
	text-decoration: underline;
    color:#2E8B57;
}

.story a:hover {
   background-color: #eae8dd;
   border-left: 5px #fc3902 solid;
   padding: 5px 15px 5px 10px;
}

.story span.title {
	display: block;
	font-weight: bold;
}

.whitepaper span.title {
	color: #fc3902;
	display: block;
	font-weight: bold;
}

table {
	margin: 10px auto;
	border-collapse: collapse;
}

th,
table#demo td#hlite {
	padding: .5em;
	border: 1px #A0A0A0 solid;
	text-align: left;
	color: #FFF;
	background: #494949;
}

table#demo td#clean {
	border: none;
}

table#demo th#clean {
	padding: .5em;
	border: none;
	text-align: center;
	color: #FFF;
	background: none;
}

td,
table#demo td#center {
	padding: .5em;
	border: 1px #A0A0A0 solid;
	text-align: center;
}

table#memory td,
table#demo td {
	padding: .4em;
	text-align: left;
}

table#memory td+td {
	text-align: center;
}

table#memory tfoot td {
	border: none;
	text-align: center;
}

a.tooltip {
	background: none;
}

a.tooltip:hover,
a.help:hover {
	cursor: help;
	text-decoration: none;
}

a.tooltip span {
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 220px;
}

a.help span {
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 360px;
}

a.tooltip:hover span ,
a.help:hover span {
	display: inline;
	position: absolute;
	background: #fff;
	border: 1px solid #fc3902;
	border-radius: 5px;
	-moz-border-radius: 5px;
	color: #6c6c6c;
}

pre {
   width: 210px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

pre.multi {
   float: left;
}

pre code {
   background: #cbc9c0;
   padding: 5px;
   margin: 10px 10px 0 10px;
   display: block;
   border-radius: 5px;
   -moz-border-radius: 5px;
   line-height: 90%;
}


input[type=text] {
	width: 40px;
	float: left;
	margin-right: 10px;
}

form img {
	padding-left: 5px;
	vertical-align: -5px;
}

form .hidden {
	display: none;
}

select[name=compiler],
select[name=mspx_model] {
	width: 160px;
}

select[name=cpu] {
	width: 100px;
}

label {
   float: left;
   width: 200px;
   padding-top: 2px;
}

span.small label {
   width: 50px;	
}

span.medium label {
   width: 150px;	
}

span.nofloat label {
	float: none;
	padding-top: 0px;
}

fieldset,
button {
	margin-left: 15px;
}

video {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

dt {
	margin: 0 0 5px 25px;
}

dd {
	margin: 0 15px 10px 45px;
}

dd.nomargin {
	margin: 0 15px 0 45px;
}

#center_col dl {
	margin-top: 15px;
}

.wrapper {
    text-align: center;
}

button {
    float: center;
}

button:first-child {
    margin-right: 50px;
}