@import "nebu_base.css";

/************************************************************************/
/*************************    general rules    **************************/
/************************************************************************/

/*big permanent title at the top*/
div.QuestHeader{
	background-color:#f7f6f5;
	color: #db002e;
	padding:10px;
	margin-bottom: 10px;
}

div.QuestMessage{
	padding: 0px 10px 0px 10px;
}

/*font in the QuestHeader*/
.BigRedFont{
	color: #db002e;/*nebu red*/
	font-size:   15px;
	font-weight: bold;
}

/*div contains the question tables*/
div.questcontainer,
div.groupcontainer{
	padding: 10px 10px 0px 10px;
	width:100%;
}

html > body div.questcontainer,
html > body div.groupcontainer{
   width: auto;
}

/*
div.questcontainer table{
	border-collapse: separate;
	border-spacing: 8px;
}
*/

/*default style for question tables*/
div.questcontainer td{
	padding: 4px 6px 4px 6px;
	vertical-align: middle;
}

/*question text above the form*/
.QuestFont{
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
	margin: 10px 10px 0px 10px;
	color: #000000;
	background-color: #f7f6f5;
}

.QuestIDFont{

} 

/**/
.OptionFont{

}

/*CATI "good morning" message*/
.IntroFont{
	
}

.ScaleFont{
	font-weight: bold;
}

/************************************************************************/
/************************    table group rules    ***********************/
/************************************************************************/


table.TableGroup{
	width:100%;
	margin-top: -10px;
}

table.TableGroup td.tablegroupcell{
	vertical-align: top;
}


/************************************************************************/
/************************    general td rules    ************************/
/************************************************************************/

/*tds contains description for an input item*/
td.item{
	vertical-align: middle;
}

td.item2{

}

td.item3{

}

/*cells contains several input elements*/
td.radio{
	/*width: 20px;*/
	text-align: center;
}

td.checkbox{
	/*width: 20px;*/
	text-align: center;
}

/*cell contains one-row text input*/
td.text{
	width: 1px;
}
td.text input.text{
	width: 70px;
}


/*cell contains textarea*/
td.textarea{

}
td.textarea textarea{
	width: 250px;
	height: 100px;
}

td.select{

}

/*td contains an image*/
td.itemimage{

}

/*td for grouping item rows*/
td.rowgroup{
	font-weight: bold;
}






/* td of "none" message */
td.none{

}

td.noneitem{

}

/* td of "none" radio */
td.noneradio{
	text-align: center;
}

/* td of "none" checkbox */
td.nonecheckbox{
	text-align: center;
}

/*td of "noneofthese" checkbox/radiobutton to skip the current question*/
td.noneofthese{

}





/*message for filtering search */
td.searchtext{

}

/*cell contains the textinput for search*/
td.searchtextinput{

}

td.searchtextinput input.text{
	
}

/*cell contains the "do search" button*/
td.searchtextbutton{

}





/*message for open question*/
div.questcontainer td.openitem{
	/*width:200px;*/
	padding-bottom: 0px;
}

/*cell contains the textinput for open question*/
td.opentext{

}

/*cell contains the textarea for open question */
td.opentextarea{

}
td.opentextarea textarea{
	width: 250px;
	height: 100px;
}

/*cell contains the radiobutton for open question */
div.questcontainer 
td.openradio{
	text-align: center;
	padding-bottom: 0px;
}

/*cell contains the checkbox for open question */
div.questcontainer  
td.opencheckbox{
	text-align: center;
	padding-bottom: 0px;
}





/* header in ItemsPopup*/
td.ScaleColumn{
	text-align:center;
	background-color: #695547;
    color:#fff;
}
td.ScaleColumn *{
	font-weight: bold;
}

td.XptScaleColumn{
	text-align:center;
}


/*reset alternating rows*/
tr.r1, td.r1{
	background-color: #ffffff;
}

tr.r2, td.r2{
	background-color: #ffffff;
}

/*rows contain horz lines*/
tr.hr td{
	padding: 0px;
	height: 1px;
}
tr.hr td hr{
	height: 1px;
	margin: -6px 0px -6px 0px;
	padding: 0;
	line-height: 1px;
	display:block;
	background-color: #000000;
}

/*IE-FF hack*/
html > body tr.hr td hr{
	margin:0px;
}



