/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

      #main { font-family: Verdana; } 
      #main{width:760px;margin:50px auto;} 

      #content { width:760px; border:4px solid orange; padding:0px 5px; }
      #main ul li { display:inline; border-left: 1px solid orange; padding: 10px 5px 0px 10px; }
      #main ul li.first { border-left:none; padding-left:0px }
      #main ul { padding: 10px 9px; margin:0px }
      #main h2 { margin:0px; padding:4px 9px 0px; background-color: orange; width: 760px; font-size:100%; line-height:24px}
      #main h1 { margin-top:0px }

            
            
            
            body { font-family: Arial; font-size:small }
            table { font-family: Arial; font-size:small }
            #filters { display: none; border: 1px solid orange; border-top: 0px; padding-bottom:5px }
            #notenoughwidth { display: none }
            #filters div div { padding-left:5px } 
            #filters div div div { padding-left: 0px }

            h3 { margin: 10px 0px 5px; background-color:orange; font-size: small; padding:3px }

            p.tip em {padding: 2px; background-color: #6cf; color: #fff;}
            td { text-align: right } 
            
            tbody th { text-align:left }
            
            #tbaps.colourbyarea .Construction   td,#tbaps.colourbyarea .Construction   th { color: #309 }
            #tbaps.colourbyarea .Design         td,#tbaps.colourbyarea .Design         th { color: #906 }
            #tbaps.colourbyarea .Organization   td,#tbaps.colourbyarea .Organization   th { color: #930 }
            #tbaps.colourbyarea .Process        td,#tbaps.colourbyarea .Process        th { color: #030 }
            #tbaps.colourbyarea .Requirements   td,#tbaps.colourbyarea .Requirements   th { color: #069 }
            #tbaps.colourbyarea .Testing        td,#tbaps.colourbyarea .Testing        th { color: #903 }

            #tbaps.pr100 td.p100 , #spr100  { background-color: #050; color: #fff }
            #tbaps.pr90  td.p90  , #spr90  { background-color: #060; color: #fff }
            #tbaps.pr80  td.p80  , #spr80  { background-color: #070; color: #fff }
            #tbaps.pr70  td.p70  , #spr70  { background-color: #080; color: #fff }
            #tbaps.pr60  td.p60  , #spr60  { background-color: #090; color: #fff }
            #tbaps.pr50  td.p50  , #spr50  { background-color: #0a0; color: #fff }
            #tbaps.pr40  td.p40  , #spr40  { background-color: #0b0; color: #000 }
            #tbaps.pr30  td.p30  , #spr30  { background-color: #0c0; color: #000 }
            #tbaps.pr20  td.p20  , #spr20  { background-color: #0d0; color: #000 }
            #tbaps.pr10  td.p10  , #spr10  { background-color: #0e0; color: #000 }
            #tbaps.pr0   td.p0   , #spr0  { background-color: #0f0; color: #000 }

            table.tablesorter tbody td, table.tablesorter tbody th { border-bottom:1px solid #fff }


            .groupspan { width:270px; float:left; clear:left }
            .columnspan { width:200px; float:left; }
            #areas .calced { float:left; display:inline; margin-right: 10px }
            #areas .fixed { float:left }

            #columns { clear:left }
            #columns .prefix { width:290px; float:left }
            #columns ul { display:inline; margin:0px; padding:0px; white-space: nowrap }
            #columns ul li { display:inline; width:195px; float:left; margin:0px; padding:0px 0px 0px 5px; white-space: nowrap }

            .hideset { font-size: smaller }
            
            #percentageranges { display:inline; white-space: nowrap; padding-left:5px }
            #percentageranges span { padding:5px}

            .area { padding-right:5px }
            .practice { font-style: italic; font-weight: normal }

            dt { font-weight:bold }
            dd { padding-top:5px; padding-bottom:5px; }