/***************************************
$Header$


***************************************/


body {font-size:80%;background:#fff url(/images/bg2.png) repeat-x 0 top;/* for ie5 align centre */ text-align:center}

/*
 * Alt colour overrides for contrasts
 */
body.wob {background: #383838 url(/images/bg2-dark.png) repeat-x 0 top}
body.wob div#topBar {background: #4b4b4b url(/images/h1-bg-dark.png) repeat-x scroll 0 bottom; border-color: #222; color: #fff}
body.wob div#topBar #searchBox label {color: #fff}
body.wob div#topBar div#accessControl {color:#fff}
body.wob div#topBar #accessControl a.fontScaler:visited, #accessControl a.fontScaler:active, #accessControl a.fontScaler:focus {color: #fff}

body.wob h1, body.wob h2, body.wob h3 {background-color: #4b4b4b; background-image: url(/images/h1-bg-dark.png); color:#fff}
body.wob h4 { color: #fff }
body.wob div.block {border-color: #222; color: #fff !important; background-color: #232323}
body.wob div.block p, body.wob div.block strong {color: #fff !important}
body.wob div#topic_menu dl dt, body.wob ul#con_nav li {background: #383838 url(/images/topic_menu-bg-dark.png) repeat-x scroll 0 0}

body.wob div#topic_menu dl dt a, body.wob ul#con_nav li a {color: #fff}
body.wob ul#con_nav li li { background-image: none; background-color: transparent}
body.wob ul#con_nav li li, #con_nav ul { list-style-image: url(/images/topic_menu-arrow-dark.gif)}
body.wob span.topic_arrow { background-image: url(/images/topic_menu-arrow-dark.gif) !important }
body.wob a { color: #fff}
body.wob a:visited { border-bottom: 1px dotted #f7f7f7 }
body.wob label, body.wob legend { color: #fff }
body.wob div#keycard ul li a, body.wob div#keycard ul li strong, body.wob div#keycard p { color: #fff }
body.wob div#jump { background-color: #1b1b1b }
body.wob ul#sub_nav { border-color: #111 #222 #222 ; background-color: #1b1b1b; color: #fff}
body.wob ul#sub_nav em { color: #fff }
body.wob div.block ul li, body.wob div.block ol li { color: #fff }
body.wob acronym, body.wob abbr, body.wob legend abbr { color: #fff; border-color: #fff }
body.wob fieldset, body.wob fieldset fieldset, body.wob div.block.right.submit fieldset fieldset{ border: 1px solid #666 }
body.wob #sub_nav li.arrow, body.wob #sub_nav li.arrow strong { color: #fff }
body.wob #paracentric th { background-color: #1B1B1B; border-color: #2e2e2e #2e2e2e #000 #2e2e2e; color: #fff}
body.wob #paracentric tr td a, body.wob #paracentric tr td { color: #fff }
body.wob #paracentric td a:visited { border-color: #fff}
body.wob #paracentric dt { color: #fff}
body.wob #paracentric td { border-color: #000 }
body.wob #toc { border-width: 5px }
body.wob #toc dt { background-color: #222 }
body.wob #toc dd { background-color: #333 } 
body.wob dd { color: #fff }
body.wob #award_list ol li {background: #383838 url(/images/topic_menu-bg-dark.png) repeat-x scroll 0 bottom; color: #fff }
body.wob #con_nav li li li, body.wob #con_nav ul ul { background-color: #2b2b2b}
body.wob #con_nav li li li li, body.wob #con_nav ul ul ul { background-color: #1b1b1b }
body.wob #featuredSiteButtons li a.button { color: #555 }
body.wob div#topic_menu dl dt span { color: #fff }
/*
 * End alt colours
 */
* {margin:0;padding:0;font-size:1em;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;color:#000}
h1, h2, h3 { background:transparent url(/images/h1-bg.png) repeat-x bottom;padding:.1em .4em .4em;color:#000;margin-bottom:.2em;font-family:georgia,garamond,arial;font-size:1.5em;font-weight:normal }
/*h1,h3 {background:#306389 url(/images/h1-bg.png) repeat-x bottom;padding:.4em;border:1px solid #275476;text-transform:uppercase;color:#FFF;margin-bottom:.2em;letter-spacing:.2em}*/
h1 a, h2 a, h3 a{ font-family:georgia,garamond,arial }
h1 a {border-bottom:solid 1px #000}
h1 a:visited {border-bottom:dotted 1px #000}
h2 {margin-bottom:.3em;background:url(/images/h1-bg.png) repeat-x scroll 0 bottom}
h2 a {color:#275476}
h2 a:visited {border-bottom:dotted 1px #275476}

h1 abbr, h1 acronym {color:#000;border-bottom:dotted 1px #000}
h1 a {color:#000;text-decoration:none}
h1 a:focus, a:active, a:hover {color:#275476;text-decoration:underline;background:transparent}
h2 { clear: both }
h2 abbr, h2 acronym {color:#275476;border-bottom:dotted 1px #275476}
h4 {margin-top:.5em}
td,th {padding:.5em}

/* a {padding:.1em;color:#000} */
/* a:visited {border-bottom:dotted 1px #275476;text-decoration:none;padding:0}*/
/* a:focus, a:active, a:hover {background-color:#275476;color:#FFF;text-decoration:none}*/
p {margin:.3em 0;line-height:1.5em}
form p	{background:#F00 url(/images/warning_arrow.gif) no-repeat left;color:#FFF;text-align:center;width:21em;padding:0}
form p { background: #FBE3E4 url(/images/error.gif) no-repeat scroll left; color: #8A1F11; border: 2px solid #FbC2C4; width: auto}
acronym, abbr {cursor:help;border-bottom:dotted 1px #000}
a acronym, a abbr {padding-bottom:2px}
a:hover acronym, a:hover abbr {color:#000}
hr {height:1px;color :#efefef;clear:both;border:0;width:80%}
html > body hr {border-bottom:solid 1px #efefef;margin:0 auto}
/*html > body form p {width:22.2em}*/
img {position:relative;border:0}
dd strong {color:#FFF;background:#275476;padding:.2em;margin:0 .3em}
p em, li em { color: #000 }
body.wob p em, body.wob li em { #fff }
#who {text-align:left;color:#000;background:transparent;font-weight:bold}

#top {height:1px;padding:0;margin:-1px 0 0 0}

#r_link	{margin:.5em 0}
#r_link a {background:#275476;color:#FFF;text-decoration:none;padding:.5em;font-weight:bold;border:0}
#r_link a:hover {background:#FFF;border:solid 1px #275476;color:#275476}

#toc {margin:1em;border:solid 1px #323232}
#toc dt {font-weight:bold;background:#323232;padding:.4em;color:#FFF}
#toc dd {padding:.3em}

#yale,#tubular,#skeleton,#paracentric,#frontdoor,#backdoor,#comments,#com_form,#rules,.col {position:relative;height:1%}
#skip_to { text-indent: -1000px }
#skip_to {text-align:left;/*bring back ie5 text-align centre on body */}
#skip_to a {color:#000;padding:.5em;border:0;text-decoration:underline}
#skip_to a:hover, #skip_to a:focus {text-decoration:none}

#master	{width:95.5%;margin:-2.1em auto 0;text-align:left;/*bring back ie5 text-align centre on body */position:relative;}

#logo {background:url(/images/logo.png) no-repeat;height:50px;margin-bottom:.2em;position:relative;z-index:1000; width: 200px}
#logo div {float:left}
#logo a	{display:block;width:123px;height:50px;text-indent:-5000px;border:0}
#logo a:hover, #logo a:focus {background:transparent}

#navbar {position:absolute;right:0;top:0px;list-style: none;height:49px;clear:both}
#navbar li {float: left; position: relative;height:100%}
#navbar li a, #navbar li em {display: block; padding:16px 1em;color:#fff}
#navbar li em { font-style: normal;font-weight: bold }
#navbar li a:visited { border: none}
#navbar li span.l, #navbar li span.r {  position:absolute;background-repeat: no-repeat; background-color: transparent; background-attachment:scroll; display:block;height:100%;width:3px }
#navbar li span.l { background-image: url(/images/nav_button-left.png);left:0}
#navbar li span.r { background:transparent url(/images/nav_button-right.png); top:0;right:-1px}
html > body #navbar li span.r { background:transparent url(/images/nav_button-right.png); top:0;right:0}
#navbar li em {background: transparent url(/images/nav_button-repeat.png) repeat-x scroll 0 0}

div#tool_contrast { width: 80%; margin: 1em auto}
div#tool_contrast form fieldset input#show_source, div#tool_contrast form fieldset input#errors_and_warnings, div#tool_contrast form fieldset input#full_report{ width: 1em }
div#tool_contrast form fieldset input#url { width: 100% }

#yale {text-align:center;list-style:none;letter-spacing:.2em;text-transform:uppercase;clear:both;min-width:658px}
#yale li {float:left;font-weight:bold;width:33.1%}
#yale li.tab4 {width:24.8%}

#yale li a {background:#79AE79 url(/images/tabsoff.gif) repeat-x;border-bottom:solid 1px #285D27;padding:.6em 0;display:block;color:#FFF;text-decoration:none;width:100%}
#yale li a:hover {background:#79AE79 url(/images/tabson.gif)}
#yale em {background:url(/images/tabson.gif) no-repeat;padding:.6em 0;color:#FFF;display:block;font-style:normal;background-color:#2C7C2A;border-bottom:solid 1px #297827}

#skeleton {/*border:1px solid #e0e0e0;border-width:0 1px 1px;background-color:#FFF;padding:5px 6px;clear:both; position: relative*/overflow: hidden; width: 100%}
html > body #skeleton {margin-top:-1px}

#sub_nav {padding: 0.6em 1em; background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #DCDCDC; border-top:1px solid #fff;margin-top:-0.7em; position: relative}
html > body #sub_nav {margin-top:-0.6em}

#sub_nav li {display:inline;background:url(/images/nav_arrow.gif) no-repeat right}
#sub_nav a  {margin:0 15px 0 0;}
#sub_nav em {font-weight:bold;font-style:normal}
#sub_nav .arrow	{background:transparent}

#frontdoor {float:left;margin-bottom:1em;width:24em}
#backdoor {float:right;margin-top:.8em;width:24em}
html > body #backdoor {margin-top:.9em}
#backdoor li {display:inline;padding:1em}

#confirm p {background:transparent;color:#666;text-align:left;margin:.3em 0}
#confirm span {font-weight:bold;letter-spacing:1px}

.con_img {float:left;height:55px}

.imgleft { float: left }

#awards1, #awards2, #awards3, #awards4, #awards5, #awards6, #awards7 {padding-left:58px;min-height: 5em; height: auto !important; height:5em;margin-left: 1em;position: relative}
#awards1 {background:url(/images/access_aware.gif) no-repeat}
#awards2 {background:url(/images/easy_read.gif) no-repeat}
#awards3 {background:url(/images/relative.gif) no-repeat}
#awards4 {background:url(/images/keyboard.gif) no-repeat}
#awards5 {background:url(/images/magnifying_glass.gif) no-repeat}
#awards6 {background:url(/images/monitor.gif) no-repeat}
#awards7 {background:url(/images/universal.gif) no-repeat}

#keycard {padding:.5em;margin-top:6px;text-align:center;clear:both}
#keycard p, #keycard strong {color:#000}
#keycard li {display:inline;padding:0 .5em;border-right:1px solid #fff}
#keycard .none {border:0}
#keycard a {color:#000;padding:0 .2em;border:0;text-decoration:underline}
#keycard a:hover, #keycard a:focus {text-decoration:none;color:#fff}
#keycard a:visited {border-bottom:dotted 1px #565656;text-decoration:none}

#paracentric{position:relative}
#paracentric h1 strong,#paracentric h2 strong {color:#000;text-decoration:underline}

#paracentric p span {font-weight:bold} 
#paracentric ul {list-style:none;margin-bottom:1em}
#paracentric ol {list-style:none}
#paracentric ul li, #paracentric ol li {line-height:1.5em} 
#paracentric ul li span {color:#565656}
#paracentric dl {/*margin-bottom:1em*/}
#paracentric dd {line-height:1.5em; display: inline}
#paracentric dd li {display:inline;line-height:1.5em}
#paracentric dd span {color:#565656;font-size:.9em}
#paracentric dt {font-weight:bold;/*margin-bottom:.2em*/}
#paracentric dt span {color:#565656;font-size:.9em;font-weight:normal}
#paracentric .col {width:14em;margin:0 .5em;padding:.2em;float:left}
#paracentric .col li span {font-size:.9em} 
#paracentric .col ul li {list-style:none}
#paracentric table {width:100%;margin-bottom:1em; margin-top: -4px}
#paracentric th {background:#efefef;border-top:solid 1px #ccc;border-bottom:solid 1px #CCC;padding:.2em 0;text-align:center;/*bring back ie5 text-align centre on body */}
#paracentric th a {font-weight:normal;background:transparent;border:0}
#paracentric .t_left {text-align:left}
#paracentric td {border-bottom:solid 1px #EFEFEF;empty-cells:show;text-align:center}
#paracentric td a {border:0;color:#000;text-decoration:none}  
#paracentric td a.visit {text-decoration:underline} 
#paracentric td a.visit:visited {color:#9d11b3;} 
#paracentric td a:hover {text-decoration:none;color:#FFF;background:#275476} 
#paracentric td strong a {color:#000;text-decoration:underline} 
#paracentric td strong a:hover {text-decoration:none;color:#FFF;background:#275476} 
#paracentric td u {margin:0}
#paracentric td ul .none {border:0}
#paracentric td li {display:inline;margin-right:.5em;border-right:solid 1px #666;padding-right:.5em}
html > body #paracentric td li {padding-right:.7em}
#paracentric td span, #paracentric th span {margin:-5000px;position:absolute}
#paracentric td .all {margin:0;position:relative;display:block;background:#297827;padding:.2em 0}
#paracentric td .all a {color:#FFF}
#paracentric td .all a:visited {border-bottom:dotted 1px #FFF;color:#FFF}
#paracentric td li a {text-decoration:underline;padding:.1em}	
#paracentric td li a:visited {border-bottom:dotted 1px #275476;text-decoration:none;padding:0}
#paracentric td li a:hover {background:#275476;text-decoration:none}

/*#p1,#p2 {border-right:dotted #CCC 1px}*/

#no_results {padding:2em 0;color:#F00;text-align:center}
#no_results strong, #no_results a {color:#F00}
#no_results a:hover {color:#FFF}

#reports td {border-bottom:solid 1px #CCC}

#ratings {margin-bottom:1em}
#ratings li {padding:1em;display:inline}
#ratings a {background:transparent}
#ratings a:visited {border-bottom:dotted 1px #000;padding-bottom:2px}
#ratings a:hover {border-bottom:solid 1px #000}

#rate fieldset {display:inline}
#rate label {text-align:center;margin:0;background:#E5E5E5}
#rate input {width:2em}
#rate span {width:2em;background:#F5F5F5;display:block;float:left}
#rate p {width:24.7em}
#rate .abc {width:15.0em;margin-bottom:1em}

#chubb span {font-weight:bold}
#chubb ul {list-style:none}
#chubb table {width:100%}
#chubb th {background:#efefef;border-top:solid 1px #ccc;border-bottom:solid 1px #CCC}
#chubb td {border-bottom:solid 1px #EFEFEF;empty-cells:show;text-align:center;vertical-align:top;padding:.5em 0}
#chubb td span {display:block;color:#F00;margin-bottom:.2em}
#chubb td .fail, #chubb td .pass {color:#FFF;padding:.2em;text-transform:capitalize;display:inline}
#chubb td .fail {background:#F00}
#chubb td .pass {background:#006600}
#chubb td .warning {background:#fe0; color:#000;}
#chubb .t_left {text-align:left}
#chubb .t_right {text-align:right}
#chubb td div {border:1px solid #dedede;width:220px;height:140px;overflow:auto;padding:.2em}
#chubb td div dd {margin:0;line-height:1.5em;padding:0}

#chubb ul.bul {list-style:disc;margin-left:3em}
#chubb ol.bul {list-style:decimal;margin-left:3em}

#chubb_main {float:right;width:34em}
#chubb_main ul {list-style:none;}
#chubb_main li {margin-left:3em}
#chubb_main li,#chubb_main p {line-height:1.5em;margin-bottom:1em}
#chubb_main .formula {margin:1em 0}
#chubb_main .formula dt, #chubb_main .formula dd {display:inline}

#contact {list-style:none}
#contact li {line-height:2.5em}

/*#paracentric, #chubb {margin-top:-15px; position: relative}*/
#con_nav {margin:-3px 0 0;list-style:none; width:100%}
#con_nav strong	{color:#000;display:block; font-style: italic}
#con_nav a {display:block;color:#000;border:0}
html>body #con_nav a { margin: -0.3em 0 }
#con_nav a:hover, #con_nav a:visited {background: transparent;text-decoration: underline}
#con_nav ul {list-style:none; margin:1em 0 -1em;width:100%}

#con_nav li {background: #fff url(/images/topic_menu-bg.png) repeat-x scroll bottom;font-weight: bold ;list-style:none;margin:0;padding: 1em 2.5em}
#con_nav li li, #con_nav ul {list-style:url("/images/topic_menu-arrow.gif"); background: none}
#con_nav ul { margin-top: 0; margin-left:0 ; margin-bottom: 0.5em}
#con_nav ul li { padding-left: 0; margin-left: 2em }
#level1 {background:#71A971 url(/images/level_1_arrow.gif) no-repeat right top}
#con_nav li li strong {background:transparent}
#con_nav li li li, #con_nav ul ul {}
#level2 {background:#C8E5C8 url(/images/level_2_arrow.gif) no-repeat right top}
#con_nav li li li a {color:#000}
#con_nav li li li a:hover {background: transparent}
#con_nav li li li strong {color:#000;background:transparent;text-decoration: none}
#con_nav li li li li, #con_nav ul ul ul {background-color:#E5F2E5}
#level3 {background:#E5F2E5 url(/images/level_3_arrow.gif) no-repeat right top}
input,textarea {width:100%}
fieldset {border:solid 1px #275476;padding:0 1em 1em 1em}
legend {padding:0 .5em .5em 1em;font-weight:bold;color:#275476}
legend abbr {color:#275476}
label {display:block;margin-top:.3em}
fieldset fieldset {margin-top:1em;width:19.3em;margin:0;border:solid 1px #7F9DB9}
html > body fieldset fieldset {width:20.1em}
fieldset fieldset label {display:inline}
fieldset fieldset legend {padding:.2em; font-weight:normal;color:#000}
label span, legend span {color:#F00;font-weight:normal}
.addsite .abc {margin:0}
.radio {width:2em}
input[type=checkbox]{width:1em;}
input[type=radio]{width:1em;}
.chkbox{width:2em} 
.abc {padding:.2em;margin-top:1em}
.abc_e {padding:.1em;margin-top:1em;width:4.3em}

#jump {background:#EFEFEF;padding:1.4em 0 0 1em;margin:2em 0 0 0; min-height:3em; height: auto !important; height: 2em}
#jump p {margin:0; background: transparent; width:2em; float: right;margin-bottom:1em}
html > body #jump p { width: auto; bottom: 1em }
#jump form {background: transparent; z-index:100;float:left}
#jump input {margin:0;padding:0}
#jump label {display:inline}
#jump .abc {width:5em;padding:0}
#jump a	{background:#275476;color:#FFF;text-decoration:none;padding:.5em;font-weight:bold;border:0; display: block}
#jump a:hover {background:#FFF;color:#275476}

#universal {padding:2.3em .5em .5em 1em;color:#000;background: transparent url(/images/tab_universal.gif) no-repeat scroll center top; margin-top:0.5em; text-align: center}
#universal img {margin-right:.5em}
#universal strong {color:#000}

#site_map dl {margin:1em 0; padding-left:2em}
#site_map dt {margin:.5em 0}
#site_map dt a {font-weight:bold;}
#site_map dd ul {margin:0 0 1em 0;padding-left:2em}
#site_map dd ul li a { text-decoration: none}
#site_map dd, #site_map li {display:inline;padding:0 .4em 0 0}
#site_map dt span {color:#565656}


#topBar { 
	padding: 0.3em 1em;
	background: #fff url(/images/breadcrumb-bg.gif) repeat-x scroll 0 bottom;
	border:1px solid #dcdcdc;
	margin:1em 0 0.6em;
	position: relative;
}
html > body #topBar { padding: 0 1em }
#paracentric #topBar, #chubb #topBar { margin-top: 2em }
#chubb #sub_nav { margin-bottom: 1em }
/*
#searchBox {background:#fff none no-repeat scroll 0 0;border: 1px solid #e0e0e0; height:30px;position:relative;left:9px;top:-0.2em;float: left; width:40em}
html > body #searchBox { width: auto }
#searchBox span.l, #searchBox span.r { position: absolute; width:4px; height: 30px; background-image: url(/images/access_control-bg2.png); background-repeat: no-repeat; background-color: transparent;}
#searchBox span.l { left: -1px; bottom: -1px; background-position:0 100%}
#searchBox span.r { right: -2px; bottom: -1px; background-position:-6px -1px}
*/
#accessControl {float:right;font-weight: bold; position: relative; margin: -0.3em 0 0.3em; display: none}
html > body #accessControl { margin: 0.3em 0 0 }
#accessControl a.fontScaler { font-family: georgia, verdana, sans-serif; text-decoration: none; margin-right: 0.1em; font-weight: normal}
#accessControl a.fontScaler:hover { text-decoration: underline; color:#ff0099 !important; background: none !important}
#accessControl a.fontScaler:visited, #accessControl a.fontScaler:active, #accessControl a.fontScaler:focus { text-decoration:none !important; border: none !important; background: none !important}
#accessControl a.fontScaler.normal { font-size:1em }
#accessControl a.fontScaler.large { font-size:1.5em}
#accessControl a.fontScaler.largest { font-size:2em}
#accessControl a.fontScaler.current { color:#ff0099 !important }
#accessControl a.fontScaler.current:hover { color:#000 !important}

#accessControl a.contrastChanger { padding: 0 !important }
#accessControl a.contrastChanger:visited { border-bottom: none !important }
#accessControl a.contrastChanger:hover, #accessControl a.contrastChanger:focus, #accessControl a.contrastChanger:active { background-color: #FF0099 !important }
#accessControl a.contrastChanger.current {  background-color: #FF0099 !important }
body.smallFont { font-size: 60% }
body.normalFont { font-size: 80% }
body.largeFont { font-size: 100% }
/*
 * Safari 4 HACK!!!
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#searchBox, #accessControl { top: -2px }
}

.both {clear:both;}
.tr {text-align:right}
.tl {text-align:left}
.end {clear:both;height:1px;margin-top:-1px}
.hidden {margin:-5000px;position:absolute}
/*
#search fieldset {background:transparent;border:0;padding:0} 
#search label span, #search legend {margin:-5000px;position:absolute}
#search input {padding:.1em;width:180px}
html > body #search input {padding:0}
#search_box {position:absolute;right:80px}
#search .abc {position:absolute;right:0;top:-.8em;width:75px;padding:0}
html > body #search .abc {top:-1.1em}
#search fieldset fieldset {position:absolute;right:0;top:2.5em;width:15.8em}
#search fieldset fieldset input {width:2.4em}
#search fieldset fieldset label {color:#FFF}
*/

div#searchBox { position: absolute; top:-2.5em; width: 50em}
html > body div#searchBox {padding-left: 0.3em; float: left; margin-top: -1em; position: relative}
div#searchBox legend {text-indent: -50000px}
div#searchBox form fieldset {border: none; padding: 0; margin: 0}
div#searchBox form fieldset ul { margin: 0}
div#searchBox form fieldset input { position: relative; top: 0.15em; width: auto }
div#searchBox form fieldset input[type=checkbox] { top: 0.3em }
html > body div#searchBox form fieldset input {width: auto; top:0}
div#searchBox form fieldset ul li, div#searchBox form fieldset ul li label {display: inline} 
div#searchBox form fieldset ul li button {float: none; display: inline}
div#searchBox form fieldset ul li button { position: relative; top: 1.35em }
html > body div#searchBox form fieldset ul li button { top: 0 }
html > body div#searchBox { top: 0; width: auto}

#search fieldset { border: none; padding: 0 1em 1em;margin-top:-3em}
#search fieldset fieldset { margin-top:-1em; width: 90% }
#search fieldset label span { display: block; text-indent: -5000px }
#search fieldset input { width: 98%}
#search fieldset fieldset input.checkbox {width: auto!important}
#search fieldset legend { text-indent: -5000px }
/* --awards - report*/
.awd {margin:1em 0}
.awd img {float:left;margin-top:.5em}
pre {margin:.5em 0 .5em 100px;padding:.2em}

#rep_sum em {font-style:normal;}
#rep_sum ol {margin:1em 0 1em 3em}
#rep_sum ol li {line-height:1.7}
#rep_sum blockquote {border-left:solid 1px #275476;padding:.2em;font-style:italic;margin:.5em 0}

.fail,.pass {color:#fff;padding:.2em}
.fail {background:#F00}
.pass {background:#006600}
.warning {background:#fe0; color:#000;padding:.2em;}
.hid {background:#f70; color:#000;padding:.2em;}

#tool {width:100%;margin:0 0 1em 0;padding:0;border-collapse:collapse}
#tool td {text-align:left;padding:.2em}
#tool td span {font-weight:normal;color:#555}
#tool li {line-height:1.7}
#tool .t-w1 {width:14%;}
#tool .t-w2 {width:20%;}
#tool .t-w3 {width:20%;}
#tool .t-w4 {width:20%;}
#tool .t-w5 {width:26%;}

#source  {  padding-left:4em;font-size:.8em;background: #eee;border: 1px solid #ccc;}
#source ol li {line-height:2;border-bottom:solid 1px #efefef}

#siteLeft { float: left; width: 70%; margin-right: 1%; position: relative}
#siteRight { float: right;  width: 29%; margin-left: -1%; position: relative}
html > body #siteRight { width: 29%}
#siteRight.add_site { float: right; width: 70%; margin-left: 1%; position: relative}
#siteLeft.add_site { float: left;  width: 29%; margin-right: -1%; position: relative}

div.block { border:1px solid #e0e0e0; margin-bottom: 15px; position: relative}
div.block.single { margin-top: 1em }
div.block.single dl { text-align: center}
div.block.single h2, div.block.single h2.noBG { background: none; font-size:1.4em; margin:1em 0}
div.block ul, div.block ol { margin: 1em 5em }
div.block ul li, div.block ol li { margin-bottom: 2em;list-style-type: decimal; }
div.block p { padding: 0 1em; margin-top :1em}
div.block p.homepage { padding: 0.5em 1em }
div.block.left img.imgLeft { margin: 0 1em 1em 0 }
div.block.right {clear:right}
div.block.right.latest { text-align:center}
div.block.right.latest h2 { text-align: left}
div.block.right.latest ol { list-style: none}
div.block.right.latest ol li { display: inline}
div.block.right.submit fieldset {border: none}
div.block.right.submit fieldset input, div.block.right.submit fieldset textarea { width: 99% }
div.block.right.submit fieldset fieldset input { width: auto }
div.block.right.submit fieldset fieldset { border: 1px solid #275476; width: auto}
div.block.right.submit fieldset legend { text-indent: -2000px}/* bit of a fudge */
div.block.right.submit fieldset fieldset legend { text-indent: 0px }
#topic_menu dl { margin-top: -3px }
#topic_menu dl dt { padding: 1em 1.5em; background: #fff url(/images/topic_menu-bg.png) repeat-x scroll bottom;font-weight: bold; position:relative}
#topic_menu dl dt span { font-weight: normal}
#topic_menu dl dt span.topic_arrow{position: absolute; right: 20px;top:14px;height:7px;width:5px;background:transparent url(/images/topic_menu-arrow.gif) no-repeat scroll center}
#topic_menu dl dd { padding: 0 2em 0.2em;display: block}
html > body #topic_menu dl dt span.topic_arrow{position: absolute; right: 10%;top:50%;margin-top:-3.5px;height:7px;width:5px;background:transparent url(/images/topic_menu-arrow.gif) no-repeat scroll center}
#award_list { width: 100% }
html > body #award_list { width: auto}
#award_list ol { width: 100%; list-style: none}
#award_list ol li { padding: 1em 2.5em; background: #fff url(/images/topic_menu-bg.png) repeat-x scroll bottom;position:relative;display: block;text-align: center;margin:0; color: #000}
#award_list #ratings { margin:-6px 0 0; list-style: none}
#award_list ol li a.more_info { position: absolute; right: 5px; top:50%; margin-top:-13px}
#award_list ol li a.more_info:hover { color: #000}
ol#ratings { list-style: none !important }
ol#ratings li { list-style : none !important }
.noBG { background: none !important}

/*Button styles
 * based on : http://particletree.com/features/rediscovering-the-button-element/
 */


a.button, a.button:visited, button.button { display: block;float:left;margin:0 0.583em 0.667em 0;padding:0.5em;border-style: solid; border-width:1px;border-color: #eaeaea #bababa #bababa #eaeaea; 
background-color: #f5f5f5;
background-position:7px center;
background-repeat:no-repeat;
background-attachment:scroll;
font-size:87%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer}
button.button { width:auto; overflow:visible; padding: 4px 10px 4px 7px;line-height:17px}
button.button img, a.button img{ margin: 0 3px -3px 0 !important; padding:0; border:none !important;width:16px;height:16px;float:none}
button.button:hover, a.button:hover { background-color:#6299c5; border:1px solid #c2e1ef; color:#336699}
a.button:active {background-color:#6299c5;border:1px solid #6299c5;color:#fff}
button.button:hover, a.button:hover {background-color:#dff4ff;background-position: 7px center; background-repeat: no-repeat; border:1px solid #c2e1ef;color:#336699}
a.button:active {background-color:#6299c5;border:1px solid #6299c5;color:#fff}

.pos {color:#529214 !important}
a.pos:hover, button.pos:hover {background-color:#E6EFC2 !important;border:1px solid #C6D880 !important;color:#529214 !important}
a.pos:active {background-color:#529214 !important;border:1px solid #529214 !important;color:#fff !important}

.neg {color:#d12f19 !important}
a.neg:hover, button.neg:hover {background:#fbe3e4 !important;border:1px solid #fbc2c4 !important;color:#d12f19 !important}
a.neg:active {background-color:#d12f19 !important;border:1px solid #d12f19 !important;color:#fff !important}

#featuredSiteButtons { margin: 2em 0 1.3em }
#featuredSiteButtons li { display: inline } 
#featuredSiteButtons li a.button { float: none; width: auto; display: inline}

a.button.extlink, button.button.extlink, a.button.extlink:hover, 
a.button.extlink:visited, button.button.extlink:hover, a.extlink.active {
	background-image: url(/images/application_go.gif); padding-left:27px 
}
a.button.rptlink, button.button.rptlink, a.button.rptlink:hover, 
a.button.rptlink:visited, button.button.rptlink:hover, a.button.rptlink:active { 
	background-image: url(/images/icon_report.gif); padding-left:27px 
}
a.button.searchBtn, button.button.searchBtn, a.button.searchBtn:hover, 
button.button.searchBtn:hover { 
	background-image: url(/images/icon_search.gif); padding-left:27px 
}
#dirSubCategMenu li { display: inline; margin-right:1em }

form.addsite1 {float:right;margin-top:-1.5em;}
form.addsite1 fieldset { border: none }
form.addsite1 fieldset legend { text-indent: -20000px }


form.addsite {position: absolute;top:-2.6em; right:0}
form.addsite fieldset { border: none }
form.addsite fieldset legend { text-indent: -20000px }
form.addsite2 {width:18em; margin:-0.5em auto 1em}
form.addsite2 button { width:100%; margin-top:1em }
#pagination { float: left;margin:2em 0 0 1em}
#pagination dt { float: left; margin:0.5em 0.5em 0 0}
#pagination dd { margin-right:0.2em;float:left}
#pagination dd a, #pagination dd strong { padding: 0.4em 0.6em; float:left}
#pagination dd a { background: #fff url(/images/breadcrumb-bg.gif) repeat-x scroll 0 0; border:1px solid #DCDCDC; color: #000}
#pagination dd strong { border: 1px solid #275476 }
#pagination dd a:hover { background: #275476 none repeat scroll 0 0;border:1px solid #275476; color:#fff}

.gg_ads {clear:both; margin-bottom:2px; padding: 0 1em;}

#wrap-list-2cols {padding-left:1em;}
#wrap-list-2cols ul {margin:0; padding:0 ;}
 
#wrap-list-2cols ul li        { float: left; width: 48%; line-height:1.5em !important; margin-bottom:1.2em; list-style:none; padding-right:1%}
#wrap-list-2cols ul ul li     { float: none;width: auto;}
#wrap-list-2cols li           { font-weight:bold;}
#wrap-list-2cols ul li ul li  { font-weight:normal; text-indent:0.1em; text-indent:1.2em; margin:0; padding:0 ;}