/************************************************************************/
/**********************  single response table   ************************/
/************************************************************************/

/*single response table*/
table.SRTable{
}

/*header row*/
table.SRTable tr.SRTableHeader{

}

/*alternate rows*/
table.SRTable tr.r1{

}

table.SRTable tr.r2{

}

/*overloading general td rules*/
table.SRTable td.rowgroup{

}

table.SRTable td.item{

}

table.SRTable td.item2{

}

table.SRTable td.item3{

}

table.SRTable td.itemimage{

}

table.SRTable td.radio{

}


/* "none" elements */
table.SRTable td.noneitem{

}

table.SRTable td.noneradio{

}

/* "open" elements */
table.SRTable td.openitem{

}

table.SRTable td.openradio{

}

table.SRTable td.opentext{

}

table.SRTable td.opentextarea{

}

/*"search" elements*/
table.SRTable td.select{

}

table.SRTable td.searchtext{

}

table.SRTable td.searchtextinput{

}

table.SRTable td.searchtextbutton{

}


/************************************************************************/
/**********************  multiple response table   **********************/
/************************************************************************/

/*multiple response table*/
table.MRTable{
}

table.MRTable tr.MRHeaderRow{

}

table.MRTable tr.r1{

}

table.MRTable tr.r2{

}

/*header columns*/
table.MRTable td.MRHeaderColumn{

}

/*overwriting general td rules*/
table.MRTable td.item{

}
table.MRTable td.item2{

}
table.MRTable td.item3{

}

table.MRTable td.itemimage{

}

table.MRTable td.checkbox{

}

/* "none" elements */
table.MRTable td.none{

}

table.MRTable td.nonecheckbox{

}

/* "open" elements */
table.MRTable td.openitem{

}

table.MRTable td.opencheckbox{

}

table.MRTable td.opentext{

}

table.MRTable td.opentextarea{

}

/************************************************************************/
/************************  items popup table   **************************/
/************************************************************************/

/*single response table*/
table.ItemsPopupTable{

}

table.ItemsPopupTable tr.r1{

}

table.ItemsPopupTable tr.r2{

}

table.ItemsPopupTable td.ScaleColumn{

}

/* overloading rules */
table.ItemsPopupTable td.item{

}
table.ItemsPopupTable td.item2{

}
table.ItemsPopupTable td.item3{

}

/*overwriting general td.item rule*/
table.ItemsPopupTable td.itemimage{

}

/*overwriting general td.radio rule*/
table.ItemsPopupTable td.radio{

}

/*overwriting general td.none rule*/
table.ItemsPopupTable td.noneradio{

}


/************************************************************************/
/********************  multiple items popup table   *********************/
/************************************************************************/

/*single response table*/
table.MultipleItemsPopupTable{

}

table.MultipleItemsPopupTable tr.r1{

}

table.MultipleItemsPopupTable tr.r2{

}

table.MultipleItemsPopupTable td.ScaleColumn{

}

/* overloading rules */
table.MultipleItemsPopupTable td.item{

}
table.MultipleItemsPopupTable td.item2{

}
table.MultipleItemsPopupTable td.item3{

}

/*overwriting general td.item rule*/
table.MultipleItemsPopupTable td.itemimage{

}

/*overwriting general td.radio rule*/
table.MultipleItemsPopupTable td.checkbox{

}

/*overwriting general td.none rule*/
table.MultipleItemsPopupTable td.nonecheckbox{

}


/************************************************************************/
/**************************  numeric table   ****************************/
/************************************************************************/

/*numeric table*/
table.NumericTable{

}
/**/
table.NumericTable tr.NumHeaderRow{

}

table.NumericTable tr.r1{

}

table.NumericTable tr.r2{

}

table.NumericTable td.NumHeaderColumn{

}

table.NumericTable td.TotalText{

}

table.NumericTable td.TotalNumber{

}


/* overloading rules */
table.NumericTable td.item{

}
table.NumericTable td.item2{

}
table.NumericTable td.item3{

}

table.NumericTable td.itemimage{

}

table.NumericTable td.text{

}

/*overwriting general td.none rule*/
table.NumericTable td.noneofthese{

}



/************************************************************************/
/*************************  x-points table   ****************************/
/************************************************************************/

/*numeric table*/
table.XPointsTable{

}

/**/
table.XPointsTable tr.NumHeaderRow{

}

