BODY {
    font-size: 8.5pt; font-family:arial;   background-color: #707070;   background-color: #bebebe;   /* background: #707070 url(skin_bg.gif) repeat-y center; */   padding: 0; margin:0;
}
INPUT {
  font-size: 8.5pt; font-family:arial;   
}
TEXTAREA {
  font-size: 8.5pt; font-family:arial; 
}
SELECT  {
  font-size: 8.5pt;  font-family:arial; margin-bottom:2px; 
}
.disable {
    background-color:#EEEEEE;
}
TD {
  PADDING-LEFT:5px; PADDING-RIGHT:5px;     
}

/*
RADIO {
   font-size: 18pt; font-family:arial;
}
*/

.languageMenu {
    padding-top:4px; padding-bottom:2px; 
}
.languageMenu A {
    color:#459125; 
}
.languageMenu A:hover {
     color:#459125;
}
.languageMenu A:active {
     color:#459125;
}
.languageMenu A:visited {
     color:#459125;
}

/* DIV contenedores de las preguntas, tablas, separadores, botones */

DIV.panelControl {
     padding-right:4px; text-align:right; /* border:1px solid #000; */
}

DIV.paper {
    PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-RIGHT: 4px; background-color:#ffffff; /* BORDER: 1px solid #CFE2F6; */
}

DIV.questionHolder {
    background-color:#EEF5FC ! important; width:700px; 
}

DIV.borderDotted  {
    padding-bottom:2px; margin-bottom:4px; background-color:inherit; background-image:url(borderDotted.PNG);  background-repeat: repeat-x;  background-position: bottom left;   /* background:url(../App_Themes/Theme1/borderDotted.PNG) repeat-x center center; height:10px; background-color:#EEF5FC; width:700px; */
}

/* tablas de los preguntas */

TABLE.questionText {
    border-collapse: collapse;  margin:2px; /* border:1px solid #000; */
} 

TD.questionText{
    text-align: justify; padding-right:25px; padding-left:2px ! important; /*border:1px solid #000; */
}

TD.responseNumber {
    vertical-align:top; width:15px; padding-left:4px ! important;  /* border :1px solid #000; */
}

 /* tablas de respuestas */
 
TABLE.responseSelect {
    border-collapse:collapse; margin-top:4px; padding-bottom:2px; margin-bottom:4px;  width:650px; /* DR */ margin-left:25px;  background-color:#CFE2F6; /* border:1px solid #000;  */
}

TABLE.responseSelect TD { 
    padding-bottom:1px; /* border:1px solid #000;  */
}

TD.responseSelect {
   background-color:#CFE2F6; vertical-align:top;
}

DIV.multipleSelect {
    background-color:#fff; border:1px solid #ccc; font-style:normal; width:550px; margin-bottom:2px; /*padding-left:10px; */
}

DIV.dropdown {
    margin-left:30px; font-style:italic;  
}

/* sombre debajo de los controles*/
DIV.drop-shadow-container {
	background-image:url(headerBG.gif);
}


/* tables design */

table.grid {
    width:100%; border: solid #aaa 1px; border-collapse:collapse; /*margin-top:4px; margin-bottom:4px; */ border-collapse:collapse;
}

table.grid TD {
    border:solid #aaa 1px; padding-top:2px; padding-left:2px; padding-right:2px; text-align:left; background-color:#fff;   
}

table.grid TD #nowrap{
    white-space:nowrap;
} 

table.grid TH {
    border: solid #aaa 1px; text-align:center ! important; padding-top:2px; padding-left:2px; padding-right:2px; text-align:left; background-color:#EEF5FC;    
    font-variant: small-caps;
}

table.part_grid {
    width:100%; border: solid #aaa 1px; border-collapse:collapse; 
}

table.part_grid TD {
    border:solid #aaa 1px; padding-top:2px; padding-left:2px; padding-right:2px; text-align:left; background-color:#fff;   
}

table.part_grid TD #nowrap{
    white-space:nowrap;
} 

table.part_grid TH {
    border: solid #aaa 1px; padding:3px;  text-align:left; background-color:#EEF5FC;    
     /*white-space:nowrap;*/ width:250px; font-weight:normal; 
     font-variant: small-caps; 
}


/* grid simple */

table.grid_simple {
    /*width:100%; */
    border: solid #aaa 0px; 
    border-collapse:collapse; 
    margin-left:-2px; 
    margin-top:-2px; 
    margin-right:-3px;  /* testing */
    margin-bottom:2px; 
}

table.grid_simple TD 
{
    border: solid #aaa 1px; 
    border-top:solid #aaa 0px; 
    border-left:solid #aaa 0px;
    /*border-bottom:solid #ccc 1px; 
    border-left:solid #aaa 0px; 
    border-right:solid #aaa 0px; 
    */
    padding:2px; 
    margin:0px; 
    text-align:left; 
     
}

table.grid TR.alternate TD {
    background-color:#eee;
}


/* grid hide */

table.grid_hide {
     border: solid #aaa 0px; border-collapse:collapse;
     margin-left: -2px; padding:0px; margin-bottom:-1px; margin-top:-2px;
}


table.grid_hide TD 
{
    border:solid #aaa 0px; margin:0px; padding:2px;  
    /*background-image:url(borderline.bmp);  background-repeat: repeat-x;  background-position: top left;  */
}
/*
table.grid_hide TH 
{
    border:solid #aaa 0px; 
    border-right:solid #aaa 1px; width:50px;
}*/




 /* --- section caption --- */
 
