html, body{
/* background:#EFF1F3;*/
padding-bottom:23px !important;
*padding-bottom:10px !important;
_padding-bottom:0px !important;
}
.headerimage{
background-repeat: no-repeat;
background-color: #ffffff;
height: 70px;
}
#survey_logo{
background: url(../images/survey_logo.png) #000 no-repeat 17px 2px;
float: left;
background-repeat: no-repeat;
background-color: #000;
height: inherit;
width: 95%;
position: fixed;
top: 0;
z-index: 9;
}
@media all and (max-width: 499px) {
.headerimage{
margin: -1px;
}
#survey_logo{
width: 100%;
background-position: center;
}
.container {
padding-right: 13px !important;
}
}
@media all and (max-width: 480px) {
.custom_button {
margin-left:0px !important;
margin-top: 5px !important;
width: 227px;
margin-right: 0px !important;
}
.custom-survey-start {
width: 227px;
margin-left:0px !important;
margin-top: 5px !important;
}
}
@media all and (max-width: 767px) {
.newfooter {
width: 100% !important;
}
.custom-contact {
width: 100% !important;
}
}
/* CSS Document */
/****headerbg defines the style for header of page, where logo appears****/
.headerbg{
height:93px;
/* background:url('../images/logobg.png') repeat-y left top; #eff1f3; */
}
/****headerbg a defines the style for any links on header of page, where logo appears****/
.headerbg a{
color:#0060b6;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
padding-right:5px;
}
/****headerbg a:hover defines the mouse hover style for any links on header of page, where logo appears****/
.headerbg a:hover{
color:#000000;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
padding-right:5px;
padding-bottom:2px;
}
/**/
/****headertxt defines the style for any text on header of page, like welcome message below the header logo.****/
.headertxt{
color:#818181;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:14px;
color: filter:alpha(opacity=80); opacity:0.80; -moz-opacity:0.80;
padding:0 0 5px 0;
}
/**/
/****generic style for all image tags, over the site.****/
img, a img, form {
margin: 0;
padding: 0;
}
img {
border: 0px;
}
/**/
/****dateDiv defines the styles for 'filter dropdowns' for listing results,
* e.g 'Choose Client:' dropdown filter on 'List Users' page.
*****/
/* for dateDiv text eg text style of 'Choose Client :' */
.dateDiv { /* for dateDiv text eg text style of 'Choose Client :' */
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #4e4e4e;
}
/* dateDiv select defines style for any dropdowns defines in a table/td with style class as 'dateDiv', eg 'YTD dropdown' */
.dateDiv select {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #4e4e4e;
}
/**/
/**** 'top' defines the style for left navigation table`s top border.****/
.top {
background-image: url('../images/top.gif');
}
/**** 'right' defines the style for left navigation table`s right border.****/
.right {
background-image: url('../images/right.gif');
}
/**** 'bottom' defines the style for left navigation table`s bottom border.****/
.bottom {
background-image: url('../images/bottom.gif');
}
/**** 'left' defines the style for left navigation table`s left border.****/
.left {
background-image: url('../images/left.gif');
}
/**/
/**** login_text defines styles for any text on 'login','forgot password' page form table,
* e.g 'Username', 'Email' text in 'Forgot Password' page.
*****/
.login_text {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #16334a;
text-align: right;
}
/**** h3 defines the style for any text within tag.****/
h3 {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #004b92;
padding: 0px 15px 0px 0px;
}
/****table1 defines the style for listing table, e.g. table listing details of customers
* like 'Code', 'Team', 'Action' etc on 'List Customers' page.
****/
#table1 {
border-style: solid solid none none;
border-width: 1px;
border-color: #e9e9e9;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #424242;
text-align: center;
/* padding-left:7px;*/
}
/* table1 td defines style for a cell of a table with style class as 'table1' */
#table1 td {
border-style: none none solid solid;
border-width: 1px;
border-color: #e9e9e9;
text-align:left;
padding-left:10px;
font-size:11px;
}
/* table1 .head defines style for any element with style class as 'head', inside a table with style class as 'table1' */
#table1 .head {
background-color: #848d96;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
/* table1 input defines style for any input element(e.g input box), inside a table with style class as 'table1' */
#table1 input {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px
}
/*** table1 a defines style for any links inside a table with style class as 'table1',
* e.g. 'Edit','Set Login' action links under 'List Customers' page.
****/
#table1 a {
text-decoration: underline;
color: #f47712;
font-size: 11px;
}
/*** table1 a defines style for any links on mouse over, inside a table with style class as 'table1',
* e.g. 'Edit','Set Login' action links under 'List Customers' page.
****/
#table1 a:hover {
text-decoration: underline;
color: #004b92;
font-size: 11px;
}
/**/
/****table2 defines the style for form table, e.g. 'Edit Customers form' table ****/
#table2 {
border-style: solid solid none none;
border-width: 1px;
border-color: #c2c2c2;
text-align: left;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
}
/* table2 td defines style for a cell of a table with style class as 'table2' */
#table2 td {
height: 33px;
padding-left: 5px;
border-style: none none solid solid;
border-width: 1px;
border-color: #c2c2c2;
}
/* table2 input defines style for any input element(e.g input box), inside a table with style class as 'table2' */
#table2 input {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
border: #a1a1a1 1px solid;
font-weight: bold;
color: #434343;
}
#table2 .text2 {
/* font-weight: bold;*/
color: #434343;
}
/* table2 input defines style for any select boxes/dropdown element, inside a table with style class as 'table2' */
#table2 select {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
border: #a1a1a1 1px solid;
}
/***table2 .but defines style for buttons, with a class as 'but', inside a table with style class as 'table2'
* eg 'Cancel' button on 'Edit Customers' page.
****/
#table2 .but{font-family:Arial,Verdana, Helvetica, sans-serif;font-size:11px;background:#07559d;color:#FFFFFF;font-weight:bold;padding-top:2px;padding-bottom:2px;}
/***table2 .butbig defines style for buttons, with a class as 'but', inside a table with style class as 'table2'
* eg 'Save Change' button on 'Edit Customers' page.
****/
#table2 .butbig{font-family: Arial,Verdana, Helvetica, sans-serif;font-size:11px;background:#07559d;color:#FFFFFF;font-weight:bold;padding-top:2px;padding-bottom:2px;}
/**/
/****table3 defines the style for listing table on 'Online Response Summary' page.****/
#table3 {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #313131;
text-align: center;
}
/*table3 td defines style for a cell of a table with style class as 'table3' */
#table3 td {
height: 25px;
padding-left: 2px;
border-color: #e9e9e9;
}
/*** table3 .head defines style for any element with style class as 'head', inside a table with style class as 'table3'
* eg heading row displaying heading 'Event Type Month / Year' 'Sent In Month' 'Returns Received' 'Response Rate %'
* on 'Online Response Summary' page.
****/
#table3 .head {
background-color: #005eb6;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
height: 22px;
}
/* table3 input defines style for any select boxes/dropdown element, inside a table with style class as 'table3' */
#table3 select {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 10px;
}
/*** table3 a defines style for any links inside a table with style class as 'table3'.**/
#table3 a {
text-decoration: underline;
color: #f47712;
font-size: 10px;
font-weight: bold;
}
#table3 a:hover {
text-decoration: underline;
color: #004b92;
font-size: 10px;
font-weight: bold;
}
/***table3 .but defines style for buttons, with a class as 'but', inside a table with style class as 'table3'.****/
#table3 .but {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
background: #07559d;
color: #FFFFFF;
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;
}
/**/
/****generic style for text over the site with class as 'text'.
* e.g text : 'You are assigning Privileges to' on 'Assign Privileges' page.
* ****/
.text {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #424242;
}
/**/
/****priv defines styles for 'assign privilege' page's main table.(DO NOT CHANGE).****/
#priv {
border: 1px solid #CCCCCC;
padding: 5px;
background-color: #f9fafb;
}
/****priv hr defines styles for 'assign privilege' page's main table hr.(DO NOT CHANGE).****/
#priv hr {
color: #CCCCCC;
height: 1px;
border: solid 1px;
}
/****priv span defines styles for 'assign privilege' page's main table span.(DO NOT CHANGE).****/
#priv span {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #0a4c8c;
font-weight: bold;
float: left;
}
/****priv .hdiv defines styles for 'assign privilege' page's main table .hdiv class.(DO NOT CHANGE).****/
#priv .hdiv {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
width: 100%;
float: left;
}
#priv .hdiv1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
width: 100%;
float: left;
padding-top:10px;
}
/****priv .col defines styles for 'assign privilege' page's main table .col class.(DO NOT CHANGE).****/
#priv .col {
width: 18%;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
float: left;
margin-left: 5px;
height:40px;
}
/**/
/**defines style for any text within a span with class as 'required', eg '*' mark for required feilds.**/
span.required {
font-family: tahoma;
letter-spacing: 1px;
font-size: 11px;
color: rgb(255,0,0);
font-weight: bold;
padding-left: 1px;
}
/**defines style for any text within a div with class as 'required', eg '*Required field' text on 'Edit User' page.**/
div.required{
width:70%;
font-family: tahoma;
letter-spacing: 1px;
font-size: 11px;
font-weight: bold;
padding-bottom: 3px;
text-align: right;
}
/****defines style for Client Log pop box.(DO NOT CHANGE).****/
#lightboxImage{
width: 300px;
height: 300px;
}
/**/
/****Main outer body style for html page****/
html, body{
margin:0px;padding:0px;
}
/**/
/****left_bg defines the style for left navigation menu, where navigation links appear, e.g. 'List Users' under 'Users' menu.****/
.left_bg
{
background:url('../images/left_mid.jpg') repeat-y;
margin:0px;
padding:0px
}
/****.link1:link, .link1:visited, .link1:active defines the style for headings for left navigation menu,
* e.g. 'Users' heading menu, 'Profile' menu.
*****/
.left_bg .link1:link, .link1:visited, .link1:active
{
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#818181;
text-decoration:none;
*line-height:10px;
line-height:19px;
}
.link1
{
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#818181;
text-decoration:none;
*line-height:10px;
line-height:19px;
}
/****.link2:link, .link2:visited, .link2:active defines the style for links on left navigation menu,
* e.g. 'List Users' link under 'Users' menu, 'Introduction' link under 'Profile' manu.
*****/
.left_bg .link2:link, .link2:visited, .link2:active
{
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
*line-height:10px;
line-height:19px;
}
/****.link2:hover defines the mouse over style for links on left navigation menu,
* e.g. 'List Users' link under 'Users' menu, 'Introduction' link under 'Profile' manu.
*****/
.left_bg .link2:hover
{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#f96702;
text-decoration:underline;
*line-height:10px;
line-height:19px;
}
/** left_bg .line gives style for seperator line between two different link headings on left navigation menu.*/
.left_bg .line
{
background:url('../images/line_btn.jpg') repeat-x center;
height:8px;
}
/**/
/****textbody defines the style for page heading table,
* e.g 'Edit CSS', 'List Users' text heading on 'Edit Css', 'List Users' pages respectively.
*****/
.textbody
{
margin:0px;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:12px;
color:#4c4c4c;
text-align:justify;
padding:0px 0px 0px 0px;
line-height:22px;
}
.textbody ul{
line-height:18px;
}
/****textbody h2 defines the style for any text within h2 tag inside an element with style class as 'textbody'.
* e.g 'Edit CSS', 'List Users' text heading on 'Edit Css', 'List Users' pages respectively.
*****/
.textbody h2{
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#000;
font-size:21px;
background:url(../images/heading_bg1.gif) no-repeat;
margin:5px 0 1px 0;
padding:12px 0px 8px 12px;
}
/****textbody .red defines the style for any element with style class as 'red' inside an element with style class as 'textbody'
* e.g 'Code Red - Serious dissatisfaction' text on Introduction page(on click of profile-introduction link).
*****/
.textbody .red{color:#ff0000;}
/****textbody .orange defines the style for any element with style class as 'red' inside an element with style class as 'textbody'
* e.g 'Code Amber - Mild dissatisfaction' text on Introduction page(on click of profile-introduction link).
*****/
.textbody .orange{color:#ff6600;}
/****textbody .green defines the style for any element with style class as 'red' inside an element with style class as 'textbody'
* e.g 'Code Green - Satisfaction' text on Introduction page(on click of profile-introduction link).
*****/
.textbody .green{color:#006600;}
/* style for any links inside an element with style class as 'textbody'.*/
.textbody a {
text-decoration: underline;
color: #f47712;
font-size: 11px;
font-weight: bold;
}
/* mouse over style for any links inside an element with style class as 'textbody'.*/
.textbody a:hover {
text-decoration: underline;
color: #004b92;
font-size: 11px;
font-weight: bold;
}
/**/
/***msgbody defines style for blue bar displaying various messages to site user.
* e.g 'User Deleted Successfully' message bar, displayed on 'List Users' page, after successful deletion of a user.
* ***/
.msgbody {
margin:0px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#4c4c4c;
text-align:justify;
padding:2px 0px 2px 0px;
}
/**/
/***but_1 defines style for buttons, with a class as 'but_1',
* eg 'Go' button after selection of 'month' radio option on 'Event Type Summary' page.
****/
.but_1{
background:#256db7;
font-family: Arial, Verdana,Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#ffffff;
border:1px solid #314c68;
padding:3px;
text-decoration:none;
}
/****footer defines the style for footer of page****/
.footer{
/*background:url(../images/footer-bg.jpg) repeat-y left top; */
border:solid 0px #000000;
/*height:74px;
text-align:center;
color:#3b3b3b;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
margin-top:6px*/
position: fixed; bottom: 0px; left: 0px;
width:995px;
background-color:#000000;
/*background-color:#2C4983;*/
}
.footer .copyright{
color:#666666;font-size:14px;
padding:5px 0 5px 0;
}
.footer .copyright span{
font-family:Arial;color:#666666;font-size:10px !important;
}
.footer a{font-size:10px;font-family:Arial;color:#ffffff !important;text-decoration:none;}
.footer a:hover{color:#00ADEF !important;}
/**/
/**defines style for any text with style class as 'message_1', eg 'Client: ' text on 'Add Team' page.**/
.message_1{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding-left:116px;
}
/**defines style for any link with style class as 'message_1', eg 'Event : ' link on 'Event Questions' page.**/
.message_1 a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#f96702;
text-decoration:underline;
}
/**defines mouse over style for any link with style class as 'message_1', eg 'Event : ' link on 'Event Questions' page.**/
.message_1 a:hover{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
text-decoration:none;
}
/****search defines the styles for search table over the page, i.e for 'search' button on 'Event Questions' page.****/
.search{
text-align:right;
padding:3px 1px 0px 0;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#3b3b3b;
font-weight:bold;
}
/**/
/***grid_ques defines style for 'Submit/Edit Survey' page's top most table where details such as
*'Event Date','Customer','Vehicle Reg. Number','Vehicle Reg. Number','Event Type' etc
*are displayed corresponding to that survey event.
****/
.grid_ques{
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#000000;
font-size:11px;
border-style:none none solid solid;
border-width:1px;
border-color:#999999;
line-height:18px;
}
/*defines style for a table cell with style class as 'grid_ques'.*/
.grid_ques td{
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#000000;
font-size:11px;
border-style:solid solid none none;
border-width:1px;
border-color:#999999;
padding:2px 0 2px 2px;
line-height:18px;
}
/***grid_ques th defines style for any text in | tag under table with class 'grid_ques', e.g text heading such as
*'Event Date','Customer','Vehicle Reg. Number','Vehicle Reg. Number','Event Type' etc
****/
.grid_ques th{
font-family:Arial,Verdana, Verdana, Helvetica, sans-serif;
color:#000000;
background:#f0f0f0;
font-size:11px;
border-style:solid solid none none;
border-width:1px;
border-color:#999999;
padding:2px 0 2px 2px;
line-height:18px;
text-align:left;
font-weight:normal;
}
/***ques_ans defines style for 'Submit/Edit Survey' page's lower table where Survey questions
*are displayed corresponding to that survey event.
****/
.ques_ans{
background:#dfdfdf;
border-style:none none solid solid;
border-width:1px;
border-color:#f6f6f6;
}
/***ques_ans textarea defines style for any textarea on 'Submit/Edit Survey' page's lower table
*where Survey questions are displayed, e.g 'Comments' textarea
****/
.ques_ans textarea{
border:1px solid #7f9db9;
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
.ques_ans td{
background:#dfdfdf;
border-style:solid solid none none;
border-width:1px;
border-color:#f6f6f6;
padding:2px 0 2px 0;
}
/*ques_ans td table td defines style for any cell under table nested in a table's cell with class 'ques_ans'*/
.ques_ans td table td{
background:#dfdfdf;
border-style:solid solid none none;
border-width:0px;
border-color:#f6f6f6;
}
/***but_1 defines style for buttons, with a class as 'but_1',
* eg 'Go' button after selection of 'month' radio option on 'Event Type Summary' page.
****/
.but_1{
border:medium none; overflow:visible;
width:auto;
padding-left:5px;
padding-right:30px;
BACKGROUND: #444194 url('/public/images/bg_btn_right.jpg') no-repeat right top;
CURSOR: pointer;
COLOR: #ffffff;
HEIGHT:22px;
text-decoration:none; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:verdana
}
/**/
/***button_right defines style for buttons, with a class as 'button_right',
* eg 'Export To Excel' button on 'List Optout Emails' page.
****/
.button_right {
border:medium none; overflow:visible;
width:auto;
padding-left:5px;
padding-right:30px;
BACKGROUND: #444194 url('/public/images/bg_btn_right.jpg') no-repeat right top;
CURSOR: pointer;
COLOR: #ffffff;
HEIGHT:22px;
text-decoration:none; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:verdana
}
/***button_left defines style for buttons, with a class as 'button_left',
* eg 'Back' button on 'Event Detail' page.
****/
.button_left {
border:medium none; overflow:visible;
width:auto;
padding-left:30px;
padding-right:5px;
BACKGROUND: #444194 url('/public/images/bg_btn_left.jpg') no-repeat left top;
CURSOR: pointer;
COLOR: #ffffff;
HEIGHT:22px;
text-decoration:none; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:verdana
}
/****table4 defines the style for footer of a list table, i.e row for pagination display in 'List Customers' page.****/
#table4 {
border-style:solid solid none none;
border-width:1px;
border-color:#FFFFFF;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
color:#424242;
text-align:center;
}
#table4 .head {
background-color: #848d96;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
}
/****table4 td defines the style a cell of table with class 'table4', i.e cell for pagination display in 'List Customers' page.****/
#table4 td{border-style:none none solid solid;border-width:1px;border-color:#FFFFFF;padding-left:5px;}
/****table4 .head defines the style of any element/text with class 'head' inside table with class 'table4'.****/
/* #table4 .head{background-color:#005eb6;font-family:Arial,Verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF;} */
#table4 .head td{padding:5px 0px 5px 0px;}
/****table4 .head defines the style of any input element(e.g. input box) inside table with class 'table4'.****/
#table4 input{font-family: Arial, Verdana, Arial, Helvetica, sans-serif;font-size:11px}
/****table4 a defines the style of any links inside table with class 'table4' eg '1 2 ..' page navigation links in
*row for pagination display in 'List Customers' page.
****/
#table4 a{text-decoration:underline;color:#004b92;font-size:11px;}
/****table4 a:hover defines the mouse over style of any links inside table with class 'table4' eg '1 2 ..' page navigation links in
*row for pagination display in 'List Customers' page.
****/
#table4 a:hover{text-decoration:none;color:#004b92;font-size:11px;}
#table4 td table{
border-style:solid solid none none;
border-width:1px;
border-color:#d7d7d7;
}
#table4 td table td{
border-style:none none solid solid;
border-width:1px;
border-color:#d7d7d7;
padding:3px;
}
#table4 .head a{
color:#FFFFFF;
}
#table4 .head a:hover{
color:#FFFFFF;
}
/****red_bottom defines the style for a table's row with class 'red_bottom' eg page navigation details in
* bottom row for pagination in 'List Customers' table on 'List Customers' page.
****/
.red_bottom{
background:#ebebeb;
padding:2px;
}
/**/
/***record_blank defines the style for a row displaying 'No Records Found' text information, when no records are available
* on drilldown report. e.g. 'No Records Found' text on 'Customer Drilldown' page, when no customers exist/fetched after filtering.
****/
.record_blank{
color:#424242;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
}
.red_bottom1 td{
border-style:none none solid solid;
border-width:1px;
border-color:#000000;
}
/****table_1 defines the style for main table on 'Event Detail' drilldown page, containing details of an event on drilldown of an event.
*Any change made to table_1 will be reflected to the 'Event Detail' page's main table, displaying details of the event.
*****/
#table_1 {
border-style: solid solid none none;
border-width: 1px;
border-color: #e9e9e9;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #424242;
text-align: center;
}
/****table_1 td defines the style for a cell within the table with class as table_1, displaying details of the event.****/
#table_1 td {
border-style: none none solid solid;
border-width: 1px;
border-color: #e9e9e9;
text-align:left;
padding-left:10px;
}
/****table_1 td table defines the style for any table defined in
* aa cell within the table with class as 'table_1', e.g in 'Event Detail' drilldown page, the table beside
* 'back' button, which display's some of event's details like 'Event Date', 'Customer', 'Reg. Number', 'Date of CSI call' etc
* is applied this style.
*****/
#table_1 td table {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #424242;
text-align: center;
}
/****table_1 table td defines the style for a cell within the table nested in a cell with class as 'table_1'.****/
#table_1 td table td {
border-style: none none solid solid;
border-width: 1px;
border-color: #e9e9e9;
text-align:left;
padding-left:10px;
height:20px;
}
/****table_1 table td defines the style for a heading row within the table nested in a cell with class as 'table_1'.
* e.g the cells displaying the headings : 'Customer', 'Reg. Number', 'Date of CSI call' etc on 'Event Detail' page.
* ****/
#table_1 td table th {
border-style: none none solid none;
border-width: 1px;
border-color: #e9e9e9;
text-align:left;
padding-left:10px;
height:20px;
color:#444444;
}
#table_1 td table .bottom {
border-style: none none none none;
border-width: 0px;
border-color: #e9e9e9;
text-align:left;
padding-left:10px;
height:20px;
background:#ffffff;
}
/****table_1 .head defines the style for any element within the table with class as 'table_1', which is specified class as 'head'.****/
#table_1 .head {
background-color: #005eb6;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
/****table_1 input defines the style for any input element e.g input box within the table with class as 'table_1'.****/
#table_1 input {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px
}
/****table_1 a:hover defines the style for any links on mouse hover, within the table with class as 'table_1'.****/
#table_1 a:hover {
text-decoration: underline;
color: #004b92;
font-size: 11px;
}
/******main: defines the style for any font on event detail page e.g in 'Event Detail' page the question listing *******************************/
.QuestionFont {
color:#424242;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-align:center;
}
/******ScoreGroupOverAll: defines the style for Overall satisfaction percentage description in 'Event Detail' e.g "Overall Satisfaction %" font *******************************/
.ScoreGroupOverAll {
color:#424242;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-align:center;
}
/******ScoreGroupType1: defines the style for Score Group Type1 satisfaction percentage description in 'Event Detail' e.g "Supplier Satisfaction %" font *******************************/
.ScoreGroupType1 {
color:#424242;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-align:center;
}
/******ScoreGroupType2: defines the style for Score Group Type2 satisfaction percentage description in 'Event Detail' e.g "Customer Satisfaction %" font *******************************/
.ScoreGroupType2 {
color:#424242;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-align:center;
}
/******ScoreGroupType3: defines the style for Score Group Type3 satisfaction percentage description in 'Event Detail' e.g "HCVS Satisfaction %" font *******************************/
.ScoreGroupType3 {
color:#424242;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-align:center;
}
/******ScoreGroupType4: defines the style for Score Group Type4 satisfaction percentage description in 'Event Detail' e.g "Client Satisfaction %" font *******************************/
.ScoreGroupType4 {
color:#424242;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
text-align:center;
}
/**/
/*
New button */
.button {
cursor:pointer;
text-decoration:none;
background:url('/public/images/blue-btn-right.jpg') no-repeat right top;
padding-right:4px;
display:inline-block;
line-height:29px ;
height:29px;
color:#FFFFFF !important;
font-weight:bold;
}
span.button {
vertical-align: middle;
}
.button span {
/*background:url('/public/images/blue-btn-left.jpg') no-repeat left top; */
padding:3px;
line-height:22px;
height:22px;
display:inline-block;
}
.button span span {
background:transparent;
padding:0 ;
}
.button span input {
cursor:pointer;
font-family: Arial;
font-weight:bold;
background:transparent;
border:0 !important;
padding-top:2px !important;
padding-top/*\**/: 3px\9;
font-size:11px;
color:#FFFFFF !important;
}
.backbutton {
cursor:pointer;
text-decoration:none;
background:url('/public/images/blue-btn-right.jpg') no-repeat right top;
padding-right:4px;
display:inline-block;
line-height:29px ;
height:29px;
color:#FFFFFF !important;
font-weight:bold;
}
span.button {
vertical-align: middle;
}
.backbutton span {
background:url('/public/images/blue-btn-back.jpg') no-repeat left top;
padding-left:12px;
*padding-left:17px;
_padding-left:17px;
line-height:29px;
height:29px;
display:inline-block;
}
.backbutton span span {
background:transparent;
padding:0 ;
}
.backbutton span input {
cursor:pointer;
font-family: Arial;
font-weight:bold;
background:transparent;
border:0 !important;
padding-top:2px !important;
padding-top/*\**/: 3px\9;
font-size:11px;
color:#FFFFFF !important;
}
.button2 {
cursor:pointer;
text-decoration:none;
background:url('/public/images/blue-btn-right2.jpg') no-repeat right top;
padding-right:4px;
display:inline-block;
line-height:26px ;
height:52px;
color:#FFFFFF !important;
font-weight:bold;
margin-right:20px;
}
.button2 span {
background:url('/public/images/blue-btn-left2.jpg') no-repeat left top;
padding-left:4px;
line-height:26px;
height:52px;
display:inline-block;
}
.button2 span span {
background:transparent;
padding:0 ;
}
.button2 span input {
cursor:pointer;
font-family: Arial;
font-weight:bold;
background:transparent;
border:0 !important;
font-size:11px;
color:#FFFFFF !important;
width:150px;
white-space:normal;
height:48px;
vertical-align:middle;
}
.question_category {
background-color:#E9E9E9 !important;
color:#FE7E04 !important;
/*font-weight:bold;*/
padding-bottom:7px;
padding-left:10px;
padding-right:10px;
padding-top:7px;
}
.outerbox{
clear:both;
}
.footerbox{
clear:both;
position:fixed;
bottom:0px;
left:0px;
width:995px;
}
.contentright{
padding-left:10px;
}
.selectbox {
/* width: 18%; */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
float: left;
margin-left: 5px;
}
/* use for drilldown text & report text*/
.drilldowntext
{
margin:0px;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:11px;
color:#4c4c4c;
text-align:justify;
padding:0px 0px 0px 0px;
}
/* Class used for management report */
#managetable {
border-style: solid solid none none;
border-width: 1px;
border-color: #e9e9e9;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #424242;
text-align: center;
/* padding-left:2px; */
}
#managetable td {
border-style: none none solid solid;
border-width: 1px;
border-color: #e9e9e9;
/* text-align:left; */
padding:3px;
font-size:11px;
}
#managetable .head {
background-color: #848d96;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
.responsespace
{
padding-left:5px;
}
/* for question analysis report dropdown */
.autocomplete {
font-family: arial;
font-size: 8pt;
background-color: white;
border: 1px solid black;
position: absolute;
cursor: default;
overflow: auto;
overflow-x: hidden;
height : 250px;width : 500px;
}
.selectBoxHeading {
font-family: arial;
font-size: 8pt;
background-color: white;
border: 1px solid black;
cursor: default;
overflow: auto;
overflow-x: hidden;
width : 500px;
_height:14px;
_overflow:hidden;
*height:14px;
*overflow:hidden;
}
.autocomplete_item {
padding: 0 0 0 5px;
color:#000;
width: 100%;
}
.autocomplete_item:hover
{
padding-left: 5px;
color: #fff;
background-color:#0000FF;
width: 100%;
}
.autocomplete_item_highlighted {
padding-left: 5px;
color: white;
background-color: #0000FF;
}
.appealbutton{
cursor: pointer;
font-family: Arial;
font-weight: bold;
background: transparent;
border: 0 !important;
padding-top: 2px;
padding-top/*\**/: 3px\9;
font-size: 11px;
color: #FFFFFF !important;
}
.padding-top4{
padding-top :4px;
}
.show{
display:table-row;
}
.hide{
display:none;
}
.font-red{
color:red !important;
}
#ActionBy{
opacity:0.8;
} |