/* Most usual classes */

/* th, td.KT_th
 *	the top row on nextensio list
 *	    labels container on nextensio form
 *		   As on the form table headings are semantically incorrect, we have td.KT_th */
.KT_tngtable th, .KT_tngtable td.KT_th {
	     border: 1px solid #ffffff;
	     background-color: #E2E2E2;
	     font-weight: bold;
	     color: #555555;
	     vertical-align: top;
}
/* the plain cells   */
.KT_tngtable td {
	     border: solid 1px #d6d3ce;
	     border-top-width: 0;
	     border-left-width: 0;
	     vertical-align: baseline;
}

/* *
 * recommmended css attribute order
 * layout:            display, list-style
 * box positioning:   position, float, clear
 * box position:      top, right, bottom, left
 * box clipping:      overflow, clip
 * box size:          width, height
 * box style:         margin, padding, border, background
 * text:              color, font, text-decoration, text-transform
 * text positioning:  text-align, vertical-align
 * other text:        white-space, ...
 * */

/* Table and cell look and feel */
.KT_tngtable {
	     border: solid 1px #000000;
}
	.KT_tngtable tfoot, .KT_tngtable thead {
		     border: solid 1px #000000;
		     }
		     .KT_tngtable td, .KT_tngtable th, .KT_tngtable caption {
				  padding: 2px;
					   white-space: nowrap;
					   }
					   /* HACK: to make ktml skin work properly */
					   .KT_tngtable .ktml * td {
							border: 0px;
								white-space: normal ! important;
								}
									.KT_tngtable .ktml span.lcontainer table {
										     }
											.KT_tngtable .ktml span.lcontainer td {
													   padding: 0px ! important;
															margin: 0px ! important;
																    vertical-align: middle;
																		    }

/* Buttons area for tNG form */
.KT_buttons td {
	    border-top: solid 1px #000000;
	    /*padding: 0px;*/
	    background-color: #dadadc;
	    text-align: right;
}

/* Fonts for the table, table headings, table cells */
   .KT_tngtable td, .KT_tngtable th, .KT_tngtable caption {
		font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
		}
		.KT_tngtable th, .KT_tngtable td.KT_th, .KT_tngtable caption {
			     font-size: 12px;
					text-align: left;
					}
					.KT_tngtable td {
						     font-size: 11px;
						     }

/* Active Form Elements :font-sizes */
   .KT_tngtable input, .KT_tngtable select {
		font-size: 10px;
		}

		.KT_tngtable textarea {
			     font-size: 12px;
			     }

/* Special items : error containers, field hints, required table cell  */
   .KT_field_error {
		   color: #cc0000;
		   }
		   .KT_field_hint {
				  color:#0000cc;
					font-size: 10px;
					}
					.KT_tngtable td.KT_required {
					}
					/* span containing the "*" for required field labels */
					.KT_tngtable label span.KT_required {
						     padding: 0 2px;
							      color: #cc0000;
								     font-family: Courier New, Courier, monospace;
										  font-weight: normal;
										  }


/* The client-side error displaying */

   /* How the label should change on error */
   .form_validation_field_error_label {
				      /* color:#cc0000; */
				      }

				      /* How the input's container (TD) should change on error */
				      .form_validation_field_error_container {
									     /* border: 2px solid black; */
									     }

									     /* How the input textfield should change on error */
									     .form_validation_field_error_text {
													       /* border:2px solid #cc0000; */
													       }

													       /* The actial error message style */
													       .form_validation_field_error_error_message {
																			  color:#cc0000;
																			   font-weight: bold;
																					clear:left;
																					}
																					form.form_validation_form_error table {
																									border: 2px solid red;
																									}

/* The server-side error displaying */
/* topmost error div */
#KT_tngerror {
	     padding: 10px 10px 10px 80px;
	     margin:5px;
	     font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	     font-weight:bold;
	     font-size: 12px;
	     color: #555555;
	     background-color:#f2f2f2;
	     background-image:url(images/error.gif);
	     background-repeat:no-repeat;
	     background-position:1% 50%;
	     border: solid 1px #4F72B4;
}

