/* ----- CORE STYLES ------------- */

body {
	background:#ddd;
	color:#000;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	margin-top:0;
}

body, td, div, textarea, th {
	font-family:verdana, helvetica, sans-serif;
	font-size:x-small; 
	color:#000000; 
	line-height:16px;
	vertical-align:top;
}

input {	
	position:relative;
	top:2px;
	font-family:verdana, helvetica, sans-serif;
	font-size:x-small; 
	color:#000000; 
}

input.pct-field {
	text-align:right;
	font-size:11px;
	width:32px;
}

select.importance {
	font-family:verdana, helvetica, sans-serif;
	font-size:x-small; 
	color:#000000;
	margin-top:5px;
	text-indent:0;
}
	
select.vendor-1, select.vendor-2, select.vendor-3 {
	font-family:verdana, helvetica, sans-serif;
	font-size:x-small; 
	color:#000000;
	margin-left:7px;
}

#main-table {
	width:772px;
	border:1px solid #c0c0c0;
	background:#fff;
	padding:0;
	margin:0;
	border-spacing:0;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}




img {
	padding:0;
	margin:0;
	display:block;
	border:0;
}


a, a:link, a:visited, a:active {
	text-decoration:none;
	color:#0066cc;
}

a:hover {
	color:#ff6600;
}


h1 {
	background:url(images/bg-header.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#660000;
	padding:0 0 2px 0px;
	margin:0px 0px 20px 0px;
}

h2 {
	font-size:13px;
	padding:0;
	margin:10px 0 10px 0;
}

h3, h4, h5, h6 {
	font-size:x-small;
}


/* --------- HEADER STYLES ------------ */

img.putman-logo {
	width:126px;
	height:24px;
	float:right;
}


#main-table td#main-logo {
	background:url(images/dotted-border.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:2px;
}

#main-table td#main-logo img {
	float:left;
	width:349px;
	height:75px;
}

div#start-over {
	float:right;
	display:block;
	margin-right:5px;
	margin-top:50px;

}


#main-table td.title-bar {
	background:#eaeaea;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	height:23px;
	vertical-align:middle;
	font-style:italic;
}


#main-table td.title-bar img {
	display:inline;
}

#main-table td.title-bar a:link,
#main-table td.title-bar a:visited,
#main-table td.title-bar a:active  {
	color:#000;
}

#main-table td.title-bar a:hover {
	text-decoration:none;
	color:#990000;
}


#link-previous {
	text-align:left;
	width:auto;
	padding-top:1px;
}

table #prev {
	float:left;
}

table #next {
	float:right;
}

#btn-previous {
	width:61px;
	padding:0 3px 0 3px;
	float:left;
	vertical-align:middle;
	margin:0px;
}

#btn-next {
	width:40px;
	height:17px;
	padding-left:3px;
	padding-right:3px;
	vertical-align:middle;
}

#link-next {
	text-align:right;
	width:auto;

}


/* ----------- LEFT NAV ------------ */

#main-table td#left-nav {
	width:195px;
	background:url(images/bg-left-nav.gif);
	background-repeat:repeat-y;
	background-position:top right;
	margin:0;
	padding:20px 0px 0px 0px;
}


#left-nav li.category a,
#left-nav li.category a:link,
#left-nav li.category a:visited,
#left-nav li.category a:active {
	font-weight:bold;
	text-decoration:none;
	color:#660000;
	text-transform:uppercase;
	font-size:x-small;
	display:block;
	color:#660000;
}



#left-nav li.category a:hover {
	color:#000;
}


#left-nav ul a,
#left-nav ul a:link,
#left-nav ul a:active,
#left-nav ul a:visited {
	color:black;
	text-decoration:none;
}

#left-nav ul a:hover {
	font-weight:bold;
}

#left-nav ul {
	margin:0;
	padding:0;
	display:block;
	width:195px;
	list-style-type:none;
	list-style-position:outside;
}

#left-nav ul li {	
	list-style-type:none;
	list-style-position:outside;
	background:url(images/bg-left-nav-li.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:2px 5px 2px 15px;
	height:auto;
	display:block;
	clear:both;
}


#left-nav ul li.category,
#left-nav ul li.category-current {
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}


#left-nav li.category-current {
	background:url(images/bg-left-nav-li-current.gif);
	background-repeat:repeat-y;
	font-weight:bold;
	color:#000;
}

#left-nav li.category {
	color:#660000;
}

#left-nav li.nested {
	padding-left:20px;
}

#left-nav li.nested-current {
	background:url(images/bg-left-nav-li-current.gif);
	background-repeat:repeat-y;
	font-weight:bold;
	color:#000;
	padding-left:20px;
}

/* ---------- CONTENT STYLES -----------  */

