/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}
	 
article, aside, figure, footer, header,
hgroup, nav, section { display:block; }
	 
nav ul { list-style:none; }
	 
blockquote, q { quotes:none; }
	 
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
	 
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
	 
ins { background-color:#ff9; color:#000; text-decoration:none; }
	 
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
	 
del { text-decoration: line-through; }
	 
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
	 
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
	 
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
	 
input, select { vertical-align:middle; }

/* END RESET CSS */


/* ------------------------------------------------*/
/*		Copyright								   */
/* ------------------------------------------------*/
.copyrightrect 
{
	margin: 10px auto 0px auto;
	position: relative;
}

.copyrightrect_inner1
{
	display: block;
	float: left;
	left: 50%;
	position: relative;
}

.copyrightrect_inner2
{
	display: block;
	float: left;
	right: 50%;
	position: relative;
}

.copyrightrect .copyright_item, 
.copyrightrect .copyright, 
.copyrightrect .patent, 
.copyrightrect .sitepolicy,
.copyrightrect .poweredby,
.copyrightrect .logo
{
	float: left;
	vertical-align: middle;
	height: 26px;	/* height of powered by logo */
}

.copyrightrect .clear
{
	clear: both;
}

.copyrightrect p,
.copyrightrect a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-size: 7pt;
	color: #666; 
}

.copyrightrect p 
{
	padding-top: 9px;
}

.copyrightrect a {
	text-decoration: none;
}

.copyrightrect a:hover {
	text-decoration: underline;
}

.copyrightrect span.divider {
	margin-left: 4px;
	margin-right: 4px;
}

.copyrightrect .logo a {
	height:26px;
	width:88px;
	display: block;
	background: transparent url("survey/images/poweredByCustomerville.png") no-repeat;
	text-decoration:none;
}

.copyrightrect .logo a span{
	visibility: hidden;
}

/* ------------------------------------------------*/
/* http://preloaders.net/en/latest */

.page_loading_rect
{
    display: none;
    width: 32px;
    height: 32px;
    background-image: url(survey/images/page-loading.gif);
    background-repeat: no-repeat;
}

/* ------------------------------------------------*/

.progressbarrect 
{
	height: 25px;
}

.progressbar .bars 
{  
	position: relative;
	display: block;
}

.progressbar .bars_inner1 
{  
	display: block;
	float: left;
	left: 50%;
	position: relative;
}

.progressbar .bars_inner2
{  
	display: block;
	float: left;
	right: 50%;
	position: relative;
}

.progressbar .bar_rect
{
    float: left;
}

.progressbar .bar
{
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    float: left;
}

.progressbar .bars .clear
{
    clear: both;
}

.progressbar .bars .full
{
    background-image: url("survey/images/progressbar_full.png");
}

.progressbar .bars .empty
{
    background-image: url("survey/images/progressbar_empty.png");
}

.progressbar .text
{
    font-size: 7pt;
    text-align: center;
}

/* ------------------------------------------------*/
/*   Controls									   */
/* ------------------------------------------------*/
.dropdownlist_control .content
{
	padding: 5px 0px;
}

.dropdownlist_control .label,
.dropdownlist_control .field
{
	vertical-align: middle;
	float: left;
}

.dropdownlist_control .clear
{
	clear: both;
}

.dropdownlist_control .label
{
	padding-right: 5px;
}

/* ------------------------------------------------*/

.radiobtns_control .radioButtons
{
	padding-left: 30px;
}

.radiobtns_control .columnsRow .column
{
     padding-right: 25px;
     float: left;
}

.radiobtns_control .columnsRow .clear
{
    clear: both;
}

.radiobtns_control .radioButton .contentRow
{
    padding-bottom: 10px;
}

.radiobtns_control .radioButton .button,
.radiobtns_control .radioButton .answer
{
	float: left;
	vertical-align: top;
}

.radiobtns_control .radioButton .clear
{
	clear: both;
}

/* ------------------------------------------------*/

.checkboxlist_control .checkBoxList
{
	margin-left: 30px;
}

.checkboxlist_control .columnsRow .column
{
     padding-right: 25px;
     float: left;
}

.checkboxlist_control .columnsRow .clear
{
    clear: both;
}

