@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0;}
body { position: relative; font-family: tahoma, Helvetica; font-size: 0.8em; background:#fff; }
input, textarea, select { font-family: tahoma; font-size: 1em; background: none; border: none;}
ul, li, ol { list-style: none;}
fieldset, img { border: none;}
input:focus, textarea:focus, a, input { outline: none; }
/* Note: Make HTML 5 elements block-level for consistent styling */
header, nav, article, footer, address, section, fieldset { display:block; }

/*backgrond image*/
[class*="feedback-personal"] label { background-image: url(../di/label-01.png);}
input[type=submit], input[type=reset],
[class*="file-wrapper"]>[class*="button"],
[class*="sbHolder"],
[class*="radio-select"],
[class*="radio-deselect"],
.radiolist p span
{ background-image: url(../di/button-01.png);}
[class*="feedback-header"],
[class*="feedback-form"]>fieldset:first-child>legend
{ background-image: url(../di/feedback-header-01.png);}
[class*="feedback-thank"], [class*="thank-button"] a { background-image: url(../di/feedback-thank-01.png);}
/**/
[class*="feedback-header"] { width: 436px;}
[class*="feedback-header"]>* { text-indent: -9999px;}
[class*="feedback-header"][class*="-type1"] { height: 193px; background-position: 0 0;}
[class*="feedback-header"][class*="-type2"] { height: 258px; background-position: -486px 0;}
[class*="feedback-header"][class*="-type3"] { height: 124px; background-position: 0 -200px;}
input[type=submit], input[type=reset] { display: block; float: left; width: 140px; height: 40px; text-indent: -9999px; line-height: 0; cursor: pointer;}
input[type=submit] { background-position: 0 0;}
#fmFeedback_view_input input[type=submit] { background-position: 150px 0;}
input[type=reset] { background-position: -151px 0;}
input[type=submit]:hover { background-position: 0 -70px;}
#fmFeedback_view_input input[type=submit]:hover { background-position: 150px -70;}
input[type=reset]:hover { background-position: -151px -70px;}

textarea { width: 405px; height: 165px; padding: 10px; resize: none;}
textarea, input[type=text] { background: #f4f4f4; border: none;}
[id="wrapper"][class*="_child-grid-12"] { margin: 2px 0; padding: 30px 0 45px; background: #ededed; border-top: solid 1px #e4e4e4;}
[class*="feedback-form"] { position: relative; padding-bottom: 40px; background: #e2e2e2;}
[class*="feedback-form"]>fieldset:first-child>legend { display: block; width: 102px; height: 75px; text-indent: -9999px; margin-top: -7px; background-position: -961px 0;}
[class*="feedback-personal"]>div { float: left;}
[class*="feedback-personal"] div>p:first-child>label { background-position: 0 0;}
#fmFeedback_view_label >p:first-child>label { background-position: 0 -205px;}
[class*="feedback-personal"] div>p:first-child+p>label { background-position: 0 -52px;}
[class*="feedback-personal"] div>p:first-child+p+p>label { background-position: 0 -104px;}
[class*="feedback-personal"] div>p:first-child+p+p+p>label { background-position: 0 -156px;}
[class*="feedback-personal"] legend { left: -9999px; }
[class*="feedback-personal"] label { width: 136px; text-indent: -9999px;}
[class*="feedback-personal"] div>p * { height: 32px;}
[class*="feedback-personal"] div>p input[type=text] { width: 269px; padding: 0 10px; line-height: 30px;}
[class*="feedback-personal"] div>p:first-child+p+p+p input[type=text] { width: 167px;}
[class*="feedback-personal"] div>p:first-child+p+p+p img { margin: 0 7px;}
[class*="feedback-form"]>div>p:first-child { width: 290px; margin: 0 auto;}
[class*="feedback-form"]>div>p:first-child+p { clear: left;}
/*dropdown*/
[class*="problem-info"] { clear: left;}
[class*="problem-info"]>* { z-index: 15;}
*+html [class*="problem-info"]>* { z-index: 15;}
[class*="sbHolder"] { position: relative; background-position: right -202px; background-color: #d1d1d1;}
[class*="sbOptions"] { position: absolute; z-index: 15; top: 33px !important; overflow: auto; padding-top: 5px; padding-bottom: 5px; background: #939393; opacity: .9; }
*+html [class*="sbOptions"] { z-index: 10;}
*+html [class*="domain-problem"]+div [class*="sbOptions"] { width: 210px;}
[class*="sbOptions"]>* { display: block; background: #939393; opacity: .9;}
[class*="sbOptions"]>*>* { display: block; height: 20px; line-height: 18px; padding-left: 30px; text-decoration: none; color: #000;}
[class*="domain-problem"]+div [class*="sbOptions"]>*>* { padding-right: 30px;}
[class*="sbOptions"]>*>*:hover { color: #fff; background: #be161d;}
[class*="sbSelector"] { display: block; height: 32px; overflow: hidden; padding-left: 10px; text-decoration: none; color: #000; line-height: 30px;}
[class*="browser-type"]+div { width: 141px; margin-right: 15px;}
[class*="speed-internet"]+div { width: 106px; margin-right: 15px;}
[class*="domain-problem"]+div { width: 148px;}
[class*="browser-type"]+div [class*="sbSelector"] { width: 109px; }
[class*="speed-internet"]+div [class*="sbSelector"] { width: 74px; }
[class*="domain-problem"]+div [class*="sbSelector"] { width: 106px;}
[class*="sbToggle"] { position: absolute; right: 0; display: block; width: 32px; height: 32px;}
[class*="browser-type"]+div [class*="sbOptions"] { width: 141px; }
[class*="speed-internet"]+div [class*="sbOptions"] { width: 106px; }
/*browse file*/
[class*="file-wrapper"] { position: relative; display: inline-block; overflow: hidden; width: 415px; padding-left: 10px; background: #f4f4f4;}
*+html [class*="file-wrapper"] { z-index: 10;}
[class*="file-wrapper"]>[class*="button"] { float: right; display: inline-block; width: 145px; height: 32px; margin-top: -1px; text-indent: -9999px; background-position: 0 -140px;}
[class*="file-wrapper"]>input[type="file"] { position: absolute; top: 0 !important; right: 0; opacity: 0.01; filter: alpha(opacity=1); height: 100%; font-size: 100px; cursor: pointer;}
[class*="file-holder"] { line-height: 30px;}
/*pretty radio button style*/
.radiolist { position: absolute; margin-bottom: 15px; left: 135px; top: 0;}
.radiolist p { position: relative; margin-top: 14px; margin-right: 5px;}
.radiolist p.selected { background-position: -105px 0;}
.radiolist p.selected .radio-select { display: none; }
.radio-select {	display: block;	 position: absolute; top: 5px; width: 25px; height: 25px; background-position: 0 -332px; text-indent: -9999px;}
.radiolist p input { display: none; }
.radiolist p a { width: 100%;}
a.radio-deselect { display: none; position: absolute; top: 5px; background-position: 0 -334px;height: 25px; text-indent: -9999px;}
.radiolist p.selected a.radio-deselect { display: block; background-position: 0 -267px;}
.radiolist p span { display: block; height: 40px; text-indent: -9999px;}
.radiolist>p:first-child>span { width: 115px; background-position: 28px -389px;}
.radiolist>p:first-child+p>span { width: 180px; background-position: 28px -461px;}
/**/
[class*="feedback-thank"] { width: 661px; height: 294px; margin: 0 auto; }
[class*="feedback-thank"] h1, [class*="feedback-thank"] p, [class*="thank-button"] a { text-indent: -9999px;}
[class*="thank-button"] { width: 359px; margin: 0 auto; }
[class*="thank-button"] a { width: 172px; height: 40px; text-indent: -9999px; }
[class*="thank-button"] a:first-child { background-position: -780px -4px;}
[class*="thank-button"] a:first-child:hover { background-position: -780px -84px;}
[class*="thank-button"] a:first-child+a { background-position: -780px -164px;}
[class*="thank-button"] a:first-child+a:hover { background-position: -780px -244px;}



/* Data Table */
table.tgrid { border-left: 1px solid;}
table.tgrid a,table.tgrid a:hover,table.tgrid a:visited {color: #006699; text-decoration: none;}
table.tgrid td {border:1px solid;border-top:none;border-left:none;padding:2px;}
table.tgrid th {color: #FFF;font-size: 12px;font-weight:bold;}
table.tgrid, table.tgrid td, table.tgrid th {border-color:#ADADAD;}

/* Table headings */
table.tgrid th {background:#ADADAD;;color:#FFF;}
table.tgrid th a, table.tgrid th a:hover {color:#FFF;text-decoration:underline;}

/* row highlighting on hover */
.tgrid tr:hover td {background-color: #FFFFDD;}

/* Alt rows used on most data tables */
.row1 {background-color: #F4FAFF;}
.row2 {background-color: #FFFFFF;}

/* auto-highlight */
.row1.highlight td,.row2.highlight td {background-color: #FFFFDD;}

/* Assorted number of tables used on view ticket.*/
table.infotable td, table.infotable th {background-color: #F4FAFF; padding: 2px;}
table.infotable th {font-weight:bold;text-align:left;padding-left:3px;}

/* Response & message background */
table.message, table.response {border-color:#ADADAD;}

/* Message title */
table.message th {background-color: #C3D9FF;}
/* Response title */
table.response th {background-color: #FFE0B3;}

/* message & response header */
table.message tr.header td, table.response tr.header td {background-color: #EFEFEF;border-color:#ccc;}

/* table cells bg */
table.message td, table.response td {background-color: #FAFAFA;}

.msg {font-family: Arial, Helvetica, sans-serif;font-size: 13.5px;text-decoration: none;font-weight: bold;color:#006699;}
.msg a,.msg a:hover,.msg a:visited {color: #006699; text-decoration: none;}
.msg a.log_out { background:url(../images/logout.gif) 0 0px no-repeat; padding-left: 20px; }

.Icon { width: auto;padding-left:20px;background-position: left center;background-repeat: no-repeat;color:#006699;text-decoration: none;}    
.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 0 no-repeat; }
.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 0 no-repeat; }
.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 0 no-repeat; }
.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 0 no-repeat; }                
.Icon.otherTicket { background:url(../images/icons/ticket_source_other.gif) 0 0 no-repeat; }
.Icon.attachment { background-image: url(../images/icons/attachment.gif); }
.Icon.file { background-image: url(../images/icons/attachment.gif); }
.Icon.refresh { background-image: url(../images/icons/refresh.gif); }   
.Icon.thread {font-weight: bold;font-size: 1em;background-image: url(../images/icons/thread.gif);}