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

html,body {margin:0;padding:0}
html,body,td {color:#474747;font-size:13px;font-family:Helvetica, Arial, sans-serif}

.app_systemMessage {width:400px;padding:30px;color:#990000;font-size:18px;position:absolute;top:50%;margin-top:-165px;left:50%;margin-left:-230px;border:1px solid black}
#app_viewport{display:none}/*,#app_initialLoading */

#app_north {background:white;border-bottom:1px solid black}

#app_topRule {height:15px;background:#C15B50}
#app_topRule {border-bottom:1px solid #912B20}
#app_bottomRule {padding:6px;text-align:center;background:white;border-top:1px solid black}
#app_invRule {height:106px}

#app_welcomeRule {height:22px;background:black;color:white;border-top:1px solid black}

#app_reachLogo {float:left;margin-left:100px;margin-top:-15px}
#app_MDLogo {float:left;margin-left:100px;margin-top:-15px}
#app_apptitle {position:absolute;right:30px;top:5px;font-weight:bold;font-size:28px;z-index:20}
#app_applogo {position:absolute;left:30px;top:0px;font-weight:bold;font-size:28px;z-index:20}
#app_welcome {position:absolute;top:110px;right:30px;z-index:20}
#app_welcome a {color:white}
#app_topwidget {display:none;width:100%;position:absolute;top:110px;z-index:10;text-align:center;color:white}
#app_topwidget a {color:white}

/*.app_title {color:#CC3300;font-size:18px}*/
.app_inst_title {color:#CC3300;font-weight:bold}
#app_instructions, #app_saved {padding:8px;border-bottom:2px solid #003366;border-right:2px solid #003366;border-left:2px solid #003366;background:#dee;position:absolute;width:700px;display:none}
#app_instructions ol {padding:10px 0 10px 10px;list-style: decimal outside}
#app_instructions li {margin-left:10px}
.app_instructions_close {font-weight:bold;background:#003366;padding: 2px;color:white}
#app_saved {background:#AAFFDD;width:200px;z-index:10000}

.icon {position:relative;top: 2px}
/* Neutral(B), Good(G), Bad (R) */
.G{color:#006633}
.B{color:#0033CC}
.R{color:#CC3300}

.app_normal p{padding:5px 0}

.app_box {border:2px solid #336699;background:#eff;padding:8px}
.app_box h1{font-size:15px;padding:8px}
.app_box_td {width:100px;color:#003366}
.app_edit {float:right}
.app_edit a{text-decoration:none}

.app_REQ {color:#CC3300}
.app_IMP {color:#CC3300;font-weight:bold}

/* MFS: 30 Dec 2010:Added code to design questionnaire preview section:START */
/* Questionnaire preview */
.app_mandatory{color:#CC3300;font-weight:bold;padding-left:4px}
.app_question{padding-left:4px;font-weight:bold;color:#000000}
.app_answer{padding-left:4px}
.app_backcolor{background:#D8D8D8;margin-top:20px;margin-bottom:20px}
.app_section{background:#F0F0F0;margin-top:20px;margin-bottom:20px}
.app_triggerChild{margin-left:60px;margin-top:10px;margin-bottom:20px}

/* IPC form view in detailed data */
.app_table{border-style:solid;border-color:#669999;border-size:5;margin-bottom:5px;}
.app_header{background-color:DarkSlateGray;color:white;font-size:15px}
.app_data{background-color:#6D7B8D;color:white}
input.app_IPCExport{font-weight:bold;}
input.app_IPCExport:hover,input.app_IPCExport:active {text-decoration:underline;}
/* MFS: 30 Dec 2010:END */

/* filters */
.x-grid3-hd-row .ux-filtered-column {border-left:  1px solid #C7E3B4;border-right: 1px solid #C7E3B4;}
.x-grid3-hd-row .ux-filtered-column .x-grid3-hd-inner {background-image: url(../images/header_bg.gif);}
.ux-filtered-column .x-grid3-hd-btn {background-image: url(../images/hd-btn.gif);}
.ux-filtered-column.sort-asc .x-grid3-sort-icon {background-image: url(../images/sort_filtered_asc.gif);}
.ux-filtered-column.sort-desc .x-grid3-sort-icon {background-image: url(../images/sort_filtered_desc.gif);}
.ux-gridfilter-text-icon {background-image: url(../images/find.png);}
.ux-rangemenu-gt {background-image: url(../images/greater_then.png);}
.ux-rangemenu-lt {background-image: url(../images/less_then.png);}
.ux-rangemenu-eq {background-image: url(../images/equals.png);}

/* checkbox fix for IE6-7 */
.x-form-check {margin-bottom: 4px;}
.x-form-check-wrap-inner {display: inline;padding: 0;}

/* FileUploadField component styles */
.x-form-file-wrap {position: relative;height: 22px;}
.x-form-file-wrap .x-form-file {position: absolute;right: 0;-moz-opacity: 0;filter:alpha(opacity: 0);opacity: 0;z-index: 2;height: 22px;}
.x-form-file-wrap .x-form-file-btn {position: absolute;right: 0;z-index: 1;}
.x-form-file-wrap .x-form-file-text {position: absolute;left: 0;z-index: 3;color: #777;}
/* Checkbox items */
.x_item{width:500px;height:400px}
/* Tree columns */
.x-column-tree .x-tree-node {zoom:1;}
.x-column-tree .x-tree-node-el {/*border-bottom:1px solid #eee; borders? */zoom:1;}
.x-column-tree .x-tree-selected {background: #d9e8fb;}
.x-column-tree  .x-tree-node a {line-height:18px;vertical-align:middle;}
.x-column-tree  .x-tree-node a span{}
.x-column-tree  .x-tree-node .x-tree-selected a span{background:transparent;color:#000;}
.x-tree-col {float:left;overflow:hidden;padding:0 1px;zoom:1;}
.x-tree-col-text, .x-tree-hd-text {overflow:hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;padding:3px 3px 3px 5px;white-space: nowrap;font:normal 11px arial, tahoma, helvetica, sans-serif;}
.x-tree-headers {background: #f9f9f9 url(../images/grid3-hrow.gif) repeat-x 0 bottom;cursor:default;zoom:1;}
.x-tree-hd {float:left;overflow:hidden;border-left:1px solid #eee;border-right:1px solid #d0d0d0;}

.treeSubstance {background-image:url(../images/icons/molecule.png) !important;}
.treeSubstanceRow {color:blue !important;}
.treeTopProduct { background-image:url(../images/icons/bricks.png) !important;}
.treeProduct { background-image:url(../images/icons/brick.png) !important;}

.treeHeader {background-image:url(../images/icons/text_heading_1.png) !important;}
.treeSection {background-image:url(../images/icons/application_view_list.png) !important;}
.treeGlobalSection {background-image:url(../images/icons/global.png) !important;}
.treeLock {background-image:url(../images/icons/locked.png) !important;}
.treeQuestion{ background-image:url(../images/icons/comment.png) !important;}
.treeList { background-image:url(../images/icons/table.png) !important;}
.iconCls1{ background-image:url(../images/icons/collapse.png) !important;}
.iconCls2{ background-image:url(../images/icons/expand.png) !important;}