.checkboxlist_control .checkBoxList .checkBox
{
	padding: 0px 0px 5px 0px;
}

.checkboxlist_control .checkBoxList .button,
.checkboxlist_control .checkBoxList .answer
{
	float: left;
	vertical-align: top;
}

.checkboxlist_control .checkBoxList .clear
{
	clear: both;
}

/* ------------------------------------------------*/

.checkbox_control .field,
.checkbox_control .label
{
	float: left;
	vertical-align: top;
}

.checkbox_control .label
{
    margin-left: 5px;
}

.checkbox_control .clear
{
	clear: both;
}

.checkbox_control .separator
{
	display: none;
}

/* ------------------------------------------------*/

.yui-skin-sam .yui-calcontainer {
    background-image: url("images/tellTDMcalendarBK.jpg");
    background-repeat: no-repeat;
    background-position: top;   
    border:none;
    padding: 20px;
}
	
.yui-skin-sam 
.yui-calendar {
	font-size:93%;
	font-family: 'CallunaSansRegular', Arial, Helvetica, Sans-Serif;	
}

.yui-skin-sam .yui-calendar td.calcell a {
    color: #1E676E;
    display: block;
    height: 100%;
    text-decoration: none;
}

.yui-skin-sam .yui-calendar td.calcell.oom {
    background-color: #CEDDD6;
    color: #729594;
    cursor: default;
}


/* ------------------calendar header ------------------------------*/
.yui-skin-sam .yui-calendar .calweekdaycell {
    color: #1E676E;
    font-weight: normal;
    text-align: center;
    width: 2em;
}

.yui-skin-sam .yui-calendar .calheader {
    background: none repeat scroll 0 0 transparent;
    font-weight: normal;
    padding: 0 0 0.6em;
    text-align: center;
    color: #1E676E;
}

/* ------------------calendar cells ------------------------------*/
.yui-skin-sam .yui-calendar td.calcell.selected a {
    background-color: #81BFA6;
    color: #000000;
}


.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
    background-color: #1E676E;
    color: #FFFFFF;
}

/* ------------------------------------------------*/

.greendot11pt_control .text
{
	text-align: center;
}

.greendot11pt_control .header
{
    background: url("images/scales/english/10-pt-scale.png") no-repeat scroll 0 0 transparent;
    height: 75px;
    margin: 20px auto 5px auto;
    width: 377px;
}

.greendot11pt_control .radioButtons {
	margin: 10px auto 0 auto;
	width: 385px;
	padding-left: 14px;
}

.greendot11pt_control .radioButtons .radioButton 
{
	float: left;
	width: 35px;
}

.greendot11pt_control .radioButtons .clear 
{
	clear: both;
}

/* ------------------------------------------------*/

.greendot5_segment
{
}

.greendot5_segment .heading
{
    margin-right: 10px;
	margin-bottom: 10px;
}

.greendot5_segment .heading .content
{
    background-image: url(survey/images/scales/english/5-pt-scale.png);
    background-repeat: no-repeat;
    background-position: top right;
 	height: 75px;
}

.greendot5_segment .questions
{
	padding-top: 5px;
}

.greendot5_segment .greendot5pt_control
{
    padding-bottom: 20px;
}

.greendot5_segment .greendot5pt_control .text
{
	float: left;
	vertical-align: top;
}

.greendot5_segment .greendot5pt_control .radioGroup
{
	float: right;
	vertical-align: top;
	padding-right: 3px;
}

.greendot5_segment .greendot5pt_control .clear
{
	clear: both;
}

.greendot5_segment .greendot5pt_control .labelGroup
{
	display: none;
}

.greendot5_segment .greendot5pt_control .text
{
    padding-right: 20px;
    width: 660px;
    vertical-align: top;
}

.greendot5_segment .greendot5pt_control .radioGroup
{
    width: 175px;
}

.greendot5_segment .greendot5pt_control .radioGroup .btn1,
.greendot5_segment .greendot5pt_control .radioGroup .btn2,
.greendot5_segment .greendot5pt_control .radioGroup .btn3,
.greendot5_segment .greendot5pt_control .radioGroup .btn4,
.greendot5_segment .greendot5pt_control .radioGroup .btn5 
{
	float: left;
    width: 33px;
    text-align: center;
}