table.XPointsTable tr.r1{

}

table.XPointsTable tr.r2{

}

table.XPointsTable td.XPointsHeaderColumn{

}

table.XPointsTable td.XptScaleColumn{

}

/* overloading rules */
table.XPointsTable td.item{

}
table.XPointsTable td.item2{

}
table.XPointsTable td.item3{

}

table.XPointsTable td.itemimage{

}

table.XPointsTable td.radio{

}

/*overwriting general td.none rule*/
table.XPointsTable td.none{

}


/************************************************************************/
/*************************  dbsearch table   ****************************/
/************************************************************************/

/*single response table*/
table.DBSearch{

}

/*overwriting general td rules*/
table.DBSearch td.text{

}

table.DBSearch td.searchtext{

}

table.DBSearch td.searchtextinput{

}

table.DBSearch td.searchtextbutton{

}


/************************************************************************/
/*************************  DateTable table   ***************************/
/************************************************************************/

/*single response table*/
table.DateTable{

}

/*overwriting general td.item rule*/
table.DateTable td.item{

}

table.DateTable td.item2{

}

table.DateTable td.text{

}

table.DateTable td.radio{

}

table.DateTable td.select{

}

table.DateTable td.DateLiterals{

}

table.DateTable td.none{

}

table.DateTable td.noneofthese{

}

/************************************************************************/
/*************************  TextTable table   ***************************/
/************************************************************************/

/*single response table*/
table.TextTable{

}

table.TextTable tr.r1{

}

table.TextTable tr.r2{

}

/*overwriting general td rules*/
table.TextTable td.text{

}

table.TextTable td.checkbox{

}

table.TextTable td.password{

}

table.TextTable td.item{

}

table.TextTable td.item2{

}

table.TextTable td.itemimage{

}

table.TextTable td.none{

}

table.TextTable td.noneofthese{

}

/************************************************************************/
/*************************  OpenEnded table   ***************************/
/************************************************************************/

/*single response table*/
table.OpenEnded{

}

/*overwriting general td rules*/
table.OpenEnded td.textarea{

}

table.OpenEnded td.checkbox{

}

table.OpenEnded td.none{

}

/************************************************************************/
/*************************  SliderTable table   *************************/
/************************************************************************/

/*single response table*/
table.SliderTable{

}

/*overwriting general td rules*/
table.SliderTable td.item{

}

table.SliderTable td.input{

}

table.SliderTable td.SliderHeaderFont{

}

/************************************************************************/
/****************************  tree table   *****************************/
/************************************************************************/

table.Tree{

}

/*header row*/
table.Tree tr.TreeHeader{

}

/*alternate rows*/
table.Tree tr.r1{

}

table.Tree tr.r2{

}

/*overloading general td rules*/
table.Tree td.rowgroup{

}

table.Tree td.item{

}

table.Tree td.item2{

}

table.Tree td.item3{

}

table.Tree td.itemimage{

}

table.Tree td.radio{

}


/* "none" elements */
table.Tree td.noneitem{

}

table.Tree td.noneradio{

}

/* "open" elements */
table.Tree td.openitem{

}

table.Tree td.openradio{

}

table.Tree td.opentext{

}

table.Tree td.opentextarea{

}

/*"search" elements*/
table.Tree td.select{

}

table.Tree td.searchtext{

}

table.Tree td.searchtextinput{

}

table.Tree td.searchtextbutton{

}


/************************************************************************/
/**************************  CDChoice table   ***************************/
/************************************************************************/

table.CDChoice{

}

/*overwriting general td rules*/
table.CDChoice td.select{
	padding:0px;
}

/************************************************************************/
/*************************  PostalCode table   **************************/
/************************************************************************/

table.PostalCode{
	width:300px;
}

/*overwriting general td rules*/
table.PostalCode td.text{

}

table.PostalCode td.item{

}

table.PostalCode td.button{

}

table.PostalCode td.textarea{

}

table.PostalCode td.textarea textarea{
	width:100%;
}


/************************************************************************/
/*************************  SubCase table   *****************************/
/************************************************************************/

table.SubCase{

}

/*overwriting general td rules*/
table.SubCase td.item{

}

table.SubCase td.text{

}

table.SubCase td.radio{

}

/************************************************************************/
/************************  PanelSearch table   **************************/
/************************************************************************/