.mainContentTable {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; height:22px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f6f6f6
}

DIV.sectionCaption {
    width:700px;    
}

.mainContentTable TH {
    TEXT-ALIGN:LEFT; height:15px; BACKGROUND-COLOR: #cccccc; VERTICAL-ALIGN:TOP;
}

.mainContentTableContent {
    PADDING-RIGHT: 10px; PADDING-LEFT: 6px; FONT-SIZE: 10px; PADDING-BOTTOM: 10px; COLOR: #4f4f4f; PADDING-TOP: 10px; FONT-FAMILY: Verdana;
}

hr.dotted {
    width: 100%;  height: 10px; 
}

/* navigation */

.round_box {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 2px; FONT-SIZE: 9px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1px; WIDTH: 15px; PADDING-TOP: 4px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.round_box_selected {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 2px; FONT-SIZE: 9px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1px; WIDTH: 15px; PADDING-TOP: 4px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.round_box_other {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 2px; FONT-SIZE: 9px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1px; WIDTH: 15px; PADDING-TOP: 4px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.round_box {
	BACKGROUND-IMAGE: url(bg_numero_gris.gif); COLOR: #555555
}
.round_box_selected {
	BACKGROUND-IMAGE: url(bg_numero_selected.gif); COLOR: #ffffff
}
.round_box_other {
	BACKGROUND-IMAGE: url(bg_numero_rojo.gif); COLOR: #ffffff
}

/*
A.round_box:hover {
	BACKGROUND-IMAGE: url(bg_numero_hover.gif); COLOR: #ffffff; TEXT-DECORATION: none
}
A.round_box_selected:hover {
	BACKGROUND-IMAGE: url(bg_numero_hover.gif); COLOR: #ffffff; TEXT-DECORATION: none
}
A.round_box_other:hover {
	BACKGROUND-IMAGE: url(bg_numero_hover.gif); COLOR: #ffffff; TEXT-DECORATION: none
}*/

/* round corners box */
.t {
    background: url(dot.png) 0 0 repeat-x; width: 100%
}
.b {
    background: url(dot.png) 0 100% repeat-x
}
.l {
    background: url(dot.png) 0 0 repeat-y
}
.r {
    background: url(dot.png) 100% 0 repeat-y
} 
.bl {
    background: url(jos_box_white_bl.png) 0 100% no-repeat 
}
.br {
    background: url(jos_box_white_br.png) 100% 100% no-repeat
}
.tl {
    background: url(jos_box_white_tl.png) 0 0 no-repeat
}
.tr {
    background: url(jos_box_white_tr.png) 100% 0 no-repeat; padding:10px
}
.note {
    background-color:#FFFFE1; display:block; border:1px solid #E6DB97; padding:5px;  
}
.alert {
	background-color:#FFDDDD; border-top:1px solid #FF5050; border-bottom:1px solid #FF5050; margin:5px 0px 5px 0px; padding:2px 5px 2px 5px;	
}
DIV.help {
    background-position:5px 5px; background-repeat:no-repeat; background-image:url(quest.jpg); background-color:#FFFFE1; border:1px solid #E6DB97; padding-left:30px; padding-top:5px; padding-bottom:7px; height:25px; white-space:nowrap; margin-left:25px; margin-right:25px; 
}
.SpecifyOther {
    padding-left:10px; padding-bottom:5px;    
}
.Decimal {
    text-align:right ! important
}

.cf:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.cf {display: inline-block;}
html[xmlns] .cf {display: block;}
* html .cf {height: 1%;}


#menu, #menu li {padding:0;margin:0;list-style:none;list-style-image:none}
#menu, #menu li {padding:0;margin:0;list-style:none;list-style-image:none}
#menu {background:#f0f0f0;margin-bottom:0px;padding:5px 10px 0 10px;font-size:110%}
#menu li {float:left;margin-right:10px;padding:5px 10px;border-right:0px solid #333;font-weight:bold}
#menu li a {color:#666;text-decoration:none; }
#menu li.selected {background:#fff;border:1px solid #cccccc;border-bottom:0px}
#menu li.selected a {color:#459125}
#menu li a:hover {text-decoration:underline}
#menu li.selected a:hover {text-decoration:none}
#menu li.last {border:0}


.smallMenu A{
    color:#459125;
}
.smallMenu A:hover{
    color:#459125;
}
.smallMenu A:active{
    color:#459125;
}
.smallMenu A:visited{
    color:#459125;
}

TABLE.boxing {
    width:700px;
}
TABLE.boxing TD {
    margin:2px;  border: 1px solid #cdcdcd; background-color:#f1f1f1; padding:2px; text-align:left; vertical-align:top;        
}

#tooltip {
    padding: 5px 10px;
    background: #cad7e0;
    border: 1px solid #b2bdc3;
    /*opacity: 0.90;*/
}

#bg_middle{
    background:url(i/bg_middle.bmp) left top repeat-y; 
}

#bg_top{
    background:url(i/bg_top.bmp) left bottom repeat-y; 
}

#bg_buttom{
    background:url(i/bg_buttom.bmp) left top repeat-y; 
}

#td_logo {
   background:url(i/Logo.bmp) left top no-repeat; text-align:left; height:97px;  width:309px; 
}