.greendot5_segment .greendot5pt_control .radioGroup .btn1 
{
    margin-left: 5px;
}

.greendot5_segment .greendot5pt_control .radioGroup .clear
{
	clear: both;
}

.greendot5_segment .greendot5pt_control .radioGroup .thumbs1,
.greendot5_segment .greendot5pt_control .radioGroup .thumbs2,
.greendot5_segment .greendot5pt_control .radioGroup .thumbs3,
.greendot5_segment .greendot5pt_control .radioGroup .btn_na
{
	display: none;
}


/* ------------------------------------------------*/


.greendot5na_segment .heading
{
	margin-bottom: 10px;
}

.greendot5na_segment .heading .content
{
    background-image: url(survey/images/scales/english/5-pt-NA-scale.png);
    background-repeat: no-repeat;
    background-position: top right;
 	height: 75px;
}

.greendot5na_segment .heading .clear
{
	clear: both;
}

.greendot5na_segment .greendot5pt_control
{
    margin-bottom: 15px;
}

.greendot5na_segment .greendot5pt_control .text
{
    width: 650px;
    float: left;
    vertical-align: top;
}

.greendot5na_segment .greendot5pt_control
{
}

.greendot5na_segment .greendot5pt_control .radioGroup
{
    position:relative;
    float:right;
    width:220px;
    height:24px;
    margin-right: 2px;
}

.greendot5na_segment .greendot5pt_control .labelGroup
{
    display: none;
}

.greendot5na_segment .greendot5pt_control .clear
{
    clear: both;
}

.greendot5na_segment .greendot5pt_control .radioGroup .btn1,
.greendot5na_segment .greendot5pt_control .radioGroup .btn2,
.greendot5na_segment .greendot5pt_control .radioGroup .btn3,
.greendot5na_segment .greendot5pt_control .radioGroup .btn4,
.greendot5na_segment .greendot5pt_control .radioGroup .btn5,
.greendot5na_segment .greendot5pt_control .radioGroup .btn_na 
{
    float:left;   
    width: 34px;
    text-align:center;
}

/********* DATETIME CONTROL **********/
.ui-datepicker {
    font-size: 8pt;
}
/*------------------------------------
	Page setup
--------------------------------------*/
body 
{
    color: black; 
    background-color: #C7B399;
    font-size: 12pt;
    font-weight: normal; 
    font-family: 'Century Gothic', Arial, Helvetica, Sans-Serif;
    margin-top: 0px;
}

.survey_wrapper
{
	background-image: url('survey/images/tellcactus_background2.png');
	background-repeat: repeat-x;
}

.wrapper
{
    width: 934px;
    margin: 0 auto;
}

.pagecontentrect 
{
	position: relative;
}

