@charset "UTF-8";
body  { margin: 0;	padding: 0px; font-family:Arial, Verdana; font-size:14px;	color:#666; }

td {font-size:12px;line-height:14px;}

hr {border:0px;border-top:1px solid #cfcfcf;height:1px; }

a:link { color:#666; text-decoration:underline;font-size:11px;}
a:hover{color:#666; text-decoration:none;font-size:11px;}
a:active{color:#666; text-decoration:underline;font-size:11px;}
a:visited{color:#666; text-decoration:underline;font-size:11px;}

#survey a:link { color:#666; text-decoration:underline;font-size:12px; background-image:none}
#survey a:hover{color:#666; text-decoration:none;font-size:12px;background-image:none}
#survey a:active{color:#666; text-decoration:underline;font-size:12px;background-image:none}
#survey a:visited{color:#666; text-decoration:underline;font-size:12px;background-image:none}


#telus_main { padding:12px; }

/* All Body Divs */
#telus_main div { width:953px; }

/* 1px Horizontal Rule */
#telus_main #divider { clear:both; border-top:1px solid #cfcfcf; margin-top:10px;padding-top:10px; }

#telus_main .input_box {border:1px solid #cfcfcf;width:100%;}
.error {color:#ff0000;font-weight:normal;}
/* BCI header */
#telus_main #header { height:170px; }
 
/* Status Bar */
#telus_main #status {width:913px;height:60px;padding-left:15px; }
#telus_main #status div {width:913px;background: #fff url(../images/status_bg.gif) repeat-x; font-size:12px;}
#telus_main #status div span {color:#7f5b99;}
#telus_main #status div table tr td {padding:0px 10px 0px 10px;}
/* End Status Bar */

/* User Navigation (User Name, Log out, My Account Button) */
#telus_main #nav { height:29px;padding:10px 0px 0px 0px;margin:0px;}
#telus_main #nav table {width:100%}
#telus_main #nav table tr td.middle { background: url(../images/nav_bg.jpg) repeat-x; }
#telus_main #nav table tr td table { width:300px; }
#telus_main #nav table tr td table tr td{ padding:5px 5px 5px 0px;}
#telus_main #nav table tr td table tr td div{ width:100%;}
#telus_main #nav table tr td table tr td a{ color:#666;text-decoration:none;font-size:10px;}
/* End User Navigation */


/* Report Page */
#telus_main #results {font-size:10px;background-color:#eefae4;height:160px;padding:10px;}
#telus_main #results #sections {float:left;width:120px;}
#telus_main #results #sections ul {margin:0px;padding:5px 0px 0px 0px;}
#telus_main #results #sections ul li {text-align:right;list-style:none;padding-bottom:16px;}
#telus_main #results #graph {float:right;border-left:1px solid #e7e3e3;border-top:1px solid #e7e3e3;;border-bottom:1px solid #e7e3e3;width:500px;padding:5px 0px 5px 0px;background-image:url(../images/report_bg.gif); }
#telus_main #results #graph #bar { height:16px;}
#telus_main #results #graph #bar span { padding-right:5px;}
#telus_main #results #graph #bar.purple { height:16px;color:#fff;text-align:right;background:url(../images/report_purple_rt.gif) #7f5b99 no-repeat center right}
#telus_main #results #graph #bar.green { height:16px;color:#fff;text-align:right;background:url(../images/report_green_rt.gif) #a3e066 no-repeat center right}
#telus_main #results #numbers {width:620px;float:right;}
#telus_main #results #numbers ul {float:right;margin:0px;padding:0px;}
#telus_main #results #numbers ul li {text-align:right;float:left;width:100px;display:block;list-style:none;}
/* End Report Page */

/* Gray Box Content */
#survey #gray_box .content { padding:10px 20px 20px 20px;}
#gray_box .content h1 {font-size:20px; color:#49166d; font-weight:normal;line-height:25px;margin:0em 0em .2em 0em;}
#gray_box .content h4{ font-size:11px; color:#ff0000;margin:0em; }
#gray_box .content table{ width:100%; }
#gray_box #gray_box .content { padding:15px;}
#gray_box #gray_box .content table td{ padding-bottom:10px;}
/* End Gray Box Content */

/* Gray Box Content */
#survey #chart-container .content { padding:10px 20px 20px 20px;}
#chart-container .content h1 {font-size:20px; color:#49166d; font-weight:normal;line-height:25px;margin:0em 0em .2em 0em;}
#chart-container .content h4{ font-size:11px; color:#ff0000;margin:0em; }
#chart-container .content table{ width:100%; }
#chart-container #chart-container .content { padding:15px;}
#chart-container #chart-container .content table td{ padding-bottom:10px;}
/* End Gray Box Content */


/* Main Page Content */
#telus_main #content #survey { float:left;width:718px; }
/* End Main Page Content */

/* Right Side Bar */
#telus_main #content #rt_sidebar {float:right;width:200px;}
#telus_main #content #rt_sidebar h3 { font-size:14px; font-weight:normal; }
#telus_main #content #rt_sidebar a:link {font-size:12px;color:#330066;}
#telus_main #content #rt_sidebar a:hover {font-size:12px;color:#330066;text-decoration:none;}
#telus_main #content #rt_sidebar a:active {font-size:12px;color:#330066;}
#telus_main #content #rt_sidebar a:visited {font-size:12px;color:#330066;}
/* End Right Side Bar */

/* Gray Box with Rounded Corners */
#gray_box  h3 { font-size:14px; font-weight:normal; color:#66cc00; border-bottom:1px solid #cfcfcf;padding-bottom:10px;}
#gray_box table { width:100%; }
#gray_box .upper_lft {background: url(../images/box_gray_upper_lft.jpg) no-repeat;width:4px;height:4px; }
#gray_box .upper_rt {background: url(../images/box_gray_upper_rt.jpg) no-repeat;width:4px;height:4px; }
#gray_box .lower_lft {background: url(../images/box_gray_lower_lft.jpg) no-repeat;width:4px;height:4px; }
#gray_box .lower_rt {background: url(../images/box_gray_lower_rt.jpg) no-repeat;width:4px;height:4px; }
#gray_box .lower_lft_gray {background: url(../images/box_lower_lt_grayBG.gif) no-repeat;width:4px;height:4px; }
#gray_box .lower_rt_gray {background: url(../images/box_lower_rt_grayBG.gif) no-repeat;width:4px;height:4px; }
#gray_box .bottom_gray_bg { background-color:#f6f7f5; border-bottom:1px solid #cfcfcf; }
#gray_box .top { border-top:1px solid #cfcfcf;width:100%;}
#gray_box .bottom { border-bottom:1px solid #cfcfcf; }
#gray_box .lft_side { border-left:1px solid #cfcfcf; }
#gray_box .rt_side { border-right:1px solid #cfcfcf; }
/* bottom half of login box */
#gray_box .lower_lft_gray {background: url(../images/box_lower_lt_grayBG.gif) no-repeat;width:4px;height:4px; }
#gray_box .lower_rt_gray {background: url(../images/box_lower_rt_grayBG.gif) no-repeat;width:4px;height:4px; }
#gray_box .bottom_gray_bg { background-color:#f6f7f5; border-bottom:1px solid #cfcfcf; }
#gray_box .lft_side_gray { border-left:1px solid #cfcfcf;background-color:#f6f7f5 }
#gray_box .rt_side_gray { border-right:1px solid #cfcfcf;background-color:#f6f7f5 }
#gray_box .content_gray { padding:10px;font-size:12px;line-height:18px;background-color:#f6f7f5 }
#gray_box .content { padding:10px;font-size:12px;line-height:18px; }
/* End Gray Box */

/* Purple Box with Rounded Corners */
#purple_box  h3 { font-size:14px; font-weight:normal; color:#49166d; border-bottom:1px solid #cfcfcf;padding-bottom:10px;}
#purple_box table { width:100%;}
#purple_box .upper_lft {background: url(../images/box_purple_upper_lft.jpg) no-repeat;width:4px;height:4px; }
#purple_box .upper_rt {background: url(../images/box_purple_upper_rt.jpg) no-repeat;width:4px;height:4px; }
#purple_box .lower_lft {background: url(../images/box_purple_lower_lft.jpg) no-repeat;width:4px;height:4px; }
#purple_box .lower_rt {background: url(../images/box_purple_lower_rt.jpg) no-repeat;width:4px;height:4px; }

#purple_box .top { border-top:1px solid #b791d3;width:100%;}
#purple_box .bottom { border-bottom:1px solid #b791d3; }
#purple_box .lft_side { border-left:1px solid #b791d3; }
#purple_box .rt_side { border-right:1px solid #b791d3; }
#purple_box .content { padding:10px;font-size:12px;line-height:18px;}
/* Purple Box with Rounded Corners */




/* Footer */
#telus_main #footer { clear:both;font-size:12px;width:718px;line-height:18px;}
#telus_main #footer a{ text-decoration:none;color:#666;}
#telus_main #footer p { font-size:10px;padding-top:0px;margin-top:0px;}
/* End Footer */


/* Gray Buttons */
.btn_bg {background: url(../images/box_btn_bg.jpg) repeat-x;color:#8e8d8d; font-size:13px;}
.btn_bg a:link{text-decoration:none;color:#666 !important;}
.btn_bg a:active{text-decoration:none;color:#666 !important;}
.btn_bg a:hover{text-decoration:none;color:#8e8d8d !important;}
.btn_bg a:visited{text-decoration:none;color:#666 !important;}

/* Green Background */
.green_background {background-color:#eefae4; }

/* Survey Textfields */
.text_field {width:600px;border:1px solid #ccc;}


/* currentForm */
#registration table tr td {padding:5px;}
#registration table tr td input{border:1px solid #ccc;}