table td#content {
	width:546px;
	padding:30px 18px 20px 15px;
	line-height:12px;
	margin:0;
}

#content span.question {
	font-weight:bold;
}

#content span.question span.qnum {
	color:#000000;
}

#content span.error {
	font-weight:bold;
	color:#ff0000;
	margin-left:5px;
}

#content td {
	text-indent:-15px;
	padding-left:15px;
	padding-bottom:15px;
}

#content table.radio_flat input {
	margin-top: -4px;
}

#content table.radio_flat td {
	padding-right:5px;
	/*padding-bottom:8px;*/
	padding-top:4px;
	margin:0;
	/*padding-bottom:10px;*/
	padding-bottom:0px;
}

#content table.radio_flat td.answers {
	padding-top:0px;
	text-indent:0px;
	padding-left:0px;
}

#content td#submit-area {
	padding:10px 20px 15px 15px;
	/*margin:20px 0px 0px -15px;*/
	width:450px;
	background:#eaeaea;
	text-indent:0px;
}

#content table.review {
	width:350px;
	margin-bottom:10px;
}

#content table.review td {
	text-indent:0px;
	padding:0px;
	vertical-align:bottom;
}

#content table.review td.pct {
	width:50px;
	text-align:right;
}

#content table.intro {
	width:100%;
}

#content table.intro td {
	padding:5px;
	text-indent:0px;
}

#content table.intro div.introtext {
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
}

#content table.intro div.introtext p {
	margin-top:0px;
	margin-bottom:10px;
}


/* ----------- RESULTS PAGE -------------- */

a.link-arrow,
a:active.link-arrow,
a:visited.link-arrow {
	background:url(images/link-arrow.gif);
	background-repeat:no-repeat;
	background-position: 0em .3em;
	padding-left:7px;
}


table#results-page {
	width:484px;
}

table#results-page td {
	border-bottom:15px solid white;
	background-color:#eaeaea;
	margin:0;
	padding:0;
	text-indent:0px;
	position:relative;
}



table#results-page p {
	margin:0 0 0px 0;
	padding:5px 5px 10px 10px;
/*	background:url(images/dotted-horizontal.gif);
	background-position:center bottom;
	background-repeat:no-repeat; */
}


table#results-page td .results-header {
	color:white;
	font-weight:bold;
	background-color:#003366;
	vertical-align:top;
	padding:3px 0px 3px 8px;
	margin:0;
	position:relative;
	display:block;
}

.compare-vendors {
	display:block;
	position:absolute;
	top:2px;
	vertical-align:middle;
	text-align:right;
	padding:0;
	margin:0;
	right:1px;
}

.compare-vendors input {
	top:-3px;
	float:right;
}

.vendor-links {
	width:auto;
	w\idth:150px;
	float:left;
	height:35px;
	margin:0;
	padding:0px 0px 0px 12px;
	display:block;
}


table#results-page td div.final-score {
	font-weight:bold;
	width:113px;
	float:right;
	margin:0;
	padding-top:3px;
	padding-left:10px;
	text-align:right;
	padding-right:10px;
	color:#660000;
	font-size:small;
}



.final-score img {
	display: block !important;
	padding-top: 52px;
}



td.calculate-header { 
      background-color:#26517d; 
      color:white; 
      font-weight:bold; 
      font-size:11px; 
 } 
  
 td.calculate-body { 
      background:#eaeaea; 
 } 
  
 img.arrow { 
      width:10px; 
      height:12px; 
 }



/* --------- COMPARISON PAGE ----------- */


td.compare-page {
	background-color:#c9dff4;
	font-weight:bold;
	text-transform:uppercase;
	padding:3px 3px 3px 10px;
	margin:0;
	overflow:hidden;
}

td.compare-page span.show-hide {
	cursor:pointer;
	color:#0066cc;
}

table.compare-answers td {
	padding-top:2px;
	padding-bottom:2px;
	margin:0;
}

td.compare-answers-wrapper  {
	height:1px;
	padding:0;
	margin:0;
	background:#fff;
}

table#results-table-wrapper {
	padding:0;
	margin:0;
	position:relative;
	border:0;
}


table.compare-answers {
	margin-top:-1px;
}

td.compare-header-keywords_1, td.compare-header-keywords_3 {
	background-color:#26517d;
	color:white;
	font-weight:bold;
	padding:10px 15px 10px 10px;
	margin:0;	
	text-transform:uppercase;
	width:143px;
	vertical-align:middle;
}

td.compare-header-keywords_2 {
	background-color:#26517d;
	color:white;
	font-weight:bold;
	padding:10px 15px 10px 10px;
	margin:0;	
	text-transform:uppercase;
	width:143px;
}


td.keyword-text_1, td.keyword-text_3 {
	background-image:url(images/link-arrow.gif);
	background-repeat:no-repeat;
	background-position:.3em .6em;	
	padding:0;
	margin:0;
	width:153px;
	padding-left:10px;
	padding-right:5px;
}