table.PanelSearch{

}

/*overwriting general td rules*/
table.PanelSearch td.item{

}

table.PanelSearch td.text{

}

table.PanelSearch td.select{

}

table.PanelSearch td.checkbox{

}












/*************************************************************************/
/*********************   adding table look'n feel   **********************/
/*************************************************************************/

tr.r1, td.r1{
	background-color: #ffffff;
}

tr.r2, td.r2{
	background-color: #f7f6f5;
}

table.SRTable,
table.MRTable,
table.NumericTable,
table.DBSearch,
table.DateTable,
table.TextTable,
table.OpenEnded,
table.XPointsTable,
table.PostalCode,
table.PanelSearch,
table.CDChoice,
table.SubCase
{
	border-top:  20px solid #695547;
	border-left:  1px solid #695547;
	border-right: 1px solid #695547;
	border-bottom:1px solid #695547;
}

table.ItemsPopupTable,
table.MultipleItemsPopupTable
{
	border: 1px solid #695547;
}

table.NumericTable tr,
table.DateTable tr
{
	/*xbackground-color: #ffffff;*/
}








/************************************************************************/
/***************    General Right to Left Overloading    ****************/
/************************************************************************/


/*aligning everything to the right*/
form.RtoL{
	direction: rtl;
}

/*

form.RtoL table td.checkbox,
form.RtoL table td.radio,
form.RtoL table td.noneradio,
form.RtoL table td.nonecheckbox,
form.RtoL table td.openradio,
form.RtoL table td.opencheckbox,
form.RtoL table td.XptScaleColumn,
form.RtoL table td.ScaleColumn
{
	text-align: center;
}

table.slider_horz, table.slider_horz table{
	float:none;
}
*/




/*******************************************************
********************************************************
**************** Others, eg. CATI things ***************
********************************************************
*******************************************************/

/*.DefaultLeftMargin   {margin-left:      40px}*/

/*CATI "good morning"*/
.IntroFont{
	padding: 0px 4px;
}

/*CATI speedfont*/
.SpeedFont{
	font-weight: bold;
	padding: 0px;
}

div.questcontainer .SpeedFont{
	padding: 0px 4px 0px 0px;
}

/*CATI*/
.NumberToDial{
	
}

/*CATI time display*/
.TimeFont, .TimeFont *{

}

/*CATI top message*/
.RespondentFont{
	font-size: 11px;
	color: #e21736;/*nebu red*/
	line-height: 30px;
	padding-left: 11px;
}

.BlockFont          {
                     font-size:        10px;
                     background-color: #f0f7ec;
                     /*margin-top:       20px;
                     margin-left:      0px*/
}

.RecOptionFont      {
                     font-size:        10pt;
                     background-color: #f0f7ec;
                     /*margin-top:       20px;
                     margin-left:      0px*/
}

.TotalFont          {
                     font-size:        12pt}
                     
.AppointFont        {color:            #e21736;/*nebu red*/
                     font-size:        10pt;
                     font-weight:      bold}


.news               {
                     font-size:        15px;
                     font-weight:      bold}

.CodeInQuest        {}
.CodeInCodeBook     {font-style:  italic}


.CATI               {}
.WAPI               {display: none}

.BreakTitleFont     {font-size:        15px; 
                     font-weight:      bold; 
                     text-align:       right;
                     vertical-align:   middle}
.BreakTimeFont      {font-size:        40pt; 
                     font-weight:      bold; 
                     text-align:       center}

.Date               {}
.DateLiterals       {width: 12px;
                     font-size: large;
                     font-weight: bold;
                     padding-left: 4px;
                     padding-right: 1px}
.DateSpinnerUp      {background-image: url(/Images/DubInterViewer/SpinnerUp.gif); 
                     background-position: bottom center;
                     background-repeat:   no-repeat;
                     width: 15px; 
                     height: 5px}   
.DateSpinnerDown    {background-image: url(/Images/DubInterViewer/SpinnerDown.gif); 
                     background-position: top center;
                     background-repeat:   no-repeat;
                     width: 15px; 
                     height: 5px}
.DateTimeSeperator  {width: 15px}

ainput.radio {width: 50px; height: 50px;}
ainput.checkbox {width: 50px; height: 50px;}
ainput.text {height: 46px; font-size: 18px;}