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

html, body#popup { background-color:#FFFFFF; background-image:none; height:auto; text-align:left; }

#popup .title { font-family:Roboto; font-size:24px; line-height:28px; color:#333333; }
#popup .title span, #popup .bold { font-family:Roboto; }
#popup .colorBlack { color:#333333; }
#popup .divider { border-top:1px solid #d4d1cc; background-color:transparent; margin:15px 0; display:block;}
#popup .bottomDivider { background:url("../images/common/imgPopupBottom.png") no-repeat center center; display:block; height:15px;}

#popup .popupContent { padding:15px 0 20px; }
#popup .popupContent p { padding:0 0 20px; }
#popup .popupButton { padding:20px 0 0px; text-align:right; }
#popup .popupPaddL5 { padding-left: 5px!important;}

/* Table view in pop up */
#dataRow tr.totalTop { background:url("../images/template/imgListPanelTotalTop.png") no-repeat center bottom; width:736px; height:10px; }
#dataRow tr.totalBottom { background:url("../images/template/imgListPanelTotalBottom.png") no-repeat center top; width:736px; height:10px; }
#dataRow tr.totalMid { width:736px; color:#333333;}
#dataRow tr.totalMid td#start, #dataRow tr.totalMid td#end { background-image: url("../images/template/imgListPanelTotalMid.png"); background-position:left top; background-repeat: repeat-y; background-color:transparent; }
#dataRow tr.totalMid td#end { background-position:right top; }
#dataRow tr.totalMid td { background-color:#F3F3F3;}

#popup #dataRow tr.dataListMid td#start, #popup #dataRow tr.dataListMid td#end { background:none; }
#popup #dataRow th#start, #popup #dataRow th#end, #popup #dataRow th { padding:0 5px 0 15px;}
#popup #dataRow td#start, #popup #dataRow td#end, #popup #dataRow td { padding:3px 5px 3px 15px;}

#popup #tblHeaderTop { background:url("../images/template/imgListPanelHeaderTop.png") no-repeat center bottom; height:10px; }
#popup #tblHeaderBottom { background:url("../images/template/imgListPanelHeaderBottom.png") no-repeat center top; height:10px; }
#popup #tblHeaderMid { background:url("../images/template/imgListPanelHeaderMid.png") center top repeat-y; }
#popup #tblWhiteMid { padding:17px 0 14px 0; }
#popup #tblGreyTop { background:url("../images/template/imgListPanelTotalTop.png") no-repeat center bottom; height:10px; }
#popup #tblGreyBottom { background:url("../images/template/imgListPanelTotalBottom.png") no-repeat center top; height:14px; }
#popup #tblGreyMid { background:url("../images/template/imgListPanelTotalMid.png") center top repeat-y; }
#popup #tblHeaderMid .col { padding:3px 15px; float:left; color:#FFF; }
#popup #tblWhiteMid .col, #popup #tblGreyMid .col { padding:3px 15px; float:left; color:#333; font-family:Roboto; font-size:13px; line-height:15px; }
/* Status History Template */
#popup .statusHistorySidebar { height: 300px; width: 766px; }
#popup #statusHistoryScrollable { overflow-y: scroll; height: 100%; }
#popup .statusHistoryFixWidth { width:736px; }

/* System Error Details Template */
#popup .titleImg { float:left; background:url("../images/icon/imgUnsuccessful.png") left 5px no-repeat; display:block; width:60px; height:44px;}
#popup .titleError { float:left; color:#333333; }
#popup .titleDateTime { float:right; padding:30px 0 0 0; }
#popup div.sidebar { padding: 5px; height: 250px; width: 720px; }
#popup div#scrollable { overflow-y: scroll; height: 100%; }
#popup .fixWidth { width:690px; white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ -ms-word-wrap: break-word; overflow:hidden;}