td.keyword-text_2 {
	background-image:url(images/link-arrow.gif);
	background-repeat:no-repeat;
	background-position:.3em .6em;	
	padding:0;
	margin:0;
	width:153px;
	padding-left:10px;
	padding-right:5px;
}


/* -------------- VENDOR HEADERS AND ANSWERS -------- */


td.compare-header-vendor_1,
td.compare-header-vendor_2,
td.compare-header-vendor_3 {
	background-color:#26517d;
	color:white;
	font-weight:bold;
	text-transform:uppercase;	
}



td.compare-header-vendor_1 {
	width:588px;
	border-left:1px solid white;
	padding:10px 5px 10px 10px;
	margin:0;
}

table.compare-answers td.vendor-answers_1 {
	width:588px;
	border-left:1px solid #999;
	margin:0;
	padding-left:10px;
	padding-right:5px;
}


td.compare-header-vendor_2 {
	width:287px;
	border-left:1px solid white;
	padding:10px 5px 10px 10px;
	margin:0;
}

table.compare-answers td.vendor-answers_2 {
	width:287px;
	border-left:1px solid #999;
	margin:0;
	padding-left:10px;
	padding-right:5px;
}


td.compare-header-vendor_3 {
	width:185px;
	border-left:1px solid white;
	padding:10px 5px 10px 10px;
	margin:0;
}

table.compare-answers td.vendor-answers_3 {
	width:185px;
	border-left:1px solid #999;
	margin:0;
	padding-left:10px;
	padding-right:5px;
}

td.aspect-score {
	padding:0px 0px 0px 10px;
	font-weight:bold;
}

div.weight-percentage {
	width:110px;
	float:right;
	display:block;
	font-weight:bold;
	text-transform:capitalize;
}

div.weight-percentage p {
	display:block;
	float:right;
	text-align:right;
	padding:0;
	margin:0px 5px 0px 0px;
}


div.vendor-score {
	font-weight:normal;
	text-transform:capitalize;
	padding: 5px 0 5px 0;
	color: #fff;
	
}


/* --------- KEYWORD POPUPS ------------ */

span.keyword-popup {
	cursor:pointer;
	display:block;
	position:relative;
}

div.keyword-popup-question {
	background:#26517d;
	border:1px solid #eee;
	color:#fff;
	width:145px;
	line-height:11px;
	padding:3px;
	position:absolute;
	display:none;
	cursor:pointer;
	z-index:2000;
	margin-top:-2px;
	margin-left:-2px;
}

div.keyword-popup-question p { 
     margin:0; 
     padding:0px 0px 8px 0px; 
} 
 
div.keyword-popup-question a, 
div.keyword-popup-question a:link, 
div.keyword-popup-question a:active, 
div.keyword-popup-question a:visited { 
	 color:#c9dff4;
     font-weight:bold; 
     background:url(images/link-arrow-white.gif); 
     background-repeat:no-repeat; 
     background-position: 0em .3em; 
     padding-left:7px; 
     display:block; 
} 
 
div.keyword-popup-question a:hover { 
     color:white; 
}


.go-button {
	/*width:61px;
	height:15px;*/
	float:right;
	display:inline;
	margin:0px;
	padding: 5px 0 5px 0;
}



/* -------- FOOTER ------------ */

td#footer {
	border-top:1px solid #c0c0c0;
	text-align:center;
	padding:10px 0px;
}

/* ----------- MISC ----------- */ 
 
img.bullet { 
	display:inline;
	width:4px; 
	height:4px; 
	padding:0;
	padding:5px 4px 8px 8px;
	margin-top:3px;
	vertical-align:middle;
	margin-bottom:-1px;
 }

div#help-wrapper {
	float:right;
	width:40px;
	height:17px;
	margin:0;
	padding:0;
	position:relative;
	cursor:pointer;
}

div#help-box {
	width:400px;
	padding:10px;
}


img#help {
	width:40px;
	height:17px;
	margin:0;
	padding:0;
	position:absolute;
	left:14px;
	top:-5px;	
}


#sponsors {
	background-color: #fff;
	color:#666;
	margin: 15px 0px;
	padding: 5px;
}

#sponsors td {
	font-size: 14px;
}

td#leaderboard { 
	border: 0;
	background-color: #B0B0B0;
	background-color:#000;
	margin:0;
	width:760px;
	height:93px;
	position:relative;
	overflow:visible;
	text-align: center;
}

object#banner {
	position:absolute;
	top:103px;
	z-index:1000000;
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;
	right:25px;
	left:20px;
}


object embed {
	padding-left:auto;
	padding-right:auto;
	margin-left:auto;
	margin-right:auto;

}