/* trace container ( iniitally collapsed), and "Submit this to InterAKT... " area */
#KT_tngdeverror, #KT_tngtrace {
		 padding: 5px 10px 5px 5px;
		 margin:5px;
		 border: solid 1px #4F72B4;
		 color: #555555;
		 background-color:#f2f2f2;
		 font-family:Courier, monospace;
		 font-size: 12px;
}
    #KT_tngdeverror a, #KT_tngdeverror a:visited, #KT_tngdeverror a:active, #KT_tngdeverror a:hover,
    #KT_tngtrace a, #KT_tngtrace a:visited, #KT_tngtrace a:active, #KT_tngtrace a:hover {
		 font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
        font-weight: bold;
		     font-size: 14px;
        text-decoration: none;
        color: #555555;
	    padding: 0px 5px 0px 12px;
	        margin-right: 0px;
    }
    #KT_tngdeverror a:hover,
    #KT_tngtrace a:hover {
		 text-decoration: underline;
    }

    /* alignment and borders for the form submit buttons */
    #KT_tngdeverror #KT_needhelp {
		    text-align: right;
		    }

		    #KT_tngdeverror label, #KT_tngtrace label {
				    display: block;
					     font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
							  font-weight:bold;
							  }

							  #KT_tngtrace ul {
								       padding-left:10px;
									margin-left:10px;
									}

									#KT_tngtrace_details {
											     display: none;
											     }

#KT_tngwarning {
	       padding: 10px 10px 10px 50px;
	       margin:5px;
	       font-family:Verdana, Arial, Helvetica, sans-serif;
	       font-weight:bold;
	       color: #0000CC;
	       font-size: 12px;
	       border:1px solid blue;
	       background-color:#E4FFFF;
	       background-image:url(images/warning.gif) ;
	       background-repeat:no-repeat;
	       background-position:left;
}

.survey_link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color:white;
	text-decoration:none;
	cursor:pointer;
	padding:1px 1px 1px 1px;
	letter-spacing:0px;
	font-weight:bold;
}

.survey_link:hover
{
	text-decoration:none;
	/*color:#FFFFCC;	*/
	color:black;
  text-transform:uppercase;
  letter-spacing:0px;

}

a.action-link-1
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: normal;
        color:red;
        text-decoration:none;
        cursor:pointer;
        letter-spacing:0px;

}
a.action-link-1:hover { background-color:red; color:white; }

/*================================
		GRAGICS STYLES
================================*/
table.survey-table-graphic-1
{
	border-top:2px solid #CDCDCD;
	border-collapse:collapse;
}

table.survey-table-graphic-1 tr.question-row
{
}
table.survey-table-graphic-1 td.question-td-text
{
	vertical-align:middle;
	/*background-color:#CCCCCC;*/
	border-bottom:2px solid #CDCDCD;
	border-right:1px solid #CDCDCD;
	padding-right:3px;
	letter-spacing:0px;
	font-family:'Trebuchet MS',Verdana,Arial;
	font-size:11px;
	font-weight:bold;
	color:#EEEEEE;
}
table.survey-table-graphic-1 td.question-td-bar
{
	vertical-align:top;
	font-size:9px;
	color:#444444;
	font-family:'Trebuchet MS',Verdana,Arial;
	border-bottom:1px solid #CDCDCD;
}
table.survey-table-graphic-1 div.question-div-bar
{
	vertical-align:top;
	font-size:9px;
	color:#BBBBBB;
	background:url("../images/survey_bar.silver.gif") repeat-x 0 0;
}
/*=================*/
table.survey-table-graphic-2
{
	border-top:1px solid #CDCDCD;
	border-collapse:collapse;
}

table.survey-table-graphic-2 tr.question-row
{
}
table.survey-table-graphic-2 td.question-td-text
{
	vertical-align:middle;
	background-color:#CCCCCC;
	border-bottom:2px solid white;
	border-right:1px solid #CDCDCD;
	padding-right:3px;
	letter-spacing:0px;
	font-family:'Trebuchet MS',Verdana,Arial;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}
table.survey-table-graphic-2 td.question-td-bar
{
	vertical-align:top;
	font-size:9px;
	color:#444444;
	font-family:'Trebuchet MS',Verdana,Arial;
	border-bottom:1px solid #CDCDCD;
}
table.survey-table-graphic-2 div.question-div-bar
{
	vertical-align:top;
	font-size:9px;
	color:#BBBBBB;
	background:url("../images/survey_bar.silver.gif") repeat-x 0 0;
}