.pagecontentheaderrect 
{
    margin: 0 auto;
	height: 230px;
	background-image: url('survey/images/tellcactus_logo2.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

.surveycontentrect 
{
	width: 900px;
	margin: 0 auto;
}

.surveycontentheader
{
	height: 20px;
}

.segmenttitlerect
{
	position: relative;
    font-size: 18pt;
    color: Maroon;
    font-family: Georgia, Times New Roman, Serif;
    padding-bottom: 15px;
}

.errorrect
{
	height: 30px;
	position: relative;
    color: Red;
	padding: 15px 0 0 0;
}

label.error 
{
	color: Red;
    font-size: 90%;
	margin-left: 15px;
	display: none;
}

input.error { border: 1px dotted red; }
select.error { border: 1px dotted red; }
input.error::moz-focus-inner { border: 1px dotted red; }

.buttonsrect 
{
	position: relative;
    height: 162px;
}

.buttonsrect .prevbutton,
.buttonsrect .nextbutton
{
    float: left;
}

.buttonsrect .clear
{
    clear: both;
}

.buttonsrect .prevbutton .button
{
    display: block;
    height: 162px;
    width: 80px;
    background-image: url("survey/images/tellcactus_prev_btn2.png");
    background-repeat: no-repeat;
}

.buttonsrect .nextbutton .button
{
    display: block;
    height: 162px;
    width: 153px;
    background-image: url("survey/images/tellcactus_next_btn2.png");
    background-repeat: no-repeat;
}

.page_0 .buttonsrect .prevbutton .button
{
    background-image: url("survey/images/tellcactus_prev_btn_firstpage2.png");
}

.page_final .buttonsrect .nextbutton .button
{
    background-image: url("survey/images/tellcactus_done_btn2.png");
}

.progressbarrect
{
	border: 1px solid transparent;
}

/* ------------------------------------------------*/
/*   Page specific                                 */
/* ------------------------------------------------*/

.page_landing .pagesegment1 .segmenttitlerect,
.page_landing .pagesegment2 .segmenttitlerect
{
	padding-top: 20px;
}

.page_landing .textfield_control 
{
	padding-left: 30px;
}

.page_landing .textfield_control .label  
{
    float: left;
    padding-right: 5px;
}

.page_landing .textfield_control .field 
{
    float: left;
}

.page_landing .textfield_control .clear 
{
    clear: both;
}

.page_landing .radiobtns_control .text
{
	display: none;
}

/* ------------------------------------------------ */
.page_comments .textfield_control .label
{
	display: none;
}

.page_comments textarea
{
    width:98%;
    height:225px;
    margin-top:20px;
    scroll:auto;
    padding: 10px;
    font-size:80%;
    line-height:130%;
    color:#333;
    border:1px solid #ccc;
}

/* ------------------------------------------------ */

.page_overall .pagesegment0 .segmenttitlerect
{
    padding-bottom: 10px;
    text-align: left;
}

.page_overall .radiobtns_control .radioButton .content
{
    margin-bottom: 5px;
}

.page_overall .radiobtns_control .radioButton .answer
{
	font-family: Arial, Helvetica, Sans-Serif;
}

.page_overall .radiobtns_control .text
{
    display: none;
}

.page_overall .pagesegment1
{
    padding-top: 15px;
}

.page_overall .pagesegment1 .segmenttitlerect
{
    display: none;
}

.page_overall .checkboxlist_control .text
{
    font-size: 125%;
    padding-bottom: 10px;
}

.page_overall .pagesegment1 .column1
{
    margin-right: 0px;
}

.page_overall .checkboxlist_control .checkBoxList .answer
{
	width: 300px;
	font-family: Arial, Helvetica, Sans-Serif;
}

.page_overall .pagesegment2 .segmenttitlerect
{
    display: none;
}

.page_overall .textfield_control
{
	margin-left: 380px;
}

.page_overall .textfield_control .label
{
	display: none;
}

.page_overall .textfield_control textarea
{
    border:1px solid #ccc;
    width: 360px;
    height: 4.5em;
}

/* ------------------------------------------------ */

.page_contact_info .info_confidential
{ 
    color: black; 
    font-size: 12pt;
    font-weight: normal; 
    font-family: 'Century Gothic', Arial, Helvetica, Sans-Serif;
}

.page_contact_info p 
{ 
	margin: 0px 0 20px 0;
}

.page_contact_info .textfield_control
{
    padding: 5px 0;
}

.page_contact_info .textfield_control .label  
{
    float: left;
    width: 145px;
}

.page_contact_info .textfield_control .field 
{
    float: left;
}

.page_contact_info .textfield_control .clear 
{
    clear: both;
}

.page_contact_info .calendar_control
{
	padding-top: 5px;
}

.page_contact_info .calendar_control .label
{
    width: 145px;
	float: left;
}

.page_contact_info .calendar_control .field
{
	float: left;
}

.page_contact_info .calendar_control .field .text
{
	float: left;
}

.page_contact_info .calendar_control .field .calendar
{
	float: left;
	padding-left: 10px;
	height: 250px;
}

.page_contact_info .calendar_control .field .calendar .clear
{
	clear: both;
}

.page_contact_info .calendar_control .clear
{
	clear: both;
}

.page_contact_info .pagefooterrect p,
.page_contact_info .pagefooterrect a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-size: 7pt;
	color: #666; 
}

x.page_contact_info .legal_info
{
	display: none;
}

/* ------------------------------------------------ */

.page_thankyou .segmenttitlerect,
.page_thankyou .thankyou
{
	text-align: center;
}